@charset "UTF-8";

/* CSS Document */

*{font-family: "MS UI Gothic", monospace; list-style-type: none;margin: 0px;padding: 0px;border-style: none;background-repeat: no-repeat;behavior: }

/* base */

body{

	background-color:#000;

	color: #FFF;

	font-size: 12px;

}



p{

	margin: 0px;

	padding: 0px;

	line-height: 1.5em;

}

li{

	margin: 0px;

	padding: 0px;

	float: left;

	list-style-type: none;

}

#frame{

	width: 948px;

	background-color: #000;

	margin-right: auto;

	margin-left: auto;

	display: block;

}

a { color: #fff;text-decoration: none;  }

a:visited { color: #fff; }

a:hover {

	color: #FF0;

}

a:active { color: #fff; }

#Contents{

	height: 435px;

	margin-top: 10px;

	margin-bottom: 10px;

}



.maegin{

	display: block;

	margin: 0px;

	padding: 0px;

	height: 1px;

	width: 1px;

}



#yet{

	background-image: url(images/yet.jpg);

	display: block;

	height: 435px;

	width: 948px;

}



/* header */

.headerarea{

	display: block;

	height: 135px;

	width: 948px;

}

#header{

	background-image: url(images/header.jpg);

	height: 125px;

	width: 948px;

	display: block;

	text-align: right;

	margin-top: 10px;

	background-position: bottom;

}

#headnavi{

	margin-top: 85px;

	margin-right: 5px;

}



/* footer */

.footerarea{

	display: block;

	height: 43px;

	width: 948px;

}

#footer{

	display: block;

	height: 43px;

	width: 948px;

}



#footer li{

	background-color: #333;

	display: block;

	height: 43px;

	width: 158px;

	text-indent: -1000px;

}





#mis a{

	background-image: url(images/navi_mis.jpg);

	display: block;

	height: 43px;

	width: 158px;

}

#mis a:hover{background-position: right;}



#pri a{

	background-image: url(images/navi_pri.jpg);

	display: block;

	height: 43px;

	width: 158px;

}

#pri a:hover{background-position: right;}



#pla a{

	background-image: url(images/navi_pla.jpg);

	display: block;

	height: 43px;

	width: 158px;

}

#pla a:hover{background-position: right;}



#mem a{

	background-image: url(images/navi_mem.jpg);

	display: block;

	height: 43px;

	width: 158px;

}

#mem a:hover{background-position: right;}



#att a{

	background-image: url(images/navi_att.jpg);

	display: block;

	height: 43px;

	width: 158px;

}

#att a:hover{background-position: right;}



#que a{

	background-image: url(images/navi_que.jpg);

	display: block;

	height: 43px;

	width: 158px;

}

#que a:hover{background-position: right;}



/* index2 */

#index2_img{

	display: block;

	height: 435px;

	width: 948px;

	background-image: url(images/index2.jpg);

}







/* top */

#top{

	background-image: url(images/top.jpg);

	display: block;

	height: 630px;

	width: 948px;

	margin-top: 10px;

}

#top ul{

	display: block;

	height: 20px;

	width: 150px;

	padding-top: 595px;

}

#top li{

	text-indent: -1000px;

}

#top_R18not a{

	background-image: url(images/top_R18not.jpg);

	display: block;

	height: 20px;

	width: 68px;

}

#top_R18not a:hover{background-position: right;}

#top_R18B{

	background-image: url(images/top_R18B.jpg);

	height: 20px;

	width: 14px;

	display: block;

}

#top_R18yes a{

	background-image: url(images/top_R18yes.jpg);

	display: block;

	height: 20px;

	width: 68px;

}

#top_R18yes a:hover{background-position: right;}




/* price */

#price{

	display: block;

	height: 435px;

	width: 948px;

	background-image: url(images/pri_bg.jpg);

	padding-top: 5px;

	padding-left: 15px;

}



#pri_left{

	display: block;

	width: 550px;

	float: left;

}

#pri_left ul{

}

#pri_left li{

	display: block;

	height: 35px;

	width: 178px;

	border: 1px solid #CCC;

	line-height: 300%;

	text-align: center;

}

#pri_left .pri_left_li1{

	margin-bottom: 5px;

}

#pri_left .pri_left_li2{

	height: 70px;

}

#pri_left .pri_left_li2 b{

	font-size: 12px;

	line-height: 35px;

}

#pri_left .pri_left_hide{

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-right: 2px;

}



#pri_right{

	display: block;

	width: 360px;

	float: left;

}



#pri_right li{

	display: block;

	height: 33px;

	width: 178px;

	border: 1px solid #CCC;

	line-height: 260%;

	text-align: center;

}

#pri_right b{

	font-size: 1.5em;

}

#pri_right p{

	text-align: left;

	margin: -5px 6px 6px;

	font-size: 9px;

	line-height: normal;

	letter-spacing: 0em;

}



/* link */

#link1{

	display: block;

	margin-right: auto;

	margin-left: auto;

	width: 840px;

	height: auto;

}

#link1 li{

	width: 210px;

	text-align: center;

	height: 50px;

}



#link2{

	display: block;

	margin-right: auto;

	margin-left: auto;

	width: 840px;

}

#link2 ul{

	display: block;

}

#link2 li{

	display: block;

	width: 105px;

	text-align: center;

	height: 41px;

}

#link3{

	display: block;

	width: 840px;

	margin-right: auto;

	margin-left: auto;

}

#link3 ul{

	display: block;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	height: 50px;

}

#link3 p{

	display: block;

	width: 840px;

	margin-right: auto;

	margin-left: auto;

	float: none;

}

#link3 li{

	display: block;

	width: auto;

	text-align: center;

	margin-right: 10px;

}

#frame #head {





}

#frame #head h1 {

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	margin:7px 0 0 0;

}

/* play */

#play{

	display: block;

	height: 435px;

	width: 948px;

	background-image: url(images/bg.jpg);

	padding-top: 10px;

	padding-left: 15px;

}

#front{

	display: block;

	width: 948px;

	padding-top:10px;

	padding-left:0px;

}