body { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka; 
margin:0; padding:0; background:#e4d0a9 url(../images/bg01.jpg) center; text-align:center; COLOR:#333; line-height:1em;  font-size:10px; /font-size:62.5%;}

a:link { color:#00c; text-decoration:underline; }
a:visited { color:#906; text-decoration:underline;}
a:hover { color:#960; text-decoration:underline; }

h1,h2  {font-size:1.4em; margin:0px; line-height:1.5;}
h3,h4,h5,h6,h7  {font-size:1.2em; margin:0px; line-height:1.5;}
p  { margin:0px; line-height:1.5;}
form  { margin:0px; padding:0;}
hr {color:#ccc; border:0; height:1px; background:#ccc;}
td {font-size:12px; line-height:1.5;}
img { border-width:0px; }

.f_b { font-size:1.4em; line-height:1.5; }
.f_m { font-size:1.2em; line-height:1.5; }
.f_s { font-size:1.0em; line-height:1.5; }

/*▼ALL▼*/
#bg { width:100%; text-align:center; }
#all { width:780px; margin:auto; background:#fff; text-align:center;}
.contents01 { width:750px; text-align:left; margin:auto;}
.clear {clear:both;}
.margin5 {height:5px;  width:5px; padding:0px; margin:0px;}
.margin10 {height:10px;  width:10px; padding:0px; margin:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.line01 { width:750px; height:10px; background:#fff url(../images/l_green.gif) repeat-x left center; margin:auto; margin-bottom:10px;}

/*▼タブ▼*/
#h_bar {background:#058; padding:5px; margin-bottom:5px; font-size:10px; color:#ccc; clear:both;}

#h_tab {margin-bottom:5px;}
#h_dial {float:left; width:450px; margin:5px 0px;}
#tab {float:right; padding:0; margin:0px; list-style-type:none; width:255px; height:60px; line-height:1.0;}
#tab li {float:left; text-indent:-9999px;}
#tab li a {display:block; background-repeat:no-repeat; width:60px; height:60px; text-decoration:none; outline-style:none;}

#tabGyosei {background:url(../images/tab01.gif) no-repeat right 0px; margin-right:5px;}
#tabKanko {background:url(../images/tab01.gif) no-repeat left -60px; margin-right:5px;}
#tabInaka {background:url(../images/tab01.gif) no-repeat left -120px; margin-right:5px;}
#tabMegumi {background:url(../images/tab01.gif) no-repeat left -180px;}

#tabGyosei:hover {background:url(../images/tab01.gif) no-repeat right 0px; margin-right:5px;}
#tabKanko:hover {background:url(../images/tab01.gif) no-repeat right -60px; margin-right:5px;}
#tabInaka:hover {background:url(../images/tab01.gif) no-repeat right -120px; margin-right:5px;}
#tabMegumi:hover {background:url(../images/tab01.gif) no-repeat right -180px;}

/*▼サイト内検索▼*/
#search_box { background:#fff; border:1px solid #999; padding:4px; font-size:1.2em; color:#fff;}
#sitesearch {float:left; width:160px; margin-right:10px; line-height:1.0;}
#search_form {width:120px; height:20px; border:1px solid #333;}
#search_btn {}
#update {float:left; font-size:12px; color:#f30; width:220px; margin:3px; line-height:1.0;}
#rss {vertical-align:middle;}

#h_contact {float:right; width:280px; text-align:right; line-height:1.0; margin:5px; color:#058;}
#h_contact a:link { color:#333; text-decoration:underline;}
#h_contact a:visited { color:#333; text-decoration:underline;}
#h_contact a:hover { color:#333; text-decoration:underline; }


/*▼メイン画像▼*/
#topimage {height:100px; background:#fff url(../images/h_gyosei.jpg) no-repeat top; margin-bottom:10px; }



/*▼LEFT（ページ左エリア）▼*/
.left_box {float:left; width:370px;}

/*▼まちの話題▼*/
#topic_box {padding:5px; margin-bottom:10px; overflow:auto;}
.topic_img {float:left; border:1px solid #000; margin-right:5px;}
.topic_title {font-size:1.4em; font-weight:bold; line-height:1.4em;}
.topic_comment { font-size:1.2em; line-height:1.4em; height:7em; overflow:auto;}

/*▼ライブカメラ▼*/
#camera_box {padding:5px 5px 5px 70px; font-size:1.2em; line-height:1.4em; color:#058; background:#fff url(../images/bg_camera.gif) no-repeat left center; margin-bottom:10px;}

/*▼新着情報▼*/
#news_bg {width:370px;  margin-bottom:15px; background:#fff url(../images/bg_news.gif) no-repeat top right;}
#news_other {font-size:1.0em; text-align:right; margin:5px;}
#news_box {margin:0px;}
ul.news_index { margin:0px; padding:0; list-style-type:none;}
ul.news_index li {padding:5px 5px 10px 5px; background:url(../images/l_news.gif) repeat-x bottom left;}
.news_img {float:left; border:1px solid #000; margin-right:5px;}
.news_date {color:#666; font-size:1.2em; line-height:1.4em;}
.news_title {font-size:1.2em; font-weight:bold; line-height:1.4em;}


/*▼RIGHT（ページ右エリア）▼*/
.right_box {float:right; width:370px;}

/*▼大山について▼*/
#daisen_box {width:370px; margin-bottom:10px; overflow:hidden;}
#dai {float:left; padding:0px; margin:0px; list-style-type:none; width:370px; line-height:1.0;}
#dai li {float:left; text-indent:-9999px;}
#dai li a {display:block; background-repeat:no-repeat; background-position:top left; text-decoration:none; outline-style:none;}
#dai li a:hover { background-position:top right;}

#dai_about {background:url(../images/tm_about01.gif); width:370px; height:60px; margin-bottom:10px;}
#dai_bousai {background:url(../images/tm_bousai01.gif); width:370px; height:60px; margin-bottom:10px;}
#dai_meyasubako {background:url(../images/tm_meyasubako01.gif); width:370px; height:60px; margin-bottom:10px;}

#dai_bbs {background:url(../images/tm_bbs01.gif); width:180px; height:60px; margin:0px 10px 10px 0px;}
#dai_calendar {background:url(../images/tm_calendar01.gif); width:180px; height:60px; margin-bottom:10px;}
#dai_cabletv {background:url(../images/tm_channel01.gif); width:180px; height:60px; margin:0px 0px 10px 10px;}
#dai_access {background:url(../images/tm_access01.gif); width:180px; height:60px; margin-bottom:10px;}
#dai_toshokan {background:url(../images/tm_toshokan01.gif); width:180px; height:60px; margin:0px 0px 10px 10px;}
#dai_shisetsu {background:url(../images/tm_shisetsu01.gif); width:180px; height:60px; margin-bottom:10px;}
#dai_jiman {background:url(../images/tm_jiman01.gif); width:180px; height:60px; margin:0px 0px 10px 10px;}
#dai_gallery {background:url(../images/tm_gallery01.gif); width:180px; height:60px; margin-bottom:10px;}

/*▼広報だいせん▼*/
#kouhou_box {padding:5px; margin-bottom:10px;}
.kouhou_img {float:left; border:1px solid #000; margin-right:5px;}
.kouhou_title {font-size:1.2em; font-weight:bold; line-height:1.2em; margin-bottom:0.5em;}
.kouhou_comment { font-size:1.2em; line-height:1.5; height:8em; overflow:auto;}
.bk {text-align:right; border-top:1px dashed #999; padding:5px 0px;}

/*▼議会だより▼*/
#gikai_box {padding:5px; margin-bottom:10px;}
.gikai_img {float:left; border:1px solid #000; margin-right:5px;}
.gikai_title {font-size:1.2em; font-weight:bold; line-height:1.2em; margin-bottom:0.5em;}
.gikai_comment { font-size:1.2em; line-height:1.5; height:8em; overflow:auto;}

/*▼くらしの情報▼*/
#life_title {margin-bottom:10px;}
#life_box {margin-bottom:10px;}
.life_left {width:180px; float:left;}
.life_right {width:180px; float:right;}

#life_box a {display:block; background-repeat:no-repeat; background-position:top left; }
#life_box a:hover { background-position:top right;}

#life_ll_box, #life_rl_box {float:left; padding:0px; margin:0px; list-style-type:none; width:180px;}
#life_lr_box, #life_rr_box {float:right; padding:0px; margin:0px; list-style-type:none; width:180px;}
#life_kakuka {float:left; padding:0px; margin:0px; list-style-type:none; width:370px;}

#life_fushime {background:url(../images/tl_fushime01.gif); width:180px; height:60px; text-indent:-9999px;}
#life_iza {background:url(../images/tl_iza01.gif); width:180px; height:60px; text-indent:-9999px;}
#life_kurashi {background:url(../images/tl_kurashi01.gif); width:180px; height:60px; text-indent:-9999px;}
#life_madoguchi {background:url(../images/tl_madoguchi01.gif); width:180px; height:60px; text-indent:-9999px;}
#life_kodomo {background:url(../images/tl_kodomo01.gif); width:180px; height:60px; text-indent:-9999px;}
#life_kenko {background:url(../images/tl_kenko01.gif); width:180px; height:60px; text-indent:-9999px;}
#life_sangyo {background:url(../images/tl_sangyo01.gif); width:180px; height:60px; text-indent:-9999px;}
#life_kakuka {background:url(../images/tl_kakuka01.gif); width:370px; height:60px; text-indent:-9999px;}
#life_shinsei {background:url(../images/tl_shinsei01.gif); width:180px; height:40px; text-indent:-9999px; margin-bottom:10px;}
#life_kaigiroku {background:url(../images/tl_kaigiroku01.gif); width:180px; height:40px; text-indent:-9999px; margin-bottom:10px;}
#life_reiki {background:url(../images/tl_reiki01.gif); width:180px; height:40px; text-indent:-9999px; margin-bottom:10px;}
#life_link {background:url(../images/tl_link01.gif); width:180px; height:40px; text-indent:-9999px; margin-bottom:10px;}

.life_icon {color:#f93; float:left;}
.life_kei {color:#999; float:left;}
.c01 { font-size:1.4em; line-height:1.5; padding:5px;  margin-bottom:5px;}
.c02 { font-size:1.4em; line-height:1.5; padding:5px 5px 0px 5px;  margin:0px;}
.c03 { font-size:1.4em; line-height:1.5; padding:5px;  margin-bottom:5px; float:left;}
.c01 a, .c02 a, .c03 a {display:inline; float:left;}
.life_sp01 {width:1em; float:left;}
.life_sp02 {width:2em; float:left;}
.life_sp03 {width:3em; float:left;}
.life_sp04 {width:4em; float:left;}
.life_sp05 {width:5em; float:left;}

/*▼お問い合わせ（なんでもご相談下さい）▼*/
#contact_box {border:2px solid #ccc; }
#con_size {margin:8px;}
#con_tel {margin-bottom:8px;}

#con {float:left; padding:0px; margin:0px; list-style-type:none; width:350px; line-height:1.0;}
#con li {float:left; text-indent:-9999px;}
#con li a {display:block; background-repeat:no-repeat; width:350px; height:25px; background-position:top left; text-decoration:none; outline-style:none;}
#con li a:hover { background-position:top right;}
#con_mail {background:url(../images/tc_mail01.gif); margin-bottom:6px;}
#con_shisetsu {background:url(../images/tc_shisetsu01.gif);}

/*▼バナーエリア▼*/
#bnr_bg {background:url(../images/bg_bnr.gif) no-repeat top center; padding:0px 10px 15px 30px; margin-bottom:15px; overflow:auto;}
#bnr_box {float:left; width:570px; margin-bottom:10px; margin:auto; clear:both;}
#bnr_space01 {height:35px;}
#bnr_box img { border:0px; margin:3px;}
#bnr_panda {float:right; width:120px;}

/*▼フッタ▼*/
#f_contact {float:left; width:550; font-size:1.2em; color:#999; padding:5px;}
#f_count {float:right; width:140px; text-align:right; padding:5px;}
.count {color:#f60; font-weight:bold; font-size:1.2em;}

#f_line { width:750px; height:10px; background:#fff url(../images/l_foot.gif) repeat-x left center; margin:auto; margin-bottom:5px; clear:both;}

#f_address {float:left; width:540px; margin-bottom:10px;}
#address { padding:8px 0px 8px 70px; margin-bottom:5px; background:url(../images/f_mark.gif) no-repeat left center; font-size:1.4em; line-height:1.5;}
#f_mobile {float:right; width:200px; margin-bottom:10px;}
#f_bar {background:#058; padding:5px; font-size:1.0em; color:#ccc; text-align:right;}


