@charset "UTF-8";

/*---------------------------------------------------------
　サイト全体
---------------------------------------------------------*/
body{background-color: #693915; text-align: center; color: #666666; padding: 0;margin: 0;}
h1,h2,h3,h4,h5,p,li,ul,form{margin:0;padding:0;}
table td{vertical-align: top; text-align: left;}

/*---ボーダーなし ---*/
img{ border: none;}

/*---リストなし---*/
ul,li{list-style:none;}

/*---クリア---*/
.clear{width: 1px; clear:both; font-size: 1px;}
.clear2{border-top:1px dotted #B09B6F;  clear:both; margin:5px 0:}

/*---リンク---*/
a{color:#85461D;text-decoration:none;}
a:link{color:#85461D;text-decoration:none;}
a:visited{color:#85461D;text-decoration:none;}
a:active{color:#85461D;text-decoration:none;}
a:hover{color:#85461D;text-decoration:underline;}

/*---------------------------------------------------------
　wrapper
---------------------------------------------------------*/
div#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(http://www.chamomile-salon.com/img/common/bg_footer.jpg) bottom repeat-x;
	min-width: 990px;
}

/*---------------------------------------------------------
　container
---------------------------------------------------------*/
div#container{
	width: 820px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(http://www.chamomile-salon.com/img/common/bg_contents.gif) repeat-y;
}

div.containerInner{
	width: 800px;
	margin: 0 auto 30px auto;
	padding: 0;
	text-align: left;
}

div.containerInner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.fla{
	margin: 0;
}

/*---------------------------------------------------------
　header
---------------------------------------------------------*/
div#header{
	width: 800px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #693915;
}

div#header h1{
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 12px;
	text-align: left;
}

div#header h1 a{color:#FFFFFF;text-decoration:none;}
div#header h1 a:link{color:#FFFFFF;text-decoration:none;}
div#header h1 a:visited{color:#FFFFFF;text-decoration:none;}
div#header h1 a:active{color:#FFFFFF;text-decoration:none;}
div#header h1 a:hover{color:#FFFFFF;text-decoration:underline;}


/*---------------------------------------------------------
　leftBox
---------------------------------------------------------*/
div.leftBox{
	width: 560px;
	margin: 0;
	padding: 0 0 0 24px;
	float: left;
	text-align: left;
}

p.topicpath{
	font-size: 12px;
	margin: 15px 0;
}

p.topicpath a{color:#666666;text-decoration:none;}
p.topicpath a:link{color:#666666;text-decoration:none;}
p.topicpath a:visited{color:#666666;text-decoration:none;}
p.topicpath a:active{color:#666666;text-decoration:none;}
p.topicpath a:hover{color:#666666;text-decoration:underline;}


/*-- entry --*/
div.leftBox div.entry-body{
	width: 560px;
	margin: 0 0 15px 0;
	padding: 0;
}

/*-- h2 --*/
div.leftBox h2{
	color: #655021;
	font-size: 16px;
	margin: 0 0 15px 0;
	padding: 20px 0 15px 41px;
	background: url(http://www.chamomile-salon.com/img/common/h2.gif) no-repeat 0 10px;
	clear: both;
}

/*-- h3 --*/
div.leftBox h3{
	color: #FDA036;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 13px 0 18px 38px;
	background: url(http://www.chamomile-salon.com/img/common/h3.gif) no-repeat;
	clear: both;
}

/*-- h4 --*/
div.leftBox h4{
	color: #FC9F35;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 6px 0 5px 27px;
	background: url(http://www.chamomile-salon.com/img/common/h4.gif) no-repeat 0 3px;
	clear: both;
}

/*-- h5 --*/
div.leftBox h5{
	font-size: 12px;
	margin: 8px 0 10px 0;
	text-indent:17px;
	color: #83451E;
	background: url(http://www.chamomile-salon.com/img/common/h5.gif) no-repeat left top;
}
div.leftBox h5 #po{
	color:#FFA036;
        margin:0 0 0 10px;
}

/*-- h6 --*/
div.leftBox h6{
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	color: #854720;
	background: url(http://www.chamomile-salon.com/img/common/h6.gif) no-repeat 0 2px;
}

/*-- p --*/
div.leftBox p{
	font-size:12px;
	line-height:150%;
	margin-bottom:10px;
}
div.leftBox .tit{
	font-size:13px;
	line-height:150%;
	margin-bottom:10px;
}

/*-- リスト（丸） --*/
ul.disc{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ul.disc li{
	list-style: disc;
}

/*-- リスト（数字） --*/
ol.decimal{
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ol.decimal li{
	margin: 0 0 10px 0;
	list-style: decimal;
}

/*-- 最新情報 --*/
div.news-box
{
	width: 540px;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
}

div.news-box h2
{
	text-align: left;
}

div.news-box ul
{
	width:530px;
	margin: 0 auto;
	_margin: 0;
	padding: 0;
	text-align: left;
}

div.news-box li
{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	line-height:150%;
	list-style:none;
	margin: 0 0 5px 0;
}


/*---------------------------------------------------------
　rightBox
---------------------------------------------------------*/
div.rightBox{
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FEE591;
	float: right;
}

div.rightBox h4.sideTitle01
{
	width:200px;
	height:26px;
	margin: 0 0 15px 0;
	font-size:1px;
	text-indent:-9999px;
	background:url(http://www.chamomile-salon.com/img/common/sidebar01.gif) no-repeat;
}

div.rightBox img.sidebanner01{
	margin: 0 0 30px 0;
}

div.rightBox img.sidebanner02{
	margin: 20px 0;
}

div.sideNavi{
	width: 176px;
	margin:0 auto;
	padding: 0;
}

div.sideNavi ul
{
	margin:0;
	padding: 0;
	text-align: left;
}

div.sideNavi ul li
{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	margin:0;
	padding: 0;
}

div.sideNavi ul li a
{
	width:154px;
	_width:176px;
	padding: 10px 0 9px 22px;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#844621;
	background:url(http://www.chamomile-salon.com/img/common/category.gif) no-repeat 3px 10px;
	border-bottom: 1px solid #FEF2C8;
	display:block;
}
div.sideNavi ul li a:link{color:#844621;text-decoration:none;}
div.sideNavi ul li a:visited{color:#844621;text-decoration:none;}
div.sideNavi ul li a:active{color:#844621;text-decoration:none;}
div.sideNavi ul li a:hover{color:#FC5F10;text-decoration:none;background:url(http://www.chamomile-salon.com/img/common/category_hover.gif) no-repeat 3px 10px;}

/*-- sub --*/

div.sideNavi ul.sub-category
{
	width: 176px;
	margin: 0;
	padding: 0;
	text-align: left;
}

div.sideNavi ul.sub-category li{
	margin: 0;
	padding: 0;
}

div.sideNavi ul.sub-category li a
{
	width: 138px;
	_width: 176px;
	margin: 0;
	padding: 10px 0 9px 38px;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#844621;
	background:url(http://www.chamomile-salon.com/img/common/subcategory.gif) no-repeat 24px 12px;
	border-bottom: 1px solid #FEF2C8;
}

div.sideNavi ul.sub-category li a:link{color:#844621;text-decoration:none;}
div.sideNavi ul.sub-category li a:visited{color:#844621;text-decoration:none;}
div.sideNavi ul.sub-category li a:active{color:#844621;text-decoration:none;}
div.sideNavi ul.sub-category li a:hover{color:#FC5F10;text-decoration:none;background:url(http://www.chamomile-salon.com/img/common/subcategory_hover.gif) no-repeat 24px 12px;}

/*-- shopInfo --*/

div.shopInfo{
	width: 176px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #FFFFFF;
}

div.shopInfoTop{
	width: 176px;
	height: 3px;
	margin: 0 auto;
	padding: 0;
	font-size: 1px;
	background: url(http://www.chamomile-salon.com/img/common/bg_t_info.gif) no-repeat;
}

div.shopInfoBottom{
	width: 176px;
	height: 3px;
	margin: 0 auto;
	padding: 0;
	font-size: 1px;
	background: url(http://www.chamomile-salon.com/img/common/bg_b_info.gif) no-repeat;
	text-align: center;
}

div.shopInfo ul{
	width: 165px;
	margin:0 0 0 5px;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

div.shopInfo ul li{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.4;
}

div.shopInfo ul li span{
	font-weight: bold;
	color: #864622;
}

div.shopInfo ul li span.yoyaku{
	font-weight: bold;
	color: #FC5F10;
}

/*---------------------------------------------------------
　footer
---------------------------------------------------------*/
div#footer{
	width: 800px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #FFA034;
	clear: both;
}

div#footer p{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	color: #854320;
	font-size: 12px;
	text-align: center;
	font-family:Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

div#footer p a{color:#854320;text-decoration:none;}
div#footer p a:link{color:#854320;text-decoration:none;}
div#footer p a:visited{color:#854320;text-decoration:none;}
div#footer p a:active{color:#854320;text-decoration:none;}
div#footer p a:hover{color:#854320;text-decoration:underline;}


/*---------------------------------------------------------
　sitemap
---------------------------------------------------------*/

div#sitemap {
	font-size:12px;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
	font-family:sans-serif, "ＭＳ ゴシック", Verdana, osaka;
}
div#sitemap ul {
	margin-left:20px;
}


/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/* option
==========================================================*/
.img-left{
	float:left;
	margin:0 10px 20px 0;
	padding:5px;
	background-color:#ffffff;
	border: 1px solid #854521;
	}
	
.img-right {
	float:right;
	margin:0 10px 20px 10px;
	padding:5px;
	background-color:#ffffff;
	border: 1px solid #854521;
	}
	
.Txt-right {
	width: 340px;
	float:right;
}

/*---------------------------------------------------------
top
----------------------------------------------------------*/
div.top-inner01{
	width: 560px;
	margin: 0 0 30px 0;
	padding: 0;
}

div.top-inner01:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.top-inner01 img{
	float: right;
}

div.top-inner01 p{
	width: 300px;
	float: left;
}

/*---------------------------------------------------------
box
----------------------------------------------------------*/
.box
{
width:510px;
_width:550px;
text-align: center;
background:#FEE692 url(http://www.chamomile-salon.com/img/common/box_back.gif) no-repeat left top;
margin:0 0 10px;
color:#655021;
font-size:14px;
line-height:150%;
font-weight: bold;
padding:20px;
}

.photo_box
{
width:510px;
_width:550px;
background:url(http://www.chamomile-salon.com/img/common/hana_back.jpg) no-repeat right top;
margin:0 0 10px;
color:#655021;
font-size:12px;
line-height:150%;
font-weight: bold;
padding:20px;
}
.photo_box ol
{
list-style-type: decimal
}
.photo_box ol li
{
list-style-type: decimal
}

.box2
{
}
.box2 table
{
margin:0 0 10px 0;
}

/*---------------------------------------------------------
option
----------------------------------------------------------*/

strong
{
color:#FC5F10;
}
.top
{
margin:10px 5px 0 5px;
text-align:right;
}

/*---------------------------------------------------------
mail
----------------------------------------------------------*/
.mail
{
      margin:0 0 15px 0;
}
.mail table
{
font-size:12px;
color:#666666;
line-height:150%;
}
.mail th
{
      border-right:3px solid #BC803D;
      background:#FEE591;
      padding:5px;
}
.mail td
{
      padding:5px;
}
.mail .input-txt,
.mail textarea
{
      	padding: 2px 0;
       border:#B5B5B5 solid 1px;
}
.mail .submit
{
	color:#ffffff;
	background-color:#BC803D;
	padding:2px;
	position:relative;
    margin:0 5px 5px  0;
	border:none;
      font-size:12px;
}
/*---------------------------------------------------------
coupon
----------------------------------------------------------*/
.coupon
{
width:300px;
height:162px;
background:#FEE692 url(http://www.chamomile-salon.com/img/common/box_back.gif) no-repeat right top;
float:right;
}
.coupon .text
{
margin:30px;
}
.coupon .text .font_b
{
color:#901B0F;
font-size:17px;
font-weight:bold;
}
.coupon .text strong
{
color:#901B0F;
font-size:20px;
}