@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    story_cachmere.css
*
*
------------------------------------------------------------------------------------------ */
#slide_wrap{
    background-color: #000;
}


/* common layout
-------------------------------------------------------------------------------*/
/* text align */
.alignL { text-align:left;}
.alignC { text-align:center;}
.alignR { text-align:right;}

/* font size */
.small { font-size:12px !important;}
.large { font-size:18px !important; }


/* font color */
.red { color: #B90A28;}
.green { color: #096310;}

/* text indent */
.indent1 { margin-left: 1em; text-indent: -1em;}
.indent3 { margin-left: 3em; text-indent: -3em;}

/* margin */
.mgnB0{ margin-bottom: 0px !important; }
.mgnB10{ margin-bottom: 10px !important; }
.mgnB20{ margin-bottom: 20px !important; }
.mgnB30{ margin-bottom: 30px !important; }
.mgnB40{ margin-bottom: 40px !important; }
.mgnB60{ margin-bottom: 60px !important; }
.mgnB80{ margin-bottom: 80px !important; }
.mgnB130{ margin-bottom: 130px !important; }
.mgnB170{ margin-bottom: 170px !important; }


/* padding */
.pdgT10 { padding-top:10px;}

/*position*/
.relative { position:relative;}
.bottom { position:absolute; bottom:0;}

.opc:hover{ opacity:0.6; }


/* slide
-------------------------------------------------------------------------------*/
#indexpage img{ vertical-align: bottom; }

.slide{
	position: relative;
	width: 980px;
	height: 450px;
	background-color: #fff;
}

.slideWrap{
	position: relative;
	width: 980px;
	height: 450px;
	overflow: hidden;
}

.slide .covers,
.slide .story{ display: none; }

.slide .covers li,
.slide .story li{
	position: absolute;
	top: 0;
	left: 0;
}

.btnStory{
	display: none;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 9;
}
.btnStory a{ display: block; }

.btnDirection li{
	display: none;
	position: absolute;
	bottom: 5px;
	z-index: 10;
}
.btnDirection li:first-child{ left: 20px; }
.btnDirection li:nth-child(2){ right: 20px; }
.btnDirection li:last-child{ right: 20px; }

.bgm{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 450px;
	background-color: #000;
	text-align: center;
	color: #fff;
}
.bgm ul{
	width: 580px;
	padding-top: 170px;
	margin: 0 auto;
}
.bgm p{ margin-top: 80px; }

.thumb{
	position: absolute;
	width: 210px;
	top: 442px;
	right: 100px;
	z-index: 8;
}
.thumb dd{ background-color: #c2c3c4; }
.thumb li{ border-bottom: 2px solid #dbdcdc; }
.thumb li:last-child{ border-bottom: none; }
.thumb a{
	display: block;
	width: 170px;
	height: 100px;
	margin-left: 30px;
	padding: 10px 0 10px 10px;
	background: #c8c9ca no-repeat;
	text-indent: -9999px;
}
.thumb dd,
.thumb li:last-child{ border-radius: 0 0 6px 6px; }
.thumb li:last-child a{ border-radius: 0 0 6px 0; }
.thumb li.active{ background: #858688 url(../images/slide_active.png) no-repeat 6px 12px; }
.thumb li.active a{
	background-color: #8a8b8c;
	background-position: -170px 0;
}

.thumb li:first-child a{ background-image:url(../images/btn_thumb_cashmere.png); }
.thumb li:nth-child(2) a{ background-image:url(../images/btn_thumb_coat.png); }
.thumb li:last-child a{ background-image:url(../images/btn_thumb_tshirt.png); }


.slideTitle li{
	display: none;
	position: absolute;
	bottom: 45px;
	left: 803px;
	z-index: 7;
}
#title_cashmere{ bottom: 70px; left: 808px; }

.audio ul{ display: none; }
.audio li{
	position: absolute;
	top: 450px;
	right: 20px;
}

#topslide{ margin: 0 0 55px 0; }

#top_lead {margin:0 0 112px 98px;}


#conceptslide{ width: 980px; margin: 0 auto; }
#conceptslide .thumb{ display: none; }
#other #concept_slide {display:none;position:absolute;top:0; left:0;width: 980px; height:450px;}
#other #concept_slide .flex-prev,
#other #concept_slide .flex-next { position:absolute; top:416px; width:60px; height:25px;}
#other #concept_slide .flex-prev { left:28px; }
#other #concept_slide .flex-next { right:30px; }
#other #concept_slide a.flex-prev,
#other #concept_slide a.flex-next  { display:block;width:60px; height:25px;}
#other #concept_slide a.flex-prev span,
#other #concept_slide a.flex-next span { display:none;}