@charset "utf-8";
/*
  Green: #66aa66
  dark:  #204121
  olive: #6a816e
  light: #c1d1b7
  mid:   #6a7f5b
*/
html{
	padding:0;margin:0; width:100%; height:100%;
	background-color:#cedac6;
	overflow:hidden; overflow-y:scroll;
	display:block;}	
body{
	width:902px; overflow:hidden;
	margin:auto; padding-bottom:1em;
	font-family:MS PGothic, Arial, sans-serif;
	font-size:9pt;}
h1{
	font-family:MS Mincho, serif;
	font-size:15pt;
	color:#6a816e;
	text-shadow:#c2cec2 3px 3px 3px;
	filter:Shadow(Color=#c2cec2, Direction=135, Strength=5);
	margin:5px -2px; padding:0;}
h2{
	font-family:MS Mincho, serif;
	font-size:13pt;
	color:#6a816e;
	text-shadow:#c2cec2 3px 3px 3px;
	filter:Shadow(Color=#c2cec2, Direction=135, Strength=5);
	margin:5px -2px; padding:0;}
h3{
	font-family:MS Mincho, serif;
	font-size:10pt;
	color:#6a816e;
	text-shadow:#c2cec2 3px 3px 3px;
	filter:Shadow(Color=#c2cec2, Direction=135, Strength=5);
	margin:5px -2px; padding:0;}
h1 a, h1 a:link, h1 a:hover, h1 a:visited,
h2 a, h2 a:link, h2 a:hover, h2 a:visited,
h3 a, h3 a:link, h3 a:hover, h3 a:visited,
li a, li a:link, li a:hover, li a:visited{color:#6a816e;}
p{	font-size:9pt; line-height:150%;}

input, textarea{border:1px solid #66aa66;}

sub{display:block; font-size:9pt;}

dl{width:89%; margin:0 auto; margin-bottom:2em;}
dt{
	margin:0; padding:0 2px;
	height:50px;
	background-color:#ddffdd;
	border:1px solid #66aa66;
	cursor:pointer;}
dt img{float:left;}
dt p{
	margin:10px 0 0 0; padding:0;
	color:#66aa66;
	font-family:MS Mincho, serif;
	font-size:18pt; font-weight:bold;
	text-shadow:#c2c2c2 3px 3px 3px;
	filter:Shadow(Color=#c2cec2, Direction=135, Strength=5);}
dd{border:1px solid #66aa66; margin:0; padding:1em;}
hr{color:#ffffff; border:0 none; margin:1em 0; display:block; clear:both;}
/* ------------------------------------------------------- */
.title{
	background:url('/images/template/bullet.png') center top no-repeat;
	min-height:40px; padding-top:25px;
	color:#6a816e; text-align:center;
	filter:Shadow(Color=#ffffff, Direction=0, Strength=0);/* IE applies shadow to background image */}
.bullet{
	background:url('/images/template/bullet.png') -30px 0 no-repeat;
	min-height:25px; line-height:25px;
	padding-left:40px; margin:0;
	color:#6a816e;
	vertical-align:baseline;
	filter:Shadow(Color=#ffffff, Direction=0, Strength=0);/* IE applies shadow to background image */}

.thumbnails{margin:0 0 0 10px;}
.thumbnails img{border:1px solid #000000; display:inline; margin:0 15px;}

.photo{border:1px solid #000000; margin:0 5px;}

.quote{
	color:#6a816e;
	margin:0 1.7em 1em 1.7em;
	text-align:center;}
.quote sub{font-size:10pt;}
/* ------------------------------------------------------- */
#footer{
	font-size:8pt; text-align:center;
	border:0 none; padding:4px;}
/* ------------------------------------------------------- */
#logo{height:80px;}
#logo img{margin-top:3px;}
#logo h1, #logo h1 sub{
	font-family:MS PGothic, Arial, sans-serif;
	margin:0; padding:0;
	color:#204121;
	float:right; clear:none;
	text-shadow:none; filter:none;}
#logo h1{font-size:14pt;} #logo h1 sub{font-size:10pt;}
/* ------------------------------------------------------- */
#menu{
	width:888px; height:40px;
	margin:10px 0; padding-left:1em;
	background:url('/images/template/header.jpg') top left no-repeat #c1d1b7;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	clear:both;}
#menu li{
	margin:0.3em 0.1em; padding:0.6em 0;
	border-right:1px solid #336633;
	text-align:center; float:left;}
#menu li ul{display:none;}
#menu li a, #menu li a:link,
#menu li a:visited, #menu li a:active, #menu li a:hover
	{color:#204121;
	font-family:MS Mincho, serif;
	font-size:1.5em; font-weight:bold;
	margin:0 0.7em; text-decoration:none;
	text-shadow:#204121 1px 1px 1px;
	filter:Shadow(Color=#204121, Direction=135, Strength=5);}
#menu li.selected a, #menu li.selected a:link,
#menu li.selected a:visited, #menu li.selected a:active,
#menu li.selected a:hover{color:#6a816e;}
/* ------------------------------------------------------- */
#banner{width:900px; height:250px; border:1px solid #66aa66;}
/* ------------------------------------------------------- */
#content{
	border:1px solid #66aa66; border-top:0 none;
	min-height:100%; overflow:hidden;
	padding:0 10px 2em 10px;
	background:url('/images/background.jpg') top left no-repeat #ffffff;}
/* ------------------------------------------------------- */
#pagetitle{
	margin:1em 0;
	color:#204121;
	font-weight:bold;}

/* ------------------------------------------------------- */
#ホームページ #opening{text-align:right; width:70%;}
/* ------------------------------------------------------- */		

#ホームページ #leftCol {width:50%; margin-left:1%; padding-top:2em;}
#ホームページ #rightCol{width:40%; margin-left:5%;}
#ホームページ #news{
	margin:1em auto 20px auto;
	padding:20px 25px;
	width:310px; height:175px;
	background:url('/images/template/infoback.jpg') center center no-repeat;
	overflow:hidden;}
#ホームページ #news #newsmask{
	height:120px; width:90%;
	margin:0 auto;
	overflow:hidden;}
#ホームページ #news li{height:140px;}
#ホームページ #news h1{color:#6a816e; text-align:center; padding-top:0.3em;}
#ホームページ #news p {color:#6a816e; margin:1em 0;}

#サロンのご案内 #leftCol {width:50%; margin-left:1%;}
#サロンのご案内 #rightCol{width:40%; margin-left:5%;}
#サロンのご案内 #smallText{width:310px; float:right; text-align:justify;}

#トリートメント #leftCol, #メニューリスト #leftCol  {width:190px; margin-left:1%;}
#トリートメント #rightCol, #メニューリスト #rightCol{width:70%; margin-left:1%;}

#ご予約お問い合わせ #leftCol {width:55%; margin-left:1%;}
#ご予約お問い合わせ #rightCol{
	width:35% !important;
	padding-left:1em;
	min-height:100%;
	border-left:1px dotted #66aa66;
	float:right;}
#ご予約お問い合わせ .formleftcol{width:35%;}
#ご予約お問い合わせ #smallmap{text-align:center;}
#ご予約お問い合わせ .popup img{border:1px solid #000000;}
#ご予約お問い合わせ #mask{
    position:absolute;
    top:0; left:0;
    z-index:100;
    background-color:#cedac6;
    text-align:center;
    display:none;}
#ご予約お問い合わせ #mask #close{
	height:35px;
	cursor:pointer;
	background:url('/images/template/close.jpg') top right no-repeat;}
#ご予約お問い合わせ #mask #mainphoto{margin:auto; height:70%; border:4px solid #ffffff; border:1px solid #000000;}
#プロファイル #pageframe{width:70%; margin:0 auto;}
#プロファイル #pageframe p{margin-left:40px;}