@charset "utf-8";
/*////////////////////////////////////////////////
フォントサイズ統一化設定
////////////////////////////////////////////////*/
body{
font-size:75%; /* IE */
line-height:120%;
}
html>/**/body{
font-size:12px; /* Except IE */
}
html[xmlns*=""] body:last-child body{
font-size:80%;
}
/*////////////////////////////////////////////////
=clear設定
////////////////////////////////////////////////*/
.clear{
clear:both;
}
.f_left{
float:left;
}
.f_right{
float:right;
}
.m10{
margin-top:10px;
}
.m20{
margin-top:20px;
}
/*////////////////////////////////////////////////
=body設定
（タグリセット設定）
////////////////////////////////////////////////*/
body{
    margin: 0px;
    border: none;
    font-weight: normal;
    text-decoration: none;
    list-style-type: none;
    text-indent: 0px;
    line-height: 160%;
    letter-spacing: 0.9px;
    color: #333333;
    background: url(../../img/pc/bg_mascot_body.gif);
}
img{
border:0;
}

/*////////////////////////////////////////////////
背景色追加設定
////////////////////////////////////////////////*/
#container,#wrapper{
    background: #fff;
    padding: 0 0px;
}


/*////////////////////////////////////////////////
=wrapper設定
////////////////////////////////////////////////*/

#wrapper{
    width: 1028px;
    margin: 0px auto;
    padding: 0;
}


/*////////////////////////////////////////////////
=header設定
////////////////////////////////////////////////*/
#headerArea{
    width: 1028px;
    margin: 0px auto;
    padding: 0;
    background: #fff;
    padding-top: 0px;
    text-align: center;
}
/*////////////////////////////////////////////////
=contents設定
////////////////////////////////////////////////*/
#contents{
    width:995px;
    margin-top: 0px;
    margin: 0 auto;
    padding-top: 10px;
}
#left{
    width:694px;
    text-align:left;
    float:left;
    text-align: left;
    float: left;
    padding-top: 0px !important;
    margin-top: 0px !important;
}


#right{
    width:300px;
    float:right;
    text-align:left;
}






#left .lead_left{
    width: 350px;
    float: left;
    }


#left .lead_right{
    width:340px;
    float:right;
    }



#photo_list .photo_box{
    text-align:center;
    height:303px;
    width:222px;
    padding-top:7px;
    margin-right:9px;
    margin-top:15px;
    float:left;
    background-image: url(../../img/pc/bg_photo_box.png);
    background-repeat: no-repeat;
}

#photo_list .votes{
    padding-top:12px;
    padding-left:28px;
    color:#e90068;
    font-weight:bold;
    font-size:24px;
    padding-bottom: 10px;
}


#photo_list .nickname{
    font-size: 12px;
    color: #575757;
    padding-top: 0px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 32px;
}
#photo_list .photo{
    height: 140px;
}
#photo_list .title{
    max-height:30px;
    margin:3px 22px 0px 22px;
    padding:5px;
    color: #575757;
    font-weight: bold;
    line-height: 16px;
}
#photo_list .title p{
margin:0 auto 0px auto;
}
#photo_list .to_detail{
    margin: 2px 10px 0px 10px;
}
#photo_detail{
    width: 644px;
    margin-top: 15px;
    background-image: url(../../img/pc/bg_gakuen_detail.jpg);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
}
#photo_detail #created{
margin:10px;
float:left;
}
#photo_detail #votes{
    text-align: center;
    padding-top: 27px;
    padding-top:27px;
    padding-left:28px;
    color:#e90068;
    font-weight:bold;
    font-size:24px;
    padding-bottom: 10px;
    line-height: 100%;
}
#photo_detail #votes span{
    font-size: 14px;
    padding-right: 10px;
    color: #333;
    padding-left: 10px;
}

#photo_detail #photo{
clear:both;
text-align:center;
display:table;
}


#photo_detail #photo .detail_left{
    float: none;
    text-align: center;
    width: 600px;
    margin: 0 auto;
}

#photo_detail #photo .detail_right{
    float: right;
    background: url(../../img/pc/detail_right_top.jpg) no-repeat;
    width: 230px;
    height: 230px;
}

#photo_detail #photo .detail_right{
    color: #666;
    font-size: 12px;
    padding: 0px 35px 0px 50px;
    text-align: left;
    margin-top: 30px;
    line-height: 22px;
    float: right;
    display: table !important;

}

#photo_detail #photo .detail_right .detail_fukidashi{
    float:none;
    height:230px;
    vertical-align: middle !important;
    display: table-cell !important;}

#photo_detail #entry{
    margin-top: 0px;
    padding: 15px;
    padding-top: 0px;
}
#photo_detail #entry #title{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
}
#photo_detail #entry .comment{
    margin: 4px 23px 15px 23px;
    word-wrap: break-word;
    color:#555;
}
#photo_detail #entry #nickname{
    text-align:center;
    font-weight:normal;
    font-size:100%;
    margin-bottom: 10px;
}
#explain {
    width:684px;
    margin-top:15px;
}
#explain p{
    margin: 10px;
    color: #666;
}
/*グレー*/
#explain p.sub{
    padding: 0px 10px;
    margin: 0;
    background-image: url(../../img/pc/bg_subtitle.jpg);
    background-repeat: no-repeat;
    color: #333;
    height: 31px;
    line-height: 31px;
    font-size: 130%;
    font-weight: bold;
}
#explain p.sub_box{
    background-color:#eaeaea;
    border:1px solid #ccc;
    margin: 10px 0;
    padding: 0 10px;
}

/*ブルー*/
#explain p.sub02{
background-color:#EEEEE1;
padding:15px 15px;
margin:0;
border:1px solid #D6D6D6;
font-size:14px;
line-height:150%;
text-align:-moz-center; /*FF*/
#text-align:center; /*IE */
}
#explain p.sub03{
background-color:#FFFFFF;
padding:5px 10px;
margin:0;
border:1px solid #CC0000;
}
#explain p.sub_big{
margin:0;
font-size:14px;
font-weight:bold;
text-align:-moz-center; /*FF*/
#text-align:center; /*IE */
}
.entry_table{
width:660px;
background-color:#CCCCCC;
}
.entry_table th{
background-color:#ECF9FF;
border-bottom:1px solid #CCCCCC;
width:30%;
text-align:left;
color:#000033;
}
.entry_table td{
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
}
.entry_table .attention{
color:#CC0000;
font-weight:normal;
}
#entry_thanks{
width:660px;
margin-top:15px;
background-color:#ECF9FF;
border:1px solid #0099CC;
text-align:center;
height:220px;
padding-top:100px;
}
.btn_area{
text-align:center;
margin-top:20px;
}
#application{
margin-bottom:11px;
}
#ranking{
margin-bottom:25px;
}

#contents #ranking a{
color:#666;
text-decoration:none;
}

#contents #ranking a:hover{
color: #F00;
text-decoration:none;}

#ranking .rank_box{
    border-bottom: 1px dotted #CCCCCC;
    margin-top: 5px;
    padding-bottom: 5px;
    height: 45px;
    display: table;
}
#ranking .rank_box .rank_icon{
    float: left;
    margin-right: 2px;
}
#ranking .rank_box .rank_img{
    float: left;
    margin-right: 2px;
    width: 60px;
    text-align: center;
}
#ranking .rank_box .rank_txt{
    float: none;
    margin-right: 0px;
    width: 120px;
    line-height: 130%;
    word-wrap: break-word;
    display: table-cell;
    left: 108px;
    vertical-align: middle;
    }
#ranking .rank_box .rank_txt a{
    margin: 0px;

}
#bannerarea{
margin-top:5px;
}
#bannerarea p{
    margin-bottom:6px;
}
#bannerarea a:hover{
  opacity:0.8;
  filter: alpha(opacity=80); /* for IE6 */}
#page{
margin-top:30px;
padding-top:10px;
text-align:center;
height:40px;
}
#page a{
border:1px solid #CCCCCC;
padding:5px 7px;
margin:auto 3px;
text-decoration:none;
color:#333333;
height:30px;
}
#page a.image{
border:none;
}
#page a.on{
background-color:#0099CC;
color:#FFFFFF;
}
#page a:hover{
background-color:#E1F8FF;
color:#333333;
}
#page span.current{
border:1px solid #CCCCCC;
padding:5px 7px;
margin:auto 3px;
height:30px;
background-color:#33CCFF;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
.error-message{
color:#DC143C;
}
.focus {
background: #FAFAD2;
}
/*////////////////////////////////////////////////
=footer設定
////////////////////////////////////////////////*/
#footerArea{
margin:20px auto;
width:950px;
}
#copy{
border-top:1px solid #E3E3E3;
padding-top:10px;
margin-top:15px;
text-align:center;
}

#contents a{
    color:#F00;}

.clearfix {
    width: 100%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow:hidden;

 }
.navi_left a{
    float:left;
    margin-left:20px;
    width:200px;
    display:block;}
.navi_right a{
    float:right;
    text-align:right;
    margin-right:30px;
    width:200px;
    display:block;}
.navi_left a:hover,.navi_right a:hover{
    text-decoration:none;}

.side_num{
    vertical-align: middle;
    display: table-cell;
    width: 50px;
    color: #e90068;
    font-weight: bold;
    font-size: 16px;
    padding-left: 20px;
}
.side_num span{
    font-size:12px;
    color:#333;
    font-weight: normal;}


*:first-child+html .side_num{
    float:right;
    width: 40px;
    vertical-align: top;
    }
#contestTop{
    width: 1008px;
    margin: 0px auto;
    padding: 5;
    background: #fff;
    /*padding-top: 10px;*/
    text-align: left;
}

.ssbt li{
    list-style:none;
     float: left;
  margin-left: 5px;
  display: inline;}

 .ssbt li.twitter{
     width:95px;
    }
.ssbt li.facebook{
    }