@charset "shift_jis";
/*ƒŠƒZƒbƒg*/

html,body,h1,h2,h3,h4,h5,h6,h7,p,address,hr,form,slect.option,input,img,ul,ol.li,td,th,table,dl,dt,dd{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:1.5em;
}

img{
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

ul,ol,li{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	list-style:none;
}

table,th,td{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	border:0;
}

.clear{
	clear:both;
	visibility:hidden;
	height:0;
} 

br.clear{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
}

.bold{
	font-weight:bold;
}

.kome{
	color:#FC7215;
	font-weight:normal;
}

.tal{
	text-align:left;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}


.left{
	float:left;
}

.right{
	float:right;
}

body{
/*	font-size:75%;*/
/*	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";*/
	font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
}

a{
	color:#336600;
}

a:link {text-decoration: underline;}
a:visited {
	color:#336600;
}

a:hover { text-decoration: underline;
          color:#009900;
}
a:active {text-decoration: none;}



/* clearfix */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* IE‚̉ü�sƒoƒO‘Î�ô------------------------- */
br { letter-spacing : normal; } 













/*‘S‘Ì*/
body{
	background:#FFFFCC;
	text-align:center;
	color:#666666;
}

div#layout{
	background:white url(../img/common/bg.jpg) center top repeat-y;
	width:800px;
	margin:0 auto;
	padding:0 9px;
	text-align:left;
}

div#header{
	border-top:3px solid #669900;
	width:800px;
	height:28px;
	line-height:28px;
}

h1{
	font-size:83%;
	color:#94B74C;
	padding:0 0 0 15px;
	line-height:28px;
	float:left;
}


div#header ul{
	line-height:28px;
	height:28px;
	float:right;
	padding:0 15px 0 0;
}

div#header ul li{
	display:inline;
	font-size:83%;
}





div#mainimgs{
	clear:both;
	width:800px;
	height:300px;
}

div#mainimgs p#mainimg{
	width:589px;
	height:300px;
	background:url(../img/common/mainimg.jpg) left top no-repeat;
	float:right;
	text-indent:-9999px;
}

div#mainimgs div{
	width:194px;
	height:291px;
	float:left;
	padding:9px 0 0 17px;
	background:url(../img/common/mainleftbar.jpg) left top no-repeat;
}

div#mainimgs div p#title{
	width:194px;
	height:51px;
	background:url(../img/common/title.jpg) left top no-repeat;
	margin:0 0 16px 0;
}
div#mainimgs div p#title a{
	display:block;
	width:194px;
	height:51px;
	background:url(../img/common/title.jpg) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


div#mainimgs div ul{
	width:179px;
	margin:0 0 0 15px;
}

div#mainimgs div ul li{
	width:179px;
	height:27px;
}
div#mainimgs div ul li a{
	display:block;
	width:179px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
}

div#mainimgs div ul li#hnaturalcream,div#mainimgs div ul li#hnaturalcream a{
	background:url(../img/common/menu/hnaturalcream.jpg) left top no-repeat;
}
div#mainimgs div ul li#hnaturalcream,div#mainimgs div ul li#hnaturalcream a:hover{
	background:url(../img/common/menu/hnaturalcream2.jpg) left top no-repeat;
}

div#mainimgs div ul li#hconditioner,div#mainimgs div ul li#hconditioner a{
	background:url(../img/common/menu/hconditioner.jpg) left top no-repeat;
}
div#mainimgs div ul li#hconditioner,div#mainimgs div ul li#hconditioner a:hover{
	background:url(../img/common/menu/hconditioner2.jpg) left top no-repeat;
}


div#mainimgs div ul li#hconditioner,div#mainimgs div ul li#fg a{
	background:url(../img/common/menu/fg.jpg) left top no-repeat;
}
div#mainimgs div ul li#hconditioner,div#mainimgs div ul li#fg a:hover{
	background:url(../img/common/menu/fg2.jpg) left top no-repeat;
}


div#mainimgs div ul li#hclear,div#mainimgs div ul li#hclear a{
	background:url(../img/common/menu/hclear.jpg) left top no-repeat;
}
div#mainimgs div ul li#hclear,div#mainimgs div ul li#hclear a:hover{
	background:url(../img/common/menu/hclear2.jpg) left top no-repeat;
}

div#mainimgs div ul li#hgel,div#mainimgs div ul li#hgel a{
	background:url(../img/common/menu/hgel.jpg) left top no-repeat;
}
div#mainimgs div ul li#hgel,div#mainimgs div ul li#hgel a:hover{
	background:url(../img/common/menu/hgel2.jpg) left top no-repeat;
}

div#mainimgs div ul li#hliftupcream,div#mainimgs div ul li#hliftupcream a{
	background:url(../img/common/menu/hliftupcream.jpg) left top no-repeat;
}
div#mainimgs div ul li#hliftupcream,div#mainimgs div ul li#hliftupcream a:hover{
	background:url(../img/common/menu/hliftupcream2.jpg) left top no-repeat;
}

div#mainimgs div ul li#hfoudation,div#mainimgs div ul li#hfoundation a{
	background:url(../img/common/menu/hfoundation.jpg) left top no-repeat;
}
div#mainimgs div ul li#hfoudation,div#mainimgs div ul li#hfoundation a:hover{
	background:url(../img/common/menu/hfoundation2.jpg) left top no-repeat;
}
div#mainimgs div ul li#hchura,div#mainimgs div ul li#hchura a{
	background:url(../img/common/menu/hchura.jpg) left top no-repeat;
}
div#mainimgs div ul li#hchura,div#mainimgs div ul li#hchura a:hover{
	background:url(../img/common/menu/hchura2.jpg) left top no-repeat;
}

div#mainimgs div ul li#hbase,div#mainimgs div ul li#hbase a{
	background:url(../img/common/menu/hbase.jpg) left top no-repeat;
}
div#mainimgs div ul li#hbase,div#mainimgs div ul li#hbase a:hover{
	background:url(../img/common/menu/hbase2.jpg) left top no-repeat;
}

div#mainimgs div ul li#htrial,div#mainimgs div ul li#htrial a{
	background:url(../img/common/menu/htrial.jpg) left top no-repeat;
}
div#mainimgs div ul li#htrial,div#mainimgs div ul li#htrial a:hover{
	background:url(../img/common/menu/htrial2.jpg) left top no-repeat;
}





div#maincontents{
	clear:both;
	padding:18px 13px 0 17px;
	width:770px;
}









div#contents{
	float:right;
	width:540px;
}




div#annai{
	width:540px;
	background:#E0EBCC;
	padding:0 0 5px 0;
}

div#annai p.title{
	background:url(../img/common/annai/annaititle.jpg) left top no-repeat;
	width:540px;
	height:30px;
	text-indent:-9999px;
	margin:0 0 12px 0;
}

div#annai div#annaibox{
	background:url(../img/common/annai/annai_b_bg2.jpg) left top repeat-y;
	width:518px;
	margin:0 10px -3px 12px;
}

div#annai div#annaibox ul{
	background:url(../img/common/annai/annai_b_top.jpg) left top no-repeat;
	width:518px;
	padding:12px 0 0 0;
}

div#annai div#annaibox ul li.item{
	width:230px;
	margin:0 0 12px 0;
	padding:2px 0 12px 0;
	border-bottom:1px dashed #999999;
}

div#annai div#annaibox ul li.left{
	float:left;
	display:inline;
	margin-left:16px;
}
div#annai div#annaibox ul li.right{
	float:right;
	display:inline;
	margin-right:17px;
}

div#annai div#annaibox ul li.item p{
	font-size:83.3%;
	float:right;
	width:160px;
}
div#annai div#annaibox ul li.item p span{
	font-weight:bold;
}

div#annai div#annaibox ul li.item p.img{
	float:left;
	width:70px;
}

div#annai div#annaibox ul li.item p.order{
	width:160px;
	height:25px;
	background:url(../img/common/order.jpg) left top no-repeat;
	margin:3px 0 0 0;
}
div#annai div#annaibox ul li.item p.order a:hover{
	display:block;
	width:160px;
	height:25px;
	background:url(../img/common/order2.jpg) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#annai div#annaibox ul li.item p.order a{
	display:block;
	width:160px;
	height:25px;
	background:url(../img/common/order.jpg) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#annai div#annaibox ul li.hr{
	background:url(../img/common/annai/annai_b_bottom.jpg) left bottom no-repeat;
	width:518px;
	height:20px;
	clear:both;
}

div#annai div#annaibox ul li.hr hr{
	display:none;
	height:12px;
	line-height:1;
	border:none;
}



div#annai p#tsuite{
	width:518px;
	height:48px;
	margin:0 10px 0 12px;
	background:#E0EBCC url(../img/common/annai/tsuite.jpg) right top no-repeat;
}

div#annai p#tsuite a{
	display:block;
	float:right;
	width:213px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
}


p.gotop{
	text-align:right;
	margin:1em 0 1em 0;
	font-weight:bold;
}






div#menubar{
	float:left;
	width:210px;
	padding:0;
}

div#menubar p#to_home{
	background:url(../img/common/menu/to_home.jpg) left top no-repeat;
	width:210px;
	height:38px;
}
div#menubar p#to_home a{
	display:block;
	background:url(../img/common/menu/to_home.jpg) left top no-repeat;
	width:194px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
}


div#menu1{
	width:190px;
	margin:0 auto 20px;
	padding:0 10px 10px 10px;
	background:#E0F0B2 url(../img/common/menu/menu1bottom.jpg) left bottom no-repeat;
}



div#menu1 ul{
	width:190px;
	margin:0 auto;
}

div#menu1 ul ol{
	width:180px;
	margin:0 auto 12px;
}

div#menu1 ul ol li{
	background:url(../img/common/menu/list.jpg) left center no-repeat;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
}


div#menu1 ul li p.title{
	width:190px;
	height:50px;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
div#menu1 ul li#m_genuine p.title{
	background:url(../img/common/menu/genuine.jpg) left top no-repeat;
}
div#menu1 ul li#m_item p.title{
	background:url(../img/common/menu/item.jpg) left top no-repeat;
}
div#menu1 ul li#m_customer p.title{
	background:url(../img/common/menu/customer.jpg) left top no-repeat;
}
div#menu1 ul li#m_guide p.title{
	background:url(../img/common/menu/guide.jpg) left top no-repeat;
}
div#menu1 ul li#m_company p.title{
	background:url(../img/common/menu/company.jpg) left top no-repeat;
}



div#menu1 ul li#m_item ol{
	width:180px;
	margin:0 auto 12px;
}

div#menu1 ul li#m_item ol li{
	background:none;
	padding:0;
}

div#menu1 ul li#m_item ol li p.title{
	width:180px;
	height:17px;
	text-indent:-9999px;
	margin:0 0 7px 0;
}

div#menu1 ul li#m_item ol li#ss p.title{
	background:url(../img/common/menu/ss.jpg) left top no-repeat;
}
div#menu1 ul li#m_item ol li#fb p.title{
	background:url(../img/common/menu/fb.jpg) left top no-repeat;
}
div#menu1 ul li#m_item ol li#tr p.title{
	background:url(../img/common/menu/tr.jpg) left top no-repeat;
}


div#menu1 ul li#m_item ol li ul li{
	padding:0 0 0 34px;
	height:30px;
	margin:0 0 5px 0;
	line-height:30px;
	font-size:83.3%;
}
div#menu1 ul li#m_item ol li ul li#mnatural{
	background:url(../img/common/menu/mnatural.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mconditioner{
	background:url(../img/common/menu/mconditioner.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mfg{
	background:url(../img/common/menu/mfg.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mclear{
	background:url(../img/common/menu/mclear.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mgel{
	background:url(../img/common/menu/mgel.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mcream{
	background:url(../img/common/menu/mcream.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mchura{
	background:url(../img/common/menu/mchura.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mfoundation{
	line-height:1.2em;
	background:url(../img/common/menu/mfoundation.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mbase{
	background:url(../img/common/menu/mbase.jpg) left center no-repeat;
}
div#menu1 ul li#m_item ol li ul li#mtrial{
	background:url(../img/common/menu/mtrial.jpg) left center no-repeat;
}







div#menu2{
	width:186px;
	margin:0 auto;
	text-align:center;
}

div#menu2 p{
	text-align:center;
	margin:0 0 15px 0;
}









div#footer{
	clear:both;
	border-top:1px solid #999999;
	width:770px;
	background:white;
	padding:13px 0 0 0;
	margin:0 auto;
}

div#footer address{
	width:800px;
	text-align:center;
	letter-spacing:1px;
	line-height:1.6em;
	padding:0 0 14px 0;
}
div#footer address a{
	font-weight:bold;
}




/*	ƒtƒHƒ“ƒg*/

.red{
    color:#CC0000;
}

.redb{
    color:#CC0000;
	font-weight:bold;
}


.ore{
    color:#FF6600;
}

.oreb{
    color:#FF6600;
	font-weight:bold;
}

.orel{
    color:#FF6600;
	font-weight:bold;
	font-size:120%;
}