@charset "utf-8";

.mb4 { margin-bottom:4px !important;}

#Head { position:relative; z-index:10;}

#Wrap { background:url(../images/bg_01.jpg) no-repeat center top; background-size:1650px 1675px;}
.titarea01 { height:222px; position:relative;}
.titarea01 h2 { position:absolute; top:0; left:-57px;}

.box01 { width:980px; height:278px; background:url(../images/bg_02.png) no-repeat left top; position:relative; margin-bottom:20px;}
.box01_month { padding:29px 0 0 21px;}
.box01_month ul li { display:inline; float:left;}
.box01_month ul li.month01 { margin-right:90px;}
.box01_month ul li.month02 { margin-right:333px;}
.box01 .img_01 { position:absolute; top:96px; left:39px;}
.box01 .img_02 { position:absolute; top:76px; left:583px;}
.box01 .img_03 { position:absolute; top:167px; left:583px;}

.box02 { width:980px; height:310px; background:url(../images/bg_04.png) no-repeat left top; margin-bottom:3px;}
.box02 h3 { height:60px; position:relative; margin-bottom:14px;}
.box02 h3 span { position:absolute; top:28px; left:160px; font-size:189%; color:#ffffff; font-weight:bold;}
.box02 h3 img { position:absolute; top:16px; left:277px;}
.box02 .navi { margin-bottom:12px; padding-left:14px;}
.box02 .navi ul li { display:inline; float:left;}
.box02 .txt { padding-left:30px; margin-bottom:8px;}

.synthesis { margin-left:314px;}
.gattaiboss_txt01 { margin-bottom:28px;}

.box_area01 { width:980px; height:483px; position:relative; margin-bottom:20px;}
.box03 { width:980px; height:483px; background:url(../images/bg_05.png) no-repeat left top; position:absolute; top:0; left:0;}
.box03 h3 { padding:67px 0 35px 62px;}
.box03_list { padding-left:38px; padding-top:15px;}
.box03_list li {margin-bottom:20px;}
.box03 .txt { position:absolute; bottom:6px; left:665px;}

.box04 { width:980px; height:440px; background:url(../images/bg_06.png) no-repeat left top; position:relative; margin-bottom:70px;}
.box04 h3 { padding:18px 0 0 62px;}
.box04 .txt01 { position:absolute; top:94px; left:38px;}
.box04 .txt02 { position:absolute; top:335px; left:69px;}
.box04 .btn { position:absolute; top:134px; right:37px;}

.box05 { width:980px; height:799px; background:url(../images/bg_07.png) no-repeat left top; margin-bottom:20px;}
.box05 h3 { height:60px; position:relative; margin-bottom:39px;}
.box05 h3 span { position:absolute; top:20px; left:340px; font-size:261.5%; color:#ffffff; font-weight:bold;}
.box05 h3 img { position:absolute; top:8px; left:459px;}
.box05 .number_area { height:82px; position:relative;}
.box05 .number_area .txt_01 { position:absolute; top:0px; left:152px;}
.box05 .number_area .txt_02 { position:absolute; top:6px; left:490px; width:250px; font-size:307.7%; color:#000000; font-weight:bold;}
.box05 .number_area .txt_03 { position:absolute; top:0px; left:801px;}
.box05 .toubatsu_list { padding-left:75px;}
.box05 .toubatsu_list ul li { margin-bottom:2px; width:877px; height:81px;}
.box05 .toubatsu_list ul li.icon_on { position:relative;}
.box05 .toubatsu_list ul li.icon_on .icon { position:absolute; top:-7px; left:-67px;}
.box05 .toubatsu_list ul li.icon_on .icon2 { position:absolute; top:2px; left:-67px;}


.toubatsu_tit01 { height:81px; position:relative;}
.toubatsu_tit01 h4 { position:absolute; top:-12px; left:234px; z-index:5;}

.attention_box { width:980px; height:460px; margin:0 0 20px 0px; background:url(../images/bg_08.png) no-repeat left top; clear:both;}
.attention_box h3 { padding:16px 0 32px 412px;}
.attention_box .attention_list { padding-left:59px;}
.attention_box .attention_list ul li { margin-bottom:11px;}

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

.ranking #Main { background:none;}
.ranking #Wrap { background:url(../images/ranking/bg_01.jpg) no-repeat center top; background-size:1650px 1613px;}
#Main { background:none !important; }
.rank_titarea01 { width:980px; height:213px; position:relative;}
.rank_titarea01 h2 { position:absolute; top:-11px; left:-30px;}

.subnav01_area { height:167px; width:979px; background:url(../images/ranking/bg_02.png) no-repeat left top; position:relative; z-index:2; margin:0 0 12px 1px;}
.subnav01_area h3 { width:979px; height:60px; position:absolute;}
.subnav01_area h3 span { position:absolute; top:21px; left:310px; font-size:261.5%; color:#ffffff; font-weight:bold;}
.subnav01_area h3 img { position:absolute; top:10px; left:422px;}
.subnav01 { margin-left:12px; padding-top:90px;}
.subnav01 ul li { display:inline; float:left;}

.subnav02 { margin-left:169px; clear:both; margin-bottom:22px;}
.subnav02 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:247px; 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:278px; top:40px;}
.box_1 .rank_name { width:260px; position:absolute; top:18px; left:566px; font-size:384.6%; font-weight:bold; line-height:50px; color:#FFF; }
.box_1 .rank_point_tit { position:absolute; top:95px; left:278px;}
.box_1 .rank_point { width:178px; position:absolute; top:100px; right:160px; 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:177px; left:278px;}
.box_1 .rank_shop { width:320px; position:absolute; top:186px; left:491px; font-size:138.5%; font-weight:bold; color:#FFF; }
.box_1 .rank_shop2  { width:65px; position:absolute; top:188px; left:881px; font-size:108%; font-weight:bold; color:#FFF; }
.box_1 .num1 {}

.rank_boxstyle { height:209px; width:979px; margin:0 0 1px 1px; position:relative;}
.rank_boxstyle .rank_name_tit { position:absolute; left:278px; top:43px;}
.rank_boxstyle .rank_name { width:260px; position:absolute; top:17px; left:575px; font-size:346.1%; font-weight:bold; color:#FFF; }
.rank_boxstyle .rank_point_tit { position:absolute; top:83px; left:278px;}
.rank_boxstyle .rank_point { width:115px; position:absolute; top:87px; right:181px; font-size:269.2%; 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:148px; left:278px;}
.rank_boxstyle .rank_shop { width:335px; position:absolute; top:157px; left:488px; font-size:123.1%; font-weight:bold; color:#FFF; }
.rank_boxstyle .rank_shop2  { width:65px; position:absolute; top:155px; left:881px; font-size:108%; font-weight:bold; color:#FFF; }
.rank_boxstyle .num1 {}

.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;}
.box_4 { background:url(../images/ranking/bg_06.png) left top no-repeat;}
.box_5 { background:url(../images/ranking/bg_07.png) left top no-repeat; margin-bottom:15px;}

.rank_boxstyle2 { width:979px; height:104px; position:relative; background:url(../images/ranking/bg_08.png) left top no-repeat; margin-bottom:6px;}
.rank_boxstyle2 .rank_name_tit { position:absolute; top:40px; left:179px;}
.rank_boxstyle2 .rank_name { position:absolute; top:54px; left:179px; font-size:167%; color:#ffffff; width:120px;}
.rank_boxstyle2 .rank_point_tit { position:absolute; top:40px; left:358px;}
.rank_boxstyle2 .rank_point { position:absolute; top:54px; right:555px; font-size:167%; color:#ffffff; width:70px;}
.rank_boxstyle2 .rank_point_txt { position:absolute; top:65px; left:434px;}
.rank_boxstyle2 .rank_shop_tit { position:absolute; top:40px; left:527px;}
.rank_boxstyle2 .rank_shop { position:absolute; top:58px; left:522px; width:300px; font-size:138.5%; color:#ffffff;}
.rank_boxstyle2 .rank_shop2 { position:absolute; top:60px; left:843px; font-size:108%; color:#ffffff;}
.rank_boxstyle2 .num { padding-left:19px;}

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

.rank_btn { margin:0 0 34px 237px;}