@charset "utf-8";
/* ===========================================================
	CSS Information
		Author:      小林市役所
		Filename:    module.css
		Style-info:  ヘッダ・フッタ（共通）
=========================================================== */

/*------------------------------------------------------
	header
------------------------------------------------------ */

header {
	width: 100%;
	background: url(../images/bk-header.png) 0 0 repeat-x;
	margin-bottom: 20px;
}

#header-inner {
	position: relative;
	width: 946px;
	height: 170px;
	margin: 0 auto;
	padding: 0 7px;
	background: url(../images/bk-header-inner.png) 0 0 no-repeat;
}

#header-inner h1 a {
	position: absolute;
	top: 43px;
	left: 7px;
	display: block;
	width: 220px;
	height: 80px;
	background: url(../images/ttl-header.png) 0 0 no-repeat;
	text-indent: -9998px;
}

/*----- フォントサイズチェンジャー -----*/

#header-fontsize {
	position: absolute;
	top: 13px;
	right: 150px;
	width: 206px;
}

#header-fontsize dt {
	width: 80px;
	height: 16px;
	margin: 17px 10px 0 0;
	background: url(../images/ttl-fontsize.png) 0 0 no-repeat;
	text-indent: -9998px;
	float: left;
}

#fsize-std a {
	display: block;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	background: url(../images/btn-fontsize.png) 0 0 no-repeat;
	text-indent: -9998px;
	float: left;
}

#fsize-large a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/btn-fontsize.png) 0 -50px no-repeat;
	text-indent: -9998px;
	float: left;
}


/*----- 観光情報へのリンク -----*/

#tourismLink {
	position: absolute;
	top: 0;
	right: 3px;
	width: 132px;
	height: 69px;
}

#tourismLink a {
	display: block;
	width: 132px;
	height: 69px;
	background: url(../images/btn-header-tourism.png) 0 0 no-repeat;
	text-indent: -9998px;
}
#tourismLink a:hover { background:url(../images/btn-header-tourism.png) 0 -69px;}


/*----- 市政情報へのリンク -----*/

#governmentLink {
	position: absolute;
	top: 0;
	right: 3px;
	width: 132px;
	height: 69px;
}

#governmentLink a {
	display: block;
	width: 132px;
	height: 69px;
	background: url(../images/btn-header-government.png) 0 0 no-repeat;
	text-indent: -9998px;
}
#governmentLink a:hover { background:url(../images/btn-header-government.png) 0 0;}


/*----- googleサーチ -----*/


#googleSearch {
	position: absolute;
	top: 80px;
	right: 3px;
}

body.home #googleSearch {
	position: absolute;
	top: 40px;
	right: 3px;
}

#gInput { float: left;}
#gInputText {
	width: 227px;
	border: #E2E2E2 solid 1px;
	padding: 3px;
}

#googleSearch dd {
	margin: 2px 0 0 3px;
	float: left;
}


/*----- ヘッダー内リンク -----*/

#header-link {
	position: absolute;
	bottom: 36px;
	right: 3px;
}

#header-link ul { overflow: hidden;}
#header-link li {
	display: inline-block;
	margin-right: 8px;
}

#header-link li a {
	padding-left: 10px;
	background: url(../images/point-headerlink.png) 0 4px no-repeat; 
}


/*----- こすもアニメーション -----*/

#header-cosumo {
	position: absolute;
	top: 52px;
	left: 241px;
	width: 435px;
	height: 110px;
}

body.tourism #header-cosumo {
	position: absolute;
	top: 52px;
	left: 301px;
	width: 435px;
	height: 110px;
}


/*------------------------------------------------------
	グローバルナビゲーション
------------------------------------------------------ */

#gNavi {
	width: 100%;
	height: 69px;
	margin: 0 auto;
	background: #F9F8F7;
	border-bottom: #dfdfdf solid 1px;
}

#gNavi ul {
	width: 940px;
	height: 69px;
	margin: 0 auto;
}
#gNavi li { float: left;}

#gNavi li a {
	display: block;
	width: 100px;
	height: 69px;
	text-indent: -9998px;
}

#gnaviHome a { background: url(../images/btn-global.png) 0 0 no-repeat; margin-right: 20px;}
#gnaviReport a { background: url(../images/btn-global.png) -100px 0 no-repeat; margin-right: 20px;}
#gnaviHealth a { background: url(../images/btn-global.png) -200px 0 no-repeat; margin-right: 20px;}
#gnaviEducation a { background: url(../images/btn-global.png) -300px 0 no-repeat; margin-right: 20px;}
#gnaviLife a { background: url(../images/btn-global.png) -400px 0 no-repeat; margin-right: 20px;}
#gnaviBidding a { background: url(../images/btn-global.png) -500px 0 no-repeat; margin-right: 20px;}
#gnaviGovernment a { background: url(../images/btn-global.png) -600px 0 no-repeat; margin-right: 20px;}
#gnaviEvent a { background: url(../images/btn-global.png) -700px 0 no-repeat;}

#gnaviHome a:hover { background: url(../images/btn-global.png) 0 -69px no-repeat;}
#gnaviReport a:hover { background: url(../images/btn-global.png) -100px -69px no-repeat;}
#gnaviHealth a:hover { background: url(../images/btn-global.png) -200px -69px no-repeat;}
#gnaviEducation a:hover { background: url(../images/btn-global.png) -300px -69px no-repeat;}
#gnaviLife a:hover { background: url(../images/btn-global.png) -400px -69px no-repeat;}
#gnaviBidding a:hover { background: url(../images/btn-global.png) -500px -69px no-repeat;}
#gnaviGovernment a:hover { background: url(../images/btn-global.png) -600px -69px no-repeat;}
#gnaviEvent a:hover { background: url(../images/btn-global.png) -700px -69px no-repeat;}


/*------------------------------------------------------
	ぱんくず
------------------------------------------------------ */

#panks {
	display: inline-block;
	padding: 5px 8px;
	background: #F5F4F2;
	border-radius: 3px;
	overflow: hidden;
}

#panks li {
	margin-left: 5px;
	float: left;
	font-weight: bold;
}

#panks li a {
	background: url(../images/point-panks.png) no-repeat right center;
	padding-right: 15px;
	font-weight: normal;
}

/*------------------------------------------------------
	重要なお知らせ
------------------------------------------------------ */

#home-attention {
	overflow: hidden;
	margin-bottom: 20px;
}

#home-attention dt {
	margin-bottom: 10px;
}

#home-attention dd {
	padding: 5px 5px 0 5px;
	background: #fffff4;
	border: #CCC 1px solid;
}
#home-attention dd a { color: #F00;}

#home-attention h2 {
	position: static !important;
	width: 156px !important;
	height: 19px !important;
	background: url(../images/ttl-attention.png) no-repeat !important;
	text-indent: -9998px !important;
}
#home-attention li img { display: none}


/*------------------------------------------------------
	カテゴリー
------------------------------------------------------ */

/*----- カテゴリコンテンツ -----*/

#catContents {
	width: 720px;
	float: right;
}

/*----- カテゴリコンテンツ（1カラム） -----*/

body.event #catContents { width: 100%;}


/*----- カテゴリータイトル -----*/

body.low h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #E60012 dotted 1px;
	font-size: 200%;
	color: #E60012;
}

body.health h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #07913A dotted 1px;
	font-size: 200%;
	color: #07913A;
}

body.education h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #1D2088 dotted 1px;
	font-size: 200%;
	color: #1D2088;
}

body.life h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #E4007F dotted 1px;
	font-size: 200%;
	color: #E4007F;
}

body.bidding h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #E83428 dotted 1px;
	font-size: 200%;
	color: #E83428;
}

body.government h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #920783 dotted 1px;
	font-size: 200%;
	color: #920783;
}

body.event h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #F8B62B dotted 1px;
	font-size: 200%;
	color: #F8B62B;
}

body.department h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #666 dotted 1px;
	font-size: 200%;
	color: #666;
}

body.news h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #E60012 dotted 1px;
	font-size: 200%;
	color: #E60012;
}

body.wanted h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #E60012 dotted 1px;
	font-size: 200%;
	color: #E60012;
}

body.serch h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #006600 dotted 1px;
	font-size: 200%;
	color: #006600;
}

body.delivery h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #E0563C dotted 1px;
	font-size: 200%;
	color: #E0563C;
}

body.warning h2#cat-title {
	margin-bottom: 30px !important;
	padding: 20px 30px !important;
	border-bottom: #E60012 dotted 1px !important;
	font-size: 200% !important;
	color: #E60012 !important;
}

body.sitemap h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #666 dotted 1px;
	font-size: 200%;
	color: #666;
}


/*----- カテゴリー新着リスト -----*/

#catNews { margin-bottom: 20px;}
#catNews h2 {
	width: 720px;
	height: 40px;
	margin-bottom: 15px;
	background: url(../images/ttl-catNews.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#catWanted { margin-bottom: 20px;}
#catWanted h2 {
	width: 720px;
	height: 40px;
	margin-bottom: 10px;
	background: url(../images/ttl-catWanted.png) 0 0 no-repeat;
	text-indent: -9998px;
}

/* .cat-newList {
	background: url(../images/point-cat-newList.png) 0 center no-repeat;
	padding-left: 20px;
} */


/*----- カテゴリーサブカテゴリリンク（未使用） -----*/

#subcat-link { overflow: hidden;}
#subcat-link li {
	margin-bottom: 20px;
	font-size: 120%;
	float: left;
}

#subcat-link li a {
	display: table-cell;
	width: 280px;
	height: 70px;
	padding-left: 70px;
	background: url(../images/bk-catLink.png) 0 0 no-repeat;
	vertical-align: middle;
}

#subcat-link li a:hover {
	background: url(../images/bk-catLink.png) 0 -70px no-repeat;
	color: #fff;
}

/* サブカテゴリリストマージン調整 */

#subcat-link li.even {
	margin-right: 20px;
}

/* サブカテゴリリストサムネイル非表示 */

.wanted #topNewsList li img { display: none;}


/*----- カテゴリーサブカテゴリリンク（） -----*/

#subcat-link-government { overflow: hidden;}
#subcat-link-government h3 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: #E3E3E2 dotted 1px;
	font-size: 130%;
}

#subcat-link-government h3 a {
	background: url(../images/icon-subcat-link-government.png) 0 2px no-repeat;
	padding-left: 25px;
}

#subcat-link-government ul {
	overflow: hidden;
	margin-bottom: 20px;
}

#subcat-link-government li {
	display: block;
	width: 30%;
	margin-left: 10px;
	float: left;
}

#subcat-link-government li a {
	display: block;
	background: url(../images/point-subcatlist.png) 0 6px no-repeat;
	padding-left: 17px;
	font-size: 110%;
}




/*------------------------------------------------------
	サブカテゴリー
------------------------------------------------------ */

/*----- サブカテゴリコンテンツ -----*/

#subcatContents {
	width: 720px;
	float: right;
}

#subcatContents h2 {
	font-size: 150%;
	margin-bottom: 10px;
	padding-left: 15px;
	border-left: #E60012 solid 5px;
}

#subcatList {
	padding: 20px;
	background: url(../images/bk-newsList.png) 0 bottom no-repeat;
	color: #999;
	line-height: 200%;
}
#subcatList img { display: none;}


/*----- サブカテゴリサイドメニュー -----*/

#subcatSide {
	width: 210px;
	float: left;
}

body.low #subcatSide ul { border-radius: 10px; padding: 20px 0; background: #E60012;}
body.health #subcatSide ul { border-radius: 10px; padding: 20px 0; background: #07913A;}
body.education #subcatSide ul { border-radius: 10px; padding: 20px 0; background: #1D2088;}
body.life #subcatSide ul { border-radius: 10px; padding: 20px 0; background: #E4007F;}
body.bidding #subcatSide ul { border-radius: 10px; padding: 20px 0; background: #E83428;}
body.government #subcatSide ul { border-radius: 10px; padding: 20px 0; background: #920783;}

#subcatSide ul li {
	padding: 10px 0;
	background: #F9F8F7;
	border-top: #CBC9C6 dotted 1px;
}
#subcatSide ul li.last { border-bottom: #CBC9C6 dotted 1px;}

#subcatSide ul li a {
	display: block;
	background: url(../images/point-subcatlist.png) 0 5px no-repeat;
	margin-left: 13px;
	padding-left: 20px;
}


/*------------------------------------------------------
	戻るボタン
------------------------------------------------------ */

#link-back {
	margin-top: 20px;
	padding-left: 10px;
	float: none;
	clear: both;
	overflow: hidden;
}

#link-back a {
	padding-left: 15px;
	background: url(../images/point-back.png) 0 center no-repeat;
}


/*------------------------------------------------------
	コンテンツ用
------------------------------------------------------ */

/*----- 記事コンテンツH2タイトル用 -----*/

body#page h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: none;
	font-size: 200%;
	color: #fff;
}

body#page.low h2#cat-title { background: #E60012;}
body#page.health h2#cat-title { background: #07913A;}
body#page.education h2#cat-title { background: #1D2088;}
body#page.life h2#cat-title { background: #E4007F;}
body#page.bidding h2#cat-title { background: #E83428;}
body#page.government h2#cat-title { background: #920783;}
body#page.event h2#cat-title { background: #F8B62B;}
body#page.faq h2#cat-title { background: #060;}


/*----- 記事コンテンツ -----*/

#pageContents {
	width: 700px;
	padding: 0 10px 50px 10px;
	background: url(../images/bk-newsList.png) 0 bottom no-repeat;
	float: left;
}

body#page #pageContents h3 {
	margin-bottom: 20px;
	padding: 5px 10px;
	font-size: 180%;
	font-weight: bold;
}

body#page.low #pageContents h3 {
	border-bottom: #E60012 solid 1px;
	border-left: #E60012 solid 10px;
}

body#page.health #pageContents h3 {
	border-bottom: #07913A solid 1px;
	border-left: #07913A solid 10px;
}

body#page.education #pageContents h3 {
	border-bottom: #1D2088 solid 1px;
	border-left: #1D2088 solid 10px;
}

body#page.life #pageContents h3 {
	border-bottom: #E4007F solid 1px;
	border-left: #E4007F solid 10px;
}

body#page.bidding #pageContents h3 {
	border-bottom: #E83428 solid 1px;
	border-left: #E83428 solid 10px;
}

body#page.government #pageContents h3 {
	border-bottom: #920783 solid 1px;
	border-left: #920783 solid 10px;
}

body#page.event #pageContents h3 {
	border-bottom: #F8B62B solid 1px;
	border-left: #F8B62B solid 10px;
}


#pageContents h4 {
	border-left: #6A3906 solid 5px;
	margin-bottom: 10px;
	padding: 3px 10px;
	font-size: 150%;
	font-weight: bold;
}

#pageContents h5 {
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #F0EFED;
	font-size: 120%;
	font-weight: bold;
}

#pageContents h6 {
	padding: 5px 12px;
	background: url(../images/point-h6.png) 0 center no-repeat;
	font-size: 110%;
	font-weight: bold;
}


/*----- サイトマップ用調整 -----*/

body.sitemap #pageContents { width: 940px; background: none;}
body.sitemap #pageContents h3 {
	border-left: #6A3906 solid 5px;
	margin-bottom: 10px;
	padding: 3px 10px;
	font-size: 180%;
	font-weight: bold;
}

body.sitemap #pageContents h4 {
	border-left: none;
	margin-left: 20px;
	padding: 5px 12px;
	background: url(../images/point-h6.png) 0 center no-repeat;
	font-size: 150%;
	font-weight: bold;
}

body.sitemap #pageContents h5 {	font-size: 120%;}

/*----- 本文内リストタグ -----*/

body#page article ol, body#page article ul { margin-left: 30px;}
body#page article ul li { list-style-type: disc;}
body#page article #panks ul, body#page article #pageSide ul { margin-left: 0px;}
body#page article #panks ul li, body#page article #pageSide ul li { list-style-type: none;}

/*----- 本文内テーブルタグ -----*/

body#page article table { border: #000 solid 2px;}
body#page article table th, body#page article table td {
	padding: 5px;
	border: #000 solid 2px;
}

/*----- 本文内画像レイアウト -----*/

body#page article img {
	margin: 5px 10px;
}

/*----- コンテンツサイド -----*/

#pageSide {
	width: 220px;
	float: right;
}

#page-sideFaqLife a {
	display: block;
	width: 220px;
	height: 60px;
	margin-bottom: 10px;
	background: url(../images/btn-contSide.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#page-sideFaqClass a {
	display: block;
	width: 220px;
	height: 60px;
	margin-bottom: 10px;
	background: url(../images/btn-contSide.png) 0 -60px no-repeat;
	text-indent: -9998px;
}


#page-sideCons a {
	display: block;
	width: 220px;
	height: 60px;
	margin-bottom: 10px;
	background: url(../images/btn-contSide.png) 0 -120px no-repeat;
	text-indent: -9998px;
}

#page-sideFacility a {
	display: block;
	width: 220px;
	height: 60px;
	margin-bottom: 10px;
	background: url(../images/btn-contSide.png) 0 -180px no-repeat;
	text-indent: -9998px;
}

#page-sideOpinion a {
	display: block;
	width: 220px;
	height: 60px;
	background: url(../images/btn-contSide.png) 0 -240px no-repeat;
	text-indent: -9998px;
}

#page-sideFaqLife a:hover { background: url(../images/btn-contSide.png) -220px 0 no-repeat;}
#page-sideFaqClass a:hover { background: url(../images/btn-contSide.png) -220px -60px no-repeat;}
#page-sideCons a:hover { background: url(../images/btn-contSide.png) -220px -120px no-repeat;}
#page-sideFacility a:hover { background: url(../images/btn-contSide.png) -220px -180px no-repeat;}
#page-sideOpinion a:hover { background: url(../images/btn-contSide.png) -220px -240px no-repeat;}


/*----- コンテンツアンケート -----*/

#form-Question {
	width: 720px;
	float: left;
	margin-top: 30px;
	padding-bottom: 20px;
	background: #F9F8F7;
	font-size: 110%;
}

#form-Question h2 {
	padding: 10px 15px;
	background: #225CA6;
	color: #fff;
	font-size: 140%;
}

#form-Question dl { padding: 20px 30px;}
#form-Question dt {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url(../images/point-pageQuestion.png) 0 center no-repeat;
	font-weight: bold;
}

#form-Question dd {
	margin-bottom: 10px;
	padding-left: 20px;
}

#form-Question button {
	display: block;
	cursor: pointer;
	font-weight: bold;
	width: 120px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
}

#form-Question textarea {
	width: 100%;
}


/*----- メールフォームエラー画面 -----*/

body#page.enqError h2#cat-title { background: #E60012;}
body#page.enqError input.enq {
	display: block;
	margin: 20px auto 0 auto;
	padding: 10px;
	border-radius: 10px;
	float: none;
	clear: both;
}


/*----- コンテンツ担当課表記 -----*/

#page-respons {
	width: 674px;
	margin-top: 30px;
	padding: 30px 20px 10px 20px;
	border: #F4F4F4 solid 3px;
	font-size: 120%;
	float: left;
}


/*----- 課詳細ページ -----*/

body.department #pageContents {
	width: 100%;
	background: none;
}

#table-depart {
	width: 900px;
	margin: 0 auto 30px auto;
}

#table-depart th {
	width: 25%;
	font-weight: bold;
	background: #f6f6f6;
}

#table-depart th, #table-depart td {
	padding: 10px;
	border: #999 solid 1px;
}


/*----- 課詳細新着リスト -----*/

#departmentNewslist { padding: 0 0 0 30px;}


/*----- イベントカレンダー -----*/

body.event #calendar {
	width: 960px;
}

.control {
	padding: 10px;
	text-align: center;
	font-size: 150%;
}

.weekname {
	width: 133px;
	margin: 0 2px 2px 2px;
	padding: 5px 0;
	text-align: center;
	float: left;
}

.week {
	overflow: hidden;
	clear: both;
}
.week0 { background: #F9ECE6;}
.week6 { background: #E4F8F9;}

.day {
	width: 125px;
	min-height: 100px;
	margin: 2px;
	padding: 3px;
	border: #666 solid 1px;
	float: left;
	vertical-align: top;
}

.day p {
	margin-bottom: 3px;
	line-height: 120%;
}
.day p span { color:#F8B62B;}
.empty { border: #fff solid 1px;}
.nocont { border: #d2d2d2 solid 1px;}


/*------------------------------------------------------
	footer
------------------------------------------------------ */

footer {
	display: block;
	width: 100%;
	margin-top: 60px;
}

#footer-inner {
	width: 810px;
	margin: 0 auto;
	padding: 20px 0 0 150px;
	background: url(../images/img-footerRogo.png) 0 10px no-repeat;
	min-height: 50px;
	color: #fff;
}
#footer-inner a { color: #fff;}

#footer-link {
	padding: 25px 0 0 0;
	background: #F9F8F6;
	border-top: #e2e2e2 solid 1px;
}

#footer-link-inner {
	width: 960px;
	margin: 0 auto;
}

#footer-link-inner ul {
	margin-bottom: 10px;
	float: right;
}

#footer-link-inner ul li {
	float: left;
}


#footer-link-inner li a {
	background: url(../images/point-footerlink.png) 0 center no-repeat;
	margin-right: 10px;
	padding-left: 10px;
}

#pagetop {
	width: 100%;
	height: 30px;
	float: none;
	clear: both;
	overflow: hidden;
}

#pagetop a {
	display: block;
	width: 110px;
	height: 30px;
	background: url(../images/btn-pagetop.png) 0 0 no-repeat;
	text-indent: -9998px;
	float: right;
}

/* コンテンツリンク */

#footer-link-contents {
	width: 700px;
	font-size: 82%;
	float: left;
}

/* 広告バナー */

#footer-adbanner {
	width: 960px;
	margin: 0 auto 30px auto;
	overflow: hidden; 

}

#footer-adbanner ul {
	width: 960px;
}

#footer-adbanner ul li {
	margin: 3px;
	float: left;
}


/*------------------------------------------------------
	メール配信サービス
------------------------------------------------------ */

body.delivery #catContents h3 {
	margin-bottom: 10px;
	padding: 10px 20px 5px 20px;
	background: #FFECEC;
	border-radius: 5px;
	font-size: 180%;
	color: #4087C7;
}

body.delivery #catContents h4 {
	border-left: #6A3906 solid 5px;
	margin-bottom: 10px;
	padding: 3px 10px;
	font-size: 150%;
	font-weight: bold;
}

body.delivery #catContents.page ul {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

body.delivery #catContents.page ul li {
	width: 30%;
	padding-left: 20px;
	float: left;
}


body.delivery #catContents.page input {
	padding: 5px 10px;
	margin-right: 5px;
}

body.delivery #catContents.top ul {
	margin-left: 20px;
	margin-bottom: 20px;
}

body.delivery #catContents.top ul li {
	width: 670px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-left: 0;
	list-style-type: disc !important;
	float: none;
}


/*------------------------------------------------------
	Copyright
------------------------------------------------------ */

#copyright {
	width: 100%;
	margin-top: -20px;
	padding-bottom: 10px;
	float: none;
	text-align: right;
}

/*------------------------------------------------------
	観光コンテンツ
------------------------------------------------------ */

body.tourism { background: #FBFBFB;}
body.tourism #wrap { background: #FBFBFB;}

body.tourism #header-inner h1 a {
	position: absolute;
	top: 8px;
	left: 7px;
	display: block;
	width: 315px;
	height: 130px;
	background: url(../images/rogo-tourism.png) 0 0 no-repeat;
	text-indent: -9998px;
}

body.tourism article {
	width: 660px;
	float: left;
}

/* グローバルナビゲーション */

body.tourism #gNavi {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	background: #5CB52F;
	border-bottom: #dfdfdf solid 1px;
	text-align: center;
}
body.tourism #gNavi ul { width: 960px;}
body.tourism #gNavi ul li a {
	display: block;
	width: 160px;
	height: 75px;
}

#home a { background: url(../images/btn-globalTourism.png) 0 0 no-repeat;}
#play a { background: url(../images/btn-globalTourism.png) -160px 0 no-repeat;}
#eat a { background: url(../images/btn-globalTourism.png) -320px 0 no-repeat;}
#buy a { background: url(../images/btn-globalTourism.png) -480px 0 no-repeat;}
#stay a { background: url(../images/btn-globalTourism.png) -640px 0 no-repeat;}
#event a { background: url(../images/btn-globalTourism.png) -800px 0 no-repeat;}

#home a:hover { background: url(../images/btn-globalTourism.png) 0 -75px no-repeat;}
#play a:hover { background: url(../images/btn-globalTourism.png) -160px -75px no-repeat;}
#eat a:hover { background: url(../images/btn-globalTourism.png) -320px -75px no-repeat;}
#buy a:hover { background: url(../images/btn-globalTourism.png) -480px -75px no-repeat;}
#stay a:hover { background: url(../images/btn-globalTourism.png) -640px -75px no-repeat;}
#event a:hover { background: url(../images/btn-globalTourism.png) -800px -75px no-repeat;}


/* スライダー */

body.tourism .flexslider {
	width: 660px;
	margin-bottom: 20px;
	overflow:hidden;
}

/* 各コンテンツタイトル */

#tourism-newlist { margin-bottom: 20px;}
#tourism-newlist-inner {
	position: relative;
	width: 660px;
	height: 60px;
	margin-bottom: 10px;
}

#tourism-newlist h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 60px;
	background: url(../images/ttl-tourism-newList.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#link-tourism-newlist {
	position: absolute;
	top: 8px;
	right: 70px;
}

#link-tourism-newlist a {
	display: block;
	width: 132px;
	height: 32px;
	background: url(../images/btn-tourism-newList.png) 0 0 no-repeat;
	text-indent: -9998px;
}
#link-tourism-newlist a:hover { background: url(../images/btn-tourism-newList.png) 0 -32px no-repeat;}

#link-tourism-rss {
	position: absolute;
	top: 8px;
	right: 0px;
}

#link-tourism-rss a {
	display: block;
	width: 62px;
	height: 32px;
	background: url(../images/btn-tourism-rss.png) 0 0 no-repeat;
	text-indent: -9998px; 
}
#link-tourism-rss a:hover { background: url(../images/btn-tourism-rss.png) 0 -32px no-repeat;}

#tourism-newlist-thum {
	padding-bottom: 15px;
	border-bottom: #BEEAFC solid 2px;
	overflow: hidden;
}

#tourism-newlist-thum li {
	width: 133px;
	margin: 0 15px;
	float: left;
	font-size: 90%;
}

#tourism-newlist-thum li img {
	margin-bottom: 3px;
}


/* イベント情報・トピックス背景 */

#tourism-home-evtp {
	width: 660px;
	background: url(../images/bk-tourism-ev-tp.png) 0 bottom no-repeat;
	overflow: hidden;
}

/* イベント情報 */

#tourism-home-event {
	display: block;
	width: 330px;
	float: left;
	padding-bottom: 10px;
}

#tourism-eventlist-inner {
	position: relative;
	width: 330px;
	height: 60px;
	margin-bottom: 10px;
}

#tourism-home-event h3 {
	width: 330px;
	height: 60px;
	background: url(../images/ttl-tourism-event.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#tourism-eventlist-inner li a {
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	width: 132px;
	height: 32px;
	background: url(../images/btn-tourism-event-list.png) 0 0 no-repeat;
	text-indent: -9998px;
}
#tourism-eventlist-inner li a:hover { background: url(../images/btn-tourism-event-list.png) 0 -32px no-repeat;}

#tourism-home-event ul {
	width: 290px;
	margin: 0 auto 15px auto;
}

#tourism-event-thum li {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #FE98AA dotted 1px;
	overflow: hidden;
}

#tourism-event-thum img {
	float: left;
	margin-right: 10px;
}

/* トピックス */

#tourism-home-topics {
	display: block;
	width: 330px;
	float: left;
}

#tourism-topicslist-inner {
	position: relative;
	width: 330px;
	height: 60px;
	margin-bottom: 10px;
}

#tourism-home-topics h3 {
	width: 330px;
	height: 60px;
	background: url(../images/ttl-tourism-topics.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#tourism-topicslist-inner li a {
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	width: 132px;
	height: 32px;
	background: url(../images/btn-tourism-topics-list.png) 0 0 no-repeat;
	text-indent: -9998px;
}
#tourism-topicslist-inner li a:hover { background: url(../images/btn-tourism-topics-list.png) 0 -32px no-repeat;}

#tourism-home-topics ul {
	width: 290px;
	margin: 0 auto 15px auto;
}

#tourism-topics-thum li {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #FFCC7F dotted 1px;
	overflow: hidden;
}

#tourism-topics-thum img {
	float: left;
	margin-right: 10px;
}


/* サイドメニュー */

#tourism-side {
	width: 281px;
	float: right;
}

#tourism-side-pamphlet {
	width: 281px;
	height: 131px;
	margin-bottom: 40px;
}


.btn-side-guide a {
	display: block;
	width: 158px;
	height: 58px;
}

.slide { overflow: hidden;}
.slide p { font-size: 82%;}
.side-navImg { float: right;}

#fb-link {
	width: 281px;
	margin-bottom: 20px;
}

#tourism-side-cosmoFb a {
	display: block;
	width: 281px;
	height: 71px;
	background: url(../images/btn-tourism-cosmoFb.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#tourism-side-kobayashiFb a {
	display: block;
	width: 281px;
	height: 55px;
	background: url(../images/btn-tourism-kobayashiFb.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#tourism-side-nojiriFb a {
	display: block;
	width: 281px;
	height: 58px;
	background: url(../images/btn-tourism-nojiriFb.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#tourism-side-youtube {	margin-bottom: 20px;}
#tourism-side-youtube h3 {
	width: 281px;
	height: 27px;
	background: url(../images/ttl-tourism-sideYoutube.png) 0 0 no-repeat;
	margin-bottom: 3px;
	text-indent: -9998px;
}

#toursim-youtubeLink a {
	display: block;
	width: 281px;
	height: 32px;
	background: url(../images/btn-tourism-sideYoutube.png) 0 0 no-repeat;
	margin: 3px 0 20px 0;
	text-indent: -9998px;
}
#toursim-youtubeLink a:hover { background: url(../images/btn-tourism-sideYoutube.png) 0 -32px no-repeat;}

#tourism-side-kobayashi a {
	display: block;
	width: 280px;
	height: 70px;
	background: url(../images/btn-tourism-association.png) 0 0 no-repeat;
	margin-bottom: 10px;
	text-indent: -9998px;
}
#tourism-side-kobayashi a:hover { background: url(../images/btn-tourism-association.png) 0 -70px no-repeat;}

#tourism-side-nojiri a {
	display: block;
	width: 280px;
	height: 70px;
	background: url(../images/btn-tourism-nojiri.png) 0 0 no-repeat;
	margin-bottom: 10px;
	text-indent: -9998px;	
}
#tourism-side-nojiri a:hover { background: url(../images/btn-tourism-nojiri.png) 0 -70px no-repeat;}

#tourism-side-homestay a {
	display: block;
	width: 280px;
	height: 70px;
	background: url(../images/btn-tourism-farmer.png) 0 0 no-repeat;
	margin-bottom: 20px;
	text-indent: -9998px;	
}
#tourism-side-homestay a:hover { background: url(../images/btn-tourism-farmer.png) 0 -70px no-repeat;}

#tourism-side-relationlink {}
#tourism-side-relationlink h3 {
	width: 150px;
	height: 60px;
	background: url(../images/ttl-tourism-sideLink.png) 0 0 no-repeat;
	text-indent: -9998px;
	margin-bottom: 3px;
}

#tourism-side-relationlink li a {
	background: url(../images/icon-sideLink.png) 0 center no-repeat;
	margin-left: 30px;
	padding-left: 20px;
}


/*----- カテゴリ -----*/

body#category.tourism #subcatList img { display: none;}


/*----- 個別記事 -----*/

body#page.tourism h2#cat-title { background: #5CB52F;}
body#page.tourism article h3 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: #225CA6 dotted 2px;
	font-size: 150%;
	color: #225CA6;
}

body#page.tourism article h4 {
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: #6A3906 solid 5px;
	font-size: 120%;
	color: #666;
}


/*----- コンテンツアンケート -----*/

body.tourism #form-Question {
	width: 660px;
	float: left;
	margin-top: 30px;
	padding-bottom: 20px;
	background: #F9F8F7;
	font-size: 110%;
}

#form-Question h2 {
	padding: 10px 15px;
	background: #225CA6;
	color: #fff;
	font-size: 140%;
}

#form-Question dl { padding: 20px 30px;}
#form-Question dt {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url(../images/point-pageQuestion.png) 0 center no-repeat;
	font-weight: bold;
}

#form-Question dd {
	margin-bottom: 10px;
	padding-left: 20px;
}

#form-Question button {
	display: block;
	cursor: pointer;
	font-weight: bold;
	width: 120px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
}

#form-Question textarea {
	width: 100%;
}


/*----- コンテンツ担当課表記 -----*/

body.tourism #page-respons {
	width: 614px;
	margin-top: 30px;
	padding: 30px 20px 10px 20px;
	border: #F4F4F4 solid 3px;
	font-size: 120%;
	float: left;
}


/*----- カテゴリーサブカテゴリリンク -----*/

#tourism-subcat-link ul {
	margin-left: 0px;
}


/*----- サイドサブカテゴリリスト -----*/

body.tourism #subcatSide {
	width: 281px;
	float: none;
	margin-bottom: 20px;
}

body.tourism #subcatSide ul { border-radius: 10px; padding: 20px 0; background: #53A32A;}
body.tourism #subcatSide ul li {
	padding: 10px 0;
	background: #F9F8F7;
	border-top: #CBC9C6 dotted 1px;
}
body.tourism #subcatSide ul li.last { border-bottom: #CBC9C6 dotted 1px;}

body.tourism #subcatSide ul li a {
	display: block;
	background: url(../images/point-subcatlist.png) 0 5px no-repeat;
	margin-left: 13px;
	padding-left: 20px;
}


/*----- サブカテゴリタイトル -----*/

body.tourism h2#cat-title {
	margin-bottom: 30px;
	padding: 20px 30px;
	border-bottom: #07913A dotted 1px;
	font-size: 200%;
	color: #07913A;
}

body.tourism #subcatContents h3 {
	font-size: 150%;
	margin-bottom: 10px;
	padding-left: 15px;
	border-left: #E60012 solid 5px;
}


#tourism-subcat-link li {
	display: table-cell;
	width: 320px;
	height: 70px;
	float: left;
}

#tourism-subcat-link li a {
	display: table-cell;
	width: 320px;
	height: 70px;
	padding-left: 70px;
	padding-right: 10px;
	background: url(../images/bk-tourism-catLink.png) 0 0 no-repeat;
	font-size: 130%;
	vertical-align: middle;
}


/* サブカテゴリリストマージン調整 */

#tourism-subcat-link li.even { margin-right: 20px;}



/*----- サブカテゴリコンテンツ -----*/

body.tourism #subcatContents {
	width: 660px;
	float: left;
}

body.tourism #subcatContents h2 {
	font-size: 150%;
	margin-bottom: 10px;
	padding-left: 15px;
	border-left: #E60012 solid 5px;
}

body.tourism #subcatList {
	padding: 20px;
	background: url(../images/bk-tourism-newsList.png) 0 bottom no-repeat;
	color: #999;
	line-height: 200%;
}


/*----- ぱんくず -----*/

body.tourism #panks {
	display: block;
	padding: 5px 8px;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 3px;
	overflow: hidden;
}

body.tourism #panks li {
	margin-left: 5px;
	float: left;
	font-weight: bold;
}

body.tourism #panks li a {
	background: url(../images/point-panks.png) no-repeat right center;
	padding-right: 15px;
	font-weight: normal;
}


/*----- 新着一覧サムネ消去 -----*/


#tourism-newslist img { display: none;}

/*END*/