@charset "UTF-8";
/* CSS Style for Desktop */

/* *********************************************************************************************
  RESET CSS
************************************************************************************************ */
/* テーブルの枠線に関する指定は不要なので削除 */
/*
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; }
*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; }

body { font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; font-size:87.5%; line-height:1.5em; color:#333; background-color:#FFF; }
html/**/body { font-size:14px; }

h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; line-height:1.1em; }
img { display:block; }

/* *********************************************************************************************
  共通
************************************************************************************************ */
a { color:#333; }
a:hover { color:#09F; }

.smartphone { display:none; }/* スマートフォン用の要素を非表示 */

.align_center { display:block; margin-right:auto; margin-left:auto; margin-bottom:15px; }
.align_right { display:block; float:right; margin:0 0 15px 15px; }
.align_left { display:block; float:left; margin:0 15px 15px 0; }

.text_center { text-align:center; }
.text_right { text-align:right; }
.text_left { text-align:left; }

.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }

.hide { display:none; }
.mini { font-size:80%; }

a[href$=".pdf"] { padding-right:28px; background:url(../img/icon_pdf.png) right no-repeat; }
a[href$=".doc"],
a[href$=".docx"] { padding-right:28px; background:url(../img/icon_word.png) right no-repeat; }
a[href$=".xls"],
a[href$=".xlsx"] { padding-right:28px; background:url(../img/icon_excel.png) right no-repeat; }
a[href$=".ppt"],
a[href$=".pptx"] { padding-right:28px; background:url(../img/icon_ppt.png) right no-repeat; }
a[href$=".zip"] { padding-right:28px; background:url(../img/icon_zip.png) right no-repeat; }
a[href$=".lzh"] { padding-right:28px; background:url(../img/icon_lzh.png) right no-repeat; }


/* ===========================================================
  デスクトップレイアウト：641px以上
 =========================================================== */
/* 全体 */
body { background-color:#FFF; text-align:center; }
#wrap { width:970px; margin:0 auto; text-align:left; }
noscript p { display:block; width:100%; text-align:center; padding:7px 0 5px; background-color:#0056CC; color:#FFF; border-bottom:solid 1px #004480; }


/* *********************************************************************************************
  ヘッダーエリア
************************************************************************************************ */
#header { position:relative; min-height:85px; overflow:hidden; background:url(../img/2f_hedImage.jpg) top left no-repeat; }
#home #header { background:none; }
#siteid { position:absolute; top:8px; left:11px; display:block; width:275px; height:62px; background:url(../img/siteID.png) no-repeat; }
#siteid h1, #siteid a { width:275px; height:62px; display:block; text-indent:-9999px; }


/* サブメニュー：言語切換＆サイトマップ */
#headerMenu { float:right; padding:14px 10px 0 0; width:auto; font-size:92%; margin-left:10px; }
#headerMenu ul { width:10.5em; list-style:none; white-space:nowrap; margin:0; padding:0; }
#headerMenu li { margin:5px 0 12px; }
#headerMenu a { color:#0056CB; padding-left:14px; background:url(../img/arrow_dotBlue.gif) 3px 3px no-repeat; white-space:nowrap; }
#headerMenu a:hover { background-position:3px -42px; color:#0098FF; }

#utilityMenu { float:right; font-size:92%; min-width:309px; }
#utilityMenu ul { min-width:309px; list-style:none; margin:15px 0 0; padding:0; }
#utilityMenu li { margin:9px 0; }

#utilityMenu a { padding:3px 10px; font-weight:bold; text-decoration:none; text-align:center; text-shadow:0 1px 0 #FFF;
background: #F8F8F8; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
#utilityMenu a:hover,
#utilityMenu a.active { background:#0056CB; color:#FFF; text-shadow:0 -1px 0 #004480; }
	.changeBtn, #inqBtn { border:solid 1px #CBCBCB; white-space:nowrap; }
	.changeBtn { border-left:none; }/* 小中大 */
	#inqBtn { white-space:nowrap; }/* お問い合わせ */
	#j-font-size-small { border-left:solid 1px #CBCBCB!important; }
	#j-font-size-medium {}
	#j-font-size-large {}
	#inqBtn { margin-left:8px; }

#searchMenu input { line-height:1.1em; margin:0; padding:3px; }
#searchMenu input#q { width:153px; height:20px; border:solid 1px #CBCBCB; border-right:none; }/* 検索ワード入力フォーム */
#searchMenu input#searchBtn { width:50px; height:28px; border:solid 1px #CBCBCB; background-color:#C9E2FF; font-size:14px; font-weight:bold; }/* 検索ボタン */

.shadow { clear:both; width:950px; height:285px; padding:0 10px; margin-bottom:14px; }
.bx-wrapper { box-shadow:0 0 3px #666; }
.fadein { position:relative; width:950px; height:285px; margin:0; padding:0; list-style:none; }
.fadein li { position:absolute; top:0; left:0; }
.fadein img { width:950px; height:285px; }

.subPhoto { display:none; }

/* メインメニュー */
#mainMenu { margin:0 9px 10px; border:solid 1px #BFBFBF; box-shadow:0 0 3px #999; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
#home #mainMenu { margin-bottom:24px; }
#mainMenu ul { display:block; width:950px; height:84px; margin:0; padding:0; list-style:none; }
#mainMenu ul li { float:left; border-left:solid 1px #BFBFBF; }
#mainMenu ul li a { display:block; width:212px; height:84px; overflow:hidden; background-image:url(../img/mainMenu_btn.png); text-indent:-9999px; }

	/* ホーム */
	#mainMenu ul li#homeMenu { border-left:none; }
	#mainMenu ul li#homeMenu a { background-position:0px 0px; width:98px; -webkit-border-bottom-left-radius:7px; -webkit-border-top-left-radius:7px; -moz-border-radius-bottomleft:7px; -moz-border-radius-topleft:7px; border-bottom-left-radius:7px; border-top-left-radius:7px; }
	#mainMenu ul li#homeMenu a:hover { background-position:0px -84px; }
	body#home #mainMenu ul li#homeMenu a { background-position:0px 168px; }
	body#home #mainMenu ul li#homeMenu a:hover { background-position:0px 84px; }
	/* くらしの窓口 */
	#mainMenu ul li#lifeMenu a { background-position:-99px 0px; }
	#mainMenu ul li#lifeMenu a:hover { background-position:-99px -84px; }
	body#life #mainMenu ul li#lifeMenu a { background-position:-99px 168px; }
	body#life #mainMenu ul li#lifeMenu a:hover { background-position:-99px 84px; }
	/* 観光・イベント */
	#mainMenu ul li#eventMenu a { background-position:-312px 0px; }
	#mainMenu ul li#eventMenu a:hover { background-position:-312px -84px; }
	body#event #mainMenu ul li#eventMenu a { background-position:-312px 168px; }
	body#event #mainMenu ul li#eventMenu a:hover { background-position:-312px 84px; }
	/* 事業者の方へ */
	#mainMenu ul li#businessMenu a { background-position:-525px 0px; }
	#mainMenu ul li#businessMenu a:hover { background-position:-525px -84px; }
	body#business #mainMenu ul li#businessMenu a { background-position:-525px 168px; }
	body#business #mainMenu ul li#businessMenu a:hover { background-position:-525px 84px; }
	/* かほく市について */
	#mainMenu ul li#cityMenu a { background-position:-738px 0px; -webkit-border-bottom-right-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topright:7px; border-bottom-right-radius:7px; border-top-right-radius:7px; }
	#mainMenu ul li#cityMenu a:hover { background-position:-738px -84px; }
	body#city #mainMenu ul li#cityMenu a { background-position:-738px 168px; }
	body#city #mainMenu ul li#cityMenu a:hover { background-position:-738px 84px; }


/* パンくずメニュー */
#topicPath { clear:both; width:950px; min-height:1.5em; margin:0 auto 10px; padding:5px 0; font-size:12px; background-color:#EFEFE8; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
* html #topicPath { height:1.5em; }/* IE6 */
	#topicPath ul { list-style:none; overflow:hidden; margin:0 0 0 15px; padding:0; width:800px; }
	#topicPath li { float:left; margin-right:7px; white-space:nowrap; }



/* *********************************************************************************************
  広告＆フッターエリア
************************************************************************************************ */
/* 広告エリア */
#ad { clear:both; width:952px; margin:0 auto; }
#adTitle { color:#666; font-size:114%; font-weight:normal; line-height:1.75em; height:1.75em; margin:0; padding:2px 0 0 8px; border-top:solid 1px #CBCBCB; }
 #ad .inner { background:url(../img/ad_bg.png) top repeat-x; padding:12px; }
 #ad ul { list-style:none; margin:-12px 0 0 -25px; padding:0; overflow:hidden; }
 #ad li { float:left; width:165px; height:50px; margin:10px 0 0 25px; }
 #ad li a { display:block; }

/* フッターエリア */
#footer { clear:both; width:912px; margin:0 auto; padding:20px 20px 45px; font-size:92.3%; font-style:normal; color:#333; background:#E5E5E5 url(../img/copyright.png) left bottom no-repeat; overflow:hidden; }
#footer a { color:#0056CB; }
#footer a:hover { color:#0098FF; }
#footer strong { color:#000; font-size:123%; padding:10px 0 10px 46px; background:url(../img/footer_symbol.png) left top no-repeat; }/* かほく市役所 */
#footer p { line-height:1.1em; font-size:92.3%; margin:6px 0; }

.phone, .fax { border-right:solid 1px #999; margin-right:10px; padding-right:5px; }
.phone, .fax, .email { display:inline-block; margin-top:5px; margin-bottom:8px; }

#footerMenu { font-size:92.3%; list-style:none; margin:0; padding:0; }
#footerMenu li { float:left; margin:0 25px 0 0; }
#footerMenu li a { padding-left:12px; background:url(../img/arrow_dotBlue.gif) 0px 3px no-repeat; }
#footerMenu li a:hover { background-position:0 -42px; }




/* *********************************************************************************************
  コンテンツエリア
************************************************************************************************ */
#container { clear:both; width:970px; }
.pagetop { clear:both; text-align:right; padding:10px 14px; }
.pagetop a { color:#999; font-size:12px; }
.pagetop a:hover { color:#000; }

.panel { position:relative; overflow:hidden; clear:both; margin:0 0 12px; background-color:#FFF; border:solid 1px #CCC; }
.panel:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }
/*\*/
* html div.panel { height:1em; overflow:visible; }
/**/

.panelTitle { font-size:114.3%; margin:0; padding:10px 0 9px 10px; background-color:#F0F0E9; }
.panel ul { list-style:none; padding:0; margin:0; }
	.panel ul li { margin-bottom:5px; padding-left:8px; line-height:1.54em; background:url(../img/arrow_blue.gif) top left no-repeat; }

.inner { padding:7px 12px; }
	#mainColumn .inner { padding:11px; overflow:hidden; }
.no_border { border:none; padding:0 12px; }

a.more,
a.rss { position:absolute; top:11px; display:block; padding:1px 0 0 18px; color:#666; line-height:14px; font-size:13px; text-shadow:0 1px 0 #FFF; text-decoration:none; }
a.more:hover,
a.rss:hover { color:#000; }
	a.more { right:70px; background:url(../img/moreIcon.png) top left no-repeat; }
	a.rss { right:10px; background:url(../img/rssIcon.png) top left no-repeat; }
span.date { clear:both; display:block; width:9.5em; float:left; color:#333; }

hr.dotted { clear:both; margin:30px 0; height:0; border:none; border-top:dotted 2px #CBCBCB; }

#columnSet { width:950px; margin-left:9px; }
#home #columnSet { width:764px; float:left; }



/* 中央カラム
************************************************************************************************ */
#centerColumn { width:572px; padding:0 2px; float:right; }
#centerColumn .panel { border:none; margin-bottom:15px; }
#centerColumn .panelTitle { background-color:#CFEBFF; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-top-left-radius:7px; border-top-right-radius:7px; }

/* お知らせ */
#information { background-color:#FFF7DD; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; box-shadow:0 1px 2px #CCC; }
#information .inner { padding:9px 12px 2px; }
#information h2.panelTitle { background-color:#FFCA42; }
#information ul { overflow:hidden; }
#information ul li { padding-left:0; background:none; word-wrap: break-word; }
#information ul li a { display:block; float:right; width:423px; margin-bottom:6px; }

  span.category { clear:both; float:left; display:inline-block; width:104px; height:0; padding-top:18px; margin-right:10px; background:top left no-repeat; font-size:11px; overflow:hidden; vertical-align:middle; text-indent:-9999px; }
  span.life { background-image:url(../img/category_life.png); }
  span.event { background-image:url(../img/category_event.png); }
  span.business { background-image:url(../img/category_business.png); }
  span.city { background-image:url(../img/category_city.png); }

/* お知らせ一覧 */
#read_top.infoall { background-color:#FFF7DD; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; box-shadow:0 1px 2px #CCC; }
#read_top.infoall #title { background:#FFCA42; border:none; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border-top-left-radius:7px; border-top-right-radius:7px; }
#read_top.infoall ul { overflow:hidden; }
#read_top.infoall ul li { padding-left:0; background:none; overflow:hidden; }
#read_top.infoall ul li a { display:block; float:right; width:600px; margin-bottom:6px; }


/* 目的別ガイド */
#purposeGuide { background-color:#004E93; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; box-shadow:0 1px 2px #CCC; }
#purposeGuide .inner { padding:0 14px 14px; }
#purposeGuide h2.panelTitle {
color:#FFF;
background: #004E94; /* Old browsers */
background: -moz-linear-gradient(top,  #0066ff 0%, #004E94 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(100%,#004E94)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0066ff 0%,#004E94 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0066ff 0%,#004E94 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0066ff 0%,#004E94 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0066ff 0%,#004E94 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#004E94',GradientType=0 ); /* IE6-9 */
}
#purposeGuide ul { margin:-6px 0 0 -6px; padding:0; list-style:none; overflow:hidden; }
#purposeGuide ul li { float:left; margin:6px 0 0 6px; padding:0; background-image:none; }
#purposeGuide ul li a { display:block; width:104px; height:80px; background-position:top; background-repeat:no-repeat; text-indent:-9999px; }
#purposeGuide ul li a:hover { background-position:bottom; }

li#pg01 a { background-image:url(../img/btn_pGuide01.png); }
li#pg02 a { background-image:url(../img/btn_pGuide02.png); }
li#pg03 a { background-image:url(../img/btn_pGuide03.png); }
li#pg04 a { background-image:url(../img/btn_pGuide04.png); }
li#pg05 a { background-image:url(../img/btn_pGuide05.png); }
li#pg06 a { background-image:url(../img/btn_pGuide06.png); }
li#pg07 a { background-image:url(../img/btn_pGuide07.png); }
li#pg08 a { background-image:url(../img/btn_pGuide08.png); }
li#pg09 a { background-image:url(../img/btn_pGuide09.png); }
li#pg10 a { background-image:url(../img/btn_pGuide10.png); }

/* 新着情報＆イベント情報＆日付リスト */
#news ul li,
#eventlist ul li { overflow:hidden; }
#news ul li a,
#eventlist ul li a { display:block; float:right; width:400px; }

 span.date { display:block; float:left; width:8.5em; }

/* 新着情報一覧＆イベント情報一覧＆日付リスト一覧 */
#newsall ul li,
#eventall ul li,
#datelist ul li { overflow:hidden; }
#newsall ul li a,
#eventall ul li a,
#datelist ul li a { display:block; float:right; width:570px; }


/* バナー */
#banner { width:566px; padding:30px 3px 10px; margin:0 2px; border-top:dotted 2px #CCC; overflow:hidden; }
#banner ul { list-style:none; margin:0 0 0 -10px; padding:0; }
#banner ul li { float:left; margin:0 0 16px 16px; }
#banner ul li a { display:block; }
* html #banner ul { margin:0 0 0 -30px; }
* html #banner ul li { margin:0 0 15px 12px; }



/* メインカラム（2階層目以降）
************************************************************************************************ */
#mainColumn { width:760px; padding:0; float:right; }

/* 2階層目タイトル */
#titleHeader { width:100%; height:105px; border-top:solid 5px #0056CB; border-bottom:solid 1px #CBCBCB;
background:#F8F8F8; /* Old browsers */
background:-moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
background:linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
#titleHeader h1 { display:block; height:105px; overflow:hidden; font-size:171%; line-height:105px; text-shadow:0 1px 0 #FFF; padding-left:20px; background-position:right bottom; background-repeat:no-repeat; }/* 24pt */

	#life #titleHeader h1 { background-image:url(../img/titleImg_life.png); }/* くらしの窓口 */
	#event #titleHeader h1 { background-image:url(../img/titleImg_event.png); }/* 観光・イベント */
	#business #titleHeader h1 { background-image:url(../img/titleImg_business.png); }/* 事業者の方へ */
	#city #titleHeader h1 { background-image:url(../img/titleImg_city.png); }/* かほく市について */
	#other1 #titleHeader h1 { background-image:url(../img/titleImg_other1.png); }/* その他１ */
	#other2 #titleHeader h1 { background-image:url(../img/titleImg_other2.png); }/* その他２ */

/* 3階層目タイトル */
#title { border-top:solid 5px #0056CB; border-left:solid 1px #CBCBCB; border-right:solid 1px #CBCBCB;
background:#F8F8F8; /* Old browsers */
background:-moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
background:linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
#title h1 { display:block; padding:15px 0; font-size:154%; line-height:1.4em; text-shadow:0 1px 0 #FFF; padding-left:20px; }

/* 2階層目コンテンツ */
.content { padding:20px 20px 5px 20px; margin-bottom:30px; }
	.content a { color:#0056CB; }
	.content a:hover { color:#0098FF; }
.line { border:solid 1px #CBCBCB; }
.content h2 { font-size:154%; margin:0 0 15px; padding:7px 10px; background-color: border-top:solid 5px #0056CB; border-left:solid 8px #0056CB; border-bottom:solid 2px #0056CB;
background:#F8F8F8; /* Old browsers */
background:-moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
background:linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}/* 20pt */
.content h3 { font-size:138%; line-height:1.4em; margin:0 0 15px; padding-bottom:5px; border-bottom:solid 2px #0056CB; color:#0056CB; }/* 18pt */
.content h4 { font-size:123%; margin:0 0 15px; }/* 16pt */
.content h5 { font-size:108%; margin:0 0 15px; }/* 14pt */
.content p { line-height:1.5em; margin:0 0 0px; }
/* テーブルの枠線はスタイルでは指定しないので削除する */
/*.content table { margin:0 0 15px; border-top:solid 1px #CCC; border-left:solid 1px #CCC; font-size:92.8%; }*/
.content table { margin:0 0 15px; }
/*.content th, .content td { padding:4px; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; }*/
.content th, .content td { padding:4px; }
.content th { font-weight:normal; text-align:left; background-color:#EFEFE8; }
.content ul { margin:0 0 15px; padding:0; list-style:none; }
.content ul li { margin:0 0 5px; padding-left:10px; background:url(../img/arrow_blue.gif) left top no-repeat; }
.content hr { clear:both; margin:20px 0; height:0; border:none; border-top:solid 1px #CBCBCB; }
.content hr.dot { border-top:dotted 2px #CBCBCB; }

/* 記事本文スタイル　ここから */
/*
.content_detail table,
.content_detail tbody,
.content_detail tr,
.content_detail th,
.content_detail td
{
	border-left: initial;
	border-top: initial;
	border-right: initial;
	border-bottom: initial;
}
*/
.content_detail img
{
	display: inline;
}
/* 記事本文スタイル　ここまで */

.box { padding:20px 20px 5px; margin-bottom:20px; overflow:hidden; }
.white { border:solid 1px #CBCBCB; }
.gray { background-color:#F1F1F1; }
.yellow { background-color:#FFF7DD; }
.pink { background-color:#FAF0F7; }
.blue { background-color:#E6F7FA; }
.green { background-color:#F0FAE0; }

.small { font-size:90%; line-height:1.3em; }

.chara3,
.chara5,
.chara8,
.chara12 { margin:0 0 25px; }
.chara3 dt,
.chara5 dt,
.chara8 dt,
.chara12 dt { float:left; clear:both; display:block; font-size:93%; margin:0; padding:2px 14px; white-space:nowrap; background:#F1F1F1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.chara3 dd,
.chara5 dd,
.chara8 dd,
.chara12 dd { width:auto; padding:2px 5px; }
/* 項目３文字 */
.chara3 dt { width:3em; }
.chara3 dd { margin:0 0 5px 5.5em; }

/* 項目５文字 */
.chara5 dt { width:5em; }
.chara5 dd { margin:0 0 5px 7.5em; }

/* 項目８文字 */
.chara8 dt { width:8em; }
.chara8 dd { margin:0 0 5px 10em; }

/* 項目12文字 */
.chara12 dt { width:12em; }
.chara12 dd { margin:0 0 5px 14em; }

/* イベントカレンダー */
.weeks { font-size:80%; }
.control { clear:both; height:2em; overflow:hidden; padding-bottom:20px; }
.prevWeek { width:6em; float:left; text-align:left; }
.nextWeek { width:6em; float:right; text-align:right; }

/* サイトマップ */
#sitemapContent {}
#sitemapContent h4 a,
#sitemapContent p a { color:#333; }

/* お問い合わせ */
#inquiryForm {}
#inputForm { margin-bottom:20px; padding:0; }
input#q_name { width:400px; }
input#phonetic { width:400px; }
input#answer4 { width:140px; }
input#answer5 { width:400px; }
input#answer6 { width:400px; }
input#email { width:400px; }
input#question_title { width:400px; }
textarea#question_context { width:400px; height:300px; }


/* Foreign Language */
#langMenu { height:auto; overflow:hidden; }
#langMenu h2 .mini { display:block; }
#langMenu div { width:350px; float:left; }
.leftBox { margin-right:20px; }
.buttnMenu { list-style:none; margin:0; padding:0; }
.buttnMenu li { width:300px; margin:20px auto!important; padding:0!important; background:none!important; }
.buttnMenu .button { line-height:40px; }
#auto_trs_menu { margin-left: 25px; }

/* 左カラム
************************************************************************************************ */
#leftColumn { width:172px; float:left; }
#leftColumn .panel { margin-bottom:15px; }

a.button { display:block; padding:6px 0; text-decoration:none; text-align:center; font-size:15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
a.button:hover { color:#000; text-shadow:0 1px 0 #FFF; }

#emergency { background-color:#C01A1A; border-color:#C01A1A; }
#emergency .panelTitle { background-color:#C01A1A; color:#FFF; }
#emergency ul { margin:0; padding:0; list-style:none; }
#emergency ul li { padding:0; }
#emergency .inner { padding:0 12px 3px; }
#emergency .button { margin-bottom:4px; }
a.pink {
	background:#f2f2f2; /* Old browsers */
	background:-moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background:linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
a.pink:hover {
	background:#FFDCDC; /* Old browsers */
	background:-moz-linear-gradient(top,  #FFDCDC 0%, #FFBEBE 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFDCDC), color-stop(100%,#FFBEBE)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #FFDCDC 0%,#FFBEBE 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #FFDCDC 0%,#FFBEBE 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #FFDCDC 0%,#FFBEBE 100%); /* IE10+ */
	background:linear-gradient(top,  #FFDCDC 0%,#FFBEBE 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFDCDC', endColorstr='#FFBEBE',GradientType=0 ); /* IE6-9 */
}

/* お役立ち情報 */
#useful .button { margin:3px 0 10px; }

a.blue {
	color:#FFF;
	background:#004E94; /* Old browsers */
	background:-moz-linear-gradient(top,  #0066FF 0%, #004E94 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066FF), color-stop(100%,#004E94)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #0066FF 0%,#004E94 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #0066FF 0%,#004E94 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #0066FF 0%,#004E94 100%); /* IE10+ */
	background:linear-gradient(top,  #0066FF 0%,#004E94 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066FF', endColorstr='#004E94',GradientType=0 ); /* IE6-9 */
}
a.blue:hover {
	background:#d6f9ff; /* Old browsers */
	background:-moz-linear-gradient(top,  #d6f9ff 0%, #b7e0f9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f9ff), color-stop(100%,#b7e0f9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #d6f9ff 0%,#b7e0f9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #d6f9ff 0%,#b7e0f9 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #d6f9ff 0%,#b7e0f9 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #d6f9ff 0%,#b7e0f9 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#b7e0f9',GradientType=0 ); /* IE6-9 */
}

.leftBanner { margin-bottom:10px; }
.leftBanner a { display:block; margin-bottom:15px; }

/* 広報 かほく */
#public img { margin-bottom:10px; }
#public p { font-size:85.7%; line-height:1.3em; }

#sns { border:dotted 2px #CCC; padding:11px 0 0; margin-bottom:20px; border-left:none; border-right:none; }
#sns ul { margin:0 0 11px; padding:0; list-style:none; }

#sideMenu { padding-bottom:10px; }
#sideMenu .panelTitle { background-color:#0056CB; color:#FFF; }
#sideMenu ul.level1 { background-color:#FFFFFF; margin:0!important; padding-top:4px; }
#sideMenu ul.level2 { background-color:#F1F1F1; margin:4px 0 0 -20px!important; padding-top:4px; }
#sideMenu ul.level3 { background-color:#E5E5E5; margin:4px 0 0 -30px!important; padding-top:4px; }

#sideMenu ul.level1 li { display:block; padding:3px 0 3px 20px!important; margin:0; background-position:12px 4px; }
#sideMenu ul.level2 li { padding:3px 0 3px 30px!important; background-position:22px 4px; }
#sideMenu ul.level3 li { padding:3px 0 3px 40px!important; background-position:32px 4px; }




/* 右カラム
************************************************************************************************ */
#rightColumn { width:172px; float:right; margin:0 9px 0 0; overflow:hidden; }
#rightColumn .panel { background-color:#F0F0E9; }
#rightColumn .panelTitle { background-color:#FFF; }

/* イベントカレンダー */
#eventCalender {}
table.calender { border:none; margin-bottom:6px; font-size:78.6%; }
table.calender strong { line-height:22px; }
table.calender td { border:solid 1px #F0F0F0; background-color:#FFF; text-align:center; line-height:1.6em; }
table.calender td.holiday { background-color:#FFBDBD; }
table.calender td.saturday { background-color:#C9E2FF; }
table.calender td span.lastMonth { color:#999; }
table.calender td span#today { font-weight:bold; }
tr#month td { background-color:#F0F0E9; }
tr#week td { background-color:#DBEAD1; }
#sunday { color:#F00; }
#saturday { color:#36C; }

/* 今日の天気 */
#weather { background-color:#FFF!important; }
#weather div { padding:2px; background-color:#F0F0E9; }
#weather h2 { border-bottom:solid 1px #CCC; }
#weather table { background-color:#FFF; font-size:11px; }
#weather table td { text-align:center; padding:0; }
span#weatherToday { position:absolute; top:5px; right:5px; font-size:10px; font-weight:normal; display:block; padding:2px 3px 0; line-height:16px;text-shadow:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#e6e6e6; /* Old browsers */
	background:-moz-linear-gradient(top,  #e6e6e6 0%, #ffffff 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* IE10+ */
	background:linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
span.days { display:block; padding:2px 0; background-color:#D7F0FA; border:solid 1px #FFF; }
span.temp_high { color:#F58200; }
span.temp_low { color:#0071BC; }

/* Googleガジェット用*/
.gadget div { border:none!important; }


/* かほく市の人口等 */
#population {}
#population table { margin:0; padding:0; font-size:78.6%; }
#population table td { border:solid 1px #F0F0F0; background-color:#FFF; padding:2px; text-align:center; line-height:1.5em; }
#population table td.caption { background-color:#DBEAD1; text-align:right; padding:2px 4px; }

#mobileSite .inner { text-align:center; }
#mobileSite .inner p { text-align:left; font-size:85.7%; line-height:1.3em; }
#qrCode { display:block;  margin:0 auto 8px; }
#mobileURL { display:block; margin:8px 0 4px; font-size:71.4%; word-break:break-all; line-height:1.3em; width:146px; }

/* アクセスカウンター */
#counter {}
#counter img { display:inline; margin-top:5px; }
#counter p { line-height:1.4em; }