/*reset css*/
*{
margin:0;
padding:0;
border:0;
list-style:none;
line-height:1.5;
}
body{
font-size:12px;
background:url(../images/common/top-line.jpg) repeat-x 0 0 #f0f0f0;
}
h2 {
margin:1em 0;
font-size:130%;
}
i,em{
font-style:normal;
}
table{
width:100%;
border-collapse:collapse;
border-spacing:0;
}
header li { list-style:none; }
a {text-decoration:none; }
a:link { color:#0066ff; }
a:visited { color:#6666ff;  }
a:hover	{ color:#ff3366; }
input,select,textarea {
margin:2px;
padding:1px;
border:1px solid #cccccc;
font-size:100%;
}
/*=wrap*/
.wrap {
position:relative;
width:960px;
margin:0 auto 20px;
}
/*leftarea*/
.leftarea {
float:left;
width:195px;
}

/*container  in  rightarea*/
.container {
float:right;
width:750px;
}

/*rightarea*/
.rightarea {
float:right;
width:175px;
}

/*=header
--------------------------------------------------------------------------*/
header {
position:relative;
height:60px;
overflow:hidden;
margin:0 0 15px 0;
}

header h1,header p {
display:inline;
font-size:12px;
line-height:28px;
color:#ffffff;
}

header h1{
margin-left:205px;
font-weight:normal;
}
header h1:after{
content:"�B";
}
header h2{
position:absolute;
top:0;
left:0;
width:195px;
height:59px;
margin:0;
border:1px solid #646464;
border-top:0;
-moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;
-pie-border-radius:0 0 8px 8px;/* ie */
background:#ffffff;
background:-moz-linear-gradient(center top, #ffffff 100%,#e6e6e6 0%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #ffffff),color-stop(0,#e6e6e6));
background: linear-gradient(center top, #ffffff 100%,#e6e6e6 0%);
-pie-background:linear-gradient(center top, #ffffff 100%,#e6e6e6 0%);/* ie */
behavior: url(/kumamoto/css/PIE.htc);  /* ie */
font-size:13px;
}
header h2 a,header h2 a:link,header h2 a:visited{
display:block;
padding:35px 0 1px 55px;
background:url(../images/common/logo.gif) no-repeat 5px 5px;
color:#d3187c;
}
header dl {
margin:-2px 400px 0 205px;
padding:4px 0;
border:1px solid #999999;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
-pie-border-radius:5px;/* ie */
background:#ffffff;
background:-moz-linear-gradient(center top, #ffffff 20%,#f1f1f1 0);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.2, #ffffff),color-stop(0,#f1f1f1));
-pie-background:linear-gradient(center top, #ffffff 20%,#f1f1f1 0);/* ie */
behavior: url(/kumamoto/css/PIE.htc);  /* ie */
overflow:hidden;
zoom: 100%;
font-size:10px;
}
header dt,header dd,header li { display:inline; }
header dt a,header dt a:link,header dt a:visited { color:#333333; }
header dd a:before { content:"/"}
html*header dd a{ margin-left:8px;}/*ie6-7*/
header dd a,header dd a:link,header dd a:visited{ color:#9933cc; }
header ul{
text-align:right;
margin:-1.8em 0 0;
color:#cccccc;
}
header li:before { content:"�b"}
html*header li{ margin-left:5px;}/*ie6-7*/
header li a,header li a:link,header li a:visited { border-bottom:1px dotted; padding-bottom:1px; color:#ffff99; }
header li a:hover { border-bottom:1px solid; color:#ffffcc;  }
/*=#main
--------------------------------------------------------------------------*/

#main {
float:left;
width:560px;
}
#main section{
margin:0 -5px;
padding:10px;
background:#ffffff;
border:1px solid #dddddd;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
#main * section{
margin:0;
padding:0;
background:#ffffff;
border:0;
-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
min-height:auto;
}
#main h2{
margin:0 0 5px;
padding:5px 10px;
background:#ae65ff;
background:-moz-linear-gradient(right top, #b686fe 40%,#8656be);
background:-webkit-gradient(linear, left top, right bottom, color-stop(0.4, #b686fe),color-stop(0,#8656be));
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
box-shadow:1px 1px 2px rgba(0,0,0,0.4);
color:#ffffff;
text-shadow:1px 1px 1px #660099;
}
#main a,#main a:link,#main a:visited {
padding-bottom:1px;
border-bottom:1px dotted;
}
#main a:hover {border-bottom:1px solid;}
#main #path{
margin:0;
padding:0 0 3px 5px;
font-size:11px;
text-indent:0;
}
#main #path a,#main #path a:link,#main #path a:visited{
padding-bottom:1px;
border-bottom:1px dotted;
font-size:11px;
}
#caution a:hover{border-bottom:1px solid;}
#main p#explanation{
margin:0 0 15px;
padding:5px;
font-size:100%;
text-indent:0;
}
#main h3 {
margin-left:5px;
}
#main #info{margin:20px 0 0;}
#main #info img { width:100%; max-width:545px; margin:10px auto; }
#main #info a {border:0;}
/*=icon*/
#main .hare a,#main .maid a,#main .harejo a,#main .matto a,#main .matty a,#main .newface a,#main .suteki a,#main .okusama a,#main .esthe a,#main .cute a,#main .itazura a { background:url(../images/icon/shop_icon.gif) no-repeat 0 0; }
#main .hare  a   { padding:1px 0 1px 14px; color:#ff0000 !important; }
#main .maid  a  { padding:1px 0 1px 14px; background-position:0 -20px; color:#ff3399 !important; }
#main .harejo a { padding:1px 0 1px 14px; background-position:0 -40px; color:#006600 !important; }
#main .cute a { padding:1px 0 1px 14px; background-position:0 -20px; color:#66cc99 !important; }
#main .matto a  { padding:1px 0 1px 14px; background-position:0 -60px; color:#0c61b3 !important; font-weight:normal; }
#main .esthe a  { padding:1px 0 1px 14px; background-position:0 -160px; color:#ff6600 !important; }
#main .itazura a  { padding:1px 0 1px 14px; background-position:0 -80px; color:#33bbff !important; }
#main .suteki a  { padding:1px 0 1px 14px; background-position:0 -120px; color:#bb2b60 !important; }
#main .okusama a  { padding:1px 0 1px 14px; background-position:0 -140px; color:#995580 !important; }
#main .newface a { padding:1px 0 1px 14px; background-position:0 -100px; }

#main span.newface {
background:url(../images/icon/shop_icon.gif) no-repeat 0 -100px;
padding-left:15px;
}

.btn {
padding:3px 8px;
border:1px solid #cccccc;
background:#ffffff;
background:-moz-linear-gradient(center top, #ffffff 20%,#f1f1f1);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.2, #ffffff),color-stop(#f1f1f1));
-pie-border-radius:linear-gradient(center top, #ffffff 20%,#f1f1f1);
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
-pie-border-radius:5px;
behavior: url(/kumamoto/css/PIE.htc);  /* ie */
}

/*=.leftarea
--------------------------------------------------------------------------*/
.leftarea h2 {
margin:0;
padding:5px;
background:#9626fe;
background:-moz-linear-gradient(center top, #b686fe 40%,#8656be);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.4, #b686fe),color-stop(0,#8656be));
border-bottom:2px solid #936bcd;
-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
-pie-border-radius:5px 5px 0 0;
color:#ffffff;
font-size:14px;
behavior: url(PIE.htc);
text-shadow:1px 1px 2px #886699;
}
.leftarea ul {
margin-bottom:10px;
padding:5px 10px 10px;
border:1px solid #cccccc;
border-top:0;
border-bottom:2px solid #999999;
background:#ffffff;
font-size:115%;
font-weight:bold;
line-height:1.2;
}
.leftarea i {
display:block;
color:#565656;
font-size:73%;
font-weight:normal;
}
/*km-shops*/
.km-shops li {
padding:5px 0;
background:none; 
}
.km-shops a {
display:block;
background:url(../images/icon/link_icon.gif) no-repeat 0 2px;
height:32px;
padding-left:38px;
padding-bottom:1px;
white-space:nowrap;
}
.km-shops .maid a{ color:#ff3399 }
.km-shops .harejo a{ background-position:0 -38px; color:#007700 }
.km-shops .matto a{ background-position:0 -78px; color:#0c61b3 }
.km-shops .matty a{ background-position:0 -118px; color:#cc00cc }
.km-shops .cute a{ background-position:0 -118px; color:#66cc99 }
.km-shops .suteki a{ background-position:0 -200px; color:#ee2252; }
.km-shops .okusama a{ background-position:0 -240px; color:#995580; font-size:93%; }
.km-shops .esthe a{ background-position:0 -280px; color:#f19700; }
.km-shops .itazura a{ background-position:0 -360px; color:#33bbff; }
.km-shops a:hover {background-color:#eeeeee;}
/*.menulink*/
.leftarea .menulink h2 {
margin:0;
padding:5px;
background:#eeddff;
border:1px solid #cccccc;
border-bottom:0;
color:#000000;
font-size:12px;
text-align:center;
text-shadow:0 0 0 #eeddff;
}
.menulink a {
display:block;
background:url(../images/icon/link_icon.gif) no-repeat 0 -156px;
height:35px;
padding-left:20px;
padding-bottom:1px;
}
.menulink li{ padding:3px 0; }
.menulink a:hover {background-color:#eeeeee;}
/*.annai*/
.info{
margin-bottom:10px;
background:#ffffff;
border:1px solid #cccccc;
}
.info p{ padding:5px; }
/*.mobile*/
.mobile {
background:#ffffff;
border:1px solid #cccccc;
}
.mobile h3,.info h3{
margin:0;
padding:5px;
background:#eeddff;
font-size:12px;
text-align:center;
}
.mobile form{
padding:5px;
}
.mobile select{
border:1px solid #cccccc;
margin:3px 0 0;
background:#eeeeee;
padding:2px;
font-size:12px;
}
.mobile img{
float:left;
margin-right:10px;
}
.mobile input {
margin:3px 0 0;
border:1px solid #cccccc;
background:#eeeeee;
}
.textarea{
width:98%;
height:20px;
border:1px solid #cccccc;
font-size:12px;
}
/*=.haremini & .mailmaga*/
.haremini,.mailmaga{
margin:10px 0;
padding:10px;
border:1px solid #cccccc;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
background:#ffffff;
}
.haremini dt,.mailmaga dt{
padding-left:18px;
background:url(../images/icon/icon2.gif) no-repeat 0 4px;
}
.haremini dt{ padding-left:18px; background-position:0 -42px;}
.haremini dd,.mailmaga dd{ margin-top:5px; }
.haremini span{ padding-left:10px;  font-size:85%;}
.mailmaga span{ padding-left:50px; font-size:85%;}
.haremini a,.mailmaga a{ padding-bottom:1px; }
.haremini a:link,.mailmaga a:link{ border-bottom:1px dotted; }
.haremini a:visited,.mailmaga a:visited{ border-bottom:1px dotted; }
.haremini a:hover,.mailmaga a:hover{ border-bottom:1px solid; }
/*=.hdoor & .staff*/
.hdoor {
width:213px;
height:82px;
background:url('../images/common/bana_hdoor.gif') no-repeat 0 0;
}
.hdoor a,.hdoor a:link,.hdoor a:visited{
display:block;
width:213px;
height:72px;
text-indent:-2000em;
}
.hdoor a:hover{background-color:rgba(255,255,255,0.4); }
.staff {
width:193px;
height:63px;
background:url('../images/common/bana_staff.gif') no-repeat 0 0;
}
.staff a,.staff a:link,.staff a:visited{
display:block;
width:193px;
height:53px;
text-indent:-2000em;
}
.staff a:hover{ background-color:rgba(255,255,255,0.4); }

/*=.rightarea
--------------------------------------------------------------------------*/

/*.mobile*/
.rightarea section {
margin:10px 0;
background:#ffffff;
border:1px solid #cccccc;
}
.rightarea h3 {
margin:0;
padding:5px;
background:#eeddff;
font-size:12px;
text-align:center;
}
.rightarea section p{ padding:5px; }
.rightarea section p img{ float:left; margin-right:10px; }
.rightarea .sidegravure img{
width:170px;
height:
border:1px solid #cccccc;
}
/*.events*/
.events li{ text-align:center; }
.events a{
display:block;
margin:0 0 5px;
font-size:11px;
color:#ff0000;
}
i.hare,i.ev_maid,i.ev_harejo,i.ev_harejomaid,i.ev_matto,i.ev_esthe,i.ev_mattoesthe,i.ev_suteki,i.ev_okusama,i.ev_sutekiokusama,i.newface { background:url(../images/icon/shop_icon.gif) no-repeat 0 0; }
i.hare   { padding:0 0 1px 14px; color:#ff0099 !important; }
i.ev_maid  { padding:0 0 1px 14px; background-position:0 -20px; color:#ff3399 !important; font-weight:normal; }
i.ev_harejo { padding:0 0 1px 14px; background-position:0 -40px; color:#007700 !important; font-weight:normal; }
i.ev_matto  { padding:0 0 1px 14px; background-position:0 -60px; color:#0c61b3 !important; font-weight:normal; }
i.ev_suteki  { padding:0 0 1px 14px; background-position:0 -120px; color:#ee2252 !important; font-weight:normal; }
i.ev_okusama  { padding:0 0 1px 14px; background-position:0 -140px; color:#663366 !important; font-weight:normal; }
i.ev_esthe  { padding:0 0 1px 14px; background-position:0 -160px; color:#ff6600 !important; font-weight:normal; }
i.ev_harejomaid,i.ev_harejocute,i.ev_maidcute { padding:0 0 1px 14px; background-position:0 -180px; color:#ff6633 !important; font-weight:normal; }
i.ev_mattoesthe { padding:0 0 1px 14px; background-position:0 -200px; color:#009999 !important; font-weight:normal; }
i.ev_sutekiokusama { padding:0 0 1px 14px; background-position:0 -220px; color:#663399 !important; font-weight:normal; }

.eco {
width:170px;
height:88px;
background:url('../images/common/bana_eco.jpg') no-repeat 0 0;
}
.eco a,.eco a:link,.eco a:visited{
display:block;
width:170px;
height:88px;
text-indent:-2000em;
}
.eco a:hover{ background-color:rgba(255,255,255,0.4); }

/*=#footer
--------------------------------------------------------------------------*/
.footer {
width:100%;
margin:10px 0 0;
padding:10px 0;
border-top:5px solid #8656be;
background:#ffffff;
}
#copyright {
position:relative;
width:980px;
margin:0 auto 20px;
text-align:center;
}

.right{text-align:right;}
.hosoku{font-size:90%;}
.right.hosoku{margin-top:-20px;margin-bottom:10px;}

              
/*modal window
------------------------------------------------------------------------------------------------*/
#modalArea{
  position: fixed !important;
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  padding: 10px;
  height: auto;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px #333333;
  z-index: 800;
  display: none;
  text-align: left;
}
#modalArea *:focus{
  outline: none;
}
#modalArea .closehead{
  height: 20px;
  position: relative;
}
#modalArea .closehead .closeModal{
  position: absolute;
  background:url(../images/common/modalclose.jpg) no-repeat 0 0;
  width: 90px;
  height: 20px;
  text-indent: -20000px;
  display: block;
  top: 0;
  right: 0px;
  text-decoration: none;
}
#modalArea .closehead .closeModal:hover{
  background-position: center bottom;
}
#modalArea .modalCont{
  margin: 15px;
}
#modalOverlay{
  position: fixed !important;
  position: absolute;
  z-index: 700;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  display: none;
}
#modalArea #iframeCont iframe{
  width: 100%;
  height: 500px;
  border: 1px solid #e1e1e1;
  background: #ffffff;
  border-radius: 5px;
  overflow: auto;
}
              
/*
..........................................�B
=huck
..........................................�B
*/
.clearfix{
  overflow:hidden;
  zoom: 100%;
}

.clearfix:after {
  content: " "; 
  display:block;
  clear:both;
  overflow:hidden;
  height:1px; 
  visibility:hidden;
}