/*======================================

	4.style

=======================================*/

#hdrMenu .menu02, #hdrMenu .menu03, #hdrMenu .menu04, #hdrMenu .menu05, #hdrMenu .menu06, #hdrMenu .menu07, #hdrMenu .menu08, #hdrMenu .menu09 {
	background: url(../img_cmn/hdr_menu_line.gif) no-repeat right top;
	float: left;
	text-align: left;
}

#ftr {
	width: 768px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-top: #303030 1px solid;
}

body {
	background-color: #000;
	color: #FFF;
}

#container {
	width:768px;
	margin:0 auto;
	text-align:center;
}

#wrapper {
	width:768px;
	margin:0 auto;
	text-align:left;
}

.stmain1 {
	width: 768px;
	/*height: 471px;*/
}

.stmain2 {
	width: 768px;
	height: 471px;
	background-image: url(../style/img/style_bg_001.jpg);
	background-repeat: no-repeat;
}

.stmain3 {
	width: 768px;
	height: 471px;
	background-image: url(../style/img/style_bg_002.jpg);
	background-repeat: no-repeat;
}

.stmain4 {
	width: 768px;
	height: 471px;
	background-image: url(../style/img/style_bg_003.jpg);
	background-repeat: no-repeat;
}

/*======================================
	tab
=======================================*/
.stybtntab1 {
	display: block;
	width: 314px;
	height: 32px;
	background-image: url(../play/img/tabu_btn001.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtntab1:hover {
	background-position: 0 -32px;
}

.stybtntab1s {
	display: block;
	width: 314px;
	height: 32px;
	background-image: url(../play/img/tabu_btn001.jpg);
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtntab2 {
	display: block;
	width: 316px;
	height: 32px;
	background-image: url(../play/img/tabu_btn002.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtntab2:hover {
	background-position: 0 -32px;
}

.stybtntab2s {
	display: block;
	width: 316px;
	height: 32px;
	background-image: url(../play/img/tabu_btn002.jpg);
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}



/*======================================
	bt
=======================================*/
.stybtn1 {
	display: block;
	width: 50px;
	height: 58px;
	background-image: url(../play/img/bt01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn1:hover {
	background-position: 0 -58px;
}

.stybtn1s {
	display: block;
	width: 50px;
	height: 58px;
	background-image: url(../play/img/bt01.jpg);
	background-repeat: no-repeat;
	background-position: 0 -58px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn2 {
	display: block;
	width: 50px;
	height: 58px;
	background-image: url(../play/img/bt02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn2:hover {
	background-position: 0 -58px;
}

.stybtn2s {
	display: block;
	width: 50px;
	height: 58px;
	background-image: url(../play/img/bt02.jpg);
	background-repeat: no-repeat;
	background-position: 0 -58px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn3 {
	display: block;
	width: 60px;
	height: 58px;
	background-image: url(../play/img/bt03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn3:hover {
	background-position: 0 -58px;
}

.stybtn3s {
	display: block;
	width: 60px;
	height: 58px;
	background-image: url(../play/img/bt03.jpg);
	background-repeat: no-repeat;
	background-position: 0 -58px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn4 {
	display: block;
	width: 95px;
	height: 58px;
	background-image: url(../play/img/bt04.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn4:hover {
	background-position: 0 -58px;
}

.stybtn4s {
	display: block;
	width: 95px;
	height: 58px;
	background-image: url(../play/img/bt04.jpg);
	background-repeat: no-repeat;
	background-position: 0 -58px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn5 {
	display: block;
	width: 86px;
	height: 58px;
	background-image: url(../play/img/bt05.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn5:hover {
	background-position: 0 -58px;
}

.stybtn5s {
	display: block;
	width: 86px;
	height: 58px;
	background-image: url(../play/img/bt05.jpg);
	background-repeat: no-repeat;
	background-position: 0 -58px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn6 {
	display: block;
	width: 94px;
	height: 58px;
	background-image: url(../play/img/bt06.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtn6:hover {
	background-position: 0 -58px;
}

.stybtn6s {
	display: block;
	width: 94px;
	height: 58px;
	background-image: url(../play/img/bt06.jpg);
	background-repeat: no-repeat;
	background-position: 0 -58px;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}


/*======================================
	arrow
=======================================*/
.stybtnprev {
	display: block;
	width: 49px;
	height: 63px;
	background-image: url(../play/img/arrow_left.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtnprev:hover {
	background-position: 0 -63px;
}

.stybtnprevs {
	display: block;
	width: 49px;
	height: 63px;
	background-image: url(../play/img/arrow_left_no.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtnnext {
	display: block;
	width: 49px;
	height: 63px;
	background-image: url(../play/img/arrow_right.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}

.stybtnnext:hover {
	background-position: 0 -63px;
}

.stybtnnexts {
	display: block;
	width: 49px;
	height: 63px;
	background-image: url(../play/img/arrow_right_no.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
	float: left;
}