@charset "utf-8";

/* CSS Document ------------------------------------------------------COMMON*/



#main {
    float:right;
	width: 920px;
	padding-bottom:10px;
    margin: 0 0 0 10px;

	/*背景をコンパネ変更してメインコンテナ文字が見えなくなった場合
	下記を有効に↓
	background:#FEFAFB;*/

}



body {
	font-size: 12px;
	margin: 0px;
	background: url(/uploadimg/backimg/1.jpg) #FEFDFA repeat-y top center;
}


@charset "utf-8";
* {
	margin:0;
	padding:0;
	line-height:130%;
	/*color:#4C3D43;*/
}

html, body {
	margin:auto;
}

body{
 font-family: "Century Gothic","Meiryo","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic" ,sans-serif,"STHeitiJ-Light";
 /*
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック', Meiryo, メイリオ, sans-serif;
*/
/**/
}
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;
}


table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h4,h5,h6 {
	/*font-size:100%;*/
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



a:hover img{
  	filter: alpha(opacity=80);
  	-moz-opacity:0.8;
  	opacity:0.8;
  	background:#FFF;
}

.newface a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#navi2 a:hover img{
  	filter: alpha(opacity=10);
  	-moz-opacity:0.1;
  	opacity:0.1;
}

img{vertical-align: bottom;}

#box{
    margin: 10px auto 0px auto;
	width:1130px;
	min-height:1150px;
	overflow: hidden;
	position: relative;
}
a {
	color: #FF7214;
	text-decoration: none;
}
a:link { color: #FF7214;}
a:active { color: #FF7214;}
a:visited { color: #FF7214;}
a:hover { 	color: #FF7214; text-decoration: underline;}

h1 {
	margin: 0px;
	display:block;
	font-weight:normal;
}
p {
	margin: 0px;
}
ul{
	margin: 0px;
}
li{
	margin: 0px;
}


/* HEAD */

#headbox{
	margin:0 auto;
	width:1130px;
	height:85px;
	position: relative;
}

#headbox a:hover img{
	background:none;
}

#headbox ul.group {
	display:flex;
    left: 745px;
    position: absolute;
    top: 25px;
}

#headbox ul.group li{
    margin: 0 6px 0 0;
    width:185px;
}

#headbox ul.group li img{
    width:100%;
}

#box h1{
	font-size: 10px;
	position: absolute;
	right:160px;
	top:28px;
}
#box h1 a{
color:#4C3D43;
}
#box h1 a:hover{
color: #ff6600;
}



h2{
	width: 920px;
	margin:0px 0 10px 0;
	text-align:left;
	height: 50px;
}


/*ナビゲーション*/
ul#navi2 {
	width:1130px;
	margin: 0px auto;
	padding-left: 10px;
	background:url("/img/common/bg_navibase.jpg") repeat-x;
	height:47px;
}
ul#navi2 li {
list-style-type:none;
float:left;
}

ul#navi2 li a img {
border:none;
}

ul#navi2 li.homeb {
background:url("/img/common/bt_homeb.jpg") no-repeat scroll 0 0 transparent;
}
ul#navi2 li.systemb {
background:url("/img/common/bt_systemb.jpg") no-repeat scroll 0 0 transparent;
}
ul#navi2 li.galb {
background:url("/img/common/bt_galsb.jpg") no-repeat scroll 0 0 transparent;
}
ul#navi2 li.newfaceb {
background:url("/img/common/bt_newfaceb.jpg") no-repeat scroll 0 0 transparent;
}
ul#navi2 li.schb {
background:url("/img/common/bt_scheduleb.jpg") no-repeat scroll 0 0 transparent;
}
ul#navi2 li.movieb {
background:url("/img/common/bt_movieb.jpg") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.blogb {
background:url("/img/common/bt_blogb.html") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.gravureb {
background:url("/img/common/bt_gravureb.html") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.eventb {
background:url("/img/common/bt_eventb.jpg") no-repeat scroll 0 0 transparent;
}


ul#navi2 li.recruitb {
background:url("/img/common/bt_recruitb.jpg") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.mobileb {
background:url("/img/common/bt_mobileb.html") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.linkb {
background:url("/img/common/bt_linkb.jpg") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.rsiteb {
background:url("/img/common/bt_rsiteb.jpg") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.mmb {
background:url("/img/common/bt_mmb.jpg") no-repeat scroll 0 0 transparent;
}


ul#navi2 li.rankingb {
background:url("/img/common/bt_rankingb.jpg") no-repeat scroll 0 0 transparent;
}

ul#navi2 li.accessb {
background:url("/img/common/bt_accessb.jpg") no-repeat scroll center center transparent;
}
ul#navi2 li.oboxb {
background:url("/img/common/bt_oboxb.jpg") no-repeat scroll center center transparent;
}




img.icon_b-2nd {
    left: 100px;
    position: absolute;
    top: 5px;
    z-index: 100;
}





/* LEFT MENU */
#menu {
    width:200px;
    margin:0px 0px 0 0px;
    float:right;
    /*position: relative;*/
}














#app {
position: relative;
width:180px;
margin-left:10px;
}



#app #fb_like{
    left: 8px;
    /left: 6px;
    position: absolute;
    top: 0px;
}

/*#app .flickr{
    left: 24px;
    /left: 22px;
    position: absolute;
    top: 30px;
}*/

#app .fb{
    left: 10px;
    /left: 8px;
    position: absolute;
    top: 30px;
}


#app .twit{
left: 52px;
    /left: 50px;
    position: absolute;
    top: 30px;
}

#app #bookmark{
    background: url("/img/common/bt_bookm.gif") no-repeat scroll 0 0 transparent;
    height: 22px;
    left: 9px;
    position: relative;
    top: 86px;
    width: 142px;
}



#app .ie{
     margin-top:0px;
     margin-left:10px;
     margin-bottom:5px;
     width:115px;
     color:#660066;
     font-size:10px;
     letter-spacing:1px;
     text-align:center;
}

#app .banner{
     margin-top:44px;
     margin-left:0px;
}


/* FOOTER */
#footerbox{
	height:130px;
	background:url("/img/common/bg_footer.jpg") repeat-x #ffe3ee;
	margin-top:20px;
    clear: both;
}
#footer {
	margin: 0 auto;
	width:1125px;
	height:50px;

}
#footer ul{
padding:10px;
display:block;
}

#footer li {
    float:left;
}

#footer a ,#copyright a{
	font-size: 12px;
	color: #4C3D43;
	text-decoration: none;
	margin-right:2px;
}
#footer a:link {}
#footer a:active {}
#footer a:visited {}
#footer a:hover,#copyright a:hover{ 	color: #ff6600; text-decoration: underline;margin-right:2px;}

#copyright{
	text-align: center;
	clear:both;
}

address{
margin-top:10px;
}


/* ランク表示 */

.rankBlock span.beginner {
	background: #ffce9e;
	background: -moz-linear-gradient(-45deg, #ffce9e 0%, #feeded 35%, #ffce9e 100%);
	background: -webkit-linear-gradient(-45deg, #ffce9e 0%,#feeded 35%,#ffce9e 100%);
	background: linear-gradient(135deg, #ffce9e 0%,#feeded 35%,#f9cc00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce9e', endColorstr='#ffce9e',GradientType=1 );
	color: #9a0d08;
}

.rankBlock span.clover {
	background: #8bb4b9;
	background: -moz-linear-gradient(-45deg, #e9f2ff 0%, #ffffff 35%, #8bb4b9 100%);
	background: -webkit-linear-gradient(-45deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	background: linear-gradient(135deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2ff', endColorstr='#8bb4b9',GradientType=1 );
	color: #8b765c;
}


.rankBlock span.kanban {
	background: #cdbe00;
	background: -moz-linear-gradient(-45deg, #e9f2ff 0%, #ffffff 35%, #8bb4b9 100%);
	background: -webkit-linear-gradient(-45deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	background: linear-gradient(to bottom, #e3ef42 0%, #e3ef42 50%, #cdbe00 51%, #feff9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2ff', endColorstr='#8bb4b9',GradientType=1 );
	color: #8b765c;
}

.rankBlock span.platinum {
	background: #d3d3d4;
	background: -moz-linear-gradient(-45deg, #caccc2 0%, #ffffff 35%, #d3d3d4 100%);
	background: -webkit-linear-gradient(-45deg, #caccc2 0%,#ffffff 35%,#d3d3d4 100%);
	background: linear-gradient(135deg, #caccc2 0%,#ffffff 35%,#d3d3d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccc2', endColorstr='#d3d3d4',GradientType=1 );
	color: #532e02;
}

.rankBlock span.gold {
	background: #e0b53d;
	background: -moz-linear-gradient(-45deg, #e6be3c 0%, #fffac3 35%, #e0b53d 100%);
	background: -webkit-linear-gradient(-45deg, #e6be3c 0%,#fffac3 35%,#e0b53d 100%);
	background: linear-gradient(135deg, #e6be3c 0%,#fffac3 35%,#e0b53d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6be3c', endColorstr='#e0b53d',GradientType=1 );
	color: #532e02;
}

.rankBlock span.silver {
	background: #8e8e8e;
	background: -moz-linear-gradient(-45deg, #8e8e8e 0%, #dedddd 35%, #8e8e8e 100%);
	background: -webkit-linear-gradient(-45deg, #8e8e8e 0%,#dedddd 35%,#8e8e8e 100%);
	background: linear-gradient(135deg, #8e8e8e 0%,#dedddd 35%,#8e8e8e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#8e8e8e',GradientType=1 );
	color: #2f2f2f;
}

.rankBlock span.regular {
	background: #f674ad;
	background: -moz-linear-gradient(-45deg, #f87aab 0%, #fed6e0 35%, #f674ad 100%);
	background: -webkit-linear-gradient(-45deg, #f87aab 0%,#fed6e0 35%,#f674ad 100%);
	background: linear-gradient(135deg, #f87aab 0%,#fed6e0 35%,#f674ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87aab', endColorstr='#f674ad',GradientType=1 );
	color: #850236;
}


.rankBlock span.Postergirl {
	background: #cdbe00;
	background: -moz-linear-gradient(-45deg, #e9f2ff 0%, #ffffff 35%, #8bb4b9 100%);
	background: -webkit-linear-gradient(-45deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	background: linear-gradient(to bottom, #e3ef42 0%, #e3ef42 50%, #cdbe00 51%, #feff9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2ff', endColorstr='#8bb4b9',GradientType=1 );
	color: #8b765c;
}

.rankBlock span.kanban {
	background: #cdbe00;
	background: -moz-linear-gradient(-45deg, #e9f2ff 0%, #ffffff 35%, #8bb4b9 100%);
	background: -webkit-linear-gradient(-45deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
	background: linear-gradient(to bottom, #e3ef42 0%, #e3ef42 50%, #cdbe00 51%, #feff9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2ff', endColorstr='#8bb4b9',GradientType=1 );
	color: #8b765c;
}

/*MOVIE-------------------------------------------------------------------MOVIE*/
#movie{

}
#movie .box {
    clear:both;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
	margin-right: auto;
	width:520px;
	border:double 4px #BCA3A3;
	background-color: #F7F0F0;
	background-image: url(/movie/img/bg_box.html);
	background-repeat:no-repeat;
	background-position:left;
 }
#movie .box .data{
    width:190px;
    text-align:center;
    padding-left:10px;
 }
 #movie .name{
	font-size: 14px;
	font-weight:bold;
	color:#B52D88;
	margin:10px 0 0 3px;
}
#movie .body{
	font-size: 12px;
	color:#B52D88;
	margin:5px 0px 0 3px;
}
#movie .box .cap{
    width:200px;
}
#movie .box .thum{
    width:120px;
}
#movie .box .btn{
    margin-top:5px;
}

/*GRAVURE-------------------------------------------------------------------MOVIE*/
#gra_list{
    border:1px solid #663333;
	background-color:#FFF;
}
#gra_list .box {
	/*clear:both;*/
	margin: 5px 3px;
	_margin: 5px 2px;
	width:390px;
	border:double 4px #BCA3A3;
	background-color: #F7F0F0;
	background-image: url(/gravure/img/bg_box.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height: 230px;
	/*position: relative;*/
	float:left;
 }
#gra_list .box .data{
    width:180px;
    text-align:center;
    padding-left:10px;
 }
#gra_list .name{
	font-size: 20px;
	font-weight:bold;
	color:#653332;
	margin:3px 0 0 30px;
	_margin-left:15px;
	/*position: absolute;
	left: 15px;
	top: 185px;*/
}

#gra_list .mark{
	font-size: 14px;
	position: relative;
	left: 10px;
	top: 10px;
}

#gra_list .body{
	font-size: 14px;
	color:#653332;
	margin:-18px 28px 0 0px;
	float:right;
	/*position: absolute;
	left: 213px;
	top: 195px;*/
}
#gra_list .box .thum{
	width:330px;
	border:1px solid #653332;
	margin:18px 0 0 30px;
	_margin-left:15px;
	/*position: absolute;
	left: 14px;
	top: 16px;*/
}


/*BLOG   add060819*/
#blog {
  	border:1px solid #663333;
	background-color:#FFF;
}

#blog .txtbox{
  	width: 770px;
    clear:both;
    padding-top:10px;
    margin-left:10px;
    margin-bottom:10px;
     border-bottom:#663333 1px dotted;
}
#blog .txtbox td{
  	vertical-align:top;
  	text-align:left;
}
#blog .txtbox2{
  	width: 380px;
    float:left;
    padding-top:5px;
    margin-left:6px;
    padding-bottom:10px;
    margin-bottom:0px;
    border-bottom:#ccc 1px dotted;
}
#blog .txtbox2 td{
  	vertical-align:top;
  	text-align:left;
}


#blog .txtbox .thum{
	margin-top:0px;
	margin-right:5px;
	border:#660033 1px solid;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
#blog .txtbox2 .thum{
	margin-top:0px;
	margin-right:5px;
	/*border:#660033 1px solid;*/
	background-position:-10px -15px;;
	background-repeat:no-repeat;
	width:100px;

}
#blog .txtbox2 .thum img{
	border:#660033 1px solid;
	clear:both;
}

#blog .txtbox .blog{
	margin-top:0px;
	margin-left:5px;
	border:#CCCCCC 1px solid;
	background-position:center;
	background-repeat:no-repeat;
	clear:both;
}
#blog .txtbox2 .blog{
    width:100px;
	margin-top:5px;
	border:#CCCCCC 1px solid;
	background-position:left;
	background-repeat:no-repeat;
	clear:both;
}


#blog .title{
	font-size: 12px;
	font-weight: bold;
	color: #6633CC;
	line-height: 13px;
	margin-top:0px;
	text-align:left;
}
#blog .kiji_title{
	font-size: 12px;
	color: #FF6699;
	font-weight: bold;
	line-height: 14px;
	margin-top:0px;
	text-align:left;
}
#blog  .time{
	font-size: 10px;
	color: #666;
	line-height: 11px;
	margin-top:0px;
}
#blog  .gal{
	font-size: 10px;
	color: #CC3366;
	line-height: 11px;
	margin-top:10px;
}

#blog  p{
	font-size: 10px;
	color: #666;
	line-height: 13px;
	margin-top:10px;
}

#blog .mainframe{
margin:10px;
width:790px;
}








/*MAP-------------------------------------------------------------------SYSTEM*/
#map{
    border:1px solid #663333;
	background-color:#FFF;
	text-align:center;

}
#map .catch{
	font-size: 14px;
	font-weight:bold;
	color:#6633CC;
	line-height:120%;
	margin-bottom:5px;

#pop_osusume_asa {
	background-image: url(/home/osusme/bg_osusume_01.jpg);
	background-repeat: no-repeat;
	width: 400px;
	position: relative;
	height: 266px;
}
#pop_osusume_yoru {
	background-image: url(/home/osusme/bg_osusume_02.jpg);
	background-repeat: no-repeat;
	width: 400px;
	position: relative;
	height: 266px;
}
#pop_osusume p {
	width: 125px;
	text-align: center;
	line-height: 150%;
	color: #660000;
}
#pop_osusume img {
	border: 1px solid #660000;
}
#pop_osusume .gal01 {
	position: absolute;
	top: 70px;
	left: 9px;
}
#pop_osusume .gal02 {
	position: absolute;
	top: 70px;
	left: 137px;
}
#pop_osusume .gal03 {
	position: absolute;
	top: 70px;
	left: 265px;
}
#ranking_banner {
    width:137px;
    height:570px;
     margin:0px;
    float:left;
}




/*ONSEN-------------------------------------------------------------------ONSEN*/
#onsen{
    border:1px solid #663333;
	background-color:#FFF;
	background-color: #FFFFFF;
	background-image: url(/onsen/img/bg_listbox.html);
	background-position: right;
	background-repeat: repeat-y;
}
#onsen .box {
    clear:both;
    margin : 5px auto;
	width:540px;
	border-bottom:1px dotted #663333;
}
#onsen .box table {
	margin:15px 0 3px 0;
}
#onsen .box td {
	vertical-align:top;
}
#onsen .box .data{
    width:190px;
    text-align:center;
    padding-left:10px;
}
 #onsen .name{
	font-size: 14px;
	font-weight:bold;
	color:#B52D88;
	margin:8px 0 2px 0;
	text-align:center;
}
#onsen .body{
	font-size: 12px;
	color:#B52D88;
	text-align:center;
}
#onsen .box .cap{
    width:200px;
}
#onsen .box .thum{
    width:120px;
}
#onsen .box .comment{
	width:88px;
    margin : 0 2px 0 2px;
}
#onsen .box .btn{
    margin-top:5px;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.bnr{
margin-top:10px;
}