@charset "UTF-8";


/*#_---------------------------___*/
/*########################___ page-structure ___########################*/
body {
background: url(img/bg_body_top.gif) left top repeat-x;
}

#header {
height: 413px;
background: url(img/bg_header_top.gif) 50% bottom no-repeat;
}

#wrap {
padding-top: 20px;
}


/*#_---------------------------___*/
/*########################___ header ___########################*/
#top-title {
position: absolute;
width: 960px;
height: 305px;
top: 106px;
left: 0;
background: url(img/new.png) 670px 17px no-repeat;
}

#header-inside #top-title h2 {
text-indent: 0;
}

#top-title p {
padding: 20px 0 0;
font-size: 22px;
font-weight: bold;
color: #197a5a;
}

#top-title p img {
vertical-align: middle;
margin: 0 0 0 35px;
}

#top-title .img-figure {
float: right;
}


/*#_---------------------------___*/
/*########################___ contents ___########################*/
.page-top h3 {
position: relative;
margin: 0 0 0 0;
padding: 8px 0 20px 24px;
background: url(img/heading_big.gif) left top no-repeat;
font-size: 12px;
color: #595757;
font-size: 18px;
}

.page-top h3 a {
	position: absolute;
	top: -1px;
	right: 17px;
}

.box-summary {
margin: 0 0 23px;
padding: 0 0 0 220px;
background: url(img/bg_about_pfnews.jpg) left top no-repeat;
font-size: 14px;
color: #838181;
}

.box-summary h2 {
margin: 0;
}

.box-summary p {
line-height: 1.8;
}

.heading-splash {
margin: 0 0 23px;
padding: 6px 0;
background: #dfece8;
}

.heading-splash span.item-body {
float: left;
display: block;
padding: 8px 20px 8px 13px;
border-left: solid 8px #197a5a;
font-size: 22px;
color: #197a5a;
}

.heading-splash span.item-date {
float: left;
display: block;
margin: 9px 0 0;
padding: 3px 13px;
background: #197a5a;
font-size: 14px;
color: #fff;
font-weight: normal;
}

.box-photo {
margin: 0 0 30px;
}

.box-photo img {
margin: 0 10px 7px;
padding: 5px;
border: solid 1px #d1d1d1;
}


/*#_---------------------------___*/
/*########################___ clearfix item___########################*/
.clearfix:after
,.heading-splash:after
{content: '';display: block;clear: both;height: 0;}

.clearfix
,.heading-splash
{/zoom: 1;}