@charset "shift_jis";

/*CSS information=====================
+共通スタイル
 ++header
 ++global-nav
 ++main
 ++pageTop
+各ページ個別のスタイル
 ++メニュー＆料金
 ++オプションメニュー
 ++フォトギャラリー
 ++店舗情報
+clearfix
======================================*/


/*======================
+共通スタイル
========================*/

/*=============
++header
===============*/
#header {
	background: url(../images/common_images/header/headerTop_bg.gif) repeat-x left top;
	}
h1 {
	background: url(../images/common_images/header/hShopInfo_bg.gif) repeat-y 36px 0;
	font-size: 70%;
	font-weight: normal;
	color: #005b3f;
	text-align: right;
	padding: 10px 15px 12px 258px;
	line-height: 1.2;
	}
#header-bottom {
	width: 750px;
	height: 156px;
	margin: 0 15px 7px;
	}
#header-bottom p#logo {
	padding-left: 21px;
	float: left;
	}	
#header-bottom #hShop-info	{
	float: right;
	width: 315px;
	text-align: right;
	}	
	
#menu #header-bottom {
	background: url(../menu/menu_images/main_img.jpg) no-repeat center bottom;
	}
#option #header-bottom {
	background: url(../option/option_images/main_img.jpg) no-repeat center bottom;
	}
#photoGallery #header-bottom {
	background: url(../photoGallery/photoGallery_images/main_img.jpg) no-repeat center bottom;
	}
#shop #header-bottom {
	background: url(../shop/shop_images/main_img.jpg) no-repeat center bottom;
	}


/*================
++global-nav
==================*/
#global-nav {
	margin-bottom: 25px;
	}


/*================
++main
==================*/
#main {
	width: 690px;
	margin: 0 15px 6px;
	padding: 25px 27px 25px;
	font-size: 80%;
	line-height: 1.5;
	border: 3px solid #ffffff;
	background: #f4e7bf;
	}
#main h2 {
	margin-bottom: 15px;
	}
	

/*================
++pageTop
==================*/
#pageTop {
	text-align: right;
	margin-bottom: 20px;
	margin-right: 15px;
	}


/*======================
+各ページ個別のスタイル
========================*/
/*================
++メニュー＆料金
==================*/
#menu h2 {
	margin-bottom: 9px;
	}
#menu h3 {
	margin-bottom: 12px;
	}
#menu #course {
	margin: 0 15px;
	}
	
#menu #course .wrapper {
	width: 660px;
	margin-bottom: 5px;
	background: url(../menu/menu_images/notice_bgT.png) no-repeat right bottom;
	}
#menu #course dl.floatL {
	width: 320px;
	}
#menu #course .floatR {
	width: 320px;
	}
#menu #course dl img {
	vertical-align: top;
	}
	
/*shampoo======*/
#menu #course #shampoo {
	margin: 0 0 20px;
	}
#menu #course #shampoo-type {
	padding-bottom: 18px;
	margin-bottom: 10px;
	background: #f8e4a6 url(../menu/menu_images/shampoo_bg.gif) repeat-y;
	border-bottom: 2px solid #ffffff;
	}
#menu #course #shampoo-type .wrapper {
	width: 645px;
	padding: 2px 0 0 11px;
	margin: 0 2px;
	background: url(../menu/menu_images/shampooBox_bg.gif) repeat-y;
	}
#menu #course #shampoo-type dl {
	width: 188px;
	margin-right: 11px;
	padding: 6px 8px 10px;
	float: left;
	}
#menu #course #shampoo-type dt {
	margin-bottom: 7px;
	}
#menu #course #shampoo-type dd {
	padding: 0 3px 5px;
	}
	
/*料金表======*/
#menu #course table.price-list {
	width: 660px;
	border: 1px solid #8f6831;
	background: #ffffff;
	}
#menu #course table.price-list th {
	padding: 5px 8px;
	text-align: left;
	color: #533c26;
	border: 1px solid #8f6831;
	}
#menu #course table.price-list td {
	padding: 3px 8px;
	text-align: right;
	color: #533c26;
	font-size: 105%;
	border: 1px solid #8f6831;
	}	
#menu #course table.price-list th#th-title1 {
	background: #e2d4a8;
	text-align: center;
	font-size: 110%;
	}
#menu #course table.price-list th#th-title2 {
	text-align: center;
	background: #dcc586;
	font-size: 110%;
	}
#menu #course table.price-list th#th-title3 {
	text-align: center;
	background: #bda96e;
	font-size: 110%;
	}
#menu #course table.price-list th.dog-name {
	padding: 3px 8px;
	font-size: 105%;
	}
#menu #course table.price-list tr.toypoodle th,
#menu #course table.price-list tr.toypoodle td {
	border-bottom-color: #d9d0c4;
  }

/* 注意書き====== */
#menu .note {
	margin: 10px 15px 20px;
  }
#menu #notice {
	padding: 0 15px;
	margin-bottom: 20px;
	}
#menu #notice li {
	background: url(../menu/menu_images/attention_arrow.gif) no-repeat 0 3px;
	padding-left: 20px;
	margin-bottom: 5px;
	}

/* 部分カット====== */
#menu #various-menu01 {
	width: 360px;
	padding-left: 15px;
	margin-right: 20px;
	float: left;
	}
#menu #various-menu01 .box {
	border: 1px solid #8f6831;
	background: #ffffff;
	padding: 10px 20px;
	margin-bottom: 10px;
}
#menu #various-menu01 .box p {
	margin-bottom: 8px;
}
#menu #various-menu01 .box p strong {
	color: #533c26;
	font-size: 105%;
}

/* 単品====== */
#menu #various-menu02 {
	width: 280px;
	margin-right: 15px;
	float: right;
	}
#menu #various-menu02 table {
	background: #ffffff;
	border: 1px solid #8f6831;
	}	

#menu #various-menu02 table tr.title th {
	width: 100%;
	background: #875c20;
	color: #ffffff;
	text-align: center;
	font-size: 110%;
  }
#menu #various-menu02 table th {
	width: 65%;
	padding: 3px 8px;
	border: 1px solid #8f6831;
	color: #533c26;
	font-size: 105%;
	text-align: left;
	}	
#menu #various-menu02 table td {
	width: 150px;
	padding: 3px 8px;
	border: 1px solid #8f6831;
	text-align: right;
	color: #533c26;
	font-size: 105%;
	}

/*割引======*/
#menu #discount {
	padding: 0 15px;
	margin: 30px 0 20px;
	color: #575244;
	}
#menu #discount li {
	width: 210px;
	float: left;
	margin-right: 15px;
	}
#menu #discount li.last-child {
	margin-right: 0;
	}
#menu #discount li p span {	
	font-weight: bold;
	}
#menu #discount li dl {
	width: 198px;
	padding: 5px;
	border: 1px solid #e6dab3;
	background: #fefbe7;
	margin-bottom: 8px;
	}
#menu #discount li dl#discount1 dt {
	padding: 6px 13px 0;
	border-top: 1px solid #abd1cc;
	border-left: 1px solid #abd1cc;
	border-right: 1px solid #abd1cc;
	background: #c4efe9;
	}
#menu #discount li dl#discount1 dd {
	padding: 0 13px 6px;
	border-bottom: 1px solid #abd1cc;
	border-left: 1px solid #abd1cc;
	border-right: 1px solid #abd1cc;
	background: #c4efe9;
	}	
#menu #discount li dl#discount2 dt {
	padding: 6px 13px 0;
	border-top: 1px solid #c4e09b;
	border-left: 1px solid #c4e09b;
	border-right: 1px solid #c4e09b;
	background: #d5f4a8;
	}
#menu #discount li dl#discount2 dd {
	padding: 0 13px 6px;
	border-bottom: 1px solid #c4e09b;
	border-left: 1px solid #c4e09b;
	border-right: 1px solid #c4e09b;
	background: #d5f4a8;
	}
#menu #discount li dl#discount3 dt {
	padding: 6px 13px 0;
	border-top: 1px solid #ceca80;
	border-left: 1px solid #ceca80;
	border-right: 1px solid #ceca80;
	background: #f6f2a9;
	}
#menu #discount li dl#discount3 dd {
	padding: 0 13px 6px;
	border-bottom: 1px solid #ceca80;
	border-left: 1px solid #ceca80;
	border-right: 1px solid #ceca80;
	background: #f6f2a9;
	}	
#menu #discount li dl#discount4 dt {
	padding: 6px 13px 0;
	border-top: 1px solid #d0bf8c;
	border-left: 1px solid #d0bf8c;
	border-right: 1px solid #d0bf8c;
	background: #f0dda5;
	}
#menu #discount li dl#discount4 dd {
	padding: 0 13px 6px;
	border-bottom: 1px solid #d0bf8c;
	border-left: 1px solid #d0bf8c;
	border-right: 1px solid #d0bf8c;
	background: #f0dda5;
	}			
#menu #discount li dl#discount5 dt {
	padding: 6px 13px 0;
	border-top: 1px solid #dac4b8;
	border-left: 1px solid #dac4b8;
	border-right: 1px solid #dac4b8;
	background: #f4dcce;
	}
#menu #discount li dl#discount5 dd {
	padding: 0 13px 6px;
	border-bottom: 1px solid #dac4b8;
	border-left: 1px solid #dac4b8;
	border-right: 1px solid #dac4b8;
	background: #f4dcce;
	}		
#menu #discount li .attention {
	background: url(../menu/menu_images/attention_bgT.gif) no-repeat left top;
	padding-top: 20px;
	}
#menu #discount li .attention p {
	margin: 0 8px;
	padding: 2px 16px 13px;
	border-left: 1px solid #e7dbb4;
	border-right: 1px solid #e7dbb4;
	border-bottom: 1px solid #e7dbb4;
	background: #fff7e0;
	}

/*おやくそくごと======*/
#menu #promise {
	margin: 0 15px;
	}
#menu #promise .wrapper {
	border: 1px solid #875c20;
	background: #9f8a6e;
	padding: 7px;
	}
#menu #promise .wrapper ul {
	background: #fff;
	padding: 20px 20px 10px;
	}
#menu #promise .wrapper ul li {
	border-bottom: 1px solid #f0ead8;
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left: 1em;
	text-indent: -1em;
	
	}
#menu #promise .wrapper ul li.last-child {
	border: none;
	}


/*===================
++オプションメニュー
=====================*/
#option #option-balloon {
	text-align: center;
	margin-bottom: 15px;
	}
#option .price-note {
	text-align: right;
	margin: 10px 15px 25px;
	}

#option .section h3 {
	margin: 0 15px 5px;
	padding-bottom: 8px;
	background: url(../option/option_images/title_dotborder.gif) repeat-x left bottom;
	}
	
/*アロマバナー======*/
#option #aroma .box{
	margin: 0 15px;
	height: 127px;
	background: url(../option/option_images/aroma.jpg) no-repeat;
	position: relative;
	}
#option #aroma .box h4 {
	width: 0;
	height: 0;
	overflow: hidden;
	}
#option #aroma .box p.text {
	margin: 54px 18px 10px 342px;
	color: #514617;
	}

/*ハーブパックコース・うる艶コース======*/
#option #ayurveda .box,
#option #urutsuya .box {
	margin: 0 15px 30px;
	border: 1px solid #d2cab4;
	background: #f9f4e5;
	}
#option #ayurveda .box .inner,
#option #urutsuya .box .inner {
	border: 1px solid #fff;
	}
#option #ayurveda .box .inner h4 {
	text-align: center;
	}
#option #ayurveda .box .inner #merit {
	border: 1px solid #055e42;
	background: #fff;
	margin: 15px 18px 30px;
	padding: 6px 9px 10px;
	}
#option #ayurveda .box .inner #merit h5 {
	background: #055e42;
	text-align: center;
	margin-bottom: 15px;
	}

#option #ayurveda .box .inner #merit #merit-list {
	width: 383px;
	padding-left: 10px;
	float: left;
	}
#option #ayurveda .box .inner #merit #merit-list ul li{
	margin-bottom: 5px;
	}
#option #ayurveda .box .inner #merit .photo {
	float: left;
	padding-left: 50px;
	} 
#option #ayurveda .box .inner .course,
#option #urutsuya .box .inner .course {
	margin: 0 18px 20px;
	}
#option #ayurveda h3 .attention,
#option #urutsuya h3 .attention {
	background: #b13e3b;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	position: relative;
	top: -3px;
	width: 8em;
	padding: 3px 5px;
	margin-left: 10px;
	}
#option #ayurveda .box .inner .course > p,
#option #urutsuya .box .inner .course > p {
	font-size: 125%;
	font-weight: bold;
	margin: 20px 0;
	}
#option #ayurveda .box .inner .course > p span,
#option #urutsuya .box .inner .course > p span {
	font-size: 85%;
	color: #888888;
	}
#option #ayurveda .box .inner .course table,
#option #urutsuya .box .inner .course table {
	width: 100%;
	border: 1px solid #005b3f;
	margin-bottom: 10px;
	table-layout: fixed;
	}
#option #ayurveda .box .inner .course th,
#option #urutsuya .box .inner .course th {
	border: 1px solid #005b3f;
	background: #d6ebdc;
	padding: 4px 5px;
	text-align: center;
	vertical-align: middle;
	}
#option #ayurveda .box .inner .course th span,
#option #urutsuya .box .inner .course th span {
	font-weight: normal;
	}
#option #ayurveda .box .inner .course td,
#option #urutsuya .box .inner .course td {
	border: 1px solid #005b3f;
	background: #ffffff;
	padding: 4px 5px;
	text-align: center;
	}
#option #ayurveda .box .inner .course .price-note,
#option #urutsuya .box .inner .course .price-note {
	margin-right: 0;
	margin-bottom: 0;
	}
	
/*肉球ケア======*/
#option #nikukyu .box {
	border: 1px solid #d2cab4;
	background: #f9f4e5;
	margin: 0 15px 30px;
	}
#option #nikukyu .box .inner {
	border: 1px solid #fff;
	padding: 10px 18px;
	}
#option #nikukyu .box .inner p.photo {
	float: left;
	margin-right: 30px;
	}
#option #nikukyu .box .inner p.text {
	margin: 20px 0;
	}
	
/*その他メニュー======*/
#option .others-menu {
	margin: 0 15px 30px;
	padding-bottom: 8px;
	background: url(../option/option_images/title_dotborder.gif) repeat-x left bottom;
}
#option .others-menu h3 {
	float: left;
	width: 230px;
	}
#option .others-menu p {
	text-align: right;
	}

/*================
++店舗情報
==================*/
#photo #main {
	color: #543a17;
	}
#photo #main h2 {
	margin-bottom: 17px;
	}
#shop #main .wrapper {
	padding-bottom: 20px;
	background: url(../shop/shop_images/shop_bgB.gif) no-repeat center bottom;
	}
#shop p#shop-photo {
	margin-bottom: 21px;
	}
#shop p#map {
	float: right;
	margin-left: 15px;
	}
#shop #shop-info{
	width: 308px;
	float: left;
	line-height: 1.1;
	color: #543a17;
	}
#shop p#shop-name {
	padding: 5px 0 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
	border-bottom: 1px solid #6d6037;
	}
#shop #shop-info li {
	margin-bottom: 10px;
	}
.white{
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*================
+clearfix
==================*/
.wrapper:after,
#menu #discount ul:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.wrapper,
#menu #discount ul {
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .wrapper,
*html #menu #discount ul {
	height:1%;
}
.wrapper,
#menu #discount ul {
	display: block;
}
/* End hide from IE-mac*/