*{
	margin: 0px;
	padding: 0px;
	/*line-height: 150%;*/
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

/*,html*/
body {
	margin: 0px;
	padding: 0px;
	/*font: 12px "ＭＳ ゴシック", "Osaka－等幅";*/
	
	width: 100%;
	height: 100%;
	
}

ul, li {
	list-style-type: none;
}

p#main {margin: 1em 0;}

a {text-decoration: none;}
a:link {}
a:visited {}
a:hover {text-decoration: underline;}
a:active {}

#wrapper {
	width: 780px;
	margin: 0px auto;
	margin-top:10px;/*2008/02/27/12:42:38追加*/
	padding: 0px;
	background: url('img/navibar.gif') repeat-y;
	background-position: -1px 0px; 
}

#header {
	width: 780px;
	height: 49px;
	background: url('img/titlebar.gif') no-repeat;
}

#navi {
	width: 110px;
	width: 107px;
	float: left;
	
/*	background: url('img/navibar.gif') repeat;*/
	/*background: #FF0;*/
}

#main {
	margin: 8px 0 0;
	width: 665px;
	float: right;
	/*background: #FF0;*/
}

#contents {
	margin: 0;
	padding: 0;
}

#footer {
	clear: both;
	/*
	width: 680px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	background: url('img/navibar.gif');
	*/
}

/*================================================================*/
/*■navi■*/

#navi ul {margin-top:20px;margin-bottom:60px;}
#navi li {margin:4px auto;width:95px;height:23px;}
#navi a, #navi p {width:100%;height:100%;display:block;text-align:center;text-indent:-999px;}

#l_index {background: url('img/navi_btn.gif') no-repeat 0px 0px;}
#l_himitsu {background: url('img/navi_btn.gif') no-repeat 0px -30px;}
#l_haircare {background: url('img/navi_btn.gif') no-repeat 0px -60px;}
#l_skincare {background: url('img/navi_btn.gif') no-repeat 0px -90px;}
#l_saloncare {background: url('img/navi_btn.gif') no-repeat 0px -120px;}
#l_haircheck {background: url('img/navi_btn.gif') no-repeat 0px -150px;}/*ズレ修正*/
#l_items {background: url('img/navi_btn.gif') no-repeat 0px -180px;}

#l_index:hover, p#l_index {background-position:-100px 0px;}
#l_himitsu:hover, p#l_himitsu {background-position:-100px -30px;}
#l_haircare:hover, p#l_haircare {background-position:-100px -60px;}
#l_skincare:hover, p#l_skincare {background-position:-100px -90px;}
#l_saloncare:hover, p#l_saloncare {background-position:-100px -120px;}
#l_haircheck:hover, p#l_haircheck {background-position:-100px -150px;}/*ズレ修正*/
#l_items:hover, p#l_items {background-position:-100px -180px;}

/*================================================================*/
/*■商品詳細■*/
#main h1#detail_h {
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	color: #FFF;
	background: #D90000;
	padding-left: 2em;
}

/*
#main #detail h3 {
	width: 583px;height: 14px;
	margin: 0 auto;
	text-indent:-9999px;
}
*/

#main #detail {
/*	width: 455px; 2008-03-10 */
	width: 563px;
	background: #FFF;
	border: 1px #D90000 solid;
}

/*
#main #detail h2 {
	margin:0px;
	width:438px;
	height:30px;
	text-indent:-999px;
	margin:8px auto;
}
*/

#main #detail p.lead {
	color: #4B4B4B;
	width: 376px;
	margin: 4px auto 0px;
	font-size: 10px;
	line-height:1.5;
}

#detail .rbox {
	width: 383px;
	margin: 8px auto;
	padding-top: 8px;
	background: url('img/bg_rbox_t.png') no-repeat top;
}

#detail .rbox dl {background: url('img/bg_rbox_m.png') repeat-y;}
#detail .rbox dt {padding:4px;}
#detail .rbox dd {
	background: url('img/bg_rbox_b.png') no-repeat bottom;
	clear: both;
	padding: 12px;padding-top: 0;
}

#detail .rbox dt img {
	display: block;
	width: 38px;
	height:38px;
	float: left;
	margin: 0px 6px 0px 8px;
}

#detail .rbox dt span {
	color: #4B4B4B;
	font-size: 10px;
	margin-top: 6px;
	float: left;
}

#side_img {position: absolute;}


* html #side_img { behavior: expression(IEPNGFIX.fix(this));}

#main #detail td.photo img {margin-right: 10px;}


#main #link_otameshitai {text-align: center; margin-bottom: 8px;}
#main #link_otameshitai img {border-width: 0;}

#main #link_otameshitai table {width:383px;margin:0 auto;}
#main #link_otameshitai table .l {width:40px;}
#main #link_otameshitai table .c {text-align:center;}
#main #link_otameshitai table .r {width:40px;}

#main #detail .btn_back {text-align:right;margin-top:0.5em;}
#main #detail .btn_back a img {display:inline;border-width:0;}



.rbox table {border: 0px #CCC solid; width:100%}

/*================================================================*/
/*■おすすめ■*/
#osusume {background: #D90000;}
#osusume_layout {width: 665px;height: 410px;}
#osusume_layout td#cont {
	width: 485px;
	background: #D90000;
	text-align: center;
	vertical-align: middle;
}

#osusume_layout td#cont img{
/*	margin:0px auto; */
}

#osusume_layout td#side {
	width: 180px;
	background: #FFFFCC;
	border: 1px #D90000 solid;
	text-align: center;
	vertical-align: top;
	padding: 5px 0 10px;
}
#osusume_layout td img {border-width: 0;}
#osusume_layout td#side img {}

/*================================================================*/
/*■お試し■*/

#otameshi img {border: 0px #D90000 solid;margin:0px 0px;}

#otameshi{
	padding:0px;
	width:663px;
	border:1px solid #d90000;
}

#otameshi .otameshitai{
	width:100%px;
	height:481px;
}


#otameshi .otameshitai .bar{
	margin:0px;
}


#otameshi .otameshitai .l{
/*	border:1px solid #999; */
	width:347px;
	float:left;
	margin-left:12px;
}

#otameshi .otameshitai .l h2{
	background:url(img/title.gif) no-repeat;
	height:42px;
	width:240px;
	margin:14px auto 0px 32px;
}

#otameshi .otameshitai .l .waku1{
/*	border:1px solid #999; */
	background:url(img/waku_1.png) no-repeat;
	margin:10px auto 4px;
	width:307px;
	height:166px;
	position:relative;
}

#otameshi .otameshitai .l .waku1 .title{
	position:absolute;
	top:9px;
	left:111px;
}

#otameshi .otameshitai .l .waku1 .graf{
	position:absolute;
	top:54px;
	left:42px;
}

#otameshi .otameshitai .l .waku1 .photo{
	position:absolute;
	top:53px;
	right:34px;
}

#otameshi .otameshitai .l .allow{
/*	border:0px solid #fff; */
	width:23px;
	height:12px;
	margin-left:169px;
}

#otameshi .otameshitai .l .waku2{
/*	border:1px solid #999; */
	background:url(img/waku_2.png) no-repeat;
	margin:5px auto;
	width:307px;
	height:137px;
	position:relative;
}

#otameshi .otameshitai .l .waku2 .photo{
	position:absolute;
	top:27px;
	left:32px;
}

#otameshi .otameshitai .l .waku2 .memo{
	position:absolute;
	bottom:15px;
	right:6px;
}

#otameshi .otameshitai .l #back{
	width:262px;
	margin:9px auto;
}

#otameshi .otameshitai .r{
	margin:0px;
	background:#FDCDC3;
	float:right;
	width:288px;
	height:463px;
}

#otameshi .otameshitai .r .photo{
/*	border:1px solid #999;*/
	margin-left:30px;
	margin-top:17px;
}




/*================================================================*/
/*■なのあみこ■*/


#navi_bottombox {
	width:95px;
	margin: 0px auto;
	margin-top: -50px;/* -56*/
}


/*
#navi_bottombox dl {}
#navi_bottombox dt, #navi_bottombox dd {border: 2px #F74F73 solid;}
#navi_bottombox dt {margin: 0;padding: 1px 2px 0;background: #FEE591;line-height: 1;}
#navi_bottombox dd {border-width: 0 2px;font-size: 8px; line-height: 1.3;background: #F74F73;color: #FFFFFF;padding: 1px;}
#navi_bottombox div#nanoamiko {
	width: 95px; height: 73px;
	background: url('img/bg_navi_bottombox_dd.png') no-repeat bottom;
}

#navi_bottombox {
	width:95px;height:199px;
	margin-bottom: 0px;
	background: url('../img/navi_bottombox_nanoamiko.png') no-repeat;
}

*/

/*見出し修正2008/02/25/16:24:06*/
#main #detail h2 {
	width:472px;height:66px;
	margin:0 0 0 auto;
	background-repeat: no-repeat;
	text-indent:-9999px;
}



* html #navi_bottombox {behavior: expression(IEPNGFIX.fix(this));}


* html #navi_bottombox div#nanoamiko {behavior: expression(IEPNGFIX.fix(this));}

/*================================================================*/
/*■不要■*/

/*
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
*/

.dmyimg {border: 0px #CCC solid;background: #EEE;}