@charset "utf-8";

body{
width:100%;
margin:0 auto;
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#wrapper {
margin: 0 auto;
width: 780px;
}


/* HEADER */

#header{
width:780px;
height:90px;
padding:0;
}
#header .logo{
width: 390px;
float: left;
}
#header ul {
margin: 0px;
list-style-type: none;
height: 60px;
float: right;
padding: 15px 0 0;
width:390px;
}
#header li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
}
#header img{
vertical-align:bottom;
}

#sub_contents {
background: url(../img/parts/sub_contents_bg.gif) no-repeat center center;
margin: 0px;
padding: 0px;
height: 20px;
width: 780px;
text-align: right;
list-style-type: none;
}
#sub_contents li {
display: inline;
}
#sub_contents img{
vertical-align:bottom;
}


/* CONTENTS */
#contents{
width:779px;
height:23px;
padding:1px 0 1px 1px;
overflow:hidden;
list-style:none;
background-color: #CCCCCC;
}
#contents:after{
content:"";
display:block;
clear:both;
}
#contents li{
display:inline;
float: left;
margin: 0 1px 0 0;
}
#contents li img{
vertical-align:top;
}

/* CONTENT */
#content{
width:780px;
padding:0;
}
#content:after{
content:"";
display:block;
clear:left;
}
#content a:link, #content a:visited {
color: #666666;
}
#content a:hover, #content a:active {
color: #999999;
}
#content h2 {
width: 760px;
padding: 10px;
}
#content .main_img {
margin: 0px;
padding: 0 0 10px;
width: 740px;
}
#content p {
font-size: 75%;
line-height: 1.5;
padding: 0 20px 10px;
}

#pankz {
font-size: 10px;
line-height: 30px;
list-style-type: none;
padding: 0 20px;
margin: 0;
height: 30px;
clear: both;
width: 740px;
}
#pankz li {
float: left;
}
#pankz li a {
background: url(../img/parts/pankz.gif) no-repeat left center;
padding-left: 15px;
}
#pankz a:link, #pankz a:visited {
color: #666666;
}
#pankz a:hover, #pankz a:active {
color: #CCCCCC;
}
#pankz li.to_top {
font-size: 12px;
float: right;
background-image: none;
}
#pankz li.to_top a {
background: none;
padding-left: 0px;
}

/* FOOTER */
#footer{
width:780px;
clear: both;
color: #666666;
}
#footer address{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
clear:left;
padding:0 15px;
background: url(../img/parts/footer_bg.gif) no-repeat center bottom;
line-height: 25px;
height: 25px;
}
#footer address a:link, #footer address a:visited {
color: #666666;
}
#footer address a:hover, #footer address a:active {
color: #CCCCCC;
}
#footer p {
font-size: 62.5%;
line-height: 1.5;
padding: 15px 15px 30px;
}
