@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header
----------------------------------------- */
#header #logo{
	position: relative;
	float: left;
	clear: left;
	padding: 15px 0px 11px;
	z-index: 999;
}

#header ul li{
	float: left;
	display: inline;
}

#header #header-left-area ul#language{
	margin-top: 14px;
	margin-bottom: 8px;
	overflow: hidden;
}

#header #header-left-area ul#font-size{
	float: right;
}

#header #header-left-area ul#font-size li a{
	display: block;
	text-indent: -9999px;
	margin-left: 5px;
}

#header #header-left-area p{
	float: right;
	padding-left: 15px;
}

#header #header-left-area ul#search-area{
	float: right;
	clear: right;
	width: 332px;
	margin-top: 7px;
	zoom: 1;
}

#header #header-left-area ul#search-area li{
	margin-left: 5px;
}

#header #header-left-area ul#search-area li.search{
	margin-top: 5px;
}

#header #header-left-area ul#search-area li.search input{
	width: 181px;
	padding: 4px 0!important;
	border: 1px solid #7E9DB9;
}

#header #header-left-area ul#search-area li img{
	padding-top: 2px;
}

#header #header-left-area ul#search-area li.btn{
	padding-top: 4px;
}

#header ul#public-link{
	padding-left: 2px;
	z-index: 997;
	position: relative;
}

#header ul#public-link li{
	margin-right: 10px;
}

#home #header ul#nav{
	width: 950px;
	padding-top: 195px;
	clear: both;
}

#contents #header ul#nav{
	padding-top: 20px;
	_padding-top: 8px;
	clear: both;
	overflow: hidden;
}

/* footer
----------------------------------------- */
#footer p#pagetop{
	margin-left: 24px;
}

#footer .footer-innner .footer-left p,
#footer .footer-innner .footer-left address{
	margin-bottom: 15px;
	line-height: 1.4em;
}

#footer .footer-innner ul#footer-public-link{
	float: left;
	padding: 86px 0 0 125px;
}

#footer .footer-innner ul#footer-public-link li,
#footer .footer-innner .footer-right ul li{
	margin-bottom: 10px;
}

#footer .footer-innner .footer-right ul{
	float: left;
	width: 160px;
}

#footer .footer-innner .footer-right ul li a{
	color: #FFF;
	margin-bottom: 10px;
}

#footer p#copyright{
	color: #666666;
	text-align: center;
	padding: 15px 0 45px;
	letter-spacing: 0.1em;
}

/* topicpath
----------------------------------------- */
#topicpath{
	font-size: 90%;
	padding: 0px 10px;
	border-left: #DDDDDD solid 1px;
	border-right: #DDDDDD solid 1px;
	border-bottom: #DDDDDD solid 1px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
	clear: both;
}

#topicpath li{
	float: none;
	display: inline;
	vertical-align: middle;
}

#topicpath li a,
#topicpath li span{
	display: inline-block;
	padding: 6px 0px 6px 25px;
	background: url(../img/topicpath.gif) no-repeat left center;
}

#topicpath li span{
	font-weight: bold;
}

/* content
----------------------------------------- */
#content p,
#content td,
#content li,
#content dt,
#content dd,
#content blockquote{
	line-height: 1.4em;
}

#content h1,
#content p{
	margin-bottom: 15px;
}

/* 他ページへ移動
----------------------------------------------------------- */ 
#contents #main a[href]{   
    background: url(../img/page_icon.gif) no-repeat left 1px;
	padding-left: 20px;
	padding-bottom: 5px;
}  

* html #contents #main a.pagelink{   
    background: url(../img/page_icon.gif) no-repeat left 1px;  
	padding-left: 20px;
	padding-bottom: 5px;
}

/* 外部リンク要素 
----------------------------------------------------------- */  
#contents #main a[target^="_blank"]{   
    background: url(../img/window_icon.gif) no-repeat left 1px;  
}  

* html #contents #main a.external{   
    background: url(../img/window_icon.gif) no-repeat left 1px;  
	padding-left: 20px;
	padding-bottom: 5px;
}

/* pdf要素 
----------------------------------------------------------- */  
#contents #main a[href$=".pdf"]{   
    background: url(../img/pdf_icon.gif) no-repeat left 1px;  
}

* html #contents #main a.pdf{   
    background: url(../img/pdf_icon.gif) no-repeat left 1px;
	padding-left: 20px;
	padding-bottom: 5px;
}

/* Word要素 
----------------------------------------------------------- */  
#contents #main a[href$=".doc"]{   
    background: url(../img/word_icon.gif) no-repeat left 1px;  
}  

* html #contents #main a.doc{   
    background: url(../img/word_icon.gif) no-repeat left 1px;  
	padding-left: 20px;
	padding-bottom: 5px;
}  

/* Excel要素 
----------------------------------------------------------- */  
#contents #main a[href$=".xls"]{   
    background: url(../img/excel_icon.gif) no-repeat left 1px;  
}  

* html #contents #main a.xls{   
    background: url(../img/excel_icon.gif) no-repeat left 1px;
	padding-left: 20px;
	padding-bottom: 5px;
}

/* PowerPoint要素 
----------------------------------------------------------- */  
#contents #main a[href$=".ppt"]{   
    background: url(../img/powerpoint_icon.gif) no-repeat left 1px;  
}  

* html #contents #main a.ppt{   
    background: url(../img/powerpoint_icon.gif) no-repeat left 1px; 
	padding-left: 20px;
	padding-bottom: 5px;
} 

/* IE6 */
* html #contents #main a{  
behavior: expression(  
	this.className += this.getAttribute("href") ? " pagelink" : "",
	this.className += this.getAttribute("target").match(/\_blank$/) ? " external" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",  
	this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",  
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "", 
	this.className += this.getAttribute("href").match(/\.ppt$/) ? " ppt" : "",  
	this.style.behavior = "none"  
);  
} 

#contents #main a.noicon{
	background: none;
	padding: 0;
}

#contents #main table .hissu{
	float: right;
	clear: right;
	font-size: 84%;
	color: #FFFFFF;
	background-color: #C33;
	border: 1px solid #C33;
	margin-right: 5px;
	padding: 1px 2px;
}

#contents #main form p.button{
	text-align: center;
}

/* main css
----------------------------------------- */
#contents #main p,
#contents #main ul,
#contents #main ol{
	margin-left: 30px;
}

#contents #main h2{
	font-size: 200%;
	font-weight: 800;
	line-height: 1.4em;
	padding: 6px 0 10px 25px;
	margin-bottom: 35px;
	background-image: url(../img/headline2_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
}

#contents #main h3{
	font-size: 160%;
	font-weight: 800;
	line-height: 1.4em;
	padding: 5px 0 5px 35px;
	/*margin-bottom: 35px;*/
	margin-bottom: 25px;
	border-bottom: #DDDDDD solid 1px;
	background-image: url(../img/headline3_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	clear: both;
}

#contents #main h4{
	font-size: 150%;
	font-weight: 800;
	line-height: 1.4em;
	padding: 5px 0 5px 30px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
	border-bottom: #DDDDDD dotted 1px;
	background-image: url(../img/headline4_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;	
}

#contents #main h5{
	font-size: 135%;
	font-weight: 800;
	line-height: 1.4em;
	padding: 0px 0 0px 25px;
	margin-left: 15px;
	margin-bottom: 25px;
	background-image: url(../img/headline5_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;	
}

#contents #main h6{
	font-size: 125%;
	font-weight: 800;
	line-height: 1.4em;
	padding: 0px 0 0px 15px;
	margin-left: 25px;
	margin-bottom: 15px;
	background-image: url(../img/headline6_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;	
}
 
#contents #main blockquote{
	font-size: 95%;
	border: #DDDDDD dotted 1px;
	margin-left: 30px;
	padding: 10px;
	margin-bottom: 15px;
}

#main table{
	width: 96%;
	font-size: 100%;
	margin: 1em 10px 1em 30px;
}

#main table th,
#main table td{
	padding: 5px 10px;
}

#main .table-01{
	border-bottom: #DDD solid 1px;
	border-left: #DDD solid 1px;
}

#main .table-01 th{
	padding-left: 15px;
	background-color: #FCFDF6;	
}

#main .table-01 th,
#main .table-01 td{
	border-top: #DDD solid 1px;
	border-right: #DDD solid 1px;
}

#main .table-02{
	border-bottom: #DDD solid 1px;
}

#main .table-02 th{
	padding-left: 15px;
	background-image: url(../img/sub_list_icon1.gif);
	background-position: 4px 10px;
	background-repeat: no-repeat;
}

#main .table-02 th,
#main .table-02 td{
	border-top: #DDD solid 1px;
}

#main ul{
	margin-bottom: 15px;	
}

#main ul li{
	padding-left: 15px;
	background-image: url(../img/list_icon1.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;
}

#main li ul{
	margin-bottom: 0;
}

#main li ul li{
	background-image: url(../img/list_icon2.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;	
}

#main ol li{
	margin-left: 25px;
	list-style-type: decimal;
}

#main strong {
	font-weight: 600;
	color: #005B3C;
}


/* sub css
----------------------------------------- */
#sub .calender-area,
#sub .facebook-area{
	margin-bottom: 20px;
}

#home #sub h3{
	line-height: 1.4em;
	border: #DDDDDD solid 1px;
	text-align: center;
	padding: 2px 0;	
}

#home #sub p.more{
	width: 65px;
	height: 12px;
	position: relative;
	top: -26px;
	left: 170px;
}
/* IE7 */
*+html #home #sub p.more{
	top: -28px;
}
/* IE6 */
* html #home #sub p.more{
	top: -30px;
}


#contents #sub h3{
	font-size: 85%;
	color: #FFF;
	font-weight: bold;
	padding: 12px 0 12px 25px;
	border: #DDDDDD solid 1px;
	background-image: url(../img/contents_sub_headline3_bg.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;		
}

#contents #sub ul{
	font-size: 85%;
	margin-bottom: 25px;
	border-left: #DDDDDD solid 1px;
	border-right: #DDDDDD solid 1px;
}

#contents #sub ul li a{
	padding: 5px 5px 5px 20px;
	background-image: url(../img/sub_list_icon1.gif);
	background-position: 7px 10px;
	background-repeat: no-repeat;
	border-bottom: #DDDDDD solid 1px;
	display: block;
	word-wrap: break-word;
}

#contents #sub ul li a.child{
	padding: 5px 5px 5px 35px;
	background-image: url(../img/sub_list_icon2.gif);
	background-position: 23px 10px;	
}

#contents #sub ul li#current a.child{
	background-image: url(../img/sub_list_icon5.gif);
}

#contents #sub ul li a.listpage-top{
	background-image: url(../img/sub_list_icon3.gif)!important;
}

#contents #sub ul li#current a{
	font-weight: bold;
	background-image: url(../img/sub_list_icon4.gif);
	background-color: #F7F9E3;
}

#contents #sub ul li a:hover{
	background-color: #F7F9E3;
}

/*  calendar */
#calendar{
	color: #444444;
	margin-top: -1px;
	border: #DDDDDD solid 1px;
	border-bottom: none;
}
/* IE6 */
* html #calendar{
	width: 250px;
	margin-top: -1px;
}

#calendar p{
	margin: 6px 0 2px;
	padding: 0px 0px 3px;
	text-align: center;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border-top: #DDDDDD solid 1px;
}

#calendar th,
#calendar td{
	width: 35px;
	border-bottom: #DDDDDD solid 1px;
	padding: 10px 0px;
}

#calendar th{
    text-align: center;
    font-size: 12px;
	background-color: #FCFDF6;
}

#calendar td{
    /*padding: 2px 0;*/
    text-align: center;
    font-size: 12px;
    line-height: 120%;
}

#calendar td a{
	color: #333;
	text-decoration: none;
	padding: 5px 8px;
	background-image: url(../img/calendar_point.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

#calendar td a:hover{
	background-image: url(../img/calendar_point-on.gif);
}

#calendar .right{
	float: right;
	margin-top: -26px;
	margin-right: 10px;
	width: 22px;
}

#calendar .left{
	float: left;
	width: 22px;
	margin-top: -26px;
	margin-left: 10px;
}
.today {
    display: block;
    border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #CC3333;
}
.saturday,
.saturday a:link,
.saturday a:visited{
    color: #006699;
}

#sub .calendar-area p.point{
	font-size: 90%;
	border: #DDDDDD solid 1px;
	border-top: none;
	padding: 2px 2px;
}

#sub .calendar-area p.point img{
	vertical-align: middle;
	margin-right: 5px;

}


/* home css
----------------------------------------- */
#home #main .left-area ul{
	
}

#home #main .left-area ul li{
	margin-bottom: 20px;
	padding-left: 0;
	background-image: none;
}

#home #main .left-area ul li a:hover{
	opacity: 0.5;
}

#home #main .right-area h3{
	border: #DDDDDD solid 1px;
	text-align: center;
	padding: 2px 0;
}

#home #main .right-area p.more{
	width: 68px;
	height: 12px;
	position: relative;
	top: -26px;
	left: 280px;
}
/* IE7 */
*+html #home #main .right-area p.more{
	top: -28px;
}
/* IE6 */
* html #home #main .right-area p.more{
	top: -30px;
} 

#home #main .right-area p.rss{
	width: 57px;
	height: 34px;
	position: relative;
	top: -38px;
	left: 352px;
	margin-bottom: -35px;
}
/* IE6 */
* html #home #main .right-area p.rss{
	top: -70px;
	margin-bottom: -69px;
}


#home #main .right-area .information-area{
	height: 360px;
	overflow-y: auto;
	padding: 0 20px;
	border: #DDDDDD solid 1px;
	line-height: 1.6em;
	vertical-align: middle;
	zoom: 1;
}

#home #main .right-area .information-area dl{
	padding: 15px 0 5px;
}

#home #main .right-area .information-area dl dd{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #DDDDDD dotted 1px;
}

#home #main .right-area .information-area dl dd a:link{
	color: #0288C7;
}

#home #main .right-area ul.banner-list,
#contents #left-banner-area ul,
#contents #right-banner-area ul{
    clear: both;
    margin: 0 -20px 0 0;
	padding: 0;
    overflow: hidden;
	zoom: 1;
}
/* IE6 */
* html #home #main .right-area ul.banner-list{
	margin: 0 -40px 0 0;
}

#home #main .right-area ul.banner-list li,
#contents #left-banner-area ul li,
#contents #right-banner-area ul li{
    float: left;
	width: 195px;
	text-align: center;
    list-style-type: none;
    margin-right: 20px;
    margin-top: 20px;
	padding-left: 0;
	zoom: 1;
	background-image: none;
}

#home #main .right-area ul.banner-list li:hover,
#contents #left-banner-area ul li:hover,
#contents #right-banner-area ul li:hover{
	opacity: 0.5;
}

/* contents 3 */
#main div.list{
	_width: 680px;
	margin-right: -10px;
	clear: both;
	overflow: hidden;
}

#main div.listb{
	float: left;
}

#main div.list dl.first{
	border-left-style: none;
}

#main div.list dl{
	float: left;
	text-align: center;
	width: 200px;
	padding: 0 10px 25px;
	border-left: #DDDDDD solid 1px;
}

#main div.list dl dt{
	text-align: left;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 0 8px 35px;
	background-image: url(../img/headline4_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#main div.list dl dd{
	font-size: 90%;
	line-height: 1.2em;
	margin-bottom: 5px;
	text-align: left;
}

#main div.list dl dd a{
	font-weight: bold;	
}

#main div.list dd.image{
	overflow: hidden;
	width: 200px;
	padding: 5px 0;
	border: 1px dotted #DDDDDD;
	text-align: center;
}

#main div.list dd.btn{
	padding-top: 5px;
	text-align: center;
}

#contents #main div.list dd.image a,
#contents #main div.list dt a{
	padding: 0;
	background: none;
}

/* contents 4 */
#contents #main p.page-count,
#contents #main p.pagebute{
	font-size: 85%;
}

#contents #main p.page-count{
	float: left;
	clear: left;
	margin-left: 15px;
	margin-bottom: 25px;
}

#contents #main p.pagebute{
	float: right;
	clear: right;
	margin-bottom: 25px;
}


#contents #main .pagebute a{
	padding: 0;
	background: none;
}

#contents #main .pagebute{
	float: right;
	clear: right;
}

#contents #main ul.pagebute{
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
}

#contents #main ul.pagebute li{
	text-align: center;
	background-image: none;
	/*	float: left;*/
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 10px;
	display: inline;
}

#contents #main ul.pagebute span{
	font-weight: bold;
	background-color: #F7F9E3;
}

#contents #main ul.pagebute li span,
#contents #main ul.pagebute li a{
	padding: 2px 4px;
	border: #CCC solid 1px;
}







/* contents 5 */
#contents #main .gallery-area{
	margin-top: -25px;
}

#contents #main div.list dl dd.title,
#contents #main div.list dl dd.category{
	margin: 10px 0;
}

#contents #main div.list dl dd.title a,
#contents #main div.list dl dd.title a.pagelink{
	padding-left: 25px;
	background-image: url(../img/gallary_icon.gif);
}

#contents #main div.list dl dd.category,
#contents #main div.list dl dd.category a{
	color: #CC9768;
	font-weight: normal;
}

#contents #main div.list dl dd.category a,
#contents #main div.list dl dd.category a.pagelink,
#contents #main div.list dl dd.btn a,
#contents #main div.list dl dd.btn a.pagelink{
	padding: 0;
	background: none;	
}



/* contents 6 */
#contents #main p.category,
#contents #main ul.gallerynavi{
	font-size: 85%;
	margin-top: -25px;
}

#contents #main p.category a,
#contents #main p.category a.pagelink,
#contents #main ul.gallerynavi a,
#contents #main ul.gallerynavi a.pagelink,
#contents #main .photo-area p a{
	padding: 0;
	background: none;	
}

#contents #main p.category{
	float: left;
	clear: left;
	margin-left: 15px;	
}

#contents #main p.category a{
	font-weight: bold;
}

#contents #main ul.gallerynavi{
	float: right;
	clear: right;	
}

#contents #main ul.gallerynavi li{
	float: left;
	display: inline;
	background-image: none;
	padding: 0;
}

#contents #main ul.gallerynavi li a{
	padding: 4px 8px;
	margin-left: 5px;
	border: #CCCCCC solid 1px;
	overflow: hidden;
	display: inline-block;
	zoom: 1;
}

#contents #main .photo-area .list{
	margin: 0 0 0 5px;
}

#contents #main .photo-area{
	padding-bottom: 15px;
	margin-bottom: 50px;
	background-color: #F7F9E3;
	clear: both;
	overflow: hidden;
}

#contents #main .photo-area p{
	padding: 5px;
	margin: 15px 0 0 10px;
	background-color: #FFF;
	border: 1px dotted #DDDDDD;
}

#contents #main .photo-area p a{
	width: 190px;
	height: 150px;
}

/* contents 7 */
#contents #main .inspection-area{
	margin-top: -25px;
}

#contents #main .inspection-area .entry-article{
	clear: both;
	margin-bottom: 25px;
}

#contents #main .inspection-area .entry-article p.category{
	float: none;
	margin-top: -10px;
	margin-left: 35px;
	clear: both;
}

#contents #main p.meetingdate{
	float: right;
	font-size: 85%;
	font-weight: bold;
	clear: both;
	position: relative;
	top: -35px;
	margin-bottom: 0;
}

#contents #main p.meetingdate span{
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
}

#contents #main .entry-article{
	clear: both;
}

#contents #main .inspection-area .entry-article h3 a,
#contents #main .inspection-area .entry-article h3 a.pagelink,
#contents #main .date-area ul li a,
#contents #main .date-area ul li a.pagelink
/*#contents #main .inspection-area .entry-article .date-area ul li a,
#contents #main .inspection-area .entry-article .date-area ul li a.pagelink*/{
	padding-left: 0;
	background: none;
}

/*#contents #main .inspection-area .entry-article .date-area*/
#contents #main .date-area{
	margin-left: 30px;
	margin-bottom: 30px;
	border: #CCCCCC solid 1px;
	overflow: hidden;
	clear: both;	
	zoom: 1;
}

/*#contents #main .inspection-area .entry-article .date-area ul*/
#contents #main .date-area ul{
	float: left;
	clear: left;
	margin: 0;
	padding: 5px;
}

/*#contents #main .inspection-area .entry-article .date-area ul li*/
#contents #main .date-area ul li{
	float: left;
	display: inherit;
}

#contents #main .inspection-area .entry-article .date-area p{
	float: right;
	clear: right;
	margin: 0;
	padding: 5px;
}

#contents #main p.date{
	clear: both;
}

/* contents 8 */
#contents #main .faq-area{
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
}

#contents #main .faq-area h2{
	margin-bottom: 5px;
}

#contents #main .faq-area p.more{
	float: right;
	clear: right;
	margin-bottom: 25px;
}

#contents #main .faq-area h3{
	margin-bottom: 10px;
}

#contents #main .faq-area h3 a,
#contents #main .faq-area h3 a.pagelink{
	padding: 0;
	background: none;		
}

/* contents 9 */
#contents #main dl.report-link-list a,
#contents #main ul.report-category a{
	padding: 0;
	background: none;		
}

#contents #main dl.report-link-list{
	margin-left: 5px;
}

#contents #main dl.report-link-list a{
	color: #0186C7;
}

#contents #main dl.report-link-list dt{
	margin-bottom: 5px;
}

#contents #main dl.report-link-list dd{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: #CCC dotted 1px;
}

#contents #main ul.report-category{
	font-size: 95%;
	margin-left: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}

#contents #main ul.report-category li{
	float: left;
	display: inline;
	background: none;
	border: #CCC solid 1px;
	padding: 2px 5px;
	margin-right: 10px;
}

/* sns */

#content #main .sns{
	clear: both;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#content #main .sns div{
	float: left;
	padding-right: 5px;
}
#content #main .sns a{
	background: none;
	padding: 0;
}

/* sitemap */
#contents .sitemap #main a{
	padding: 0;
	background: none;	
}

#contents .sitemap #main h2{
	margin-bottom: 15px;
}

#contents .sitemap #main dl{
	margin-left: 30px;
	margin-bottom: 15px;
}

#contents .sitemap #main dl dt{
	padding-left: 15px;
	background-image: url(../img/list_icon1.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;	
}

#contents .sitemap #main dl dd{
	padding-left: 15px;
	margin-left: 30px;
	background-image: url(../img/list_icon2.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;		
}