body{
    height:100%;
	background-color:#d4ed92;
margin: 0px;
padding:0px;
}

a img{
border:0px;
}

#container{
    width:920px;
    margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image:url(images/base/bg.jpg);
	background-repeat:repeat-y;
background-position:left;
text-align:left;
float:left;
}

.bg{
height:100%;
	background-image:url(images/base/bg.jpg);
	background-repeat:repeat-y;
}

#main{
width:840px;
padding:0px 40px 20px 40px;
float:left;
}

#main_home{
width:670px;
padding:0px 10px 0px 50px;
float:left;
}
#banner{
width:168px;
height:230px;
padding:20px 0px 0px 20px;
float:left;
background-image:url(images/home/bannerbg.jpg);
background-repeat:no-repeat;
}

#head{
width:900px;
height:400px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
float:left;
}

#head2{
width:900px;
height:100px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
float:left;
}

#navi{
width:875px;
_width:900px;
height:35px;
background-image:url(images/base/navibg.jpg);
margin:0px 0px 0px 10px;
_margin:0px 0px 0px 5px;
padding:0px 0px 0px 25px;
_padding:0px 0px 0px 0px;
text-align: center; 
float:left;
}

ul {
     width: 870px;
     margin: 0;
     padding: 0px 0px 0px 0px;
     list-style: none;  }
ul li {
     float: left;
     list-style-type: none;
	 text-indent: -9999px;
}
ul li a.intro {
     display: block;
     width: 175px;
     height: 35px;
     margin-left: 0px;
     background: transparent url(images/base/intro.jpg) no-repeat 0px 0px;
}
ul li a.intro:hover,
ul li a.intro:active {
     background-position: 0px -35px;
}

ul li a.preview {
     display: block;
     width: 168px;
     height: 35px;
     margin-left: 0px;
     background: transparent url(images/base/preview.jpg) no-repeat 0px 0px;
}
ul li a.preview:hover,
ul li a.preview:active {
     background-position: 0px -35px;
}

ul li a.movie {
     display: block;
     width: 168px;
     height: 35px;
     margin-left: 0px;
     background: transparent url(images/base/movie.jpg) no-repeat 0px 0px;
}
ul li a.movie:hover,
ul li a.movie:active {
     background-position: 0px -35px;
}

ul li a.game {
     display: block;
     width: 168px;
     height: 35px;
     margin-left: 0px;
     background: transparent url(images/base/game.jpg) no-repeat 0px 0px;
}
ul li a.game:hover,
ul li a.game:active {
     background-position: 0px -35px;
}

ul li a.download {
     display: block;
     width: 175px;
     height: 35px;
     margin-left: 0px;
     background: transparent url(images/base/download.jpg) no-repeat 0px 0px;
}
ul li a.download:hover,
ul li a.download:active {
     background-position: 0px -35px;
}


#foot{
margin:20px 0px 0px 40px;
_margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
    height:30px;
    width:840px;
	float:left;
background-image:url(images/base/copy.gif);
background-repeat:no-repeat;
}

/*-----•¶Žš-----*/
h1{font-size:1.2em;
width:840px;
float:left;
}
p{
font-size:1em;
line-height: 1.6em;
text-align:left;
margin:0em;
padding:0px;
padding-bottom:2em;
}
.name{
font-size:1em;
line-height:-1em;
margin-bottom:-1em;
color:#465b64;
font-weight:bold;
}
.L{
font-size:1.1em;
line-height:1.8em;}
.M{
font-size:0.9em;
line-height:1.6em;}
.SS{
font-size:0.8em;
line-height: 1.3em;
}
.S{
font-size:0.9em;
line-height: 1.4em;}
a:link { color:#ff6000;}
a:hover { color:#FF6000;}
a:visited { color:#333333;}
#update{
background-position: 100px 150px;
background:url(img/midashi-update.gif) ;
background-repeat: no-repeat;
}

h1{
padding-top:10px;
padding-bottom:10px;
text-indent:-10000px;
background-repeat:no-repeat;
}

/*\*/ * html h1{ height:41px; voice-family: "\"}\""; voice-family:inherit; height:39px;}
html>body h1{ height:39px;} /**/


h1.information {
width:670px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_information.gif);
}

h1.comics {
width:670px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_comics.gif);
}

.home_comics{
width: 125px;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
border:#cccccc 1px solid;
}
.home_comics2{
width: 120px;
margin:0px;
padding:0px;
}
h1.introduction {
width:840px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_introduction.gif);
}

h1.chara {
width:840px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_chara.gif);
}

h1.movie {
width:840px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_movie.gif);
}

h1.game {
width:840px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_game.gif);
}

h1.download {
width:840px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_download.gif);
}

h1.history {
width:840px;
height:15px;
margin:0px;
margin-top:20px;
background-image:url(images/base/h1_history.gif);
}

.chara_box{
width:265px;
float:left;
margin:0px;
padding:0px 11px 0px 4px;
}

.chara_pic{
width:110px;
float:left;
margin:0px;
padding:0px;
}

.chara_pic img{
border:1px solid black;
}

.chara_text{
width:150px;
float:left;
margin:0px;
padding:0px;
}

.pic{
width:400px;
padding:0px 20px 20px 0px;
float:left;
text-align:center;
}

ol {
margin:-2em 0px 0px 0px ;
padding:0px;
}

ol li{
list-style-position: outside;
margin:0em;
margin:0em;
}


.os{
font-size:1.1em;
line-height:2em;
font-weight:bold;
color:#003412;
}

.os2{
font-size:1.2em;
line-height:1.2em;
font-weight:bold;
color:#ff4800;
}

.date{
font-size:1em;
line-height:1.5em;
width:45px;
float:left;
margin:0;
padding:0;
}

.text{
font-size:1em;
line-height:1.5em;
width:620px;
float:right;
margin:0;
padding:0px;
}