@charset "utf-8";

@import url("common.css?1249614002");
@import url("side.css?1244263214");
@import url("main.css?1243595628");

body .headbg{background:url(/img/top/bgheader.jpg) no-repeat center top;}

/* ========================= トップページのみ
01）注目ニュースピックアップ
02）ニュース下　3つのコラム
03）メイク・マネー
04）クオリティライフ
05）カタログ請求
====================================== */

#main .whbox{
	padding:0;
}
#main .whbox p{
	padding-bottom:0;
}


/* ================================ 01）注目ニュースピックアップ */
.news{
	height:315px;
	min-height:315px;
	position:relative;
	z-index:1;
	/* \*/overflow:hidden;/* */
}
.news p{
	/*font-size:86%;*/
}
.news p.taR{
	/*font-size:76%;*/
}

/* トップニュース　選択状態のニュース  */
.news #topnews{
	width:317px !important;
	width:319px;
	height:315px;
	min-height:315px;
	background:#EEE5D3;
	border:1px solid #DDD1B9;
	position:absolute;
	margin:-1px 0 0 -1px;
	z-index:2;
}
.news #topnews p.newsph{
	height:200px;
   	padding:12px 0;
	text-align:center;
	background:#fff;
	text-align:center;
}
.news #topnews div.newstxt{
	padding:5px 10px;
	background:#EEE5D3;
	border-top:1px solid #DDD1B9;
	margin-bottom:2px;
	position:relative;
}
.news #topnews div.newstxt h3{
	font-size: 100%;
	border-left: solid 0px;
	margin-bottom:4px;
}
.news #topnews div.newstxt p.categoly, .news #topnews div.newstxt p.dates{
	line-height:1em;
	height:1em;
	color:#554738;
}
.news #topnews div.newstxt p.dates{
	margin-top:-1em;
	text-align:right;
	padding-right:80px;
	margin-bottom:7px;
	color:#B40921;
}
.news #topnews div.newstxt ul#newsArrow{
	position:absolute;
	top:3px;
	left:245px !important;
	left:235px;
	width:62px;
}
.news #topnews div.newstxt ul#newsArrow li{
	display:inline;
}

/* ニュースリスト  */
.news #listbox{
	position:absolute;
	top:0;
	left:317px;
	z-index:3;
	padding-top:3px;
}
.news #newslist{
	width:334px;
/*	height:217px;*/
	height:168px;
	overflow:auto;
	overflow-x:hidden;
}
.news #newslist p{
	padding:3px 5px 3px 13px;
	position:relative;
	z-index:4;
}
.news #newslist p.nownews{
	background:#fff;
	border:1px solid #DDD1B9;
	border-left:none;
	padding:2px 5px 2px 13px;
	top:0;
	left:0px;
}
.news #newslist p a{
	padding-left:16px;
	display:block;
	background:url(/img/top/point.gif) no-repeat left center;
}
.news #newslist p.nownews a{
	background:url(/img/top/pointon.gif) no-repeat left center;
	color:#730707;
}
.news #middleplace {
	width:167px;
	padding:0 0 5px 0;
	float:left;
}
.news #lastupdate {
	color:#555;
	padding:0 0 0 15px;	
}
.news #allnews {
	padding:0 15px 0 0;
	text-align:right;
}

/* RECOMMEND  */
.news #rcmttl{
	margin:8px 10px 0 13px;
}
.news #recommend{
	margin:0 10px 5px 13px;
	background:#E9E6E0;
	padding:5px;
	font-size: 110%;
	_font-size: 115%;
}
.news #recommend p{
/*	padding:0px;*/
	padding:2px 0px 2px 0px;

}
.news  #recommend p#rcmttl{
	background:#fff;
	height:12px;
}
.news p.taR{
	margin:0 10px 0 0;
}



/* ================================ 02）ニュース下　3つのコラム */
#main .minicontents .whbox{
	width:213px !important;
	width:214px;
	height:93px;
	max-height:93px;
	float:left;
	margin-right:4px !important;
	margin-right:5px;
}
#main .minicontents div.lastbox{
	margin-right:0 !important;
}
#main .minicontents .whbox h3{
	font-size: 100%;
	color:#fff;
	background:#AA8859;
	border:1px solid #fff;
	margin-bottom:3px;
	padding:3px 0 3px 5px;
	max-height:15px;
}
#main .minicontents .whbox h3 a{
	color:#fff;
}
#main .minicontents .whbox img.imgFL{
	margin:0 5px 5px 5px;
}
#main .minicontents .whbox p{
	margin-right:5px;
	height:67px;
	/* \*/
	overflow:hidden;
	/**/
}
* html #main .minicontents .whbox p{
	/* \*/
	line-height:1.2;
	/**/
}

/* ================================ 02-a）プレミアムテキスト */

#main div.pre_text{
	background:none;
	border:none;
	margin:5px 0 5px 5px;
}

#main div.pre_text div{
	line-height:1.8em;
}

/*
#main div.pre_text{
	background:none;
	border:none;
	margin:5px 0 5px 5px;
	line-height:1.2em;
	font-size:100%;
}
#main div.pre_text ul{
	margin:0;
}


#main div.pre_text li{
	list-style-type: none;
}

#main div.pre_text li div{
	width:100%;
	text-decoration: underline;
	color:#9E4747;
}
*/


/* ================================ 03）メイク・マネー */
#main .whbox div.photobox, #main .whbox div.textbox{
	width:304px;
	float:left;
	margin:6px 0;
}
#main .whbox div.textbox{
	width:330px;
	float:left;
	margin-left:10px;
}
#main .whbox div.textbox h3
{
	font-size:120%;
}
#main .whbox div.textbox h3.newicn{
	background:url(/img/common/NEW.gif) no-repeat right top;
}
#main .whbox div.textbox p{
	margin-top:15px;
}
#main .whbox div.textbox p.newicn{
	margin-bottom:6px;
}



/* ================================ 04）クオリティライフ */
#main div.quality div.textbox{
	width:317px;
	margin-left:6px;
}
#main div.quality div.textbox h3{
	margin-bottom:6px;
}
#main div.quality div.textbox p{
	margin:0 6px 0 0;
}
#main div.quality div.lineright{
	border-right:1px solid #ECE7E0;
}
/*  \*/
* html #main div.quality div.lineright{
	margin-left:3px;
}
* html #main div.quality div.clr{
	padding-bottom:10px;
}
/*  */
*:first-child+html #main div.quality div.clr{
	padding-bottom:10px;
}



/* バックナンバー  */
#main .whbox h4{
	background:#E9E6E0;
	height:20px;
	margin:0 6px;
	clear:both;
}
#main .whbox .backnumber{
	margin:12px 6px 6px;
}
#main .whbox .backnumber ul{
	margin-left:20px;
}
#main .whbox .backnumber ul li{
	margin-bottom:4px;
}
#main .whbox .backnumber ul li span{
	color:#000;
	margin-left:1em;
}

/* editor */
#main .whbox .editor{
	margin:0 6px 6px 0;

}
#main .whbox .editor ul{
	margin-left:20px;
}

#main .whbox .editor ul li{
/*	margin-bottom:4px; */
	margin-top:7px;
	margin-bottom:7px;
}

#main .whbox .editor ul li span{
	color:#000;
	margin-left:1em;
}


/* ================================ 05）カタログ請求 */
#seikyubox{
	border:1px solid #D3C49C;
	margin-bottom:18px;
}
#seikyubox h2{
	border:1px solid #CEBE92;
	padding:0;
}
#seikyubox h2 span{
	display:block;
	background:#F4F0E6;
	border:1px solid #fff;
	color:#554738;
	padding:6px 12px;
}

#seikyubox li{
	width:162px;
	float:left;
	text-align:center;
	padding:11px 0 10px;
}
#seikyubox li p{
	padding:0 11px 0 24px;
	height:3em;
	text-align:left;
}
#seikyubox li p.seikyutxt{
	padding:11px 11px 0 11px;
}
#seikyubox li p input{
	margin-left:-16px;
	margin-right:2px;
}
#seikyubox li img{
	border:1px solid #ECECED;
}
#seikyubox li#seikyuall{
	width:144px;
	margin-right:11px;
	background:#ECE4D1;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
#seikyubox li#seikyuall p{
	height:auto;
}
#seikyubox li#seikyuall p label{
	color:#554738;
}
#seikyubox #seikyubtn{
	border:1px solid #D3C49C;
	padding:5px;
	clear:both;
}
* html #seikyubox #seikyubtn {
	/* \*/margin-top:-8px;/* */
}
*:first-child+html #seikyubox #seikyubtn {
	/* \*/margin-top:-8px;/* */
}
#seikyubox #seikyubtn input{
	width:94px;
	height:22px;
	background:url(/img/top/seikyubtn.gif) no-repeat left top;
	border:0;
	cursor:pointer;
}