html { text-align:center; background-color:#fff; background-image:url(../image/bg01.jpg); background-position:right top; background-repeat: no-repeat; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
margin:0; padding:0; text-align:center; color:#644; line-height:1em; font-size:10px; /font-size:65%; }

td, th { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#644; font-size:14px; line-height:1.5; }

a:link { color:#36c; text-decoration:underline; }
a:visited { color:#693; text-decoration:underline; }
a:hover { color:#e63; text-decoration:underline; }

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

.f_l { font-size:1.4em; }
.f_m { font-size:1.2em; }
.f_s { font-size:0.85em; }
.f_b { font-weight:bold; }

.red { color:#c11; }
.green { color:#693; }
.orange { color:#fb3; }
.blue { color:#248; }

.margin5 { height:5px; width:5px; padding:0px; margin:0px; }
.margin10 { height:10px; width:10px; padding:0px; margin:0px; }
.margin20 { height:20px; width:20px; padding:0px; margin:0px; }
.mb5 { margin-bottom:0px; display:block; }
.mb5 { margin-bottom:5px; display:block; }
.mb10 { margin-bottom:10px; display:block; }
.mb20 { margin-bottom:20px; display:block; }
.mr10 { margin-right:10px; display:block; }
.mr20 { margin-right:10px; display:block; }
.ml10 { margin-left:10px; display:block; }
.ml20 { margin-left:10px; display:block; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }

.clear { clear:both; }

.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }

.clear { clear:both; }
.margin5 { height:5px; width:5px; padding:0px; margin:0px; }
.margin10 { height:10px; width:10px; padding:0px; margin:0px; }
.mb0 { margin-bottom:0px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }


/*▼ALL▼*/
.all { width:920px; margin:auto; text-align:left; font-size:1.4em; line-height:1.5; padding:0px 10px; /width:940px; }
.head { width:920px; margin:auto; text-align:left; padding:0px 10px; /width:940px; }

/*▼ヘッダ▼*/
#h_seo { padding:10px 0px; background:#831; margin:0px; margin-bottom:10px; text-align:center; font-size:10px; line-height:1.0; color:#fff; }

/*▼タイトル▼*/
#t_title { float:eft; padding:0; margin:0px; width:300px; height:70px; text-indent:-9999px; margin-bottom:10px; }
#t_title a { display:block; background:url(../image/t_title.gif) no-repeat; width:300px; height:70px; text-decoration:none; outline-style:none; }

/*▼タブ▼*/
_#t_tab { float:right; padding:5px 0px; margin:0px; list-style-type:none; width:145px; height:70px; display:inline; }
_#t_tab li { float:left; text-indent:-9999px; margin-left:10px; display:inline; }
_#t_tab li a { display:block; background-repeat:no-repeat; width:60px; height:60px; text-decoration:none; outline-style:none; }
#t_tab { float:right; padding:5px 0px; margin:0px; list-style-type:none; width:265px; height:70px; display:inline; }
#t_tab li { float:left; text-indent:-9999px; margin-left:10px; display:inline; }
#t_tab li a { display:block; background-repeat:no-repeat; width:120px; height:60px; text-decoration:none; outline-style:none; }
#tab_ka { background:url(../image/t_tab02.gif) no-repeat left top; }
#tab_bo { background:url(../image/t_tab02.gif) no-repeat right top; }
#tab_ka:hover { background:url(../image/t_tab02.gif) no-repeat left bottom; }
#tab_bo:hover { background:url(../image/t_tab02.gif) no-repeat right bottom; }

#hm_box { border-top:1px dotted #831; border-bottom:1px dotted #831; padding:5px 0px 1px 0px; margin-bottom:20px; /padding:5px 0px 2px 0px; }

/*▼更新日▼*/
#h_update { float:left; width:300px; height:20px; margin:6px 0px; font-size:14px; vertical-align:center; font-weight:bold; color:#e25; }

/*▼検索▼*/
#search_box { float:right; width:340px; height:24px; margin:0px; }
#search_box #search_form { width:160px; height:20px; padding:2px 5px; margin:0px; border:0px; background:url(../image/bg_search.gif) no-repeat; line-height:1.0; /padding:4px 5px; }
#search_box table { float:right; height:20px; border:0px; padding:0px; margin:0px; }
#search_box table td { padding:2px; margin:0px; line-height:1.0; }
#search_btn2 { margin:0px; padding:0px; }

/*▼文字サイズ▼*/
#textsize_box { float:right; width:225px; margin-left:5px; height:24px; display:inline; }
#textsize_box  .btn { width:40px; height:22px; background:#831; color:#fff; border:0px; margin-left:4px; }
#textsize_box  .btn:hover { background:#e63; }


/*▼左メニュー▼*/
#left_box { float:left; width:220px; margin-bottom:20px; }

/*▼まちの話題▼*/
#lm_wadai { padding:0; margin:0px; list-style-type:none; margin-bottom:20px; }
#lm_wadai .title { width:220px; height:30px; background:url(../image/t_wadai.gif) no-repeat ; text-indent:-9999px; margin-bottom:10px; }
#lm_wadai .photo { text-align:center; margin-bottom:10px; }
#lm_wadai .wadai { color:#e25; border-left:5px solid #e25; padding-left:5px; font-weight:bold; margin-bottom:10px; }
#lm_wadai .wadai a { color:#e25; }
#lm_wadai .comment {  }
#lm_wadai .update { text-align:right; font-size:12px; }

/*▼ライブカメラ・町政▼*/
#lm_cam, #lm_chosei { padding:0; margin:0px; list-style-type:none; overflow:auto; margin-bottom:20px; }
#lm_cam li, #lm_chosei li { float:left; margin-bottom:5px; }
#lm_cam li a, #lm_chosei li a { display:block; background:url(../image/i_orange.gif) no-repeat left 0.25em; padding-left:20px; width:200px; outline-style:none; / width:220px; }

/*▼人口▼*/
#lm_people { padding:0; margin:0px; list-style-type:none; margin-bottom:20px; }
#lm_people .title { width:220px; height:30px; background:url(../image/t_people.gif) no-repeat ; text-indent:-9999px; }
#lm_people .update { text-align:right; font-size:12px; }
#lm_people .people_box { border-collapse:collapse; }
#lm_people .people_box th { padding:2px 5px; border:1px solid #aaa; border-right:none; text-align:left; font-weight:normal; font-size:12px; }
#lm_people .people_box td { padding:0px 5px; border:1px solid #aaa; border-left:none; text-align:right; font-weight:bold; font-size:12px; }

/*▼ケータイ▼*/
#lm_mobile { padding:0; margin:0px; list-style-type:none; clear:both; }
#lm_mobile .title { width:220px; height:30px; background:url(../image/t_mobile.gif) no-repeat ; text-indent:-9999px; margin-bottom:10px; }
#lm_mobile li { float:left; text-indent:-9999px; }
#lm_mobile li #lm_mo { display:block; background:url(../image/tm_mobile.gif) no-repeat left top; width:220px; height:100px; outline-style:none; }
#lm_mobile li #lm_mo:hover { background:url(../image/tm_mobile.gif) no-repeat right top;}


/*▼トップ右コンテンツ▼*/
#rm_box { float:right; width:680px; overflow: auto; display:inline; }


/*▼センターメニュー▼*/
#center_box { float:left; width:440px; margin-bottom:20px; margin-left:20px; display:inline; }

/*▼新着情報▼*/
#t_news { margin:0px; padding:0px; overflow:auto; margin-bottom:20px; }
.news_list { width:440px; padding:0px; margin:0px; }
.news_list dt { float:left; padding-left:20px; background:url(../image/i_orange.gif) no-repeat 2px center; }
.news_list dd { width:420px; float:left; padding-left:20px; margin:0px; margin-bottom:10px; /width:440px; }

/*▼イベント▼*/
#t_event { margin:0px; padding:0px; overflow:auto; margin-bottom:20px; }
.event_list { width:440px; padding:0px; margin:0px; }
.event_list dt { float:left; padding-left:20px; background:url(../image/i_orange.gif) no-repeat 2px center; }
.event_list dd { width:420px; float:left; padding-left:20px; margin:0px; margin-bottom:10px; /width:440px; }
_#t_event { margin:0px; padding:0px; overflow:auto; margin-bottom:20px; }
_.event_list { width:440px; padding:0px; margin:0px; margin-bottom:10px; }
_.event_list dt { float:left; width:6em; padding-left:20px; background:url(../image/i_orange.gif) no-repeat 2px center;  }
_.event_list dd { padding-left:6em; }

/*▼人生の節目▼*/
#t_fusime { padding:0; margin:0px; list-style-type:none; height:120px; }
#t_fusime li { float:left; text-indent:-9999px; margin:0px 5px 10px 5px; /margin:0px 4px 10px 4px; }
#t_fusime li a { display:block; background-repeat:no-repeat; width:100px; height:100px; outline-style:none; }
#cm_kyo { background:url(../image/tm_fushime.gif) no-repeat 0px top; }
#cm_kaz { background:url(../image/tm_fushime.gif) no-repeat -100px top; }
#cm_hik { background:url(../image/tm_fushime.gif) no-repeat -200px top; }
#cm_shi { background:url(../image/tm_fushime.gif) no-repeat -300px top; }
#cm_kyo:hover { background:url(../image/tm_fushime.gif) no-repeat 0px bottom; }
#cm_kaz:hover { background:url(../image/tm_fushime.gif) no-repeat -100px bottom; }
#cm_hik:hover { background:url(../image/tm_fushime.gif) no-repeat -200px bottom; }
#cm_shi:hover { background:url(../image/tm_fushime.gif) no-repeat -300px bottom; }

/*▼くらしの情報▼*/
#t_life { padding:0; margin:0px; list-style-type:none; height:230px; }
#t_life li { float:left; text-indent:-9999px; margin:0px 5px 10px 5px; /margin:0px 4px 10px 4px; }
#t_life li a { display:block; background-repeat:no-repeat; width:100px; height:100px; outline-style:none; }
#cm_iry { background:url(../image/tm_life.gif) no-repeat 0px top; }
#cm_bou { background:url(../image/tm_life.gif) no-repeat -100px top; }
#cm_zei { background:url(../image/tm_life.gif) no-repeat -200px top; }
#cm_tod { background:url(../image/tm_life.gif) no-repeat -300px top; }
#cm_gom { background:url(../image/tm_life.gif) no-repeat -400px top; }
#cm_jog{ background:url(../image/tm_life.gif) no-repeat -500px top; }
#cm_nou { background:url(../image/tm_life.gif) no-repeat -600px top; }
#cm_iju { background:url(../image/tm_life.gif) no-repeat -700px top; }
#cm_iry:hover { background:url(../image/tm_life.gif) no-repeat 0px bottom; }
#cm_bou:hover { background:url(../image/tm_life.gif) no-repeat -100px bottom; }
#cm_zei:hover { background:url(../image/tm_life.gif) no-repeat -200px bottom; }
#cm_tod:hover { background:url(../image/tm_life.gif) no-repeat -300px bottom; }
#cm_gom:hover { background:url(../image/tm_life.gif) no-repeat -400px bottom; }
#cm_jog:hover{ background:url(../image/tm_life.gif) no-repeat -500px bottom; }
#cm_nou:hover { background:url(../image/tm_life.gif) no-repeat -600px bottom; }
#cm_iju:hover { background:url(../image/tm_life.gif) no-repeat -700px bottom; }

/*▼地域振興協議会▼*/
#t_chiiki { padding-left:20px; height:80px; margin-bottom:20px; }
#t_chiiki a { float:left; padding:0px; margin:5px; }

/*▼役場各課▼*/
#t_kakuka { padding:0; margin:0px 0px 20px 0px; font-size:12px; }
#t_kakuka .left_box, #t_kakuka .right_box { float:left; width:210px; list-style-type:none; margin:0; padding:0px; margin:0px 5px; display: inline; }
#t_kakuka .left_box li, #t_kakuka .right_box li { float:left; margin-bottom:5px; }
#t_kakuka .left_box li a, #t_kakuka .right_box li a { display:block; background:url(../image/i_orange.gif) no-repeat left 0.25em; padding-left:15px; width:90px; outline-style:none; /width:105px;  }
#t_kakuka .right_box li .li01 { width:80px; /width:95px; }
#t_kakuka .right_box li .li02 { width:100px; /width:115px; }
#t_kakuka .left_box #kakuka_ho { padding:0px; width:210px; height:30px; background:url(../image/tm_kakuka.gif) no-repeat left 0px; text-indent:-9999px; }
#t_kakuka .right_box #kakuka_te { padding:0px; width:210px; height:30px; background:url(../image/tm_kakuka.gif) no-repeat left -30px; text-indent:-9999px; }
#t_kakuka .left_box #kakuka_su { padding:0px; width:210px; height:30px; background:url(../image/tm_kakuka.gif) no-repeat left -60px; text-indent:-9999px; margin-top:10px; }
#t_kakuka .left_box #kakuka_ho:hover {  background:url(../image/tm_kakuka.gif) no-repeat right 0px; }
#t_kakuka .right_box #kakuka_te:hover { background:url(../image/tm_kakuka.gif) no-repeat right -30px; }
#t_kakuka .left_box #kakuka_su:hover { background:url(../image/tm_kakuka.gif) no-repeat right -60px;  }


/*▼右メニュー▼*/
#right_box { float:right; width:220px; margin-bottom:20px; display:inline; }

/*▼防災▼*/
#rm_bousai { padding:0; margin:0px; list-style-type:none; height:220px; }
#rm_bousai li { float:left; text-indent:-9999px; height:70px; }
#rm_bousai li a { display:block; background-repeat:no-repeat; width:220px; height:60px; text-decoration:none; outline-style:none; }
#rm_bou { background:url(../image/rm_bousai.gif) no-repeat left 0px; }
#rm_faq { background:url(../image/rm_bousai.gif) no-repeat left -60px; }
#rm_san { background:url(../image/rm_bousai.gif) no-repeat left -120px; }
#rm_bou:hover { background:url(../image/rm_bousai.gif) no-repeat right 0px; }
#rm_faq:hover { background:url(../image/rm_bousai.gif) no-repeat right -60px; }
#rm_san:hover { background:url(../image/rm_bousai.gif) no-repeat right -120px; }

/*▼便利メニュー▼*/
#rm_benri { padding:0; margin:0px; list-style-type:none; height:380px; }
#rm_benri li { float:left; text-indent:-9999px; margin-bottom:10px; }
#rm_benri li a { display:block; background-repeat:no-repeat; text-decoration:none; outline-style:none; }
#rm_fur { background:url(../image/rm_benri.jpg) no-repeat left -30px; width:220px; height:40px; }
#rm_mag { background:url(../image/rm_benri.jpg) no-repeat left -70px; width:220px; height:40px; }
#rm_tel { background:url(../image/rm_benri.jpg) no-repeat left -110px; width:220px; height:40px; }
#rm_bus { background:url(../image/rm_benri.jpg) no-repeat left -150px; width:220px; height:40px; }
#rm_shi { background:url(../image/rm_benri.jpg) no-repeat left -190px; width:220px; height:40px; }
#rm_spo { background:url(../image/rm_benri.jpg) no-repeat left -230px; width:220px; height:40px; }
#rm_dow { background:url(../image/rm_benri.jpg) no-repeat left -270px; width:115px; height:60px; }
#rm_rei { background:url(../image/rm_benri.jpg) no-repeat -115px -270px; width:105px; height:60px; }
#rm_fur:hover { background:url(../image/rm_benri.jpg) no-repeat right -30px; }
#rm_mag:hover { background:url(../image/rm_benri.jpg) no-repeat right -70px; }
#rm_tel:hover { background:url(../image/rm_benri.jpg) no-repeat right -110px; }
#rm_bus:hover { background:url(../image/rm_benri.jpg) no-repeat right -150px; }
#rm_shi:hover { background:url(../image/rm_benri.jpg) no-repeat right -190px; }
#rm_spo:hover { background:url(../image/rm_benri.jpg) no-repeat right -230px; }
#rm_dow:hover { background:url(../image/rm_benri.jpg) no-repeat -220px -270px; }
#rm_rei:hover { background:url(../image/rm_benri.jpg) no-repeat -335px -270px; }


/*▼関連施設・組織▼*/
#rm_shisetsu { padding:0; margin:0px; list-style-type:none; height:160px; }
#rm_shisetsu li { float:left; text-indent:-9999px; margin-bottom:10px; }
#rm_shisetsu li a { display:block; background-repeat:no-repeat; width:220px; height:40px; text-decoration:none; outline-style:none; }
#rm_gik { background:url(../image/rm_shisetsu.jpg) no-repeat left -30px; }
#rm_byo { background:url(../image/rm_shisetsu.jpg) no-repeat left -70px; }
#rm_yur { background:url(../image/rm_shisetsu.jpg) no-repeat left -110px; }
#rm_gik:hover { background:url(../image/rm_shisetsu.jpg) no-repeat right -30px; }
#rm_byo:hover { background:url(../image/rm_shisetsu.jpg) no-repeat right -70px; }
#rm_yur:hover { background:url(../image/rm_shisetsu.jpg) no-repeat right -110px; }

/*▼南部町マップ▼*/
#rm_map { padding:0; margin:0px; list-style-type:none; margin-bottom:20px; }
#rm_map dl  { width:220px; height:90px; padding:0px; margin:0px; font-size:12px; clear:both; }
#rm_map dt { float:left; width:100px; }
#rm_map dd { margin-left:100px; }
#rm_map a { display:block; background:url(../image/i_orange.gif) no-repeat left 0.25em; padding-left:15px; outline-style:none; }

/*▼南部町ってどこ？▼*/
#rm_doko { padding:0; margin:0px; list-style-type:none; height:70px; }
#rm_doko li { float:left; text-indent:-9999px; }
#rm_doko li a { display:block; background:url(../image/rm_doko.gif) no-repeat left top; width:220px; height:60px; outline-style:none; }
#rm_doko li a:hover { background:url(../image/rm_doko.gif) no-repeat right top; }

/*▼リンク集▼*/
#rm_link { padding:0; margin:0px; list-style-type:none; margin-bottom:20px; }
#rm_link li { float:left; text-indent:-9999px; }
#rm_link li a { display:block; background:url(../image/rm_link.gif) no-repeat left top; width:220px; height:60px; outline-style:none; }
#rm_link li a:hover { background:url(../image/rm_link.gif) no-repeat right top; }



/*▼フッタ▼*/
#fm_box { padding:6px 0px; border-top:1px dotted #831; }
#fm { float:left; width:640px; padding:0px; display:inline; margin-bottom:5px; }
#fm_top { float: right; width:200px; text-align:right; padding:0px; display:inline; margin-bottom:5px; }

#f_box { padding:0px; margin:0px; border-top:5px solid #e7d6cf; border-bottom:5px solid #e7d6cf; padding-top:10px; /padding-top:0px; }
#f_address { float:left; font-size:12px; width:600px; padding:10px 0px 10px 90px; margin-bottom:10px; background:url(../image/f_mark.gif) no-repeat left center; display:inline; /width:510px; /padding-bottom:5px; }

#fm_contact { float:right; padding:0; margin:0px; list-style-type:none; width:220px; height:110px; /margin-top:10px; }
#fm_contact li { float:left; text-indent:-9999px; }
#fm_contact li a { display:block; background-repeat:no-repeat; text-decoration:none; outline-style:none; }
#fm_ike { background:url(../image/f_contact.gif) no-repeat 0px 0px; width:220px; height:25px; }
#fm_mai { background:url(../image/f_contact.gif) no-repeat  0px -25px; width:110px; height:35px; margin-bottom:10px; }
#fm_tel { background:url(../image/f_contact.gif) no-repeat -110px -25px; width:110px; height:35px; }
#fm_do { background:url(../image/f_contact.gif) no-repeat 0px -60px; width:220px; height:40px; }
#fm_ike:hover { background:url(../image/f_contact.gif) no-repeat -220px 0px; width:220px; height:25px; }
#fm_mai:hover { background:url(../image/f_contact.gif) no-repeat  -220px -25px; width:110px; height:35px; }
#fm_tel:hover { background:url(../image/f_contact.gif) no-repeat -330px -25px; width:110px; height:35px; }
#fm_do:hover { background:url(../image/f_contact.gif) no-repeat -220px -60px; width:220px; height:40px; }


#copyright { font-size:10px; text-align: right; margin:5px 0px; }