@charset "UTF-8";
@import "browserreset.css";
@import "font.css";
@import "layout.css";
/* CSS Document */

body {background:url(../img/bg_test.jpg) repeat;}

li {list-style:none; margin-bottom:10px;}

hr {color:#333333; margin:10px 0px; padding-right:10px;}
* html hr {margin:0;}


#wrapper {
	background:url(../img/woodside1.jpg) repeat;
	width:830px;
	margin:0px auto;
	}
	
#wrapper_white {
	background-color:white;
	width:800px;
	margin:0px auto;
	}

/*head------------------------------------------------------*/
#headhead {
	width:800px; height:22px;
	background:url(../img/woodfoot.jpg) no-repeat;
	padding-:2px 0px;
	vertical-align:bottom;
	}
#headhead p {color:white; font-size:11px;}

#header {
	width:800px; height:100px;
	background:url(../img/header.gif) no-repeat;
	}

#e_mail {
	width:190px; height:40px;
	float:right;
	margin-top:5px;
	}

/*navi------------------------------------------------------*/
#navi {
	width:600px; height:25px;
	position:relative; left:170px; top:55px;
	}
#navi li {display:inline;}
#navi li a {
	display:block;
	width:150px; height:25px;
	float:left;
	text-indent:-9877em;
	overflow:hidden;
	}

#navi li.toppage a {background:url(../img/navi2.gif) no-repeat 0px 0px;}
#navi li.toppage a:hover {background:url(../img/navi2.gif) 0px -25px;}
#navi li.toppage_on a {background:url(../img/navi2.gif) 0px -50px;}

#navi li.concept a {background:url(../img/navi2.gif) no-repeat -150px 0px;}
#navi li.concept a:hover {background:url(../img/navi2.gif) -150px -25px;}
#navi li.concept_on a {background:url(../img/navi2.gif) -150px -50px;}

#navi li.menu a {background:url(../img/navi2.gif) no-repeat -300px 0px;}
#navi li.menu a:hover {background:url(../img/navi2.gif) -300px -25px;}
#navi li.menu_on a {background:url(../img/navi2.gif) -300px -50px;}

#navi li.about a {background:url(../img/navi2.gif) no-repeat -450px 0px;}
#navi li.about a:hover {background:url(../img/navi2.gif) -450px -25px;}
#navi li.about_on a {background:url(../img/navi2.gif) -450px -50px;}

/*contents------------------------------------------------------*/
#container {padding:0px 15px 5px;overflow:hidden;}
*html #contaienr {padding:0px;}
*:first-child+html #contaienr {padding:0px;}

#right {
	width:170px;
	float:right;
	}

#right li.blog1 a, #right li.blog2 a, #right li.staff a, #right li.spa a, #right li.aglaia a {
	width:170px; height:50px;
	display:block;
	text-indent:-9877em;
	margin-bottom:5px;
	overflow:hidden;
	}
#right li.blog1 a {
	background:url(../img/blog1.jpg) no-repeat;
	}
#right li.blog2 a {
	background:url(../img/blog2.jpg) no-repeat;
	}
#right li.staff a {
	width:170px; height:225px;
	background:url(../img/staffwanted.jpg) no-repeat;
	}
#right li.spa a {
	width:170px; height:123px;
	background:url(../img/spabanner.jpg) no-repeat;
	}
#right li.aglaia a {
	width:170px; height:120px;
	background: url(../img/aglaia/aglabanner.jpg) no-repeat;
	}
	
#right li.blog1 a:hover, #right li.blog2 a:hover, #right li.staff a:hover, #right li.spa a:hover, #right li.aglaia a:hover {
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
	}
	
#right li.infos {
	width:170px;
	background:url(../img/infos.gif) no-repeat top;
	margin-bottom:10px;
	border-bottom:1px #663300 solid;
	border-top:1px #663300 solid;
	}
#right li.infos p {padding-top:75px; line-height:1.6;}
/*safari3*/
body:first-of-type #right li.infos p {line-height:1.7;}
/* safari2 \*/
html:\66irst-child #right li.infos p {line-height:1.7;}

#left {
	width:579px;
	float:left;
	}

#centre {/*for only Toppage*/
	width:360px;
	margin-left:215px;
	}
*html #centre {
	width:350px;
	margin-left:210px;
	}
*:first-child+html #centre {
	width:350px;
	margin-left:210px;
	}

#contents {
	width:579px;
	border-right:1px solid #330000;
	}
#contentspadding {padding-right:10px;}

/*footer------------------------------------------------------*/
#footer {
	width:800px; height:26px;
	background:url(../img/woodfoot.jpg) no-repeat;
	padding-top:4px;
	vertical-align:bottom;
	}
#footer p, #footer p a {color:white; font-size:11px;}

#footer p.inquiry a {
	background:url(../img/inquiry.gif) no-repeat;
	width:240px; height:20px;
	text-indent:-9877em;
	float:right;
	}
#footer p.inquiry a:hover {
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}