@charset "utf-8";
/*------------------------------------------------------------------------------
[1] トップページレイアウト
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] トップページレイアウト
*******************************************************************************/
#wrap{
	background:#FFFFFF repeat-x 0px 0px;
	text-align:left;
}
#toppagebody{
	margin:0px auto 0px auto;
	width:950px;
	clear:both;
}
/*==============================================================================
		配置
==============================================================================*/
#leftbox{
	width:704px;
	float:left;
}
#rightbox{
	width:220px;
	float:right;
}
/*------------------------------------------------------------------------------
		#leftbox
------------------------------------------------------------------------------*/
#toplnavi{
	width:190px;
	float:left;
}
#topcontent{
	width:490px;
	float:right;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
		ページ
==============================================================================*/
/*------------------------------------------------------------------------------
		緊急情報（システム連携：重要なお知らせ）
------------------------------------------------------------------------------*/
.kinkyuinfo{
	margin-bottom:20px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	border:3px solid #C00000;
	line-height:1.5;
}
.kinkyuinfo h2{
	margin-bottom:10px;
	padding:5px 5px 5px 15px;
	color:#FFF;
	font-size:120%;
	background:#C00000;
}
.kinkyuinfo p{
	padding:0px 10px 10px 15px;
}
.kinkyuinfo ul{
	padding:0px 10px 5px 15px;
	list-style-type:none;
}
.kinkyuinfo ul li{
	margin-right:20px;
	padding:0px 0px 8px 15px;
	background:url(images/top/mark_kinkyu.gif) no-repeat 0px 5px;
	display:inline;
}
/*------------------------------------------------------------------------------
		緊急情報（リスト配下自動／手動／緊急Twitter）
------------------------------------------------------------------------------*/
.kinkyu,
.important{
	margin-bottom:20px;
	border:3px solid #C00000;
	line-height:1.5;
	zoom:1;
}
.kinkyu h2,
.important h2{
	margin-bottom:10px;
	padding:5px 5px 5px 15px;
	font-size:120%;
	color:#FFF;
	background:#C00000;
	line-height:1.5;
}
/*緊急情報なし*/
.kinkyutext p{
	margin-bottom:5px;
}
.kinkyu p{
	margin-bottom:5px;
	padding:5px 10px 5px 15px;
}
.important p{
	padding:8px 10px 15px 15px;
}
.kinkyu ul{
	margin:5px 10px 5px 35px;
	clear:both;
}
.kinkyu ul.objectlink{
	margin:5px 10px 5px 15px;
}
.kinkyu ol{
	margin:0px 15px 10px 36px;
	clear:both;
}
.kinkyu ul li,
.kinkyu ol li{
	padding:0px 0px 8px 0px;
}
.kinkyu ul.objectlink li{
	padding:0px 0px 8px 17px;
	position:relative;
	list-style-type:none;
}
.kinkyu ul.objectlink li::before{
	content:"";
	position:absolute;
	left:1px;
	top:5px;
	border-right:5px solid transparent;
	border-bottom:8px solid #C00000;
	border-left:5px solid transparent; 
}
/* 黄 */
.kinkyu.kcolor2,
.important.kcolor2{
	border-color:#eac74b;
}
.kinkyu.kcolor2 h2,
.important.kcolor2 h2{
	color:#333;
	background:#eac74b;
}
.kinkyu.kcolor2 ul li::before{
	border-bottom-color:#eac74b;
}
/* 緑 */
.kinkyu.kcolor3,
.important.kcolor3{
	border-color:#008655;
}
.kinkyu.kcolor3 h2,
.important.kcolor3 h2{
	background:#008655;
}
.kinkyu.kcolor3 ul li::before{
	border-bottom-color:#008655;
}
/*		CKエディタ入力
------------------------------------------------------------------------------*/
.kinkyu h3{
	margin:0px 5px 10px 5px;
	padding:8px 5px 5px 10px;
	font-size:110%;
	line-height:1.4;
	background:#efefef;
	border-bottom:1px solid #c9c9c9;
}
.kinkyu h4{
	margin:0px 5px 10px 15px;
	padding:4px 5px 4px 8px;
	font-size:105%;
	line-height:1.4;
	border-left:4px solid #c9c9c9;
}
.kinkyu h5,
.kinkyu h6{
	margin:0px 5px 8px 15px;
	font-size:105%;
}
/* テーブル */
.kinkyu table{
	margin:10px 10px 20px 15px;
	padding:0px;
	max-width:95%;
	clear:both;
	border-collapse:collapse;
	border:1px solid #CCC;
	empty-cells:show;
}
.kinkyu th,.kinkyu td{
	padding:3px 6px 3px 6px;
	font-size:95%;
	border:1px solid #CCC;
	text-align:left;
	vertical-align:top;
}
.kinkyu th{
	background:#EEE;
}
.kinkyu table caption{
	padding:0px 0px 3px 3px;
	text-align:left;
	font-weight:bold;
}
.kinkyu table td.verticaltop,.kinkyu table th.verticaltop{
	vertical-align:top;
}
.kinkyu table td.verticalmiddle,.kinkyu table th.verticalmiddle{
	vertical-align:middle;
}
.kinkyu table td.verticalbottom,.kinkyu table th.verticalbottom{
	vertical-align:bottom;
}
.kinkyu table td.verticalbaseline,.kinkyu table th.verticalbaseline{
	vertical-align:baseline;
}
.kinkyu table td.cell,.kinkyu table th.cell{
	white-space:nowrap;
}
.kinkyu table td.cellleft,.kinkyu table th.cellleftt{
	text-align:left;
	white-space:nowrap;
}
.kinkyu table td.cellright,.kinkyu table th.cellright{
	text-align:right;
	white-space:nowrap;
}
.kinkyu table td.cellcenter,.kinkyu table th.cellcenter{
	text-align:center;
	white-space:nowrap;
}
.kinkyu p table{
	margin-left:0px;
}
.kinkyu td p,.kinkyu th p{
	margin:0px;
	padding:0px;
}
.kinkyu table ul{
	margin:0px 15px 0px 20px;
}
.kinkyu table ol{
	margin:0px 15px 0px 25px;
}
.kinkyu table ul li,.kinkyu table ol li{
	margin-bottom:0px;
}
/*==============================================================================
		スクロールメニュー
==============================================================================*/
#mainimage{
	width:100%;
	background:url(images/top/main/pickup_top.gif) repeat-x center top;
}
#pickup{
	width:100%;
	background:url(images/top/main/pickup_bg.gif) no-repeat center top;
}
/*------------------------------------------------------------------------------
		スクロールメニュー
------------------------------------------------------------------------------*/
.main_view{
	margin:0px auto 0px auto;
	width:950px;
	position:relative;
}
/*　左のメイン枠
------------------------------------------------------------------------------*/
.window{
	width:950px;
	height:310px;
	overflow:hidden; /*--Hides anything outside of the set width/height--*/
}
.main{
	width:950px;
	height:310px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden; /*--Hides anything outside of the set width/height--*/
}
/*　番号ボタン
------------------------------------------------------------------------------*/
.paging{
	display:none; /*--Hidden by default, will be later shown with jQuery--*/
	position:absolute;
	right:70px;
	bottom:7px;
	z-index:100; /*--Assures the paging stays on the top layer--*/
	font-size:90%;
	list-style-type:none;
	line-height:1.3;
}
.paging a{
	margin:0px 5px 0px 0px;
	float:left;
	text-align:center;
}
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
p.btn{
	width:52px;
	height:23px;
	display:block;
	position:absolute;
	right:15px;
	bottom:6px;
	overflow:hidden;
}
p.btn a img{
	vertical-align:bottom;
}
/*==============================================================================
		ウェザーニュース　注意報警報
==============================================================================*/
#pickup{
	position:relative;
}
#urgency{
	padding:5px;
	bottom:20px;
	left:20px;
	position:absolute;
	background-color:#FFF;
	border:1px solid #666;
	text-align:center;
	z-index:100000;
}
#urgency:after{
	content:".";  /* 新しい要素を作る */
	display:block;  /* ブロックレベル要素に */
	clear:both;
	height:0;
	visibility:hidden;
}
#urgency{
	min-height:1px;
}
* html #urgency{
	width:auto;
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
#urgency h2{
	margin-bottom:5px;
	padding:2px;
	color:#FFF;
	font-size:90%;
	font-weight:normal;
	background-color:#CC0000;
}
#urgency p{
	margin-bottom:8px;
	font-size:90%;
}
#urgency #tenki{
	margin:0px auto 0px auto;
	text-align:center;
	width:auto;
}
#urgency dl{
	float:left;	
}
#urgency dt{
	padding:0px 10px 0px 10px;
	font-size:90%;
	text-align:center;
	font-weight:bold;
	line-height:1.3;
}
#urgency dt span{
	font-weight:normal;
}
#urgency dd{
	margin:3px 0px 5px 0px;
	padding:0px 10px 0px 10px;
	text-align:center;
}
/*==============================================================================
	バナー
==============================================================================*/
/*------------------------------------------------------------------------------
		画像
------------------------------------------------------------------------------*/
.bannerimg{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
.bannerimg ul{
	list-style-type:none;
}
.bannerimg ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.bannerimg ul li a img{
	vertical-align:bottom;
}
/*==============================================================================
		左
==============================================================================*/
/*------------------------------------------------------------------------------
		いざというときのために
------------------------------------------------------------------------------*/
#emergency{
	margin:0px 0px 15px 0px;
	padding:4px 4px 4px 4px;
	background:url(images/top/emergency_bg.gif) repeat 0px 0px;
}
#emergency h2{
	background:#C40000;
}
#emergency ul{
	padding:12px 10px 5px 10px;
	background:#FFFFFF;
	list-style-type:none;
}
#emergency ul li{
	padding:0px 0px 8px 17px;
	background:url(images/top/mark_kinkyu.gif) no-repeat 0px 5px;
}
/*------------------------------------------------------------------------------
		広報うらやす
------------------------------------------------------------------------------*/
#koho{
	margin:0px 0px 20px 0px;
	border:5px solid #0468B2;
}
#koho h2{
	margin:3px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#koho h3{
	margin:0px 0px 5px 10px;
}
#koho p{
	margin:0px 10px 5px 10px;
	font-size:90%;
}
#koho label img{
	margin:0px 0px 0px 5px;
	vertical-align:bottom;
}
#koho form{
	text-align:center;
}
#koho input#key2{
	margin:0px 8px 0px 8px;
	width:160px;
	ime-mode:disabled;
	border:2px solid #CCCCCC;
}
#koho input#koho_btn{
	margin:0px 8px 5px 8px;
	position:relative;
	top:5px;
}
#koho #idresult{
	margin:5px 0px 0px 0px;
	font-weight:bold;
	color:#FF0000;
}
#koho ul{
	margin:10px 10px 8px 15px;
	list-style-type:none;
}
#koho ul li{
	padding:0px 0px 0px 20px;
	background:url(images/top/koho_mark.gif) no-repeat 0px 3px;
}
/*------------------------------------------------------------------------------
		ナビゲーション
------------------------------------------------------------------------------*/
#navi{
	margin:0px 0px 20px 0px;
	border-bottom:3px solid #0074BF;
}
#navi h2{
	font-size:100%;
}
#navi h2 a{
	margin:0px 0px 0px 0px;
	padding:10px 5px 8px 15px;
	font-weight:bold;
	display:block;
	color:#000000;
	background:#D2EBFB url(images/top/menu_plus.gif) no-repeat 0px 0px;
	border-top:3px solid #0074BF;
	text-decoration:none;
}
#navi h2.minus2 a{
	padding:10px 5px 1px 15px;
	background:#D2EBFB url(images/top/menu_minus.gif) no-repeat 0px 0px;
}
#navi ul{
	padding:17px 5px 5px 12px;
	background:url(images/top/menu_top.gif) no-repeat 0px 0px;
	list-style-type:none;
}
#navi ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 15px;
	background:url(images/top/menu_mark.gif) no-repeat 0px 5px;
	line-height:1.5;
}
/*==============================================================================
		中央
==============================================================================*/
/*------------------------------------------------------------------------------
		サイト内検索
------------------------------------------------------------------------------*/
#topsitesearch{
	margin:0px 0px 20px 0px;
	clear:both;
	background: url(images/top/search_bg.gif) repeat-y 0px 0px;
}
#topsitesearch h2{
	padding:0px 0px 0px 8px;
	background:url(images/top/search_top.gif) no-repeat 0px top;
}
#topsitesearch form{
	padding:0px 0px 50px 0px;
	background:url(images/top/search_bottom.gif) no-repeat 0px bottom;
}
#topsitesearch form #key{
	margin:0px 0px 10px 67px;
	padding:3px 5px 3px 5px;
	width:291px;
	border:1px solid #B0B0B0;
	vertical-align:middle;
}
#topsitesearch form #sitesearch_btn{
	margin:0px 0px 10px 0px;
	vertical-align:middle;
}
#topsitesearch form #tgt1{
	margin:0px 0px 0px 67px;
}
#topsitesearch form #tgt2{
	margin:0px 0px 0px 30px;
}
#topsitesearch form label{
	margin:0px 0px 0px 5px;
}
/*------------------------------------------------------------------------------
		トピックス タブ
------------------------------------------------------------------------------*/
#topics{
	margin:0px 0px 20px 0px;
	width:488px;
	clear:both;
	border:1px solid #C9C9C9 !important;
}
#topics ul#tab{
	background:#0071C5;
	list-style-type:none;
}
#topics ul#tab li{
	float:left;
	border-right:1px solid #DFEAED !important;
}
#topics ul#tab li a{
	padding:15px 35px 10px 35px;
	display:block;
	color:#FFFFFF;
	background:#0071C5;
	text-align:center;
	text-decoration:none;
}
#topics ul#tab li a:hover{
	color:#333333;
	background:#FFFFFF;
}
#topics ul#tab li.ui-tabs-active a{
	color:#333333;
	background:#FFFFFF;
}
/*------------------------------------------------------------------------------
		トピックス 本文
------------------------------------------------------------------------------*/
#tmenu{
	padding:15px 15px 10px 15px;
}
#tmenu h3{
	margin:0px 0px 10px 0px;
	font-size:110%;
}
#tmenu ul{
	list-style-type:none;
}
#tmenu ul.nophoto{
	width:auto;
	float:none;
}
#tmenu ul li{
	padding:0px 0px 8px 12px;
	clear:both;
	display:block;
	background:url(images/top/mark_topics.gif) no-repeat 0px 1px;
	line-height:1.5;
	zoom:1;
}
#tmenu ul li img{
	margin-right:5px;
	vertical-align:middle;
}
#tmenu #topics1 ul li span,
#tmenu #topics2 ul li span,
#tmenu #topics3 ul li span{
	padding:0px 0px 0px 0px;
	width:123px;
	float:left;
	display:block;
}
#tmenu #topics3 ul li:after{
	content: ""; 
	display: block; 
	clear: both;
}
#tmenu #topics3 ul li a{
	width:320px;
	float:left;
	display:block;
}
#toptodayevent ul li{
	padding:0px 0px 8px 0px;
	background:none;
}
#tmenu .eventdetail{
	margin-top:10px;
	padding:0px 0px 0px 20px;
	background:url(images/top/koho_mark.gif) no-repeat 0px 3px;
}

#topcontent .ui-widget-content,#topcontent .ui-tabs-anchor,#topcontent .ui-state-active,#topcontent .ui-widget-content .ui-state-active,#topcontent .ui-widget-header .ui-state-active,
#topcontent .ui-state-active,#topcontent .ui-widget-content .ui-state-active,#topcontent .ui-widget-header .ui-state-active,#topcontent .ui-widget-header,
#topcontent .ui-state-default,#topcontent .ui-widget-content .ui-state-default,#topcontent .ui-widget-header .ui-state-default{
	background:none;
	border:0px;
}
/* Corner radius */
#topcontent .ui-corner-all,#topcontent .ui-corner-top,#topcontent .ui-corner-left,#topcontent .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
#topcontent .ui-corner-all,#topcontent .ui-corner-top,#topcontent .ui-corner-right,#topcontent .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
#topcontent .ui-corner-all,#topcontent .ui-corner-bottom,#topcontent .ui-corner-left,#topcontent .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
#topcontent .ui-corner-all,#topcontent .ui-corner-bottom,#topcontent .ui-corner-right,#topcontent .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
/*　新着情報、RSS
------------------------------------------------------------------------------*/
#tmenu ul.topicsdetail{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	clear:both;
	list-style:none;
	text-align:right
}
#tmenu ul.topicsdetail li{
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 22px;
	display:inline;
	background:url(images/top/newslist.gif) no-repeat 0px 2px;
}
#tmenu ul.topicsdetail li.rss{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background:url(images/top/rss.gif) no-repeat 0px 1px;
}
/*------------------------------------------------------------------------------
		便利ショートカット
------------------------------------------------------------------------------*/
#lifescene{
	margin:0px 0px 20px 0px;
	padding:10px 0px 5px 0px;
	width:488px;
	border:1px solid #C9C9C9;
}
#lifescene h2{
	margin:0px 12px 15px 12px;
	padding:1px 0px 0px 0px;
}
#lifescene ul{
	margin:0px 7px 0px 7px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
#lifescene ul li{
	margin:0px 4px 10px 5px;
	float:left;
}
#lifescene ul li img{
	vertical-align:bottom;
}
/*==============================================================================
		右
==============================================================================*/
/*------------------------------------------------------------------------------
		見どころ
------------------------------------------------------------------------------*/
#topicsphoto{
	margin:0px 0px 3px 0px;
	padding:0px 0px 17px 0px;
	background:url(images/top/topics_bottom.gif) no-repeat center bottom;
}
#topicsphoto div{
	padding:5px 0px 5px 0px;
	border-right:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
	border-left:1px solid #C9C9C9;
}
#topicsphoto div p.textleft{
	margin:5px 10px 0px 10px;
	font-size:90%;
}
#topicsphoto div p.textright{
	margin:5px 10px 0px 10px;
	font-size:95%;
}
#topicsphoto div p.textright a{
	padding:0px 0px 0px 20px;
	background:url(images/top/koho_mark.gif) no-repeat 0px 3px;
}
/*==============================================================================
		下
==============================================================================*/
/*------------------------------------------------------------------------------
		広告欄
------------------------------------------------------------------------------*/
#sad{
	margin:0px auto 20px auto;
	width:938px;
	clear:both;
	border:1px solid #C9C9C9;
}
#sad h2{
	margin:0px 0px 0px 0px;
	padding:20px 16px 0px 16px;
	font-size:110%;
	background:none;
	border-top:none;
	border-bottom:none;
}
#sad h2 span{
	padding:0px 0px 0px 10px;
	font-size:90%;
	font-weight:normal;
}
#sad p{
	margin:0px 0px 0px 0px;
	padding:5px 16px 20px 16px;
	font-size:90%;
	clear:both;
}
#sad ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 7px 16px;
	list-style-type:none;
}
* html #sad{
	padding-bottom:10px;
}
#sad ul li{
	margin:0px 14px 14px 0px;
	float:left;
	display:inline;
}
/*------------------------------------------------------------------------------
		このページのトップへ戻る
------------------------------------------------------------------------------*/
#guide ul li a.pageback{
	margin:0px 0px 0px 0px;
}