@charset "utf-8";

/*
-----------------------------------------------
Fe-MAIL コンテンツアーカイブスタイルシート
-----------------------------------------------
	
以下のスタイルを定義

o タグの初期設定
o タイトル
o コンテンツ更新情報

*/



/* -------------------------------------------------
タグの初期設定
------------------------------------------------- */
#gbContents hr {
	display:none;
}


/* -------------------------------------------------
タイトル
------------------------------------------------- */
#tit {
	position:relative;
	width:687px;
	height:30px;
	margin:45px 20px 48px 20px;
}

#tit h1{
	position:absolute;
	top:0;
	left:0;
	width:178px;
	height:17px;
}

#tit p{
	position:absolute;
	top:3px;
	left:193px;
	width:178px;
	height:17px;
	font-size:12px;
}

#tit div#btn1{
	position:absolute;
	top:4px;
	left:485px;
	width:100px;
	height:22px;
}

#tit div#btn2{
	position:absolute;
	top:4px;
	left:587px;
	width:100px;
	height:22px;
}

#tit div#titleBar{
	position:absolute;
	top:26px;
	left:0px;
	width:687px;
	height:4px;
	background:#666666;
}

* html div#tit div#titleBar{ /* WinIE */　
	position:absolute;
	top:26px;
	left:0px;
	width:687px;
	height:4px;
	background:url(../images/bar.gif) repeat-x;
}


/* -------------------------------------------------
コンテンツ更新情報
------------------------------------------------- */
#archives div#dot {
	width:687px;
	height:17px;
	margin:0 20px 0 20px;
}

* html div#archives div#dot { /* WinIE */
	width:687px;
	height:0px;
	margin:0 20px 0 20px;
}

#archives dl {
	position:relative;
	width:687px;
	height:70px;
	margin:0 20px 0 20px; 
	background:url(../images/line_dot.gif) bottom left no-repeat;
	line-break:strict;
}

* html div#archives dl {
	position:relative;
	width:687px;
	height:76px;
	margin:0 20px 0 20px; 
	background:url(../images/line_dot.gif) bottom left no-repeat;
	line-break:strict;
}

#archives dl dt {
	width:450px;
	margin:15px 0 6px 10px;
	padding:0 0 0 10px;
	font-size:75%;
	font-weight:bold;
}

#archives dl dd.releaseDate {
	position:absolute;
	width:192px;
	height:12px;
	top:3px;
	left:485px;
	margin:0;	
	text-align:right;
	font-size:75%;
}

* html div#archives dl dd.releaseDate {
	position:absolute;
	width:192px;
	height:12px;
	top:17px;
	left:485px;
	margin:0;	
	text-align:right;
	font-size:75%;
}

#archives dl dd.comment {
	width:637px;
	margin:6px 10px 0 10px;	
	font-size:75%;
}

#archives dl dd.cateKeyword {
	width:677px;
	margin:3px 0 5px 0;
	text-align:right;
	font-size:65%;
	color:#999999;
}

#totop {
	width:77px;
	height:10px;
	margin:40px 35px 20px 615px;	
}


/* カテゴリの色ごとに設定
----------------------------------------------- */
#archives dl dt.cosmeBeauty { background:url(../../beautyandfashion/images/2007/icon_arw.gif) center left no-repeat; }
#archives dl dt.cosmeBeauty a { color:#CA89CF }
#archives dl dt.lifestyle { background:url(../../lifestyle/images/2007/icon_arw.gif) center left no-repeat; }
#archives dl dt.lifestyle a { color:#B6A978 }
#archives dl dt.trend { background:url(../../trend/images/2007/icon_arw.gif) center left no-repeat; }
#archives dl dt.trend a { color:#F7B402 }
#archives dl dt.travel { background:url(../../travel/images/2007/icon_arw.gif) center left no-repeat; }
#archives dl dt.travel a { color:#567AC7 }
#archives dl dt.body { background:url(../../body/images/2007/icon_arw.gif) center left no-repeat; }
#archives dl dt.body a { color:#F352A7 }
#archives dl dt.features { background:url(../../features/images/icon_arw.gif) center left no-repeat; }
#archives dl dt.features a { color:#FF0000 }