@charset "Shift-JIS";

/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0;
}

/*共通==========*/
body{
	margin: 0;
	padding: 0;
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    line-height: 1.7;
	color: #fff;
	text-align: center;
	background: #000 url("../p_img/p367/bg-moon.jpg") no-repeat 80% -100px fixed;
}
table{
	border-collapse: collapse;
    font-size: inherit;
    font: 100%;
}
th{
	text-align: left;
}
td{
	vertical-align: top;
}
a{
	color: #fff;
}
a:hover{
	color: #ff3;
}
a img{
	border: 0;
}

.thumbleft{
	float: left;
	margin: 0 10px 10px 0;
	width: 160px;
}
.thumbright{
	float: right;
	margin: 0 0 10px 10px;
	width: 160px;
}
.imgmemo{
	margin: 0;
	width: 160px;
	text-align: center;
	font-size: 93%;
	border-bottom: 1px solid #d2d2d2;
}
.clr{
	clear: both;
	margin: 0;
	width: 0;
	height: 0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**/

.date{
	margin: 5px 0;
	font-family: serif;
	letter-spacing: 1px;
	text-align: right;
}
.pagetop{clear:both;margin:10px 0;text-align:center;}
.pagetop a{font-size:85%;}
.pagemove{clear:both;margin:10px 0;text-align:center;}
.pagemove a{font-size:12px!important;}
.submitbtn{margin:10px auto;text-align:center;}
.orderlink{position:relative;left:500px;margin:10px;}
.orderlink a{padding:4px;font-size:85%;font-weight:bold;color:#333;background:#dcc83c;}
div.line-dotted{margin:0.8em 0;width:auto;height:2px;}
p.txt1{margin:5px 12px;}
.line1{padding-top: 20px;background: url("../p_img/p367/line-star1.gif") 50% 0 repeat-x;}

.hide{visibility:hidden;}

#wrapper{margin:0 auto;position:relative;width:840px;height:100%;text-align:left;}

/*トップ・ヘッダ*/
#header{height:180px;}
#header p#headtxt{margin:0 0 10px 0;padding:4px;color:#F0EA00;}
#header h1{margin:0 10px;width:350px;float:left;}
#header h1 a{border:none;background:transparent;}
#header p.header-herb{position:relative;top:0px;left:170px;}
#header p.bloglink{float:right;margin:5px 40px 0 0;padding:0;width:206px;height:43px;}
* html #header p.bloglink{margin:5px 15px 0 0;}

#container{
	clear: both;
	margin: 20px auto;
	width: 800px;
}

/*ナビゲート*/
#globalNavi{
	clear: both;
	margin: 5px auto;
	width: 840px;
	height: 40px;
	text-align: center;
	background: url("../p_img/p367/navi-bg.png") 0 0 no-repeat;
}
#globalNavi ul{
	list-style-type: none;
}
#globalNavi li{
	display: inline;
}
#globalNavi li a{
	padding-left: 12px;
	padding-right: 12px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;

}
#globalNavi li a:hover{
	color: #f5e956;
	background: url(../p_img/p367/navi-hover-bg.png) 50% 24px no-repeat;
}
*html #globalNavi li a:hover{
	background: none;
}

h2{
	margin-bottom: 16px;
	height: 32px;
	font-size:108%;
	line-height: 32px;
	text-indent: 0.5em;
	color: #000;
	background: #d9d9d9 url(../p_img/p367/headline1-bg.gif) 0 0 repeat-x;
}
#top-navi{
	margin: 10px auto;
}
#top-navi td{
	width: 266px;
	vertical-align: top;
}
#top-navi td h3 a{
	display: block;
	width: 266px;
	height: 44px;
	text-decoration: none;
}
#top-navi td h3 a span{	
	visibility: hidden;
}
#top-navi td p{
	margin: 0 10px;
	font-size: 0.95em;
}
td.nv-herbgallery{
	background: url("../p_img/p367/top-nv-herbgallery.gif") 0 0 no-repeat;
}
td.nv-powerstone{
	background: url("../p_img/p367/top-nv-powerstone.gif") 0 0 no-repeat;
}
td.nv-treatment{
	background: url("../p_img/p367/top-nv-treatment.gif") 0 0 no-repeat;
}
table#shop-address{
	margin: 20px auto;
	width: 700px;
	border: 1px solid #fff;
}
table#shop-address td{padding:5px;}
table#shop-address td strong{font-size:1.2em;}
table#shop-address td a{font-size:1em;}
table#shop-address td.message{padding-top:15px;}
table#shop-address p.barcode{float:left;margin: 0 10px 10px;}

/*メニュー*/

#salonmenu table{
	margin: 10px auto;
	width: 760px;
}
#salonmenu th{
	border-top: 2px solid #eaea00;
}
#menu-list{
	margin: 5px auto;
	text-align: center;
}
#menu-list a{
	padding: 5px;
}
#aroma-message{
	padding-left: 160px;
	background: url("../p_img/p367/aroma-image-p1.png") no-repeat 0 0;
}
/*料金表*/
table.pricelist{
	margin: 20px auto;
	border-top: 1px solid #787878;
}
table.pricelist caption{
	padding:0;
	font-size:108%;
}
table.pricelist th,
table.pricelist td{
	padding: 5px;
	border-bottom: 1px solid #787878;
}
table.pricelist th{
	width: 230px;
}
table.pricelist th small{
	font-weight: normal;
	padding-left: 1em;
}
table.pricelist td.taxin{
	font-size: 85%;
	text-align: right;
}
table.pricelist td.price_caution{
	border: none;
	text-align: left;
}
table.pricelist td.time{
	width: 40px;
	text-align: center;
}
table.pricelist td.course{
	width: 140px;
	text-align: center;
}
table.pricelist td.price{
	width: 60px;
	text-align: right;
}
.menu-caution{
	padding: 20px;
	list-style-type: square;
	background: url("../p_img/p367/line-star2.gif") 50% 0 repeat-x;
}
/*ストーン*/
#stoneprocess{
}
#stoneprocess td p{
	margin: 5px;
	width: 170px;
}
/*スクール*/
#gcalender{
	margin: 10px auto;
}
#gcalender iframe{
	margin: 10px;
}
#gcalender h3{
	margin-top: 20px;
	width: 700px;
	font-size: 116%;
	background: #1a1600;
}

/*教室案内*/
.school-guide{
	margin: 10px 10px 30px;
}
.school-guide th{
	padding: 5px;
	width: 80px;
	text-align: center;
	border: 1px solid #f0f0f0;
	background: #1a1600;
}
.school-guide td{
	padding: 5px;
	border: 1px solid #f0f0f0;
}
.school-list{
	float: left;
	margin: 10px 10px 30px;
	width: 360px;
}
.school-list caption{
	font-size: 116%;
	background: #1a1600;
}
.school-list th{
	padding: 5px;
	padding-left: 25px;
	border-bottom: 1px solid #f0f0f0;
	background: url("../p_img/p367/listarw-y1.png") no-repeat 0 50%;
}
.school-list td{
	padding: 5px;
	text-align: right;
	border-bottom: 1px solid #f0f0f0;
}


/*サロン案内*/
#salonguide{
	margin: 20px;
}
#salonguide td img{
	margin-bottom: 10px;
}

#torihikihyouji{
	margin: 20px auto;
	width: 680px;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}
#torihikihyouji caption{
	padding: 5px;
	font-weight: bold;
}
#torihikihyouji th{
	padding: 10px!important;
	width: 100px;
	text-align: right;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}
#torihikihyouji td{
	padding: 10px!important;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}

/*プロフィール*/
ul.profile li{
	padding-bottom: 0.5em;
}
table.table10{
	margin: 10px;
}
table.table10 th{
	font-size: 1.5em;
	color: #f0f0f0;
}



/*取り扱い商品*/
ul.product{
	margin: 5px;
	list-style-type: none;
}
ul.product li{
	display: inline;
	padding: 2px;
}
ul.product li a{
	font-size: 93%;
}
.productlist table.table10{
	width: 98%;
	margin: 20px;
}
.productlist table.table10 th{
	padding-top: 10px;
	background: url(../p_img/p367/line-star3.gif) 0 0 repeat-x;
}
.productlist table.table10 td{
	vertical-align: top;
}
p.ordercomment{
	margin: 10px;
	text-align: right;
}

/*フッタ*/
#footer{
	clear: both;
	margin-bottom: 20px;
}
#footer table{
	width: 830px;
	border: 1px solid #d8b532;
	background: url(../p_img/p367/footbox-bg-trans.png) repeat-x;
}
.footlogo{
	width: 262px;
	height: 88px;
	vertical-align: top;
}
.footlogo a{
	display: block;
	margin: 10px;
	width: 242px;
	height: 97px;
	text-decoration: none;
	background: url("../p_img/p367/footlogo-trans.png") no-repeat;
}
.footadd{
	width: 400px;
	vertical-align: top;
}
.footadd strong{
	font-size: 116%;
}
.footmobi{
	vertical-align: top;
	text-align: center;
}
.copyright{
	margin: 0;
	font-size: 93%;
	line-height: 30px;
	text-align: center;
}

#acc{display:none;}
#g-link{
	clear: both;
	margin: 5px 10px;
	text-align: right;
}

/*トップ店舗紹介*/
table#about{
	margin: 10px 0;
}

/*トップ新着一覧*/
#top-list{
	margin-bottom: 10px;
}
#top-list ul{
	list-style-type: none;
	margin: 6px;
	padding: 0;
}
#top-msg h2{
	margin: 10px auto;
	width: 600px;
	height: 44px;
	background: url("../p_img/p367/top-welcome.png") 50% 50% no-repeat;
}
/*トップ・記事*/
#toparticle{margin-bottom:10px;border-bottom:1px solid #d2d2d2;}
#toparticle h3{margin:8px 10px;font-size:0.9em;border-bottom: 1px solid #ff6600;}
#toparticle h3 a{color:#333;}
#toparticle img{float:left;margin:10px;}
#toparticle p.comm{margin-left:180px;}
.readmore{margin:5px 10px;text-align:right;}
#toplink ul{margin-left:20px;padding:5px;}

/*マルチ表示*/
#multiview .firstbox{margin:10px;border-bottom:1px solid #d2d2d2;}
#multiview table{margin:10px auto;width:620px;}
#multiview th{width:90px;border-bottom:1px solid #d2d2d2;}
#multiview td{border-bottom:1px solid #d2d2d2;}

/*シングル表示*/
#firstbox,#secondbox,#thirdbox{margin-left:10px;padding-bottom:20px;}
#singleview h3{font-size:108%;}
#singleview div.clr{margin:5px 0;width:100%;border-bottom:1px solid #aaa;}
#singleview .cmt2{margin-top:20px;}
#secondbox{padding-top:10px;text-align:left;}
#thirdbox{clear:both;padding-top:10px;text-align:left;}
div.map p{margin:4px;font-size:70%;text-align:right;}
/*シングル２列*/
#singleview{float:left;}
#singleview h2{width:680px;}
#singleview #firstbox{float:left;width:480px;}
#singleview #secondbox{float:right;width:170px;}
#singleview #secondbox h3{font-size:1.25em;}
#singleview #secondbox p.imgmemo{margin-bottom:20px;padding:10px 5px;text-align:left!important;}
#singleview #secondbox a{font-size:1.25em;line-height:1.7;}

/*地図*/
#mapview iframe{margin:20px;padding:0;background:#000;}
#mapview a{color:#666;font-size:0.95em;}
#mapview h2{}
.csname{color:#333;}
.csname a{font-size:1em;color:#333;}
p#illustmap{margin:20px;}

/*メールフォーム*/
#mailform {padding:0;}
#mailform p.errmsg{padding:6px;color:#FFFF99;}
#mailform label{display:block;margin:10px 20px 2px 10px;padding:2px;line-height:1.8;text-indent:1.0em;color:#f0f0f0;border-top:2px dotted #f0f0f0;}
#mailform input,#mailform textarea{margin-left:10px;}
#mailform p.submitbtn{margin:10px;padding:4px;background:#f0f0f0;}

/*簡易通販*/

/*通販共通*/
#orderpage{margin:0 auto 10px auto;}
#orderpage h2{}
#orderpage p.item-errmsg{margin:5px;font-weight:bold;}
p.submitbtn{clear:both;margin:10px auto;padding:5px 0;border:2px solid #dcbe32;}
p.submitbtn input{font-size:108%;}
p.order-errmsg{margin:10px 20px;}
#orderpage p.thumb-left{float:left;margin-right:10px;}
#orderpage p.thumb-right{float:right;margin-left:10px;}

/*商品選択をリセットボタン	*/
p#order-reset{
	margin: 10px;
	text-align: right;
}
p#order-reset a{
	padding: 4px;
	border: 2px solid #fff;
	background:#6f6f00;
}
.orderitem-box{
	margin: 10px auto;
	border: 1px solid #fafafa;/*
	background: #000;*/
}
.orderitem-box h3{
	padding: 4px 0;
	background: #1a1600;
	font-size: 116%;
	font-weight: bold;
	color: #dcbe32;
}
.orderitem-box h3 a{
	font-size: 116%;
	font-weight: bold;
	color: #dcbe32;
	text-decoration: none;
}
.orderitem-box table{
	margin: 5px;
}
.orderitem-box td{
	vertical-align: top;
}
.orderitem-box .comment{
	padding: 5px;
	text-align: left;
}
.item-main-box{
	float: left;
	width: 560px;
}
.item-price-box{
	float: right;
	width: 190px!important;
}
.item-price-box th{
	padding: 5px;
	width: 60px;
	border: 1px solid #eee;
	color: #dcbe32;
	font-weight: normal;
	text-align: center;
	background: #1a1600;
}
.item-price-box td{
	padding: 5px;
	border: 1px solid #eee;
	background: #262626;
}
.item-price-box td strong{
	font-size: 1.25em!important;
}
.item-sub-box{
	clear: both;
	width: 560px;
}
#order-list p.submitbtn{
	padding: 5px;
	text-align: right;
	border: none;
}

/*通販・入力画面*/
#orderpage h3.order-inq{
	margin: 10px 5px 5px;
	padding: 5px;
	font-size: 108%;
	color: #333;
	background:#dfdfdf;
} 
table#order-inq-table{
	margin: 10px auto;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
table#order-inq-table caption{
	font-size: 1.5em;
	text-align: left;
}
table#order-inq-table th,
table#order-inq-table td{
	padding: 5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table#order-inq-table th{
	color:#dcbe32;
	background: #1a1600;
}
table#order-inq-table td{
	background: #262626;
}
table#order-inq-table th.head-col{
	text-align: center;
	font-size: 108%;
	letter-spacing: 1px;
}
table#order-inq-table td small{
	font-size:0.75em;
}
table#order-inq-table th.bottom-col{
	text-align: right;
	font-size: 108%;
}
table#order-inq-table td.yen-col{
	text-align: right;
}

table#order-customer{
	margin:10px auto;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
table#order-customer caption{
	font-size:1.5em;
	text-align: left;
}
table#order-customer th{
	padding:5px 10px;
	width: 140px;
	text-align: right;
	color:#dcbe32;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #1a1600;
}
table#order-customer td{
	padding: 5px 15px;
	width: 430px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


table.all-item-col{
	margin: 15px auto;
	width: 600px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
table.all-item-col td,#all-item-col th{
	padding: 5px;
	border-bottom: 1px solid #fff;
}
table.all-item-col td.photo{
	width: 80px;
}
table.all-item-col td.price{
	width: 170px;
	text-align: right;
}

#item-list-col{
	margin: 10px auto;
	width: 620px;
}
#item-list-col table{
	float: left;
	margin: 2px;
	width: 150px;
	border: 1px solid #fff;
}
#item-list-col table h3{
	margin-top: 10px;
	height: 2.5em;
}
#item-list-col table p.photo{
	height: 140px;
	line-height:140px;
}
#item-list-col table p.photo img{
}
#item-list-col table td.photo{
	width: 150px;
}
#item-list-col table p.comment{
	height: 100px;
	overflow: hidden;
}
#item-list-col table p.price{
	height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
	text-align:right;
}

table#order-item-list{
	margin:10px auto;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
table#order-item-list caption{
	font-size: 108%;
}
table#order-item-list th{
	padding: 5px 10px;
	text-align: right;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table#order-item-list td{
	padding:5px;
	width: 200px;
	text-align: right;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}



/*クーポン*/
#coupon table{
	margin:10px;
}
#coupon td{
	padding: 10px;
	vertical-align: top;
}
#coupon table a{
	text-decoration:none;
}
/* Win IE5.5用 */
@media tty {i{content:"\";/*" "*/}}@m; @import 'p367ie55.css';
 {;}/*";}}/* */