@charset "utf-8";

/* screen.css
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

	1. imported styles
	2. Fashion & Life style トップ
		└header（共通ヘッダー）
		└menu（共通メニュー）
		└menu（共通　フッター　メニュー）
	3. Fashion & Life style トップ
	4. イニシャルアイテム
	5. ファッションアイテム
	6. テーブルウエア＆雑貨
	7. フレグランス&メンズ
	8. メモリアル＆ベビーフレーム
	9. フレグランスリスト
	
	99. other
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* font-size
10px - 83.4%
11px - 91.7%
12px - 100%
13px - 108.4%
14px - 116.7%
15px - 125%
16px - 133.4%
17px - 141.7%
18px - 150%
19px - 158.4%
20px - 166.7%
21px - 175%
22px - 183.4%
23px - 191.7%
24px - 200%
*/


/* ------------------------------------------------------------
	1. imported styles
   ------------------------------------------------------------*/
@import url("../../shared/css/reset.css");
@import url("../../shared/css/basic.css");
@import url("../../shared/css/design.css");
/* ------------------------------------------------------------
	2. 共通スタイル
   ------------------------------------------------------------*/
/* header（共通ヘッダー）*/
div.fashionlife-header { }
div.fashionlife-header div.image {
	width: 100px;
	float: left;
}
div.fashionlife-header div.body {
	width: 590px;
	float: right;
}
div.fashionlife-header div.body div.title {
	font-size: 108.4%;
	font-weight: bold;
	color: #473A33;
	padding-bottom: 7px;
}
/* menu（共通メニュー） */
div.fashionlife-menu {
	padding-top: 5px;
	padding-bottom: 20px;
	clear: both;
}
/* banner（ヘッダーのバナー） */
.fashBanner {
	padding-bottom: 10px;
}
		
/* menu（共通　フッター　メニュー） */
div.lnav-btm {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
}
div.lnav-btm table { margin-left: auto; }
div.lnav-btm td {
	padding-left: 15px;
	padding-right: 6px;
	text-align: left;
	padding-bottom: 5px;
}
div.lnav-btm a,
div.lnav-btm a:visited {
	text-decoration: none;
	font-weight: bold;
}
div.lnav-btm a:hover,
div.lnav-btm a:active { text-decoration: none; }
div.lnav-btm a span {
	background: url(../../shared/img/arw1_r.gif) no-repeat left top;
	height: 13px;
	width: 16px;
	display: inline-block;
}
/* for javascript selflink */
div.lnav-btm a.current span {
	background: url(../../shared/img/arw2_t.gif) no-repeat left top;
	height: 13px;
	width: 16px;
}
div.lnav-btm a.current { color: #A2894E; }
/* 共通スタイル */
div.category-title {
	padding-bottom: 10px;
	padding-top: 20px;
}
div.sdw-body div.detail {
	font-size: 91.7%;
	color: #473A33;
}
/* ----- スペース----- */
.section-space-bot{
	margin-bottom: 40px;
}
.section-space-bot2{
	margin-bottom: 15px;
}
.section-space-bot3{
	margin-bottom: 30px;
}
.section-space-top{
	margin-top: 25px;
}

/* ----- 注釈スタイル----- */
.text-note {
	font-size: 91.7%;
	text-indent: -1em;
	margin-left: 1em;
}
/* ----- プライス表示----- */
.tc1 {
	color: #473A33;
	font-size: 91.7%;
}
.tc2 {
	color: #503000;
	font-size: 100%;
	text-indent: -1em;
	margin-left: 1em;
	}
.tc3 {
	color: #503000;
	font-size: 100%;
	padding-bottom: 10px;
} 
.tc4 {
	color: #473A33;
}
.tc5 {
	color: #473A33;
}

div.sdw-body .note {
	font-size: 91.7%;
	line-height: 1.3em;
}
div.sdw-body .note2 {
	font-size: 91.7%;
}

/* ----- 楽天とYahoo!のボタン ----- */
div p.btn-shop { margin-top: -5px;}
.btn-shop img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: text-bottom;
}
/* ----- 楽天とYahoo!のボタンが縦に並んでいる場合 ----- */
.btn-shop-tate { margin-bottom: 0px; }
.btn-shop-tate img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: text-bottom;
}
/*  */
.pagetop {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* ------------------------------------------------------------
	3. Fashion & Life style トップ
   ------------------------------------------------------------*/
#fashionlife-top { }
#fashionlife-top div.sdw-body div.body {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#fashionlife-top div.title-section {
	vertical-align: bottom;
	padding-bottom: 20px;
}
#fashionlife-top div.title-section img { margin-right: 10px; }
#fashionlife-top div.title-section .title { }
#fashionlife-top div.title-section img {
	vertical-align: text-bottom;
	display: inline-block;
	margin-bottom:-7px;
}




/**/
#fashionlife-top .lnav { line-height: 1; }
#fashionlife-top .lnav img {
	vertical-align: middle;
	margin-right: 3px;
	
}

/*写真のマージン用*/
#fashionlife-top div.body {
	position: relative;
	zoom:1;
}
#fashionlife-top .body img.phleftnomargin{
	position:absolute;
	left: 0px;
	top: 55px;
	}
#fashionlife-top .body .phheight{
	height: 250px;
	}
/*テキストのマージン用*/	
#fashionlife-top .body p.txt-padding{
	padding-top: 10px;
	padding-bottom: 15px;
	}
	
	
/* ------------------------------------------------------------
	4. イニシャルアイテム
   ------------------------------------------------------------*/
#fashionlife-initial div.sdw-body div.body {
	padding: 30px;
	zoom:1;
	position: relative;
}
#fashionlife-initial div.title-section {
	vertical-align: bottom;
	padding-bottom: 7px;
}
#fashionlife-initial .body img.phrightnomargin{
	position:absolute;
	right: 8px;
	top: 67px;
	}
#fashionlife-initial #section1 .body{
	border-bottom: 1px solid #D1CFCD;
	position:relative;
	zoom:1;
	}	
#fashionlife-initial td.initial {
	padding: 14px;
	border: 1px solid #96989B;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
}
#fashionlife-initial #section2 .body{
	border-bottom: 1px solid #D1CFCD;
	position:relative;
	zoom:1;
	}

#fashionlife-initial td.initial strong{
	font-weight: bold;
	color: #990000;
	font-size: 116.7%
}

#fashionlife-initial .body img.phleftnomargin{
	position:absolute;
	left: 0px;
	}
#fashionlife-initial .body .phheight{
	height: 290px;
	}
	
#fashionlife-initial .body .padr {
	padding-right: 20px;
}
/* ------------------------------------------------------------
	5. ファッションアイテム
   ------------------------------------------------------------*/
#fashionlife-fashion div.sdw-body div.body {
	padding-right: 35px;
	padding-left: 35px;
	}
	
#fashionlife-fashion div.title-section {
	vertical-align: bottom;
	padding-bottom: 5px;
	position:relative;
	z-index:1;
}
#fashionlife-fashion #section3 .body,
#fashionlife-fashion #section1 .body,
#fashionlife-fashion #section7 .body{
	position:relative;
	zoom:1;
	}
#fashionlife-fashion #section1 .body,	
#fashionlife-fashion #section2 .body,
#fashionlife-fashion #section4 .body{
	padding-top: 25px;
	padding-bottom: 20px;
	}	

#fashionlife-fashion #section1 .body img.phrightnomargin{
	position:absolute;
	right: 0px;
	top: 20px;
	}	
	
#fashionlife-fashion #section3 .body img.phrightnomargin{
	position:absolute;
	right: 0px;
	top: 0px;
	}		
#fashionlife-fashion #section7 .body img.phleftnomargin{
	position:absolute;
	left: 0px;
	top: 0px;
	}		
#fashionlife-fashion #section1 .body .phheight{
	height: 286px;
	}
#fashionlife-fashion #section3 .body .phheight{
	height: 318px;
	}	
#fashionlife-fashion #section7 .body .phheight{
	height: 382px;
	}	
	
#fashionlife-fashion #section1 .body .phheight2{
	height: 230px;
	}
#fashionlife-fashion #section3 .body,	
#fashionlife-fashion #section7 .body{
	border-bottom: 1px solid #D1CFCD;
	}	
#fashionlife-fashion .txt-color-1 {color: #990000;}
/* ------------------------------------------------------------
	6. テーブルウエア＆雑貨
   ------------------------------------------------------------*/
#fashionlife-tableware div.sdw-body div.body {
	padding: 30px;
	border-bottom: 1px solid #D1CFCD;
	zoom:1;
}
#fashionlife-tableware div.title-section {
	vertical-align: bottom;
	padding-bottom: 15px;
	font-weight: bold;
}
#fashionlife-tableware .title-section img {
	margin-right: 10px;
	vertical-align: text-bottom;
	display: inline-block;
	margin-bottom:-5px;
}
#fashionlife-tableware #section2 .body{
	position:relative;
	zoom:1;
	}
#fashionlife-tableware #section2 .body img.phleftnomargin{
	position:absolute;
	left: 0px;
	}
#fashionlife-tableware #section2 .body .phheight{
	height: 343px;
	}	
	
/* ------------------------------------------------------------
	7. フレグランス&メンズ
   ------------------------------------------------------------*/
#fashionlife-goods div.sdw-body div.body {
	padding: 30px;
	zoom:1;
}
#fashionlife-goods div.sdw-body div.body2 {
	zoom:1;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-top: 1px solid #D1CFCD;
}

#fashionlife-goods #section8 .body2,
#fashionlife-goods #section5 .body2,
#fashionlife-goods #section3 .body,
#fashionlife-goods #section2 .body,
#fashionlife-goods #section1 .body2,
#fashionlife-goods #section1 .body{
	border-bottom: 1px solid #D1CFCD;
	position:relative;
	zoom:1;
	}
#fashionlife-goods #section4 .body{
	border-bottom: 1px solid #D1CFCD;
	position:relative;
	zoom:1;
	}	
#fashionlife-goods #section6 .body{
	border-top: 1px solid #D1CFCD;
	position:relative;
	zoom:1;
	}					
#fashionlife-goods div.title-section {
	vertical-align: bottom;
	padding-bottom: 5px;
}

#fashionlife-goods div.body .title{
	margin-bottom: 0px;
	font-weight: bold;
}
#fashionlife-goods div.body .detail td{
	color: #473A33;
	padding-bottom: 8px;
}
/* ----- タイトル画像と文字の関係 ----- */
#fashionlife-goods div.body .title img {
	margin-right: 10px;
	vertical-align: text-bottom;
	display: inline-block;
}

#fashionlife-goods #section2 .title-section img {
	margin-right: 10px;
	vertical-align: text-bottom;
	display: inline-block;
	margin-bottom:-10px;
}
#fashionlife-goods div .padl {
	padding-left: 20px;
}
#fashionlife-goods div td.padr {
	padding-right: 20px;
}
#fashionlife-goods div td.padr2 {
	padding-right: 30px;
}

/* ------------------------------------------------------------
	8. メモリアル＆ベビーフレーム	
   ------------------------------------------------------------*/
#fashionlife-memorial div.sdw-body div.body { 
	padding: 20px;
	border-bottom: 1px solid #D1CFCD;
	}
#fashionlife-top div.title-section {
	padding-bottom: 10px;
}
#fashionlife-memorial div.title-section img { margin-right: 10px; }
#fashionlife-memorial div.title-section .title { display: inline; }
#fashionlife-memorial div.title-section img.negative { margin-bottom: -5px; }
/* ------------------------------------------------------------
	9. フレグランスリスト
   ------------------------------------------------------------*/
#fashionlife-fragrance div.sdw-body div.body {
	padding: 20px;
	border-bottom: 1px solid #D1CFCD;
	zoom:1;
}
#fashionlife-fragrance .p10{ font-size: 91.7%; }
#fashionlife-fragrance .txt-color-2 {color: #8F4B06;}
#fashionlife-fragrance .txt-padding {padding-top: 5px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
#fashionlife-fragrance .txt-paddingr {padding-right: 20px;}


/* ------------------------------------------------------------
	Other
   ------------------------------------------------------------*/
   
 
   

/* ------------------------------------------------------------
	
*/


/* -----  ----- */
