@charset "utf-8";
@import "common.css";

/* ----------------------------------------------------------------------------------- */
/* home */
/* ----------------------------------------------------------------------------------- */
#home_banner {padding:18px 0 0 36px;margin:0;}
#home_left{width:510px;float:left;padding:18px 0 0 36px!important;margin:0;}
#home_right{width:170px;margin:0 0 0 570px;padding:36px 0 0;height:auto;}
#home h2{height:15px;width:53px;background:transparent url("../images/home/h2_news.gif") no-repeat;margin:0 0 4px;padding:0;}
#news{background:transparent;margin:0;padding:8px 8px 0;/*height:140px;*/height:296px;overflow-y:auto;border:1px solid #ddd;}
#news *{font-size:11px;line-height:150%;padding-bottom:1em;}
#news dt{width:100px;float:left;}
#news dd{margin-left:100px;width:370px;}


/* ----------------------------------------------------------------------------------- */
/* products */
/* ----------------------------------------------------------------------------------- */
/* main image */
#product01 #main{background-image:url("../images/products/main01.jpg");}
#product02 #main{background-image:url("../images/products/main02.jpg");}
#product03 #main{background-image:url("../images/products/main03.jpg");}
#product04 #main{background-image:url("../images/products/main04.jpg");}
#product05 #main{background-image:url("../images/products/main05.jpg");}
#product06 #main{background-image:url("../images/products/main06.jpg");}
#product07 #main{background-image:url("../images/products/main07.jpg");}
#product08 #main{background-image:url("../images/products/main08.jpg");}
#product09 #main{background-image:url("../images/products/main09.jpg");}/* プレミアムパウダー */
#product10 #main{background-image:url("../images/products/main10.jpg");}/* ホワイトクリーム */
#product11 #main{background-image:url("../images/products/main11.jpg");}/* 5点セット */
#product12 #main{background-image:url("../images/products/main12.jpg");}/* モイスチャーシャンプー */
#product13 #main{background-image:url("../images/products/main13.jpg");}/* モイスチャーコンディショナー*/

/* local menu highlight */
#product01 #local01,
#product02 #local02,
#product03 #local03,
#product04 #local04,
#product05 #local05,
#product06 #local06,
#product07 #local07,
#product08 #local08,
#product09 #local09,
#product10 #local10,
#product12 #local12,
#product13 #local13{background-position:left -21px;}

/* local menu */
.products #local01{background-image:url("../images/products/local01.gif");}
.products #local02{background-image:url("../images/products/local02.gif");}
.products #local03{background-image:url("../images/products/local03.gif");}
.products #local04{background-image:url("../images/products/local04.gif");}
.products #local05{background-image:url("../images/products/local05.gif");}
.products #local06{background-image:url("../images/products/local06.gif");}
.products #local07{background-image:url("../images/products/local07.gif");}
.products #local08{background-image:url("../images/products/local08.gif");}
.products #local09{background-image:url("../images/products/local09.gif");}/* プレミアムパウダー */
.products #local10{background-image:url("../images/products/local10.gif");}/* ホワイトクリーム */
.products #local12{background-image:url("../images/products/local12.gif");}/* モイスチャーシャンプー */
.products #local13{background-image:url("../images/products/local13.gif");}/* モイスチャーコンディショナー */

/* h2 */
#product01 h2{background-image:url("../images/products/h2_01.gif");}
#product02 h2{background-image:url("../images/products/h2_02.gif");}
#product03 h2{background-image:url("../images/products/h2_03.gif");}
#product04 h2{background-image:url("../images/products/h2_04.gif");}
#product05 h2{background-image:url("../images/products/h2_05.gif");}
#product06 h2{background-image:url("../images/products/h2_06.gif");}
#product07 h2{background-image:url("../images/products/h2_07.gif");}
#product08 h2{background-image:url("../images/products/h2_08.gif");}
#product09 h2{background-image:url("../images/products/h2_09.gif");}/* プレミアムパウダー */
#product10 h2{background-image:url("../images/products/h2_10.gif");}/* ホワイトクリーム */
#product11 h2{background-image:url("../images/products/h2_11.gif");}/* 5点セット */
#product12 h2{background-image:url("../images/products/h2_12.gif");}/* モイスチャーシャンプー */
#product13 h2{background-image:url("../images/products/h2_13.gif");}/* モイスチャーコンディショナー */

/* h3 */
#product01 h3{background-image:url("../images/products/h3_01.gif");}
#product02 h3{background-image:url("../images/products/h3_02.gif");}
#product03 h3{background-image:url("../images/products/h3_03.gif");}
#product04 h3{background-image:url("../images/products/h3_04.gif");}
#product05 h3{background-image:url("../images/products/h3_05.gif");}
#product06 h3{background-image:url("../images/products/h3_06.gif");}
#product07 h3{background-image:url("../images/products/h3_07.gif");}
#product08 h3{background-image:url("../images/products/h3_08.gif");}
#product09 h3{background-image:url("../images/products/h3_09.gif");}/* プレミアムパウダー */
#product10 h3{height: 63px; background-image:url("../images/products/h3_10.gif");}/* ホワイトクリーム */
#product12 h3{height: 63px; background-image:url("../images/products/h3_12.gif");}/* モイスチャーシャンプー */
#product13 h3{background-image:url("../images/products/h3_13.gif");}/* モイスチャーコンディショナー */

ul.badgelist{
	border-top:1px dotted #a9a9a6;
	padding-top:6px;
	height:26px;
	margin:0 18px 18px 0;
}
ul.badgelist li{
	float:right;
	width:48px;
	height:26px;
	background-color:transparent;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-999px;
	margin:0 2px 0;
}
#badge_alcohol{background-image:url("../images/products/badge_alcohol.gif");}
#badge_paraben{background-image:url("../images/products/badge_paraben.gif");}

#spec{
	position:relative;
	font-size:11px;
	line-height:120%;
	background:#e6e4dd;
	padding:8px 6px 8px 72px;
	margin:0 36px 18px 14px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
#spec h4{margin-bottom:6px;font-size:11px;}
#spec img{position:absolute;left:0px;top:-12px;display:block;width:68px;height:111px;}
#spec dl *{font-size:10px;line-height:130%;font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS Gothic",sans-serif;}
#spec dl{margin:1em 0 0;}
#spec dt{clear:both;width:86px;text-align:right;float:left;}
#spec dd{margin:0 1em 0.5em 86px;}
#spec a{
	position:absolute;
	top:6px;
	display:block;
	width:70px;
	height:25px;
	overflow:hidden;
	text-indent:-999px;
	background-color:transparent;
	background-repeat:none;
	}
#spec a:hover{background-position:left -25px;}
#btn_usage{background-image:url("../images/products/btn_usage.gif");right:78px;}
#btn_formula{background-image:url("../images/products/btn_formula.gif");right:6px;}
#spec #btn_buy{background-image:url("../images/products/btn_buy.gif");top:34px;right:6px;width:142px;height:20px;}
#spec #btn_buy:hover{background-position:left -20px;}


/* 製品案内ポップアップ */
.popup{
	position:absolute;
	left:120px;
	top:120px;
	background-color:transparent;
	display:none;
	}
.popup *{color:#666;}
.popup h4{width:576px;height:47px;margin:0;padding:0;overflow:hidden;text-indent:-999px;}
#voice h4{margin-bottom:1em;border-bottom:1px dotted #aaa;}
#usage h4{background:transparent url("../images/products/popup_h4_usage.png");}
#formula h4{background:transparent url("../images/products/popup_h4_formula.png");}
.popup ul,
.popup div{
	width:504px;
	height:320px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:28px 36px!important;
	margin:0!important;
	background:transparent url("../images/products/popup_bg.png") repeat-y;
	}
.popup h5{clear:both;font-size:12px;margin:0 0 1em;padding:0 0 2px;border-bottom:1px dotted #aaa;line-height:120%;}
.popup p{margin:0!important;padding-bottom:2em!important;}
#voice li,
.popup li{margin-left:1em;list-style-type:disc;margin-bottom:1em;line-height:130%;}
.btn_close{
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	width:576px;
	height:43px;
	background:transparent url("../images/products/popup_bottom.png") no-repeat;
	overflow:hidden;
	text-indent:-999px;
	}
#usage img{display:block;float:left;width:120px;height:90px;margin:0 0.5em 0;}
#usage p{clear:both;margin:0.5em 0!important;padding:0!important;height:90px;}
#voice ul{margin:0 1em 0 1em;}
#voice{padding-bottom:6px;}

/* ----------------------------------------------------------------------------------- */
/* about_althea */
/* ----------------------------------------------------------------------------------- */
/* main image */
#about01 #main{background-image:url("../images/about_althea/main02.jpg");}

/* local menu */
.about_althea #local01{background-image:url("../images/about_althea/local01.gif");}
.about_althea #local02{background-image:url("../images/about_althea/local02.gif");}
.about_althea #local03{background-image:url("../images/about_althea/local03.gif");}
.about_althea #local04{background-image:url("../images/about_althea/local04.gif");}

/* h2 */
#about01 h2#a00{background-image:url("../images/about_althea/h2_01.gif");}
#about01 h2#a01{background-image:url("../images/about_althea/h2_02.gif");}
#about01 h2#a02{background-image:url("../images/about_althea/h2_03.gif");}
#about01 h2#a03{background-image:url("../images/about_althea/h2_04.gif");}

/* about */
#about01 #lower_right dl{margin:1em 36px 1em 14px;!important;background-color:#e6e4dd;padding:12px 12px 1px;-webkit-border-radius:4px;-moz-border-radius:4px;}
#about01 #lower_right dl dt{background:none;padding:0;margin:0 0 0.5em!important;line-height:130%;border:none;}
#about01 #lower_right dl dd{background:none;padding:0;margin:0 0 1em 2em!important;line-height:130%;}

/* faq */
#about02 #main{background-image:url("../images/faq/main01.jpg");}
#about02 #local04{background-position:left -21px;}
#about02 h2#a01{background-image:url("../images/faq/h2_01.gif");}
#about02 h2#a02{background-image:url("../images/faq/h2_02.gif");}
#about02 h2#a03{background-image:url("../images/faq/h2_03.gif");}
#about02 h2#a04{background-image:url("../images/faq/h2_04.gif");}

.faqlist dt{background:transparent url("../images/faq/faq_i.gif") no-repeat;padding:0px 0 0 24px;border-bottom:1px dotted #a9a9a6;}
/*.faqlist dt{background:transparent url("../images/faq/faq_q.gif") no-repeat;padding:4px 0 0 32px;border-bottom:1px dotted #a9a9a6;}*/
.faqlist dd{/*background:transparent url("../images/faq/faq_a.gif") no-repeat;*/padding:4px 0 0 24px;margin:1em 0 3em!important;}
.faqlist dl,
.faqlist ul{margin:1em 0!important;background-color:#e6e4dd;padding:12px 12px 1px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.faqlist blockquote{margin:1em 0;background-color:#e6e4dd;padding:12px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:11px;}
.faqlist dl dt{background:none;padding:0;margin:0 0 0.5em!important;line-height:130%;border:none;}
.faqlist dl dd{background:none;padding:0;margin:0 0 1em 2em!important;line-height:130%;}
.faqlist ul li{list-style-type:disc;margin-left:2em;margin-bottom:1em;line-height:130%;} 
.faqlist ol{margin:0 0 1em!important;background-color:#e6e4dd;padding:12px 12px 1px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.faqlist ol li{list-style-type:lower-alpha;margin-left:2em;margin-bottom:1em;line-height:130%;}
.faqlist table{margin:1em 0!important;width:400px!important;}
.faqlist tr{border-bottom:1px solid #a9a9a6;}
.faqlist td,.faqlist th{border:none!important;padding:6px!important;font-weight:normal;line-height:130%;}
#faq_li{height:auto!important;}
#faq_li ul{
	margin:12px 0 0 12px;
	}
#faq_li ul li{
	display:block;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS Gothic",sans-serif;
	height:auto;
	font-size:10px;
	list-style-type:disc;
	margin:4px 0 0 18px;
	line-height:120%;
	}
#faq_li ul li a{
	line-height:120%;
	/*display:block;*/
	font-size:10px;
	text-indent:0;
	width:auto;
	height:auto;
	}
.faqlist em{text-decoration:none;font-style:normal;color:#e53;}

/* ----------------------------------------------------------------------------------- */
/* guide */
/* ----------------------------------------------------------------------------------- */
/* main */
#guide #main{background-image:url("../images/common/main_guide.jpg");}
/* h2 */
#guide h2#a00{background-image:url("../images/common/h2_guide.gif");}
/*h3*/
#guide #lower h3{overflow:auto;text-indent:0;margin:0 2em 1em 0.5em;height:auto;width:auto;border-bottom:1px solid #aaa;}
#guide #lower h4{line-height:120%;margin:0.5em 2em 0.5em 1em;background:#888;color:#eee;padding:4px 6px;-webkit-border-radius:4px;-moz-border-radius:4px;}
/*local*/
#guide #local li a{overflow:auto;text-indent:0;}

/* ----------------------------------------------------------------------------------- */
/* registration */
/* ----------------------------------------------------------------------------------- */
#registration #main{background-image:url("../images/common/main_girls.jpg");}
#registration h2{background-image:url("../images/common/h2_registration.gif");}
#registration #local01{background-image:url("../images/about_althea/local04.gif");}
#registration span{color:#d20;font-size:10px;line-height:150%;}
#registration td input{margin:4px 2px;}
#registration th,
#registration td{vertical-align:middle;font-weight:normal;line-height:180%;padding:6px;}


/* ----------------------------------------------------------------------------------- */
/* inquiry */
/* ----------------------------------------------------------------------------------- */
#inquiry #main{background-image:url("../images/common/main_drop.jpg");}
#inquiry h2{background-image:url("../images/common/h2_inquiry01.gif");}

/* ----------------------------------------------------------------------------------- */
/* Standard Service */
/* ----------------------------------------------------------------------------------- */
/* main image */
#standard #main{background-image:url("../images/standard/main01.jpg");}

/* headings */
#standard h2#a00{background-image:url("../images/standard/h2.gif");}
#standard #lower h3{
	height:auto;
	text-indent:0;
	overflow:auto;
	line-height:120%;
	margin:0.5em 2em 1em 1em;
	background:#888;
	color:#eee;
	padding:4px 6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
#standard #lower h4{margin:0.5em 2em 1em 1em;border-bottom:1px dotted #aaa;}
#standard #lower_right div{margin-bottom:2em;}
#standard #lower #fig02{margin-bottom:12px;}
#standard #lower_right{margin-left:220px!important;margin-left:204px;}

/* local menu */
#standard #local01{background-image:url("../images/standard/local01.gif");}
#standard #local02{background-image:url("../images/standard/local02.gif");}
#standard #local03{background-image:url("../images/standard/local03.gif");}