/* CSS Document */
/*-----------------------------------------------------------
 フォントサイズの指定はYUI Fontsに基づき
 下記テーブルで指定します
 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 ex) 12px
 element {
 	font-size: 93%;
 }
 ------------------------------------------------------------*/
body {
	background:#fcfcf5;
	margin:0;
	padding:0;
	color:#333333;
	font-family:Verdana,Arial,Helvetica,'meirio','メイリオ','Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

a:link,a:visited {
	color:#11929e;
	text-decoration:underline;
}

a:hover,a:active {
	color:#7fa557;
	text-decoration:none;
}

blockquote {
	margin:1em 0px;
	padding:15px;
	border:#EFEED5 solid 3px;
}

/*外枠設定=====================================*/
#wrapper {
	width:900px;
	margin:0 auto;
	padding:0;
}

/*ヘッダー設定=================================*/
#header {
	padding:30px 0 0 0;
}

#header .left {
	width:500px;
	float:left;
}

/*サイトタイトル*/
#header .left .siteTitle {
	margin:0;
	padding:0;
	font-size:205%;
}

#header .left .siteTitle a:link,
#header .left .siteTitle a:visited,
#header .left .siteTitle a:hover,
#header .left .siteTitle a:active {
	color:#333333;
	text-decoration:none;
}

/*概要*/
#header .left .description {
	margin:0;
	padding:2px 0 0;
	color:#777777;
	font-size:93%;
}

#header .right {
	width:300px;
	float:right;
	text-align:right;
}

#header .right .tel {
	margin:8px 0 0 0;
	padding:0;
	color:#6a5b3a;
}

#header .right .tel span {
	background:url(../images/iconTel.png) no-repeat left 0.1em;
	padding-left:29px;
	color:#6a5b3a;
	font-size:138.5%;
	font-weight:bold;
}

#header .right .time {
	margin:3px 0 0 0;
	padding:0;
	color:#6a5b3a;
	font-size:93%:
}

/*グローバルナビゲーション*/
.navi {
	margin:5px 0 0 0;
}

.navi ul {
	margin:0;
	padding:0;
}

.navi ul li{
	background:url(../images/bgNaviList.png) repeat-x;
	border-right:1px solid #b7d174;
	width:179px;
	float:left;
	margin:0;
	padding:0;
	color:#ffffff;
	list-style:none;
	font-size:108%;
	font-weight:bold;
	text-align:center;
}

.navi ul li:last-child{
	border-right:none;
}

/* last-child for IE6/7 */
.navi ul li{
	border-right:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':'1px solid #b7d174');
}

.navi ul li.current{
	background:url(../images/bgNaviListCurrent.png) repeat-x left top;
}

.navi ul li a{
	text-decoration:none;
	padding:11px 0 12px;
	display:block;
}

.navi ul li a span{
	background:url(../images/iconNaviList.png) no-repeat left center;
	padding-left:12px;
}

.navi ul li a:link,
.navi ul li a:visited{
	color: #ffffff;
}

.navi ul li a:hover,
.navi ul li a:active{
	background:url(../images/bgNaviListOn.png);
	color:#ffffff;
}

.navi ul li.current a:link,
.navi ul li.current a:visited{
	background:url(../images/iconNaviCurrent.png);
	color: #ffffff;
}

.navi ul li.current a:hover,
.navi ul li.current a:active{
	color:#fffff;
}

/*メイン画像*/
#mainVisual {
	background:url(../images/bgMainVisualTop.png) no-repeat left top;
	margin:0 auto;
	padding:15px 0 0 0;
}

#mainVisual p {
	margin:0;
	padding:0;
}

/*メインエリア設定=====================================*/

#contentsWrapper {
	text-align:left;
}

#contents {
	margin:25px 0 0 0;
}

/*メインエリア________*/
#main {
	width:595px;
	float:left;
}

/*サイド（メニュー）________*/
#side {
	width:290px;
	float:right;
}

/*ページ上部へのリンク________*/
#pageTop {
	margin:0;
	padding:30px 10px 20px 0;
	text-align:right;
	clear:both;
	font-size:93%;
}

#pageTop a {
	background:url(../images/iconPageTop.png) no-repeat left center;
	color:#666666;
	padding-left:19px;
	zoom:1;
}

/*フッター設定=====================================*/

#footerWrapper {
	border-top:1px solid #dddddd;
	margin:0 0 30px 0;
	padding:15px 0 30px;
}

#footerMenu {
	width:450px;
	float:left;
	
}

#footerMenu ul {
	margin:0;
	padding:0;
}

#footerMenu ul li {
	display:inline;
	color:#cccccc;
	font-size:93%;
	text-align:left;
}

#footerMenu ul li a {
	color:#837454;
}

#copyright {
	width:400px;
	float:right;
	margin:0;
	padding:10;
	color:#999999;
	font-size:77%;
	text-align:right;
}

/*共通設定=====================================*/
.subMidashi {
	background:#ffd9c6;
	margin:0;
	padding:10px 13px;
	color:#59451b;
	line-height:1.2;
	font-size:116%;
}

.pageMidashi {
	border-bottom:1px solid #e7e0d8;
	margin:0;
	padding:6px 15px 9px;
	color:#53921b;
	line-height:1.2;
	font-size:138.1%;
}

h3 {
	border-left:5px solid #ffc7ac;
	border-bottom:1px dotted #804000;
	margin:24px 0 10px 0;
	padding:0 0 0 10px;
	color:#0000A0;
	font-size:132%;
	font-weight:bold;
}

h4 {
	margin:15px 0 10px 0;
	padding:0;
	color:#7d4e38;
	font-size:118%;
	font-weight:bold;
	background:#E2EFE6;
}

#contents .inner {
	margin:0 15px;
	padding:0 0 10px;
}

#contents .inner .photoTextBox,
#contents .inner .textBox {
	margin:25px 0 25px 0;
}

#contents .inner .photoTextBox .photo {
	width:400px;
	float:left;
}

#contents .inner .photoTextBox .text {
	width:450px;
	float:right;
}
#contents .inner .photoTextBox .text2 {
	width:820px;
}
#contents .inner .photoTextBox.last,
#contents .inner .textBox.last {
	border-bottom:none;
}

#contents .inner .photoTextBox p,
#contents .inner .textBox p {
	margin:0;
	padding:0;
}

#contents .inner table {
	margin:0;
	border-spacing: 0;
}

#contents .inner table th{
	text-align:left;
	padding:10px;
	text-wrap:none;
	vertical-align:top;
}

#contents .inner table td{
	padding:10px;
	vertical-align:top;
}
#contents .inner li{
	font-size:12px;
}
#contents table.under {
   font-size:12px;
   width:580px;
   margin-bottom:20px;
   border-collapse:collapse;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.8;
}
#contents table td {
   padding:5px;
   border-width:0 0 1px 1px;
   text-align:left;
}

/*予約*/

#reserve {
	border:1px solid #eee7e1;
	background: #ffffff;
	width:330px;
	margin:25px auto 0;
	padding:15px;
	text-align:center;
}

#reserve .tel {
	margin:0;
	padding:0;
}

#reserve .tel span {
	background:url(../images/iconTel.png) no-repeat left 0.1em;
	padding-left:30px;
	color:#6a5b3a;
	font-size:138.5%;
	font-weight:bold;
}

#reserve .time {
	margin:0;
	padding:0;
}


/*トップページ=====================================*/

/*banner*/
.banner {
	margin:24px 0 0 0;
		font-size:110%;
}

.banner #banner1,
.banner #banner2,
.banner #banner3 {
	background:#e7e0d8;
	width:287px;
	float:left;
	margin-right:15px;
	padding: 1px;
}

.banner #banner3 {
	margin-right:0;
}

.banner #banner1 a,
.banner #banner2 a,
.banner #banner3 a {
	background:url(../images/bgBannerArrow.png) #ffffff no-repeat 270px 52px;
	display:block;
	padding: 6px 6px 6px 6px;
	color:#333333;
	font-size:100.1%;
	font-weight:bold;
	text-decoration:none;
}

.banner #banner1 a:hover,
.banner #banner1 a:active,
.banner #banner2 a:hover,
.banner #banner2 a:active,
.banner #banner3 a:hover,
.banner #banner3 a:active {
	background:#f5f0ea url(../images/bgBannerArrow.png) no-repeat 272px 52px;
}

.banner #banner1 a span,
.banner #banner2 a span,
.banner #banner3 a span {
	padding:0 0 0 10px;
	color:#11929e;
	font-size:120%;
}

.banner #banner1 a img,
.banner #banner2 a img,
.banner #banner3 a img  {
	vertical-align:middle;
}

/*feature*/
#feature {
	background:#eee7e1;
	padding:1px;
}

#feature02 {
	background:#ffffff;
	padding:12px 15px 15px;
}

#feature h2 {
	border-bottom:1px dotted #b8aca0;
	margin:0;
	padding:0 0 3px 0;
	color:#53921b;
	font-size:120.1%;
	font-weight:bold;
	text-align:center;
}
#feature ul {
	margin:15px 0 0 0;
	padding:0;
}

#feature ul li {
	background:url(../images/iconCheck.png) no-repeat left 0.3em;
	list-style-type:none;
	margin:0 0 7px 0;
	padding:0 0 0 17px;
	font-size:95%;
}

#feature .linkMenu {
	margin:15px 0 0 0;
	padding:0 30px 0;
	text-align:center;
}

#feature .linkMenu a {
	background:#837454;
	display:block;
	margin:0;
	padding:5px 0;
	color:#ffffff;
	font-size:93%;
	text-decoration:none;
}

#feature .linkMenu a:hover,
#feature .linkMenu a:active {
	background:#de9847;
}

#feature .linkMenu a span {
	background:url(../images/iconArrowWhite.png) no-repeat left 0.4em;
	padding-left:11px;
	zoom:1;
}

/*information */
#information .inner {
	margin:12px 13px 0;
}

#information .inner .textBox {
	margin:0 0 10px 0;
}

#information .inner .textBox .date {
description	width:110px;
	float:left;
	margin:0;
	padding:0 0 0 11px;
	color:#666666;
	font-size:93%;
}

#information .inner .textBox .text {
	width:420px;
	float:right;
	margin:0;
	padding:0 0 0 20px;
	font-size:93%;
}

/*メニュー・料金ページ=====================================*/
#menu .inner table {
	width:870px;
	margin:25px 0 0 0;
	border-spacing:0;
}

#menu .inner table td{
	padding:10px;
}
#menu .inner table td.t1{
	padding:0px 10px;
}
/*地図ページ=====================================*/
#map .inner {
	margin:20px auto 0;
	width:850px;
}

#map .inner p {
	margin:0;
}

#map .inner p.name {
	margin:15px 0 0 0;
	font-size:108%;
	font-weight:bold;
}

#map .inner p.address {
	margin:15px 0 0 0;
}

/*施術の流れページ=====================================*/
#flow .inner .photoTextBox {
	margin-bottom:30px;
}

#flow .inner .photoTextBox h3 {
	margin:3px 0 0 0;
}

#flow .inner .photoTextBox .text p {
	margin:15px 0 0 0;
}

/*お知らせページ=====================================*/
#infoAll .section .inner {
	border-top:1px dotted #e7e0d8;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
}

#infoAll .section .inner:first-child {
	border-top:none;
	margin:0;
}

/* last-child for IE6/7 */
#infoAll .section .inner:first-child{
	border-right:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':'1px dotted #e7e0d8');
	margin:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'0':'20px 0 0 0');
}

#infoAll .section .inner .pic {
	background:none;
	width:100px;
	float:left;
	margin:0 0 0 15px;
	padding:0;
	color:#666666;
	font-size:93%;
}

#infoAll .section .inner h3 {
	margin:0;
}

#infoAll .section .inner .text {
	width:700px;
	float:right;
	margin:0 15px 0 0;
	padding:0 0 0 20px;
	font-size:102%;
}

#infoAll .section .inner .text p {
	margin:15px 0 0 0;
}