@charset "UTF-8";


/*############################################*/
/*top*/
/*############################################*/



/*topics*/
#topics {
	width:450px;
	height:110px;
	margin:5px 0 20px 0;
	overflow-y:scroll;
	scrollbar-base-color:#eee;
	border-top:none;
	border-bottom:1px solid #f0f0f0;
}



#topics dl dt  {
	padding:1px 1px 0 1px;
	margin:0px;
	color:#300;
	border:none;
	font-size:10px;
}
#topics dl dd {
	margin:0px;
	padding:1px;
	border-bottom:dotted 1px #ccc;
}
#topics a { text-decoration:none;color:#331a00; }
#topics a:visited { color:#33C;}
#topics a:hover { color:#331a00;text-decoration:underline; }









/*############################################*/
/*menu*/
/*############################################*/



/*table*/
.tableBox{
	text-align:left;
	margin:0 0 30px 0;
}

.tableBox th{
	padding:5px 5px 5px 10px;
	text-align:center;
	line-height:1.5;
	vertical-align:middle;
	border-top:dotted #CCC 1px;
	background-color:#f4eee6;
	font-weight:normal;
}

.tableBox td{
	padding:5px 5px 5px 10px;
	line-height:1.5;
	vertical-align:middle;
	border-top:dotted #CCC 1px;
}

.tableBox .bottomLine{
	border-bottom:dotted #CCC 1px;
}




table.list{
	border-bottom:solid 1px #CCC;
	width:auto;
}

table.list th,table.list td{
	padding:5px 10px;
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
}

table.list th{
	font-weight:bold;
	background-color:#f4eee6;
	text-align:left;
}

table.list td input,textarea{
	border:solid 1px #c9dfe0;
}

table.list .leftborder{
	border-left:solid 1px #CCC;
}






.tableBoxPrice td{
	padding:5px 5px 5px 10px;
	line-height:1.5;
	vertical-align:middle;
	border:dotted #CCC 1px;
	font-weight:normal;
}




.category{
	margin:20px 0 20px 10px;
}

.category p{
	margin:0 0 10px 0;
}

.category h4{
	margin:10px 0 0 0;
	color:#063;
	font-weight:bold;
	font-size:110%;
}


/*############################################*/
/*contents*/
/*############################################*/

.infoBox {
	width:auto;
	background-color:#FFF;
	margin:0;
	display:block;
	}


.infoBox dt {
	font-weight:bold;
	margin:15px 0 5px 0;
	}



.infoBox h6{
	margin:5px 0 0 0;
	color:#CC3300;
	}

.infoBox .line {
	background:url(../images/common/dot.gif) repeat-x bottom;
	padding:0 0 3px 10px;
	margin:20px 0 10px 0;
	border-left:solid 3px #F63;
	}



.infoBox .box {
	background-color:#fff1d2;
	padding:12px;
	margin:20px 0 10px 0;
	border:solid 1px #FC9;
	}




.infoBoxRight {
	margin:30px 0 0 0;
	width:445px;
	float:right;
	}


.infoBoxLeft {
	margin:30px 0 0 0;
	width:110px;
	float:left;
	}
	
/*############################################*/
/*QA*/
/*############################################*/

.QABox {
	width:auto;
	background-color:#FFF;
	margin:0;
	display:block;
	}

.QABox dl dt {
	font-weight:bold;
	margin:25px 0 10px 0;
	padding:0 0 0 30px;
	font-size:110%;
	background:url(../question/images/q.gif) no-repeat left top;
	}

.QABox dl dd {
	padding:0 0 0 30px;
	background:url(../question/images/a.gif) no-repeat left top;
	}

	
/*############################################*/
/*Sitemap*/
/*############################################*/

.SitemapBox {
	width:auto;
	background-color:#FFF;
	margin:0;
	display:block;
	}

.SitemapBox dl dt {
	font-weight:bold;
	height:21px;
	margin:25px 0 5px 20px;
	padding:0 0 0 30px;
	font-size:110%;
	background:url(../sitemap/images/1.gif) no-repeat left top;
	}

.SitemapBox dl dd {
	padding:0 0 0 20px;
	margin:1px 0 1px 30px;
	background:url(../sitemap/images/2.gif) no-repeat left top;
	}


/*############################################*/
/*access*/
/*############################################*/

.map{
	width:560px;
	height:300px;
	margin:10px auto;
	border:solid 1px #cbc8b0;
}


/*############################################*/
/*contact*/
/*############################################*/
fieldset{
	border:0;
}
legend {
	padding:0.3em;
	visibility:hidden;
	display:none;
	color: #000;
}
label{
	margin:0 3px;
}
del,ins {
	text-decoration:none;
}
q:before,
q:after {
	content: '';
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup,sub {
	vertical-align:baseline;
}

table.contact th span{
	color:#F33;
	font-size:85%;
	font-weight:normal;
	padding:0 0 0 5px;
}

.formbutton {
	padding:10px 0 0 0;
}













/*############################################*/
/*予約*/
/*############################################*/


table.retention_open {
  width: 940px;
  height: auto;
  border-collapse: collapse;
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
}

table.retention_open th {
  width: auto;
  margin: 0px 0px 0px 0px;
  padding: 5px 2px 5px 4px;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
  background: url(../retention_open/image/th_bg.gif) repeat-x bottom right;
}

table.retention_open td {
  width: auto;
  margin: 0px 0px 0px 0px;
  padding: 5px 3px 5px 3px;
  background: url(../retention_open/image/th_bg_02.gif) repeat-x bottom right;
  
}

table.retention_open td.back {
  background: url(../retention_open/image/th_bg.gif) repeat-x bottom right;
}

table.retention_open td.back_02 {
  background: url(../retention_open/image/th_bg_03.gif) repeat-x bottom right;
}

table.box {
  width: auto;
  height: auto;
  border: 3px solid #f1f0e9;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}

table.box td {
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}

.copyright_kon a {
  color: #cccccc;
  text-decoration: none;
}

.copyright_kon a:link {
  color: #cccccc;
  text-decoration: none;
}

.copyright_kon a:visited {
  color: #cccccc;
  text-decoration: none;
}

.copyright_kon a:hover,a:active {
  color: #cccccc;
  text-decoration: none;
}