@charset "shift_jis";

/* ===== coordi_esthe2013 ===== */

/* ===== Float Clearing ===== */
div#coordi .clearFix{
zoom:1;
_height:1%;
}

div#coordi .clearFix:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}

/* ===== iepngfix ===== */
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}
/* ===== コンテンツ共通 ===== */
#yeartitle{
	width:950px;
	margin:10px auto;	
}
.year{
	width:800px;
	color:#592b11;
	background:url(../img/year_bg.gif) 0 bottom no-repeat;
	text-indent:10px;
	font-size:15px;
	line-height:15px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:5px;
	padding-top:15px;
}
.coution{
	width:800px;
	margin:0 0 10px;
	text-indent:10px;
	color:#D21111;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.link{
	width:800px;
	margin:7px 0 30px 0;
	font-size:11px;
	text-align:right;	
}
.link p{
	display:inline;
}
.link p a{
	color:#777 !important;	
}
div#coordi #return_btn{
	width:800px;
	margin:0 0 50px;	
}
div#coordi{
	width:800px;
	margin:10px 0px 2em 75px;
	line-height:1.3;
}
div#coordi img{
	vertical-align:bottom;
}

div#coordi a:hover img.opa80{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}

div#coordi .fl{float:left;}
div#coordi .fr{float:right;}

div#coordi .total {
	width:196px;
	height:48px;
	background:url(../img/total.png) no-repeat;
	padding:18px 0 0 66px;
	color:#FFF;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	font-size:19px;
	font-weight:bold;
}
div#coordi .total span.priceBG{
	font-family: "minion-pro", Arial, Helvetica, serif, sans-serif !important; /* Adobe Typekit */
	font-style: normal;
	font-weight: 500 !important;
	font-size:33px !important;
}
div#coordi .total span.tax{
	font-size:10px !important;
}

/* ===== top ===== */
div#coordi .top{
	position:relative;
	width:800px;
	height:279px;
}
div#coordi .top h1{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;	
}
div#coordi .top .slideshow{
	position:relative;
}
div#coordi .top .slideshow img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;	
}
div#coordi .top .slideshow img.active{
	z-index:4;	
}
div#coordi .top .slideshow img.last-active{
	z-index:3;	
}

/* ===== navi ===== */
div#coordi ul.navi{
	margin-bottom:40px;	
}

/* ===== pure ===== */
div#coordi #pure{
	width:790px;
	background:url(../img/esthe_bg.gif) repeat-y;
	padding:10px 0 0 10px;	
}
div#coordi #pure .pure_img{
	width:780px;
	height:500px;
	background:url(../img/pure_img_bg.jpg) no-repeat;
}
div#coordi #pure .pure_img ul.pure_imgUl{
	width:780px;
	height:400px;
	position:relative;
}
div#coordi #pure .pure_img ul.pure_imgUl li{
	position:absolute;
}
div#coordi #pure .pure_img ul.pure_imgUl li.pure1{top:126px; left:199px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure2{top:211px; left:5px; z-index:1;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure3{top:284px; left:86px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure4{top:343px; left:88px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure5{top:148px; left:263px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure6{top:192px; left:602px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure7{top:278px; left:602px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure8{top:335px; left:614px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.pure9{top:329px; left:515px; z-index:2;}
div#coordi #pure .pure_img ul.pure_imgUl li.total{top:82px; left:518px; z-index:5;}

div#coordi #pure .pure_img h2{
	display:none;	
}
div#coordi #pure .pro_ul li .pro_txt{
	background:url(../img/arrow01.gif) 0 2px no-repeat;
}
div#coordi #pure .pro_ul li .pro_txt p.pink a:link,
div#coordi #pure .pro_ul li .pro_txt p.pink a:visited{
	color:#e77064 !important;
	text-decoration:underline;
}
div#coordi #pure .pro_ul li .pro_txt p.pink a:hover,
div#coordi #pure .pro_ul li .pro_txt p.pink a:focus{
	color:#f3958b !important;
	text-decoration:none;
}
div#coordi #pure p.shiyou{
	margin-top:10px;	
}

/* ===== natural ===== */
div#coordi #natural{
	width:790px;
	background:url(../img/esthe_bg.gif) repeat-y;
	padding:10px 0 0 10px;	
}
div#coordi #natural .natural_img{
	width:780px;
	height:500px;
	background:url(../img/natural_img_bg.jpg) no-repeat;
}
div#coordi #natural .natural_img ul.natural_imgUl{
	width:780px;
	height:500px;
	position:relative;
}
div#coordi #natural .natural_img ul.natural_imgUl li {
	position:absolute;
}
div#coordi #natural .natural_img ul.natural_imgUl li.natural1{top:118px; left:131px; z-index:2;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural2{top:190px; left:227px; z-index:2;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural3{top:175px; left:508px; z-index:1;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural4{top:151px; left:533px; z-index:2;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural5{top:158px; left:607px; z-index:2;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural6{top:283px; left:553px; z-index:3;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural7{top:204px; left:315px; z-index:5;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural8{top:202px; left:239px; z-index:3;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural9{top:232px; left:384px; z-index:5;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural10{top:250px; left:384px; z-index:5;}
div#coordi #natural .natural_img ul.natural_imgUl li.natural11{top:224px; left:286px; z-index:4;}
div#coordi #natural .natural_img ul.natural_imgUl li.total{top:417px; left:0px; z-index:10;}

div#coordi #natural .natural_img h2{
	display:none;	
}
div#coordi #natural .pro_ul li .pro_txt{
	background:url(../img/arrow02.gif) 0 2px no-repeat;
}
div#coordi #natural .pro_ul li .pro_txt p.brown a:link,
div#coordi #natural .pro_ul li .pro_txt p.brown a:visited{
	color:#8c6443 !important;
	text-decoration:underline;
}
div#coordi #natural .pro_ul li .pro_txt p.brown a:hover,
div#coordi #natural .pro_ul li .pro_txt p.brown a:focus{
	color:#997353 !important;
	text-decoration:none;
}
div#coordi #natural p.shiyou{
	margin-top:10px;	
}

/* ===== pro_ul 共通 ===== */
div#coordi .pro_ul{
	width:790px;
	margin:0 10px 0 0;
	letter-spacing: -.40em; /* inline-blockの隙間つめる_文字間を詰めて隙間を削除する */
}
div#coordi .pro_ul li{
	width:148px;
	/*float:left;*/
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal; /* inline-blockの隙間つめる_文字間を通常に戻す */
	margin:13px 10px 0 0;
}
div#coordi .pro_ul li {
	/display: inline; /* IE6,7 display: inline-block;の代わり */
	/zoom: 1;
}
div#coordi .pro_ul li .pro_txt{
	width:136px;
	margin-top:8px;
	padding-left:12px;
}
div#coordi .pro_ul li .pro_txt span.maker{
	font-size:10px;	
}
div#coordi .pro_ul li .pro_txt span.proname{
	font-weight:bold;	
}
div#coordi .pro_ul li p.price{
	float:left;
	width:70px;	
	color:#592b11;
	font-size:13px;
	font-weight:bold;
	font-family:Arial,"メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,sans-serif;
	padding:5px 3px 0 5px;
}
div#coordi .pro_ul li p.buy{
	float:right;
	width:64px;
	padding-top:5px;
}