@charset "utf-8";

*{margin:0; padding:0;}
body{
width:100%;
color:#555555;
background:#ffffff url(imges/bg.jpg) repeat-x fixed;
text-align:center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:hover {
color:#0000FF;
text-decoration:underline;
}

/*トップヘッダー*/
#header{width:100%; height:220px;
background-image: url(imges/header.jpg);
background-color:#f1ffff;
background-position: left top;
background-repeat: no-repeat;
}
.red{
color:#FF0000;
}
.b{
background-color:#FFFF00;
font-weight:bold;
}
#header h1{
text-indent:-9999px;
font-size:0.5em;
color:#FFFFFF;
}


/*全体を囲う*/
#wrapper{width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#ffffff;
border-left:solid 2px #dddddd;
border-right:solid 2px #dddddd;
}

#contents_body { width:640px;
float:left;
overflow:hidden;
padding:15px 0px 0px 0px;
}

#main_contents{padding:0px 0px 1em 11px;}
#main_contents h2{
background:url(imges/h2_bg.gif) no-repeat;
text-align : left;
font-size:18px;
color:#fff;
font-weight : bold;
line-height: 20px;
padding:5px 0 15px 25px;
}

#main_contents p{
width:590px;
font-size:1em;
line-height:1.5em;
padding:5px 5px 10px 12px;
color:#333333;
margin-bottom:10px;
}

.next_pepage{
text-align:right;
padding-right:15px;
font-size:0.8em
}

.pikup_pege{
font-size:1em;
font-weight:bold;
text-align:center;
margin:4em 0 0 3px;
}

/*右のナビゲーション*/
#navi_body { width:220px;
float:left;
padding:2px 0px 60px 0px;
margin-top:13px;
margin-right:1px;
background-color:#fff;
overflow:hidden;
}

#navi_body h2 {
background:url(imges/navi_bg.gif) no-repeat;
padding:7px 0 0 10px;
color:#FFFFFF;
height:22px;
font-size:0.9em;
margin:0;
}

#navi_body ul{
list-style:none;
padding:0;
}

#navi_body ul li{
width:200px;
margin:0;
border-bottom:1px #666666 dotted;


}

#navi_body ul li a{
display:block;
font-size:13px;
color:#0000FF;
background:url(imges/li.gif) no-repeat;
background-position:9px;
height:18px;
padding-left:25px;
vertical-align:middle;
margin-bottom:0px;
padding-bottom:5px;
padding-top:10px;
text-decoration:none;
}

#navi_body ul li a:hover{
color: #FF0000;
}

#navi_body h3 {
background:url(imges/navi_bg.gif) no-repeat;
padding:7px 0 0 10px;
color:#FFFFFF;
height:22px;
font-size:0.9em;
margin:0;
margin-top:2em;
}


#footer{
width:100%;
clear:left;
background-color:#007fff;border-top:1px solid #eee;
text-align:center;
padding:1em 0;
color:#fff;
font-size: small;

}