/*================================================
==================================================

全てのhtmlファイルのメタタグにキーワードを挿入すること!!!

mother Leaf サロン紹介サイト　[目次]

[各ページ共通css]
*デフォルトcssリセット
*ベース
*ヘッダ
*フッタ
*ナビゲーション
*リンク先

[トップページ]
*コンセプト
*オンラインショップへ
*インフォメーション

[エステコース]
*コースタイトル
*エステコース内容テキスト
*お問い合わせ先

[アクセス]
[ローションについて]

==================================================
================================================*/

/*デフォルトcssリセット
--------------------------------------------------*/
html,body{
	margin: 0px;
	padding: 0px;
	background-position: left;
	background-repeat: no-repeat;
}
 
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address {
	margin:0px 0px;
	padding: 0px;
}

/*ベース
--------------------------------------------------*/
a {
	text-decoration:none;
	}
	
a#mail,a.shop {
	color:#472805;
	}

a#mail:hover,td#mail:hover,a.shop:hover,td.shop:hover {
	color:#5ec772;
	}

table {
	margin:0px auto;
	padding:0px;
	}
	
p,ul,dl,ol,address{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",san-serif;
	font-size:85%;
	color:#472805;
	letter-spacing:0.1em;
	line-height:150%;
	}

img {
	border:0px;
	}

div#container {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	}

table#main {
	margin-bottom: 20px;
	}

/*ヘッダ
--------------------------------------------------*/
div#header {
	width: 760px;
	height: 200px;
	margin-bottom: 30px;
	background-image:url(image/header07.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align: left;
	}

div#header h1 {
	padding-top: 76px;
	}

/*フッタ
--------------------------------------------------*/
address {
	text-align:center;
	border:#5ec772 1px solid;
	width: 760px;
	height: 30px;
	font-style: normal;
	line-height: 220%;
	}

/*ナビゲーション
--------------------------------------------------*/
	/*ナビ背景指定*/
ul {
	list-style: none;
	}

li.nav {
	width: 160px;
	height: 50px;
	margin: 0px 30px 20px 0px;
	padding: 0px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #66C859;
	font-size:18px;
	font-weight: bold;
	line-height:18px;
	letter-spacing:0;
	text-align:center;
	color:#ffebcf;
	}

	/*ナビ背景*/
li#now {
	background-image:url(image/nav_ap01.jpg);
	margin: 0px 30px 20px 0px;
	padding:16px 0px;
	width:160px;
	height:18px;
	display:block;
	font-size:18px;
	font-weight: bold;
	line-height:18px;
	letter-spacing:0;
	text-align:center;
	color:#ffebcf;
	}

li#top {
	background-image:url(image/nav_ap01.jpg);
	}

li#lo,li#lon {
	background-image:url(image/nav_ap02.jpg);
	font-size:120%;
	}

li#esthe {
	background-image:url(image/nav_ap03.jpg);
	}

li#acc {
	background-image:url(image/nav_ap04.jpg);
	}

li#faq {
	background-image:url(image/nav_ap07.jpg);
	}

li#com {
	background-image:url(image/nav_ap05.jpg);
	}

	/*ロールオーバー*/
li#top a:hover,li#top:hover{
	background-image:url(image/nav_ap01.jpg);
	background-position: 0px -50px;
	}

li#lo a:hover,li#lo:hover,li#lon {
	background-image:url(image/nav_ap02.jpg);
	background-position: 0px -50px;
	}

li#esthe a:hover,li#esthe:hover,li#esthen {	
	background-image:url(image/nav_ap03.jpg);
	background-position: 0px -50px;
	}

li#acc a:hover,li#acc:hover,li#accn {
	background-image:url(image/nav_ap04.jpg);
	background-position: 0px -50px;
	}

li#faq a:hover,li#faq:hover,li#faqn {
	background-image:url(image/nav_ap07.jpg);
	background-position: 0px -50px;
	}

li#com a:hover,li#com:hover,li#comn {
	background-image:url(image/nav_ap05.jpg);
	background-position: 0px -50px;
	}

	/*アンカー・ブロックサイズ*/
li.nav a {
	margin:0px;
	padding:16px 0px;
	width:160px;
	height:18px;
	display:block;
	color:#ffebcf;
	}

li#lo a,li#lon {
	width:160px;
	height:34px;
	padding:8px 0px;
	}

li.nav a#esthe {
	width:160px;
	height:18px;
	padding:16px 0px;
	}

/*リンク先
--------------------------------------------------*/
	/*ナビ背景・ロールオーバー*/

li.link {
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #66C859;
	color:#ffebcf;
	margin: 0px 30px 20px 0px;
	padding:0px;
	width:160px;
	height: 100px;
	text-align:center;
	display:block;
	font-weight: bold;
	}

li.link a {
	color:#ffebcf;
	display: block;
	width: 160px;
	height: 100px;
	}

li#on {
	margin: 0px 30px 20px 0px;
	padding:0px;
	}
	
li.link a:hover {
	text-decoration: underline;
	color: #ffebcf;
	}

li#baby {
	margin: 0px 30px 20px 0px;
	padding:0px;
	}

	/*アンカー・ブロックサイズ*/

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

/*コンセプト
--------------------------------------------------*/
div#concept {
	width: 570px;
	height: 263px;
	background-image:url(image/ml_haikei03.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 0px;
	margin-bottom: 30px;
	}

div#concept h2 {
	margin:0px auto;
	padding:40px 40px 10px 40px;
	font-size:120%;
	color:#00115F;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:150%;
	}

p#top {
	margin:0px auto;
	padding:0px 35px 140px 30px;
	font-size:85%;
	color:#00115F;
	letter-spacing:0.1em;
	line-height:180%;
	}

p#top img {
	display: block;
	margin:auto;
	}
/*オンラインショップへ
--------------------------------------------------*/
a#shopbottun {
	width:570px;
	height:450px;
	display:block;
	background-image:url(image/ml_lotion04.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

/*==================================================
エステコース
========================================================*/
/*コースタイトル
--------------------------------------------------*/
p.titlebar {
	background-image:url(image/esthe_titleber.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom: 30px;
	padding:15px 0px 10px 20px;
	width:480px;
	height:25px;
	font-size:100%;
	font-weight:bold;
	}

p.titlebar em {
	font-size:175%;
	font-weight:bold;
	font-style:normal;
	color:#157a29;
	}

/*エステコース内容テキスト
--------------------------------------------------*/
p.course {
	font-size:110%;
	font-weight:bold;
	margin: 0px;
	padding: 0px 15px;
	}

p.course em {
	color:#157a29;
	font-size:120%;
	font-weight:bold;
	font-style:normal;
	}

p.coursetext {
	margin:0px;
	padding:10px 15px;
	}

img#pack,img#door {
	margin-bottom: 20px;
	}

/*お問い合わせ先
--------------------------------------------------*/
p#contact {
	width: 570px;
	height: 105px;
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	background-image:url(image/toiawase.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top: 30px;
	padding-top: 15px;
	}

p#contact em {
	font-style:normal;
	font-size:130%;
	font-weight:bold;
	line-height:160%;
	}

/*========================================================
アクセス
========================================================*/
p.maptitle {
	background-image:url(image/esthe_titleber.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom: 30px;
	padding:15px 0px 10px 20px;
	width:570px;
	height:25px;
	font-size:130%;
	line-height:1;
	font-weight:bold;
	text-align: left
	}

table.accese {
	margin-bottom: 30px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",san-serif;
	font-size:85%;
	color:#472805;
	letter-spacing:0.1em;
	line-height:150%;
	text-align: left;
	}

td.attention {
	font-weight:bold;
	}

table#shop td {
	border-bottom: 1px dashed #429d3e;
	border-spacing: 0px;
	}

/*========================================================
ローションについて
========================================================*/
table#lotion {
	margin-top:30px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",san-serif;
	font-size:85%;
	color:#472805;
	letter-spacing:0.1em;
	line-height:150%;
	border:#5ec772 1px solid;
	border-spacing:0px;
	border-collapse: collapse;
	}

table#lotion th {
	background-color:#5ec772;
	}

table#lotion tr.color {
	background-color:#c2eeb2;
	}

p.toshop {
	font-weight:bold;
	font-size:100%;
	color:#157a29;
	}

/*========================================================
Q&A
========================================================*/

table.qa {
	margin-bottom: 30px;
	}

table.qa td {
	border-bottom: 1px dashed #429d3e;
	border-spacing: 0px;
	padding: 20px;
	}

table.qa td.cate {
	border-bottom: 0px;
	}

table.qa td ul {
	margin-top: -20px;
	color: #569F3B;
	}

table.qa td li.category {
	margin-top: 10px;
	font-weight: bold;
	}

table.qa td.cate a {
	color: #225F0C;
	}

table.qa td.cate a:hover {
	text-decoration: underline;
	color: #97DF7D;
	}

table.qa td#item {
	height: 60px;
	color: #0D6F64;
	font-size: 120%;
	padding-top: 30px;
	}

table.qa td dt {
	font-weight: bold;
	}

table.qa td dt strong {
	color: #569F3B;
	}

table.qa td dd {
	margin-top: 5px;
	margin-left: 20px;
	text-indent: -1.5em;
	}

table.qa td dd strong {
	color: #CF4040;
	}

table.qa a.return {
	display: block;
	padding-top: 15px;
	font-size: 73%;
	text-align: right;
	color: #225F0C;
	}

table.qa a.return:hover {
	text-decoration: underline;
	color: #97DF7D;
	}