
/*reset========================================================================*/
body{ background:#fff; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:1}

::selection { background: #8aff00; color:#000; /* Safari */ }
::-moz-selection { background: #8aff00; color:#000; /* Firefox */ }
ul, ul li{ list-style:none;}
img { border: none; margin:0; padding:0; line-height:0;}

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }


#main_wrap{ background:url(../images/bg_close.jpg) top center no-repeat #230b06; /*height:1730px;*/ padding:0 0 70px 0;}
/*#main_wrap{ background:url(../images/bg_main.jpg) top center no-repeat #230b06; height:1730px; padding:0 0 70px 0;}*/
#main_wrap #main{ width:1080px; margin:0 auto; position:relative; /*z-index:1;*/}
#main_wrap #main #logo_craneking{ position:absolute; top:15px; left:0; z-index:2;}
#main_wrap #main #logo_banpresto{ position:absolute; top:15px; right:0; z-index:2;}

#main_wrap #main #genkidama{ position:absolute; top:-530px; left:0; bottom:0; right:0; margin:auto; /*width:1px; height:1px;*/ z-index:1;}
#main_wrap #main #genkidama img{ position:absolute; top:0; right:0; bottom:0; left:0; margin: auto;}

#main_wrap #main #genki{ position:absolute; left:463px; bottom:-154px; width:154px; height:154px; z-index:1; display: none;}

#main > h2#main_title{ display:block; text-align:center; z-index:10; z-index:20; position:relative; padding-top:40px;}

#meter_area{ width:338px; margin:0 auto; z-index:10; padding:10px 0 10px 0; position:relative;}
#meter_area > p#meter_title{ padding:0 0 10px 0;}

.txt_center{ text-align:center;}

#meter_area #size_box{ background:url(../images/sise_bg.png) no-repeat; width:338px; height:85px; z-index:20;
font-size:60px; color:#fff; font-weight:bold; text-align:center; margin:0 0 10px 0; line-height:90px; position:relative;}
#meter_area #size_box span#cm{ position:absolute; right:-60px; bottom:0; z-index:20;}

#meter_area #meter_box{ background:url(../images/meter_bg.png) no-repeat; width:338px; height:92px; position:relative; z-index:20; margin:0 0 15px 0;}
#meter_area #meter_box #meter{ height:67px; padding:10px 0 0 0; width:0; margin:0 16px; overflow:hidden;}
#meter_area #meter_box span#cm1_2{ position:absolute; right:-15px; bottom:0; z-index:20;}

#close_area{ width:598px; margin:0 auto 15px auto; z-index:10; padding:20px 0 0 0; position:relative;}
#close_area > p#close_title{ padding:0 0 15px 0;}
#close_area > p#close_area_txt{ padding:0 0 0 0;}

#gokou_area{ width:371px; margin:0 auto; z-index:10; position:relative;}
p#img_gokou{}
p#gokou_txt01{ position:absolute; right:-100px; top:200px; z-index:20;}
p#gokou_txt02{ position:absolute; left:-130px; top:140px; z-index:20;}
/*p#gokou_txt01{ position:absolute; right:-170px; top:260px; z-index:20;}
p#gokou_txt02{ position:absolute; left:-170px; top:140px; z-index:20;}*/
p#gokou_txt03{ position:absolute; left:-350px; top:250px; z-index:20;}

#satan_area_end{ width:395px; height:0; margin:auto; z-index:200; position:absolute; right:-110px; top:1030px;}
/*#satan_area{ width:813px; height:0; margin:auto; z-index:200; position:absolute; left:0; right:0; top:350px; display:none;}*/
#img_satan{}

#db_contents_wrap{ background:url(../images/bg_contents.jpg) no-repeat #000; background-size:cover; padding:0 0 50px 0;}
#db_contents_wrap hr#line_contents{ height:20px; width:100%; background:url(../images/line_contents.png) repeat-x; border:none;}

#db_contents{ width:950px; margin:0 auto; position:relative; padding:70px 0 0 0; color:#fff; text-align:center;}
#db_contents #btn_genki_area{ display:block; width:440px; height:117px; background:url(../images/btn_genki.png) no-repeat 0 -117px; position:absolute; top:-70px; left:260px; z-index:100;}
#db_contents #btn_genki_area a{ display:block; width:440px; height:117px; background:url(../images/btn_genki.png) no-repeat 0 0px; opacity:1; transition: all 0.3s ease-out 0s; }

#db_contents #btn_genki_area a:hover{opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

#db_contents #btn_genki_close{ width:440px; height:117px; position:absolute; top:-70px; left:260px; z-index:100;}

#item_about{ padding:40px 0;}

#btn_campaign{ display:block; width:837px; margin:0 auto 20px auto; height:148px; background:url(../images/btn_campaign.png) no-repeat 0 -148px;}
#btn_campaign a{ display:block; width:837px; margin:0 auto 40px auto; height:148px; background:url(../images/btn_campaign.png) no-repeat 0 0; transition: all 0.3s ease-out 0s; }

#btn_campaign a:hover{opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

#campaign{ margin:0;}
/*.shoplink01{ position:absolute; height:30px; width:280px; bottom:300px; left:240px;}
.shoplink02{ position:absolute; height:30px; width:280px; bottom:257px; left:240px;}
.shoplink03{ position:absolute; height:30px; width:280px; bottom:212px; left:240px;}
.shoplink04{ position:absolute; height:30px; width:280px; bottom:170px; left:240px;}
.shoplink05{ position:absolute; height:30px; width:280px; bottom:129px; left:240px;}

.shoplink06{ position:absolute; height:30px; width:280px; bottom:300px; right:110px;}
.shoplink07{ position:absolute; height:30px; width:280px; bottom:257px; right:110px;}
.shoplink08{ position:absolute; height:30px; width:280px; bottom:212px; right:110px;}
.shoplink09{ position:absolute; height:30px; width:280px; bottom:170px; right:110px;}
.shoplink10{ position:absolute; height:30px; width:280px; bottom:129px; right:110px;}*/

ul#campaign_atn{ font-size:12px; margin:10px auto 0 auto; width:810px;}
ul#campaign_atn li{ float:left; text-align:left; line-height:1.5;}
ul#campaign_atn li#campaign_atn_left{ margin:0 15px 0 0;}

#footer_wrap{ background:#000; border-top:#413939 solid 1px;}
#footer{width:1080px; margin:0 auto; color:#fff; font-size:11px; line-height:1.5; padding:15px 0 50px 0;}
#footer_left{ float:left;}
#footer_right{ float:right;}

/* 	social
---------------- */

#social_btn { position:absolute; top:15px; left:90px; z-index:30; width:900px; height:35px; }
#social_btn #snsbox {min-height:30px;}
#social_btn #snsbox ul{ float: right; padding:0px; }
#social_btn #snsbox #snsbtn li { float:left; list-style: none outside none; margin: 0 2px 0 0; width:80px; display:block; } 

#social_btn #snsbox #snsbtn #sns_tw a { margin:0px; padding:0px; display:block; height:20px; width:100px;}
#social_btn #snsbox #snsbtn #sns_line img {margin:0 !important;}
#social_btn #snsbox #snsbtn #sns_fb span { padding:0 !important;}

