@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0; color:#272727;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; line-height:1}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}

.clear{ clear:both}



a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.75;transition: all 0.2s ease-out 0s;}

a:link { color: #ff0000; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline; }
a:visited { color: #ff0000; text-decoration: underline; }


/*==================================
top
==================================*/
#top #wrap{background:url(../../images/pc/bg.jpg) #000 top center no-repeat;}
#top #contents{ width:900px; padding:25px 30px 40px; margin:0 auto; background:url(../../../images/pc/bg_cts.jpg) 0 0 repeat-y;}
#top #main{ width:648px; float:left; z-index:300 }
#top #main p{font-size:14px; line-height:1.5; text-align:center; padding-bottom:15px;}
#top #main p span{ padding-top:5px; font-size:12px; color:#602f00; display:block}

#top #main h1{ padding-bottom:15px;}
#top #main h3{ padding:5px 0 10px; text-align:center}

#top #main #btn_cmt{ width:606px; margin:0 auto 20px; overflow:hidden}
#top #main #btn_cmt li{ float:left}
#top #main #btn_cmt li:first-child{ padding-right:3px}

#top #main #update{ padding-bottom:30px}
#top #main #update li{ font-size:13px; padding: 8px 0 10px; background:url(../../../images/pc/line_update.png) bottom left repeat-x;}
#top #main #update span{color:#cf0b22; padding-right:10px}

#top #main #btn_linksec { width:644px; margin:20px auto 30px; overflow:hidden;}
#top #main #btn_linksec li{ float:left}
#top #main #btn_linksec li:first-child{ padding-right:3px}
#top #main h4{ padding-bottom:10px}

#top #main #ranking{ margin-bottom:40px;background:url(../../../images/pc/bg_ranking.jpg) 0 65px no-repeat;}
#top #main #ranking p{ padding-bottom:0px}
#top #main #ranking ul{ text-align:center; float:left;padding:5px 15px 15px 15px; font-size:13px; width:186px}
#top #main #ranking ul.first{ padding-left:44px}
#top #main #ranking li.ranking_chara{ font-size:18px; font-weight:bold; padding-bottom:3px;color:#cf0b22; margin:5px 0 0 0;}
#top #main #ranking a:hover{ text-decoration:none}


#top #main #nominate{ margin: 0 auto 40px}
#top #main #nominate ul{ overflow:hidden; padding-bottom:20px;}
#top #main #nominate ul li{ font-size:12px; line-height:1.2 }
#top #main #nominate ul li span{ color:#cf0b22}

#top #main #nominate .recommend{ border: solid 3px #3f9598; width:310px; background-color:#FFF; position:relative ; float:left; margin:0 6px 6px 0}
#top #main #nominate .recommend ul{ border: solid 2px #76d5d8; padding:10px; position:absolute}
#top #main #nominate .recommend .recommend_badge{ position: absolute; top:-8px ; left:13px}
#top #main #nominate .recommend .recommend_chara {font-size:23px; color:#cf0b22; padding:0 0 2px 50px; font-weight:bold}
#top #main #nominate .recommend .recommend_product{padding:0 0 4px 50px;}
#top #main #nominate .recommend .recommend_name {border-top: solid 1px #ddc671; padding: 5px 0 5px}
#top #main #nominate .recommend .recommend_btn { width:160px; position:absolute; bottom:10px; left:20px}
#top #main #nominate .recommend .slider_inner{width:708px;}

#top #main #user .click{ color: #FFF; background-color: #CF0B22; font-size: 16px; font-weight: bold; line-height: 20px; padding: 10px; margin-bottom: 18px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; behavior: url(border-radius.htc); }

#top #main #user ul{ overflow:hidden; padding-bottom:20px; }
#top #main #user ul li{ font-size:12px; line-height:1.2 }
#top #main #user{ margin: 0 auto 20px}
#top #main #user ul li span{ color:#cf0b22}
#top #main #user .recommend{ width:212px; height:118px; background:url(../../../images/pc/back.png); position:relative ; float:left; margin:0 4px 4px 0;position: relative}
#top #main #user .recommend ul{ padding:8px;}
#top #main #user .recommend .recommend_chara {font-size:17px; color:#cf0b22; padding:10px 0 2px 10px; font-weight:bold}
#top #main #user .recommend .recommend_product{padding:0 0 4px 12px; font-size:11px}
#top #main #user .recommend .recommend_btn { width:99px; position:absolute; bottom:10px; left:54px}
#top #main #nominate .recommend .slider_inner{width:708px;}



#top #main #notice{ padding-bottom:10px; background:url(../../../images/pc/bg_notice.png) bottom left no-repeat; margin:20px auto 40px}
#top #main #notice h4{ padding-bottom:0px}
#top #main #notice p{ text-align:left; font-size:12px; padding:15px 30px 20px; background:#FFF; border-left: solid 2px #2f2f2f; border-right: solid 2px #2f2f2f}



#top #main #link{ padding-bottom:40px}
#top #main #link li{ float:left; padding-right:4px}
#top #main #link li img{ border: solid 1px #aa8f00}
#top #main #link li:last-child{ padding-right:0px}

#top #sns{ width:240px; position:fixed; margin: 0 0 100px 660px; z-index:100;}
#top #sns #sns_count{background:url(../../../images/pc/bg_sns.png) 0 0 no-repeat; width:240px; height:86px}
#top #sns #sns_count { position:relative; margin-bottom:15px}
#top #sns #sns_count li#facebook{position:absolute; bottom:6px; right:76px; width:75px }
#top #sns #sns_count li#twitter{ position:absolute; bottom:10px; right:2px; width:75px }
#top #sns p{ padding-top:10px;}

#footer { background: url(../../../images/pc/bg_footer.png) repeat-x scroll 0 0 transparent;  height: 60px; margin-top: -20px; padding-top: 30px;  width: 100%; z-index:200; position:relative}
#footer #footer_inner{ width:980px; margin:0 auto}

#footer p{font-size: 10px;line-height: 1.4; color:#FFF}
#footer img { padding-right: 8px; float: left; }






/*==================================
nominate
==================================*/
#nominate #wrap{ width:460px; height:404px; margin:0 auto; background:url(../../../nominate/images/bg.jpg) #000 0 0 no-repeat; padding:80px 45px 0; }
#nominate #chara{ background:url(../../../nominate/images/tit_chara.png) 0 0 no-repeat; margin: 5px 0 20px; height:68px; padding:30px 0}
#nominate h1{ font-size:18px; text-align:center}
#nominate h1 span{ font-weight:bold; text-align:center}
#nominate h2{ font-size:36px; color:#cf0b22; font-weight:bold; text-align:center; padding-bottom:5px}
#nominate #message{ width:450px; margin:0 auto}
#nominate h3{ font-size:14px; text-align:center; padding-bottom:15px }
#nominate h4{ padding-bottom:12px; }
#nominate p{ font-size:13px; line-height:1.5}

/*==================================
ranking
==================================*/

#ranking #wrap{background:url(../../images/pc/bg.jpg) #000 top center no-repeat;}
#ranking #contents{ width:900px; padding:25px 30px 40px; margin:0 auto; background:url(../../../images/pc/bg_cts.jpg) 0 0 repeat-y;}

/*body#ranking #contents {min-height:1200px}*/

body#ranking h1{ position:relative; margin-bottom:19px}
body#ranking #ranking_period{
	background: url(../../../ranking/images/pc/bg_day.png)  0 0 no-repeat;
	text-align: center;
	position: absolute;
	top: 70px;
	left: 115px;
	width: 765px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 21px;
	font-weight: bold;
	color: #602f00;
	height: 23px
}

body#ranking #box{width:900px; height:891px; margin:0 auto; padding-top:25px}
body#ranking li{ float:left}
body#ranking .rank01{background:url(../../../ranking/images/pc/bg_chara01.png) 0 0 no-repeat; width:822px; height:52px; padding:14px 14px 0 ; margin:0 auto; padding-bottom:4px}

body#ranking .rank01 .ranking_chara{ padding-left:20px}
body#ranking .rank01 .ranking_chara{ font-size:14px; line-height:20px; }
body#ranking .rank01 .ranking_chara span{ font-size:22px; color:#cf0b22; font-weight:bold; line-height:1.2}
body#ranking .rank02{background:url(../../../ranking/images/pc/bg_chara02.png) 0 0 no-repeat; width:822px; height:41px; padding:10px 14px 0 ; margin:0 auto; padding-bottom:4px}
body#ranking .rank02 .ranking_chara{ padding-left:20px}
body#ranking .rank02 .ranking_chara{ font-size:12px; line-height:15px; }
body#ranking .rank02 .ranking_chara span{ font-size:17px; color:#cf0b22; font-weight:bold; line-height:1.2}
body#ranking #btn_return{ text-align:center;}

/*==================================
result
==================================*/

body#ranking #result_box{ clear:both; width:900px; height:auto; margin:0 auto 25px auto; padding:0px;}
p.result_txt{display:block;	width:850px; height:auto;	 margin:0 auto; padding-bottom:15px; font-size:16px; line-height:1.5;}
p.result_txt a{	color:#d30000; text-decoration:underline;}
ul.result_rankbox{ display:block; height:550px; margin:10px auto 20px auto;}




/*==================================
info
==================================*/
#info #main{background:url(../../../info/images/pc/bg_info.jpg) 0 0 repeat; padding:25px; width:492px; margin:0 auto; border:solid 4px #6c6c6c }
#info #main h1{ text-align:center; padding-bottom:15px}
#info #main li{ font-size:13px; padding: 8px 0 10px; background:url(../../../info/images/pc/line_info.png) bottom left repeat-x;}
#info #main span{color:#cf0b22; padding-right:10px }


/*-------clearfix-------*/
div:after,
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
img { border: none }
/* end clearfix */