/* TOPページ */

@import "common.css";

/*-----------------------------レイアウト*/

div#flabox{
	width:740px;
	margin:40px 0px 10px 0px;
	padding:0px;
}

div#product_box{
	width:720px;
	margin:60px 0px 10px 0px;
	padding:0px 10px;
	float:left;
}

div#product_navi{
	width:160px;
	padding:0px;
	margin:0px 20px 0px 0px;
	float:left;
}

div#product_content{
	width:530px;
	padding:0px;
	margin:0px;
	float:left;
}

div.totop{
	width:530px;
	text-align:right;
	font-size:80%;
	padding:5px 0px;
	clear:both;
}

/*-----------------------------ナビ枠*/
div#product_navi dl{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;

}

div#product_navi dt{
	margin:0px 0px 10px 0px;
	padding:0px;
}

div#product_navi dd{
	margin:5px 0px 5px 5px;
	padding:0px 0px 0px 10px;
	font-size:80%;
	color:#666666;
}

div#product_navi dl#p_skin{
	border:#00947E 1px solid;

}

div#product_navi dl#p_body_season{
	border:#7FC31C 1px solid;

}

div#product_navi dl#p_makeup{
	border:#F550A6 1px solid;

}

div#product_navi dl#p_food{
	border:#FF7F00 1px solid;

}

div#product_navi dl#p_professional{
	border:#E5B35A 1px solid;

}

div#product_navi dl#p_salon{
	border:#7C43AF 1px solid;

}

/*-----------------------------コンテンツ*/

div.brand_box{
	margin:0px 0px 100px 0px;
	padding:0 0 10px 0;
	width:530px;
	border-bottom:#666666 1px dashed;
	clear:both;
}
div.brand_box p.newMark {
	margin: 0 0 0 0px;
}
div.brand_head{
	width:530px;
	margin:0px 0px 20px 0px;
	padding:0px;
}
div.brand_logo{
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 20px;
	float:left;
	width:230px;
	text-align:left;
}

div.brand_logo2{
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 20px;
	float:left;
	width:250px;
	text-align:left;
}

div.brand_logo p,div.brand_logo2 p{
	margin:20px 0px 0px 0px;
	padding:0px;
	font-size:80%;
	line-height: 120%;
}

div.brand_img{
	margin:0px;
	padding:0px;
	float:left;
	width:265px;
}

div.brand_img2{
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:245px;
}

/*------------------------------商品リスト*/

div#product_navi dl dt a{
	display:block;
	margin:0px;
	padding:0px;
	font-size:1%;
	text-indent:-9999px;
	width:158px;
	height:35px;
}

div#product_navi dl#p_skin dt a{
	background:url(../product/img/n_ttl_skicare.gif) no-repeat left top;
}

div#product_navi dl#p_body_season dt a{
	background:url(../product/img/n_ttl_body_season.gif) no-repeat left top;
}

div#product_navi dl#p_makeup dt a{
	background:url(../product/img/n_ttl_makeup.gif) no-repeat left top;
}

div#product_navi dl#p_food dt a{
	background:url(../product/img/n_ttl_food.gif) no-repeat left top;
}

div#product_navi dl#p_professional dt a{
	background:url(../product/img/n_ttl_professional.gif) no-repeat left top;
}

div#product_navi dl#p_salon dt a{
	background:url(../product/img/n_ttl_salon.gif) no-repeat left top;
}

div#product_navi dd a{
	padding:0px;
	margin:0px;
	color:#999999;
}


/*------------------------------商品テーブル*/

table.product_tbl{
	width:530px;
	margin:10px 0px 0px 0px;
	padding:0px;
	clear:both;
	font-size:80%;
	border:none;
	border-collapse:collapse;
}

table.product_tbl th{
	margin:0px;
	padding:5px;
	text-align:left;
	color:#666666;
	font-weight:normal;
	line-height: 120%;
}

table.product_tbl td.price{/*-----品名　価格-----*/
	text-align:left;
	vertical-align: top;
	color:#333333;
	padding:5px 5px 20px 5px;
	font-size:85%;
	line-height: 120%;
}

table.product_tbl td.img{/*-----イメージ画像など-----*/
	text-align:center;
	border:#DEDEDE 1px solid;
	border-collapse:collapse;
	padding:5px;
}

table.product_tbl td.img_border{/*-----イメージ画像など　borderなし-----*/
	text-align:center;
	border-collapse:collapse;
	padding:5px;
}

span.notice{/*-----注釈など-----*/
	margin:0px;
	padding:0px;
	font-size:80%;
}

div#notax{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:80%;
	color:#999999;
	text-align:right;
}