/* CSS ps2 piyotan*/

/*‰Šϊ‰»*/
*{margin: 0; padding: 0;}
h1,h2,h3{ line-height: 0;}
img{ border: 0;}

/*‘S‘Μ*/
body{
	background:url(image/pyo_bg.gif) repeat;
	font-size:12px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	text-align:center;
	color: #003366;
	}
a{ color: #FF3399; text-decoration:none}
a:hover{ color: #FF9900;
}
#contents a:hover{
		position:relative;top:1px;
}
/*”z’u*/
#wrapper{
	width: 800px;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #33A1DB;
	border-left-color: #33A1DB;
}
#header{
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	height: 50px;
	width: 800px;
	left: 0px;
	top: 0px;
}
#top_main{
	width: 624px;
	float: left;
	position: relative;
}
#privilege{
	width: 625px;
	margin-left: 0px;
	background-image: url(image/piyo_13.gif);
	background-repeat: repeat-y;
}
#gamespec{
	width: 523px;
	height: 267px;
	margin-top: 15px;
	padding-left: 106px;
	background-image: url(image/piyo_06.jpg);
	background-repeat: no-repeat;
	padding-top: 48px;
	text-align: left;
	font-style: normal;
	line-height: 16px;
}
#gamespec #amazon{
	width: 171px;
	height: 32px;
	position: absolute;
	left: 117px;
	top: 793px;
}
#wrapper #contents #top_main #whatsnew {
	background-image: url(image/piyo_13.gif);
	background-repeat: repeat-y;
	width: 525px;
	margin: 0px;
	padding-left: 100px;
	text-align: left;
	font-size: 12px;
	list-style-position: outside;
	list-style-type: circle;
	list-style-image: url(image/star.gif);
}
#top_side{
	width: 170px;
	float: right;
}
#footer{
margin-bottom: 0;
}

#chara_toru{
	background-image: url(image/character_toru.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}
#chara_atsuhiko{
	background-image: url(image/character_atsuhiko.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}
#chara_yukihiro{
	background-image: url(image/character_yukihiro.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}
#chara_satsuki{
	background-image: url(image/character_satsuki.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}
#chara_yamazaki{
	background-image: url(image/chara_yamazaki.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}
#chara_sei{
	background-image: url(image/character_sei.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}
#chara_satomura{
	background-image: url(image/chara_satomura.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}
#chara_minori{
	background-image: url(image/character_minori.gif);
	width: 550px;
	height: 104px;
	text-align: left;
}

.charabg{
	background-image: url(image/charawaku_bg.gif);
	width: 550px;
	padding-left: 250px;
}
.charatxt{
	padding-top: 89px;
	padding-left: 250px;
}
.chara_cg{
	margin-right:5px;
	margin-bottom:8px;
	border: 1px solid #7DC369;
}
#ps2new{
	background-image: url(image/story2.gif);
	width: 800px;
	height: 250px;
	text-align: left;
	padding-top:25px;
}
.ps2newtx{
	margin-left:250px;
	line-height: 12px;
}

/*ƒeƒLƒXƒg*/
.notxt{ display:none; font-size:10%; text-decoration:none; text-indent:-9999px;}
.left{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
.clear{ clear:both; display:block;}
.txt_left{ text-align:left}
.txt_right{ text-align:right}
.style2 {font-size: 11px}
.sup{font-size: 11px; color: #82C369; text-align: right; margin-right:5px;}



#header h1 {
display:none; font-size:10%; text-decoration:none; text-indent:-9999px;
}
#contents h2,h3{
 display:none; font-size:10%; text-decoration:none; text-indent:-9999px;
}
#footer address{
 display:none;
}


/*ƒ}[ƒWƒ“*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}

/*ƒƒjƒ…[*/

	/*TOP(“§GŠo‚Μ‚Ήj*/
ul#menu{ 
	width:800px; 
	height:31px; 
	background:url(image/piyo_02top.gif) no-repeat; 
	margin:0 auto; 
	position: relative; 
}
* html ul#menu{ background:url(image/piyo_02top.gif) no-repeat; }
* html ul#menu{ margin:0 0 0 0px}
ul#menu li{ position:absolute; top:0; float:left;}
ul#menu li, ul#menu li a {
	display: block;
	height:31px; 
	text-indent: -999999px; 
	text-decoration: none; 
	font-size: 1px;
}
ul#menu li.menu01,ul#menu li.menu01_on{ left:0; width:124px;}
ul#menu li.menu02,ul#menu li.menu02_on { left:124px; width:149px;}
ul#menu li.menu03,ul#menu li.menu03_on { left:273px; width:126px;}
ul#menu li.menu04,ul#menu li.menu04_on{ left:399px; width:139px;}
ul#menu li.menu05,ul#menu li.menu05_on{ left:538px; width:143px;}
ul#menu li.menu06,ul#menu li.menu06_on{ left:681px; width:119px;}

ul#menu li.menu01 a:hover {background: transparent url(image/piyo_02_ontop.gif) 0px 0px no-repeat;}
ul#menu li.menu02 a:hover {background: transparent url(image/piyo_02_ontop.gif) -124px 0px no-repeat;}
ul#menu li.menu03 a:hover {background: transparent url(image/piyo_02_ontop.gif) -273px 0px no-repeat;}
ul#menu li.menu04 a:hover {background: transparent url(image/piyo_02_ontop.gif) -399px 0px no-repeat;}
ul#menu li.menu05 a:hover {background: transparent url(image/piyo_02_ontop.gif) -538px 0px no-repeat;}
ul#menu li.menu06 a:hover {background: transparent url(image/piyo_02_ontop.gif) -681px 0px no-repeat;}

ul#menu li.menu01_on { background: transparent url(image/piyo_02_selecttop.gif) 0px 0px no-repeat;}
ul#menu li.menu02_on { background: transparent url(image/piyo_02_selecttop.gif) -124px 0px no-repeat;}
ul#menu li.menu03_on { background: transparent url(image/piyo_02_selecttop.gif) -273px 0px no-repeat;}
ul#menu li.menu04_on { background: transparent url(image/piyo_02_selecttop.gif) -399px 0px no-repeat;}
ul#menu li.menu05_on { background: transparent url(image/piyo_02_selecttop.gif) -538px 0px no-repeat;}
ul#menu li.menu06_on { background: transparent url(image/piyo_02_selecttop.gif) -681px 0px no-repeat;}

	/*‚»‚Μ‘ΌMENU*/
	ul#menu2{ 
	width:800px; 
	height:31px; 
	background:url(image/piyo_02.gif) no-repeat; 
	margin:0 auto; 
	position: relative; 
}
* html ul#menu2{ background:url(image/piyo_02.gif) no-repeat; }
* html ul#menu2{ margin:0 0 0 0px}
ul#menu2 li{ position:absolute; top:0; float:left;}
ul#menu2 li, ul#menu2 li a {
	display: block;
	height:31px; 
	text-indent: -999999px; 
	text-decoration: none; 
	font-size: 1px;
}
ul#menu2 li.menu01,ul#menu2 li.menu01_on{ left:0; width:124px;}
ul#menu2 li.menu02,ul#menu2 li.menu02_on { left:124px; width:149px;}
ul#menu2 li.menu03,ul#menu2 li.menu03_on { left:273px; width:126px;}
ul#menu2 li.menu04,ul#menu2 li.menu04_on{ left:399px; width:139px;}
ul#menu2 li.menu05,ul#menu2 li.menu05_on{ left:538px; width:143px;}
ul#menu2 li.menu06,ul#menu2 li.menu06_on{ left:681px; width:119px;}

ul#menu2 li.menu01 a:hover {background: transparent url(image/piyo_02_on.gif) 0px 0px no-repeat;}
ul#menu2 li.menu02 a:hover {background: transparent url(image/piyo_02_on.gif) -124px 0px no-repeat;}
ul#menu2 li.menu03 a:hover {background: transparent url(image/piyo_02_on.gif) -273px 0px no-repeat;}
ul#menu2 li.menu04 a:hover {background: transparent url(image/piyo_02_on.gif) -399px 0px no-repeat;}
ul#menu2 li.menu05 a:hover {background: transparent url(image/piyo_02_on.gif) -538px 0px no-repeat;}
ul#menu2 li.menu06 a:hover {background: transparent url(image/piyo_02_on.gif) -681px 0px no-repeat;}

ul#menu2 li.menu01_on { background: transparent url(image/piyo_02_select.gif) 0px 0px no-repeat;}
ul#menu2 li.menu02_on { background: transparent url(image/piyo_02_select.gif) -124px 0px no-repeat;}
ul#menu2 li.menu03_on { background: transparent url(image/piyo_02_select.gif) -273px 0px no-repeat;}
ul#menu2 li.menu04_on { background: transparent url(image/piyo_02_select.gif) -399px 0px no-repeat;}
ul#menu2 li.menu05_on { background: transparent url(image/piyo_02_select.gif) -538px 0px no-repeat;}
ul#menu2 li.menu06_on { background: transparent url(image/piyo_02_select.gif) -681px 0px no-repeat;}


/*Special--------------------------------------------------*/
#blogparts {
	background-image: url(image/special_bg.gif);
	background-repeat: repeat-y;
	width: 800px;
	margin-top: 0px;
}

#blog_comment {
	float: left;
	width: 500px;
	margin-left: 50px;
	margin-top:0px;
	padding-top:50px;
}
#wrapper #contents {
	width: 800px;
}
.comm{
	background-image: url(image/special_bg.gif);
	background-repeat: repeat-y;
	width: 600px;
	margin-top: 0px;
	line-height: 16px;
	text-align: left;
	padding-left: 200px;
}
#contents_sys {
	background-image: url(image/special_bg.gif);
	background-repeat: repeat-y;
}
#mottobox {
	width: 170px;
	background-image: url(image/hp_02.gif);
}