@charset "utf-8";

body{
	font-size:62.5%;
	}

.container{
	margin:0 auto;
	width:950px;
	position:relative;
	color:#333;
	font-family:'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','HGMaruGothicMPRO','メイリオ',Meiryo,sans-serif;
	font-size:1.6em;
	line-height:1.65em;
	}

#header{
	height:58px;
	position:relative;
	z-index:50;
	}
	#header ul#menulist{
		height:36px;
		border-left:2px solid #f1b339;
		position:absolute;
		bottom:-2px;
		right:0;
		}
		#header ul#menulist li,
		#header ul#menulist li a{
			width:99px;
			height:36px;
			border-right:2px solid #f1b339;
			float:left;
			}
			#header ul#menulist li.current,
			#header ul#menulist li a:hover{
				background:url("../images/bg_menu_hov.gif") no-repeat bottom center;
				}
				#header ul#menulist li:hover .subMenuList{
					display:block;
					}
			#header ul#menulist li .subMenuList{
				display:none;
				}
				#header ul#menulist li .subMenuList li{
					height:18px;
					padding-top:6px;
					border:none;
					border-top:1px solid #f1b339;
					background:#fff;
					font-size:11px;
					line-height:15px;
					text-align:center;
					}
				#header ul#menulist li .subMenuList li:first-child{
					padding-top:8px;
					border:none;
					}
					#header ul#menulist li .subMenuList li a{
						height:auto;
						border:none;
						color:#666;
						background:#fff;
						text-decoration:none;
						}
						#header ul#menulist li .subMenuList li a:hover{
							color:#333;
							font-weight:bold;
							}
#breadcrumb{
	padding:10px 0 4px;
	background:#ede9de url("../images/bg_breadcrumb.gif") repeat-x top center;
	border-bottom:1px solid #f1b339;
	}
	#breadcrumb ul{
		height:1.5em;
		font-size:1.1em;
		line-height:1.5em;
		}
	#breadcrumb li{
		padding-right:2.7em;
		float:left;
		}
	#breadcrumb li.parent{
		background:url("../images/bg_breadcrumb_after.gif") no-repeat right center;
		}

#mainVisual{
	height:250px;
	border-bottom:2px solid #f1b339;
	background:url("../images/bg_mainvisual.gif") no-repeat top center;
	z-index:30;
	}
	#mainVisual ul{
		width:950px;
		height:250px;
		position:relative;
		overflow:hidden;
		}

#subHeader{
	height:77px;
	border-bottom:2px solid #f1b339;
	}
	#subHeader h2{
		background:url("../images/bg_subheader.gif") no-repeat top right;
		}

#content{
	padding-top:20px;
	background:#fff2cd url('../images/bg_content.gif') repeat top center;
	}
	#content h2.topSummary{
		padding-bottom:25px;
		text-align:center;
		}
	#content div.linkBtn{
		width:750px;
		margin:40px auto;
		}
		#content div.linkBtn .linkBtnLeft{
			width:445px;
			float:left;
			}
			#content div.linkBtn .linkBtnLeft li{
				height:150px;
				}
                
                
			#content div.linkBtn .linkBtnRight li{
				height:90px;
				}
			#content div.linkBtn .linkBtnLeft .approveBtn{
				width:390px;
				padding-left:20px;
				font-size:0.8em;
				line-height:1.5em;
				text-align:right;
				height:90px;
                margin-top:10px;
				}
				#content div.linkBtn .linkBtnLeft .approveBtn a{
					padding-left:5px;
					float:right;
					}
		#content div.linkBtn .linkBtnRight{
			width:305px;
			overflow:hidden;
			}
	#content div.updateInfo{
		width:750px;
		margin:40px auto;
		background:#f6f3e3;
		position:relative;
		clear:both;
		}
		#content div.updateInfo .updateInfoLeft{
			width:150px;
			height:140px;
			padding-top:110px;
			border-right:5px solid #bcb398;
			color:#666;
			font-size:1.25em;
			text-align:center;
			background:#f6f3e3 url('../images/bg_updateinfo_th.gif') repeat-y top left;
			float:left;
			}
		#content div.updateInfo .updateInfoRight{
			width:595px;
			height:250px;
			margin-left:155px;
			background:#f6f3e3 url('../images/bg_updateinfo_td.gif') repeat-y top right;
			}
			#content div.updateInfo .updateInfoRight .infoTable{
				width:580px;
				height:245px;
				overflow:auto;
				
				}
				#content div.updateInfo .updateInfoRight .infoTable td{
					padding:5px 0;
					
					}

				#content div.updateInfo .updateInfoRight .infoTable td.dateTxt{
					width:10em;
					padding-left:15px;
					font-size:0.75em;
					vertical-align:top;
					line-height:1.4em;
					
					}
				#content div.updateInfo .updateInfoRight .infoTable td.infoTxt{
					padding-right:15px;
					font-size:0.85em;
					line-height:1.25em;
					}
		#content div.updateInfo:before{
			content:"";
			display:block;
			width:100%;
			height:20px;
			background:transparent url("../images/bg_updateinfo_before.gif") no-repeat bottom center;
			position:absolute;
			top:-20px;
			left:0;
			}
		#content div.updateInfo:after{
			content:"";
			display:block;
			width:100%;
			height:18px;
			background:transparent url("../images/bg_updateinfo_after.gif") no-repeat top center;
			position:absolute;
			bottom:-18px;
			left:0;
			}
	#content .txtLink{
		padding:0.5em;
		padding-left:1.5em;
		background:transparent url("../images/bg_link.gif") no-repeat center left;
		}
		#content .txtLink:hover{
			background-image:url("../images/bg_link_hover.gif");
			}
	#content .backLink{
		width:13.5em;
		padding:1.5em 0;
		text-align:right;
		background:transparent url("../images/bg_backlink.gif") no-repeat center left;
		float:right;
		clear:both;
		}
		#content .backLink:hover{
			background-image:url("../images/bg_backlink_hover.gif");
			}
	#content div.propPhoto{
		width:150px;
		margin:0 0 30px 30px;
		float:right;
		font-size:0.8em;
		}
		#content div.propPhoto img{
			margin:5px;
			}
		#content div.propPhoto .propName{
			font-size:1.6em;
			}
	#content div.propTxt{
		padding-right:20px;
		}
		#content div.propTxt p{
			padding-bottom:1.2em;
			}
	#content dl.aboutSummary{
		margin-top:2em;
		padding:10px 30px 20px;
		border:2px solid #f1b339;
		background:#fff;
		font-size:1.1em;
		clear:both;
		}
		#content dl.aboutSummary dt{
			padding-top:10px;
			font-weight:bold;
			}
		#content dl.aboutSummary ol{
			padding-left:1.8em;
			}
		#content dl.aboutSummary li{
			list-style-type:decimal;
			}
	#content h3.seoTxt{
		padding-left:10px;
		border-left:8px solid #fd4a01;
		}
	#content div.article{
		padding-top:25px;
		clear:both;
		}
		#content div.article h3{
			width:910px;
			height:28px;
			margin-bottom:15px;
			padding-top:15px;
			padding-left:40px;
			font-weight:bold;
			line-height:1em;
			background:url("../images/bg_article_h3.gif") no-repeat bottom left;
			position:relative;
			clear:both;
			}
			#content div.article h3 span{
				width:11em;
				height:18px;
				padding-left:1.1em;
				padding-top:2px;
				border-left:3px solid #f7b539;
				font-size:0.65em;
				font-weight:normal;
				display:block;
				position:absolute;
				right:5px;
				top:14px;
				}
		#content div.article h4{
			margin-top:0.5em;
			margin-bottom:0.3em;
			padding:0.3em 0;
			border-bottom:1px solid #f1b339;
			font-weight:bold;
			background:#fff;
			}
			#content div.article h4 span.titleTxt{
				margin-left:0.5em;
				padding-left:0.5em;
				border-left:6px solid #fd4a01;
				color:#fd4a01;
				display:block;
				}
		#content div.article .colFull{
			padding-left:15px;
			width:905px;
			clear:both;
			}
			#content div.article .colFull:after{
				content:"";
				display:block;
				clear:both;
				}
				
		
				
		#content div.article .colHalf{
			padding-left:15px;
			width:445px;
			float:left;
			}
		#content div.article .colQuarter{
			padding-left:15px;
			width:215px;
			float:left;
			}
		#content div.article img{
			padding-left:15px;
			display:block;
			float:left;
			}
		#content div.article ul{
			padding-left:1.8em;
			}
		#content div.article li{
			list-style-type:disc;
			}
		#content div.article .listTxt{
			text-indent:-1em;
			}
			#content div.article .listTxt span{
				font-size:0.95em;
				line-height:1.4em;
				}
				
		#content div.article .listTxt_02{
				text-indent:-1em;
				margin-bottom:5px;
				width:770px;
				float:right;
			}
			#content div.article .listTxt_02 span{
				font-size:0.95em;
				line-height:1.4em;
				}
			
		#content div.article .approveBtn{
			width:470px;
			margin-left:190px;
			margin-top:30px;
			padding:21px;
			border:1px solid #fd4a01;
			background:#fff;
			}
			#content div.article .approveBtn a{
				float:right;
				}
			#content div.article .approveBtn img{
				padding-left:5px;
				}
	#content ul.cheerer{
		padding-left:19px;
		}
		#content ul.cheerer li{
			width:400px;
			height:21em;
			margin:20px 19px;
			padding-left:18px;
			background:#fff;
			border:1px solid #f1b339;
			float:left;
			}
			#content ul.cheerer img{
				margin:3.5em 16px 8em 0;
				float:left;
				}
			#content ul.cheerer p{
				padding-right:10px;
				}
				#content ul.cheerer p.name{
					margin-top:0.8em;
					font-weight:bold;
					}
					#content ul.cheerer p.name small{
						font-size:0.6em;
						font-weight:normal;
						}
				#content ul.cheerer p.prof{
					font-size:0.7em;
					line-height:1.2em;
					}
				#content ul.cheerer p.mess{
					margin-top:0.7em;
					font-size:0.8em;
					line-height:1.35em;
					}
	/*▼▼▼優良事例▼▼▼*/
	#content #finecaseBox ul#naviBtn li{
		float:left;
		margin-top:15px;
		width:234px;
		height:109px;
		}
	#content #finecaseBox ul#naviBtn li:hover{
		opacity:0.85;
		}
	#content #finecaseBox ul.caseList{
	padding-left:0
	}
	#content #finecaseBox ul.caseList li{
	float: left;
	list-style: none;
	position:relative;
	}
	#content #finecaseBox ul.caseList div span{
	position:absolute;
	}
	#content #finecaseBox ul.caseList a{
	width: 290px;
	height:270px;
	display:block;
	list-style: none;
	background-color: #FFF;
	background-image: url(../images/finecase_index_arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	margin:10px 0 15px 25px ;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	}
	#content #finecaseBox ul.caseList a:hover{
	opacity:0.85;
	}
	#content #finecaseBox ul.caseList h4{
	border:none;
	padding:0 10px;
	color:#fd4a01;
	margin:5px 0 0;
	font-size:0.95em;}
	#content #finecaseBox ul.caseList p{
	border:none;
	padding:0 10px;
	font-size:0.9em;
	line-height:1.4em;
	}
	#content #finecaseBox ul.caseList img{padding-left:0px;
	float:none;
	}
	
	#finecaseBox div.caseArticle{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #f1b339;
		margin: 0;
		padding: 20px;
		font-size:0.95em;
		clear:both;
		}
	#finecaseBox div.caseArticle h4{
		font-weight:bold; 
		margin-top:15px; 
		border-left:10px solid #FD4A01;
		padding-left:10px;
		}
	#finecaseBox div.caseArticle table{
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom:15px;
		width:100%
		}
	#finecaseBox div.caseArticle table th,
	#finecaseBox div.caseArticle table td{
		border: 1px solid #f1b339;
		padding: 10px;
		vertical-align: top;	}
	
	#finecaseBox div.caseArticle table th{
		font-weight:bold;
	background-color: #fff2cd;
	width:20%;
		}
		
	#finecaseBox div.caseArticle .reference_table{
		border-collapse: collapse;
		border-spacing: 0;
		margin-left:30px;
		width:60%;
	}
	#finecaseBox div.caseArticle .reference_table th,
	#finecaseBox div.caseArticle .reference_table td{
		border:none;
		padding:2px;
		}
	#finecaseBox div.caseArticle .reference_table .text_center{
		text-align:center;
		}
	#finecaseBox div.caseArticle .reference_table .text_small{
		font-size:0.8em;
		text-align:center;
	}
	
	#finecaseBox div.caseArticle dt{font-weight:bold; margin-left:30px; margin-top:10px;}
	#finecaseBox div.caseArticle p{padding-left:30px;}
	#finecaseBox div.caseArticle dd{margin-left:30px;}
	#finecaseBox div.caseArticle img{border:1px solid #666; text-align:center;}	
	#finecaseBox div.caseArticle .imgBox{text-align:center; margin-left:15px;}		
	#finecaseBox div.caseArticle .imgBox div{width:402px; float:left; font-size:14px; margin:15px;}
	#finecaseBox > ul.caseArticle p.headInd{text-indent:-1.2em;padding-left:1.2em;}
	#finecaseBox > ul.caseArticle p.headInd2{text-indent:-4em;padding-left:4em;}
	#finecaseBox div.caseArticle .headInd3{text-indent:1em;}
	#finecaseBox div.caseArticle .headInd4{text-indent:2em;}
	#finecaseBox div.caseArticle .headInd5{margin-left:1em;}
	#finecaseBox div.caseArticle .imgBox .text-left{text-align:left; margin-left:-30px;}
	#finecaseBox div.caseArticle .imgBox_right{float:right; margin-left:15px; font-size:0.8em; line-height:1.4em;}
	#finecaseBox div.caseArticle dl.oubo_list dt {
	float: left;
	width: 100px;
	margin-top:0;
	text-indent:1em;
	font-weight:normal;
}

	#finecaseBox div.caseArticle dl.oubo_list dd {
	width: 730px;
	float: lett;
	margin-left: 130px;

}
	
	
	
	/*▲▲▲優良事例▲▲▲*/

	#content div.linkYT{
		width:750px;
		margin:0 auto 40px;
		padding-top:10px;
		}
	#content #linkBnr{
		padding:25px;
		position:absolute;
		left:65px;
		bottom:-180px;
		}
		#content #linkBnr img{
			margin:0 10px;
			border:2px solid #fff;
			vertical-align:middle;
			}
			#content #linkBnr img:hover{
				border:2px solid #f1b339;
				}
	#content:after{
		content:"";
		display:block;
		width:100%;
		height:119px;
		padding-top:15px;
		background:transparent url("../images/content_after_image.gif") repeat-x bottom center;
		clear:both;
		}

#footer {
	background:#fff;
	}
	#footer .sitemap{
		padding:10px 0;
		width:160px;
		font-size:0.9em;
		float:left;
		}
		#footer .sitemap:first-child{
			margin-left:100px;
			}
		#footer .sitemap dt{
			color:#f7b539;
			font-weight:bold;
			}
		#footer .sitemap dd{
			font-size:0.85em;
			line-height:1.35em;
			text-indent:1em;
			}
	#footer p{
		padding:10px 0 5px;
		font-size:0.8em;
		clear:both;
		}
		#footer p.copyright{
			position:absolute;
			bottom:0;
			right:0;
			}
#modal{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	}
	#modal .modalContainer{
		width:750px;
		height:500px;
		color:#333;
		font-family:'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','HGMaruGothicMPRO','メイリオ',Meiryo,sans-serif;
		font-size:1.6em;
		line-height:1.45em;
		background:#fff;
		z-index:100;
		position:fixed;
		}
		#modal .modalContainer a.closeModal{
			position:absolute;
			top:5px;
			right:5px;
			}
		#modal .modalContainer .approve{
			margin:20px;
			padding:30px 40px 8px;
			height:420px;
			border:1px solid #fd4a01;
			background:transparent url("../images/bg_modal.gif") no-repeat bottom right;
			}
			#modal .modalContainer .approve p{
				padding-top:1.2em;
				}
			#modal .modalContainer .approve li{
				text-align:center;
				padding:10px 3px;
				float:left;
				}
	#modal .overlay{
		width:100%;
		height:100%;
		background:#000;
		z-index:90;
		-ms-filter:"alpha(opacity=50)";
		-moz-opacity:0.5;
		opacity:0.5;
		position:fixed;
		}

/* clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */	

.cleare {
     clear: both;
}	

/* margin padding */
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}

.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}

.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}

.pt0 {padding-top:0 !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}

.pr0 {padding-right:0 !important}
.pr5 {padding-right:5px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr30 {padding-right:30px !important}

.pb0 {padding-bottom:0 !important}
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb15 {padding-bottom:15px !important}
.pb20 {padding-bottom:20px !important}
.pb25 {padding-bottom:25px !important}
.pb30 {padding-bottom:30px !important}

.pl0 {padding-left:0 !important}
.pl5 {padding-left:5px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}

/*---------------
model.html
----------------*/
.tablestyle{
    background:#fff;
    margin:30px auto;
    }
.tablestyle th{
    font-weight:bold;
    text-align:center;
    }
    
.itemMunicipality{
    width:4rem;
    text-align:center;
    }
    
.tablestyle th{
    background:#FCE0B9;
}
.tablestyle th,
.tablestyle td{
    border-collapse:collapse;
    border:1px solid #EB7E12;
    padding:10px;
    vertical-align:top;
    }
.itemDetail{
    width:60%;
    }
.itemStatus{
    width:3rem;
    text-align:center;
    }
.underline{
    border-bottom:1px solid #333;
    }