*{
margin: 0;
padding: 0;
}

/*汎用*/
ul,ol{
margin-left: 1em;
}

p{
text-indent: 0.5em;
margin-bottom: 0.5em;
}

a{
color: #54523C;
}

a:visited{
color: #A2674E;
}

a:hover{
color: #A4672A;
}


h2{
margin: 0.5em 0;
padding: 8px 0 5px 30px;
background: transparent url('/h17s1_22/images/h2.gif') no-repeat left bottom;
}

h3{
margin: 0.5em 0;
padding: 8px 0 5px 35px;
background: transparent url('/h17s1_22/images/h3.gif') no-repeat left bottom;
}

h4{
margin-top: 0.5em;
margin-bottom: 0.2em;
padding: 3px 0 5px 0;
background: transparent url('/h17s1_22/images/h4.gif') no-repeat left bottom;
}

ul li{
list-style-image: url('/h17s1_22/images/li.gif');
}

/* header */
body{
background: #E0E6D6;
text-align: center;
}

div#iecenter{
position: relative;
text-align: left;
margin: 20px auto;
width: 775px;
}

div#header-pre,div#header,div#header-post{
height: 120px;
}

div#header-pre{
width: 10px;
float: left;
background: transparent url('/h17s1_22/images/header-pre.gif') no-repeat;
}

div#header{
width: 755px;
float: left;
position: relative;
background: #C5B994 url('/h17s1_22/images/header.gif') repeat-x;
}

div#logo{
position: absolute;
left: -40px;
top: -20px;
width: 160px;
height: 160px;
background: url('/h17s1_22/images/logo.gif');
z-index: 3;
}

h1#title{
position: absolute;
left: 120px;
top: 20px;
font-family: 'Verdana', 'Impact', 'gothic';
font-weight: bold;
font-size: 32px;
color: #CE4C4C;
}

ul#menu{
position: absolute;
right: 20px;
bottom: 8px;
list-style: none;
font-family: 'Verdana', 'Impact', 'gothic';
font-weight: bold;
font-size: 12px;
color: #000000;
}

ul#menu li{
display: inline;
}

ul#menu li a{
color: #000000;
}

ul#menu li a:visited{
color: #423C2E;
}

ul#menu li a:hover{
color: #996439;
}

div#header-post{
position: absolute;
left: 765px;
width: 10px;
float: right;
background: transparent url('/h17s1_22/images/header-post.gif') no-repeat right;
}

/* main */
div#main{
position: relative; /*うんこIEはrelative指定の内部でしかabsoluteをまともに扱えない*/
clear: both;
border-left: 10px solid #C5B994;
border-right: 10px solid #C5B994;
padding-top: 20px; /*ロゴ*/
z-index: 2;
background: #FFFCEF url('/h17s1_22/images/main.png') repeat-y;
color: #000000;
}

div#contents{
position: relative;
z-index: 2;
width: 600px;
padding: 0.5em 0.5em 0.5em 45px;
line-height: 1.4em;
}

div#contents-ad{
position: absolute;
top: 0;
left: 600px;
width: 135px;
}

/* footer */
div#footer-pre,div#footer,div#footer-post{
height: 60px;
}

div#footer-pre{
width: 10px;
clear: both;
float: left;
background: transparent url('/h17s1_22/images/footer-pre.gif') no-repeat left;
}

div#footer{
float: left;
width: 755px;
position: relative; /*うんこIEはrelative指定の内部でしかabsoluteをまともに扱えない*/
bottom: 0;
text-align: right;
background: #C5B994 url('/h17s1_22/images/footer.gif') repeat-x;
color: #FFFFFF;
font-size: small;
}

div#footer-contents{
position: absolute;
right: 0;
bottom: 5px;
color: #4A3D32;
}

div#footer-ad{
position: absolute;
left: 32px;
top: 4px;
width: 240px;
height: 48px;
text-align: left;
}

div#footer-post{
position: absolute;
left: 765px;
width: 10px;
float: right;
background: transparent url('/h17s1_22/images/footer-post.gif') no-repeat right;
}

div#pageend-ad{
clear: both;
margin-top: 1em;
text-align: bottom;
}