@charset "shift_jis";
/* CSS Document */

/* main img */
.header {
	width:883px;
	height:281px;
	margin:0 auto;
	padding:21px 0 0 0;
}
h1 {
	margin:0px 0 0 18px;
}
#placen .header h2 {
	margin:77px 0 0 150px;
}
#basemake .header h2 {
	margin:77px 0 0 120px;
}
#supple .header h2 {
	margin:77px 0 0 180px;
}
#skin .header h2 {
	margin:77px 0 0 49px;
}
#hyalurone .header h2 {
	margin:77px 0 0 49px;
}
#medicinal .header h2 {
	margin:77px 0 0 35px;
}
#make .header h2 {
	margin:77px 0 0 145px;
}
#cleanser .header h2 {
	margin:77px 0 0 200px;
}
#special .header h2 {
	margin:77px 0 0 170px;
}
#gtp .header h2 {
	margin:70px 0 0 85px;
}
#estrax .header h2 {
	margin:85px 0 0 130px;
}
#aboutus .header h2 {
	margin:80px 0 0 200px;
}
#placen .header {
	background:url(../images/placen/img_main2.jpg) 0 0 no-repeat;
}
#basemake .header {
	background:url(../images/placen/img_main3.jpg) 0 0 no-repeat;
}
#supple .header {
	background:url(../images/placen/img_main4.jpg) 0 0 no-repeat;
}
#hyalurone .header {
	background:url(../images/hyalurone/img_main.jpg) 0 0 no-repeat;
}
#cleanser .header {
	background:url(../images/placen/img_main5.jpg) 0 0 no-repeat;
}
#make .header {
	background:url(../images/placen/img_main6.jpg) 0 0 no-repeat;
}
#medicinal .header {
	background:url(../images/medicinal/img_main.jpg) 0 0 no-repeat;
}
#skin .header {
	background:url(../images/skin/img_main.jpg) 0 0 no-repeat;
}
#special .header {
	background:url(../images/placen/img_main7.jpg) 0 0 no-repeat;
}
#gtp .header {
	background:url(../images/gtp/img_main.jpg) 0 0 no-repeat;
}
#estrax .header {
	background:url(../images/estrax/img_main.jpg) 0 0 no-repeat;
}
#aboutus .header {
	background:url(../images/aboutus/img_main.jpg) 0 0 no-repeat;
}
/* grobal navi */
.navi {
	background:url(../images/bg_grline.jpg) bottom repeat-x;
	width:100%;
}
.navi ul {
	width:883px;
	margin:0 auto;
}
.navi ul li {
	float:left;
	line-height:0;
	_font-size:0;
}
li#placen {
	margin:0 0 0 7px;
	_margin:0 0 0 3px;
	background:url(../images/btn_gr01.jpg) no-repeat;
}
li#hyalurone {
	background:url(../images/btn_gr02.jpg) no-repeat;
}
li#gtp {
	background:url(../images/btn_gr03.jpg) no-repeat;
}
li#estrax {
	background:url(../images/btn_gr04.jpg) no-repeat;
}
li#aboutus {
	background:url(../images/btn_gr05.jpg) no-repeat;
}
/* container box */
.container {
	width:883px;
	margin:15px auto;
	_padding-bottom: 15px;
}
.box {
	width:875px;
	margin:0 0 20px 8px;
	background:url(../images/bg_boxline.gif) right 0 repeat-y;
	border-bottom:1px solid #D8DEE9;
}
.box#last {
	margin-bottom:10px;
}
.box .imgbox {
	float:right;
	width:300px;
	text-align:center;
	margin:15px 0 0 0;
}
.box p.discription {
	float:left;
	margin:20px 0 0 17px;
 /margin:20px 0 0 9px;
	width:555px;
}
.box img.more {
	margin:10px 0 0 17px;
}
.caption0 {
	width:220px;
	display:block;
	margin:10px auto 20px;
}
.caption {
	width:253px;
	display:block;
	margin:10px auto 20px;
}
.caption2 {
	width:280px;
	display:block;
	margin:10px auto 20px;
}
.caption3 {
	width:300px;
	display:block;
	margin:10px auto 20px;
}
dl#capacity dt, dl#price dt {
	float:left;
	margin:0 5px 0 0;
}
dl#capacity dd {
	float:left;
	margin:0 10px 0 0;
}
dl#price dd {
	text-align:left;
	float:left;
	margin:0 0 0 0;
}
dl.andmore {
	margin:30px 10px 0 17px;
}
dl.andmore dt {
	margin:0 0 5px 0;
}
dl.andmore dd {
	margin:0 0 15px 0;
}
dl.andmore dd.ingre{
	margin:0 0 15px 0;
	font-size:11px;
}
/* footer */
.footer {
	width:875px;
	border-top: 1px solid #cccccc;
	padding:8px 0 0 0;
	margin:0 0 0 8px;
}
#copyright {
	float:left;
}
#ribbon {
	float:right;
}
/* aboutus */

#aboutus .box {
	border-top:1px solid #D8DEE9;
	padding-bottom:20px;
}
#aboutus h3 {
	width:806px;
	margin:25px auto 0;
}
p#read {
	width:806px;
	margin:10px auto 0;
	padding:0 0 30px 0;
	background:url(../images/aboutus/img_01.gif) top right no-repeat;
	border-bottom:1px solid #ececec;
	line-height:170%;
}
dl#information {
	margin:30px auto 0;
	width:806px;
	line-height:170%;
}
dl#information dt {
	width:170px;
	float:left;
	color:#848AAC;
	text-align:right;
}
dl#information dd {
	width:555px;
	text-align:left;
	float:left;
	margin:0 0 10px 10px;
}

/* ナビゲーション プルダウン */
ul, li {
	margin:0;
	padding:0;
}
ul#menu {
	margin:0 auto;
	width:883px;
}
ul#sub {
	margin:0 auto;
	width:175px;
	visibility: hidden;
	position: absolute;
	z-index: 3;
}
*+html ul#sub {
	margin:0 auto;
	width:175px;
	visibility: hidden;
	position: absolute;
	z-index: 3;
	left:306px;
}
* html ul#sub {
	margin:0 auto;
	width:175px;
	visibility: hidden;
	position: absolute;
	z-index: 3;
	left:307px;
}

ul#menu li.dnv {
	float:left;
	width:175px;
	height:77px;
	background-color:#fff;
	list-style:none;
	text-align:center;
	border-bottom:0px solid #666;
}
ul#menu li {
	float:left;
	width:175px;
	height:45px;
	list-style:none;
	text-align:center;
}

*+html ul#menu li {
	float:left;
	width:175px;
	height:45px;
	list-style:none;
	text-align:center;
	
}

ul#menu li.dnv a {
	display:block;
	width:175px;
	height:100%;
	line-height:48px;
	color:#fff;
	text-decoration:none;
}
ul#menu li a {
	display:block;
	width:175px;
	height:100%;
	line-height:48px;
	color:#fff;
	text-decoration:none;
}
ul#sub li {
	float:none;
	z-index:2;
	position:relative;
}

ul#menu li.dnv_ab {
	float:left;
	width:176px;
	height:77px;
	background-color:#fff;
	list-style:none;
	text-align:center;
	border-bottom:0px solid #666;
}
ul#menu li.dnv_ab a {
	display:block;
	width:176px;
	height:100%;
	line-height:48px;
	color:#fff;
	text-decoration:none;
}
ul#menu li.ab {
	float:left;
	width:176px;
	height:77px;
	background-color:#CCC;
	list-style:none;
	text-align:center;
	border-bottom:0px solid #666;
}
ul#menu li.ab a {
	display:block;
	width:176px;
	height:100%;
	line-height:48px;
	color:#fff;
	text-decoration:none;
}

ul#menu li a.sub_menu1 {
	float:left;
	width:175px;
	height:45px;
	background:url(../images/btn_sub01.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#menu li a.sub_menu2 {
	float:left;
	width:175px;
	height:45px;
	background:url(../images/btn_sub02.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#menu li a.sub_menu3 {
	float:left;
	width:175px;
	height:45px;
	background:url(../images/btn_sub03.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#menu li a.sub_menu4 {
	float:left;
	width:175px;
	height:45px;
	background:url(../images/btn_sub04.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#menu li a.sub_menu5 {
	float:left;
	width:175px;
	height:45px;
	background:url(../images/btn_sub05.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#menu li a.sub_menu6 {
	float:left;
	width:175px;
	height:45px;
	background:url(../images/btn_sub06.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

/* ローカルナビ */

ul#local_navi {
	width:864px;
	margin:0 auto;
	background:none;
}
ul#local_navi li {
	float:left;
	line-height:0;
	_font-size:0;
}

.box_navi {
	width:876px;
	margin:-15px 0 10px 7px;
	padding:7px 0 8px;
	background:url(../images/loc_navi_bg.gif) 0 bottom;
}

* html .box_navi {
	width:876px;
	margin:0px 0 10px 7px;
	padding:7px 0 8px;
	background:url(../images/loc_navi_bg.gif) 0 bottom;
}

ul#local_navi li a.loc_menu1 {
	float:left;
	width:144px;
	height:40px;
	background:url(../images/local_navi_01.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#local_navi li a.loc_menu2 {
	float:left;
	width:144px;
	height:40px;
	background:url(../images/local_navi_02.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#local_navi li a.loc_menu3 {
	float:left;
	width:144px;
	height:40px;
	background:url(../images/local_navi_03.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#local_navi li a.loc_menu4 {
	float:left;
	width:144px;
	height:40px;
	background:url(../images/local_navi_04.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#local_navi li a.loc_menu5 {
	float:left;
	width:144px;
	height:40px;
	background:url(../images/local_navi_05.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

ul#local_navi li a.loc_menu6 {
	float:left;
	width:144px;
	height:40px;
	background:url(../images/local_navi_06.jpg) no-repeat;
	list-style:none;
	text-align:center;
}

/*tax*/
.tax{
	font-size:11px;
}
