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

/* *********************************************************************************************
  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, sup, 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, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, 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:16px; line-height:1.4em; color:#333; background-color:#FFF; }

h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; line-height:1.1em; }
table { font:inherit; table-layout:auto; }
img { display:block; box-sizing:border-box; }

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

.desktop { display:none; width:0; height:0; border:none; visibility:hidden; }/* PC用の要素を非表示 */

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

.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; }


/* ===========================================================
  モバイルレイアウト：640px以下
 =========================================================== */
/* 全体 */
body { background-color:#FFF; }
#wrap { position:relative; width:100%; min-width:320px; border-top:solid 10px #0056CB; }
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; width:100%; min-height:103px; }
#home #header { min-height:130px; }
#siteid { display:block; margin:6px 0 10px 8px; width:220px; height:50px; background:url(../img/siteID_2x.png) no-repeat; background-size:100%; }
#home #siteid { margin:6px auto 0; }
#siteid h1, #siteid a { width:220px; height:50px; display:block; text-indent:-9999px; }

/* サブメニュー：言語切換＆サイトマップ */
#headerMenu { font-size:12px; text-align:center; }
#headerMenu ul { display:block; list-style:none; white-space:nowrap; margin:0 auto; padding:0; }
#headerMenu li { display:inline-block; margin:10px 10px 5px; }
#headerMenu a { color:#0056CB; padding-left:12px; background:url(../img/arrow_dotBlue_2x.png) left no-repeat; background-size:contain; white-space:nowrap; }

#utilityMenu { padding:8px 5px 9px; background-color:#F2F2F2; text-align:center; }
#utilityMenu ul { display:block; width:auto; list-style:none; white-space:nowrap; margin:0 auto; padding:0; }
#utilityMenu li { display:inline-block; margin:0 3px; }
a#inqBtn { width:108px; }

#utilityMenu a { padding:6px 5px; font-weight:bold; text-decoration:none; text-align:center; text-shadow:0 1px 0 #FFF; border:solid 1px #CBCBCB;
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: -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 */
}

#searchMenu { position:relative; width:192px; text-align:left; }
#searchMenu input { margin:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-appearance:none; }
#searchMenu input#q { width:130px; height:24px; border:solid 1px #CBCBCB; border-right:none; }/* 検索ワード入力フォーム */
#searchMenu input#searchBtn { width:58px; height:31px; border:solid 1px #CBCBCB; background-color:#C9E2FF; font-size:14px; font-weight:bold; position:absolute; top:0px; right:0px; }/* 検索ボタン */

.shadow { clear:both; width:100%; min-height:96px; margin:0 0 2px; }
.fadein { position:relative; width:100%; min-height:96px; margin:0; padding:0; list-style:none; }
.fadein li { position:absolute; top:0; left:0; }
.fadein img { width:100%; min-height:96px; }


/* メインメニュー */
#mainMenu { position:absolute; top:66px; right:0px; box-shadow:0px 3px 5px #CCC; z-index:1; }
#mainMenu ul { display:block; min-width:316px; list-style:none; margin:0; padding:0; background-color:#E5F4FF; }
#mainMenu ul li { width:320px; border-bottom:solid 1px #B7E0F9; }
#mainMenu ul li a { display:block; padding:10px 8px 10px 20px; background:url(../img/arrow_dotBlue_2x.png) 10px 14px no-repeat; background-size:10px; text-decoration:none; }

#menuIcon { position:absolute; top:2px; right:0; display:block; width:65px; height:65px; background:url(../img/icon_mainMenu.png) no-repeat; background-size:65px; text-indent:-9999px; }

#home #mainMenu { position:relative; top:inherit; right:inherit; box-shadow:none; }
#home #mainMenu ul { margin:2px 2px 13px; width:auto; height:122px; overflow:hidden; background:url(../img/mainMenu_bg_2x.png) center top no-repeat; background-size:960px; }
#home #mainMenu ul li { float:left; width:50%; height:60px; margin-bottom:2px; background:none; border:none; }
#home #mainMenu ul li a { height:60px; padding:0; text-indent:-9999px; background-position:center bottom; background-repeat:no-repeat; background-size:157px;
}

/* くらしの窓口 */
body#home #mainMenu ul li#lifeMenu a { background-image:url(../img/mainMenu_life_2x.png); }
/* 観光・イベント */
body#home #mainMenu ul li#eventMenu a { background-image:url(../img/mainMenu_event_2x.png); }
/* 事業者の方へ */
body#home #mainMenu ul li#businessMenu a { background-image:url(../img/mainMenu_business_2x.png); }
/* かほく市について */
body#home #mainMenu ul li#cityMenu a { background-image:url(../img/mainMenu_city_2x.png); }


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

/* フッターエリア */
#footer { clear:both; margin:0 auto; padding:20px 10px 45px; font-size:13px; background:#E5E5E5 url(../img/copyright.png) left bottom no-repeat; overflow:hidden; }
#footer a { color:#0056CB; }

 address { margin:0; padding:0; font-style:normal; color:#333; }
 address strong { color:#000; font-size:20px; padding:10px 0 10px 46px; background:url(../img/footer_symbol.png) left top no-repeat; }/* かほく市役所 */
 address p { line-height:1.5em; margin:6px 0 20px; }

.phone, .fax, .email { display:block; }

#footerMenu { font-size:16px; list-style:none; margin:0; padding:0; }
#footerMenu li { margin:0 0 8px; }
#footerMenu li a { padding-left:12px; background:url(../img/arrow_dotBlue.gif) left top no-repeat; }


/* *********************************************************************************************
  コンテンツエリア
************************************************************************************************ */
#container { clear:both; width:100%; }
.pagetop { clear:both; text-align:right; padding:10px 14px; }
.pagetop a { color:#999!important; }


.panel { position:relative; overflow:hidden; clear:both; margin:0 5px 13px; 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:18px; margin:0; padding:0 0 0 9px; line-height:36px; background-color:#F0F0E9; }
.panel ul { list-style:none; padding:0; margin:0; }
	.panel ul li { margin-bottom:5px; padding:0; background:url(../img/arrow_blue.gif) top left no-repeat; height:1%; }

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

a.more { position:absolute; top:0; right:0; display:block; font-size:16px; line-height:36px; color:#333; text-decoration:none; border-left:solid 1px #FFF; padding:0 10px; }
	a.more {}
span.date { display:block; color:#333; font-size:12px; }

#columnSet {}



/* 中央カラム
************************************************************************************************ */
#centerColumn {}
#centerColumn .panel { border:none; }
#centerColumn .panel ul li { margin-bottom:3px; padding-bottom:3px; border-bottom:solid 1px #E6E6E6; }
#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; border:none; }
#information .inner { padding:5px 5px 2px; }
#information h2.panelTitle { background-color:#FFCA42; }
#information a { text-decoration:none; }
#information a.more { border-left:solid 1px #FFA41E; }
#information ul {}
#information ul li { padding:0px!important; background:none; border:none!important; }
#information ul li a { display:block; float:left; width:64%; margin-bottom:8px; }

  span.category { clear:both; float:left; display:block; width:100px; height:16px; margin:4px 6px 0 0; padding:0px; color:#FFF; font-size:10px; font-weight:bold; letter-spacing:-0.08em; line-height:16px; text-align:center; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
  span.life { background-color:#66A600; }
  span.event { background-color:#668BBE; }
  span.business { background-color:#BE6666; }
  span.city { background-color:#A750CB; }

/* お知らせ一覧 */
#read_top.infoall {}
#read_top.infoall .content { background-color:#FFF7DD; }
#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; margin-bottom:6px; text-decoration:none; color:#000; }
#read_top.infoall span.category { float:none; margin-bottom:5px; }


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

li#pg01 a { background-image:url(../img/btn_pGuide01_2x.png); }
li#pg02 a { background-image:url(../img/btn_pGuide02_2x.png); }
li#pg03 a { background-image:url(../img/btn_pGuide03_2x.png); }
li#pg04 a { background-image:url(../img/btn_pGuide04_2x.png); }
li#pg05 a { background-image:url(../img/btn_pGuide05_2x.png); }
li#pg06 a { background-image:url(../img/btn_pGuide06_2x.png); }
li#pg07 a { background-image:url(../img/btn_pGuide07_2x.png); }
li#pg08 a { background-image:url(../img/btn_pGuide08_2x.png); }
li#pg09 a { background-image:url(../img/btn_pGuide09_2x.png); }
li#pg10 a { background-image:url(../img/btn_pGuide10_2x.png); }

/* 新着情報＆イベント情報 */
#news { margin-bottom:8px; }
#eventlist { margin-bottom:0; }
#news a,
#eventlist a { text-decoration:none; }
#news ul li,
#eventlist ul li { padding-left:8px; }

/* 新着情報一覧 */
#newsall ul li,
#eventall ul li,
#datelist ul li { margin-bottom:3px; padding-bottom:3px; border-bottom:solid 1px #E6E6E6; }
#newsall ul li a,
#eventall ul li a,
#datelist ul li a { text-decoration:none; color:#000; }

/* バナー */
#banner { padding:10px 0px; margin:0 3px; border-top:dotted 2px #CCC; overflow:hidden; }
#banner ul { list-style:none; margin:0; padding:0; }
#banner ul li { float:left; width:150px; height:45px; margin:0 0 5px 5px; }
#banner ul li a { display:block; }
#banner ul li a img { width:100%; }



/* メインカラム（2階層目以降）
************************************************************************************************ */
/* 2階層目タイトル */
#titleHeader { width:100%; height:60px; border-top:solid 5px #0056CB; border-bottom:solid 1px #CBCBCB;
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:-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; font-size:22px; line-height:60px; text-shadow:0 1px 0 #FFF; padding-left:10px; background-position:right bottom; background-repeat:no-repeat; background-size:42%; }

	#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 { margin:5px 5px 0; border-top:solid 5px #0056CB; border-left:solid 1px #CBCBCB; border-right:solid 1px #CBCBCB;
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:-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:9px 0; font-size:18px; line-height:1.4em; text-shadow:0 1px 0 #FFF; padding-left:10px; }

/* 2階層目コンテンツ */
.content { padding:10px 10px 0px 10px; margin: 0 5px 20px; }
	.content a { color:#0056CB; }
	.content a:hover { color:#0098FF; }
.line { border:solid 1px #CBCBCB; }
.content h2 { font-size:16px; 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:16px; line-height:1.4em; margin:0 0 15px; padding-bottom:5px; border-bottom:solid 2px #0056CB; color:#0056CB; }/* 18pt */
.content h4 { font-size:15px; margin:0 0 15px; }/* 16pt */
.content h5 { font-size:14px; margin:0 0 15px; }/* 14pt */
.content p { font-size:14px; line-height:1.5em; margin:0 0 15px; }
/* テーブルの枠線はスタイルでは指定しないので削除する */
/*
.content table { width:100%; margin:0 0 15px; border-top:solid 1px #CCC; border-left:solid 1px #CCC; font-size:11px; }
*/
.content table { width:100%; 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 td { background-color:#FFF; }
.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) 0px 3px 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; }


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

.small { font-size:12px!important; line-height:1.3em; }

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

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

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

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

/* イベントカレンダー */
.weeks { display:block; font-size:12px; }
.control { clear:both; height:2em; overflow:hidden; padding:10px 0; }
.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; }

/* お問い合わせ */
/*input { width:92%; }*/
#answer1_0 { width:auto; }
#answer1_1 {  width:auto; }
textarea { width:92%; }

.btnBox input { width:100%; height:32px; font-size:14px; margin:10px 0; }
.example { font-size:12px; }
#exMail { display:block; }

.useful_button { width: 100%; }

/* Foreign Language */
#langMenu { height:auto; overflow:hidden; }
#langMenu h2 .mini { display:block; }
#langMenu div { clear:both; }
.buttnMenu { overflow:hidden; margin:0 0 30px -12px!important; }
.buttnMenu li { float:left; display:block; width:46%; margin:0 0 0 12px!important; padding:0!important; background:none!important; }
#auto_trs_menu { margin-left: 25px; }


/* （PCでの）左カラム
************************************************************************************************ */
a.button { display:block; padding:8px 0; text-decoration:none; text-align:center; font-size:16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

#emergency { background-color:#C01A1A; border:none; }
#emergency .panelTitle { background-color:#C01A1A; color:#FFF; }
#emergency ul { display:-webkit-box; display:-moz-box; display:box; margin:0 0 0 -8px; padding:0; list-style:none; }
#emergency ul li { -webkit-box-ordinal-group:1; padding:0; background:none; margin:0 0 0 8px; width:47%; }
#emergency .inner { padding:0 8px 8px; overflow:hidden; }
#emergency .button {}
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 */
}

/* お役立ち情報 */
#useful .button { margin:3px 8px 10px; }
.accordion .panelTitle { background:#F0F0E9 url(../img/icon_open_2x.png) right no-repeat!important; background-size:28px!important; }
.accordion .opened { background-image:url(../img/icon_close_2x.png)!important; }

a.blue {
	padding:16px;
	color:#FFF;
	background: #f2f2f2; /* 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 */
}
.btnBar { margin:0; }

#useful .inner { padding:6px 0 0; }
#useful ul li { margin:0;
	border-top:solid 1px #CCC;
	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 */
}
#useful ul li a { display:block; padding:14px 6px 14px 18px; text-decoration:none; font-size:16px; background:url(../img/arrow_blue_2x.png) 0px 18px no-repeat; background-size:18px; }

#subMenu ul li { padding-left:8px; }

.leftBanner {}
.leftBanner a { float:left; display:block; width:50%; margin-bottom:15px; }
.leftBanner img { width:100%; }

#sns { clear:both; border-bottom:dotted 2px #CCC; padding:0 0 10px 0; margin:0 6px 20px; text-align:center; }
#sns ul { width:172px; margin:0 auto 11px; padding:0; list-style:none; }

#sideMenu { padding-bottom:6px; }
#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-left:20px!important; margin:0; background-position:10px 7px; }
#sideMenu ul.level2 li { padding-left:30px!important; background-position:20px 7px; }
#sideMenu ul.level3 li { padding-left:40px!important; background-position:30px 7px; }
#sideMenu ul a { display:block; padding:3px 0; }

/* 広報 かほく */
#public p { line-height:1.4em; }


/* （PCでの）右カラム
************************************************************************************************ */
#rightColumn .panelTitle { background-color:#FFF; }

/* イベントカレンダー */
#eventCalender {}
table.calender { border:none; margin-bottom:0; font-size:14px; }
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; }

/* かほく市の人口等 */
#population {}
#population ul li { padding-left:8px; }
#population table { margin:0; padding:0; font-size:14px; }
#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 { font-size:71.4%; }

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