@charset "UTF-8";
/* AssetNowVersion: ST1.7.0 Last Up Date: 2008-7-25 DesignVersion: 1.6 */

html {
	color: #333;
}
a,
a:link,
a:hover,
a:visited {
	color: #004C8C;
	text-decoration: underline;
}
img, a img {
	vertical-align: bottom;
}
.contentToolBar img,
.contentToolBar a img, 
.contentToolBar input,
.contentToolBar select {
	vertical-align: top;
}

/* clearfix
**********************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* Left Menu
**********************************/


/* Right Menu
**********************************/
#Right .RightSponsor {
	/* width: 150px; */
	margin: 0 auto 10px;
	color: #666;
	font-size: 80%;
	text-align: center;
}
#Right .RightSponsor .kome {
	padding: 5px 0;
}
#Right .facebook {
	margin-bottom: 20px;
}
#Right .qr_txt {
	margin: 10px 10px 5px 10px;
	font-size: 80%;
}

/* Footer Area
**********************************/



/*--------------------------
Header Navigation
--------------------------*/
#HeaderArea {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#HeaderArea_inner {
	position: absolute;
	top: 31px;
	width: 960px;
}
#EasyWebBrowsing {
	position: absolute;
	top: 0;
	right: 0;
}
#lang {
	position: absolute;
	top: 31px;
	right: 164px;
	}
	#lang ul {list-style: none;}
		#lang ul li {float: left;margin-left: 1px;}
#lang .title {
	position: absolute;
	top: 30px;
	right: 235px;
	width: 100px;
	}
#GoogleSearchForm {
	position: absolute;
	top: 58px;
	right: 164px;
	}

/*--------------------------
Google Custom Search
--------------------------*/
#HeaderArea .GoogleSearchForm {
	}
	.GoogleSearchForm p {
		font-size: 80%;
		margin: 0;
		padding: 0;
		padding-bottom: 5px;
	}
	#HeaderArea #___gcse_0 {
		float: right;
		width: 240px;
		margin: 0;
		padding: 0;
	}
	.gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
		border-radius: 0 !important;
		border: 1px solid #C5C5C5 !important;
	}
	.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	    height: 13px;
	    margin: 0 !important;
	    min-width: 13px;
	    padding: 6px 12px !important;
	    width: 13px;
	}
	input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
		border: 1px solid #C5C5C5 !important;
		border-radius: 0 !important;
		}
#HeaderArea .GoogleSearchForm input.gsc-search-button,
#HeaderArea .GoogleSearchForm input.gsc-search-button:hover,
#HeaderArea .GoogleSearchForm input.gsc-search-button:focus {
	background: #244D74;
	border: 1px solid #06345D;
}

#MainAreaGSF {
	width: 468px;
	padding: 10px 15px;
	background: #fcfcfc url(images/MainAreaGSF_bg.png) repeat-x bottom;
	border: 1px solid #eee;
	margin-bottom: 20px;
}
#MainAreaGSF p {
	margin: 0 0 5px 0;
	font-size: 80%;
}
#MainAreaGSF .GoogleSearchForm {
	margin: 0;
	padding: 0;
}
#MainAreaGSF .GoogleSearchForm p {
}
#MainAreaGSF #___gcse_0 {
	width: 100%;
	margin: 0;
}


#___gcse_0 .gsc-control-cse {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
}
#___gcse_0 .gsc-search-box {
	margin: 0;
}
#___gcse_0 .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding: 0;
}
#___gcse_0 .gsib_a {
	margin: 0;
	padding: 3px 4px;
}
#___gcse_0 .gsib_a #gsc-i-id1 {
	font-size: 14px;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	border-radius: 5px 0 0 5px / 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px / 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px / 5px 0 0 5px;
}
.GoogleSearchForm .gsc-search-button-v2 {
	margin: 0 0 0 -1px;
	background: #244D74;
	border: 1px solid #06345D;
	border-radius: 0 5px 5px 0 / 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0 / 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0 / 0 5px 5px 0;
}
.GoogleSearchForm input.gsc-search-button,
.GoogleSearchForm input.gsc-search-button:hover,
.GoogleSearchForm input.gsc-search-button:focus {
	background: #244D74;
	border: 1px solid #06345D;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 0;
}


/*--------------------------
Design Contents
--------------------------*/
.Content {
	width: 198px;
	margin-bottom: 20px;
	border: #1AA1E6 1px solid;
	border-radius: 3px;
}
.Content.qr {
	border: #ccc 1px solid;
	padding-bottom: 10px;
	text-align: center;
}
.Content h2 {
	margin: 0;
	padding: 0;
	height: 31px;
	background: url(../../designs/default/images/ContentTitle.png) repeat-x left top;
	border: none;
	color: #144786;
	font-size: 110%;
	font-weight: bold;
	line-height: 33px;
	text-align: center;
}
.Content h2 p {	
	padding-left: 30px;
	text-align: left;
}
.Content h2 p.c01 {	
	background: url(../../designs/default/images/ContentIcon01.png) no-repeat 2px 2px;
}
.Content h2 p.c02 {	
	background: url(../../designs/default/images/ContentIcon02.png) no-repeat 2px 2px;
}
.Content h2 p.c03 {	
	background: url(../../designs/default/images/ContentIcon03.png) no-repeat 2px 2px;
}
.Content h2 p.c04 {	
	background: url(../../designs/default/images/ContentIcon04.png) no-repeat 2px 2px;
}
.Content h2 p.c05 {	
	background: url(../../designs/default/images/ContentIcon05.png) no-repeat 2px 2px;
}

.Content li {
	padding: 7px 10px 7px 35px;
	background: url(../../designs/default/images/ContentArrow.gif) no-repeat 15px 10px;
	line-height: 1.5em;
	list-style: none;
	border-bottom: 1px solid #1AA1E6;
}
.Content li.no {border-bottom: none;}
.Content li a {text-decoration: none;}
.Map {
	margin-bottom: 10px;
	text-align: center;
}
.Subject {
	margin-bottom: 5px;
	text-align: center;
}


/*ライフイベント*/
#LifeEvent {
	width: 480px;
	background: #EFF9FD;
	border-radius: 3px;
	padding: 10px 6px 6px 10px;
	margin: 20px 0;
	position: relative;
	overflow: hidden;
}
#LifeEvent h2 {
	position: absolute;
	top: 10px;
	left: 12px;
	color: #144786;
	font-size: 110%;
	line-height: 1.6;
}
#LifeEvent li {
	float: left;
	margin: 0 4px 4px 0;
	list-style: none;
}
#LifeEvent .li_first {
	margin-left: 119px;
}


/*タブ切り替え*/
.contentBody div.TabDesign,
div.designContents div.TabDesign,
div.TabDesign {
	width: 500px;
	background: url(../../designs/default/images/TabBtn_bg.png) repeat-y left top;
	margin-bottom: 20px;
}
.contentBody .TabDesign div#tabArea,
div.designContents .TabDesign div#tabArea,
div.printContentBody .TabDesign div#tabArea{
	display: block;
	width: 498px;
	margin:0;
}
.contentBody #ui-tab-b,
div.designContents #ui-tab-b,
#ui-tab-b {
}
#content_1,
#content_2,
#content_3 {
	background: url(../../designs/default/images/TabBtn_bg.png) repeat-y left top;
	padding: 10px;
	position:relative;
	overflow: hidden;
}
.tab1 {
	background: url(../../designs/default/images/TabBtn1.png) no-repeat 0 0;
}
.tab2 {
	background: url(../../designs/default/images/TabBtn2.png) no-repeat 0 0;
}
.tab3 {
	background: url(../../designs/default/images/TabBtn3.png) no-repeat 0 0;
}
#ui-tab-b #contentArea {
	position:relative;
	padding:46px 0 0 0;
}
	#ui-tab-b #contentArea p {
		height: 32px;
		width: 165px;
		margin: 0 1px 0 0;
		padding: 0;
		list-style: none;
		text-align: center;
		line-height: 32px;
		/* text-indent: -9999px; */
		cursor: pointer;
	}
	#ui-tab-b #contentArea p.selected {
                color: #fff;
		cursor: default;
	}
	#ui-tab-b #contentArea a {
		text-decoration: none;
	}
	#ui-tab-b #contentArea  h4 a {
		text-decoration: underline;
	}
	#ui-tab-b #contentArea p.selected a {
		color: #fff;
	}
		#ui-tab-b #contentArea p#btn_1 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
		}
		#ui-tab-b #contentArea p#btn_2 {
			position: absolute;
			top: 0;
			left: 166px;
			z-index: 100;
		}
		#ui-tab-b #contentArea p#btn_3 {
			position: absolute;
			top: 0;
			left: 332px;
			z-index: 100;
		}
.tab_content_wrap {
}

.RssBtn {
	position:absolute;
	bottom: 10px;
	right: 10px;
}

.RssBtn a {
	display: block;
	height: 22px;
	width: 52px;
	background: url(../../designs/default/images/rss.png) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}


/*総合サービス案内*/
.GeneralInfo {
	width: 500px;
	margin-bottom: 20px;
}
.GeneralInfo h2 {
	margin: 0;
	padding: 0;
	background: #144786;
	padding: 0 15px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	line-height: 30px;
}
.GeneralInfo .column div {
	float: left;
	width: 240px;
	margin: 0 20px 20px 0;
}
.GeneralInfo .column div.no {
	margin-right: 0;
}
.GeneralInfo .column h3 {
	background: none;
	margin: 0;
	padding: 0 0 3px 0;
	border: none;
	border-bottom: 2px solid #144786;
	color: #144786;
	font-size: 110%;
	font-weight: normal;
}
.GeneralInfo .column ul {
	margin: 0 0 5px 0;
	padding: 10px 5px;
	background: #EFF9FD;
	font-size: 80%;
	overflow: hidden;
}
.GeneralInfo .column li {
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 5px 10px;
	background: url(../../designs/default/images/GeneralInfo_bar.gif) no-repeat left center;
	line-height: 1.5em;
	list-style: none;
	white-space: nowrap;
}

.GeneralInfo .column p {
	margin: 5px 0;
	padding: 0 2px 0 12px;
	background: url(../../designs/default/images/GeneralInfoArrow_p.gif) no-repeat 5px 3px;
	font-size: 80%;
}


/*人気のあるページ*/
#PopularContents {
	width: 500px;
	margin-bottom: 20px;
}
#PopularContents h2 {
	margin: 0;
	padding: 0;
	height: 33px;
	margin-bottom: 7px;
	padding: 10px 0 0 40px;
	background: url(../../designs/default/images/PopularContentsTitle.png) no-repeat left top;
	font-size: 120%;
	font-weight: normal;
}
#PopularContents p {
	padding-left: 20px;
}
#PopularContents li {
	padding: 3px 10px 3px 30px;
	background: url(../../designs/default/images/PopularContentsArrow.gif) no-repeat 17px 10px;
	line-height: 1.5em;
	list-style: none;
}



/*バナー*/
.BannerBox {
	width: 200px;
	margin-bottom: 20px;
	padding: 0;
}
.Banner li {
	margin-bottom: 10px;
	line-height: 1.5em;
	list-style: none;
}


/*緊急情報*/
.Attention,
.Safe {
	width: 200px;
	margin-bottom: 5px;
	background: url(../../designs/default/images/Attention_bg.png) repeat;
	overflow: hidden;
}
.side_inner {
	min-height: 60px;
	background: #fff;
	border-radius: 3px;
	padding: 10px;
	margin: 0 5px 5px;
	overflow: hidden;
	}
.Attention h2,
.Safe h2 {
	margin: 0;
	padding: 0;
	height: 34px;
	background: url(../../designs/default/images/AttentionTitle.png) no-repeat left top;
	border: 0;
	text-indent: -9999px;
}

/*安心・安全情報*/
.Safe {
	background: url(../../designs/default/images/Safe_bg.png) repeat;
	margin-bottom: 15px;
}
.Safe h2 {
	background: url(../../designs/default/images/SafeTitle.png) no-repeat left top;
}
.Safe ul {
	list-style-type: none;
	}
.Safe ul li {
	background: url(../../designs/default/images/Safe_arrow.gif) no-repeat left center;
	padding-left: 18px;
	line-height: 1.4;
	}
.Safe ul li a {
	color: #333;
	text-decoration: none;
	}

/*広告*/
#ad {
	width: 958px;
	margin: 0 auto 40px;
	position: relative;
	overflow: hidden;
}
#ad .kome {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #144786;
	font-size: 80%;
}
ul.Sponsor {
	width: 835px;
	padding: 20px 0 15px;
	margin: 0 auto;
	overflow: hidden;
}
ul.Sponsor li {
	float: left;
	width: 152px;
	height: 52px;
	padding: 0;
	margin: 0 15px 20px 0;
	background: none;
	border: none;
	list-style: none;
}



/*緊急情報発信枠*/
.Emergency {
	margin: 0;
	padding: 0;
	width: 491px;
	margin-bottom: 20px;
	padding: 1px;
	border: 3px solid #A00101;
}
.Emergency h2 {
	margin: 0;
	padding: 0;
	height: 32px;
	margin: 0;
	padding: 10px 0 0 45px;
	background: #fff url(../../designs/default/images/EmergencyTitle.png) no-repeat top left;
	color: #A40000;
	font-size: 120%;
	font-weight: normal;
}
.Emergency .inner {
	padding: 0 5px;
	background: #fff;
}
.Emergency .inner p {
	margin: 5px 0;
	line-height: 1.5em;
}

/* 住みよさ・魅力　キービジュアル*/
#Charm {
	width: 730px;
	height: 150px;
	margin-bottom: 10px;
}
#PhotoLink {
	margin-bottom: 20px;
}
#PhotoLink ul {
	margin: 0;
	padding: 0;
}
#PhotoLink li {
	float: left;
	margin: 0 0 0 11px;
	padding: 0;
	list-style: none;
}
#PhotoLink .li_first {
	margin: 0;
}
#PhotoLink li a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}