@charset "utf-8";
/* CSS Document */

/* body */
body {
	background-image:url(../image/body-haikei.gif);
}
/* font */
body {
	font: 13px Verdana, Arial, sans-serif;
	*font-size: small;
	*font: x-small;
	color: #333;
}
#wrap a:link {
	color: #333333;
}
#wrap a:visited {
	color: #666666;
}
#wrap a:hover {
	color: #CBBE2A;
}
#footer a:link {
	color: #FFFFFF;
}
#footer a:visited {
	color: #FFFF99;
}
#footer a:hover {
	color: #FF6600;
}

body *,
body p {
	line-height: 1.5;
}

select, input, textarea, button {
	font: 99% Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, th, td, strong, em {
	font-size: 100%;
	font-weight: normal;
}

table {
	font-size: inherit;
	font: 100%;
}
/* ここまでfont */

#wrap {
	position: relative;
	background-image: url(../image/haikei.gif);
	background-repeat: repeat-y;
	width: 940px;
	padding: 0 20px;
	margin: 0 auto;
}
hr {
color: #E7E7E7;background-color:#E8E8E8;border:none;width:100%;height:1px;
clear: both;
}

/* header */
#header {
	width: 940px;
	height: 507px;
	background-image:url(../image/header/head-haikei.jpg);
	background-repeat: repeat-x;
}
h1 {
	position: absolute;
	top: 22px;
	left: 28px;
	width: 222px;
	height: 72px;
}
#g-nav {
	position: absolute;
	top: 120px;
	width: 940px;
}

#g-nav li {
	float: left;
	display: inline;
}

#s-nav {
	position: absolute;
	top: 14px;
	left: 585px;
}
#s-nav li {
	float: left;
}
#h-com{
    position: absolute;
	top: 32px;
	left: 630px;
}
#tel {
	position: absolute;
	top: 55px;
	left: 750px;
	width: 192px;
	height: 44px;
}
#m-photo {
	position: absolute;
	top: 167px;
}
/* container */
#container:after {
	width: 940px;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container {
	display: inline-table;
}
*html #container{height: 1%;}
*+html #container {height: 1%;}
#container{display: block;}

#container {
	margin-top: 8px;
}
/**/

/* main */
#main {
	width: 657px;
	float: left;
	background-color:#FFFFFF;
	padding: 0 23px 0 0;
}

#main p.photo{
	width:240px;
	padding: 5px;
	border: solid 1px #cccccc;
}
div.left-c {
	width: 264px;
	position: relative;
	float: left;
}
div.right-c {
	width:374px;
	margin-left:270px;
}

#facial {
	padding:10px 0 5px 0;
}
#bari,#ston,#foot,#head {
	padding: 10px 0 5px 0;
}
#main div.left-c {
	padding-bottom: 15px;
}
#main h3 {
	margin-bottom: 15px;
}
#therapy h2{
	margin-top: 7px;
}

/* side */
#side {
	width: 260px;
	float: left;
	margin: 10px 0;
}

#campaign,#map,#goods,#menu,#herb {
	background-image: url(../image/side/haikei.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#campaign ul,#map p,#goods ul,#herb ul,#menu p {
	padding: 10px 10px;
	background: url(../image/side/haikei-bottom.gif) no-repeat left bottom;
}
#goods ul {
	padding: 10px 5px;
}
#menu-table {
	padding:10px 10px 0 10px;
}

#menu-table table tr td{
	background: url(../image/side/icon.gif) no-repeat 0 8px;
	padding-left:14px;
}
#herb ul li{
	background: url(../image/side/icon.gif) no-repeat 0 14px;
	padding-left:14px;
}
#campaign li,#herb li {
	border-bottom: 1px #ccc dotted;
	padding: 5px 0;
}

#campaign li {
	font-size:85%;
}

#campaign strong {
	font-size:14px;
	color:#CC0033;
}
#campaign a:link {
	text-decoration: none;
}
#campaign a:visited {
	text-decoration: none;
}
#campaign a:hover {
	text-decoration: underline;
}
#campaign a:active {
	text-decoration: none;
}


/* footer */

#footer {
	clear:both;
	position:relative;
	left: -18px;
	background-color: #36322F;
	width:916px;
	height:200px;
	color:#FFFFFF;
	padding: 30px;
}
#f-info {
	float:left;
	width:250px;
	height:200px;
}
#footer h3 {
	font-size:16px;
	color:#CCCC00;
}
#f-info span {
	font-size:16px;
	color:#CCCC00;
}
#f-nav1,#f-nav2 {
	float: right;
	width: 200px;
	height: 150px;
}
#f-nav1 {
	margin-right:40px;
}
#f-nav1 li {
	background: url(../image/footer/icon-foot.gif) no-repeat 0 10px;
	padding-left:10px;
}
#f-nav2 li{
	background: url(../image/footer/icon-foot.gif) no-repeat 0 10px;
	padding-left:10px;
}