@charset "utf-8";

/* ===========================================================

	Title: style.css
	Created: 2009-6-20
	Created: 2009-6-22
	
=========================================================== */
/*

	typography
	link
	table
	stripe
	list
	align
	photo/img
	clear
	hr
	float
	margin
	box style
	menu style
	border
	spa
	custemorMes
	
=========================================================== */
/*

	typography
	
=========================================================== */

h2 {
	font-size: 1px;
	line-height: 1;
	margin: 0 0 10px;
}

h2 img {
	vertical-align: bottom;
}

div.title {
	background: url(/common/image/title_bg.gif) no-repeat;
	width: 685px;
	height: 79px;
	margin: 0 0 10px;
	display: block;
}

div.title h2 {
	margin: 0;
	padding: 30px 20px;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
	color: #953146;
}

h3 {
	clear: both;
	color: #942f45;
	border-left: solid 3px #942f45;
	border-bottom: double 3px #942f45;
	margin: 0 0 10px;
	padding: 3px 10px;
	font-weight: bold;
	line-height: 1.4;
	font-size: 108%;
}

h4 {
	color: #996600;
	margin: 0 10px 10px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
}

h5 {
	color: #0055f0;
	margin: 0 10px 10px;
	font-size: 100%;
	line-height: 1.4;
}

h6 {
	color: #a30035;
	margin: 0;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.8;
}


p,
ul,
ol,
dl {
	margin: 0 10px 10px;
	font-size: 100%;
	line-height: 1.5;
}

ul li,
ol li {
	margin: 0 0 10px;
}

table {
	font-size: 93%;
	line-height: 1.6;
}

p.read {
	margin: 0 35px 15px;
	font-size: 108%;
	font-weight: bold;
}

p.cap {
	margin: -5px 0 10px;
}

.catch {
	color: #CC9900;
}

.txtS {
	font-size: 93%;
}

.txtL {
	font-size: 100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.text27 { font-size:100%; }
.text28 { font-size:100%; 
margin: 0 0 0 10px;
}

/* ===========================================================

	link
	
=========================================================== */

a:link,
a:visited {
	text-decoration: underline;
	color: #0000ee;
}

a:hover {
	text-decoration: none;
	color: #0000ee;
}

a.link {
	background: url(../image/arrow_a.gif) 0 50% no-repeat;
	padding: 0 0 0 10px;
}

a.link:link,
a.link:visited,
a.linkA:link,
a.linkA:visited {
	text-decoration: underline;
	color: #009c9a;
}

a.link:hover,
a.linkA:hover {
	text-decoration: none;
	color: #666666;
}

/* ===========================================================

	table
	
=========================================================== */

table {
	clear: both;
	width: 665px;
	margin: 0 0 10px 10PX;
	padding: 0;
	font-size: 100%;
	border: solid 1px #cccccc;
}

th {
	padding: 5px 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	background: #fff7f7;
	border: solid 1px #cccccc;
	white-space: pre;
}

td {
	padding: 5px 10px;
	border: solid 1px #cccccc;
	vertical-align: top;
}

table em {
	color: #FF0000;
}

table meal{
	clear: both;
	width: 685px;
	font-size: 100%;
}
/* indentTable
----------------------------------------------------------- */

table.indentTable {
	clear: both;
	width: 665px;
	margin: 0 10px 10px;
	padding: 0;
	font-size: 100%;
	border: none;
}

table.indentTable th {
	padding: 0;
	width: 1%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background: none;
	border: none;
	white-space: pre;
}

table.indentTable td {
	padding: 0;
	border: none;
	vertical-align: top;
}

/* table style
----------------------------------------------------------- */

table th.cell1,
table td.cell1 {
	white-space: pre;
	vertical-align: middle;
	text-align: center;
}

table th.cell2,
table td.cell2 {
	background: #fff2fc;
}

table th.cell3,
table td.cell3 {
	width: 70%;
}

/* ===========================================================

	stripe
	
=========================================================== */

div.stripe table tr.odd th,
div.stripe table tr.odd td,
div.stripe ul li.odd {
	background: #f4f2ea;
}

div.stripe table tr.even th,
div.stripe table tr.even td,
div.stripe ul li.even {
}

/* ===========================================================

	list
	
=========================================================== */

/* dlList01
----------------------------------------------------------- */

dl.dlList01 {
	clear: both;
}

dl.dlList01 dt {
	font-weight: bold;
	color: #c5a45e;
}

dl.dlList01 dd {
	background: url(../image/line_dot_x.gif) bottom repeat-x;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

/* .ul2line
----------------------------------------------------------- */

ul.ul2line {
	margin: 0 0 10px 10px;
}

ul.ul2line li {
	float: left;
	width: 320px;
	margin: 0 10px 5px 0;
}

/* .ul1emindent
----------------------------------------------------------- */

ul.ul1emindent {
	padding: 0 0 0 1.0em;
}

ul.ul1emindent li {
	text-indent: -1.0em;
}

/* .ulw170List
----------------------------------------------------------- */

ul.ulw170List {
	margin: 0 0 10px;
}

ul.ulw170List li {
	float: left;
	width: 170px;
	margin: 0 10px 10px 0;
}

ul.ulw170List li img {
}

/* .ul3line
----------------------------------------------------------- */

ul.ulw210List {
	clear: both;
	margin: 0 0 10px;
}

ul.ulw210List li {
	float: left;
	width: 210px;
	margin: 0 15px 5px 0;
}

/* ===========================================================

	align
	
=========================================================== */

.aC,
.aC td,
.aC th {
	text-align: center;
}
.aC02,
.aC02 td,
.aC02 th {
	text-align: center;
	margin: 20px 0 0 0;
}

.aR {
	text-align: right;
}

/* ===========================================================

	photo/img
	
=========================================================== */

.img {
	text-align: center;
	margin: 0 0 10px;
}

.imgR {
	float: right;
	margin: 0 0 20px 20px;
}

.imgRb {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 20px 20px 0;}

.photoR {
	float: right;
	margin: 0 0 20px 20px;
}

.photoL {
	float: left;
	margin: 0 20px 20px 0;
}

ul.photo {
	margin: 0 0 15px 35px;
	line-height: 1;
}

ul.photo li {
	float: left;
	margin: 0 10px 10px 0;
}

.photoR img,
.photoL img,
ul.photo li img {
	border: solid 5px #eeeeee;
}

.img img,
.imgL img,
.imgR img,
.imgRb img,
.photo img,
.photo li img,
.photoR img,
.photoL img {
	vertical-align: bottom;
}

/* ===========================================================

	clear
	
=========================================================== */

.clear {clear: both;}

/* clearfix
----------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix { zoom:1; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix  {display:block;}
/* end MacIE5 */

/* ===========================================================

	hr
	
=========================================================== */

div.hr {
	clear: both;
	background: url(/common/image/line_dot_x.gif) top repeat-x;
	height: 27px;
}

div.hr hr {
	clear: both;
	display: none;
}

/* ===========================================================

	float
	
=========================================================== */

.fR {
	float: right;
}

.fL {
	float: left;
}

/* ===========================================================

	margin
	
=========================================================== */

.maL10 {
	margin: 0 0 0 10px;
}
.maR10 {
	margin: 0 10px 0 0;
}
.maB10 {
	margin: 0 0 10px;
}

/* ===========================================================

	box style
	
=========================================================== */

.nest10 {margin: 0 10px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w320 {width:320px;}
.w325 {width:325px;}
.w330 {width:330px;}
.w360 {width:360px;}
.w400 {width:400px;}
.w420 {width:420px;}
.w500 {width:500px;}

.h90 {height: 90px; display: block;}
.h200 {height: 200px; display: block;}
.h250 {height: 250px; display: block;}

.box3 .box {
	float: left;
	width: 215px;
	margin: 0 0 0 5px;
}

.box3 .box table {
	width: 218px;
	margin: 0 0 15px;
}

.box3 .box h5 {
	margin: 0 0 5px;
}

/* ===========================================================

	menu style
	
=========================================================== */

.menu {
	margin-right: 1px;
}

.menu dl {
	margin: 0px;
}

.menu dl dt img {
	vertical-align: bottom;
}

.menu dl dd {
	border-right: solid 1px #942f45;
	border-bottom: solid 1px #942f45;
	border-left: solid 1px #942f45;
	padding: 5px;
	width: 206px;
}

.menu p {
	margin: 0;
}

.menu ul {
	margin: 0;
}

.menu ul li {
	float: left;
	margin: 0 5px 10px 0;
}

.menu ul li img {
	vertical-align: bottom;
}
/* #menu2
----------------------------------------------------------- */

#menu2 .menu {
	float: left;
	width: 335px;
	margin: 0 7px 15px 0;
}

#menu3 .menu ul {
	margin-right: 3px;
}

#menu3 .menu ul li {
	float: none;
	margin: 0;
}

/* #menu3
----------------------------------------------------------- */

#menu3 .menu {
	float: left;
	width: 210px;
	margin: 0 5px 10px 3px;
}

/* #menu4
----------------------------------------------------------- */

#menu4 .menu {
	float: left;
	width: 335px;
	margin: 0 3px 15px 0;
}

#menu4 .menu ul {
	margin: 0;
}

#menu4 .menu ul li {
	float: none;
	margin: 0;
}






/* .menuC
----------------------------------------------------------- */

.menuC {
	padding: 10px 0 0;
}

.menuC ul {
	clear: both;
	text-align: center;
}

.menuC ul li {
	display: inline;
}

.menuC ul li img {
	margin: 0 5px;
	vertical-align: bottom;
}

/* ===========================================================

	border
	
=========================================================== */


.borederA {
	border: solid 1px #942f45;
	margin: 0 0 10px;
	padding: 10px 0 0;
	background: #F2F2F2;
}

.borederB {
	border: solid 1px #2760b0;
	margin: 0 0 10px;
	padding: 10px;
	background: #d5e3ec;
}

.borederB img{
	padding: 10px;
}
.borederB02 {
	border: solid 1px #ff6600;
	margin: 5px 0 50px;
	padding: 5px;
	background: #fff5e2;
}

.borederB02 img{
	padding: 0 0 10px 0;
}
.borederB03 {
	border: solid 1px #2760b0;
	margin: 5px 0 10px ;
	padding: 3px;
	background: #d5e3ec;
}

.borederB03 img{
	padding: 0 0 10px 0;
}
.borederB03 p{
	font-size:100%;
}

.borederC {
	background: url(/common/image/line_dot_x.gif) top repeat-x;
	padding: 17px 0 0 0;
}


/* ===========================================================

	spa
	
=========================================================== */


.spaCommentA {
	clear: both;
	background: url(/facility/image/spa/bg_spa_1.gif) 0 30px no-repeat;
	margin: 0 0 0 10px;
	padding: 50px 0 0;
}

.spaCommentB {
	clear: both;
	background: url(/facility/image/spa/bg_spa_2.gif) 0 30px no-repeat;
	margin: 0 0 0 10px;
	padding: 50px 0 0;
}

.spaCommentA p,
.spaCommentB p {
	margin: 0 0 0 10px;
	margin: 0 50px 20px;
}
/* ===========================================================

	custemorMes
	
=========================================================== */

.custemorMes {
	clear: both;
	float: left;
	margin: 0 auto;
}

.custemorMes dt {
	clear: both;
	margin: 0 0 20px;
}

.custemorMes dt img {
	float: left;
	vertical-align: bottom;
	padding-bottom: 20px;
	padding-right: 10px;
	border-bottom: #574398 1px solid;
}

.custemorMes dd {
	height: 100px;
	margin: 0 0 20px;
	padding: 10px;
	border-bottom: #574398 1px solid;
}

.custemorMes ul {
	clear: both;
	text-align: center;
}

.custemorMes ul li {
	display: inline;
}

.custemorMes ul li img {
	margin: 0 5px;
	vertical-align: bottom;
	
}


.custemorMes #waku{
	width: 620px;
	height: 120px;
	border-left: #574398 3px solid;
	border-right: #574398 1px solid;
	border-top: #574398 1px solid;
	border-bottom: #574398 1px solid;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-style: normal;
	line-height: 2.5;
}

.custemorMes #waku #ph{
	width: 150px;
	float: left;
	padding: 10px;
}



/* ===========================================================

	bridal
	
=========================================================== */


.bridalBgA {
	background: url(/bridal/image/bg_bridal.gif) no-repeat;
	width: 685px;
	height: 107px;
	padding: 10px 0 0;
}

.bridalBgA dl {
	margin: 0 25px 10px;
}

.bridalBgA em {
	font-weight: bold;
	color: #942f45;
}