body{margin:0px;
padding:0px;
background-color:#e1ffc3;
text-align:center;
background-image:url(images/body-back2.gif);
background-repeat:repeat-x;
background-position:top;
background-attachment:fixed;
}
div {
margin:0px;
padding:0px;
}
form{
margin:0px;
padding:0px;
}
address{
padding:5px;
margin:0px;
font-style:normal;
}
hr{
height:1px;
border-width:0 0 1px 0;
border-color:gray;
border-style:solid;
}
p{
margin:0px;
padding:3px;
}
img {
border:0px;
}
#body{
text-align:left;
background-color:white;
line-height:135%;
margin-left:auto;
margin-right:auto;
border-right:solid 1px #300;
border-left:solid 1px #300;
width:770px;
font-size:90%;
}

td{
vertical-align:top;
font-size:90%;
padding:0px;
line-height:135%;
}
a:hover{
color:red;
}

/* �w�b�_�[ */
#header{
width:770px;
height:200px;
background-color:#ffffff;
border-bottom:2px solid #300;
}
#header h1{
font-size:160%;
padding:3px;
margin:0 ;
}
#header h1 .img1{
float:left;
}
#header h1 .img{
float:right;
text-align:right;
}

#header-terminal{
width:770px;
height:110px;
background-color:#ffffff;
border-bottom:3px solid green;
background-image:url(images/head-back-img6.jpg);
background-repeat:no-repeat;
background-position:center right;
}
#header-terminal h1{
font-size:160%;
padding:3px;
margin:0 ;
}
#header-terminal h1 .img1{
float:left;
}
#header-terminal h1 .img{
float:right;
text-align:right;
}

#main-table{
width:770px;
}

#sub{
width:180px;
border-right:1px dotted green;
padding:0px 5px 3px 2px;
}
#sub h2{
font-size:100%;
margin:5px 0 3px 0;
padding:0px;
}
#sub h3{
font-size:100%;
margin:5px 3px 1px 3px ;
padding:2px 0px 1px 8px;
background-image:url(images/sub-h3-back.gif);
border-bottom:solid silver 1px;
}
#sub ul{
margin:5px 0px 10px 0px;
padding:0px;
}
#sub ul li{
margin:2px 5px 3px 3px;
padding:2px 0 2px 18px;
background-image:url(images/yajirushi.gif);
background-repeat:no-repeat;
background-position: 0 0.3em;
line-height:120%;
border-bottom:dotted 1px silver;
list-style:none;
}
#sub p{
margin:0px;
padding:0px;
}
#sub .click{
font-size:100%;
margin:5px 0 3px 0;
padding:0px;
}

#right-menu{
width:180px;
border-left:1px dotted green;
padding:0px 1px 3px 5px;
}
#right-menu h2{
font-size:100%;
margin:5px 0 3px 0;
padding:0px;
}
#right-menu h3{
font-size:100%;
margin:5px 3px 4px 0px ;
padding:2px 0px 1px 8px;
background-image:url(images/sub-h3-back.gif);
border-bottom:solid silver 1px;
}
#right-menu ul{
margin:5px 0px 3px 0px;
padding:0px;
}
#right-menu ul li{
margin:2px 5px 3px 3px;
padding:2px 0 2px 18px;
background-image:url(images/yajirushi.gif);
background-repeat:no-repeat;
background-position: 0 0.3em;
line-height:120%;
border-bottom:dotted 1px silver;
list-style:none;
}
#right-menu .search{
text-align:center;
}
#right-menu form{
margin-bottom:10px;
}
#right-menu p{
margin:0px;
padding:0px;
}


#top-contents{
padding:0px 3px 3px 3px;
}
#top-contents .lead{
border:solid 1px silver;
padding:4px;
}
#top-contents .lead img{
float:right;
}


#top-contents h2{
font-size:120%;
margin:5px 0px 0px 0px;
padding:0px;
border-bottom:2px solid #ffcc00;
}
#top-contents ul{
margin:0px 0px 10px 0px;
padding:0px;
}
#top-contents ul li{
margin:0px 0px 3px 20px;
padding:3px 0 0 0;
list-style-image:url(images/yajirushi.gif);
}


#top-contents #whatsnew {
border:1px solid #ffcc00;
border-top:0px none #ffcc00;
}
#top-contents #whatsnew ul li{
margin:0px 0px 3px 5px;
padding:3px 0 0 0;
list-style-image:none;
list-style-type:none;
}
#top-contents #whatsnew ul li img{
vertical-align:middle;
margin-right:3px;
}

#top-contents #event-info {
border:1px solid #ffcc00;
border-top:0px none #ffcc00;
}
#top-contents #event-info ul{
padding-left:3px;
padding-top:5px;
}

#top-contents #diary{
border:1px solid #ffcc00;
border-top:0px none #ffcc00;
}
#top-contents #diary ul {
padding-left: 3px;
padding-top: 5px;
}
#top-contents #diary #blogs ul{
margin:0px;
}
#top-contents #diary #blogs li{
float:left;
width:175px;
margin:3px;
list-style:none;
/* border:solid 1px silver;*/
padding:3px;
}

#top-contents #diary #blogs li img{float:left;margin-right:2px;}

#top-contents #banner{
text-align:center;
}
#top-contents #banner p{
float:left;
width:175px;
text-align:left;
/* border:solid 1px silver;*/
padding:3px;
margin:3px;
line-height:110%;
}
#top-contents #banner p img{
margin-left:8px;
}

/* 
#top-contents #banner p{
clear:both;
border-top:solid 1px silver;
}
#top-contents #banner p img{
float:left;
margin-bottom:5px;
margin-right:4px;
}
*/


.waku{
padding:3px;
margin:2px;
border:solid 1px silver;
}

.more{
text-align:right;
padding-right:16px;
margin-right:5px;
background-image:url(images/yajirushi.gif);
background-position:right;
background-repeat:no-repeat;
clear:both;
}
.clear{
clear:both;
font-size:2px;
}
.tablewaku{
border-collapse: collapse;
border: 1px #999999 solid;
margin:1px;
}
.tablewaku td{
border: 1px #999999 solid;
padding : 3px;
}
.tablewaku th{
border: 1px #999999 solid;
padding : 3px;
background-color:#ffffcc;
white-space:nowrap;
}

/* contents */
#contents {
padding:3px;
}
#contents h1{
font-size:140%;
margin:5px 0px 5px 0px;
padding:5px 3px 3px 15px;
background-image:url(images/h1-back.gif);
border:solid 2px #ffcc33;
background-repeat:no-repeat;
}
#contents h2{
font-size:120%;
margin:15px 0px 5px 0px;
padding:3px 0px 5px 24px;
background-image:url(images/orange-ball.gif);
background-repeat:no-repeat;
background-position:left;
border:2px dotted #fc3;
background-color:#ffc;
clear:both;
}
#contents h3{
font-size:100%;
margin:10px 0px 5px 0px;
padding:3px 0px 1px 8px;
background-color:#ffdd99;
clear:both;
}
#contents h4{
font-size:100%;
margin:5px 0px 5px 0px;
padding:3px 0px 1px 8px;
background-color:#ffffcc;
clear:both;
}
#contents hr{
border-bottom:dotted 3px #fc3;
height:1px;
clear:both;
}

.pankuzu{
border:solid 1px silver;
font-size:80%;
}

.waku{
border:solid 1px silver;
padding:5px;
}

#contents #whatsnew ul li{
margin:0px 0px 3px 5px;
padding:3px 0 0 0;
list-style-image:none;
list-style-type:none;
}
#contents #whatsnew ul li img{
vertical-align:middle;
margin-right:3px;
}

.link p{
  border-color:silver;
  border-style:solid;
  border-width:1px 3px 3px 1px;
  padding:4px;
  width:174px;
  float:left;
  margin:2px;
}

.link td{
border-color:silver;
border-style:solid;
border-width:1px 3px 3px 1px;
padding:4px;
width:170px;
}
.link-head{
border:solid 1px #009;
text-align:center;
font-size:90%;
background-color:#def;
}

#new_search ul li{
border-color:silver gray gray silver;
border-width:1px 2px 2px 1px;
border-style:solid;
background-image:none;
padding:0px;
margin:1px 1px 1px 5px;
}
#new_search a{
padding:2px 2px 2px 5px;
color:blue;
text-decoration:none;
font-size:12px;
display:block;
background-color:#ffffcc;
background-image:url(images/genre-back.gif);
}
#new_search a:hover{
color:red;
background-color:#ffff99;
background-image:url(images/genre-back2.gif);
}

.block a{
display:block;
}
.block a:hover{
background-color:#ffffcc;
}

#chara{
border:dotted 1px #09c;
padding:5px;
margin-top:20px;
background-color:#ccddff;}
#chara h2{
margin-top:0px;
border-color:#09c;
background-color:#9cf;
background-image:url(images/chara-ball.gif);
background-position:3px 0.2em;
}