@import url("http://www.harenchi.co.jp/css/yokohama.css");
@import "menulist1.css";

/*基本*/
body{
  margin:0;
  font-size:12px;
  color:#262626;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  padding: 0;
  background-image: url(../images/bg.jpg);
}
img {
  border:0px;
}

h1,h2,h3 {
  font-size:10px;
  margin:0;
  padding:0;
  line-height:100%;
}
h1,h2{
background-color:#CCCCCC;
color:#000000;
float:left;
font-weight:100;
width:586px;
}
h1{
padding-left:4px;
padding-right:10px;
width:140px;}

.blue{
  font-size:10px;
  color:#3344FF;
  line-height:0;
}
.red{
  font-size:10px;
  color:#FF4433;
  line-height:0;
}
.red2{
  font-size:12px;
  color:#FF4433;
  line-height:0;
}
#RightCol .yellow{
color:#FFFF00;
line-height:0px;
}

.blog {
margin:0;
text-align:center;
}
/*リンク*/
a:hover {
  color:#00cc00;
}
/*基本レイアウト */

#MainBody {
  width:740px;
  margin: 46px auto 0;
  background-repeat: repeat-y;
  background-image: url(../images/main_bg.gif);
  padding: 0 4px;
}

/*フロート */
.flol{
  float:left;
}
.flor{
  float:right;
}
.cla{
  clear:both;
}

#about{
  margin:0;
  padding:0;
  background-color:#ccc;
  font-size:10px;
  padding-left:4px;
  line-height:100%;
  clear:left;
}

/* === ヘッダ === */
#Header {
  width: 740px;
  height:100px;
  padding:0;
  margin: 0 auto;
  background-color:#ccc;
}
#Header .head_bg {
  width: 740px;
  height:74px;
  margin: 0;
  padding: 0;
  display: block;
}
.head_menu {
  width: 740px;
  height:26px;
  background-image: url(../images/headlink_bg.jpg);
  margin: 0;
  text-align: right;
}
.head_menu a {
  padding: 0;
  margin: 0;
  line-height:26px;
  text-decoration: none;
  color: #666600;
  font-size: 11px;
}
.head_menu a:hover {
  color:#00cc00;
}

/* === レフトカラム === */
#LeftCol{
  width:170px;
  float: left;
  margin: 0;
  padding: 0;
}
#LeftCol .bor  {
  width:170px;
  height:10px;
  margin:0;
  padding:0;
  background-image: url(../images/bg_hr.gif);
  border:0;
}
#LeftCol .menuborder  {
  width:170px;
  height:26px;
  margin:0;
  padding:0;
  background-image: url(../images/bg_hr1.gif);
  border:0;
}
#LeftCol .boldborder  {
  width:170px;
  height:26px;
  margin:0;
  padding:0;
  background-image: url(../images/bg_hr2.gif);
  border:0;
}
#LeftCol .mainmenu  {
  width:170px;
  margin: 0;
  padding:0 0 0 0;
  height: 24px;
}
#LeftCol .mainmenu a {
  width:140px;
  display:block;
  margin: 0;
  padding:0 0 0 30px;
  color:#666633;
  font-size:12px;
  vertical-align: middle;
  text-decoration:none;
  line-height: 24px;
  background-image: url(../images/btnbg_off.gif);
}
#LeftCol .mainmenu a:hover {
  color:#fff;
  text-decoration:none;
  background-image: url(../images/btnbg_on.gif);
}
#LeftCol .mainmenu a.cont {
  width:140px;
  display:block;
  margin: 0;
  padding:0 0 0 30px;
  color:#666633;
  font-size:12px;
  vertical-align: middle;
  text-decoration:none;
  line-height: 24px;
  background-image: url(../images/btnbg_off2.gif);
}
#LeftCol .mainmenu a.cont:hover {
  color:#fff;
  text-decoration:none;
  background-image: url(../images/btnbg_on2.gif);
}
#LeftCol .calbtn {
  width:170px;
  margin: 0;
  padding:0;
  height: 26px;
  background-image: url(../images/calbtn.gif);

}
#LeftCol .contbana {
  margin-bottom:5px;
  padding: 0;
}
#LeftCol .sidemenu0 {
  font-size:12px;
  width:166px;
  background-color:#ffffcc;
  color:#ff145a;
  text-align: center;
  margin: 0;
  border: 2px solid #ff145a;
  padding: 1px;
}
#LeftCol .leftbox_01 {
  width:170px;
  height:20px;
  line-height:20px;
  font-size:12px;
  color:#fff;
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0;
  background-image: url(../images/leftbox/leftbox_01.gif);
}
#LeftCol .leftbox_02 {
background-image:url("../images/leftbox/leftbox2.gif");
background-position:center bottom;
margin:0;
padding:4px 10px 22px;
width:150px;
}
#LeftCol .leftbox_03 {
  width:170px;
  height:21px;
  line-height:21px;
  margin: 0 0 10px 0;
  padding: 0;
  background-image: url(../images/leftbox/leftbox_03.gif);
}
#LeftCol .leftbox_r01 {
  width:170px;
  height:20px;
  line-height:20px;
  font-size:12px;
  color:#fff;
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0;
  background-image: url(../images/leftbox/leftbox_r01.gif);
}
#LeftCol .leftbox_r02 {
background-image:url("../images/leftbox/leftbox1.gif");
background-position:center bottom;
font-size:12px;
margin-bottom:0;
padding:4px 4px 32px 8px;
width:158px;
}
#LeftCol .leftbox_r02 p {
margin:0px;
width:154px;
} 

#LeftCol .leftbox_r03 {
  width:170px;
  height:21px;
  line-height:21px;
  margin: 0 0 10px 0;
  padding: 0;
  background-image: url(../images/leftbox/leftbox_r03.gif);
}
/* ▼新着情報用▼ */
#LeftCol .newslink a:link{
  font-size:11px;
  color:#FF9900;
}
#LeftCol .newslink a:visited{
  font-size:11px;
  color:#FF9900;
}
#LeftCol .newslink a:active{
  font-size:11px;
  color:#FF9900;
}
#LeftCol .newslink a:hover {
  font-size:11px;
  color:#FFFF00;
}
#LeftCol .leftbox_n02 {
background-image:url("../images/leftbox/leftbox2.gif");
background-position:center bottom;
margin:0;
padding:4px 6px 26px 10px;
width:154px;
}
#LeftCol .Column{
  width:154px;
  height:250px;
  padding:0;
  margin:0;
  list-style:none;
  overflow:auto;
}
#LeftCol .HeadLine{
  width:134px;
  padding:0;
  margin:0 0 6px 0;
  list-style:none;
}
#LeftCol .HeadLine li{
  margin:0;
  padding:0;
}
#LeftCol .HeadLine .Date{
  margin:0;
  padding:0;
  color:#666;
  font-size:10px;
  clear:left;
}
#LeftCol .HeadLine .Type{
  margin: 0;
  padding:0;
  color:#ff6666;
  font-size:10px;
}
#LeftCol .HeadLine .Img{
  width:60px;
  height:60px;
  margin:0 2px 2px 0;
  float:left;
}
#LeftCol .HeadLine .Cont{
  display: inline;
  margin: 0 0 6px 0;
  padding:0;
}
/* ▲新着情報用▲ */
#LeftCol .menubana  {
  width:120px;
  margin:0 auto;
  padding:4px 0;
}
#LeftCol .menubana2  {
  width:88px;
  margin:0 auto;
  padding:4px 0;
}
#LeftCol .mmobilefrm  {
  margin:8px auto 0 auto;
  padding:0;
  width: 146px;
}
#LeftCol .mmobiletxt  {
  margin:0;
  padding:0;
  vertical-align: top;
  line-height: 20px;
  font-size: 12px;
}
#LeftCol .mmobileinp  {
  width:128px;
  margin:0;
  padding:0;
}
#LeftCol .mmobileimg  {
  width:145px;
  margin:0 3px 0 2px;
  padding:0;
  display: block;
}
#LeftCol .mmobileqr  {
  width:99px;
  margin:0 auto;
  padding:0;
  display: block;
}
#LeftCol .mmobileurl  {
  font-size: 11px;
  text-align:center;
}
#LeftCol .mmobileurlr  {
  font-size: 12px;
  color:#FF0000;
  width: 150px;
  text-align: center;
}
#LeftCol .mmobilesel  {
  width:146px;
  margin:4px 0 0 0;
  padding:0;
}
#LeftCol .mmobilebtn  {
  margin:4px 0 0 0;
  padding:0;
  width: 50px;
}
#LeftCol .submenu p {
  margin: 4px 6px;
  padding:0;
  text-decoration:none;
}
#LeftCol .submenu a {
  text-decoration:none;
}
.recommendgirl  {
  width:168px;
  margin: 0;
}
.recommendgirl span {
  display:block;
  font-size:12px;
  width:166px;
  background-color:#ffffcc;
  color:#ff145a;
  text-align: center;
  margin: 5px 0;
  border: 2px solid #ff145a;
  padding: 1px 0;
}

#sitemap p {
text-align:center;
}
#sitemap .smap {
background:url(../images/sitemap.gif) no-repeat;
width:170px;
height:25px;
text-decoration:none;
line-height:25px;
display:block;
color:#666633;
}


/* === ライトカラム === */
#RightCol{
  margin: 0;
  padding: 0px 10px 10px;
  width: 540px;
  float: right;
}
#RightCol .midashi {
  margin: 15px 0 10px 0;
/*  padding: 0 10px; */

  border:0;
  text-indent:10px;
  width: 540px;
  height:26px;
  line-height:26px;
  background-image: url(../images/midashi.gif);
  font-size: 14px;
  color: #660;
  clear:both;
}
#RightCol #eventbase{
  position:relative;
  height:65px;
}
#RightCol .longbana{
  position:absolute;
  top:0px;
  left:0px;
  margin: 0 0 5px 0;
}

#RightCol p,
#RightCol ul,
#RightCol ol,
#RightCol dl,
#RightCol table{
list-style:none;
margin:0.5em 0 2em;
padding:0;
}

/*zaiseki*/

#home #RightCol .Girls{
  list-style:none;
  float:left;
  width:135px;
  height:169px;
  margin:0;
  padding:0 0 20px;
  position:relative;
}
#home #RightCol .Girls img{
  width:135px;
  height:169px;
  margin:0;
  padding:0;
  border:none;
  vertical-align:top;
  z-index:1;
}

#RightCol .Girls{
  list-style:none;
  float:left;
  width:135px;
  height:169px;
  margin:0;
  padding:0 0 10px;
  position:relative;
}
#RightCol .Girls img{
  margin:0;
  padding:0;
  border:none;
  vertical-align:top;
  z-index:1;
}

#RightCol .Girls p{
    behavior: url('http://www.yk-maid.com/js/iepngfix/iepngfix.htc');
    background:transparent url('../images/thumb_mask.png');
    width:135px;
  height:24px;
  font-size:9px;
  color:#333;
  text-decoration:none;
  position:absolute;
  top:145px;
    left:0;
  z-index:2;
    line-height:9px!important;
  margin:0;
}


#RightCol .Girls .nf{
    background:transparent url('../images/thumb_mask_new2.png')!important;
  color:#FFFFFF;
}
#RightCol .Girls p strong{
  display:block;
  font-weight:normal;
  font-size:10px;
    line-height:15px!important;
}


#RightCol .Girls a{
  text-decoration:none;
}
#RightCol .Girls a:link{
  color:#666;
}
#RightCol .Girls a:visited{
  color:#666;
}
#RightCol .Girls a:active{
  color:#666;
}
#RightCol .Girls a:hover{
  color:#666;
}

.note{
  color:#090;
  font-size:12px;
}


/*フッタ*/
#footer{
  margin:0;
  padding: 0;
  width: 100%;
  height:55px;
  font-size: 10px;
  color: #333333;
  clear: both;
  border-top: dashed #000 1px;
  background-color:#fff;
  position:relative;
}
#footerlogo {
width:52px;
height:58px;
float:left;
margin:0;
padding:0;
}
#footerlogo p {
margin:0;
padding:0;
}
#footer div {
float:left;
height:55px;
padding:3px 0 0 3px;
}
#footercopy p{
  margin:0;
  padding:0;
}
/*風俗情報リンク*/
#footlink {
  margin:0;
  padding: 0;
  width: 740px;
}
#footlink .esioh{
  color:#999999;
  font-size:10px;
  padding:0 0 0 4px;
  margin: 0;
  display: block;
  text-decoration: none;
}
#footlink .esioh a{
  color:#999999;
  text-decoration:none;
}
#footlink .esiohbana {
  display:block;
  border:0px;
  margin:0;
  padding:0 0 0 4px;
  float:left;
  width: 88px;
  height: 31px;
}

.newcolor{
font-size:11px;
color:#FFFF00;
}

/* 横浜グループメニュー */
#MainNavi {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:#cccccc;
  border-bottom:solid 1px #000;
}


a.aaa{
font-size:10px;
color:#777;
text-decoration:none;
}

.clearfix:after {
clear:both;
content:"";
display:block;
}