@charset "shift_jis";
@import url("css/tables.css");
@import url("css/commonstyles.css");


body{
margin: 0px;
padding: 0px;
font-size: 1.0em;
color: #555;
background-color: #fff;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 150%;




}
div,p,h1,h2,h3,h3,h4,h5,h6{
margin: 0px;
padding: 0px;
}
.clear{clear: both;}

a{
text-decoration: none;
border: 0px;
}
a:hover{color:#cc0000;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
img{
margin: 5px;
background: #fff;
border:0;
}



#container{
margin: 10px auto 10px;
padding: 10px;
border: 3px dotted #f8b862;
background: #fff;
width: 900px;
}
#top h1{
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight: bold;
text-align: right;
}
#header{
margin: 5px 0;
padding: 0;
background: url(img/header.jpg);
width: 900px;
height: 200px;
}
#contents{
margin: 20px 0;
padding: 0px;
}
#main{
float: right;
margin: 0px;
padding: 0px;
width: 610px;
margin-left: 10px;
}
#menu{
float: left;
margin: 0px;
padding: 0px;
width: 280px;
}
#footer{
margin: 10px 0 0 0;
padding: 10px 0 0 0;
text-align: center;
font-size: 0.8em;
border-top: 3px dotted #f8b862;
}


/*ここからが本番です 細かいところ*/
#header h2{
padding: 30px 50px 0;
line-height: 130%;
font-size: 1.8em;
text-align: left;


}
#header h2 a{
color: #555;
text-shadow:0 0 2px #fff;

}
#headertext{
font-size: 1.1em;
padding: 10px 50px;



}

#main h2,#main h3{
text-align: left;
font-size: 1.3em;
border: 3px dotted #FFF;
padding: 8px 3px 3px 40px;
margin-bottom: 20px;
background:#facd91 url(img/li-4.png) 5px center no-repeat;
}
#main h4{
text-align: left;
font-size: 1.2em;
border: 3px dotted #fff;
padding: 5px 3px 2px 30px;
margin: 10px 0;
background:#fbd9aa url(img/li-1.png) left center no-repeat;
}
#main h5{
text-align: left;
font-size: 1.1em;
border: 3px dotted #fbd9aa;
padding: 5px 3px 2px 30px;
margin: 10px 0;
background:#fbd9aa url(img/li-2.png) left center no-repeat;
}
#main h6{
text-align: left;
font-size: 1.08em;
border-bottom: 3px dotted #facd91;
padding: 5px 3px 0 30px;
margin: 10px 0;
background:#fff url(img/li-2.png) left center no-repeat;
}
#space1,#space2,#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10{margin: 0 10px 30px;}
#space1 h3,#space2 h3,#text1 h3,#text2 h3,#text3 h3,#text4 h3,#text5 h3,#text6 h3,#text7 h3,#text8 h3,#text9 h3,#text10 h3{
margin-top: 10px;
left: -10px;
width: 560px;
}
#main ul{
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}
#main ul li{
padding: 3px 5px 3px 32px ;
margin-bottom: 2px;
background: url(img/li-2.png) left top no-repeat;
}

#new{margin-bottom: 20px;}
#new ul{
margin: 0 10px;
padding: 0;
list-style: none;
text-decoration: none;
}
#new ul li {
font-size: 0.8em;
border-top: 1px solid #facd91;
border-left: 1px solid #facd91;
border-right: 1px solid #f8b862;
border-bottom: 1px solid #f8b862;
padding: 3px 5px 3px 32px ;
margin-bottom: 2px;
background: url(img/li-3.png) left center no-repeat;
}
#new span {
background: #f4ab4a;
color: #fff;
font-size: 0.7em;
padding: 2px 3px;
margin-right: 5px;
}




#menu h4{
text-align: center;
font-size: 1.0em;
border: 3px dotted #fbd9aa;
background: #f8b862;
color: #fff;
font-weight: bold;
padding: 5px 2px 2px;
}
#menu .menubox{margin: 5px;}
#menu ul{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
#menu ul li {
font-size: 0.9em;
border-top: 1px solid #facd91;
border-left: 1px solid #facd91;
border-right: 1px solid #f8b862;
border-bottom: 1px solid #f8b862;
padding: 5px 5px 5px 32px ;
margin-bottom: 2px;
background: url(img/li-1.png) left 3px no-repeat;
}
#menu .l2{
font-size: 0.8em;
padding: 5px 5px 5px 37px ;
margin-bottom: 2px;
background: url(img/li-2.png) 5px 3px no-repeat;
}
#menu .l3{
font-size: 0.8em;
padding: 5px 5px 5px 55px ;
margin-bottom: 2px;
background: url(img/li-2.png) 25px 3px no-repeat;
}
#menu a{
color: #555;
}
#menu ul li a:hover{
color: #cc0000;
}

ul#newEntry li {
font-size: 0.8em;
padding: 5px 5px 5px 32px ;
margin-bottom: 2px;
background: url(img/li-3.png) left 3px no-repeat;
}
#siteNavi{
font-size: 0.8em;
font-weight: bold;
margin-bottom: 5px;
}
#siteNavi img{padding: 0;}
#siteNavi a{
color: #000;
font-weight: normal;
}
#siteNavi a:hover{color: #cc0000;}



.sbox1{float: left;}
.sbox2{float: right;}
.sbox1,.sbox2{
width:48%;
text-align: left;
font-size: 0.9em;
}
#sitemaps li {
display:block;
padding:2px 3px;
margin:1px;
color:#666;
}
#sitemaps li a{color: #000;}
#sitemaps li a:hover{color: #cc0000;}

#main dl{
margin: 0 0 20px 0;
padding: 0;}
#main dt{
text-align: left;
font-size: 1.0em;
font-weight: bold;
border-bottom: 3px dotted #facd91;
padding: 2px 3px 2px 30px;
margin: 0 10px;
background:#fff url(img/li-2.png) left center no-repeat;
}
#main dd{
font-size: 0.8em;
margin: 5px 10px 10px;
}
#categorylist p{
padding: 0 10px;
font-size: 0.9em;
}
#categorylist .more img{padding: 0;}
#categorylist .more{
text-align: right;
font-size: 1.0em;
font-weight: bold;
margin-bottom:20px;
}

#relNavigate{text-align:center;}