@charset "UTF-8";

/* /////////////////////////////////////////////////////////////////////////// topImage */

div#categoryTop p#topImage{ background-image:url(img/bg_index.jpg); height:405px; }

div.concept p#topImage{ background-image:url(img/bg_concept.jpg); }
div.menu p#topImage{ background-image:url(img/bg_menu.jpg); }
div.cosmetic p#topImage{ background-image:url(img/bg_cosmetic.jpg); }
div.facilities p#topImage{ background-image:url(img/bg_facilities.jpg); }
div.terms p#topImage{ background-image:url(img/bg_terms.jpg); }
div.esthetic p#topImage{ background-image:url(img/bg_wedding.jpg); }
div.event p#topImage{ background-image:url(/misc/bg_event.jpg); }

/* /////////////////////////////////////////////////////////////////////////// common */

div#dataBlock{
	position:relative;
	width:655px;	/* 695px */
	margin-top:90px;
	background-color:#eeede4;
	border-top:1px #e5e1cd solid;
	border-bottom:1px #e5e1cd solid;
	padding:0 20px 30px;
}

div#dataBlock div.rightArea{
	float:right;
	width:435px;
}

div#dataBlock dl{
	margin-top:0;
	min-height:110px;
	height:auto !important;
	height:110px;
}

div#dataBlock h2{
	position:absolute;
	top:-41px;
	left:0;
}

div#dataBlock div.fBox{
	padding-top:30px;
}

div#dataBlock div.buttonArea{
	margin-top:30px;
}

/* /////////////////////////////////////////////////////////////////////////// index.php */

/* /////////////////////////////////////////////////////////////////////////// concept.php */

/* /////////////////////////////////////////////////////////////////////////// menu.php */

div.menu div.menuBlock{
	background:url(/common/css/img/bg_line01.gif) repeat-x left bottom;
	padding-bottom:20px;
	margin-bottom:30px;
}

div.menu div.menuBlock.last{
	background:none;
	padding-bottom:0;
}

div.menu div.menuBlock ul.menuArea{
	float:right;
	width:440px;
}

div.menu div.menuBlock ul.menuArea li{
	width:200px;
	margin-right:40px;
	margin-bottom:15px;
}

div.menu div.menuBlock ul.menuArea li span.text{
	display:block;
	margin-top:5px;
}

/* /////////////////////////////////////////////////////////////////////////// menuUnder */

div.menuUnder div.menuList{
	margin-top:30px;
	background:url(/common/css/img/bg_line02.gif) repeat-x left bottom;
	padding-bottom:30px;
}

div.menuUnder div.menuList.last{
	margin-top:30px;
	background:none;
	padding-bottom:0;
}

div.menuUnder div.menuList h3{
	margin-bottom:30px;
}

div.menuUnder div.menuList div.leftArea{
	float:left;
	width:440px;
}

div.menuUnder div.menuList div.leftArea dl.dlSquare{
	margin-top:30px;
}

div.menuUnder div.menuList div.leftArea dl.dlSquare dd{
	padding-left:200px;
}

/* /////////////////////////////////////////////////////////////////////////// cosmetic.php */

div.cosmetic ul.menuArea li{
	margin-right:40px;
	margin-bottom:15px;
}

div.cosmetic ul.menuArea li span.text{
	display:block;
	margin-top:5px;
}

/* /////////////////////////////////////////////////////////////////////////// cosmeticUnder */

div.cosmeticUnder div#leadArea{
	background:url(/common/css/img/bg_line01.gif) repeat-x left bottom;
	padding-bottom:30px;
}

/* /////////////////////////////////////////////////////////////////////////// facilities.php */

div.facilities div.facilityList{
	margin-top:30px;
	background:url(/common/css/img/bg_line02.gif) repeat-x left bottom;
	padding-bottom:30px;
}

div.facilities ul#photoArea li{
	margin-right:40px;
	margin-bottom:30px;
}

/* /////////////////////////////////////////////////////////////////////////// terms.php */

div.terms div.specialArea{
	background:url(/common/css/img/bg_line02.gif) repeat-x left bottom;
	padding-bottom:40px;
}

div.terms div.specialList{
	margin-top:20px;
	padding:25px 20px 30px;
	background-color:#eeede4;
	border-top:1px #e5e1cd solid;
	border-bottom:1px #e5e1cd solid;
}

div.terms div.specialList div.imgArea{
	float:left;
	width:180px;
	position:relative;
}

div.terms div.specialList div.rightArea{
	float:right;
	width:420px;
}

div.terms div.specialList div.rightArea ul{
	margin-top:20px;
}

div.terms div.specialList div.rightArea ul li{
	margin-bottom:5px;
}

div.terms div.termList{
	margin-top:30px;
	background:url(/common/css/img/bg_line02.gif) repeat-x left bottom;
	padding-bottom:30px;
}

div.terms div.termList dl.dlSquare dd{
	padding-left:200px;
}

div.terms div.termList .lineStyle01{
	background:url(/common/css/img/bg_line01.gif) repeat-x left bottom;
	padding-bottom:15px;
}

/* /////////////////////////////////////////////////////////////////////////// reserve */

div.reserve dl dt{
	font-size:107%;
	font-weight:bold;
	margin-bottom:10px;
}

div.reserve dl dd.flow{
	background:url(img/flow_arrow.gif) no-repeat 30px bottom;
	padding-bottom:50px;
	margin-bottom:30px;
}

div.reserve dl dd ul li{
	font-size:100%;
	margin-bottom:5px;
}
div.reserve dl dd p{
	font-size:100%;
}

/* /////////////////////////////////////////////////////////////////////////// wedding.php */

div.esthetic div.planBlock,
div.esthetic div.contactBlock{
	position:relative;
	width:600px;	/* 680px */
	margin-top:95px;
	background-color:#eeede4;
	border-top:1px #e5e1cd solid;
	border-bottom:1px #e5e1cd solid;
	padding:0 40px 50px;
}

div.esthetic div.contactBlock{
	padding:40px;
}

div.esthetic div.planBlock h2,
div.esthetic div.contactBlock h2{
	position:absolute;
	top:-41px;
	left:0;
}

div.esthetic div.planBlock p.copy{
	margin-top:30px;
	padding-bottom:25px;
	line-height:2;
	background:url(/common/css/img/bg_line01.gif) repeat-x left bottom;
}

div.esthetic div.planBlock div.planList{
	margin-top:50px;
}

div.esthetic div.planBlock div.planList div.leftArea{
	float:left;
	width:400px;
}

div.esthetic div.planBlock div.planList div.leftArea dl.dlSquare{
	margin-top:20px;
}

div.esthetic div.planBlock div.planList div.leftArea dl.dlSquare dd{
	padding-left:350px;
}

div.esthetic div.contactBlock  div.rightArea{
	float:right;
	width:400px;
}

