@charset "utf-8";

#Wrap { background:url(../images/bg_01.jpg) no-repeat center top; background-size:1650px 991px;}
#Main { background:none;}
.titarea01 { padding-top:1px; height:579px; position:relative;}
.titarea01 .logo { margin-bottom:181px;}
.titarea01 .maintit { position:absolute; top:282px; left:163px;}
.titarea01 .txt { width:714px; margin:0 auto;}

.box01 { height:649px; background:url(../images/bg_02.png) no-repeat center top; margin-bottom:25px;}
.box01 h3 { padding:33px 0 0 57px; margin-bottom:28px;}
.box01 .txt01 { padding-left:47px; margin-bottom:26px;}
.box01 .txt02 { padding-left:430px;}

.box02 { height:639px; background:url(../images/bg_03.png) no-repeat center top; margin-bottom:10px;}
.box02 h3 { padding:16px 0 0 57px; margin-bottom:32px;}
.box02 .txt01 { padding-left:47px; margin-bottom:10px;}
.box02 .float_area {}
.box02 .float_area .txt02 { width:397px; padding:0 89px 0 47px; display:inline; float:left;}
.box02 .float_area .image { width:447px; display:inline; float:left;}

.nav_area { clear:both; height:195px; background:url(../images/bg_04.png) no-repeat center top; margin-bottom:7px;}
.nav_area h3 { padding:0 75px; margin-bottom:15px;}
.nav { padding-left:12px;}
.nav ul li { display:inline; float:left;}

.nav_txt { width:714px; margin:0 auto 37px;}

.attention_box { height:326px; width:765px; background:url(../images/bg_05.png) no-repeat center top; margin:0 0 49px 105px; clear:both;}
.attention_box h3 { padding:17px 0 0 32px; margin-bottom:6px;}
.attention_list { padding-left:32px;}
.attention_list a { font-size:1px;}



/*ランキングページ*/

.ranking #Main { background:none;}
.ranking #Wrap { background:url(../images/ranking/bg_01.jpg) no-repeat center 32px; background-size:1650px 827px;}
#Main { background:none !important; }
.rank_titarea01 { width:980px; height:358px; position:relative;}
.rank_titarea01 .logo { width:540px; margin:0 auto;}
.rank_titarea01 .maintit { position:absolute; top:203px; left:150px;}

.subnav01_area { position:relative; height:266px;}
.subnav01_area_inner { height:286px; background:url(../images/ranking/bg_02.png) no-repeat left top; position:absolute; top:-20px; left:0;}
.subnav01_area h3 { height:164px; position:absolute;}
.subnav01_area h3 span { position:absolute; top:73px; left:285px; font-size:261.5%; color:#ffffff; font-weight:bold;}
.subnav01_area h3 img { position:absolute; top:73px; left:401px;}
.ranking .nav { padding-left:10px;}
.ranking .subnav01_area .nav { padding-top:164px; margin-bottom:12px;}

.subnav01 { margin-left:167px; clear:both;}
.subnav01 ul li { display:inline; float:left; margin-right:19px;}

.rank_cont { clear:both; padding-bottom:32px;}
.box_1 { background:url(../images/ranking/bg_03.png) left top no-repeat; width:979px; height:237px; position:relative; margin:0 0 1px 1px;}
.box_1 img, .rank_boxstyle img, .rank_boxstyle2 img { display:block;}
.box_1 .rank_name_tit { position:absolute; left:221px; top:36px;}
.box_1 .rank_name { width:260px; position:absolute; top:10px; left:385px; font-size:353.8%; font-weight:bold; line-height:50px; color:#FFF; }
.box_1 .rank_maker_tit { position:absolute; top:44px; left:667px;}
.box_1 .rank_maker {color:#FFF; position:absolute; top:27px; left:771px;font-weight:bold; font-size:182%;}
.box_1 .rank_point_tit { position:absolute; top:111px; left:283px;}
.box_1 .rank_point { width:178px; position:absolute; top:91px; right:195px; font-size:307.7%; font-weight:bold; color:#FFF; text-align:right; }
.box_1 .rank_point_txt { position:absolute; top:116px; right:114px;}
.box_1 .rank_shop_tit { position:absolute; top:165px; left:282px;}
.box_1 .rank_shop { width:320px; position:absolute; top:174px; left:491px; font-size:138.5%; font-weight:bold; color:#FFF; }
.box_1 .rank_shop2  { width:65px; position:absolute; top:177px; left:881px; font-size:108%; font-weight:bold; color:#FFF; }
.box_1 .num1 { position:absolute; left:0; top:-45px;}

.rank_boxstyle { height:227px; width:979px; margin:0 0 6px 1px; position:relative;}
.rank_boxstyle .rank_name_tit { position:absolute; left:221px; top:36px;z-index:2;}
.rank_boxstyle .rank_name { width:260px; position:absolute; top:6px; left:387px; font-size:346.1%; font-weight:bold; color:#FFF; }
.rank_boxstyle .rank_maker_tit { position:absolute; top:44px; left:667px;}
.rank_boxstyle .rank_maker {color:#FFF; position:absolute; top:27px; left:771px;font-weight:bold; font-size:182%;}
.rank_boxstyle .rank_point_tit { position:absolute; top:111px; left:283px;}
.rank_boxstyle .rank_point { width:178px; position:absolute; top:91px; right:195px; font-size:307.7%; font-weight:bold; color:#FFF; text-align:right; }
.rank_boxstyle .rank_point_txt { position:absolute; top:101px; right:114px;}
.rank_boxstyle .rank_shop_tit { position:absolute; top:165px; left:282px;}
.rank_boxstyle .rank_shop { width:335px; position:absolute; top:176px; left:491px; font-size:138.5%; font-weight:bold; color:#FFF; }
.rank_boxstyle .rank_shop2  { width:65px; position:absolute; top:177px; left:881px; font-size:108%; font-weight:bold; color:#FFF; }
.rank_boxstyle .num { position:absolute; left:0; top:0; z-index:1;}

.box_2 { background:url(../images/ranking/bg_04.png) left top no-repeat;}
.box_3 { background:url(../images/ranking/bg_05.png) left top no-repeat; margin-bottom:7px;}
.box_4 { background:url(../images/ranking/bg_06.png) left top no-repeat; margin-bottom:8px;}
.box_5 { background:url(../images/ranking/bg_07.png) left top no-repeat; margin-bottom:11px;}

.rank_boxstyle2 { width:979px; height:104px; position:relative; background:url(../images/ranking/bg_08.png) 1px top no-repeat; margin-bottom:2px;}
.rank_boxstyle2 .rank_name_tit { position:absolute; top:37px; left:168px;}
.rank_boxstyle2 .rank_name { position:absolute; top:54px; left:169px; font-size:182%; color:#ffffff; width:120px;}
.rank_boxstyle2 .rank_maker_tit { position:absolute; top:38px; left:504px;}
.rank_boxstyle2 .rank_maker {color:#FFF; position:absolute; top:53px; left:507px;font-size:167%;}
.rank_boxstyle2 .rank_point_tit { position:absolute; top:38px; left:343px;}
.rank_boxstyle2 .rank_point { position:absolute; top:54px; right:564px; font-size:182%; color:#ffffff; width:70px;}
.rank_boxstyle2 .rank_point_txt { position:absolute; top:65px; left:434px;}
.rank_boxstyle2 .rank_shop_tit { position:absolute; top:37px; left:673px;}
.rank_boxstyle2 .rank_shop { position:absolute; top:58px; left:675px; font-size:131%; color:#ffffff;}
.rank_boxstyle2 .rank_shop2 { position:absolute; top:41px; left:881px; font-size:93%; color:#ffffff;}
.rank_boxstyle2 .num { position:absolute; left:21px; top:0;}

.mb26 { margin-bottom:26px !important;}
.mb28 { margin-bottom:28px !important;}
.mb33 { margin-bottom:33px !important;}
.mb36 { margin-bottom:36px !important;}
.mb53 { margin-bottom:53px !important;}

.rank_btn { margin:0 0 43px 366px;}


/*総司令コメント*/

.champinner_02 { width:890px; height:960px; background:url(../images/bg_10.png) top left no-repeat; position: relative; /*top:481px;*/ left:42px;}
.champinner_02 .txt_01 { width:323px; height:38px; position:absolute; top:37px; left:45px;}
.champinner_02 .txt_02 { width:530px; height:132px; position:absolute; top:86px; left:47px; font-size:100%; color:#FFF; font-weight:bold; line-height:20px;}
.champinner_02 .txt_03 { width:806px; /*height:132px;*/ position:absolute; top:350px; left:47px; font-size:100%; color:#FFF; font-weight:bold; line-height:20px;}