@charset "utf-8";
/* CSS Document */

/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style:normal;
	font-size:12px;
	color:#666666;
	text-align: left;
}
p{
	margin: 0;
	padding: 0;
	border: none;
	font-style:normal;
	font-size:12px;
	line-height:20px;
	color:#666666;
	text-align: left;
}

.caption{
	margin-top: 10px;
	padding: 0;
	border: none;
	font-style:normal;
	font-size:11px;
	line-height:1.4;
	color:#666666;
	text-align: left;
}

.caption_a{
	margin-top: 10px;
	padding: 0;
	border: none;
	font-style:normal;
	font-size:11px;
	line-height:1.4;
	color:#666666;
	text-align: right;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }

.text11{
color:#666666;
font-size:11px;
} 

/* =========================================================
■body
========================================================= */
html,body  {
	margin: auto;
	padding: 0;
	background: #FFF;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 93%;
	text-align: center;
	height:auto;
}


/* =========================================================
■container
========================================================= */
div#container {
	width: 950px;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
	background: #FFF;
	
	
	

}

* {
font-size:12px;
color:#666666;
font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
}

body {
	margin:0 auto auto auto;
	padding:0 auto auto auto;
	background-color:#ffffff;
	width:950px;
	height:100%;
	text-align:center;
}

a:link    { color:#666666; }
a:active  { color:#c3a078; }
a:hover   { color:#c3a078; }
a:visited { color:#c3a078; }

.header_container{
	background-color:#ffffff;
	width:100%;
	margin-bottom:0;
	padding-bottom:0;
	overflow:visible;
}

.header_logo{
	width:30%;
	height:62px;
	padding:8px 0 0 0;
	float:left;
	text-align:left;
}
.header_info{
	width:70%;
	height:45px;
	margin:25px 0 0 0;
	padding:0;
	float:left;
	text-align:right;
}

.header_menu{
	width:950px; height:35px; 
	margin:10px 0 0 0; padding:0;
	text-align:center;
	list-style-type : none;
	float:left;
}

.header_menu li{
	margin:0; padding:0;
	height:35px;
	float:left;
}
.header_menu li a{ margin:0; padding:0; }

.main_container {
	margin-top:10px;
	padding-top:10px;
}
.pagetop{
text-align:right;
padding-bottom: 10px;
}

/* =========================================================
■footer
========================================================= */
#footer {
	clear:both;
	height: auto;
	width: 100%;
	background: #fff;
	margin-top:10px;
	border-top:2px solid #dcdcdc;
	
}

#footspace {
	height: auto;
	text-align: center;
	width: 950px;
	margin:auto;
	background: #fff;
}
#footttl {
	margin:0px auto 5px auto;
	padding-bottom:5px;
	padding-top:5px;
	width: 950px;
	height:100px;
	text-align: left;
		background: #fff
}
#footnavi {
	margin:5px auto 5px auto;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:120px;
	width: 830px;
	text-align: left;
  background: #fff;
}

.f_left{
    width:500px;
    height:60px;
	float:left;
	margin-top:5px;
}
.f_right{
    width:101px;
    height:67px;
	float:right;
}
.footnavi{
	margin-bottom:5px;
	}
.footnavi li  {   
    display: inline; 
    padding: 0 3px 0 0;
	margin-bottom:20px;
	font-size: 12px;
	color:#666;
}  
#footer a{text-decoration: none;}
#footer a:link {color: #666;}
#footer a:visited {color: #666; none;border-bottom:0px;}
#footer a:active{color: #666;text-decoration: none;border-bottom:0px;}
#footer a:hover {color:#c3a078;text-decoration: none;}

.freedial{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;}  
.footer_copy{
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.freedial img{
	margin-bottom:3px;
}
.b1000{ border-width:1px 0 0 0; border-style:solid; border-color:#dcdcdc; }
.b1011{ border-width:1px 0 1px 1px; border-style:solid; border-color:#dcdcdc; }
.b1111{ border-width:1px 1px 1px 1px; border-style:solid; border-color:#dcdcdc; }

.noborder { border:0px solid #ffffff; }
.clearboth { height:0px; width:0px; line-height:0em; font-size:0em; clear:both; }
.spacer10{ height:10px; width:100%; line-height:0em; font-size:0em; display:block; }
.spacer15{ height:15px; width:100%; line-height:0em; font-size:0em; display:block; }
.spacer30{ height:30px; width:100%; line-height:0em; font-size:0em; display:block; }


/* =========================================================
■navi
========================================================= */
div#navi {
	margin: 0;
	 padding: 5px 0 5px 0;
	background-image:url(../img/back.gif);
	background-repeat: repeat-x;
	width:950px;
}

*+html #header #global-navi{/* IE7 later */
	top:58px;
}
* html #header #global-navi{/* IE6 */
	top:58px;
}

/* =========================================================
■パンくず
========================================================= */

#pageNv{
	width:910px;
	height: 21px;
	padding:0 20px 0 20px;
}


ul#topicPath {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
ul#topicPath li {
	float: left;
	padding-right: 7px;
	padding-left: 10px;
	background: url(../img/icn_arrow_pnv.gif) no-repeat 0 50%;
	font-size:10px;
}

/* ホームバック画像なし */
ul#topicPath li.home {
	padding-left: 0;
	background: none;
	font-size:10px;
}
ul#topicPath li a:link,
ul#topicPath li a:visited {
	color: #cccccc;
	text-decoration: none;
	font-size:10px;
}

ul#topicPath li a:hover,
ul#topicPath li a:active {
	color: #c3a078;
	font-size:10px;
}
ul#topicPath li em {
	font-style: normal;
	text-decoration: underline;
	font-size:10px;
	color: #cccccc;
}


/* =========================================================
■leftnavi
========================================================= */
div#leftnavi{
 clear: left;
 margin: 15px 0 30px 0;
 padding: 3px 3px 0px 0px;
 width: 205px;
 height: auto;
 float: left;
display: inline;
 
}

div#leftnavi .nl li {

list-style-type: none;
background-image:url(../img/left_1stlist.gif);
background-repeat:repeat-x;
background-position: 1px 2px;
padding:8px 0 3px 5px;
margin:10px 0 1px 0x;
line-height: 1.2;
font-size:12px;
color:#666;
}

div#leftnavi .nlsub li {
width: 190px;
background-color: #ffffff; 
list-style-type: none;
background-image:url(../img/left_list.gif);
background-repeat:no-repeat;
background-position: 1px 8px;
padding:8px 0 8px 20px;
margin-left:10px;
line-height: 1.2;
font-size:12px;
}

div#leftnavi a{color: #666;text-decoration: none;}
div#leftnavi a:link {color: #666;text-decoration: }
div#leftnavi a:visited {color: #666;text-decoration: none;border-bottom:0px;}
div#leftnavi a:active{color: #666;text-decoration: none;border-bottom:0px;}
div#leftnavi a:hover {color: #c3a078;text-decoration: none;}
/* =========================================================
■contents
========================================================= */
#contents{
 width:700px;
 margin:20px 0 0 10px;
 float:right;

 }


h2{
 width:700px;
 height: 42px;
 text-align:left;
 margin:5px 0 20px 0;
}


/* =========================================================
■商品説明の画像トップ
========================================================= */



#imagebox{
width: 678px;
height: 320px;
margin: 20px 10px 40px 10px;
border: solid 1px #cccccc;
position:relative;

}
/*ダイアジェンヌ */
#imagebox_diasienne{
width: 678px;
height: 320px;
margin: 0 10px 40px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/diasienne/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_diasienne{
	position:absolute;
	left: 162px;
	right:30px;
	top: 120px;
	height: 142px;
	width: 345px;
} 

#about_diasienne p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}

#about_diasienne p a{color: #c3a078;text-decoration: none;}
#about_diasienne p a:link {color: #c3a078;text-decoration: none; }
#about_diasienne p a:hover {color: #c3a078;border-bottom:1px dotted #c3a078;}


/*デュセーネ */
#imagebox_noema{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/noema/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_noema{
	position:absolute;
	left: 324px;
	right:30px;
	top: 161px;
	height: 142px;
	width: 351px;
} 

#about_noema p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}




/*ディアナージュ　ﾄﾞゥ */
#imagebox_deux{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/deux/img/top_image.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_deux{
	position:absolute;
	left: 346px;
	right:30px;
	top: 112px;
	height: 142px;
	width: 329px;
} 

#about_deux p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}

/*ディアナージュ　アレス */
#imagebox_alles{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/ALLES/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_alles{
	position:absolute;
	left: 381px;
	right:30px;
	top: 172px;
	height: 102px;
	width: 292px;
} 

#about_alles p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}





/*プリュボーミュー */
#imagebox_mieux{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/mieux/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 
#about_mieux{
	position:absolute;
	left: 348px;
	right:30px;
	top: 159px;
	height: 142px;
	width: 329px;
} 

#about_mieux p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}



/*ホワイト*/

#imagebox_white{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/white/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;
} 

#about_white{
	position:absolute;
	left: 325px;
	right: 30px;
	top:  181px;
	height: 127px;
	width: 352px;
} 

#about_white p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}



/*アンシイ*/

#imagebox_ansi{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/ansi/img/topiamge.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_ansi{
	position:absolute;
	left: 319px;
	right:30px;
	top: 139px;
	height: 63px;
	width: 360px;
} 

#about_ansi p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}
/*ケキュア*/

#imagebox_cacure{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/cacure/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_cacure{
	position:absolute;
	left: 1px;
	right:30px;
	top: 224px;
	height: 63px;
	width: 678px;
} 

#about_cacure p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}

/*ヘアケア*/

#imagebox_haircare{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/haircare/img/topimage_new.jpg);
background-repeat:no-repeat;
position:relative;
} 
#about_haircare{
	position:absolute;
	left: 365px;
	right:30px;
	top: 131px;
	height: 63px;
	width: 304px;
} 

#about_haircare p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}



/*ヘルツバイン*/

#imagebox_herzbein{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/herzbein/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_herzbein{
	position:absolute;
	left: 17px;
	right:30px;
	top: 132px;
	height: 63px;
	width: 360px;
} 

#about_herzbein p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}

/*クリスタルデイ*/

#imagebox_crystalday{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/crystalday/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_crystalday{
	position:absolute;
	left: 314px;
	right:30px;
	top: 152px;
	height: 63px;
	width: 360px;
} 

#about_crystalday p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}

/*エスポワールド*/

#imagebox_espworld{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/espworld/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_espworld{
	position:absolute;
	left: 357px;
	right:30px;
	top: 120px;
	height: 63px;
	width: 304px;
} 

#about_espworld p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}




/*セルディア-i*/

#imagebox_celldea-i{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/celldea-i/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_celldea-i{
	position:absolute;
	left: 26px;
	right:30px;
	top: 182px;
	height: 63px;
	width: 322px;
} 

#about_celldea-i p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}

/*ジュレット*/

#imagebox_geleet{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/geleet/img/topimage.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_geleet{
	position:absolute;
	left: 374px;
	right:30px;
	top: 171px;
	height: 98px;
	width: 305px;
} 

#about_celldea p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}



/*サターシェ*/

#imagebox_sattacher{
width: 678px;
height: 320px;
margin: 0 10px 70px 10px;
border: solid 1px #cccccc;
background-image:url(../collection/sattacher/img/imagetop.jpg);
background-repeat:no-repeat;
position:relative;

} 

#about_sattacher{
	position:absolute;
	left: 9px;
	right:30px;
	top: 98px;
	height: 106px;
	width: 346px;
} 

#about_sattacher p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}





/*着用パターン */
#wp{
margin: 0 10px 30px 10px;
text-align:left;
} 

#wp1{
border: 1px solid #cccccc;
width: 220px;
height: 80px;
margin: 0px 0px 20px 10px;
float: left;
_margin-left:5px;
text-align:left;
} 


#wp2{
border: 1px solid #cccccc;
width: 220px;
height: 80px;
margin: 0px 0 20px 6px;
float: left;
_margin-right:3px;
float:left; 
text-align:left;
} 
.item_img{
width:80px;
height:80px;
border-right:1px solid #cccccc;
font-size:12px;
float:left;
} 
.item_name{
width:132px;
height:70px;
padding:8px 2px 2px 3px;
font-size:12px;
color:#666666;
text-align:left;
float:right;
}

.item_name p{
	line-height:1.4;
} 


/*ラインアップ */

#lineup{    
clear: both;
margin: 20px 10px 30px 10px;
text-align:left;

} 


#category{    
clear: both;
margin: 20px 10px 10px 10px;
text-align:left;

} 

#category2{    
clear: both;
margin: 20px 10px 10px 10px;
padding-top:20px;
padding-right:400px;
text-align:left;
border-top:1px dotted #dcdcdc;


}


#category3{    
clear: both;
margin: 20px 10px 10px 10px;
padding-top:20px;
text-align:center;


} 
#namebox{
 width:680px;
 margin-bottom:50px;
}
.listleft2{
width:380px;
height:auto;
float:left;
margin-top:30px;  
}

.listright2{
	width:300px;
 height:auto;
 float:right;
margin-top:30px;
text-align:left;
line-height:1.4;
 
}

/*ダイアジェンヌ説明のトップ */


#about{
	position:absolute;
	left: 153px;
	right:30px;
	top: 129px;
	height: 142px;
	width: 364px;
} 

#about p{
	color:#666666;
	font-size:12px;
	line-height:200%;
	text-align:center;
}


#ds1{
border: 1px solid #cccccc;
width: 220px;
height: 80px;
margin: 0px 0 20px 10px;
float: left;
_margin-left:5px;
text-align:left;
} 


#ds2{
border: 1px solid #cccccc;
width: 220px;
height: 80px;
margin: 0px 0 20px 6px;
float: left;
_margin-right:3px;
float:left; 
text-align:left;
} 


.ds2_corner{
border:  1px solid #cccccc;
width: 220px;
height: 80px;
margin: 0px 240px 20px 6px;
float: left;
_margin-right:120px;
float:left; 
text-align:left;
}

.item_img{
width:80px;
height:80px;
border-right:1px solid #cccccc;
font-size:12px;
float:left;
} 
.item_name{
width:132px;
height:70px;
padding:8px 2px 2px 3px;
font-size:12px;
color:#666666;
text-align:left;
float:right;
}
.item_comment{
font-size:11px;
color:#666666;
text-align:left;
line-height:1.2;
}

.item_name p  a{text-decoration: none;}
.item_name p  a:link {color: #666;text-decoration: }
.item_name p  a:visited {color: #666;text-decoration: none;border-bottom:0px;}
.item_name p  a:active{color: #666;text-decoration: none;border-bottom:0px;}
.item_name p  a:hover {color: #c3a078;text-decoration: none;}





/*各アイテム */
/* 右上の商品ナビボックス */
#itemnavi_box{
	height: 42px;
	position:absolute;
	top:2px;
	right:9px;
} 

#itemnavi{
border: 1px solid #cccccc;
width: 40px;
height: 40px;
margin-right: 1px;
float: left;
} 


/*画像の透過*/

#itemnavi :hover img 
{	
filter: alpha(opacity: 50);
opacity: 0.5;
-moz-opacity: 0.5;
}
#ds1 :hover img 
{	
filter: alpha(opacity: 50);
opacity: 0.5;
-moz-opacity: 0.5;
}

#ds2 :hover img 
{	
filter: alpha(opacity: 50);
opacity: 0.5;
-moz-opacity: 0.5;
}

.ds2_corner :hover img 
{	
filter: alpha(opacity: 50);
opacity: 0.5;
-moz-opacity: 0.5;
}




#item_c{
border: 1px solid #c3a078;
width: 40px;
height: 40px;
margin-right: 1px;
float: left;
} 


#wp1 :hover img 
{	
filter: alpha(opacity: 50);
opacity: 0.5;
-moz-opacity: 0.5;
}

#wp2 :hover img 
{	
filter: alpha(opacity: 50);
opacity: 0.5;
-moz-opacity: 0.5;
}

/* ポップアップ */


#tt {
	position:absolute; display:block;
	background:url(../img/tt_left.gif) top left no-repeat;
	}
#tttop {
	display:block; height:5px; margin-left:5px; 
	background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden;
	}
#ttcont {
	display:block; padding:2px 12px 3px 7px; margin-left:5px; 
	background:#666; color:#FFF; font-size:10px;
	}
#ttbot {
	display:block; height:5px; margin-left:5px;
	background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden;
	}




/* =========================================================
■左カラム
========================================================= */

#leftbox{
width: 250px;
height: 600px;
margin: 20px 40px 0 40px;
border:none;
float: left;
display: inline;
} 

/* 大きい写真用　 */

#p_box{
border: 1px solid #cccccc;
width: 250px;
height: auto;
margin: 0 0 10px 0;
} 

#back{
width: 250px;
height:46px;
margin: 5px 0 5px 0;
float:right;

} 

#back img{
border: 1px solid #cccccc;
width: 40px;
height: 40px;
padding:2px;
margin-left:2px;
_margin-left:1px;
float:left;
}



/* =========================================================
■右カラム
========================================================= */

/* 商品説明 */

#t_box{
width: 320px;
height: ７３０px;
padding:5px 0 0 0;
margin: 20px 0 0 0px;
border-top:solid 1px #cccccc;
float: right;
} 

h3{
width: 320px;
text-align:left;
color:#c3a078;
border:none;
font-weight:200;
margin: 2px 0 10px 0;
} 

h4{
width: 320px;
height: 20px;
text-align:left;
color:#666666;
font-size:14px;
font-weight:300;
border-bottom: 1px solid #cccccc;
margin: 5px 0 10px 0;
} 



/* 値段 */

#price{

color:#c3a078;
font-size:12px;

} 
#en
{
	margin-bottom: 6px;
} 




/* カラー選択用　 */
#colorbox{
width: 95px;
height:40px;
margin: 1px 0 0 0;
float:left;
display : inline;


} 

#colorbox img{
border: 1px solid #cccccc;
width: 35px;
height: 35px;
padding:2px;
margin-right:2px;
_margin-right:1px;
}



/* 説明のリスト */

#point
{
	margin: 10px 0 0 0;
	padding:10px 0 0 0;
	border-top: 1px dotted #cccccc;
	width: 320px;
} 



#memo {
	margin: 5px 0 5px 0;
	padding:10px 0 2px 0;
} 



#memo li{
	background-image :url(../images/list.gif);
    background-repeat: no-repeat;
    background-position: 2px 3px;
    padding-left: 15px;
    list-style: none;
	margin-bottom:8px;
	font-size:11px;
	color:#666666;
	line-height: 1.2;
	width: 320px;			
} 


#mij{
	color:#666666;
    font-size:11px;
	text-align:left;
	border-top: 1px dotted #cccccc;
	padding-top:10px;

} 



.seibun li{
	color:#666666;
    font-size:10px;
	text-align:left;
	padding-top:10px;
	list-style:none;
	line-height:90%;

} 



.seibun2 li{
	color:#666666;
    font-size:10px;
	text-align:left;
	padding-top:10px;
	list-style-position:inside;
	list-style-type:circle;
	line-height:50%;
	text-indent:10px;

}