@charset "utf-8";

.wrapper {
	margin: 0px auto;
	max-width: 960px;
	width: auto;
}

/* トップ お知らせ欄
============================== */
#d-info {
	clear: both;
	text-align:center;		
}
#d-info .d-infoarea {
    max-width: 650px;
	width:auto;
	margin: 0px auto;
}
#d-info .d-infoarea .d-info-ttl {
	padding: 8px 10px;
	color:#FFFFFF;
	text-align:center;
	background-color:#B43A31; 
}
#d-info .d-infoarea .d-info-ttl h2 {
	margin:0px;	
	padding:0px;
}
#d-info .d-infoarea .d-info-cnt {
	padding: 15px 10px;
	text-align:center;
	font-size:100% !important;
	border:#B43A31 3px solid;
}
#d-info .d-infoarea .d-info-cnt p {
	margin: 0px 0px 0.5em;
}

/* トップ  断水・濁水ナビ
============================== */
#d-navi {
	height: auto;
	margin: auto;
	padding:30px 0px;	
	text-align: center;
    background-color:#E1ECFF;
	position: relative;
}
.d-naviarea{
    margin: auto;
    position: relative;	
}
.d-naviarea ul {
	height: auto;
	margin:auto ;
	list-style: none;
	text-align:center;
}
.d-naviarea ul li {
	width: auto;
	display:inline-block; 
	margin-left:1%;
}
.d-naviarea ul li img {
	width:220px;
	height:auto;
	padding:10px;
	vertical-align:top;
	display:block;
}

/*お問い合わせ先
============================== */
#d-contact {
	clear: both;
	text-align:center;
	border-top:#3471B4 solid 1px;
}
#d-contact.no_boder {
	border-top: none;
}
#d-contact .d-contactarea {
	width: auto;
	padding:20px 10px  10px  10px;
}
#d-contact .d-contactarea img {
	max-width:469px;
	width:100%;
	height:auto;
}

/*ページタイトル
============================== */
#d-pagetitle {
	height: auto;
	margin: auto;
	position: relative;
}
#d-pagetitle h1 {
	font-size:160%;
	padding:20px 0px;		
}
#d-pagetitle.kinkyu  {
	background-color:#F8E6E4;	
}
#d-pagetitle.kinkyu h1  {
	padding-left:60px;
	background:url(../images/icon_h1_kinkyu.png)	 no-repeat left center;
}

#d-pagetitle.keikaku {
    background-color:#E1ECFF;
}
#d-pagetitle.keikaku h1  {
	padding-left:45px;
	background:url(../images/icon_h1_keikaku.png)	 no-repeat left center;
}

#d-pagetitle.kyusui  {
	background-color:#CFE8EF;	
}
#d-pagetitle.kyusui h1  {
	padding-left:45px;
	background:url(../images/icon_h1_kyusi.png)	 no-repeat left center;
}

/* ==================================================
clearfix
================================================== */
/* for modern browser */
#d-navi:after,
#d-navi ul:after,
#d-contact:after,
#d-pagetitle:after,
.clearfix:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #d-navi,
*:first-child+html #d-navi ul,
*:first-child+html #d-contact,
*:first-child+html #d-pagetitle,
*:first-child+html .clearfix {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #d-navi,
* html #d-navi ul,
* html #d-contact,
* html #d-pagetitle,
* html .clearfix {
	display:inline-block; /* 変更しない */
}


/* ==================================================
selector
================================================== */
#tmp_contents {
	min-height:200px;
}
#tmp_contents h2 {
	margin:1.5em 0 0.8em; /* 変更しない */
	padding:12px 10px 10px 10px;
	font-size:130%; /* 変更しない */
	color:#ffffff;
	clear:both; /* 変更しない */
}
#tmp_contents.keikaku_cnt h2 {background-color:#0067B6;}
#tmp_contents.kinkyu_cnt h2 {background-color:#B43A31;}
#tmp_contents.kyusui_cnt h2 {background-color:#1E7472;}

#tmp_contents h3 {
	margin:1.5em 0 0.8em; /* 変更しない */
	padding:0px 10px 1px 10px;
	font-size:130%;
	color:#0C5CA4;
	clear:both; /* 変更しない */
	border-bottom:#94B8DA 4px solid;
}
#tmp_contents h4 {
	margin:1.5em 0 0.8em; /* 変更しない */
	padding:5px 0 0 10px;
	font-size:110%; /* 変更しない */
	color:#0C5CA4;
	border-left:#94B8DA 5px solid;
	clear:both; /* 変更しない */
}
#tmp_contents h5 {
	margin:1.5em 0 0.8em; /* 変更しない */
	font-size:110%; /* 変更しない */
	clear:both; /* 変更しない */
	color:#0C5CA4;
	background-color:transparent;
	padding: 5px 5px 5px 10px;
}
#tmp_contents h6 {
	margin:1.5em 0 0.8em; /* 変更しない */
	font-size:110%; /* 変更しない */
	clear:both; /* 変更しない */
	color:#000000;
}

#tmp_contents p {
	margin:0 0 0.8em 0; /* 変更しない */
}
#tmp_contents ul {
	margin:0 0 1em 3.2em; /* 変更しない */
	list-style-image:url(../images/list_icon.png); /* 変更しない */
}
#tmp_contents ol {
	margin:0 0 1em 3.2em; /* 変更しない */
	list-style-image:none; /* 変更しない */
}
#tmp_contents ul li,
#tmp_contents ol li {
	margin:0 0 0.5em; /* 変更しない */
	line-height: 160%;
}
#tmp_contents ul ul,
#tmp_contents ul ol,
#tmp_contents ol ul,
#tmp_contents ol ol {
	margin:0.3em 0 0 1.5em; /* 変更しない */
}
#tmp_contents hr {
	height:1px; /* 変更しない */
	color:#CCCCCC; /* 変更しない */
	background-color:#CCCCCC; /* 変更しない */
	border:none; /* 変更しない */
	clear:both; /* 変更しない */
}
#tmp_contents table {
	margin:0 0 0.8em; /* 変更しない */
	color:inherit;
	background-color:#FFFFFF;
	border-collapse:collapse; /* 変更しない */
	border-spacing:0; /* 変更しない */
	border:1px solid #9DAAB7;
}
#tmp_contents table th {
	padding:5px 8px;
	color:#0C5CA4;
	background-color:#EEF2F7;
	border:1px solid #9DAAB7;
}
#tmp_contents table td {
	padding:5px 8px;
	border:1px solid #9DAAB7;
}
#tmp_contents table caption {
	padding:0 0 0.5em; /* 変更しない */
	font-weight:bold; /* 変更しない */
	text-align:left; /* 変更しない */
}
#tmp_contents table p {
	margin:0; /* 変更しない */
}
#tmp_contents table.col2 p,
#tmp_contents table.col3 p,
#tmp_contents table.layouttable p,
#tmp_contents table.img_cap p {
	margin:0 0 0.8em; /* selector pと同じ値を設定 */
}
#tmp_contents table ul,
#tmp_contents table ol {
	margin:0.2em 0 0 24px; /* 変更しない */
}
#tmp_contents table.col2 ul,
#tmp_contents table.col2 ol,
#tmp_contents table.col3 ul,
#tmp_contents table.col3 ol,
#tmp_contents table.layouttable ul,
#tmp_contents table.layouttable ol {
	margin:0 0 1em 3.2em; /* selector ul,selector olと同じ値を設定 */
}
#tmp_contents table ul ul,
#tmp_contents table ul ol,
#tmp_contents table ol ul,
#tmp_contents table ol ol {
	margin:0.3em 0 0 24px; /* 変更しない */
}
#tmp_contents table.col2 ul ul,
#tmp_contents table.col2 ul ol,
#tmp_contents table.col2 ol ul,
#tmp_contents table.col2 ol ol,
#tmp_contents table.col3 ul ul,
#tmp_contents table.col3 ul ol,
#tmp_contents table.col3 ol ul,
#tmp_contents table.col3 ol ol,
#tmp_contents table.layouttable ul ul,
#tmp_contents table.layouttable ul ol,
#tmp_contents table.layouttable ol ul,
#tmp_contents table.layouttable ol ol {
	margin:0.3em 0 0 1.5em; /* selector ul ul,ul ol,ol ul,ol olと同じ値を設定 */
}


/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents div.outline:after,
#tmp_contents div.box_info_cnt:after,
#tmp_contents div.box_link_cnt:after,
#tmp_contents div.box_faq_cnt:after,
#tmp_contents div.box_menu_cnt:after,
#tmp_contents .wrap_photo_box_txt:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #tmp_contents div.outline,
*:first-child+html #tmp_contents div.box_info_cnt,
*:first-child+html #tmp_contents div.box_link_cnt,
*:first-child+html #tmp_contents div.box_faq_cnt,
*:first-child+html #tmp_contents div.box_menu_cnt,
*:first-child+html #tmp_contents .wrap_photo_box_txt {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_contents div.outline,
* html #tmp_contents div.box_info_cnt,
* html #tmp_contents div.box_link_cnt,
* html #tmp_contents div.box_faq_cnt,
* html #tmp_contents div.box_menu_cnt,
* html #tmp_contents .wrap_photo_box_txt {
	display:inline-block; /* 変更しない */
}



/* ======================================================================================================================================================
★スマホ用
====================================================================================================================================================== */
@media screen and (max-width:960px) {
	.wrapper {
	margin: 0px 10px;
	width: auto;
}
}

@media screen and (max-width:768px) {
	/*お問い合わせ先
============================== */
#d-contact .d-contactarea {
	padding:20px 10px 30px 10px;
}
}

@media screen and (max-width:698px) {}

/* ==================================================
print
================================================== */
@media print {
#tmp_wrap_full {
	color:inherit;
	background-color:#FFFFFF !important;
}
/* for IE6.0 */
* html #tmp_wrapper,
* html #tmp_wrapper2,
#tmp_wrap_topics,
.lnavi_top_ttl,
.lnavi_top_cnt,
#tmp_main_news_ttl,
#tmp_main_news_cnt,
#tmp_main_koushin,
#tmp_main_toshokan,
#tmp_main_event {
	display:inline-block;
}
* html #tmp_event_cal {
	padding-right:7px !important;
}
* html #tmp_wrapper2 {
	padding-bottom:20px !important;
}
/* for Firefox */
#tmp_main:after,
#tmp_wrap_lm:after {
	content:"."; /* 変更しない */
	height:1px; /* 変更しない */
}
}

/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper3,
#tmp_footer,
#tmp_copyright {
	width:100% !important;
}
#tmp_header {
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-bottom:1px solid #000000 !important;
	min-height:0!important;
}
* html #tmp_header {
	height:1%;
}
#tmp_wrap_footer {
	margin-top:10px !important;
	padding-top:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
#tmp_means,
#tmp_gnavi,
.wrap_col_lft_navi,
.wrap_col_rgt_navi,
.pnavi,
#tmp_twitter,
#tmp_facebook,
#tmp_mixi,
#tmp_gooble_plus,
#tmp_hatena,
#tmp_fnavi,
#tmp_fnavi2,
#tmp_fnavi3,
.plugin,
#tmp_inquiry_cnt .inquiry_btn {
	display:none !important;
}
.wrap_col_nm,
.column_full .wrap_col_main,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none !important;
}
body,
#tmp_wrapper2,
#tmp_pankuzu,
#tmp_wrap_main,

.wrap_col_main {
	background:none !important;
}
#tmp_footer_inq {
	background:none !important;
	border:none !important;
}
#tmp_wrap_copyright {
	color:#000000 !important;
	background:none !important;
}
.wrap_col_nm,
.wrap_col_nm2,
.col_main {
	margin:0 !important;
	padding:0 !important;
}
#tmp_wrap_main {
	padding:0 10px !important;
}
#tmp_contents .box_gmap {
	page-break-before:always;
}
/* for IE7.0 */
*:first-child+html h1,
*:first-child+html h2,
*:first-child+html h3,
*:first-child+html h4,
*:first-child+html h5,
*:first-child+html h6 {
	min-height:1%;
}
/* for IE6.0 */
* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html h6,
* html #tmp_contents div.outline,
* html #tmp_contents .box_info,
* html #tmp_contents .box_info_ttl,
* html #tmp_contents .box_info_ttl p,
* html #tmp_contents .box_link,
* html #tmp_contents .box_link_ttl,
* html #tmp_contents .box_link_ttl p,
* html #tmp_contents .box_info_ttl,
* html #tmp_contents .box_info_ttl p,
* html #tmp_contents .box_faq,
* html #tmp_contents .box_faq_ttl,
* html #tmp_contents .box_faq_ttl p,
* html #tmp_contents .box_info_ttl,
* html #tmp_contents .box_info_ttl p,
* html #tmp_contents .box_menu,
* html #tmp_contents .box_menu_ttl,
* html #tmp_contents .box_menu_ttl p,
* html #tmp_contents #tmp_inquiry_ttl,
* html #tmp_contents #tmp_inquiry_ttl p {
	display:inline-block;
}
/* for Firefox */
#tmp_main:after,
#tmp_wrap_lm:after {
	content:"."; /* 変更しない */
	height:1px; /* 変更しない */
}
}