.inner{
	position : relative ;
	width : 960px ;
	margin-left : auto ;
	margin-right : auto ;
	padding : 0px ;
}

.width100{
	width : auto ;
	height : auto ;
}

.snsbox{
	position :fixed ;
	top : 10px ;
	right : 10px ;
	height : 20px ;
	padding-top : -10px ;
	z-index : 52 ;
}
.fb-like{
	margin-top : -5px ;
}
.twitter-share-button"{

}


.op:hover{
	opacity: 0.6 ;
}


/** floatingbox **/
#floatingbox{
	display : none;
	position : fixed ;
	top : 40px ;
	right : 0px ;
	width : 260px ;
	padding : 10px 0px ;
	background-color : #FFFFFF ;
	box-shadow: 0px 4px 4px #79694E ;
	z-index : 51 ;
}
#floatingbox_bui{
	position : relative ;

	margin-bottom : 10px ;
}
#floatingbox_bui_icon{
	position : relative ;
	float : left ;
	margin-left : 10px ;
	text-align : center ;
	font-size : 12px ;
	font-weight : 900 ;
}
#floatingbox_area{
	position : relative ;
	height : 40px ;
	margin-bottom : 10px ;
}
#floatingbox_area_name{
	position : relative ;
	float : left ;
	height : 40px ;
	font-size : 18px ;
	font-weight : 900 ;
	margin-left : 10px ;
	line-height : 40px ;
}
#floatingbox_button{
	position : relative ;
	width : 260px ;
	margin-left : auto ;
	margin-right : auto ;
	cursor : pointer ;
}
#floatingbox_button:hover{
	opacity : 0.7;
}

#float_hide{
	cursor : pointer ;
}
#float_min{
	display : block;
	position : fixed ;
	top : 40px ;
	right : -400px ;
	z-index : 52 ;
	cursor : pointer ;
}



/** header =========================================== **/
.header_belt,h1{
	position : relative ;
	width : 100% ;
	min-width : 640px ;
	height : 40px ;
	background-color : #005B46 ;
	font-size : 12px ;
	font-weight : 900 ;
	color : #C5CF4F ;
	text-align : left ;
	line-height : 40px ;
	margin : 0px ;
	padding : 0px ;
}

#header_menu_superbox{
	position : relative ;
	width : 960px ;
	height : 240px ;

	margin-left : auto ;
	margin-right : auto ;
}

#header_menu_back{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	z-index : 1 ;
}

.gnavi{
	width : 200px ;
	height : 60px ;
	margin-top : 100px ;
	z-index : 2 ;
}

#header_logo{
	position : absolute ;
	top : -400px ;
	left : 50% ;
	margin-left : -110px ;
	z-index : 11;
}

#floating_menu{
	position : fixed ;
	top : -300px ;
	width : 100% ;
	min-width : 640px ;
	height : 40px ;
	font-size : 14px ;
	line-height : 40px ;
	font-weight : 900 ;
	background-color : #005B46 ;
	color : #FFFFFF ;
	z-index : 21 ;
}
#floating_menu a,
#floating_menu a:link,
#floating_menu a:visited{
	color : #FFFFFF ;
}


/** mainimage =========================================== **/
#mainimage{
	position : relative ;
	width : 960px ;
	height : 600px ;
	overflow : hidden ;
	margin-left : auto ;
	margin-right : auto ;
}

#mainimage_back{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	z-index : 1 ;
}
#mainimage_himiko{
	position : absolute ;
	top : -300px ;
	left : -100px ;
	z-index : 2 ;
}
#mainimage_nyab{
	position : absolute ;
	top : 600px ;
	right : 0px ;
	z-index : 3 ;
}
#mainimage_himikoname{
	position : absolute ;
	bottom : 0px ;
	left : -2000px ;
	z-index : 4 ;
}
#mainimage_nyabname{
	position : absolute ;
	top : 290px ;
	right : -2000px ;
	z-index : 5 ;
}
#mainimage_baloon{
	position : absolute ;
	top : -300px ;
	right : -10px ;
	z-index : 6 ;
}
#mainimage_serifu{
	position : absolute ;
	top : -400px ;
	right : 30px ;
	z-index : 7 ;
}

#mainimage_frame{
	position : absolute ;
	top : 0px ;
	left : -1px ;
	z-index : 8 ;
}


/** rightcol ========================================== **/
.rightcol{
	position : relative ;
	float : right ;
	width : 320px ;
}
.comic{
	cursor : pointer ;
	margin-bottom : 20px ;
}
.comic img{
	width : 310px ;
	height : auto ;
}

.comicimage{
	position : relative ;
	display : none ;
}
.comicimage img{
	width : 310px ;
	height : auto ;
}
.comicactive{
	height : auto ;
}


/** leftcol ========================================== **/
.leftcol{
	position : relative ;
	float : left ;
	width : 620px ;
}

.titlebox{
	position : relative ;
	width : 100% ;
	border-bottom : 8px solid #B5CA4B;
	height : 50px ;
}
.icon_leaf{
	position : relative ;
	float : left ;
}
.titlebox_title{
	position : relative ;
	float : left ;
	height : 50px ;
	margin : 0px 10px ;
	font-size : 24px ;
	font-weight : 900 ;
	color : 79694E ;
	line-height : 50px ;
}

.title_story{
	font-size : 14px ;
	font-weight : 900 ;
}
.title_caption{
	font-size : 10px ;
}

.subtitle{
	position : relative ;
	width : 560px ;
	height : 100px ;
	background-image : url("../images/common/subtitle.png") ;
	font-size : 16px ;
	font-weight : 900 ;
	text-align : center ;
	line-height : 110px ;
	padding-left: 40px ;
	margin : 10px 0px 20px 0px ;
}



.box_cream{
	padding : 20px ;
	background-image : url("../images/common/box_cream_body.png");
}
.box_yellow{
	padding : 20px ;
	background-image : url("../images/common/box_yellow_body.png");
}


#parts_front{
	position : relative ;
	width : 460px ;
	height : 460px ;
	background-image : url("../images/parts/parts_front.png");
	margin-left : auto ;
	margin-right : auto ;
}

#parts_back{
	position : relative ;
	width : 460px ;
	height : 460px ;
	background-image : url("../images/parts/parts_back.png");
	margin-left : auto ;
	margin-right : auto ;
}

#parts_face{
	position : relative ;
	width : 460px ;
	height : 460px ;
	background-image : url("../images/parts/parts_face.png");
	margin-left : auto ;
	margin-right : auto ;
}

.parts_label{
	position : absolute ;
	width : 161px ;
	height : 45px ;
	background-image : url("../images/parts/parts_label.png") ;
	font-size : 18px ;
	line-height : 45px ;
	text-align : center ;
	font-weight : 900 ;
}
.parts_label span{
	cursor : pointer ;
}

.parts_label_large{
	position : relative ;
	width : 201px ;
	height : 54px ;
	background-image : url("../images/parts/parts_label_large.png") ;
	font-size : 24px ;
	font-weight : 900 ;
	line-height : 54px ;
	text-align : center ;
	margin : 10px auto 0px auto ;
	cursor : pointer ;
}
.parts_label_large span{
	cursor : pointer ;
}

/** label **/
#decolletage{		top : 10px ;	right : -60px ;	}
#ninoude{	top : 65px ;	right : -60px ;	}
#hand{	top : 110px ;	right : -60px ;	}
#yubi{	top : 200px ;	right : -60px ;	}
#shaving{	top : 250px ;	right : -60px ;	}

#kao_bridal{		top : 110px ;	left : -40px ;	}
#body{		top : 260px ;	left : -40px ;	}


#senaka{		top : 255px ;	left : -40px ;	}



.labelstext{
	font-size : 8px ;
}



/** map **/

#map_superbox{
	position : relative ;
	width : 600px ;
	padding : 10px ;
	background-image : url("../images/common/box_pink_body.png");
}

#mapbox{
	position : relative ;
	width : 600px ;
	height : 400px ;
}

.areabox_all{
	position : relative ;
	width : 600px ;
	height : 40px ;
	background-color : #FBF8EA ;
	font-size : 18px ;
	font-weight : 900 ;
	color : 79694E ;
	line-height : 40px ;
	text-align : center ;
	margin-bottom : 10px ;
	cursor : pointer ;
}
.areabox{
	position : relative ;
	float : left ;
	width : 120px ;
	height : 40px ;
	background-color : #FBF8EA ;
	font-size : 18px ;
	font-weight : 900 ;
	color : 79694E ;
	line-height : 40px ;
	text-align : center ;
	cursor : pointer ;
}

.areabox_title{
	position : relative ;
	width : 590px ;
	height : 40px ;
	background-color : #79694E ;
	font-size : 14px ;
	font-weight : 900 ;
	line-height : 40px ;
	color : #FBF8EA ;
	text-align : left ;
	padding-left : 10px ;
	margin-bottom : 10px ;
}


.mapbox{
	font-size : 11px ;
	font-weight : 900 ;
	text-align : center ;
}

.mapbox_hokkaido{
	width : 97px ;
	height : 60px ;
	background-image : url("../images/area/area_hokkaido.png") ;
	line-height : 60px ;
}

.mapbox_tohoku{
	width : 48px ;
	height : 30px ;
	background-image : url("../images/area/area_tohoku.png") ;
	line-height : 30px ;
}

.mapbox_kanto{
	width : 48px ;
	height : 30px ;
	background-image : url("../images/area/area_kanto.png") ;
	line-height : 30px ;
}

.mapbox_chubu{
	width : 48px ;
	height : 30px ;
	background-image : url("../images/area/area_chubu.png") ;
	line-height : 30px ;
}

.mapbox_kinki{
	width : 48px ;
	height : 30px ;
	background-image : url("../images/area/area_kinki.png") ;
	line-height : 30px ;
}

.mapbox_chugoku{
	width : 48px ;
	height : 30px ;
	background-image : url("../images/area/area_chugoku.png") ;
	line-height : 30px ;
}

.mapbox_shikoku{
	width : 48px ;
	height : 30px ;
	background-image : url("../images/area/area_shikoku.png") ;
	line-height : 30px ;
}

.mapbox_kyushu{
	width : 48px ;
	height : 30px ;
	background-image : url("../images/area/area_kyushu.png") ;
	line-height : 30px ;
}



#map_Hokkaido{ position : absolute ; top : 10px ; left : 480px ; cursor: pointer ; }
#map_Aomori_ken{ position : absolute ; top : 90px ; left : 528px ; cursor: pointer ; }
#map_Iwate_ken{ position : absolute ; top : 120px ; left : 528px ; cursor: pointer ; }
#map_Akita_ken{ position : absolute ; top : 120px ; left : 480px ; cursor: pointer ; }
#map_Miyagi_ken{ position : absolute ; top : 150px ; left : 528px ; cursor: pointer ; }
#map_Yamagata_ken{ position : absolute ; top : 150px ; left : 480px ; cursor: pointer ; }
#map_Fukushima_ken{ position : absolute ; top : 180px ; left : 528px ; cursor: pointer ; }
#map_Tokyo{ position : absolute ; top : 240px ; left : 480px ; cursor: pointer ; }
#map_Kanagawa_ken{ position : absolute ; top : 240px ; left : 432px ; cursor: pointer ; }
#map_Chiba_ken{ position : absolute ; top : 240px ; left : 528px ; cursor: pointer ; }
#map_Saitama_ken{ position : absolute ; top : 210px ; left : 480px ; cursor: pointer ; }
#map_Ibaraki_ken{ position : absolute ; top : 210px ; left : 528px ; cursor: pointer ; }
#map_Tochigi_ken{ position : absolute ; top : 180px ; left : 480px ; cursor: pointer ; }
#map_Gunma_ken{ position : absolute ; top : 180px ; left : 432px ; cursor: pointer ; }
#map_Yamanashi_ken{ position : absolute ; top : 210px ; left : 432px ; cursor: pointer ; }
#map_Nagano_ken{ position : absolute ; top : 180px ; left : 384px ; cursor: pointer ; }
#map_Niigata_ken{ position : absolute ; top : 150px ; left : 432px ; cursor: pointer ; }
#map_Toyama_ken{ position : absolute ; top : 150px ; left : 384px ; cursor: pointer ; }
#map_Ishikawa_ken{ position : absolute ; top : 180px ; left : 336px ; cursor: pointer ; }
#map_Fukui_ken{ position : absolute ; top : 180px ; left : 288px ; cursor: pointer ; }
#map_Shizuoka_ken{ position : absolute ; top : 240px ; left : 384px ; cursor: pointer ; }
#map_Aichi_ken{ position : absolute ; top : 240px ; left : 336px ; cursor: pointer ; }
#map_Gifu_ken{ position : absolute ; top : 210px ; left : 384px ; cursor: pointer ; }
#map_Mie_ken{ position : absolute ; top : 270px ; left : 288px ; cursor: pointer ; }
#map_Shiga_ken{ position : absolute ; top : 210px ; left : 336px ; cursor: pointer ; }
#map_Kyoto_ken{ position : absolute ; top : 210px ; left : 288px ; cursor: pointer ; }
#map_Nara_ken{ position : absolute ; top : 240px ; left : 288px ; cursor: pointer ; }
#map_Osaka_ken{ position : absolute ; top : 210px ; left : 240px ; cursor: pointer ; }
#map_Hyogo_ken{ position : absolute ; top : 180px ; left : 240px ; cursor: pointer ; }
#map_Wakayama_ken{ position : absolute ; top : 240px ; left : 240px ; cursor: pointer ; }
#map_Tottori_ken{ position : absolute ; top : 180px ; left : 192px ; cursor: pointer ; }
#map_Okayama_ken{ position : absolute ; top : 210px ; left : 192px ; cursor: pointer ; }
#map_Shimane_ken{ position : absolute ; top : 180px ; left : 144px ; cursor: pointer ; }
#map_Hiroshima_ken{ position : absolute ; top : 210px ; left : 144px ; cursor: pointer ; }
#map_Yamaguchi_ken{ position : absolute ; top : 210px ; left : 96px ; cursor: pointer ; }
#map_Tokushima_ken{ position : absolute ; top : 300px ; left : 192px ; cursor: pointer ; }
#map_Kagawa_ken{ position : absolute ; top : 270px ; left : 192px ; cursor: pointer ; }
#map_Ehime_ken{ position : absolute ; top : 270px ; left : 144px ; cursor: pointer ; }
#map_Kochi_ken{ position : absolute ; top : 300px ; left : 144px ; cursor: pointer ; }
#map_Fukuoka_ken{ position : absolute ; top : 240px ; left : 48px ; cursor: pointer ; }
#map_Saga_ken{ position : absolute ; top : 240px ; left : 0px ; cursor: pointer ; }
#map_Nagasaki_ken{ position : absolute ; top : 270px ; left : 0px ; cursor: pointer ; }
#map_Kumamoto_ken{ position : absolute ; top : 300px ; left : 0px ; cursor: pointer ; }
#map_Oita_ken{ position : absolute ; top : 270px ; left : 48px ; cursor: pointer ; }
#map_Miyazaki_ken{ position : absolute ; top : 300px ; left : 48px ; cursor: pointer ; }
#map_Kagoshima_ken{ position : absolute ; top : 330px ; left : 48px ; cursor: pointer ; }
#map_Okinawa_ken{ position : absolute ; top : 360px ; left : 0px ; cursor: pointer ; }

.area_Hokkaido{ display : none ;}
.area_Aomori_ken{ display : none ;}
.area_Iwate_ken{ display : none ;}
.area_Akita_ken{ display : none ;}
.area_Miyagi_ken{ display : none ;}
.area_Yamagata_ken{ display : none ;}
.area_Fukushima_ken{ display : none ;}
.area_Tokyo{ display : none ;}
.area_Kanagawa_ken{ display : none ;}
.area_Chiba_ken{ display : none ;}
.area_Saitama_ken{ display : none ;}
.area_Ibaraki_ken{ display : none ;}
.area_Tochigi_ken{ display : none ;}
.area_Gunma_ken{ display : none ;}
.area_Yamanashi_ken{ display : none ;}
.area_Nagano_ken{ display : none ;}
.area_Niigata_ken{ display : none ;}
.area_Toyama_ken{ display : none ;}
.area_Ishikawa_ken{ display : none ;}
.area_Fukui_ken{ display : none ;}
.area_Shizuoka_ken{ display : none ;}
.area_Aichi_ken{ display : none ;}
.area_Gifu_ken{ display : none ;}
.area_Mie_ken{ display : none ;}
.area_Shiga_ken{ display : none ;}
.area_Kyoto_ken{ display : none ;}
.area_Nara_ken{ display : none ;}
.area_Osaka_ken{ display : none ;}
.area_Hyogo_ken{ display : none ;}
.area_Wakayama_ken{ display : none ;}
.area_Tottori_ken{ display : none ;}
.area_Okayama_ken{ display : none ;}
.area_Shimane_ken{ display : none ;}
.area_Hiroshima_ken{ display : none ;}
.area_Yamaguchi_ken{ display : none ;}
.area_Tokushima_ken{ display : none ;}
.area_Kagawa_ken{ display : none ;}
.area_Ehime_ken{ display : none ;}
.area_Kochi_ken{ display : none ;}
.area_Fukuoka_ken{ display : none ;}
.area_Saga_ken{ display : none ;}
.area_Nagasaki_ken{ display : none ;}
.area_Kumamoto_ken{ display : none ;}
.area_Oita_ken{ display : none ;}
.area_Miyazaki_ken{ display : none ;}
.area_Kagoshima_ken{ display : none ;}
.area_Okinawa_ken{ display : none ;}


/** saiyasu **/

.saiyasu_box{
	position : relative ;
	width : 600px ;
	margin-left : auto ;
	margin-right : auto ;
}
.saiyasu_icon{
	position : relative ;
	float : left ;
	width : 81px ;
}
.saiyasu_parts{
	position : relative ;
	float : left ;
	width : 79px ;
	height : 80px ;
	line-height : 18px ;
	font-size : 14px ;
	font-weight : 900 ;
	margin-top : 30px ;
	text-align : center ;
}

.saiyasu_salonname a{
	font-size : 14px ;
	font-weight : 900 ;
}

.saiyasu_salonname{
	position : relative ;
	float : left ;
	width : 380px ;
	padding : 10px 20px ;
	background-image : url("../images/common/back_yellow.png");
}




/** footer =========================================== **/

#footer_superbox_belt{
	position : relative;
	width : 100% ;
	min-width : 640px ;
	height : 40px ;
	background-image : url("../images/common/back_foot.png") ;
}

#footer_superbox{
	position : relative ;
	width :100%;
	min-width : 640px ;
	min-height : 120px ;
	background-color : #5E8538 ;
	color : #FFFFFF ;
	font-size : 10px ;
}
#footer_belt{
	position : relative ;
	width : 100% ;
	min-width : 640px ;
	height : 40px ;
	color : #FFFFFF ;
	font-weight : 900 ;
	font-size : 14px ;
	text-align : center ;
	line-height: 40px ;
	background-color : #5E8538 ;
}

.footer_leftbox{
	position : relative ;
	float : left ;
	width : 300px ;
	margin-left : 100px ;
}

.footer_rightbox{
	position : relative ;
	float : left ;
	width : 300px ;
	margin-left : 100px ;
}

.footer_leftbox a{
	color : #FFFFFF ;
	text-decoration: underline ;
}
.footer_leftbox a:visited{
	color : #FFFFFF ;
}
.footer_leftbox a:link{
	color : #FFFFFF ;
}
.footer_rightbox a{
	color : #FFFFFF ;
	text-decoration: underline ;
}
.footer_rightbox a:visited{
	color : #FFFFFF ;
}
.footer_rightbox a:link{
	color : #FFFFFF ;
}


/** ranking ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ **/

.imginline{
	text-align : center ;
}
.imginline img{
	display : inline ;
}
.imginline a img{
	display : inline ;
}


#mainimage_sub{
	position : relative ;
	width : 960px ;
	height : 200px ;
	margin-left : auto ;
	margin-right : auto ;
}

#mainimage_sub_back{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	z-index : 1 ;
}

#update_box{
	position : absolute ;
	top : -20px ;
	left : 23px ;
	width : 160px ;
	height : 120px ;
	padding : 20px ;
	color : #FFFFFF ;
	font-size : 30px ;
	font-weight : 900 ;
	text-align : center ;
	line-height : 34px ;
	background-image : url("../images/common/back_blue.png") ;
	z-index : 2 ;
	transform:rotate(-15deg) ;
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
}

#mainimage_sub_title{
	position : relative ;
	width : 900px ;
	height : 200px ;
	margin-left : 60px ;
	font-size : 40px ;
	font-weight : 900 ;
	color : #FFFFFF ;
	text-align : center ;
	line-height : 200px ;
	text-shadow : 0px 4px 8px #000000 ;
	z-index : 3;
}


.rankbox{
	position : relative ;
	width : 550px ;
	margin : 10px 0px 10px 50px ;
	padding : 10px ;
	background-color : #FBF8EA ;
	font-size : 14px ;
	line-height : 28px ;
	font-weight : 900 ;
}
.ranklabel{
	position : absolute ;
	top : -10px ;
	left : -50px ;
	transform:rotate(-15deg) ;
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
}
.rankbox_salon{
	position : relative ;
	float : left ;
	width : 230px ;
	margin-left : 40px ;
}
.rankbox_icon{
	position : relative ;
	float : left ;
	margin-left : 10px ;
	text-align : center ;
	font-size : 12px ;
}

.rankslabel{
	position : absolute ;
	top : -60px ;
	left : -50px ;
	z-index : 1 ;
	transform:rotate(-15deg) ;
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
}
.ranksbox01{
	position : relative ;
	width : 542px ;
	border : 4px solid #FFFFFF ;
	margin-top : 60px ;
	margin-left : 50px ;
	padding : 10px ;
	background-image : url("../images/common/back_bluedot.png");
}
.ranksbox02{
	position : relative ;
	width : 542px ;
	border : 4px solid #FFFFFF ;
	margin-top : 60px ;
	margin-left : 50px ;
	padding : 10px ;
	background-image : url("../images/common/back_pinkdot.png");
}
.ranksbox03{
	position : relative ;
	width : 542px ;
	border : 4px solid #FFFFFF ;
	margin-top : 60px ;
	margin-left : 50px ;
	padding : 10px ;
	background-image : url("../images/common/back_ivorydot.png");
}

.ranksbox_left{
	position : relative ;
	float : left ;
	padding-top : 40px ;
	width : 120px ;
}
.ranksbox_left img{
	width : 120px ;
	height : auto ;
}

.ranksbox_right{
	position : relative ;
	float : right ;
	width : 410px ;
	font-size : 12px ;
}

.ranksbox_right_ivorybox{
	position : relative ;
	width : 390px ;
	padding : 10px ;
	background-color : #FBF8EA ;
	font-size : 24px ;
	font-weight : 900 ;
	margin-bottom : 20px ;
}


/** コラム **/

.ivorybox{
	position : relative ;
	width : 580px ;
	padding : 20px ;
	background-image : url("../images/common/box_ivory_body.png");
}

.columnicon{
	position : absolute ;
	top : -40px ;
	left : -10px ;
	z-index : 1 ;
}

.column_ttitle{
	position : relative ;
	width : 100% ;
	height : 40px ;
	font-size : 24px ;
	font-weight : 900 ;
	line-height : 40px ;
	text-align : center ;
	border-bottom : 8px solid #B5CA4B;
}


/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1020px) {


.inner{
	position : relative ;
	width : 640px ;
	margin-left : auto ;
	margin-right : auto ;
	padding : 0px ;
}

.width100{
	width : 100% ;
	height : auto ;
}

.snsbox{
	top : 50px ;
}

.header_belt,h1{
	padding-bottom :40px ;
}

#floating_menu{
	padding-bottom : 40px ;
}




/** floatingbox **/
#floatingbox{
	position : fixed ;
	top : 80px ;
	right : 50% ;
	margin-right : -320px ;
	width : 620px ;
	padding : 10px ;
	background-color : #FFFFFF ;
	box-shadow: 0px 4px 4px #79694E ;
	z-index : 51 ;
}
#floatingbox_bui{
	position : relative ;
	float : left ;
	width : 300px ;
	height : 80px ;
	margin-bottom : 10px ;
	margin-left : 20px ;
}
#floatingbox_bui_icon{
	position : relative ;
	float : left ;
	margin-left : 0px ;
	text-align : center ;
	font-size : 12px ;
	font-weight : 900 ;
}
#floatingbox_area{
	position : relative ;
	float : left ;
	width : 300px ;
	height : 40px ;
	margin-bottom : 10px ;
}
#floatingbox_area_name{
	position : relative ;
	float : left ;
	height : 40px ;
	font-weight : 900 ;
	margin-left : 0px ;
	line-height : 40px ;
}
#floatingbox_button{
	position : relative ;
	width : 260px ;
	margin-left : auto ;
	margin-right : auto ;
	cursor : pointer ;
}
#floatingbox_button:hover{
	opacity : 0.7;
}
#float_min{
	top : 80px ;
}
#float_hide{
	margin-top : -40px ;
}







#header_menu_superbox{
	width : 620px ;
	height : 155px ;
	margin-top : 80px ;
	margin-bottom : 40px ;
}

#header_menu_back{
	position : absolute ;
	width : 620px ;
	height : 155px ;
	top : 0px ;
	left : 0px ;
	z-index : 1 ;
}

.gnavi{
	width : 200px ;
	height : 60px ;
	margin-top : 20px ;
	z-index : 2 ;
}
.gnavi img{
	width : 100% ;
	height : auto ;
}
#header_logo{
	position : absolute ;
	top : -400px ;
	left : 50% ;
	margin-left : -80px ;
	z-index : 11;
	width : 160px ;
	height : auto ;
}
#header_logo img{
	width : 160px ;
	height : 160px ;
}



.rightcol{
	position : relative ;
	float : none ;
	margin-left : auto ;
	margin-right : auto ;

}


/** ranking **/


#mainimage_sub{
	position : relative ;
	width : 640px ;
	height : 133px ;
	margin-left : auto ;
	margin-right : auto ;
}

#mainimage_sub_back{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 640px ;
	height : auto ;
	z-index : 1 ;
}

#update_box{
	position : absolute ;
	top : -20px ;
	left : 23px ;
	width : 100px ;
	height : 60px ;
	padding : 20px ;
	color : #FFFFFF ;
	font-size : 18px ;
	font-weight : 900 ;
	text-align : center ;
	line-height : 22px ;
	background-image : url("../images/common/back_blue.png") ;
	z-index : 2 ;
	transform:rotate(-15deg) ;
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
}

#mainimage_sub_title{
	position : relative ;
	width : 580px ;
	height : 130px ;
	margin-left : 40px ;
	font-size : 24px ;
	font-weight : 900 ;
	color : #FFFFFF ;
	text-align : center ;
	line-height : 130px ;
	text-shadow : 0px 4px 8px #000000 ;
	z-index : 3;
}

.rightcol{
	position : relative ;
	float : none ;
	width : 620px ;
	margin-left : auto ;
	margin-right : auto ;
}

.comic img{
	width : 620px ;
	height : auto ;
}

.comicimage img{
	width : 620px ;
	height : auto ;
}

.leftcol{
	position : relative ;
	float : none ;
	width : 620px ;
	margin-left :auto ;
	margin-right : auto ;
}


.footer_leftbox{
	margin-left : 10px ;
}

.footer_rightbox{
	margin-left : 10px ;
}


} /** endof sp **/