@charset "Shift_JIS";
*{
  margin : 0;
  padding : 0;
}


* html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body {
/*背景*/
  background:url(../../img01/header_bg.jpg) repeat-x;
/*テキスト全体*/
		   font-size: 12px; 
    *font-size: 80%; /*IE7用*/
    *font: 80%; /*IE6用*/
				color:#333333;
				line-height:120%;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		}

.clear{
  width:0%;
  clear:both;
  font-size:0px;
  margin:0px;
  padding:0px;
  background:#000000;
}

/* 大枠 */
#oowaku {
  width: 980px;
		height:auto;
		margin:auto;
}

#oowaku:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*3カラム枠*/
#content_waku{
  width:100%;
		height:auto;
		margin-bottom:10px;
		}
#content_waku:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*----------------------------------------------------
テキスト関連
----------------------------------------------------*/
h1,h2,h3,h4 {
  font-size:75%;
  font-weight:normal;
}

h5 {
	  font-size: 11px; 
  *font-size: 100%; 
  *font: 100%;
		line-height:130%;
  font-weight:normal;
}

/*リンク*****/
/*リンク色*/
a:link{color:#333333; text-decoration:underline;}
/*すでにクリックしたリンク色*/
a:visited{color:#777777; text-decoration:underline;}
/*クリック中のリンク色*/
a:active{color:#999999; text-decoratin:underline;}
/*マウスカーソル通過後の色*/
a:hover{color:#999999; text-decoratin:underline;}

/*もっと見る用*/
.more_more{
  text-align:right;
  margin-right:6px;
		   font-size: 10px; 
    *font-size: 85%; 
    *font: 85%;
}

/*----------------------------------------------------
ヘッダー関連(TOP用)
----------------------------------------------------*/
/*ヘッダー枠*/
#top_header_waku {
  width: 980px;
  height:70px;
		margin: 0px 0px 1px 0px;
		border-bottom:#cccccc solid 1px;
}

#top_header_waku:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*ロゴ上テキスト*/
.top_tg {
  position:absolute;
  width:500px;
		height:10px;
		padding-left:25px;
		color:#330033;
}
/*ie6*/
*html .top_tg {
  position:absolute;
  width:500px;
		height:10px;
		margin-left:-185px;
		color:#330033;
}

/*ie6*/
*:first-child+html .top_tg {
  position:absolute;
  width:500px;
		height:10px;
		margin-left:-185px;
		color:#330033;
}

/*ロゴ*/
.top_logo {
  float: left;
  background:url(../../img01/logo.jpg) no-repeat;
  width: 185px;
  height:69px;
		padding: 0px 0px 0px 0px;
  text-indent:-9999px;
}

/*右要素内包*/
.top_right_waku{
  float: right;
		width:420px;
		height:50px;
		margin-top:9px;
		}

/*検索*/
.search_waku{
  float:left;
		display:block;
  width:210px;
		height:22px;
		margin-top:11px;
		}

.search_s{
  float:left;
  width:136px;
		height:18px;
		margin:1px 4px 5px 4px;
		border:#CCCCCC 1px solid;
		}

*html .search_s{
  float:left;
  width:136px;
		height:20px;
		margin:0px 4px 4px 5px;
		border:#CCCCCC 1px solid;
		}

*+html body .search_s{
  float:left;
  width:136px;
		height:20px;
		margin:0px 4px 4px 5px;
		border:#CCCCCC 1px solid;
		}

/*カートを見るボタン*/
.header_cart{
  float:right;
		width:145px;
		height:32px;
		margin-bottom:10px;
		}

/*ヘッダーコンテンツ*/
.header_contents{
  text-align:right;
		}
		
/*ヘッダーメニュー*/
.header_menu_waku{
  width:980px;
		height:43px;
		margin-bottom:18px;
}

.header_menu_waku img.menu {
		margin-right:6px;
}


/*----------------------------------------------------
フッター関連
----------------------------------------------------*/
/*フッター枠*/
#footer_waku {
  width: 980px;
		height: 50px;
		margin:auto;
		border-top: #999999 1px solid;
}

#footer_waku p{
  text-align: center;
		padding:10px 5px 5px 0px;
		 font-size: 10px; 
  *font-size: 90%; 
  *font: 90%;
}

/*----------------------------------------------------
左カラム関連
----------------------------------------------------*/
/*左カラム全体*/
#left_main_waku{
  float:left;
  width:180px;
		height: auto;
		/*margin-right:24px;*/
		}

/*ログイン/ベストヒット/注目キーワード枠*/
/*上+中*/
.left_contents_central{
  display:block;
  width:180px;
		height: auto;
	 background:url(../../img01/kakumaru_t.jpg) repeat-y;
		padding:5px 0px 5px 0px;
		}

.left_contents_central img.title{
  margin:5px 6px 5px 6px;
		}

.left_contents_central p{
		   font-size: 10px; 
    *font-size: 85%; 
    *font: 85%;
  margin:0px 6px 0px 8px;
		padding-bottom:5px;
		}


/*下*/
.left_contents_bottom{
  display:block;
  width:180px;
		height:8px;
	 background:url(../../img01/kakumaru_b.jpg) no-repeat;
		margin-bottom:3px;
		}

/*下線付きテキスト*/
.text_underline_a_waku{
  width:164px;
		margin:0px 8px 5px 8px;
		padding-bottom:2px;
		background:url(../../img01/line_g.jpg) repeat-x bottom;	
		}

/*その他コンテンツ*/
.left_contents_etc{
  width:176px;
		height:auto;
		margin-bottom:5px;
		line-height:110%;
		}
.left_contents_etc img.banner{
		margin-bottom:10px;
		}
/*----------------------------------------------------
メインカラム関連
----------------------------------------------------*/
/*メインカラム全体*/
#main_oowaku{
  width:775px;
		height:auto;
		}

#main_main_waku{
  float:left;
  width:570px;
		height:100px;
		margin-right:24px;
		}

#main_main_waku img.new{
margin-bottom:5px;
}

/*メインイメージ*/
.main_img{
  width:570px;
		height:240px;
		margin:4px 0px 20px 0px;
		}

/*メイン下バナー*/
.main_b_banner_waku{
  width:570px;
		height: auto;
		margin-bottom:15px;
}

.main_b_banner_waku img.banner{
		margin:0px 6px 0px 0px;
}

/*what's new*/
.main_new_waku{
  width:570px;
		height:auto;
		background-color:#ededed;
		padding-bottom:10px;
		}

.main_new_table{
  margin-bottom:5px;
		}

.main_new_table td{
		   font-size: 10px; 
    *font-size: 85%; 
    *font: 85%;
  padding:5px 5px 5px 5px;
		border-bottom: #FFFFFF 1px solid; 
		}
/*----------------------------------------------------
右カラム関連
----------------------------------------------------*/
/*右カラム全体*/
#right_main_waku{
  float: left;
  width:180px;
		height: auto;
		padding-top:4px;
		}

/*特集枠*/
.right_sf_waku{
  width:178px;
		height:auto;
		border:#999999 solid 1px;
		margin-bottom:5px;
		}

.right_sf_waku img.banner{
  margin:3px 3px 3px 3px;
		}

.right_sf_waku p{
		   font-size: 10px; 
    *font-size: 85%; 
    *font: 85%;
	margin:0px 8px 5px 8px;
	text-align:110%;
		}

/*下線付きテキスト2*/
.text_underline_b_waku{
  width:164px;
		margin:0px 8px 5px 8px;
		padding-bottom:2px;
		background:url(../../img01/line_b.jpg) repeat-x bottom;	
		}


/*お試し店舗のヘッダを非表示*/
.FS2_trial{
display:none;
}

/*プレビューモードのヘッダを非表示*/
.FS2_preview{
display:none;
}

@charset "Shift_JIS";
/*商品種別部分枠*/
#class_waku{
  float:right;
  width:775px;
  height:auto;
		}
#class_waku:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*タイトル部分*/
.class_t{
  width:775px;
		height:23px;
		margin-bottom:20px;
		background:url(../../img02/title_bg.gif) no-repeat;
		}

.class_t p{
  font-weight:bold;
		letter-spacing:3px;
		margin-left:15px;
		}

/*商品種別カラム枠*/
.class_c_waku{
  width:775px;
		height:auto;
		padding-bottom:25px;
				   font-size: 11px; 
    *font-size: 95%; 
    *font: 95%;
    line-height:200%;
		}

.class_c_waku:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*商品種別3カラム右+中*/
.class_c1{
  float:left;
		width:250px;
		height:auto;
		margin-right:10px;
		}

.class_c1 img{
  margin-bottom:5px;
		}

/*商品種別3カラム左*/
.class_c2{
  float:left;
		width:250px;
		height:auto;
		}

.class_c2 img{
  margin-bottom:5px;
		}

/*商品種別3カラム用テキスト右*/
.class_tt1{
  float:left;
		width:125px;
		padding-left:2px;
		}

/*商品種別3カラム用テキスト左*/
.class_tt2{
  float:right;
		width:120px;
		}

/*商品種別個別ページタイトル*/
.class_in_title{
  width:775px;
		height:100px;
  margin:15px 0px 15px 0px;
  }

/*ブランド個別ページタイトル*/
.brand_title_waku{
  width:775px;
		height:130px;
		border-bottom:#999999 solid 1px;
		}


.brand_title_img{
  float:left;
  width:100px;
		height:100px;
		margin:15px 30px 15px 0px;
		padding-left:30px;
		}

.brand_title_right{
  float:left;
		width:585px;
		height:100px;
		margin:15px 30px 0px 0px;
		line-height:130%;
		}

.brand_title_right:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}


.brand_t{
  width:585px;
		height:23px;
		margin-bottom:5px;
		background:url(../../img02/title_bg.gif) no-repeat;
		}

.brand_t p{
  font-weight:bold;
		letter-spacing:3px;
		margin-left:15px;
		}


/*商品名（グループ・商品の一覧表示時）*/
/*文字の太さ*/
.itemTitle, .itemGroup {font-weight:bold;}

/*商品名（商品詳細表示時）*/
/*文字の太さ*/
.FS2_body_Goods_GoodsDetail .itemTitle {font-weight:bold;}

/*商品説明（グループ・商品の一覧表示時）*/
/*行間*/
.FS2_ItemShortComment {
		line-height:150%;
		}
/*商品説明（商品詳細表示時下部）*/
/*行間*/
.FS2_ItemComment {
		line-height:150%;
 	}
/*上部コメント用*/
.FS2_upper_comment td{
padding:5px;
}


/*下部コメント用*/
.FS2_lower_comment td{
padding:5px;
}



	p {
		margin: 0px;
		padding: 0px;
	}

	address {
		font-style: normal;
	}
	
	.font_b{
		font-weight:bold;
	}



	/* ========================================
	   * 01-04. 初期設定 - イメージ -
	======================================== */

	/* 画像ファイルの枠線を表示しない */
	img {
		border: none;
	}

	/* 画像ファイルを左側に配置 */
	img.photo_left {
		float: left;
		padding: 0px 8px 15px 0px;
	}

	/* 画像ファイルを右側に配置 */
	img.photo_right {
		float: right;
		margin: 0px 0px 0px 10px;		
	}



	/* ========================================
	   * 01-09 初期設定 - Clearfix -
	======================================== */

	.clearfix {
		clear: both;
		content: "";
		display: block;
		height: 1px;
	}



	
	#main{
		width:775px;
		text-align:left;
		float:left;
		font-size: 0.9em;
	}
	
	
	.title_banner{
		padding-bottom:8px;
		clear:both;
	}

	.title_banner2{
		padding-bottom:8px;
		clear:both;
		padding-top:10px;
	}
	
	
	/*縦の点線*/
	.dotted_line_length{
		float:left;
	}

	/*横の点線*/	
	.dotted_line_side{
		clear:both;
	}
	
	
	/*新着商品一覧、ドクターズコスメお試し企画部分*/
	.box_368{
		width:368px;
		line-height:100%;
		float:left;
		padding:0px 0px 16px 0px;
	}
	
	
	
	.box{
		width:373px;
		line-height:100%;
		float:left;
	}	
	
	
	.mainasu{
		letter-spacing:-1px;
	}

	
	/* ========================================
	   * 00-01. 領域設定 - リンク色の設定 -
	======================================== */		

	/*特集*/
	#feature a{
		color:#C26868;
		font-weight:bold;
	}

	/*ピックアップキャンペーン*/
	#pick_up a{
		color:#CB708E;
		font-weight:bold;
	}
	
	/*特集*/
	#present a{
		color:#9B9EC2;
		font-weight:bold;
	}

	/*セール*/
	#sale a{
		color:#53ABA1;
		font-weight:bold;
	}
 img.photo_left {
        float: left;
        padding:0px 10px 20px 0px;
    }
