/* CSS Document by cryastalvision*/
/* Initialization */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,table,th,td,caption,form{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;list-style:none;}
input,textarea{margin:0;padding:0;font-style:normal;font-weight:normal;font-size: 100%;text-align: left;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
abbr, acronym{border:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}

body{
  font-size: smaller;
  color: #666666;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
  line-height: 150%;
}

img{border:none;vertical-align: bottom;}


/*基本的なテキストカラーとサイズの設定*/
a{color: #C66C15;text-decoration: underline;}
a:hover{color: #FD3000;text-decoration: none;}
a:active {color: #C804CA;}
  
strong{
  color: #8A6409;
  font-size: 110%;
  font-weight: bold;
}

em{
  font-weight: bold;
  font-style: normal;
  font-size: 110%;
  color: #strong;
}

b{color: #FF0000;}

hr{
  border-top: 1px dashed #868686;
  border-bottom:none;
  border-left:none;
  border-right:none;  
}
* html hr{border-bottom: 1px dashed #ffffff;}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.clear{clear: both;}

/* ie6でpngを正常に表示・用のcss */
.iepngfix{ behavior: expression(IEPNGFIX.fix(this));}

.small{font-size: 80%;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.img_left{
  float:left;
  margin: 0px 10px 10px 0px;
}
.img_right{
  float:right;
  margin: 0px 0px 10px 10px;
}
.t-indent{text-indent :-9999px;}


.big{
  color: #FF0006;
  font-size: 18px;
  font-weight: bold;
  line-height: 165%;
}

/* ----------------基本構造------------------------------ */
p{padding: 5px;}

div#wrapper {
  margin: 0px auto;
  padding: 0px 15px 0px 15px;
  width: 920px;
  background: url("../images/wrapper-back.jpg") repeat-y top left;
}

div#header{
  width: 920px;
  height: 120px;
  background: url("../images/header-back.jpg") no-repeat top left;
  position:relative;
}
div#change{
  position:absolute; top:3px; left:810px;
}

h1{
  padding: 0px 0px 0px 15px;
}
div#header-left{
  float:left;
  padding: 5px 0px 0px 10px;
  width: 400px;
}
div#header-right{
  float:right;
  padding: 0px 5px 0px 0px;
  text-align: right;
  font-size: 14px;
  width: 480px;
}
div#inq_tex{
  float:right;
  padding: 31px 0 0 75px;
  width: 295px;
  height: 19px;
  font-size:12px;
  text-align:left;
  background: url("../images/inquiry_back.png") no-repeat top left;
}


/* ----グローバルナビ---- */
div.menu{
  overflow:hidden;
  clear: both;
  height: 50px;
}

.menu a{
  float:left;
  display:block;
  text-indent :-9999px;
  width: 920px;
  height: 50px;
  background-image:url("../images/menu.jpg");
  background-repeat:no-repeat;
  cursor:pointer;
}

  #menu00{background-position:0 0; width: 184px; height: 50px;}
  #menu00:hover,#menu00.hover{background-position:0 -50px;}
  #menu01{background-position:-184px 0; width: 184px; height: 50px;}
  #menu01:hover,#menu01.hover{background-position:-184px -50px;}
  #menu02{background-position:-368px 0; width: 184px; height: 50px;}
  #menu02:hover,#menu02.hover{background-position:-368px -50px;}
  #menu03{background-position:-552px 0; width: 184px; height: 50px;}
  #menu03:hover,#menu03.hover{background-position:-552px -50px;}
  #menu04{background-position:-736px 0; width: 184px; height: 50px;}
  #menu04:hover,#menu04.hover{background-position:-736px -50px;}

/* ///////////main基本構成///////////////// */
div#container{
 float:left;
  width: 920px;
  background: url("../images/main-bottom.jpg") no-repeat bottom left;
}

div#main_image{
  width: 920px;
}

div#main_back{
  display:block;
  text-indent :-9999px;
  width: 920px;
  height: 60px;
  background: url("../images/main-back.jpg") no-repeat top left;
}

div#main{
  float:left;
  padding: 10px 10px 10px 20px;
  width: 630px;
}
* html div#main{
  padding: 10px 10px 10px 15px;
}

div#right-side-top{
  float:right;
  padding: 9px 10px 0px 10px;
  width: 240px;
}

div#right-side{
  float:right;
  padding: 15px 10px 0px 10px;
  width: 240px;
}

/* ----フッター---- */
div#footer {
  clear: both;
  padding: 0px 0px 12px 0px;
  width: 920px;
}

div#button{
  margin: 0px auto;
  padding: 15px 0px 0px 0px;
  text-align: right;
  font-size: 90%;
}
div#button a{
  text-decoration: underline;
}


div#copyright{
  margin: 0px auto;
  width: 920px;
  height: 19px;
  text-align: center;
  clear: both;
}


/* ----右サイド---- */
div#cap{
  position:relative;
}
div#cap_text{
  position:absolute;
  text-indent :-9999px;
}

div#bana{margin: 0px 0px 10px 0px;}
div#bana img{margin: 10px 0px 0px 0px;}


/* ----TOPページ---- */
div#index-title{
  margin: 0px 0px 10px 17px;
}

table#index-table{
  margin: 0px 0px 10px 17px;
  border-collapse:collapse;
  width: 616px;
}
table#index-table th{
  width: 33%;
  text-align: center;
}
table#index-table td{
  width: 33%;
  padding: 5px 4px 5px 4px;
  text-align: left;
  line-height: 120%;
  vertical-align: top;
}

div#topics-title{
  margin: 10px 0px 0px 17px;
}
ul#topics-body{
  margin: 0px 0px 0px 17px;
  padding: 10px 5px 10px 5px;
  border-top:none;
  font-size:12px;
  line-height: 130%;
  width:604px;
}
ul#topics-body li{
  padding: 4px 0px 4px 0px;
  border-bottom: 1px dashed #824F20;
}
ul#topics-body li.details{
  margin-top:5px;
  border-top: 1px dashed #824F20;
}
ul#topics-body li a{
  color: #7A420D;
  text-decoration: none;
}
ul#topics-body li a:hover{
  color: #C66C15;
  text-decoration: underline;
}


div#cr_title{
  margin: 10px 0px 0px 17px;
}

.cr-body-left{
  float:left;
  margin: 0px 0px 0px 17px;
  padding: 17px 16px 17px 16px;
  width: 266px;
  height: 91px;
  border: 1px solid #575757;
  background-color: #E0FDC9;
}
.cr-body-right{
  float:right;
  margin: 0px 17px 0px 0px;
  padding: 17px 16px 17px 16px;
  width: 266px;
  height: 91px;
  border: 1px solid #575757;
  background-color: #E0FDC9;
}
.cr-image{
  float:left;
}
.cr-text{
  float:right;
  text-align: left;
  line-height: 110%;
}
.cr-button{
  float:right;
  text-align: right;
}

/* ----------------セカンド------------------------------ */
/*-- パンくずリスト  --*/
div#navi{
  margin: 0px 0px 10px 0px;
  padding: 3px 0px 3px 10px;
  text-align: left;
  border-bottom: 1px dashed #49555E;
}

h2{
  margin: 0px 0px 10px 0px;
  padding: 12px 0px 3px 5px;
  font-size: 20px;
  font-weight: bold;
  color: #727272;
  height: 21px;
  border-bottom: 2px solid #4A545D;
  background: url("../images/title_bac.jpg") no-repeat top left;
}

h3{
  margin: 15px 0px 5px 0px;
  padding: 5px 0px 5px 10px;
  border-left: 3px solid #784900;
  background-color: #F2F2F2;
  font-size: 16px;
  color: #784900;
  text-align: left;
  font-weight: bold;
}


/*　テーブル */

table#table{
  border-collapse:collapse;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

table#table caption{
  padding: 3px 3px 5px 3px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}


table#table th{
  padding: 10px;
  border: 1px solid #ADADAD;
  background: url("../images/th-bac.jpg") repeat top left;
}

table#table td{
  padding: 10px;
  border: 1px solid #ADADAD;
}

/*--予約-----------------------------*/
.normal{
  background-color: #FFFFFF;
}
.today{
  background-color: #C2FFBA;
}
.sun{
  background-color: #FFBBBB;
}
.sat{
  background-color: #D0DBFF;
}


/*　メールフォーム */
input.text{
  padding: 2px;
  border: 1px solid #A5A5A5;
  width: 75%;
}
input.short{
  padding: 2px;
  border: 1px solid #A5A5A5;
  width: 45%;
}

textarea{
  padding: 2px;
  border: 1px solid #A5A5A5;
  width: 95%;
  height: 120px;
}
select{
  padding: 2px;
  border: 1px solid #A5A5A5;
}

.image_file img{
  width: 50%;
}

/*　FAQ  */
div#faq_q{
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #E0E0E0;
}
div.q_title{
  padding: 3px;
  background-color: #FFF1D9;
}
div.q_body{
  margin: 0px 0px 20px 0px;
  padding: 5px;
}
div.faq_a{
  float:left;
  margin: 0px 10px 0px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #E24B2C;
}

/*　お客様の声  */
table#visitor{
  border-collapse:collapse;
  margin: 0px;
  padding: 0px;
  width: 100%;
}


div.visitor{
  position:relative;
}
div.sexual{
  position:absolute; top:83px; left:145px;
}

table#visitor td.impre{
  padding: 10px 0px 10px 0px;
  text-align: center;
  width: 200px;
  border-bottom: 1px dashed #E2A32C;
}
table#visitor td.photo{
  padding: 10px 5px 10px 5px;
  text-align: center;
  width: 200px;
  border-bottom: 1px dashed #E2A32C;
}
table#visitor td.come{
  padding: 10px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dashed #E2A32C;
}