@import "reset.css";

@media screen,tv,projection {

html{
background-color:#000;
text-align:center;
}

#wrapper{
width:1024px;
height:700px;
margin:0 auto;
text-align:left;
background:url(../img/wrapper_bg.jpg) no-repeat top left;
position:relative;
}

#wrapper h1{
text-indent:-9999px;
background:url(../img/logo2.jpg);
width:117px;
height:17px;
position:absolute;
left:885px;
top:19px;
}

#wrapper #base{ 
width:980px;
height:562px;
background:url(../img/index_base_bg.jpg) no-repeat top left;
position:relative;
top:40px;
left:22px;
}

#wrapper #base #flashArea{
width:615px;
height:465px;
background-color:#ccc;
float:left;
margin:66px 0px 0px 19px ;
display:inline;
}

#wrapper #base #mainArea{
float:right;
margin-top:66px;
margin-right:27px;
width:293px;
display:inline;
}

#mainArea h2{
text-indent:-9999px;
width:294px;
height:66px;
background:url(../img/index_ttl.gif) no-repeat top left;
}

#mainArea p#preface{
margin-top:17px;
text-indent:-9999px;
width:291px;
height:99px;
background:url(../img/preface.jpg) no-repeat top left;
}

#mainArea #gopre{
text-align:right;
margin-top:5px;
}

#mainArea ul#navi{
width:293px;
height:159px;
background:url(../img/index_btn_bg.jpg) no-repeat top left;
margin-top:27px;
}

#mainArea #langage{
text-align:right;
margin-top:34px;
}

#mainArea ul#navi li{ margin-left:40px; }
#mainArea ul#navi #normal{ margin-top:30px; float:left; display:inline; }
#mainArea ul#navi #story{ margin-top:18px; float:left; display:inline; }


#wrapper #footer{
height:32px;
position:absolute;
bottom:0px;
background-color:#7c6025;
width:100%;
}

#wrapper #footer #seal{
float:left;
margin-left:22px;
margin-top:4px;
}

#wrapper #footer address{
float:right;
margin-right:10px;
margin-top:10px;
font-size:85%;
letter-spacing:1px;
}







}