@charset "shift_jis";

/* ===== coordi_hair2013 ===== */

/* ===== 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;	
}
div#coordi #return_btn{
	width:800px;
	margin:0 0 50px;	
}
.link p{
	display:inline;
}
.link p a{
	color:#777 !important;	
}
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;	
}

/* ===== set1 ===== */
div#coordi #set1{
	width:790px;
	background:url(../img/hair_bg.gif) repeat-y;
	padding:10px 0 15px 10px;	
}
div#coordi #set1 .set1_img{
	width:464px;
	height:680px;
	float:left;
	background:url(../img/set1_img_bg.jpg) no-repeat;
}
div#coordi #set1 .set1_img ul.set1_imgUl{
	width:464px;
	height:680px;
	position:relative;
}
div#coordi #set1 .set1_img ul.set1_imgUl li{
	position:absolute;
}
div#coordi #set1 .set1_img ul.set1_imgUl li.set1_1{top:210px; left:227px; z-index:1;}
div#coordi #set1 .set1_img ul.set1_imgUl li.set1_2{top:356px; left:124px; z-index:2;}
div#coordi #set1 .set1_img ul.set1_imgUl li.set1_3{top:166px; left:41px; z-index:1;}
div#coordi #set1 .set1_img ul.set1_imgUl li.set1_4{top:454px; left:246px; z-index:3;}
div#coordi #set1 .set1_img ul.set1_imgUl li.set1_5{top:340px; left:319px; z-index:1;}
div#coordi #set1 .set1_img ul.set1_imgUl li.set1_6{top:404px; left:346px; z-index:2;}
div#coordi #set1 .set1_img ul.set1_imgUl li.total{top:598px; left:0px; z-index:5;}

div#coordi #set1 .set1_img h2{
	display:none;	
}
div#coordi #set1 .rightbox{
	float:right;
	width:316px;
}
div#coordi #set1 .rightbox .pro_ul li .pro_txt{
	background:url(../img/arrow01.gif) 0 2px no-repeat;
}
div#coordi #set1 .rightbox .pro_ul li .pro_txt p.brown a:link,
div#coordi #set1 .rightbox .pro_ul li .pro_txt p.brown a:visited{
	color:#6c5048 !important;
	text-decoration:underline;
}
div#coordi #set1 .rightbox .pro_ul li .pro_txt p.brown a:hover,
div#coordi #set1 .rightbox .pro_ul li .pro_txt p.brown a:focus{
	color:#80645c !important;
	text-decoration:none;
}

/* ===== set2 ===== */
div#coordi #set2{
	width:790px;
	background:url(../img/hair_bg.gif) repeat-y;
	padding:10px 0 15px 10px;	
}
div#coordi #set2 .set2_img{
	width:464px;
	height:680px;
	float:left;
	background:url(../img/set2_img_bg.jpg) no-repeat;
}
div#coordi #set2 .set2_img ul.set2_imgUl{
	width:464px;
	height:680px;
	position:relative;
}
div#coordi #set2 .set2_img ul.set2_imgUl li{
	position:absolute;
}
div#coordi #set2 .set2_img ul.set2_imgUl li.set2_1{top:224px; left:16px; z-index:1;}
div#coordi #set2 .set2_img ul.set2_imgUl li.set2_2{top:326px; left:124px; z-index:2;}
div#coordi #set2 .set2_img ul.set2_imgUl li.set2_3{top:178px; left:249px; z-index:1;}
div#coordi #set2 .set2_img ul.set2_imgUl li.set2_4{top:438px; left:50px; z-index:3;}
div#coordi #set2 .set2_img ul.set2_imgUl li.set2_5{top:348px; left:302px; z-index:2;}
div#coordi #set2 .set2_img ul.set2_imgUl li.set2_6{top:433px; left:349px; z-index:3;}
div#coordi #set2 .set2_img ul.set2_imgUl li.total{top:582px; left:187px; z-index:5;}

div#coordi #set2 .set2_img h2{
	display:none;	
}
div#coordi #set2 .rightbox{
	float:right;
	width:316px;
}
div#coordi #set2 .rightbox .pro_ul li .pro_txt{
	background:url(../img/arrow02.gif) 0 2px no-repeat;
}
div#coordi #set2 .rightbox .pro_ul li .pro_txt p.red a:link,
div#coordi #set2 .rightbox .pro_ul li .pro_txt p.red a:visited{
	color:#cf4c7b !important;
	text-decoration:underline;
}
div#coordi #set2 .rightbox .pro_ul li .pro_txt p.red a:hover,
div#coordi #set2 .rightbox .pro_ul li .pro_txt p.red a:focus{
	color:#d95b88 !important;
	text-decoration:none;
}

/* ===== relax ===== */
div#coordi #relax{
	width:790px;
	background:url(../img/hair_bg.gif) repeat-y;
	padding:10px 0 15px 10px;	
}
div#coordi #relax .relax_img{
	width:464px;
	height:680px;
	float:left;
	background:url(../img/relax_img_bg.jpg) no-repeat;
}
div#coordi #relax .relax_img ul.relax_imgUl{
	width:464px;
	height:680px;
	position:relative;
}
div#coordi #relax .relax_img ul.relax_imgUl li{
	position:absolute;
}
div#coordi #relax .relax_img ul.relax_imgUl li.relax_1{top:304px; left:138px; z-index:2;}
div#coordi #relax .relax_img ul.relax_imgUl li.relax_2{top:253px; left:193px; z-index:1;}
div#coordi #relax .relax_img ul.relax_imgUl li.relax_3{top:263px; left:67px; z-index:1;}
div#coordi #relax .relax_img ul.relax_imgUl li.relax_4{top:194px; left:138px; z-index:1;}
div#coordi #relax .relax_img ul.relax_imgUl li.relax_5{top:248px; left:204px; z-index:2;}
div#coordi #relax .relax_img ul.relax_imgUl li.total{top:591px; left:12px; z-index:5;}

div#coordi #relax .relax_img h2{
	display:none;	
}
div#coordi #relax .rightbox{
	float:right;
	width:316px;
}
div#coordi #relax .rightbox .pro_ul li .pro_txt{
	background:url(../img/arrow03.gif) 0 2px no-repeat;
}
div#coordi #relax .rightbox .pro_ul li .pro_txt p.blue a:link,
div#coordi #relax .rightbox .pro_ul li .pro_txt p.blue a:visited{
	color:#3c6eb1 !important;
	text-decoration:underline;
}
div#coordi #relax .rightbox .pro_ul li .pro_txt p.blue a:hover,
div#coordi #relax .rightbox .pro_ul li .pro_txt p.blue a:focus{
	color:#4a7cbf !important;
	text-decoration:none;
}

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