@charset "utf-8";

body{
width:100%;
margin:0 auto;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color: #99A189;
}
#wrapper {
margin: 0 auto;
width: 820px;
padding: 0;
}
#wrapper a:link, #wrapper a:visited {
color: #443322;
}
#wrapper a:hover, #wrapper a:active {
color: #886633;
}

/* HEADER */

#header{
background: url(../img/parts/header_bg.gif) no-repeat right top;
width:810px;
height:150px;
padding:0 5px;
}
#header .logo{
float:left;
width: 210px;
margin: 10px 0 0;
}
#header h1 {
font-size: 10px;
font-weight: normal;
line-height: 20px;
color: #443322;
padding: 0 10px;
text-align: right;
clear: right;
}

#header address{
float:right;
width:270px;
margin: 10px 0 0;
}
#header address img{
vertical-align:bottom;
}

/* CONTENTS */
#contents{
background: url(../img/parts/contents_bg.gif) no-repeat center top;
width:799px;
height:38px;
padding:6px 10px 11px 11px;
overflow:hidden;
list-style:none;
}
#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:800px;
margin:10px auto 0;
background-color: #ECE9D8;
background-image: url(../img/parts/content_bg.gif);
background-repeat: no-repeat;
background-position: center top;
padding: 0;
}

#content:after{
content:"";
display:block;
clear:left;
}
#wrapper h2 {
line-height: 70px;
font-size: 100%;
background: no-repeat center center;
height: 70px;
padding: 0 20px;
text-align: right;
color: #443322;
}
#content h3 {
font-size: 100%;
line-height: 3;
color: #443322;
clear: both;
}

#content .main_img {
margin: 0px;
padding: 0 0 10px;
width: 740px;
}
#content p {
font-size: 87.5%;
line-height: 1.5;
padding: 0 10px 5px;
}

#pankz {
font-size: 75%;
line-height: 2;
list-style-type: none;
padding: 0 10px;
margin: 0;
height: 30px;
clear: both;
background: url(../img/parts/pankz_bg.gif) no-repeat center bottom;
border-top: 3px double #99A189;
}
#pankz li {
display: inline;
}
#pankz li a {
background: url(../img/parts/pankz.gif) no-repeat left center;
padding-left: 20px;
}
#pankz a:link, #pankz a:visited {
color: #99A189;
}
#pankz a:hover, #pankz a:active {
color: #443322;
}

#top {
background: url(../img/parts/to_top_bg.gif) no-repeat center bottom;
font-size: 75%;
clear: both;
text-align: right;
line-height: 3;
padding: 0 20px 5px;
width: 780px;
margin: 0;
}

/* FOOTER */
#footer{
background: url(../img/parts/footer_bg.gif) no-repeat center top;
width:820px;
clear: both;
height: 120px;
margin-top: 5px;
}
#footer .logo {
float: left;
padding: 0 20px;
}

#footer ul{
background: url(../img/parts/footer_bg.jpg) no-repeat center bottom;
font-size:12px;
text-align:left;
line-height:20px;
list-style:none;
height:40px;
padding: 5px 0;
}
#footer ul a:link,
#footer ul a:visited{
color: #443322;
}
#footer ul a:hover,
#footer ul a:active{
color: #886633;
}
#footer ul li{
display:inline;
}
#footer ul li{
padding-left:0.4em;
padding-right:0.2em;
border-left:1px solid #443322;
}
#footer ul li.first_child{
padding-left:0;
border-left:none;
}
#footer ul li.last_child{
padding-right:0;
}
#footer address{
background: url(../img/parts/footer_address_bg.gif) no-repeat center center;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color: #FFFFFF;
clear:left;
padding:0;
line-height: 60px;
width: 820px;
text-align: center;
}
#footer address img {
float: left;
margin-top: 10px;
}

#footer address a:link, #footer address a:visited {
color: #FFFFFF;
}
#footer address a:hover, #footer address a:active {
color: #FFFF99;
}