/* CSS Document */

body{
margin:0;
padding:0;
text-align:center;
background-image:url("img/bg.gif");
background-attachment: fixed;
background-color:#EAF1F8;
font-size:90%;
line-height:1.4;
}

#wrapper{
width:780px;
margin:0 auto;
padding:0 0 1% 0;
background-color:#fff;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}

hr.clear{
background-color:#fff;
color:#fff;
border:1px solid #fff;
height:10px;
}

/*-- menubar -- */
#navi{
text-align:left;
margin:0 0 1em 0;
padding:0;
width:780px;
height:40px;
background-image:url("img/bg2.gif");
}

.bar{
border: 0;
margin: 0;
padding: 0 0 0 180px;
width: 600px;
height: 30px;
overflow: hidden;
}

.bar img{
visibility: hidden;
}

.bar a,
.bar a:link,
.bar a:visited{
background-position: 0px 0px;
float:left;
}

.bar a:focus,
.bar a:hover,
.bar a:active{
background-position: 0px 31px;
float:left;
}

.bar .bar1 a{
background-image: url(img/tab/bar1a.gif);
}

.bar .bar2 a{
background-image: url(img/tab/bar2a.gif);
}

.bar .bar3 a{
background-image: url(img/tab/bar3a.gif);
}

.bar .bar4 a{
background-image: url(img/tab/bar4a.gif);
}

.bar .bar5 a{
background-image: url(img/tab/bar5a.gif);
}

/*-- what'snew --*/
.whatsnew{
margin:0 2%;
text-align:left;
border:1px solid #cccccc;
background-color:#eeeeee;
padding:1% 2%;
}

div.whatsnew p{
height:24px;
margin:0 0 1% 0;
padding:0px;
background:url(img/bar1.gif) no-repeat left 50%;
text-indent:1.5em;
font-size:12px;
line-height:24px;
}

.whatsnew ul{
margin:0 2%;
padding:0;
}

.whatsnew ul li{
margin:0 2%;
padding:2px 0;
list-style-type:square;
}

.whatsnew a{
padding:2px 4px;
color:#3f668c;
}
.whatsnew a:hover{
padding:2px 4px;
background-color:#ccff4d;
color:#000;
text-decoration:none;
}

/*-- main contents -- */
#content{
margin:0 2%;
text-align:left;
}

#content a{
padding:2px 4px;
color:#3f668c;
}
#content a:hover{
padding:2px 4px;
background-color:#ccff4d;
color:#000;
text-decoration:none;
}

p.maintitle{
margin:0;
padding:0;
border-left:6px solid #AAD441;
font-size:180%;
font-weight:bold;
text-indent:0.2em;
text-align:left;
}

p.subtitle{
margin:0;
padding:0;
border-left:6px solid #AAD441;
text-indent:0.5em;
font-size:80%;
color:#CCCCCC;
font family:"Arial Black",Helvetica,Verdana;
font-weight:bold;
}

.subtitle1{
margin:1% 0.5em;
padding:0;
text-indent:0.5em;
font-weight:bold;
}

.subtitle2{
margin:1% 1em;
padding:0;
border-left:6px solid #336699;
text-indent:0.5em;
font-weight:bold;
}

.subtitle3{
margin:1% 1em;
padding:0;
border-left:6px solid #b37700;
text-indent:0.5em;
font-weight:bold;
}

#content ul{
margin:1% 0;
padding:0;
}

#content ul li{
margin:0 2em;
list-style-type:none;
}

#content ul.naiyou li{
margin:0 4em;
list-style-type:square;
}

p.gotop{
width:70px;
background:url(img/gotop.gif)no-repeat center 50%;
padding-left:36px;
line-height:11px;
font-size:10px;
}

p.gositetop{
width:200px;
background:url(img/yaji-right.gif)no-repeat center 50%;
padding-left:36px;
line-height:11px;
font-size:10px;
}


#content p.gotop a{
text-decoration:none;
}

#content p.gotop a:hover{
background-color:#ffffff;
color:#336699;
text-decoration:underline;
}

#content p.gositetop a{
text-decoration:none;
}

#content p.gositetop a:hover{
background-color:#ffffff;
color:#336699;
text-decoration:underline;
}

/*-- works --*/
p.komidashi{
margin:1%;
font-size:120%;
font-weight:bold;
}

p.detail{
margin:1%;
}

#content div.bangumi a{
text-decoration:none;
}

#content .icon{
background-color:#ffffff;
border:1px solid #ffffff;
}

#content a.icon{
background-color:#ffffff;
text-decoration:none;
}

.naiyou{
margin:2%;
}

/*-- footer --*/
#footer{
width:780px;
margin:0 auto;
padding:2px 0;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background-color:#3f668c;
color:#ffffff;
font-size:80%;
text-align:center;
}

#footer a{
color:#A8C5E2;
}

#footer a:hover{
text-decoration:none;
}


/*-- mt --*/
.entry{
margin:0 2%;
}

.entry p{
margin:1%;
}

p.entrydate{
margin:0;
}