@charset "utf-8";

/* おしゃれ読モ ファッションSnap のスタイル
-----------------------------------------------

o 初期化
o ヘッダ
o タブ部分
o コンテンツ
o バックナンバー

*/



/* -------------------------------------------------
初期化
------------------------------------------------- */
#fashionSnap {
	width:727px;
	padding:0 0 550px 0;
	text-align:left;
	background:#FAFCD6;
}

#fashionSnap p {
	text-justify:inter-ideograph;
	line-break:strict;
}

#fashionSnap dd {
	text-justify:inter-ideograph;
	line-break:strict;
}



/* -------------------------------------------------
ヘッダ
------------------------------------------------- */
#fsHeader {
	position:relative;
	height:237px;
	background:url(../images/header_bg.jpg) top left no-repeat;
}

#fsHeader h1 {
	position:absolute;
	top:38px;
	left:25px;
}

#fsHeader p.date {
	position:absolute;
	top:13px;
	right:13px;
	font-size:12px;
	line-height:1;
	color:#333333;
}

#fsHeader ul {
	list-style-type:none;
}

#fsHeaderButton1 {
	position:absolute;
	top:38px;
	left:405px;
	z-index:501;
}

#fsHeaderButton2 {
	position:absolute;
	top:64px;
	left:523px;
	z-index:500;
}

#fsHeader p.lead {
	position:absolute;
	top:170px;
	left:405px;
	font-size:12px;
	line-height:1.4;
	color:#333333;
}



/* -------------------------------------------------
タブ部分
------------------------------------------------- */
#fsTab {
	margin:0 10px;
	border-bottom:5px solid #000000;
}

#fsTab ul {
	list-style-type:none;
	height:26px;
	padding:0 0 0 52px;
}

#fsTab ul li {
	float:left;
	margin:0 10px 0 0;
}

#fsTab ul li img {
	vertical-align:bottom;
}



/* -------------------------------------------------
コンテンツ
------------------------------------------------- */
#fsContents {
	position:relative;
	height:887px;
	background:url(../images/contents_bg.jpg) 0 150px no-repeat;
}

/* イメージ大
----------------------------------------------- */
#fsMainImage {
	position:absolute;
	top:9px;
	left:356px;
}

/* プロフィール
----------------------------------------------- */
#fsProfile {
	position:absolute;
	width:317px;
	top:2px;
	left:30px;
	padding:26px 0 0 0;
	background:url(../images/profile_bg.gif) top right no-repeat;
}

#fsProfile dl {
	color:#333333;
}

#fsProfile dl dt {
	margin:0 0 10px 0;
	padding:0 0 0 103px;
}

#fsProfile dl dd.image {
	position:absolute;
	top:26px;
	left:0;
}

#fsProfile dl dd.name {
	margin:0 0 8px 0;
	padding:0 0 0 103px;
	font-size:14px;
	font-weight:bold;
}

#fsProfile dl dd.name span {
	font-size:10px;
	font-weight:normal;
}

#fsProfile dl dd.text {
	padding:0 0 0 103px;
	font-size:10px;
	line-height:140%;
}

/* ポイント
----------------------------------------------- */
#fsPoint {
	position:absolute;
	width:328px;
	top:169px;
	left:30px;
}

#fsPoint h2 {
	position:absolute;
	top:7px;
	left:-14px;
}

#fsPoint h3 {
	padding:18px 36px 0 59px;
	font-size:14px;
	line-height:140%;
	color:#F00060;
	background:url(../images/point_bg_top.gif) top left no-repeat;
}

#fsPoint p {
	padding:18px 36px 28px 18px;
	font-size:12px;
	line-height:160%;
	color:#333333;
	background:url(../images/point_bg.gif) bottom left no-repeat;
}

/* マイブーム
----------------------------------------------- */
#fsMyBoom {
	position:absolute;
	top:482px;
	left:10px;
}

#fsMyBoom h2 {
	position:absolute;
	top:0;
	left:0;
}

#fsMyBoom p {
	position:absolute;
	top:46px;
	left:137px;
}

#fsMyBoom ul {
	position:absolute;
	width:700px;
	top:78px;
	left:12px;
}

#fsMyBoom ul li {
	float:left;
}

/* -------------------------------------------------
注目NEWS
------------------------------------------------- */
#fsNews{
	margin:0 10px 30px;
}

#fsNews h2 {
	margin:0 0 13px 0;
	padding:0 0 4px 3px;
	border-bottom:5px solid #000000;
}

#fsNews .banner1{
	width:313px;
	float:left;
	margin:0 20px 0;
}

#fsNews .banner2{
	width:314px;
	float:left;
	margin:0 20px 0 0;
}

#fsNews .sumb{
	margin:0 13px 0 0;
	float:left;
}

#fsNews .fslink{
	margin:13px 0 0 0;
}

#fsNews p.dis{
	margin:8px 0 0 0;
	font-size:11px;
}

#fsNews .icon{
	margin:0 6px 0 0;
}

#fsNews a{
	color:#f00060;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#fsNews a:hover{
	color:#f00060;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
}




/* -------------------------------------------------
バックナンバー
------------------------------------------------- */
#fsBackNumber {
	margin:0 10px;
	border-bottom:3px solid #000000;
}

#fsBackNumber h2 {
	margin:0 0 13px 0;
	padding:0 0 4px 3px;
	border-bottom:5px solid #000000;
}

#fsBackNumber h2 img {
	vertical-align:bottom;
}

#fsBackNumber ul {
	list-style-type:none;
	margin:0 20px;
}

#fsBackNumber ul li {
	margin:0 0 10px 0;
	padding:0 0 0 16px;
	font-size:12px;
	line-height:1.4;
	background:url(../images/backnumber_icon.gif) 0 2px no-repeat;
}

#fsBackNumber ul li a {
	color:#333333;
	text-decoration:none;
}

#fsBackNumber ul li a:hover {
	color:#333333;
	text-decoration:underline;
}