/* CSS Document */

/*body*/
body{margin:0px; text-align:left; padding:45px 0 0 0; color:#002130; letter-spacing:0; font-size:12px; font-family:Arial,Verdana,Helvetica,Verdana,selif; background:url(../images/common/bg.jpg) repeat;}

/*default*/
span,h1,h2,h3,h4,h5,h6,div,p,em,img,strong,ul,ol,li,dl,dt,dd,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0; list-style:none; border:none;
}
img{line-height:0;}
a{color:#0bbe6c; text-decoration:none; outline-width:0; outline:none;}
a:hover{color:#ef5f94;}
a:focus{outline:none;}
hr{clear:both; width:1px; height:0px; font-size:1px; visibility:hidden; overflow:hidden; padding:0; margin:0;}

/* clearfix */
.section:after,
.clearfix:after {
content: "";
display: block;
clear: both;
}
.red {color: red;}


/* header
------------------------------------------------------------------------------*/
#header{

background:url(../images/common/head_back_solo.jpg) center;
width:100%;
height:110px;
margin:0 0 30px 0;
text-align:center;
}

#header .head_cont{
width:750px;
height:110px;
margin:0 auto;
display:block;
text-align:left;
position:relative;
background:url(../images/common/headbg.jpg) center;
}

#header .head_cont .tel{
position:absolute;
top:8px;
left:310px;
}
#header .head_cont .open{
position:absolute;
top:8px;
right:0px;
}
#header .head_cont .address{
position:absolute;
top:50px;
right:0;
color:#ffffff;
font-size:12px;
}
#header .head_cont .address span{
margin:0 0 0 10px;
font-size:13px;
}


/* common
------------------------------------------------------------------------------*/
#wrap {
width:750px;
margin:0 auto;
position:relative;
}

/* main */
#wrap #main{
float:right;
width:560px;
padding:15px 0 20px 20px;
margin:0 0 20px 0;
background:#fff;
position:relative;
}
/* #main h1.title */
#wrap #main h1.title{
background:url(../images/common/h1_bg.gif) no-repeat bottom;
width:550px;
height:60px;
color:#0bbe6c;
font-size:15px;
margin:0 0 20px 0;
text-indent:55px;
line-height:45px;
font-size:18px;
}

/* #main h2.sub_title */
#wrap #main h2.sub_title{
position:absolute;
top:75px;
left:75px;
font-size:11px;
text-align:right;
color:#0bbe6c;
font-weight:normal;
}
#wrap #main h2.sub_title span{
display:block;
margin:0 0 4px 0;
}

/* #main h3 */
#wrap #main h3{
background:url(../images/common/h3_bg.gif) no-repeat bottom;
width:540px;
height:34px;
line-height:34px;
text-indent:43px;
color:#009e60;
font-size:15px;
margin:0 0 10px 0;
clear:both;
}

/* #main section */
#wrap #main .section{
margin:30px 0 30px 0;
}

/* #breadcrumbs */
#wrap #main #breadcrumbs{
margin:0 0 25px 0;
font-size:11px;
}
#wrap #main #breadcrumbs li{
float:left;
color:#908677;
line-height:11px;
}
#wrap #main #breadcrumbs li a{
background:url(../images/common/breadcrumbs.gif) no-repeat right;
padding:0 20px 0px 0;
margin:0 10px 0 0;
float:left;
}

/* left */
#wrap #left {
width:150px;
float:left;
overflow:hidden;
color:#002130;
}
#wrap #left .box{
padding:0 10px 20px 10px;
background:url(../images/common/left/h3_bottom.gif) no-repeat bottom;
}
#wrap #left .box2{
padding:0 10px 10px 10px;
}

#wrap #left .box_bottom{
background:url(../images/common/left/h3_bottom.gif) no-repeat bottom;
}

#left .contbana {
margin-bottom:15px;
}

/* global navigation
------------------------------------------------------------------------------*/
#g_nav{
margin:0 0 15px 0;
}
#g_nav li{
color:#fff;
height:40px;
width:150px;
line-height:40px;
text-indent:35px;
font-size:12px;
overflow:hidden;
background:url(../images/common/left/g_nav.gif) no-repeat 0 0;
}
#g_nav li a{
background:url(../images/common/left/g_nav.gif) no-repeat 0 0;
height:40px;
width:150px;
display:block;
color:#ffffff;
}
#g_nav li a:hover{
color:#feffb3;
background-position:0 -40px;
}

#g_nav li.on a{
background-position:0 -80px;
color:#ffec1c;
font-weight:bold;
}


/* pickup
------------------------------------------------------------------------------*/
#pickup {
width:150px;
margin:15px 0;
height:auto;
background:#fefcf4;
}
#pickup h4{
float:left;
margin:0 5px 10px 0;
}
#pickup dl{
margin:0px;
float:left;
}
#pickup dt{
font-size:10px;
margin:0 0 5px 0;
}
#pickup dd{
font-size:9px;
}
#pickup p{
float:left;
font-size:11px;
}

/* news
------------------------------------------------------------------------------*/
#news {
width:150px;
margin:0 0 15px 0;
position:relative;
overflow:hidden;
background:#fefcf4;
}
#news .newslink {
font-size:11px;
color:#502211;
text-align:right;
padding:0 0 0 0;
/*background:url(http://www.yk-sentai.com/images/common/left/h3_left_bg.gif) no-repeat bottom;*/
}
#news .newslink a{
color:#502211;
}
#news .newsbox {
margin: 0 0 10px 0;
}

#news .box h4 {
float:left;
margin-right:3px;
}
#news strong {
color:#1d4363;
height:5px;
}
#news .newsbox p {
font-size:11px;
}
#news .date {
clear:both;
color:#a8a198;
font-size:10px;
height:15px;
line-height:15px;
padding:5px 0;
text-align:right;
border-bottom:1px dashed #97755c;
}

#recruit p {
width:120px;
height:40px;
margin:0 auto 10px auto;
}

/* news
------------------------------------------------------------------------------*/
#mobile {
width:150px;
margin:0 0 15px 0;
background:#fefcf4;
}
#mobile dl{
text-align:center;
margin:0 0 10px 0;
}
#mobile dd{
margin:0 0 5px 0;
font-size:11px;
}
#mobile input{
margin:0 0 5px 0;
}
#mobile .send{
text-align:center;
margin:5px 0 0 0;
}


/* news
------------------------------------------------------------------------------*/
#recruit {
width:150px;
margin:0 0 15px 0;
background:#fefcf4;
}
#recruit h2 {
width:190px;
height:33px;
text-indent:-9999px;
background:url(http://www.yk-sentai.com/images/common/left/menu_recruit_01.jpg);
}


/* news
------------------------------------------------------------------------------*/
#groupnews {
width:150px;
margin:0 0 15px 0;
background:#fefcf4;
text-align:center;
}


#groupnews p {
margin-bottom:5px;
}

/* ex`_link
------------------------------------------------------------------------------*/
#ex_link {
width:150px;
margin:0 0 15px 0;
background:#fefcf4;
text-align:center;
}
#ex_link h3{
text-indent:-9999px;
background:url(../images/common/left/links_h3.jpg) no-repeat;
width:190px;
height:40px;
}

/* menulink
------------------------------------------------------------------------------*/
#menulink {
width:150px;
margin:0 0 15px 0;
background:#fefcf4;
text-align:center;
}

#menulink p {
margin-bottom:3px;
}



#rusuden {
width:190px;
background:url(http://www.yk-sentai.com/images/common/left/menu_rusuden_02.jpg)bottom;
padding-bottom: 20px;
text-align:center;
}

#rusuden dt {
font-size:10px;
}

#rusuden .explanation {
font-size:10px;
}

#rusuden h2 {
width:190px;
height:35px;
text-indent:-9999px;
background:url(http://www.yk-sentai.com/images/common/left/menu_rusuden_01.jpg);
}

#rusuden p {
font-size:14px;
}

#left .link a {
background: url(../images/common/left/g_nav.gif) no-repeat 0 0;
height: 40px;
width: 150px;
display: block;
color: #ffffff;
}

#left .link {
height: 40px;
width: 150px;
line-height: 40px;
text-indent: 40px;
color: #ffffff;
font-size: 12px;
overflow: hidden;
}

#left .smart {
  text-align:center;
  margin-bottom:3px;
  font-weight:bold;
  color: #03bfb8;
}
/* girl
------------------------------------------------------------------------------*/
#wrap #main .girl{
width:104px;
height:185px;
font-size:11px;
float:left;
position:relative;
/*background:url(http://www.yk-sentai.com/images/common/lightblue_bg.jpg) repeat #f7f4e8;*/
border:1px solid #afdbdb;
margin:0 4px 8px 0;
padding:4px 0 0 0;
}
#wrap #main .newface{
/*background:url(http://www.yk-sentai.com/images/common/green_bg.jpg) repeat;*/
}
#wrap #main .newface_icon{
margin:7px 0 0 0;
}

#wrap #main .girl h4{
text-align:center;
margin:0 0 0 0;
}

#wrap #main .girl h4 img,
#wrap #main .girl h4 a img{
border:1px solid #cecece;
padding:2px;
background:#fff;
margin:0 0 5px 0;
}
#wrap #main .girl h4 a:hover img{
border:1px solid #ca4dd6;
}

#main .girl h4 a{
font-size:12px;
color:#006b8c;
}
#main .girl h4 a:hover{
color:#ca4dd6;
}

/* syukkin*/
/* zaseki icon */
.icon {
position:absolute;
top:86px;
left:0px;
}
/*#syukkin .newface:after,
.day .new:after{
content:url("../yokohama/images/newface.png");
position:absolute;
top:86px;
left:0px;
}*/
/*#zaisekisort .newface:after{
content:url("../yokohama/images/newface.png");
position:absolute;
top:-14px;
left:-2px;
}*/

#syukkin .newface:after,
.day .new:after{
content:url("../images/common/newface.gif");
position:absolute;
top:167px;
left:7px;
}

#zaisekisort .newface:after{
content:url("../images/common/newface.gif");
position:absolute;
top:183px;
left:7px;
}

#main #syukkin .girl{
text-align:center;
}
#main #syukkin .girl p{
font-size:12px;
text-align:center;
color:#9f998f;
}

#main #syukkin .girl p {
color:#0099FF;
}

#main #syukkin .girl .last,
#main #syukkin .syukkin_box .last{
color:#fb4c5b;
}

#wrap #main .girl .data {
margin:10px 0 0 0;
line-height:120%;
}

#wrap #main .girl .debut {
color:#744A33;
float:right;
font-family:"?¼­?¼³ ?¼°æ˜Žæœ�","細明æœ�ä½?","ヒラギノæ?Žæœ� Pro W3";
font-size:11px;
margin:15px 0 0;
padding:0 3px;
}


/*マット用�キス�*/
/*女性��ット�洗体�説明�るテキスト用CSS*/
#main .mattotext {clear:both; margin:0 0 11px 0; padding:0 0 0 30px; position:relative; }
#main .washtext {clear:both; margin:0 0 15px 0; padding:0 0 0 30px; position:relative; }
#main .mattowashtext {clear:both; margin:0 0 15px 0; padding:0 0 0 30px; position:relative; }
#main .mattotext:before{ content:""; width:25px; height:25px; background-image:url("http://www.yk-sentai.com/images/common/lightblue_bg.jpg"); position:absolute; top:-5px; left:0; }
#main .washtext:before{ content:""; width:25px; height:25px; background-image:url("http://www.yk-sentai.com/images/common/violet_bg.jpg"); position:absolute; top:-5px; left:0; }
#main .mattowashtext:before{ content:""; width:25px; height:25px; background-image:url("http://www.yk-sentai.com/images/common/green_bg.jpg"); position:absolute; top:-5px; left:0; }

#main span.blue { color:#0030dd; font-size:13px; font-weight:bold; }
#main span.pink { color:#db0099; font-size:13px; font-weight:bold; }
#main span.green { color:#4cc600; font-size:13px; font-weight:bold; }
#main span.yaji { vertical-align:2px; }


.ryoukin dt {
margin: 5px 0 3px;
font-size: 11px;
}

.ryoukin dd {
text-indent: 10px;
font-size: 11px;
}

.twitter_box {
width: 100%;
margin: 5px auto 0 auto;
padding: 10px 0;
text-align: center;
background-color: #ffffff;
}

.twitter_box .manager_twitter {
width: 90%;
margin: 0 auto 5px auto;
padding: 5px 0;
border: 1px solid #39aeda;
border-radius: 3px;
background-color: #3ebcec;
font-size: 13px;
}
.twitter_box .manager_blog {
width: 90%;
margin: 0 auto;
padding: 5px 0;
border: 1px solid #11b26e;
border-radius: 3px;
background-color: #11b26e;
font-size: 13px;
}

.twitter_box .manager_twitter a,
.twitter_box .manager_blog a{
color: #ffffff;
text-decoration: none;
display: block;
}

/* sublink
------------------------------------------------------------------------------*/
#sublink {
clear: both;
list-style: none;
position:absolute;
top:-52px;
right:0px;
}

#sublink li {
float: left;
margin:0 0 0 -1px;
border-left:1px solid #307cbe;
border-right:1px solid #307cbe;
padding:0 5px;
}

#sublink li a{
font-size: 10px;
color:#7d4c00;
}
#sublink li a:hover{
font-size: 10px;
color:#c09c5d;
text-decoration:underline;
}


/* footer
------------------------------------------------------------------------------*/
#footer {
width:100%;
height:auto;
color:#fff;
background:url(../images/common/black_bg.jpg) repeat  top center;
}

#footer .section{
margin:0 auto;
width:750px;
padding:15px 0 20px 0;
}

#footer .pr{
background:url(../images/common/footer_pr.gif) no-repeat;
width:650px;
height:40px;
color:#f7f7da;
padding:12px 10px 0 90px;
font-size:12px;
margin:0 0 15px 0;
}

#footer ul {
width:750px;
margin:0 0 20px 0;
}

#footer li {
list-style: none;
border-left:1px solid #fffed8;
border-right:1px solid #fffed8;
padding:0 7px;
margin:0 0 10px -1px;
float:left;
}

#footer li a{
float:left;
white-space: nowrap;
font-size: 11px;
color: #fffed8;
}

#footer .tohome a{
display:block;
float:right;
font-size:10px;
border:1px solid #fffed8;
color:#fffed8;
padding:4px 8px;
margin:15px 0 4px 0;
}

#footer .box{
height:40px;
font-size:10px;
float:left;
width:750px;
margin:20px 0 0 0;
}
#footer .box dt{
float:left;
width:50px;
}


/* hareheader
------------------------------------------------------------------------------*/
#groupNavi {
position:absolute;
top: 0;
left: 0;
width: 100%;
background-color: #CCC;
border-bottom: solid 1px black;
height: 45px;
z-index: 15;
}

/* diary photoup */
#wrap #main #diary .girl {
background:#ffe2ae;
border:1px solid #f4d297;
}

#wrap #main #diary .girl img {
border:1px solid #f4d297;
}

#wrap #main #photoup .girl {
background:#ffe0eb;
border:1px solid #f7cfdd;
}

#wrap #main #photoup .girl img {
border:1px solid #f7cfdd;
}

#wrap #main #diary .girl h4 a:hover img,
#wrap #main #photoup .girl h4 a:hover img{
border:1px solid #ca4dd6;
}

#main #diary p,
#main #photoup p {
  text-align:center;
}