body {
margin:0;
padding:0;
font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro","ＭＳ Ｐ明朝","MS PMincho";
font-size:1em;
/*font-size:80%;*/
line-height:1.6em;
color:#fff;
background:url(../img/header_bg.gif) repeat-x left top #000;
}
body.top{
	background-image:none;
}
head~/* */body  { font-size:90%; } /* IE8向け */  
/* safari only \*/
/*html:\66irst-child body {
font-size:120%;
}*/

p {margin:0;}
.gothic {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;}

#wrapper {
width:1000px;
margin:0 auto;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#ffffff;
text-decoration:none;
}

/*HEADER*/
#header {
margin:0;
padding:0;
height:90px;
}

#header h1 { 
margin:0; 
padding:0;
float:left;
}

/*NAVI*/
#header #navi {
width:550px;
position:relative;
float:right;
}

#header #navi{
	width:550px;
	height:56px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#header #navi li{
	width:550px;
	height: 40px;	
	position:absolute;
	top:17px;
	display:block;	
	background: url(../img/navi.gif) 0px 0px no-repeat;	
}

#header #navi a{
	height:40px;
	display: block;	
}

#header #navi .spec{
	width: 75px;
	left: 0px; 	
	background-position: 0px 0px;	
}
#header #navi .spec a:hover{background: url(../img/navi.gif) 0px -40px no-repeat; }
#header #navi .spec a:active{background: url(../img/navi.gif) 0px 80px no-repeat; }
#header #navi .spec .active{background: url(../img/navi.gif) 0px -80px no-repeat; }
#header #navi .spec .off{background: url(../img/navi.gif) 0px -120px no-repeat; }

#header #navi .story{
	width: 81px;
	left: 75px; 	
	background-position: -75px 0px;	
}
#header #navi .story a:hover{background: url(../img/navi.gif) -75px -40px no-repeat; }
#header #navi .story a:active{background: url(../img/navi.gif) -75px 80px no-repeat; }
#header #navi .story .active{background: url(../img/navi.gif) -75px -80px no-repeat; }
#header #navi .story .off{background: url(../img/navi.gif) -75px -120px no-repeat; }

#header #navi .game{
	width: 77px;
	left: 156px; 	
	background-position: -156px 0px;	
}
#header #navi .game a:hover{background: url(../img/navi.gif) -156px -40px no-repeat; }
#header #navi .game a:active{background: url(../img/navi.gif) -156px 80px no-repeat; }
#header #navi .game .active{background: url(../img/navi.gif) -156px -80px no-repeat; }
#header #navi .game .off{background: url(../img/navi.gif) -156px -120px no-repeat; }

#header #navi .chara{
	width: 106px;
	left: 233px; 	
	background-position: -233px 0px;	
}
#header #navi .chara a:hover{background: url(../img/navi.gif) -233px -40px no-repeat; }
#header #navi .chara a:active{background: url(../img/navi.gif) -233px 80px no-repeat; }
#header #navi .chara .active{background: url(../img/navi.gif) -233px -80px no-repeat; }
#header #navi .chara .off{background: url(../img/navi.gif) -233px -120px no-repeat; }

#header #navi .trailer{
	width: 91px;
	left: 339px; 	
	background-position: -339px 0px;	
}
#header #navi .trailer a:hover{background: url(../img/navi.gif) -339px -40px no-repeat; }
#header #navi .trailer a:active{background: url(../img/navi.gif) -339px 80px no-repeat; }
#header #navi .trailer .active{background: url(../img/navi.gif) -339px -80px no-repeat; }
#header #navi .trailer .off{background: url(../img/navi.gif) -339px -120px no-repeat; }

#header #navi .redroom{
	width: 120px;
	left: 430px; 	
	background-position: -430px 0px;	
}
#header #navi .redroom a:hover{background: url(../img/navi.gif) -430px -40px no-repeat; }
#header #navi .redroom a:active{background: url(../img/navi.gif) -430px 80px no-repeat; }
#header #navi .redroom .active{background: url(../img/navi.gif) -430px -80px no-repeat; }
#header #navi .redroom .off{background: url(../img/navi.gif) -430px -120px no-repeat; }

/*CONTENTS*/
#contents {
width:1000px;
border:#000 solid 1px;
}
#contents h2 {
text-indent:-9999px;
visibility:hidden;
height:1px;
}
#contents h3 {
text-indent:-9999px;
visibility:hidden;
height:1px;
}
#contents .hr {
width:640px;
height:1px;
margin:30px 0 30px 60px;
background:url(../img/hr.gif) no-repeat right top;
}
#contents #colum {
width:550px;
margin:0 0 0 30px;
padding:25px 0 10px 120px;
}

.btn img{
margin:30px 10px;
}

.pagetop {
height:34px;
margin:10px 70px 20px 875px;
}

/*SPEC*/
.spec #contents {
background:url(../img/spec.jpg) no-repeat left top;
}

#colum.about {
background:url(../img/spec_sub01.gif) no-repeat left top;
font-size:1em;
line-height:1.7em;
}
#colum.about p{
visibility:hidden;
height:1px;
}
.point {
background:url(../img/spec_sub02.gif) no-repeat left top;
}
.point #picBox {
width:300px;
min-height:135px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W6";
font-size:80%;
_font-size:75%;
/*line-height:1.8em;*/
margin-top:2px;
margin-bottom:0;
}
img.pic_l  {
float:left;
margin-right:10px;
}
img.pic_r  {
float:right;
margin-left:10px;
}

/*SORY*/
.story #contents {
background:url(../img/story2.jpg) no-repeat left top;
}
.story_c {
background:url(../img/story_sub01.gif) no-repeat left top;
/*font-size:1em;
line-height:1.7em;*/
}
#colum.story_c p{
visibility:hidden;
height:1px;
}
.story_bg {
background:url(../img/story_sub02.gif) no-repeat left top;
font-size:95%;
_font-size:90%;
line-height:1.7em;
margin-bottom:0;
padding-top:-40px;
}

/*GAME*/
.game #contents {
background:url(../img/game.jpg) no-repeat left top;
}
.game #contents h2{
width:219px;
height:147px;
background:url(../img/game_title.png) no-repeat left top;
float:right;
margin:0 32px 0 0;
_margin-right:0px;
visibility:visible;
/*z-index:1001;*/

position:relative;
}
* html .game #contents h2{
	behavior: expression(IEPNGFIX.fix(this));
}
#contents #colum.game {
width:734px;
margin:0 0 0 30px;
padding:0;
text-align:center;
}
#colum.game h3{
visibility:visible;
text-indent:0;
margin:0;
}
#colum.game .game_img{
margin:0;
background:url(../img/game_img.png) no-repeat center top;
width:734px;
height:327px;
margin:102px 0 0 20px;
}
* html #colum.game .game_img{
	behavior: expression(IEPNGFIX.fix(this));
}
.mt50 {
margin-top:50px;
}

#contents #colum.game_part{
width:705px;
min-height:500px;
margin:30px 0 50px 30px;
padding-left:30px;
text-align:left;
}
#colum.game_part h3{
visibility:visible;
text-indent:0;
margin:0;
height:102px;
text-align:center;
}

#box_part {
text-align:left;
}
#box_part img{
margin-bottom:30px;

}

* html #box_part{
	behavior: expression(IEPNGFIX.fix(this));
}


#box_part ul {
	font-size:18px;
	list-style-type:none;
	margin:0;
	float:left;
}
#box_part ul li {
	line-height:30px;
	text-align:left;
	color:#666;
	background:no-repeat left top;
	padding-left:40px;
}
#box_part ul li div.no{
	line-height:30px;
	float:left;
	display:inline;
	margin:0 10px 0 0;
	width:33px;
	height:30px;
	}

#box_part ul li a{
	color:#FFF;
	text-decoration:none;
}
#box_part ul li a:hover{
	color:#f00;
}
/*TRAILER*/
.trailer #contents {
background:url(../img/trailer.jpg) no-repeat left top;
}
.trailer_f {
background:url(../img/trailer_sub01.gif) no-repeat left top;
margin-top:40px;
padding-top:20px;
/*font-size:1em;
line-height:1.7em;*/
}
#colum.trailer .pv {
margin:20px;
}

.trailer02 {
background:url(../img/trailer_sub02.png) no-repeat left top;
_background:url(../img/trailer_sub02.gif) no-repeat left top;
margin-top:40px;
padding-top:20px;
/*font-size:1em;
line-height:1.7em;*/
}
/*CHARACTER*/
.chara #contents {
background:url(../img/character.jpg) no-repeat left top;
}

/*RED ROOM*/
.redroom #contents {
background:url(../img/redroom.jpg) no-repeat left top;
}
.redroom_h {
background:url(../img/redroom_sub01.png) no-repeat left top;
_background:url(../img/redroom_sub01.gif) no-repeat left top;
margin-top:40px;
/*font-size:1em;
line-height:1.7em;*/
}
.redroom_h div.ttl {
margin:35px auto;
}
.redroom_h div.pv {
text-align:center;
margin-top:20px;
}

/*FOOTER*/
#footer {
width:1000px;
margin:0 auto;
}
#footer .info {
width:940px;
height:43px;
padding:0 30px 9px;
background:url(../img/hr.gif) repeat-x bottom left;
}
body.top #footer .info {
width:940px;
height:1px;
padding:0 30px 5px;
background:url(../img/hr.gif) repeat-x bottom left;
}
#footer #catch {
float:left;
}
#footer #release{
float:right;
}
#footer #release img {
margin-left:18px;
}
#footer .spec {
width:880px;
margin:0 auto;
text-align:center;
font-size:0.7em;
color:#fff2e4;
line-height:1.4em;

}
#footer .notice{
margin:24px 0 10px;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* html img{
	behavior: expression(IEPNGFIX.fix(this));
}

a:link { color:#e50000; }
a:hover { color:#7c9eff; }