@charset "utf-8";
/* CSS Document */

/*base-style
-----------------------------------------------------*/

body{
background:url(../image/bg_02.gif) repeat-y center;
font-size:x-small;
text-align: center;
font-family: ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,sans-serif;
}

body div {
text-align: left;
margin: 0 auto;
}

*{
margin:0px;
padding:0px;
}

p{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
}

img{
border:0px;
}

ul{
list-style-type:none;
margin:0px;
padding:0px;
}

form{
margin:0px;
padding:0px;
}

a{
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.reset{
clear:both;
}

div#all{
font-size:1.3em;
line-height:130%;
width:680px;
}


/*header-style
-----------------------------------------------------*/

#header div.head{
background:url(../image/header/header.gif) no-repeat;
height:57px;
overflow:hidden;
}

#header div.head h1{
line-height:9999em;
width:290px;
float:left;
}

#header div.head p{
padding-top:15px;
color:#FFFFFF;
font-size:10px;
}


#header ul.menu{
background:url(../image/header/menu_bg.gif) repeat-x;
height:28px;
width:100%;
}

#header ul.menu li{
float:left;
}

#header ul.menu li a{
height:28px;
display:block;
line-height:9999em;
overflow:hidden;
}

#header li.top a{width:40px;background:url(../image/header/top.gif) no-repeat;margin-left:10px;_margin-left:5px;}
#header li.top a:hover{background:url(../image/header/top_over.gif);}

#header li.blog a{width:78px;background:url(../image/header/blog.gif) no-repeat;}
#header li.blog a:hover{background:url(../image/header/blog_over.gif);}

#header li.game a{width:104px;background:url(../image/header/game.gif) no-repeat;}
#header li.game a:hover{background:url(../image/header/game_over.gif);}

#header li.story a{width:99px;background:url(../image/header/story.gif) no-repeat;}
#header li.story a:hover{background:url(../image/header/story_over.gif);}

#header li.about a{width:55px;background:url(../image/header/about.gif) no-repeat;}
#header li.about a:hover{background:url(../image/header/about_over.gif);}

#header li.link a{width:47px;background:url(../image/header/link.gif) no-repeat;}
#header li.link a:hover{background:url(../image/header/link_over.gif);}


/*banner-style
-----------------------------------------------------*/

#banner{
width:100%;
height:200px;
background:url(../image/banner/bg.gif) no-repeat;
}

#banner img{
height:170px;
padding:15px 0 15px 15px;
float:left;
overflow:hidden;
}

#banner ul{
padding:15px 0;
}

#banner ul li a{
width:215px;
overflow:hidden;
display:block;
}

#banner ul li.blog a{ height:54px;background:url(../image/banner/blog.gif) no-repeat;text-indent:-9999em;}
#banner ul li.blog a:hover{background:url(../image/banner/blog_over.gif);}

#banner ul li.story a{ height:55px;background:url(../image/banner/story.gif) no-repeat;text-indent:-9999em;}
#banner ul li.story a:hover{background:url(../image/banner/story_over.gif);}

#banner ul li.game a{ height:55px;background:url(../image/banner/game.gif) no-repeat;text-indent:-9999em;}
#banner ul li.game a:hover{background:url(../image/banner/game_over.gif);}


/*banner-game-style
-----------------------------------------------------*/
#banner div.game{
width:280px;
padding:15px 15px 15px 10px;
float:left;
padding-top:-15px;
}

#banner ul.game{
margin:15px 10px 5px 5px;
background:url(../image/game/banner_bg.gif);
height:140px;
float:left;
}

#banner ul.game li{
padding-left:15px;
width:190px;
}

#banner div.game h2{
font-size:14px;
}

#banner div.game p.ex{
font-size:10px;
}

#banner div.game div.story {
height:125px;
overflow:auto;
background:url(../image/game/banner_bg.gif);
padding:5px;
}

#banner div.game div.story p{
margin-bottom:3px;
}

/*background:*/


#bannergame{
width:100%;
height:200px;
background:url(../image/banner/bg.gif) no-repeat;
}

#bannergame img{
height:170px;
padding:15px 0 15px 15px;
float:left;
overflow:hidden;
}

#bannergame div.area_g{
background:url(../image/game/game_bspace.gif) no-repeat;
padding:30px 20px 15px 10px;
height:150px;
width:195px;
float:left;
}

#bannergame div.area_g p,#bannergame div.area_g h2{
text-align:center;
}

#bannergame div.area_g h2{
font-size:20px;
font-family:"Times New Roman", Times, serif;
}

#bannergame div.area_g ul{
text-align:left;
}

#bannergame div.area_g li{
background:url(../image/content_arrow.gif) no-repeat;
padding-left:20px;
margin-top:5px;
}


/*content-style
-----------------------------------------------------*/

#content{
clear:both;
}

#content h4{
padding:0 0 3px 20px;
margin-top:15px;
border-bottom:dotted 1px #FF6600;
background:url(../image/content_arrow.gif) no-repeat;
}

#content p,#content li{
padding:5px;
}


#content div.bg{
padding:10px 30px;
background:url(../image/content_bg.gif) repeat-y;
}

#content h3.download{
background:url(../image/game/top_download.gif) no-repeat;
text-indent:-9999em;
height:54px;
}

#content h3.download1{
background:url(../image/game/top_download1.gif) no-repeat;
text-indent:-9999em;
height:54px;
}

#content h3.staff{
background:url(../image/game/top_staff.gif) no-repeat;
text-indent:-9999em;
height:54px;
}

#content h3.caracter{
background:url(../image/game/top_cara.gif) no-repeat;
text-indent:-9999em;
height:54px;
}

#content div.bottom{
background:url(../image/content_bottom.gif);
height:14px;
}

#content div.base{
background:url(../image/content_top.gif) no-repeat;
padding-top:28px;
}

#content div.base img{
padding:15px;
}

/*footer-style
-----------------------------------------------------*/

#footer{
text-align:center;
width:100%;
bottom:0px;
height:30px;
}

#footer p{
padding-top:5px;
}