@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
border-style: none;
}

/* @group HTML */
html { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
} 

/* 基本設定 */
body, html {
height: 100%;
}

body,div{
margin: 0px;
padding: 0px;
border-style: none;
}

a { text-decoration: none; }

ul, ol{ list-style: none; }
img {
vertical-align: middle;
border-style: none;
}
#header {
width: 100%;
position: fixed;
top: 0px;
background: #FFF url(../img/headed_bg.jpg) repeat-x top;
margin-bottom: 10px;
}

/* @group HEADER */
#header_area {
display: block;
width: 940px;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
#header_inn {
height: 65px;
margin-bottom: 10px;
}

#header_inn h1 {
display: block;
height: 65px;
float: left;
}

.read  {
font-size: 87%;
vertical-align: middle;
line-height: 26px;
display: block;
height: 26px;
padding-right: 10px;
padding-left: 10px;
}

#nav {
float: right;
display: block;
width: 576px;
height: 65px;
}
#nav p a {
text-align: right;
display: block;
padding-bottom: 2px;
padding-top: 2px;
}

#nav ul li {
border-right: 2px dotted #F90;
width: 142px;
float: left;
}
#nav ul li a {
width: 137px;
padding-left: 3px;
display: block;
}

#midashi {
height: 55px;
border-top: 2px dotted #F60;
border-bottom: 2px dotted #F60;
width: 100%;
}

#content {
width: 940px;
overflow: auto;
min-height: 235px;
margin-right: auto;
margin-left: auto;
padding: 180px 10px 170px;
}

#main {
overflow: auto;
width: 100%;
margin: 0px;
padding-bottom: 5px;
}


/* @group FOOTER */
#footer {
position: fixed;
bottom: 35px;
background: #666666 url(../img/footer_topline.jpg) repeat-x top;
height: 110px;
color: #FFF;
width: 100%;
padding-top: 10px;
}
#footer a { color: #FFF; }
#footer a:visited { color: #FFF; }
#footer a:hover { color: #F90; }
#footer a:active { color: #FFF; }




#f_inn {
float: left;
width: 75%;
height: auto;
}
#f_area {
color: #FFF;
width: 940px;
margin-right: auto;
margin-left: auto;
padding-right: 10px;
padding-left: 10px;
height: 105px;
padding-top: 5px;
}

.add { font-size: 87.5%; 
}
#f_inn h3 {
font-size: 112%;
line-height: 1.7;
}
#F_link {
float: left;
width: 25%;
height: 105px;
padding-top: 5px;
}
#F_link ul li {
display: block;
height: 50px;
text-align: right;
}

#copy {
background: #000;
text-align: center;
font-size: 87%;
height: 35px;
line-height: 35px;
color: #CCC;
width: 100%;
position: fixed;
bottom: 0px;
}
#copy a { color: #CCC; }
#copy a:visited { color: #CCC; }
#copy a:hover { color: #FFF; }
#copy a:active { color: #FFF; }

.read2 {
font-size: 87%;
display: block;
line-height: 1.5;
}
/* @group FOOTER end */