@charset "UTF-8";

/* 画面表示用スタイル110818 */

/*  ------------------------基本、大枠設定------------------------  */
body {
	margin: 0;
	padding: 0;
	font-family : Arial, sans-serif;
}
body#base {
	text-align: center;
	color: #333;
	background-color: #ffffff;
}
div#baseall {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
	background-color: #FFFFFF;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
}

/*  ------------------------隠しジャンプ------------------------  */
/* ▽隠しメッセージ▽ */
p.jsmessage {
	margin: 4px;
	padding: 0;
}

/* 隠しジャンプ */
div.blockjump img {
	display: none;
}
#blockskip {
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 0.06em;
	line-height: 0.06em;
	color: #FFF;
	width: 1px;
	height: 0;
	background: transparent;
}
#blockskip a {
	color: transparent;
	color: #FFF;
	_height: 1%;
}
.show {
	padding: 5px;
	display: block;
	font-size: 0.94em;
	font-weight: bold;
	line-height: 1em;
	color: #FFF;
	width: 12em;
	height: 1em;
	background-color: #225599;
}


/*  ------------------------ヘッダー------------------------  */
div.h0wrap {
	margin: 0;
	padding: 0;
	_height: 1%;
}
/* ヘッダー */
div.h0 {
	clear: both;
	margin: 0;
	padding: 0;
	width: 960px;
	background-color: #FFF;
}
div.h0right {
	float: right;
	margin: 0;
	padding: 35px 0 3px 0;
	white-space: nowrap;
	width: auto;
}
div.h0left {
	float: left;
	margin: 0;
	padding: 20px 0 15px 0;
	white-space: nowrap;
	width: auto;
}

/* ヘッダーナビ */
ul.headlist {
	margin: 0 5px 0 5px;
	padding: 0;
	max-width: 960px;
	background-color: transparent;
}
ul.headlist li {
	float: left;
	margin: 0;
	padding: 0 8px 0px 8px;
	font-size: 90%;
	background-color: transparent;
	background-image: none;
}
ul.headlist li p{
	margin: 0;
	padding: 4px 0 0 10px;
	background-color: transparent;
	background-image: url(../images/c_icon_head.gif);
	background-repeat: no-repeat;
	background-position: -5px 0.6em;
}


ul.headlist li span{
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
}



/* ヘッダー検索 */
div#h0search {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
	width: 420px;
}
/* ------------------------検索エリア------------------------ */
/* ヘッダー検索 */
div#h0search {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
	width: 420px;
}

/* ------------------------検索エリア------------------------ */
div.search {
	float : left;
	margin : 0;
	padding : 12px 0 0 0;

}

div.search ul {
	margin: 0;
	padding: 0;
}

div.search li {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 100%;
	font-weight: bold;
	line-height: 170%;
	background-color: transparent;
	background-image: none;
}

div.search p {
	margin: 0;
	padding: 1px 12px 0 10px;
	background-color: transparent;
}


form#topmain-search {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
form#topmain-search div {
	margin: 0;
	padding: 0;
}
form#topmain-search input#query {
	margin: 0;
	padding: 0;
	width: 350px;
	height: 24px;
	font-size: 110%;
}
form#main-search input.topfedbt {
	margin: 0 0 0 4px;
	padding: 0;
	width: 46px;
	height: 28px;
	font-size: 90%;
	font-weight: normal;
	color: #ffffff;
	border: 1px solid #999999;
	background-color: #2b497b;
	vertical-align: top;
}



div.searchbgall {
	text-align : left;
	margin : 0 8px 10px 0;
	padding : 0;
	width : 396px;
	height : 50px;
	clear : both;
	background-color : #e2e2e2;


}

ul.searchlist {
	float : left;
	margin : 0;
	padding : 0;


}



div.search form div.search-txt {
	float : left;
	

}


div.search form div.search-box {
	float : left;
	margin : 0;
	padding : 0;
	height : 10px;
	font-size : 80%;
	width : 450px;


}
ul.headlist li a:link {
	color: #FFF;
	text-decoration: none;
}
ul.headlist li a:visited {
	color: #FFF;
	text-decoration: none;
}
ul.headlist li a:hover {
	color: #E20000;
	text-decoration: none;
}
ul.headlist li a:active {
	color: #FFF;
	text-decoration: none;
}
#google_translate_element {
    text-align: center;
}
#google_translate_element div {
	margin-top: -1px;
    height: 17px;
}
#google_translate_element img {
	margin-top: -2px;
	display: inline;
}
#google_translate_element a:link {
	vertical-align: top;
	font-size: 90%;
	color: #333;
	text-decoration: none;
}
#google_translate_element a:hover {
	color: #E20000;
	text-decoration: none;
}
#google_translate_element a:visited {
	color: #333;
	text-decoration: none;
}
#google_translate_element a:active {
	color: #333;
	text-decoration: none;
}

ul.headlist li p {
	color: #000;
	text-decoration: none;
}
ul.headlist li a:link {
	color: #000;
	text-decoration: none;
}
ul.headlist li a:visited {
	color: #000;
	text-decoration: none;
}
ul.headlist li a:hover {
	color: #E20000;
	text-decoration: none;
}
ul.headlist li a:active {
	color: #000;
	text-decoration: none;
}
#google_translate_element {
    text-align: center;
}
#google_translate_element div {
	margin-top: -1px;
    height: 17px;
}
#google_translate_element img {
	margin-top: -2px;
	display: inline;
}
#google_translate_element a:link {
	vertical-align: top;
	font-size: 90%;
	color: #333;
	text-decoration: none;
}
#google_translate_element a:hover {
	color: #E20000;
	text-decoration: none;
}
#google_translate_element a:visited {
	color: #333;
	text-decoration: none;
}
#google_translate_element a:active {
	color: #333;
	text-decoration: none;
}

/*  ------------------------緊急災害用------------------------  */
div.kinkyu {
	text-align: left;
	margin: 10px 0 0 1px;
	padding: 0;
	width: 953px;
	background-color: #FFF;
	border: solid;
	border-width: 1px;
	border-color: #F00;
}
div#k0title {
	position:relative;
/*	float: left; */
	margin:0;
	padding: 4px 30px 3px 30px;
	background-color: #F00;
	text-align: center;
	color: #FFF;
	font-size: 150%;
	color: #FFF;
	border: solid;
	border-width: 1px;
	border-color: #F00;
}
div#k0msg {
	position:relative;
	margin: 0;
	padding: 2px 5px 3px 0px;
	font-size: 100%;
	background-color: #FFF;
}
div#k0msg h2 {
	clear: both;
	margin: 1.2em 0 0.8em 0;
	padding: 12px 0 8px 8px;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.4em;
	color: #333;
	border: 1px solid #CCCCCC;
	background-color: transparent;
	background-image: url(../images/k_bg_h2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	_height: 1%;
}


div#k0msg h3 {
	clear: both;
	margin: 0.7em 0 0.56em 10px;
	padding: 2px 0 0px 5px;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.8em;
	color: #333;
	background-color: transparent;
	background-image: url(../images/k_bg_h3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	_height: 1%;
}
div#k0msg h4 {
	clear: both;
	margin: 0.7em 0 0.56em 10px;
	padding: 2px 0 0px 10px;
	font-weight: bold;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
	background-color: transparent;
	background-image: url(../images/k_icon_h4.gif);
	background-repeat: no-repeat;
	background-position: 0;
	_height: 1%;
}
div#k0msg h5 {
	margin: 1em 2px 1em 10px;
	padding: 2px 0 0px 10px;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-color: transparent;
	background-image: url(../images/k_icon_h5.gif);
	background-repeat: no-repeat;
	background-position: 0;
	_height: 1%;
}
div#k0msg h6 {
	margin: 0.7em 0 0.56em 10px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
}
/*  ------------------------SNS------------------------  */
div.hsnsarea {
	clear: both;
	float: right;
	margin: 0;
	padding: 0px 0 0 0;
}

div.snsarea {
	clear: both;
	float: right;
	margin: 0;
	padding: 50px 0 0 0;
}

.twitter-share-button {
	width: 100px!important;
}

/*  ------------------------コンテンツ大枠------------------------  */
div.wrap {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: #FFF;
}


/* ------------------------共通------------------------ */
div.bgbox {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	border: none;
	background-color: #ffffff;
	_height: 1%;
}

/*  ボックス内floatのclear  */
.bgbox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.bgbox {display: inline-block;}
/* Hides from macIE \*/
* html .bgbox {height: 1%;}
.bgbox {display: block;}
/* End hide from macIE */

div.bgbox ul {
	margin: 0;
	padding: 6px 0 0 0;
	background-color: transparent;
}
div.bgbox li {
	margin: 0;
	background-color: transparent;
	background-image: none;
}
div.bgbox li.pagelinkin {
	text-align:left;
	padding: 6px 7px 3px 35px;
	font-size: 1.20em;
	background-image: url(/images/c_icon_snavi_li.png);
	background-repeat: no-repeat;
	background-position: 11px 0.65em;
	_height: 1%;
}
div.bgbox li.pagelinkout {
	padding: 3px 7px 3px 21px;
	background-image: url(/images/c_icon_outlink.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.4em;
	_height: 1%;
}
div.bgbox li.pagelinkbtin {
	padding: 5px 0 5px 10px;
	font-size: 1%;
	line-height: 1%;
}
div.bgbox li.pagelinkbtout {
	padding: 5px 0 5px 9px;
	font-size: 1%;
	line-height: 1%;
}
div.bgbox li.ichiran {
	clear: both;
	float: right;
	margin: 4px 0 0 0;
	padding: 2px 6px 2px 21px;
	line-height: 1.2em;
	font-size: 90%;
	background-image: url(/images/t_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.3em;
	_height: 1%;
}
div.wrap-l p.pagelinkbtin {
	margin: 0 0 10px 0;
	padding: 1px 0 0 0;
	font-size: 1%;
	line-height: 1%;
}
div.wrap-l p.pagelinkbtout {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}

/* ------------------------右枠------------------------ */
/* ▽メイン画像▽ */
div#brandarea {
	clear: both;
	width: 960px;
	height: 230px;
	margin: 0;
	padding: 0;
}

div#brand {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	border-color: #ff9933;
	border-width: 2px;
	background-color: #FFF;
}

/* メイン画像切り替え用画像 */
div.featured {
	margin: 0;
	padding: 0;
}
div.ui-tabs-panel {
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
div.ui-tabs-panel img {
	margin: 0;
	padding: 0;
}
div.ui-tabs-hide {
	display: none;
}

/* メイン画像切り替え用リスト */
div.featured ul.ui-tabs-nav{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	width: 156px;
/*	top: 237px;
	left: 592px; */
	position: absolute;
	background-image: url(../images/t_bg_brand.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.featured ul.ui-tabs-nav li{
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	float: left;
	background-color: transparent;
	background-image: none;
}
div.featured ul.ui-tabs-nav li img{
	margin: 0 5px 0 0;
	padding: 0;
}
div.featured li.ui-tabs-nav-item a{
	display: block;
}
div.featured li.ui-tabs-nav-item a:hover{
	background: url('../images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured li.ui-tabs-selected{
	background: url('../images/t_bt_brand.gif') 0 0 no-repeat;
}
div.featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url('../images/t_bt_brand.gif') 0 0 no-repeat;
}

/* ありがとう */
div#thankyou {
	float: right;
	width: 200px;
	height: 200px;
	margin: 0 0 15px 0;
	padding: 0;
	border-color: #ff9933;
	border-width: 2px;
	background-color: #FFF;
}


/* グローバルナビ用 */
div#globalnavi {
	clear: both;
	width: 960px;
	margin: 0;
	padding: 0;
}


div.area-box-left {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 560px;
}

div.area-box-right {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

div.area-box-bottom {
	display: block;
	float: left;
	width: 960px;
	margin: 0;
	padding: 0;
}


div#globalnavi ul {
	margin: 0;
	padding: 0;
}
div#globalnavi ul li.img-li {
	float: left;
	margin: 4px 4px 0 0;
	padding: 0;
	background-image: none;
	background-color: transparent;
}

div#globalnavi ul li.img-li h2{
	margin: 0;
	padding: 5px 0 0 0;
	width: 135px;
	height: 25px;
	text-align: center;
	font-size: 110%;
	color: #ffffff;
	background-image: none;
	background-color: #2e75b5;


}


div#globalnavi ul li.img-li h2 a{
	text-decoration: none;
	font-size: 110%;
	color: #ffffff;


}



div#globalnavi ul li.img-li h2.saigai {
	margin: 0;
	padding: 5px 0 0 0;
	widht: 135px;
	height: 25px;
	text-align: center;
	font-size: 110%;
	color: #ffffff;
	background-image: none;
	background-color: #fe0000;


}


div#globalnavi ul li.img-li h2.saigai a {
	text-decoration: none;
	font-size: 110%;
	color: #ffffff;


}



div#globalnavi ul li.img-li-r {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	background-image: none;
	background-color: transparent;
}

/* ------------------------右枠内左　共通------------------------ */
div.bgarea {
	margin: 0;
	padding: 0 0 8px 0;
	_height: 1%;
}

ul.side-li {
	margin: 10px 5px 0 15px;
	padding: 0 0 5px 0;
}
ul.side-li li {
	float: left;
	margin: 0;
	padding: 0 15px 4px 16px;
	line-height: 1.4em;
	white-space: nowrap;
	background-color: transparent;
	background-image: url(/images/t_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	_height: 1%;
}
ul.side-li li.pagelinkin {
	padding: 0 15px 4px 16px;
}
ul.side-li li.pagelinkout {
	padding: 0 15px 4px 15px;
}
div.infoarea {
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 960px;
}

div#infoarea1 {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 560px;
}

div#infoarea2 {
	float: left;
	margin: 4px 0 0 0;
	padding: 0;
	width: 396px;
}




div.ichiran {
	clear: both;
	float: right;
	text-align: right;
	margin: 4px 0 0 0;
	padding: 10px 8px 0px 0px;
	line-height: 1.2em;
	font-size: 90%;
	widht: 150px;
	_height: 1%;
}

div.nyusatu {
	clear: both;
	float: left;
	text-align: left;
	margin: 10px 0 0 15px;
	padding: 5px 8px 0px 0px;
	line-height: 1.2em;
	font-size: 100%;
	font-weight:bold;
	widht: 150px;
	_height: 1%;
}


div#info-1, div#info-2, div#info-3, div#info-4 {
	margin: 0 0 8px 0;
	padding: 0;
	clear: both;
	_height: 1%;
}
ul.info-select {
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
	_height: 1%;
}
ul.info-select li {
	float: left;
	margin: 0;
	padding: 0;
	width: 132px;
	height: 35px;
	overflow: hidden;
	background-color: transparent;
}
ul.info-select li.li1 {
	text-align: center;
}
ul.info-select li.li2 {
	text-align: center;
}
ul.info-select li.li3 {
	text-align: center;
}
ul.info-select li.li4 {
	text-align: right;
}

ul.info-select li h2 {
	margin: 0;
	padding: 0;
	width: 132px;
	/* width: 177px;  3列用 */
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #333333;
	line-height: 35px;
	text-decoration: none;
	background-color: #999999;
}

ul.info-select li a:link {
	text-decoration: none;
}

ul.info-select li a#infoli-1 h2 {
	margin: 0;
	padding: 0;
	width: 132px;
	/* width: 177px;  3列用 */
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 35px;
	text-decoration: none;
	background-color: #2b5797;
}
ul.info-select li a#infoli-2 h2 {
	margin: 0;
	padding: 0;
	width: 132px;
	/* width: 177px;  3列用 */
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 35px;
	text-decoration: none;
	background-color: #2b5797;
}
ul.info-select li a#infoli-3 h2 {
	margin: 0;
	padding: 0;
	width: 132px;
	/* width: 177px;  3列用 */
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 35px;
	background-color: #2b5797;
}
ul.info-select li a#infoli-4 h2 {
	margin: 0;
	padding: 0;
	width: 132px;
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 35px;
	background-color: #2b5797;
}


div.info-box {
	margin: 0;
	padding: 3px 0 14px 0;
	border: solid;
	border-color: #2b5797;
	border-width: 2px;
	/* height: 386px; */
	height: 556px;
}
div.info-box div#allnews {
    height: 135px;
}
div.info-box div.general_side_navi {
    height: 135px;
}
div.info-box h2 {
    display: none;
}
div.info-box  p {
}
ul.info-list {
	margin: 5px 16px 0 16px;
	padding: 0;
}
ul.info-list li {
	clear: both;
	margin: 0;
	padding: 3px 0 3px 0;
	line-height: 1.4em;
	position: relative;
	width: auto;
	background-color: transparent;
	background-image: none;
	_height: 1%;
}
ul.info-list li span.date {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 8.4em;
	_height: 1%;
}
ul.info-list li span.topic {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	_height: 1%;
}
ul.info-list li span.data {
	display: block;
	margin: 0 0 0 8.7em;
	text-align: left;
	_height: 1%;
}

/* ▽安心・安全・注意▽ */
div#safe {
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
	width: 200px;
	height: 200px;
	border: solid;
	border-color: #ff9933;
	border-width: 2px;
	background-color: #f0f0f0;
}
div#safe h2 {
	margin: 0;
	padding: 0;
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 35px;
	background-color: #ff9933;
}

/* ▽もしものときは▽ */
div#moshimo {
	clear: both;
	font-size: 90%;
	margin: 0 0 0 0;
	padding: 0 0 14px 0;
	border: solid;
	border-color: #aa0c37;
	border-width: 2px;
	background-color: transparent;
	overflow: hidden;
	height: 160px;
}
div#moshimo h2 {
	margin: 0;
	padding: 0;
	background-color: transparent;

}

div#moshimo p {
	margin: 0 0 0 10px;
	padding: 0;
	text-align:center;
	background-color: transparent;
}
div#moshimo div.img-mame {
	margin: 0 0 0 10px;
	text-align: center;

}

/* ▽facebook▽ */
div#facebook {
	clear: both;
	font-size: 90%;
	margin: 0 0 0 0;
	padding: 0;
}



/* ▽くらし▽ */
div#life {
	clear: both;
	margin: 0;
	padding: 0;
	width: 960px;
}
/* ▽ライフイベント▽ */
div#lifeevent {
	float: left;
	margin: 5px 0 10px 0;
	padding: 0 0 10px 0;
	width: 956px;
	background-color: #a2c139;
}
div#lifeevent h2 {
	margin: 10px;
	padding: 0;
	height: 25px;
	text-align: left;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 25px;
}
div#lifeevent ul {
	margin: 4px 0 0 10px;
	padding: 0;
}
div#lifeevent ul li.img-li {
	float: left;
	margin: 5px 8px 0 0;
	padding: 0;
	list-style-image: none;
	background-image: none;
	background-color: transparent;
}
div#lifeevent p.pagelinkin {
	margin: 0 0 0.56em 6px;
}
div#lifeevent p.pagelinkout {
	margin: 0 0 0.56em 6px;
}
div#lifeevent div.bgarea {
	padding-bottom: 4px;
}

/* ▽ライフイベント▽ */
div#lifeinfo {
	float: right;
	margin: 0 0 10px 8px;
	padding: 0;
	width: 415px;
	border: 2px solid #8dbdf7;
	background-color: #f0f0f0;
}
div#lifeinfo h2 {
	margin: 0;
	margin: 0;
	padding: 0;
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 35px;
	background-color: #8dbdf7;
}
div#lifeinfo ul {
	margin: 4px 0 0 10px;
	padding: 0;
}
div#lifeinfo ul li.img-li {
	float: left;
	margin: 5px 5px 0 0;
	padding: 0;
	list-style-image: none;
	background-image: none;
	background-color: transparent;
}

/* ▽▼鶴岡市について▽ */
div#charm {
	clear: both;
	margin: 10px 0 0 0;
	padding: 8px 0 0 6px;
	width: 950px;
	/* height: 335px; */
	border: 1px solid #e4e4e4;
	background-color: #f3f3f3;
	display: inline-block;
}

/* ▽ボックス▽ */
div.charm_box {
	float: left;
	margin: 0 8px 10px 0;
	padding: 0;
	width: 180px;
	height: 100px;
	font-size: 90%;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
}
div.charm_box h2 {
	margin: 0;
	padding: 6px;
	text-align: left;
	font-size: 90%;
	color: #000000;
}

/* ▽ボックス右▽ */
div.charm_box_r {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 180px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
}
div.charm_box_r h2 {
	margin: 0;
	padding: 6px;
	text-align: left;
	font-size: 90%;
	color: #000000;
}


div.charm_box img {
	margin: 0;
	padding: 2px 8px;


}


/* ▽鶴岡市関連サイト▽ */
div.town {
	clear: both;
	margin: 0;
	padding: 0;
	width: 950px;
	text-align: left;
	border: 1px solid #e4e4e4;
	background-color: #efefef;
}
div.town h2 {
	margin: 0;
	padding: 0;
	height: 35px;
	text-align: center;
	font-size: 120%;
	color: #FFFFFF;
	line-height: 35px;
	background-color: #305496;
}
div.town ul {
	margin: 5px 0 0 12px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
div.town ul li.img-li {
	float: left;
	margin: 5px 7px 0 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
	background-image: none;
}

/*  ------------------------ 共通タグの基本定義 ------------------------  */
h2 {
	margin: 0.7em 10px 0.56em 16px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	border-bottom: none;
	background-color: transparent;
	background-image: none;
}
h3 {
	margin: 0.7em 10px 0.56em 16px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	border-bottom: none;
	background-color: transparent;
	background-image: none;
}
h4 {
	margin: 0.7em 10px 0.56em 16px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-color: transparent;
	background-image: none;
}
h5 {
	margin: 0.7em 10px 0.56em 16px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-color: transparent;
}
h6 {
	margin: 0.7em 10px 0.56em 16px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-color: transparent;
}
img {
	margin: 0;
	padding: 0;
	border: none;
}
hr {
	display: none;
}
p {
	margin: 0.56em 10px 0.1em 16px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	color: #333;
	background-color: #FFF;
}
ul {
	margin: 0.7em 10px 0.7em 6px;
	padding: 0 0 0 8px;
	list-style-type: none;
	list-style-image: none;
}
ol {
	margin: 0.7em 10px 0.7em 34px;
	padding: 0 0 0 6px;
}
li {
	margin: 0.5em 0 0 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 90%;
	color: #333;
	background-color: #FFF;
}
ul li {
	padding: 0 0 0 18px;
	list-style-type: none;
	list-style-image: none;
	background-image: url(/images/c_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	_height: 1%;
}
li.pagelinkout img {
	height: 1em;
}
dl {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 10px;
}
dt {
	margin: 0.56em 0 0.56em 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	color: #333;
	background-color: #FFF;
}
dd {
	margin: 0 0 0.56em 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	color: #333;
	background-color: #FFF;
}

/*  通常のリンク色  */
a:link {
	color: #004B8C;
}
a:visited {
	color: #941D55;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}

/*  隠し飛ばしリンク先＆隠し罫線用  */
.echooff {
	display: none;
}
.guidance {
	font-size: 1%;
	line-height: 1%;
	width: 1px;
	height: 1px;
}

/*  回り込みの解除  */
.newpara {
	clear: both;
}

/*  ボックス内floatのclear  */
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.clearfix {display: inline-block;}
/* Hides from macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from macIE */

/*  コンテンツ中央寄せ  */
.center {
	text-align: center;
}

/*  コンテンツ右寄せ  */
.align-right {
	text-align: right;
}

/*  表用セル右寄せ  */
.right {
	text-align: right;
}

/*  表用セル左寄せ  */
.left {
	text-align: left;
}
.va-center {
	vertical-align: middle;
}
.float-on {
	clear: none;
}


/* ------------------------テンプレート用共通------------------------ */
/* ▽内部ページリンクスタイル▽ */
p.pagelinkin {
	clear: both;
	margin: 0.56em 10px 0.1em 11px;
	padding: 3px 0 1px 20px;
	background-image: url(/images/t_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 0 0.48em;
	line-height: 1.2em;
	_height: 1%;
}

/* ▽外部ページリンクスタイル▽ */
p.pagelinkout {
	clear: both;
	margin: 0.56em 10px 0.1em 11px;
	padding: 3px 0 1px 20px;
	background-image: url(/images/c_icon_outlink.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	line-height: 1.2em;
	_height: 1%;
}

/* ▽リンク説明用スタイル▽ */
p.linktxt {
	margin: 0.1em 10px 0.56em 36px;
	padding: 0;
}

/* ▽ファイルのダウンロード▽ */
p.filelink {
	clear: both;
	margin: 0.56em 10px 0.1em 16px;
	padding: 0 0 2px 20px;
	background-image: url(/images/c_icon_filelink.gif);
	background-repeat: no-repeat;
	background-position: 0 0.12em;
	line-height: 1.2em;
	_height: 1%;
}


/* ------------------------緊急災害用トップページヘッダー------------------------ */
div#baseallkinkyu {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 940px;
}
div#baseallkinkyu div.h0bgwrap {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	border: 1px solid #f00;
	border-top: 4px solid #f00;
	background-color: #FFFFFF;
}
div#baseallkinkyu div.h0wrap {
	margin: 2px 1px 1px 0;
	padding: 0;
	width: 100%;
	background-color: #FFE5DE;
	background-image: none;
}
div#baseallkinkyu div#h0left1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
div#baseallkinkyu h1#h0left2 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	width: 600px;
	height: 55px;
}
div#baseallkinkyu h1#h0left2 img {
	margin: 0;
	padding: 0;
}
div#baseallkinkyu div#h0right {
	float: right;
	margin: 0;
	padding: 2px 10px 0 0;
	font-size: 90%;
	line-height: 1.5em;
	text-align: right;
	width: 290px;
}


/*  ------------------------緊急災害用トップページコンテンツ大枠------------------------  */
/* 左枠 */
div.kinkyu-l {
	float: left;
	margin: 0;
	padding: 0;
	width: 650px;
}

/* 右枠 */
div.kinkyu-r {
	float: right;
	margin: 0;
	padding: 0;
	width: 270px;
}

/* ------------------------緊急災害用トップページ右枠------------------------ */
/* ▽モバイル▽ */
div#mobileinfo {
	clear: both;
	margin: 15px 0 10px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
	background-color: #FDFDE6;
}
div#mobileinfo div.mobox {
	margin: 0;
	padding: 0;
}
div#baseallkinkyu div#mobileinfo h2 {
	float: left;
	margin: 0;
	padding: 0;
	background-image: none;
	width: 145px;
}
div#mobileinfo div.qbox {
	float: right;
	margin: 0;
	padding: 0;
	width: 90px;
}
div#mobileinfo div.url {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 4px 0;
	font-size: 79%;
	text-align: left;
}

/* ▽安否確認▽ */
div#anpikakunin {
	clear: both;
	margin: 15px 0 10px 0;
	padding: 10px 0 10px 0;
	border: 1px solid #ccc;
	background-color: #FDFDE6;
}
div#baseallkinkyu div#anpikakunin h2 {
	clear: both;
	margin: 0 4px 8px 4px;
	padding: 0 0 4px 4px;
	border-bottom: 1px solid #CCCCCC;
	background-image: none;
}
div#anpikakunin dl {
	margin: 0.6em 5px 0.6em 0;
	padding: 0 0 0 10px;
	text-align: left;
	font-size: 88%;
}
div#anpikakunin dt {
	margin: 7px 0 0 0;
	padding: 3px 0 1px 18px;
	background-color: transparent;
	background-image: url(/images/em_icon_list.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.6em;
	_height: 1%;
}
div#anpikakunin dd {
	margin: 0 0 0.1em 4px;
	padding: 0;
	line-height: 1.5em;
	font-size: 90%;
	color: #333;
	background-color: transparent;
}


/*  ------------------------緊急災害用トップページフッター------------------------  */
/* このページの上へ戻る */
div.tothispage {
	clear: both;
	float: right;
	margin: 0;
	padding: 2px 12px 20px 18px;
	line-height: 1.2em;
	font-size: 90%;
	text-align: right;
	background-image: url(/images/c_icon_pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0 0.24em;
	_height: 1%;
}
div.tothispage img {
	margin: 0;
	padding: 0;
}

/* フッター */
div#baseallkinkyu div.f0wrap {
	clear: both;
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	text-align: left;
	background-image: none;
}
div#baseallkinkyu  div.add {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
}
div#baseallkinkyu div.add h2 {
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	background-image: none;
	font-size: 90%;
	width: 6.2em;
}
div#baseallkinkyu address {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 90%;
	line-height: 1.5em;
	font-style: normal;
	background-color: transparent;
	color: #333;
	width: auto;
}
div#baseallkinkyu div#f0copy {
	clear: both;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 1%;
	line-height: 1%;
	background-color: #FFA695;
	background-image: none;
}


/*  ------------------------緊急災害用トップページ共通------------------------  */
div#baseallkinkyu h2 {
	margin: 1.2em 10px 0.56em 0;
	padding: 0 0 0 20px;
	font-size: 100%;
	line-height: 1.5em;
	color: #333;
	background-image: url(/images/em_icon_h.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	_height: 1%;
}
ul.menulist li {
	padding: 0 0 0 2px;
	background-image: none;
}


/* リンク付き見出し */
div.m-title div {
	clear: both;
	margin: 0;
	padding: 0;
	border-bottom: none;
}
div#main div.m-title h2.nextpage,
div#main-nosub div.m-title h2.nextpage {
	margin: 0;
	padding: 0.2em 5px 0.1em 26px;
	border: none;
	background-color: transparent;
	_height: 1%;
}




div#main div.m-title h2.nextpage,
div#main-nosub div.m-title h2.nextpage {
	margin: 0;
	padding: 0.2em 5px 0.1em 26px;
	border: none;
	background-color: transparent;
	_height: 1%;
}