@charset "UTF-8";

/* レスポンシブ用　画面表示用スタイル */

@media screen and (max-width: 660px) {

/* ------------------------基本設定------------------------ */
.baseall {
	min-width: auto;
}


/* ------------------------ヘッダー------------------------ */
div.headbg,
div.fd div.headbg {
	margin: 0 0 0 0;
	min-width: auto;
}

/* ヘッダー左 */
div.headbox {
	width: auto;
}
#h0title {
	margin: 0;
	padding: 5px 0 0 0;
	width: 180px;
	zoom: 1;
	overflow: hidden;
	height: 62px;
}
div.gi #h0title {
	width: 238px;
	background-image: none;
}
div.fd #h0title {
	width: 238px;
}
div.su #h0title {
	width: 272px;
}
div.su #h0title img {
	max-width: 126%;
	height: auto;
}

/* ヘッダー右 */
button.menu-tab {
	display: block;
}
div.headright {
	margin: 0;
	padding: 10px;
	width: auto;
}
div.headright .clearfix:after {
	content: none;
}
ul.headlist {
	float: none;
	padding: 0 0 6px 0;
}
ul.headlist li {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	background-color: #003366;
	border-left: none;
	border-radius: 4px;
	background-image: url(/images/nc_icon_inlink_bgdarkblue.png);
	background-repeat: no-repeat;
	background-position: 95% 0.86em;
}
ul.headlist li.head-1li,
ul.headlist li.head-3li,
ul.headlist li.head-4li {
	display: none;
}
ul.headlist li a:link,
ul.headlist li a:visited,
ul.headlist li a:active,
ul.headlist li a:hover,
ul.headlist li a:focus {
	display: block;
	margin: 0;
	padding: 14px 26px 10px 10px;
	color: #FFFFFF !important;
	text-decoration: none;
}

/* ヘッダー検索 */
div.search {
	float: none;
	padding: 12px 0 8px 0;
}
div.search div.search-txt {
	float: none;
	width: 1px;
	height: 1px;
	zoom: 1;
	overflow: hidden;
}
div.search form div.search-box {
	float: none;
	width: 100%;
}
div.search form input.tbox {
	margin: 0 0 0 0;
	width: 76%;
	height: 38px;
	border: 1px solid #FFFFFF;
}
div.search form input.fedbt {
	width: 20%;
	height: 42px;
	font-size: 110%;
	border: 1px solid #003366;
	background-color: #003366;
}


/* ------------------------グローバルナビ------------------------ */
/* グローバルナビ */
div.bggnavi {
	background-color: transparent;
	border-top: none;
}
ul.gnavi {
	padding: 0 10px 20px 10px;
	width: auto;
	background: transparent;
	border-left: none;
	text-align: left;
}
ul.gnavi li {
	display: block;
	float: none;
	margin: 2px 0 0 0;
	padding: 0;
	width: auto;
	min-height: auto;
	background-color: #FFFFFF;
	border-right: none;
	background-image: url(/images/nc_icon_inlink.png);
	background-repeat: no-repeat;
	background-position: 96% 1.1em;
}
ul.gnavi li a,
ul.gnavi li.gnb03 a,
ul.gnavi li.gnb04 a,
ul.gnavi li.gnb05 a {
	display: block;
	padding: 18px 20px 14px 20px;
	width: auto;
	height: auto;
}
ul.gnavi a:link,
ul.gnavi a:visited,
ul.gnavi a:active,
ul.gnavi a:hover,
ul.gnavi a:focus,
ul.gnavi li.active a:link,
ul.gnavi li.active a:visited {
	color: #333333;
	background-color: transparent;
}


/* ------------------------コンテンツ外枠------------------------ */
div#basewrap {
	margin: 0 10px 0 10px;
	width: auto;
}


/* ------------------------パンくずナビ------------------------ */
ul.pankuzu {
	display: none;
}


/* ------------------------コンテンツ大枠------------------------ */
div.wrap {
	width: auto;
}

/* メインコンテンツ */
div#main,
div.shicho div#main-nosub {
	float: none;
	width: auto;
}

/* ローカルナビゲーション */
div#localnavi {
	float: none;
	margin: 0;
	width: auto;
}


/* ------------------------フッター------------------------ */
/* フッターのページ上部に戻る */
div.foot1bg {
	display: none;
}

/* フッターリスト */
ul.footlist {
	padding: 0;
	width: auto;
	background-color: #F8FBFC;
	border-top: 1px solid #ECE9D2;
}
ul.footlist li,
ul.footlist li.lifirst {
	float: none;
	padding: 0;
	white-space: normal;
	border-left: none;
	border-bottom: 1px solid #ECE9D2;
	text-align: left;
	background-image: url(/images/nc_icon_inlink_lightblue.png);
	background-repeat: no-repeat;
	background-position: 97% 0.96em;
}
ul.footlist li a:link,
ul.footlist li a:visited,
ul.footlist li a:hover,
ul.footlist li a:active,
ul.footlist li a:focus {
	display: block;
	padding: 14px 30px 11px 20px;
	text-decoration: none;
}

/* フッターアドレス */
div.f-add {
	width: auto;
}
address {
	width: auto;
}

/* フッターリストスマホ用 */
div.f-mark {
	display: none;
}
ul.s-footlist {
	display: block;
	margin: 12px 10px 6px 10px;
	padding: 0 0 0 0;
}
ul.s-footlist li {
	margin: 1px 0 1px 0;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #FFFFFF;
}
ul.s-footlist li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 15px 5px 10px 5px;
	text-decoration: none;
	background-color: #FFFFFF;
}
ul.s-footlist li a:link,
ul.s-footlist li a:visited,
ul.s-footlist li a:hover,
ul.s-footlist li a:active {
	color: #333333;
}
ul.s-footlist li a:before {
	position: relative;
	top: 0;
	left: 0;
	content: "";
}
a.icon1-li:before {
	padding: 6px 17px 2px 17px;
	background-image: url(/images/nc_icon_s_li1.png);
	background-repeat: no-repeat;
}
a.icon2-li:before {
	padding: 4px 17px;
	background-image: url(/images/nc_icon_s_li2.png);
	background-repeat: no-repeat;
}
a.icon3-li:before {
	padding: 4px 17px;
	background-image: url(/images/nc_icon_s_li3.png);
	background-repeat: no-repeat;
}


/* ------------------------サブナビ------------------------ */
div.lobgbox li.pagelinkbt {
	text-align: center;
}

/* よくある暮らしの場面 */
div.loyokuaru {
	margin: 10px auto 10px auto;
}


/* ------------------------共通タグの基本定義------------------------ */
div.h1bg {
	margin-top: 8px;
}
div.h1bg h1 {
	padding: 22px 10px 16px 24px;
}
h4, h5, h6 {
	margin-left: 6px;
}
p.main-img img,
div#main img, div#main-nosub img {
	max-width: 100%;
	height: auto;
}
div#main img.img-guidance, div#main-nosub img.img-guidance {
	margin: 0 0 0 -1px;
	width: 1px;
	max-width: 1px;
	height: 1px;
}
p {
	margin-left: 6px;
}
ul {
	margin-left: 0;
	padding-left: 6px;
}
ol {
	margin: 0.7em 5px 0.7em 20px;
}
ul li {
	padding: 0 0 0 20px;
	background-position: 4px 0.43em;
}
table.table01 {
	margin: 0.2em 0 0.2em 0;
	width: 100%;
}

/* 表取り込み（Excel）と表の外枠と追記欄 */
.t-box, .t-box2 {
	margin: 0.56em 2px 0.56em 2px;
}
.t-box p, .t-box2 p {
	margin-left: 4px;
}


/* ------------------------テンプレート用共通------------------------ */
/* ▽地図エリア内▽ */
div.mapimg {
	float: none;
	position: relative;
	padding: 0 0 75% 0;
	height: 0;
	overflow: hidden;
}
div.mapimg iframe,
div.mapimg object,
div.mapimg embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 画像、画像リンク　左（文章回りこみ） */
div.img-area-l {
	margin-left: 0;
}
div.img-area-l p.imglink-txt-left {
	float: none;
}

/* 画像、画像リンク　右（文章回りこみ） */
div.img-area-r p.imglink-txt-right {
	float: none;
}
div.img-area-l p.imglink-txt-left img,
div.img-area-r p.imglink-txt-right img {
	margin: 1em 0 5px 0;
}

/* 画像エリア内 */
div.img-area {
	margin-left: 0;
}

/* 画像リンク（左　文章回りこみ無し） */
p.img-left {
	float: none;
	margin-right: 0;
}

/* 画像リンク（右　文章回りこみ無し） */
p.img-right {
	padding-left: 0;
	float: none;
}

/* 画像リンク　2個横並び　3個横並び　4個横並び　5個横並び */
div.img-area p.imglink-side2,
div.img-area p.imglink-side3,
div.img-area p.imglink-side4,
div.img-area p.imglink-side5 {
	float: none;
	overflow: hidden;
}
div.width-fix p.imglink-side3,
div.width-fix p.imglink-side5 {
	float: none;
	overflow: hidden;
	width: auto;
	text-align: center;
}

/* ファイルのダウンロード */
/* リンクスタイル */
p.filelink, p.pagelink {
	margin-left: 6px;
}
li.pagelink {
	margin-left: 0;
}

/* リンク説明用スタイル */
p.linktxt {
	margin-left: 26px;
}

/* ページ内ジャンプ */
ul.linkjump {
	margin-left: 6px;
}
ul.linkjump li {
	float: none;
}

/* コーナー用 */
ul.norcor {
	margin: 0 0 0 0;
}
ul.norcor li {
	padding-left: 30px;
}

/* Adobe Readerのダウンロード */
div#main p.dladobereader img,
div#main-nosub p.dladobereader img {
	width:158px;
	display: block;
}

/* 新着情報、新着情報一覧 */
div#main div.newinfo-box h2,
div#main-nosub div.newinfo-box h2 {
	margin: 15px 150px 0 6px;
}
ul.info-list .date {
	float: none;
	width: auto;
}
ul.info-list li span {
	margin-left: 0;
}

/* メニュー大枠　2列用枠内　3列用枠内 */
div.menulist {
	margin: 0;
}
div.menu2list,
div.menu3list {
	clear: both;
	margin: 0 0 0 0;
	display: block;
}
div#main div.menu3list div.m-box2,
div#main-nosub div.menu3list div.m-box2,
div.m-box2, div.m-box3 {
	float: none;
	padding: 0;
	width: auto;
}
div.menu2list div.m-box2,
div.menu3list div.m-box2 {
	display: block;
	margin: 20px 0 0 0;
	padding: 0 0 5px 0;
	border-right: none;
}
div.menu2list div.img-area-l,
div.menu3list div.img-area-l {
	padding: 8px;
}
ul.site-li li {
	white-space: normal;
}

/* メニューアコーディオン2列 */
div.linknavi {
	margin: 0;
}
div.switch_menu {
	float: none;
	margin: 0 0 2px 0;
	width: 100%;
}


/* ------------------------イベカレ------------------------ */
/* アイコン詳細 */
ul.calicon-li {
	margin-left: 0;
}
div#main-nosub ul.calicon-li img {
	width:auto;
	height: auto;
}

/* カレンダーボタンリスト */
ul.calbt-li {
	margin: 0 0 0 4px;
	padding: 0;
}
ul.calbt-li li {
	margin: 0 4px 5px 0;
	float: none;
}

/* 前の月・次の月 */
div.calwrap {
	margin: 1em 0 0.7em 0;
}

/* カレンダー枠 */
div.cal-wrap {
	margin: 0 0 0 0;
}

/* セル内表示設定 */
table#calendarlist p img {
	width: auto;
	height: auto;
}

}/* max-width660px-END */

