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

/* ****************************************************
  ABOUT
***************************************************** */

.about{
	background-color: #FFF;
	width:940px;
	height:350px;
	position:absolute;
	top:-250px;
	padding: 25px 0 40px 0;
	z-index:0;
	display:none;
}
.about p{
	float:left;
	margin-right:120px;
}
.about dl{
	float:left;
	margin-top:100px;
}
.about dl dt,
.about dl dd{
	margin-bottom:18px;
}
.about .about-close li{
	position:absolute;
	top:385px;
	left:890px;
}
.about .kobutu{
	position:absolute;
	top:388px;
	left:0;
	color: #999;
}

/* ****************************************************
  news
***************************************************** */
.sns{
	margin:40px 0 0px 0;
}

.sns h2{
	float:left;
	width:200px;
	margin-bottom:0;
}

.sns ul{
	width:740px;	
}
.sns ul li{
	float:left;	
	font-size:120%;
	margin-right:30px;
	letter-spacing:0.05em;
	font-weight:bold;
}

/* ****************************************************
  news
***************************************************** */

.news{
	margin:40px 0;
}
.news h2{
	float:left;
	width:200px;
}
.news dl{
	width:740px;
	float:left;
}

.news dl dt{
	font-size:110%;
	letter-spacing:0.05em;
	float:left;
	height:18px;
}
.news dl dd{
	height:18px;
}
.news span{
	margin:0 3px;
	font-weight:normal;
}
/* ****************************************************
  pick ＆ coordinator ＆ snap ＆ blog
***************************************************** */

.pick p,
.coordinator p,
.snap p,
.blog p{
	margin-bottom:12px;
}

.snap p,
.blog p{
	width:145px;
	height:145px;
	overflow:hidden;
	background-color:#eae6e3;
}

.pick dt,
.coordinator dt,
.snap dt,
.blog dt{
	margin-bottom:5px;
	line-height: 1.3em;
}



/* スライドショー
=========================================*/
.pick,
.coordinator,
.snap,
.blog{ margin:50px 0; position:relative; }

.thumb-inner{ width:940px; overflow:hidden; }

.thumb-inner:after{ display: block; clear: both;content: ""; }

#cyclepages1{ width:960px; overflow:hidden; }
#cyclepages2{ width:992px; overflow:hidden; }
#cyclepages3{ width:994px; overflow:hidden; }
#cyclepages4{ width:994px; overflow:hidden; }
#cyclepages5{ width:960px; overflow:hidden; }

.thumb-list{ margin-right:0; float:left; }

.about .thumb-list{ width:960px; }
.pick .thumb-list{ width:320px; }
.coordinator .thumb-list{ width:248px; }
.snap .thumb-list,
.blog .thumb-list{ width:199px; }/*サムネ+マージンの幅*/


.pick .thumb-list dl{ width:300px; }
.coordinator .thumb-list dl{ width:196px; }
.snap .thumb-list dl,
.blog .thumb-list dl{ width:145px; }/*サムネの幅*/

.slide-btn .btn-right,
.slide-btn .btn-left{
	position:absolute;width:30px;height:30px;
	display:block; overflow: hidden; text-indent: -10000px; }
	
.about .slide-btn .btn-right,
.about .slide-btn .btn-left{ top:194px; }
.pick .slide-btn .btn-right,
.pick .slide-btn .btn-left{ top:35px; }
.coordinator .slide-btn .btn-right,
.coordinator .slide-btn .btn-left{ top:115px; }
.snap .slide-btn .btn-right,
.snap .slide-btn .btn-left,
.blog .slide-btn .btn-right,
.blog .slide-btn .btn-left{ top:85px; }


.about .slide-btn .btn-right,
.pick .slide-btn .btn-right,
.coordinator .slide-btn .btn-right,
.snap .slide-btn .btn-right,
.blog .slide-btn .btn-right{ background:url("../images/yajirushi-right.png") no-repeat scroll 10px 10px; left:940px; }

.about .slide-btn .btn-left,
.pick .slide-btn .btn-left,
.coordinator .slide-btn .btn-left,
.snap .slide-btn .btn-left,
.blog .slide-btn .btn-left{ background:url("../images/yajirushi-left.png") no-repeat scroll 10px 10px; left:-28px; }

.about .slide-btn .btn-left,
.about .slide-btn .btn-right{filter: alpha(opacity=0);-moz-opacity:0;opacity:0;}