@charset "UTF-8";
@import url(reset.css);

/*-------------------------------------共通*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

strong{
	font-weight:bold;
	color:#a03c78;
}

/*--- clearfix ---*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/*---- ロールオーバー ---------------------------------------*/
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

a.overImg{
	display:block;
}

a.overImg:hover{
	background-color:transparent;
}

a.overImg:hover img{visibility: hidden;}

a{outline: none;}
a:link {color:#a03c78; text-decoration:none;}
a:visited {color:#a03c78; text-decoration:none;}
a:hover {color:#a03c78; text-decoration:underline;}
a:active {color:#a03c78; text-decoration:underline;}


body {
	color: #666;
	text-align:center;
	background:url(../images/bg.gif) repeat-x left top;
}

div#Header_Fs_Ifream {
	margin: 0px auto;
	padding: 0px;
	width: 746px;
	height: 100px;
}

#wrapper{
	margin: 0px auto;
	width: 746px;
	text-align:left;
}

#swfArea{
	padding-top:11px;
	height:310px;
}

#contents{
	margin-top:23px;
}

#mainContents{
	float:left;
	width:546px;
}

#mainContents #news{
	background:url(../images/news_bottom.gif) no-repeat left bottom;
	padding-bottom:4px;
}

#mainContents #news .title{
	float:left;
	padding:12px 0 5px 0;
	width:68px;
}

#mainContents #news .newsData{
	float:left;
	width:478px;
	padding:11px 0 5px 0;
}

#mainContents #news .newsBox{
	background:url(../images/news_top.gif) no-repeat left top;
}

#mainContents #news dl{
	width:478px;
}

#mainContents #news dt{
	clear:both;
	float:left;
	width:80px;
}

#mainContents #news dd{
	margin-left:80px;
}

#mainContents #news .title img{
	margin-left:10px;
}

#reccomend{
	margin-top:20px;
}

#reccomend h2{
	margin-bottom:15px;
}

#reccomend .thm{
	float:left;
	width:91px;
	background:url(../images/fr.gif) no-repeat left top;
	padding:2px;
	margin-right:9px;
}

#reccomend .txt{
	width:139px;
	float:left;
}

#reccomend h3{
	width:246px;
	margin-bottom:10px;
}

#reccomend .fragranceBox{
	width:264px;
	float:left;
	margin-right:15px;
}


#reccomend .fragranceBox li{
	width:264px;
	background:url(../images/dot_line.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

#reccomend .beautyBox{
	width:264px;
	float:left;
}

#reccomend .beautyBox li{
	width:264px;
	background:url(../images/dot_line.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

#category{
	margin-top:20px;
}

#category h2{
	margin-bottom:15px;
}

.ladyesFragrance{
	clear:both;
	margin-bottom:10px;
}
.ladyesFragrance .title{
	padding:6px 8px 5px 10px;
	background-color:#f68db2;
}

.ladyesFragrance .categoryList{
	border-right:1px solid #cd4d89;
	border-bottom:1px solid #cd4d89;
	border-left:1px solid #cd4d89;
}


.mensFragrance{
clear:both;
	margin-bottom:10px;
}
.mensFragrance .title{
	padding:6px 8px 5px 10px;
	background-color:#889fd9;
}

.mensFragrance .categoryList{
	border-right:1px solid #386ba1;
	border-bottom:1px solid #386ba1;
	border-left:1px solid #386ba1;
}

.unisex{
	clear:both;
	margin-bottom:10px;
}
.unisex .title{
	padding:6px 8px 5px 10px;
	background-color:#c591d4;
}

.unisex .categoryList{
	border-right:1px solid #825e89;
	border-bottom:1px solid #825e89;
	border-left:1px solid #825e89;
}

.home{
clear:both;
	margin-bottom:10px;
}
.home .title{
	padding:6px 8px 5px 10px;
	background-color:#54b2b3;
}

.home .categoryList{
	border-right:1px solid #3a8281;
	border-bottom:1px solid #3a8281;
	border-left:1px solid #3a8281;
}

.body{
clear:both;
	margin-bottom:10px;
}
.body .title{
	padding:6px 8px 5px 10px;
	background-color:#b1c265;
}

.body .categoryList{
	border-right:1px solid #89902b;
	border-bottom:1px solid #89902b;
	border-left:1px solid #89902b;
}

.hair{
clear:both;
	margin-bottom:10px;
}
.hair .title{
	padding:6px 8px 5px 10px;
	background-color:#f0bf62;
}

.hair .categoryList{
	border-right:1px solid #b17e20;
	border-bottom:1px solid #b17e20;
	border-left:1px solid #b17e20;
}

.cosmetic{
	clear:both;
	margin-bottom:10px;
}
.cosmetic .title{
	padding:6px 8px 5px 10px;
	background-color:#ec98cd;
}

.cosmetic .categoryList{
	border-right:1px solid #c970b1;
	border-bottom:1px solid #c970b1;
	border-left:1px solid #c970b1;
}

.skincare{
clear:both;
	margin-bottom:10px;
}
.skincare .title{
	padding:6px 8px 5px 10px;
	background-color:#7dbedb;
}

.skincare .categoryList{
	border-right:1px solid #5890ad;
	border-bottom:1px solid #5890ad;
	border-left:1px solid #5890ad;
}

.mens .title{
	padding:6px 8px 5px 10px;
	background-color:#8f85ab;
}

.mens .categoryList{
	border-right:1px solid #596f86;
	border-bottom:1px solid #596f86;
	border-left:1px solid #596f86;
}

.categoryList {
	padding:7px 0 7px 20px;
}

.categoryList ul li{
	float:left;
	font-size:77%;
	* font-size:70%;
	line-height:1.5;
	width:169px;
}

.categoryList ul li a{
	background:url(../images/cate_arrow.gif) no-repeat left center;
	padding-left:12px;
}

#category h3{
	float:left;
}

#category .title p{
	float:right;
}

/**rightContents**/

#rightContents{
	float:right;
	width:186px;
}

#rightContents .bn{
	margin-bottom:10px;
}


#rightContents #brandList{
	background:url(../images/brand_bottom.gif) no-repeat left bottom;
	padding-bottom:15px;
	margin-bottom:10px;
}

#rightContents #brandList .listBox{
	background:url(../images/brand_bg.gif) repeat-y left top;
	padding:5px 8px 5px 8px;
}

#rightContents #brandList .listBox li{
	background:url(../images/dot_line.gif) repeat-x left bottom;
	font-size:77%;
	* font-size:70%;
	padding:7px 0 7px 3px;
}



/**共通フッター部分**/
#footer {
	margin: 30px auto 0 auto;
	width: 746px;
	text-align:left;
	border-top:1px solid #e6e6e6;
	padding-top:7px;
}

#footer a:link {color:#a7a7a7; text-decoration:none;}
#footer a:visited {color:#a7a7a7; text-decoration:none;}
#footer a:hover {color:#a03c78; text-decoration:none;}
#footer a:active {color:#a03c78; text-decoration:none;}



#footer ul{
	padding-top:7px;
	float:left;
}

#footer ul li{
	float:left;
	margin-right:6px;
	padding-right:5px;
	border-right:1px solid #a7a7a7;
	font-size:77%;
	* font-size:70%;
	* line-height:1.5;
}

#footer ul li.end{
	margin-right:0;
	padding-right:0;
	border-right:none;
	}

#footer address{
	float:right;
}