@charset "UTF-8";


/*▼フォントカラー▼*/
body      { color:#333333; }
a         { color:#0066dd; outline-style:none; text-decoration:underline; }
a:link    { color:#0066dd; }
a:visited { color:#0066dd; }
a:hover   { color:#209911; text-decoration:none; }

/*▼汎用スタイル▼*/
.none { display:none !important; }
.mb0  { margin-bottom:0 !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }

.ma0  { margin:0 !important; }
.ma10 { margin:10px !important; }


/* structure
============================================================================================================================================================================================================================ */
html { overflow-y:scroll; background:url(../images/all_bg_x.gif) repeat-x top; height:100%; }
body {  }
#all { text-align:center; background:url(../images/all_bg.png) repeat-y center; zoom:1; }
* html, * html body { height:100%; overflow-y:hidden; overflow-x:auto; }  /*互換モードposition:fixed用対策*/
* html #all { overflow:auto; position:relative; width:100%; height:100%; }/*互換モードposition:fixed用対策*/

#container { font-size:1.4em; line-height:1.5; margin:0 auto; text-align:left; width:1000px; background-color:#FFF; }

#header { }
#header_box01 { position:relative; zoom:1; height:107px; background: url(../images/he_photo.jpg) no-repeat right top; }
#header_box02 { position:relative; zoom:1; height:69px; background:url(../images/he_bg_r.gif) repeat-x; }

#wrapper { padding:0 20px; }
#main { width:740px; float:left; margin-bottom:20px; }
#conts_top { width:520px; float:right; }
* html #conts_top { overflow:hidden; }/*IE6でボックスが拡張する問題を解決*/
#sidebar01 { width:200px; float:left; margin-bottom:20px; }
#sidebar02 { width:200px; float:right;  margin-bottom:20px; }

#footer { clear:both; }
#footer_box01 { }
#footer_box02 { background:url(../images/fo_town_hall_bg_r.gif) repeat-y; zoom:1; }
#footer_box02 .bg_t { background:url(../images/fo_town_hall_bg_t.gif) no-repeat top; zoom:1; }
#footer_box02 .bg_t .bg_b { background:url(../images/fo_town_hall_bg_b.gif) no-repeat bottom; padding-bottom:10px; zoom:1; }
#footer_box03 { padding-top:15px; }

#header img, #conts_top img, #sidebar01 img, #sidebar02 img, #footer img { vertical-align:bottom; }
#noscript { background-color:#00F; color:#FFF; padding:10px; font-size:1.4em; }

/* サイドボタン・ページ上部ボタン
============================================================================================================================================================================================================================ */
p#home   { position:fixed !important; position:absolute; top:50px; right:0; /right:16px; zoom:1; z-index:9999; }
p#daisen { position:fixed !important; position:absolute; top:148px; right:0; /right:16px; zoom:1; z-index:9999; }
#social_box_r           { position:fixed !important; position:absolute; top:311px; right:0; /right:16px; zoom:1; width:33px; overflow:hidden; z-index:9999; }
#social_box_r .inner    { background:url(../images/all_social_over.png) no-repeat; width:130px; height:130px; position:relative; zoom:1; }
#social_box_r .btn      { left:8px; top:8px; position:absolute; zoom:1; }
#social_box_r .twitter  { display:none; padding:8px 0 0 8px; margin:0 0 7px; float:left; }
#social_box_r .facebook { display:none; padding:0 0 0 8px; margin:0 0 6px; float:left; }
#social_box_r .mixi     { display:none; padding:0 0 0 8px; margin:0 20px 5px 0; width:70px; float:left; }
#social_box_r .google   { display:none; padding:0 0 0 8px; float:left; }

#pagetop { position:fixed !important; position:absolute; right:20px; /right:36px; bottom:-100px; cursor:pointer; }

/* header
============================================================================================================================================================================================================================ */
/*▼ヘッダーナビ▼*/
ul#header_navi { position:absolute; zoom:1; top:8px; left:17px; font-size:0.9em; width:960px; }
ul#header_navi li { float:left; display:inline; line-height: 1.3; white-space: nowrap; margin-left:10px; padding-left:10px; background:url(../images/i_arrow_01.gif) no-repeat left center; }
ul#header_navi li.first { margin-left:0; padding-left:0; border-left: none; }
ul#header_navi li.last { border:none; float:right; }
ul#header_navi li a { text-decoration:none; }
ul#header_navi li a:hover { text-decoration:underline; }
ul#header_navi li#update { background:none; padding-left:5px; }
ul#header_navi li#update span { }
ul#header_navi li#update img { margin-left:3px; }

/*▼サイトタイトル▼*/
h1#site_title { position:absolute; zoom:1; left:20px; top:36px; }

/*▼各サイト用ボタン▼*/
#tab { height:60px; line-height:1; list-style-type:none; margin:0; padding:0; width:330px; position:absolute; zoom:1; left:300px; top:38px; }
#tab li { float: left; text-indent:-9999px; }
#tab li a { background-repeat: no-repeat; display:block; height:60px; outline-style:none; text-decoration:none; width:60px; }
#tabGyosei { background: url("../images/tab01.gif") no-repeat scroll right 0 transparent; margin-right:5px; }
#tabKanko { background: url("../images/tab01.gif") no-repeat scroll left -60px transparent; margin-right: 5px; }
#tabInaka { background: url("../images/tab01.gif") no-repeat scroll left -120px transparent; margin-right: 5px; }
#tabMegumi { background: url("../images/tab01.gif") no-repeat scroll left -180px transparent; }
#tabGikai { background: url("../images/tab01.gif") no-repeat scroll left -240px transparent; margin-right: 5px; }
#tabGyosei:hover { background: url("../images/tab01.gif") no-repeat scroll right 0 transparent; margin-right: 5px; }
#tabKanko:hover { background: url("../images/tab01.gif") no-repeat scroll right -60px transparent; margin-right: 5px; }
#tabInaka:hover { background: url("../images/tab01.gif") no-repeat scroll right -120px transparent; margin-right: 5px; }
#tabMegumi:hover { background: url("../images/tab01.gif") no-repeat scroll right -180px transparent; }
#tabGikai:hover { background: url("../images/tab01.gif") no-repeat scroll right -240px transparent; margin-right: 5px; }

/*▼電話番号▼*/
#tel { position:absolute; left:20px; top:13px; zoom:1; }

/*▼フォントサイズ▼*/
dl#font_box { position:absolute; right:235px; top:0; zoom:1; font-size:12px; line-height:1; }
dl#font_box dt { float:left; display:inline; margin-right:5px; }
dl#font_box dd { float:left; display:inline; margin-right:5px; cursor:pointer; }
dl#font_box dd img { margin-top:13px; }/*font-sizeを大きくした時に位置がズレる為imgにmarginを設定*/

/*▼検索▼*/
form#search {
	width: 200px;
	position: absolute;
	right:20px;
	top: 15px;
	zoom: 1;
}
form#search p#text_bg input#text_area { width:133px; background:none; border:none; outline:none; font-size:12px; line-height:14px; margin:4px 5px 0 5px; }
form#search p#text_bg { background:url(../images/he_search_bg.gif) no-repeat; width:143px; height:26px; float:left; display:inline; }
form#search p#btn { float:left; display:inline; width:57px; }


/* conts
============================================================================================================================================================================================================================ */
/*▼緊急情報▼*/
#e_info { margin-bottom:15px; border-radius: 4px;}
#e_info dl.inner { padding:8px 8px 0; }
#e_info h2 { padding:3px 5px; color:#FFF; font-size:1.2em; }
#e_info dl.inner dt { margin-bottom:4px; padding-left:10px; background:url(../images/i_arrow_01.gif) no-repeat left center; line-height:1.3; }
#e_info dl.inner dt a { color:red;} 
#e_info dl.inner dd { margin-bottom:8px; }

/*▼新着情報▼*/
#new_box { margin-bottom:15px; }
#new_box .bg_r { background:url(../images/co_new_bg_r.gif) repeat-y; clear:both; }
#new_box .bg_t { background:url(../images/co_new_bg_b_02.gif) no-repeat bottom; }
#new_box .bg_b { background:url(../images/co_new_bg_t.gif) no-repeat top; padding:10px; }
#new_box ul.tab {}
#new_box ul.tab li { float:left; display:inline; margin-left:10px; }

#new_box .h_box { position:relative; zoom:1; bmargin-bottom:10px; } 
#new_box .h_box h2 { margin-bottom:5px; }
#new_box .h_box p.navi { position:absolute; right:10px; top:5px; zoom:1; color:#FFF; padding-left:10px; background:url(../images/i_arrow_04.png) no-repeat left center; }
#new_box .h_box p.navi a { color:#FFF; }
#new_box .h_box p.navi a:hover { color: #FF9; }
#new_box dl { }
#new_box dt.day { padding:0 5px; font-size:0.9em; }
#new_box dt.day img.new{ margin-left:5px; vertical-align:middle; }
#new_box dd.title { background:url(../images/co_new_border.gif) no-repeat bottom; margin-bottom:8px; padding:0 5px 8px; }
#new_box dd.title a { padding-left:10px; background:url(../images/i_arrow_01.gif) no-repeat left center; display:inline-block; } 
#new_box ul.new_navi {}
#new_box ul.new_navi li { padding-left:10px; background:url(../images/i_arrow_01.gif) no-repeat left center; display:inline-block; float:right;  }
#new_box ul.new_navi li.item01 { }
#new_box ul.new_navi li.item02 { display:none; }
#new_box ul.new_navi li.item03 { display:none; }


/*▼人生の節目▼*/
#life_box { padding:10px 0 0 10px; background:url(../images/co_life_bg_t.gif) no-repeat top; zoom:1; }
#life_box h2 { margin-bottom:10px; }
#life_box ul { }
#life_box ul li{ float:left; display:inline; text-align:center; padding:0 10px 10px 0; }

/*▼直行リンク▼*/
#co_link_box { padding:0 0 2px 10px; background:url(../images/co_life_bg_b.gif) no-repeat bottom; zoom:1; }
#co_link_box h2 { margin-bottom:10px; }
#co_link_box ul { }
#co_link_box ul li { float:left; display:inline; padding:0 10px 10px 0; }


/*▼人生の節目・直行リンク共通▼*/
#main_wrap { background:url(../images/co_life_bg_r.gif) repeat-y; zoom:1; }

/* sidebar01
============================================================================================================================================================================================================================ */
/*▼まちの話題▼*/
#topic_box { background:url(../images/si_topic_bg_r.gif) repeat-y; margin-bottom:15px; zoom:1; }
#topic_box .inner { background:url(../images/si_topic_bg_b.gif) no-repeat bottom; zoom:1; }
#topic_box h3 {}
#topic_box dl {}
#topic_box dt.photo { background:url(../images/si_topic_photo_bg_r.gif) repeat-y; }
#topic_box dt.photo .inner { display:block; background:url(../images/si_topic_photo_bg_t.gif) no-repeat top; }
#topic_box dt.photo span { display:block; background:url(../images/si_topic_photo_bg_b.gif) no-repeat bottom; padding:16px 0 13px 16px; }
#topic_box dt.photo a { }
#topic_box dt.photo img { width:168px; height:auto; }
#topic_box dd.text { padding:0 10px 10px;  }
#topic_box dd.text h4 { line-height: 1.3; margin-bottom:5px; color:#00549B; font-weight:bold; }
#topic_box dd.text h4 a { padding-left:16px; background:url(../images/i_02.gif) no-repeat left 2px; font-weight:normal; }
#topic_box dd.text p { font-size:0.85em; }

/*▼くらし情報▼*/
#live_box { background:url(../images/si_live_bg_b.gif) no-repeat bottom; padding-bottom:10px; font-size:0.9em; zoom:1;}
#live_box h3 {  } 
#live_box p  { padding:10px; background:url(../images/si_live_bg_r.gif) repeat-y; background-color:#FFF; zoom:1;}
#live_box dl { padding:0 10px; background:url(../images/si_live_bg_r.gif) repeat-y; zoom:1; }
#live_box dt { }
#live_box dd { padding:2px 0 10px; color:#7d7d7d; }
#live_box dd a { text-decoration:none; }
#live_box dd a:hover { text-decoration:underline; }
/*大山賛歌視聴ボタン*/
#audiobutton {cursor: pointer;}
p#daisensanka {padding-top:0px;}

/* sidebar02
============================================================================================================================================================================================================================ */
/*▼広告▼*/
dl#ad_box { padding-bottom:10px; }
dl#ad_box dt { margin-bottom:10px; background:url(../images/si_h_border.gif) no-repeat bottom; }
dl#ad_box dt span { display:block;  }
dl#ad_box dt span.item01 { font-size:1.2em; float:left; padding-bottom:2px; font-weight:bold; }
dl#ad_box dt span.item02 { font-size:12px; float:right; margin-top:3px; padding-left:10px; background:url(../images/i_arrow_01.gif) no-repeat left center; }
dl#ad_box dd { margin-bottom:5px; }

/*▼大山町Navi▼*/
#daisen_navi { margin-bottom:15px; }
#daisen_navi h3 {}
#daisen_navi ul {}
#daisen_navi li {}

/*▼広報だいせん▼*/
#kouhou_box { background:url(../images/si_topic_bg_r.gif) repeat-y; margin-bottom:10px; width:200px; }
#kouhou_box .inner { background:url(../images/si_topic_bg_b.gif) no-repeat bottom; padding:10px; zoom:1;}
#kouhou_box h3{ }
#kouhou_box h4.title{ line-height: 1.3; text-indent:16px; background:url(../images/i_02.gif) no-repeat left 2px; margin-bottom:5px; overflow:hidden; }
#kouhou_box p.comment{ font-size:0.85em; }
#kouhou_box .inner img { float:left; display:inline; margin:0 10px 10px 0; }

/*▼関連サイト▼*/
dl#link_box { margin-bottom:10px; }
dl#link_box dt{ margin-bottom:10px; background:url(../images/si_h_border.gif) no-repeat bottom; padding-bottom:2px; font-weight:bold; font-size:1.2em; }
dl#link_box dt span { color:#115ca5; }
dl#link_box dd{ margin-bottom:10px; }

/*▼人口情報▼*/
#po_box {}
#po_box h3 { margin-bottom:10px; background:url(../images/si_h_border.gif) no-repeat bottom; padding-bottom:2px; font-weight:bold; font-size:1.2em; position:relative; }
#po_box h3 span.item01 { color:#115ca5; }
#po_box h3 span.item02 { font-size:12px; background:url(../images/i_arrow_01.gif) no-repeat left center; position: absolute; top:3px; right:0px; padding-left:10px; }

#po_box table { border:1px #c8c8c8 solid; margin-bottom:10px; background-color:transparent; width:200px; font-size:0.7em; }
#po_box table th, #po_box table td  { border:1px #c8c8c8 solid; padding:2px 3px; }
#po_box table th { color:#222; font-size:1.1em; font-weight:normal; vertical-align: middle; background-color:#2366aa; color:#FFF; }
#po_box table td { color:#333; vertical-align: middle; text-align:right; }
#po_box table th.th01 { background-color:#f0f9ff; color:#333;  }

/*▼お問い合わせ▼*/
dl#contact_box { margin-bottom:15px; background:url(../images/si_border.gif) no-repeat bottom; padding-bottom:5px; }
dl#contact_box dt{ margin-bottom:5px; background:url(../images/si_h_border.gif) no-repeat bottom; padding-bottom:2px; font-weight:bold; font-size:1.2em; }
dl#contact_box dt span { color:#115ca5; }
dl#contact_box dd { margin-bottom:10px }
dl#contact_box dd.item01 { margin-bottom:6px; } 
dl#contact_box dd.item02 {} 
dl#contact_box dd.item03 {} 

/*▼バナーエリア▼*/
ul#bnr_box {}
ul#bnr_box li{ margin-bottom:10px; }

/* footer
============================================================================================================================================================================================================================ */
/*▼フッターナビ▼*/
ul#footer_navi { float:right; margin-top:10px; margin-right:20px; font-size:0.9em; display:inline; }
ul#footer_navi li { float:left; display:inline; line-height: 1.1; white-space: nowrap; margin-left:10px; padding-left:10px; border-left:1px #777 solid; color:#2b0e04; }
ul#footer_navi li.first { margin-left:0; padding-left:0; border-left: none; }
ul#footer_navi li a { text-decoration:none; }
ul#footer_navi li a:hover { text-decoration:underline; }

/*▼役場各課▼*/
h2#townhall_h { float:left; display:inline; margin-left:50px; }

#footer_box02 dl { width:250px; float:left; }
#footer_box02 dt { padding:0 15px 0 30px; background:url(../images/i_town_hall.gif) no-repeat 15px center; margin:20px 0 3px; }
#footer_box02 dt { color:#224e1d; }
#footer_box02 dd, #footer_box02 dt.dt02 a, #footer_box02 dt.dt03 a { padding:0 15px 0 44px; font-size:0.85em; background:url(../images/i_arrow_03.gif) no-repeat 34px 4px; margin-bottom:7px; line-height:1.3; }
#footer_box02 dd a, #footer_box02 dt a { color:#338b28; text-decoration:none; }
#footer_box02 dd a:hover, #footer_box02 dt a:hover, #footer_box02 dt.dt03 a:hover { color:#e89a13; text-decoration:underline; }
#footer_box02 dt.dt02, #footer_box02 dt.dt03 { margin:0; background:none; padding-left:32px; font-size:0.9em; color:#338b28; margin-bottom:5px; }
#footer_box02 dt.dt03 { padding-left:42px; }
#footer_box02 dt.dt02 a, #footer_box02 dt.dt03 a { font-size:1em; padding-left:9px; background-position:left 4px; }
#footer_box02 dd.dd02 { padding-left:54px; background-position:44px 4px; }
#footer_box02 dd.dd03 { padding-left:64px; background-position:54px 4px; }

/*▼アドレス部分▼*/
p#copyname { float:left; }
#addess_box { float:left; display:inline; margin-left:20px; width:740px; padding-bottom:10px; border-bottom:2px #cccccc solid; }
p#addess { float:left; display:inline; margin-left:15px; width:659px; margin-top:3px; }
p#addess b { font-weight:bold; font-size:1.2em; }
span#count_box { float:right; padding-right:10px; background:url(../images/fo_access_bg_r.gif) no-repeat right center; display:inline-block; line-height:22px; /margin-top:-20px; }
span#count_box span.count { color:#ff6601; padding-left:10px; background:url(../images/fo_access_bg_l.gif) no-repeat left center; display:inline-block; }
p#moblie { float:right; display:inline; margin-right:20px; }
p#fo_tel { padding:10px 20px; float:left; display:inline; /padding-top:0; }
p#copyright { background-color:#2066aa; padding:2px 10px; color:#fff; font-size:0.7em; clear:both; text-align:right; }

/*▼ソーシャルボタン▼*/
#social_box           { float:left; width:340px; margin-top:13px; /margin-top:3px; }
#social_box .google   { float:left; margin:0 10px 0 0; padding:0; display:inline; }
#social_box .mixi     { float:left; margin:0 10px 0 0; padding:0; display:inline; overflow:hidden; width:70px; }
#social_box .twitter  { float:left; margin:0 10px 0 0; padding:0; display:inline; }
#social_box .facebook { float:left; margin:0; padding:0; display:inline; }