@charset "utf-8";
/* CSS Document */
/* cocomag 2011 spring */
body {
	font-size:12px;
	line-height:1.8;

}
#contents {
	width: 900px;
	height:560px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	position:relative;
}

#slider {
    width:880px;
}
#slider img{
    border:none;
}
#slider ul, #slider li{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
}
#slider li {
	width:880px;
	overflow:hidden;
}
/* Numeric Navigation */
ol {
	width:880px;
	height:20px;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align:center;
}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:20px;line-height:20px;}
ol li a{
	float:left;
	height:20px;
	line-height:20px;

	color:#555;
	padding:0 10px;
	text-decoration:none;
	background-color: #F3F2E2;
}
ol li.current a{
	color:#fff;
	background-color: #B8AA92;
}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:100px;position:absolute;left:-30px;top:210px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:880px;}														
.nextBtn {background:url(../images/btn_next.gif) no-repeat 0 0;}	#contents #slider ul li .leftarea {
	padding: 10px;
	width: 30px;
	float: left;
}
#contents #slider ul li .rightarea {
	float: right;
	width: 340px;
	padding: 10px;
}
#contents #slider ul li .centerphoto {
	padding: 10px;
	width: 500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}