@charset "UTF-8";
/*****************************
TOTAL
****************************/

body{
padding:0;
margin:0;
font-size:12px;
line-height:150%;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

img, div { behavior: url(iepngfix.htc) }

img{
border:none;
}

a{
overflow:hidden;
outline:none;

}

h1,h2,h3{
padding:0;
margin:0;
}

.sp{
clear:both;
display:block;
font-size:0;
line-height:0;
padding:0;
margin:0;
}

/* hh_all
*****************************/

#hh_all{
border-top:2px solid #357EC2;
background:url(../images/hh_bg.gif) top repeat-x;
height:30px;
clear:both;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

#hh_all_in{
width:948px;
margin:0 auto 0 auto;
text-align:right;
}

#hh_all_in img{
margin:0 0 0 1px;
}

/* footer
*****************************/

#f_logo{
width:955px;
margin:0 auto 0 auto;
text-align:right;
}

#f_logo p{
padding:10px 0 0 0;
margin:0;
font-size:10px;
line-height:14px;
color:#666666;
}

#f_logo p img{
margin:0 5px 0 0;
}

#footer{
background:url(../images/footer_bg.gif) repeat-x bottom;
height:120px;
width:100%;
}

#footer_in{
width:955px;
margin:0 auto 0 auto;
text-align:center;
}

#footer_in p{
font-size:100%;
line-height:150%;
padding:20px 0 0 0;
margin:0;
color:#666666;
}

#footer_in p a{
text-decoration:none;
color:#666666;
}

#footer_in p span{
text-decoration:none;
color:#888888;
}

#footer_in p a:hover{
text-decoration:none;
color:#000000;
}


/* top
*****************************/

#top1025{
width:1025px;
margin:0 auto 0 auto;
}

#top{
width:955px;
margin:0 auto 0 auto;
background:url(../../images/top_bg.gif) repeat-y;
}

#top_in{
padding:15px 0px 25px 20px;
background:url(../../images/top_u_bg.gif) no-repeat bottom;
color:#FFFFFF;
}

#top_hh{
width:1025px;
height:530px;
display:block;
clear:both;
margin:0 auto 0 auto;
}

#top_hh h1{
width:1025px;
height:530px;
position:absolute;
z-index:1;
padding:20px 0 0 0;
margin:0;
}

#top_h{
width:1025px;
height:530px;
position:absolute;
display:block;
clear:both;
z-index:2;
}

.news{
background:url(../../images/top_news.gif) no-repeat;
width:915px;
height:36px;
display:block;
clear:both;
margin:15px 0 0 0;
}

.news strong{
display:block;
padding:0 0 0 100px;
font-size:120%;
line-height:150%;
}

.news span{
display:block;
padding:0 15px 0 0;
color:#00ffff;
float:left;
}

.news a{
color:#FFFF00;
text-decoration:none;
}

.news a:hover{
color:#FFCC00;
text-decoration:none;
}

.banner{
padding:25px 0 15px 0;
}

.banner a{
margin:0 15px 0 0;
}

.ban12{
width:620px;
float:left;
}

.ban45{
width:295px;
float:left;
}

.ban45 a img{
margin:0 0 11px 0;
}

.inf_txt{
display:block;
clear:both;
}

.nin{
width:955px;
margin:10px auto 10px auto;
text-align:left;
}

/* main
*****************************/

#main{
width:955px;
margin:0 auto 0 auto;
background:url(../images/main_center_rep.gif) repeat-y bottom;
color:#FFFFFF;
}

#main_in{
padding:25px 35px 25px 55px;
background:url(../images/main_center.gif) no-repeat bottom;
min-height:1%;
}

#main_in:after{
/* for modern browser */
content:"";
clear:both;
height:0px;
display:block;
visibility:hidden;
}

* html #main_in{/* for IE */
/**/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}

body*#main_in:after{
content:".";
}

#main_in2{
padding:25px 35px 25px 55px;
background:url(../images/main_center2.gif) no-repeat top;
min-height:1%;
}

#main_in2:after{
/* for modern browser */
content:"";
clear:both;
height:0px;
display:block;
visibility:hidden;
}

* html #main_in2{/* for IE */
/**/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}

body*#main_in2:after{
content:".";
}

#main_in3{
padding:25px 35px 25px 55px;
background:url(../images/main_center3.gif) no-repeat bottom;
min-height:1%;
}

#main_in3:after{
/* for modern browser */
content:"";
clear:both;
height:0px;
display:block;
visibility:hidden;
}

* html #main_in3{/* for IE */
/**/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}

body*#main_in3:after{
content:".";
}

.title{
float:left;
}

#sub_hh{
width:955px;
height:216px;
display:block;
clear:both;
margin:0 auto 0 auto;
}

#sub_hh h1{
width:955px;
height:216px;
position:absolute;
z-index:1;
padding:20px 0 0 0;
margin:0;
}

#sub_h{
width:955px;
height:216px;
position:absolute;
display:block;
clear:both;
z-index:2;
}


/*** total ***/

div.content{
font-size:120%;
line-height:150%;
width:800px;
float:left;
}

.content_in p{
padding:5px 30px 5px 30px;
font-size:93%;
}

.content_in b{
color:#ffffcc;
font-size:100%;
line-height:150%;
}

div.waku01{
background:url(../../outline/images/waku01.png) no-repeat top right;
padding:45px 0 0 0;
}

* html div.waku01{
padding:70px 0 0 0;
}

div.waku02{
background:url(../../outline/images/waku02.png) no-repeat bottom left;
padding:0 0 70px 0;
}

/*** outline ***/

.n01{
background:url(../../outline/images/img01.png) no-repeat right;
padding:0 0 50px 0;
}

.txt01{
width:460px;
display:block;
}

.txt01 img{
margin:15px 0 0 0;
}

/*** story ***/

.n02{
background:url(../../story/images/img01.png) no-repeat right;
padding:10px 0 65px 0;
}

.txt02{
width:510px;
display:block;
}

/*** system ***/

div.n04{
background:none;
}

.n04_in{
padding:10px 20px;
clear:both;
display:block;
min-height:1%;
}

.n04_in img.ll{
float:left;
margin:0 10px 10px 0;
}

.n04_in img.rr{
float:right;
margin:0 0 10px 10px;
}

.n04_in:after{
/* for modern browser */
content:"";
clear:both;
height:0px;
display:block;
visibility:hidden;
}

* html .n04_in{/* for IE */
/**/height:1%;/* for WinIE */
display:inline-table;/* for MacIE */
}

body*.n04_in:after{
content:".";
}

.n04_in p{
padding:15px 0 15px 0;
margin:0;
font-size:14px;
line-height:22px;
}

.n04_in_in{
padding:0 0 0 30px;
}

.n04_in strong.txts{
color:#FFFF00;
font-size:18px;
border-bottom:1px solid #FFFF00;
border-left:5px solid #FFFF00;
display:block;
padding:5px;
}

.n04_2{
background:url(../../system/images/ph03.jpg) no-repeat right bottom;
margin:0 40px 0 0;
padding:0 0 0 40px;
}

div.n04_2 .txt300{
width:350px;
}

.n04_in2{
width:264px;
margin:0 40px 30px 5px;
float:left;
}

.n04_in2 img{
margin:0 0 10px 0;
}

.n04_in3{
padding:0 10px 0 0;
float:left;
width:510px;
}

table.ta200 p{
padding:0;
margin:0;
}

table.ta200{
margin:15px 0 0 0;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
}

td.tl200{
vertical-align:top;
text-align:left;
border-right:1px dotted #CCC;
padding:0;
}

td.tl200 p{
font-size:18px;
line-height:24px;
padding:0;
margin:0;
color:#FFFF00;
}

td.tr200{
vertical-align:top;
font-size:12px;
line-height:16px;
text-align:left;
}

.n04_in3 img{
margin:0;
float:left;
}

.n04_in4 strong{
width:360px;
}

.sample_game{
width:700px;
border:5px solid #555;
margin:0 auto 0 auto;
}

.sample_game_txt{
padding:0;
margin:20px auto 0 auto;
width:700px ;
height:px;
font-size:12px;
background:url(../../system/images/sam_txt_bg.png) no-repeat;
}

.sample_game_txt_in{
padding:20px 30px 30px 50px;
}

.sample_game_txt li{
line-height:16px;
padding:0 0 10px 0;
margin:0;
}

.sample_game_txt p{
font-size:10px;
line-height:13px;
padding:30px 0 0 0;
}

/*** charactor ***/

.n03{
padding:0;
margin:0;
}

div.n03 .content_in{
padding:0;
margin:0;
}

.char{
padding:0 0 0 20px;
margin:0;
}

/*** movie ***/

.n05{
padding:0;
margin:40px auto 0 auto;
width:520px;
}

.n05 p{
font-size:14px;
line-height:22px;
padding:10px 0 0 0;
margin:0;
text-align:left;
}

.n05 img{
border:2px outset #666;
}


/*** download ***/

.dl{
padding:0 0 10px 0;
margin:0 50px 10px 40px;
display:block;
clear:both;
}

.dl td{
width:27%;
padding:5px;
}

.dl strong{
display:block;
clear:both;
border-left:5px solid #FFF;
border-bottom:1px solid #999;
padding:3px 0 3px 5px;
margin:10px 0 5px 0;
font-size:16px;
line-height:18px;
}

.dl td img{
margin:0 0 5px 0;
}

.dl span{
clear:both;
background:#555;
width:200px;
}

.dl textarea{
width:170px;
height:40px;
font-size:12px;
line-height:14px;
padding:5px;
clear:both;
border:none;
}

td.dl2 textarea{
width:458px;
height:40px;
}

td.dl2{
padding:0 0 30px 0;
}

.dlt{
padding:0 0 50px 20px;
}

.dlt img{
margin:0 0 20px 0;
}

.dlt strong{
font-size:16px;
line-height:20px;
}

.dlt p{
font-size:12px;
line-height:18px;
padding:0;
margin:0;
}

td.parts_b{
padding:0 0 40px 0;
text-align:left;
vertical-align:top;
}

td.parts_b div,
td.parts_b img{
border:1px solid #666666;
}

.wall img{
margin:0 5px 20px 5px;
border:1px solid #666;
}

.wall_in{
text-align:center;
width:170px;
margin:0 5px 20px 5px;
float:left;
}

.wall_in img{
clear:both;
margin:5px;
}

.wall_in a{
color:#FFFFFF;
text-decoration:none;
}

.wall_in a:hover{
color:#FFFF00;
text-decoration:none;
}

.wall p{
padding:0 0 20px 10px;
}

.w_amazon{
padding:0 0 20px 10px;
}

/*** special ***/

div.n07 .content_in{
margin:0;
padding:20px 0 0 20px;
}

.sg_link{
background:url(../../special/images/sample_bg.png) no-repeat;
width:736px;
height:269px;
margin:0 0 30px 0;
}

.sg_link_l{
float:left;
padding:60px 0 0 30px;
}

.sg_link_r{
padding:120px 0 0 60px;
overflow:hidden;
zoom:1;
}

/*** link ***/

.n08 div.link_li{
list-style:none;
padding:0 30px 0 30px;
}

.n08li{
background:url(../../link/images/icon.png) no-repeat center left;
padding:8px 0 8px 0;
margin:0 0 10px 0;
font-size:16px;
line-height:20px;
border-bottom:1px dotted #555;
}

.n08li a{
color:#FFFFFF;
text-decoration:none;
margin:0;
padding:0 0 0 30px;
}

.n08li a:hover{
color:#FFFF00;
text-decoration:none;
}