@charset "utf-8";
/* ------- css list created date 2013
visual
contents
--------------------- */


/* -------------------------------
visual
------------------------------- */
#visual{
	position: relative;
	width:100%;
	height:490px;
	text-align:left;
	overflow: hidden;
}
#visual li{
	float:left;
}
/* -------------------------------
contents
------------------------------- */
#contents{
	padding-bottom:0;
	position: relative;
	padding-top:40px;
	min-width:960px;
	text-align:center;
}
#contents .wrapper{
	position: relative;
	margin: 0 auto;
	width:840px;
	text-align:left;
}
.catch{
	width:722px;
	height:26px;
	background-image:url(../../images/txt_catch.png);
}
.txt001{
	margin-top:41px;
	width:778px;
	height:167px;
	background-image:url(../../images/txt_001.png);
}
#btnArea{
	margin-top:35px;
	background: url(../../images/btnarea_bg.png) no-repeat center 117px;
	width:840px;
	overflow: hidden;
}
#btnArea ul{
	list-style-type: none;
	width:882px;
}
#btnArea ul li{
	margin:0 42px 42px 0;
	padding:7px;
	float:left;
	width:252px;
	background: #f2f4f4;
}
#btnArea ul li div{
	position: relative;
	border:#fff solid 1px;
}
#btnArea ul li a,
#btnArea ul li span{
	display: block;
	width:236px;
	height:96px;
}
#btnArea ul li a:hover,
#btnArea .ro{
background-position: left 100% !important;
}
#btnArea .btnChapter1 a{
	background:url(../../images/btn_chapter1.png) no-repeat left top;
}
#btnArea .btnChapter2 a,
#btnArea .btnChapter2 span{
	background:url(../../images/btn_chapter2.png) no-repeat left top;
}
#btnArea .btnChapter3 a,
#btnArea .btnChapter3 span{
	background:url(../../images/btn_chapter3.png) no-repeat left top;
}
#btnArea .btnPhotobook a,
#btnArea .btnPhotobook span{
	background:url(../../images/btn_photobook.png) no-repeat left top;
}
#btnArea .btnEssay a,
#btnArea .btnEssay span{
	background:url(../../images/btn_essay.png) no-repeat left top;
}
#btnArea .btnProfile a{
	background:url(../../images/btn_profile.png) no-repeat left top;
}
#btnArea ul li span:after{
	position: absolute;
	bottom:0;
	left:0;
	z-index:+1;
	content:url("../../images/btn_comming.png");
	line-height:0;
	text-indent:0 !important;
}