@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address {
font-style: normal;
margin: 0;
padding: 0;
list-style-type: none;
}
img {
vertical-align: bottom;
border-style: none;
}

body {
font-family: sans-serif;
color: #444;
font-size: 90%;
background-image:url(img/bg_body.gif);
background-repeat:repeat-x;
background-position: center top;
background-color:#f1e6ce; }

a:link,a:visited {
color: #0066ff; }

a:hover,a:active {
color: #f60; }

div#header {
width:980px;
margin:0 auto 0 auto;
background-image:url(img/header_image.jpg);
background-repeat: no-repeat;
background-position: top left;
height:300px;
}

div#header h1 {
text-align:center;
clear:both;
}

div#header p {
float:right;
margin-right:110px;
margin-top:10px;
border:1px solid #fff;
}

div#main {
width:780px;
margin:-96px auto 40px auto;
background-image: url("img/bg_contents.png");
background-repeat: repeat-y;
background-position: top left;

}

div#contents {
padding-bottom:140px;
background-image: url("img/bg_contents_bottom.gif");
background-repeat: no-repeat;
background-position: 0 bottom;
}

div#contents h2 {
text-align:center;
padding-bottom:50px;
padding-top:20px;
}

div#contents h2:before {
position:absolute;
top:190px;
display: block;
content: url(img/bg_contents_top.png);
z-index:1;
}

div#contents p {
margin-left:60px;
margin-right: 60px;
text-indent: 1em;
margin-bottom:1em;
}

div#contents p.photo {
font-size:90%;
padding-top:12px;
margin-left:100px;
margin-bottom:50px;
width:268px;
height:196px;
background-image:url(img/bg_photo.gif);
}

div#contents p.photo span{
margin-top:18px;
display:block;
text-align:center;
color:#300;
font-weight:bold;
text-indent:0;
}

div#contents p.photo img {
border:2px solid #fff;
}

div#contents p.right{
float:right;
margin-right:100px;
margin-left:10px;
}


div#contents p.date {
text-align:right;
margin-top:2em;
}

div#contents p.backnumber {
	margin-bottom:-85px;
	margin-top:85px;
	text-align:center;
}

div#contents ul {
	margin-left:60px;
	line-height:250%;
}

div#contents ul li {
	background-image:url(img/icon_01.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:30px;
	line-height: 1.8;
	margin: 0 40px 11px 0;
}

div#contents ul li.new a {
	background-image:url(img/icon_new.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:40px;
}

div#contents ul li.other {
	background-image:url(img/icon_02.png);
}

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}
.clearfix {
    zoom:1;
}