@import url("reset.css");

html { height:100%; min-height:100%; }
body { height:100%; min-height:100%; color: #222; }

td, th { color: #222; }

a:link { color:#05a; text-decoration:underline; outline-style:none; }
a:visited { color:#05a; text-decoration:underline; }
a:hover { color:#f80; text-decoration:underline; }

.white { color:#fff; }
.red { color:#d00; }
.green { color:#260; }
.orange { color:#f80; }
.blue { color:#17c; }

.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }

.contents { width:970px; padding:0px; text-align:left; margin:auto; font-size:1.4em; line-height:2.0; }


/*---- HEAD/ ----*/
.head_box { background:url(../image/tm.gif) repeat-x top center; padding:0px; height:135px; margin:0px 0px 15px 0px; }
.head { margin-bottom:10px; }
.head .title { float:left; width:250px; height:90px; margin-top:5px; }
.head .title a { text-indent:-9999px; width:250px; height:90px; display:block; background:url(../image/tm.gif) no-repeat 0px -160px; }

.head .photo { float:left; width:490px; height:90px; margin:5px 0px 0px 0px; padding:0px; overflow:hidden; }
.head .photo ul { list-style:none; width:490px; height:90px; margin:0px; padding:0px; display:block; }
/*.head .photo { float:left; width:490px; height:90px; margin-top:5px; }*/

.head .tab { float:right; width:225px; height:90px; margin-top:5px; }
.head .tab a { text-indent:-9999px; display:block; background:url(../image/tm.gif) no-repeat; }
.head .tab .tab01 { float:right; width:105px; height:30px; margin:0px 0px 10px 0px; background-position:-280px -170px; }
.head .tab .tab02 { float:right; width:105px; height:30px; margin:0px 0px 10px 10px; background-position:-395px -170px; }
.head .tab .tab03 { float:right; width:220px; height:40px; background-position:0px -930px; }

.head .tab .tab01:hover, .head .tab .tab02:hover { filter:alpha(opacity=75); opacity:0.75; }
.head .tab .tab03:hover { background-position: -240px -930px; }


/*---- 自動読み上げ/ ----*/
.m_auto { float:left; background:url(../image/tm.gif) no-repeat -280px -230px; text-indent:-9999px; display:block; width:160px; height:20px; margin:10px 20px 0px 0px; outline-style:none; }
.m_auto:hover { background-position: -450px -230px; }


/*---- サイト内検索/ ----*/
.search_box { float:left; width:230px; height:20px; padding:0px; margin:10px 0px 0px 0px !important; display:inline; }
.search_box .sitesearch { margin:0px; padding:0px; }
.search_box .sitesearch .search_form { float:left; width:140px; height:20px; margin-right:5px; border:1px solid #17c; padding:2px; display:inline; vertical-align:middle; font-size:1.0em; }
.search_box .sitesearch .search_form:hover { background:#ffd; }
.search_box .sitesearch .search_btn { float:left; display:block; background:url(../image/tm.gif) no-repeat -510px -170px; width:60px; height:20px; vertical-align:middle }
.search_box .sitesearch .search_btn:hover { background:url(../image/tm.gif) no-repeat -580px -170px; }

/*---- テキスト拡大縮小/ ----*/
.textsize_box { float:left; width:235px; margin:10px 0px 0px 0px; height:20px; display:inline; }
.textsize_box .title { float:left; margin:0px 5px; width:70px; height:20px; background:url(../image/tm.gif) no-repeat -510px -200px; text-indent:-9999px; }
.textsize_box .btn { float:left; width:40px; height:20px; background:#17c; color:#fff; border:0px; margin:0px 0px 0px 4px; font-weight:bold; font-size:14px; }
.textsize_box .btn:hover { background:#f80; }

/*---- RSS/ ----*/
.rss { float:left; width:20px; height:20px; background:url(../image/tm.gif) no-repeat -620px -200px; margin:10px 5px 0px 5px; text-indent:-9999px; display:block; outline-style:none; }
.rss:hover { filter:alpha(opacity=75); opacity:0.75; }


/*---- カウンター/ ----*/
.counter_box { float:right; width:250px; margin:5px 0px 0px 0px; height:20px; display:inline; text-align:right; color:#666; line-height:1.5; }
.counter_box strong { font-size:1.2em; color:#17c; }


/*---- サイドメニュー/ ----*/

.side { float:left; width:220px; margin:0px 0px 20px 0px; }
.side img { margin:0px 0px 5px 0px; }

.side .mobile { float:right; width:220px; height:80px; margin-bottom:20px; }
.side .m_box { margin-bottom:20px; }
.side .m_box a { text-indent:-9999px; width:220px; display:block; background:url(../image/tm.gif) no-repeat; }

.side .m_box .m_intro { background-position:0px -260px; height:45px; }
.side .m_box .m_nozei { background-position:0px -1020px; height:45px; }
.side .m_box .m_kakuka { background-position:0px -305px; height:45px; margin-bottom:10px; }
.side .m_box .m_dl { background-position:0px -350px; height:45px; }
.side .m_box .m_bus { background-position:0px -395px; height:45px; }
.side .m_box .m_shisetsu { background-position:0px -440px; height:45px; }
.side .m_box .m_roudou { background-position:0px -1065px; height:45px; margin-bottom:10px; }
.side .m_box .m_kisei { background-position:0px -485px; height:45px; }
.side .m_box .m_kawa { background-position:0px -530px; height:45px; margin-bottom:20px; }
.side .m_box .m_akiya { background-position:0px -1110px; height:45px; }

.side .m_box .m_livecam { background-position:0px -610px; height:35px; }
.side .m_box .m_photo { background-position:0px -645px; height:35px; }
.side .m_box .m_sanka { background-position:0px -680px; height:35px; }
.side .m_box .m_reiki { background-position:0px -715px; height:35px; }
.side .m_box .m_link { background-position:0px -750px; height:35px; }

.side .m_box .m_intro:hover { background-position:-240px -260px; }
.side .m_box .m_nozei:hover { background-position:-240px -1020px; }
.side .m_box .m_kakuka:hover { background-position:-240px -305px; margin-bottom:10px; }
.side .m_box .m_dl:hover { background-position:-240px -350px; }
.side .m_box .m_bus:hover { background-position:-240px -395px; }
.side .m_box .m_shisetsu:hover { background-position:-240px -440px; }
.side .m_box .m_roudou:hover { background-position:-240px -1065px; margin-bottom:10px; }
.side .m_box .m_kisei:hover { background-position:-240px -485px; }
.side .m_box .m_kawa:hover { background-position:-240px -530px; margin-bottom:20px; }
.side .m_box .m_akiya:hover { background-position:-240px -1110px;  }

.side .m_box .m_livecam:hover { background-position:-240px -610px; }
.side .m_box .m_photo:hover { background-position:-240px -645px; }
.side .m_box .m_sanka:hover { background-position:-240px -680px; }
.side .m_box .m_reiki:hover { background-position:-240px -715px; }
.side .m_box .m_link:hover { background-position:-240px -750px; }


.side .life, .side .kurashi, .side .calendar ul, .side .event, .side .weather, .side .people ul { width:220px; padding:0; margin:0px 0px 20px 0px; list-style-type:none; line-height:1.5; }
.side .title { text-indent:-9999px; width:220px; height:35px; display:block; background:url(../image/tm.gif) no-repeat; }
.side .life .title { background-position:-480px -340px; }
.side .kurashi .title { background-position:-480px -380px; }
.side .calendar .title { background-position:-480px -790px; }
.side .event .title { background-position:-480px -910px; }
.side .weather .title { background-position:-480px -830px; }

.side .life a, .side .kurashi a { text-indent:0px; width:auto; display:inline; background:none; }
.side .event a, .side .weather li a, .side .calendar ul li a, .people ul li a { text-indent:0px; width:100%; height:auto; padding-left:20px; background:url(../image/i_blue.gif) no-repeat 2px center; }
.side .event a:hover, .side .weather li a:hover, .side .calendar ul li a:hover, .people ul li a:hover { background:url(../image/i_orange.gif) no-repeat 2px center; }

.side .safe, .rm .safe { width:220px; padding:0px 0px 10px 0px ; margin:0px 0px 20px 0px; list-style-type:none; line-height:1.5; background:url(../image/bg_event.gif) no-repeat right bottom;  font-size:14px; }
.side .safe .title, .rm .safe .title { text-indent:-9999px; padding:0px; margin:0px; width:220px; height:40px; background:url(../image/bg_event.gif) no-repeat right top; }
.side .safe a, .rm .safe a { float:left; text-indent:0px; display:block; height:auto; padding-left:25px; background:url(../image/i_safe.gif) no-repeat 10px 5px; font-weight:bold }
.side .safe a:hover, .side .safe a:hover { color:#c00; }


.side .calendar table { width:100%; margin-bottom:5px; }
.side .calendar thead th { border-bottom:2px dotted #ccc; font-size:1.0em; }
.side .calendar tbody td { width:14%; text-align:center; font-weight:bold; color:#999; }
.side .calendar tbody .sun, .side .calendar tbody .holi { color:#e88; }
.side .calendar tbody .sat { color:#88e; }
.side .calendar tbody .today { background:#fd9; color:#333; }

.side .weather table { width:100%; margin-bottom:5px; border-collapse:collapse; }
.side .weather td { text-align:center; font-weight:bold; }
.side .weather .today { border-right:2px dotted #ccc; }
.side .weather .tomorrow { border-left:2px dotted #ccc; }
.side .weather td img { vertical-align:middle; }
.side .weather td .high { color:#c33; }
.side .weather td .low { color:#05a; }
.side .weather .date { text-align:left; font-size:12px; margin-bottom:5px; }
.side .weather .date a { text-align:left; font-size:12px; margin-bottom:5px; }


.people { margin:0px; }
.people .title { background-position:-480px -870px; text-indent:-9999px; }
.people table { border-collapse:collapse; width:100%; margin-bottom:5px; }
.people thead th { padding:2px 5px; border:1px solid #85b8eb; background:#9ce; font-size:12px; }
.people tbody th { padding:2px 5px; border:1px solid #85b8eb; background:#ebf3fc; font-size:12px; }
.people tbody td { padding:2px 5px; border:1px solid #85b8eb; font-size:12px; }
.people tbody td { text-align:right; font-weight:bold; }
.people .date { text-align:right; font-size:12px; margin-bottom:20px; }


/*---- センターメニュー/ ----*/
.cm { float:left; width:470px; margin:0px 0px 20px 30px; }


.cm .kinkyu { padding:0px 0px 15px 0px ; margin:0px 0px 20px 0px; list-style-type:none; line-height:1.5; background:url(../image/bg_kinkyu.gif) no-repeat right bottom; }
.cm .kinkyu .title { text-indent:-9999px; height:50px; margin:0; padding:0; background:url(../image/bg_kinkyu.gif) no-repeat center top; }
.cm .kinkyu .info { margin:0; padding:0px 15px; font-weight:bold; }


.cm .title { margin:0px 0px 5px 0px; height:35px; display:block; }
.cm .title a { text-indent:-9999px; display:block; outline-style:none; width:470px; height:35px; background:url(../image/tm.gif) no-repeat ; }

.cm .news, .cm .info, .cm .life, .cm .kurashi { float:left; margin:0px 0px 20px 0px; line-height:1.5; }
.cm .news .title a { background-position:-480px -260px; }
.cm .info .title a { background-position:-480px -300px; }
.cm .life .title a { background-position:-480px -340px; }
.cm .kurashi .title a { background-position:-480px -380px; }

.cm .news dl { float:left; width:460px; padding:0px 0px 10px 5px; margin:0px; display:inline; }
.cm .news dl dt { float:left; width:90px; margin:0; padding:0px 0px 0px 20px; font-size:12px; background:url(../image/i_orange.gif) no-repeat left center; }
.cm .info dl dt { float:left; width:90px; margin:0; padding:0px 0px 0px 20px; font-size:12px; background:url(../image/i_blue.gif) no-repeat left center; }

.cm .info dl { float:left; width:465px; padding:0px 0px 10px 0px; margin:0px; display:inline; }
.cm .info dl dt { float:left; width:90px; padding:0px 0px 0px 25px; margin:0px; display:inline; }
.cm .info dl .town { background:url(../image/i_town.gif) no-repeat left center; }
.cm .info dl .sports { background:url(../image/i_sports.gif) no-repeat left center; }
.cm .info dl .lifeline { background:url(../image/i_lifeline.gif) no-repeat left center; }
.cm .info dl .bousai { background:url(../image/i_bousai.gif) no-repeat left center; }

.cm .news dl dd, .cm .info dl dd { margin-left:110px; font-weight:bold; text-indent:0; }


.new { float:right; display:block; text-indent:-9999px; width:30px; line-height:1.5; background:url(../image/i_new.gif) no-repeat left center; margin:0px 0px 0px 5px; }


.cm .life ul { list-style-type:none; line-height:1.5; width:470px; margin:0px 0px 10px 0px; padding:0; }
.cm .life ul li { float:left; display:block; width:117px; }
.cm .life ul li a { text-indent:-9999px; display:block; width:110px; margin:0px 0px 3px 0px; background:url(../image/tm.gif) no-repeat; height:66px; }
.cm .life .m01 a { background-position:-480px -420px; }
.cm .life .m02 a { background-position:-600px -420px; }
.cm .life .m03 a { background-position:-720px -420px; }
.cm .life .m04 a { background-position:-840px -420px; }
.cm .life .m05 a { background-position:-480px -490px; }
.cm .life .m06 a { background-position:-600px -490px; }
.cm .life .m07 a { background-position:-720px -490px; }
.cm .life .m08 a { background-position:-840px -490px; }
.cm .life .m01 a:hover { background-position:-480px -560px; }
.cm .life .m02 a:hover { background-position:-600px -560px; }
.cm .life .m03 a:hover { background-position:-720px -560px; }
.cm .life .m04 a:hover { background-position:-840px -560px; }
.cm .life .m05 a:hover { background-position:-480px -630px; }
.cm .life .m06 a:hover { background-position:-600px -630px; }
.cm .life .m07 a:hover { background-position:-720px -630px; }
.cm .life .m08 a:hover { background-position:-840px -630px; }


.cm .kurashi ul { list-style-type:none; line-height:1.5; margin:0; padding:0; }
.cm .kurashi ul li { float:left; width:470px; }
.cm .kurashi ul li ul li { float:left; width:154px; height:1.5em; overflow:hidden; }
.cm .kurashi ul li ul li.wide2 { float:left; width:308px; height:1.5em; overflow:hidden; }
.cm .kurashi ul li ul li.wide3 { float:left; width:462px; height:1.5em; overflow:hidden; }
.cm .kurashi ul li ul li a { padding:0px 0px 0px 25px; background:url(../image/i_blue.gif) no-repeat 5px center; }
.cm .kurashi ul li ul li a:link, .cm .kurashi ul li ul li a:visited { color:#333; text-decoration:none; }
.cm .kurashi ul li ul li a:hover { background:url(../image/i_orange.gif) no-repeat 5px center; color:#f80; text-decoration:underline; }
.cm .kurashi .m01, .cm .kurashi .m02, .cm .kurashi .m03, .cm .kurashi .m04, .cm .kurashi .m05, .cm .kurashi .m06  { text-indent:-9999px; background:url(../image/tm.gif) no-repeat; height:40px; }
.cm .kurashi .m01 { background-position:-720px -710px; }
.cm .kurashi .m02 { background-position:-720px -750px; }
.cm .kurashi .m03 { background-position:-720px -790px; }
.cm .kurashi .m04 { background-position:-720px -830px; }
.cm .kurashi .m05 { background-position:-720px -870px; }
.cm .kurashi .m06 { background-position:-720px -910px; }

.cm .kurashi .line { background:url(../image/tm.gif) repeat-x 0px -145px; height:5px; margin:10px 0px; }

.line { background:url(../image/tm.gif) repeat-x 0px -145px; height:5px; margin-bottom:20px; }

/*---- /センターメニュー ----*/



/*---- ライトメニュー/ ----*/

.rm { float:right; width:220px; margin:0px 0px 20px 0px; }
.rm .title { background:url(../image/tm.gif) no-repeat; height:35px; display:block; }
.rm .title a { text-indent:-9999px; display:block; outline-style:none; }


.rm .photo_box {  padding:0px; margin:0px 0px 20px 0px; list-style-type:none; line-height:1.5; background:#fff; border:3px double #17c; }
.rm .photo_box .title { text-indent:-9999px; height:30px; margin:0; padding:0; background:url(../image/t_photo.gif) no-repeat left top; }
.rm .photo_box .photo {  margin:0; padding:0px 7px 5px 7px ; font-weight:bold; overflow:hidden; }
.rm .photo_box .photo img { width:200px; }
.rm .photo_box .text { padding:0px 10px; margin-bottom:5px; font-weight:bold; }
.rm .photo_box .text a { font-weight:bold; }


.rm .event_box, .side .event_box { width:220px; padding:0px; margin:0px 0px 20px 0px; list-style-type:none; line-height:1.5; background:url(../image/bg_event.gif) no-repeat left bottom; }
.rm .event_box .title, .side .event_box .title { text-indent:-9999px; height:40px; margin:0; padding:0; background:url(../image/bg_event.gif) no-repeat left top; }
.rm .event_box .photo, .side .event_box .photo { height:140px; margin:0; padding:0px 10px; font-weight:bold; overflow:hidden; }
.rm .event_box .photo img, .side .event_box .photo img { width:200px; }
.rm .event_box .text, .side .event_box .text { width:200px; height:3em; padding:0px 10px; margin-bottom:5px; font-weight:bold; overflow:hidden; }
.rm .event_box ul, .side .event_box ul { width:220px; list-style-type: none; margin:0px 0px 0px 0px ; padding:0px 0px 0px 10px; line-height:1.5 overflow:hidden; }
.rm .event_box ul li, .side .event_box ul li { float:left; width:40px; height:30px; margin-bottom:4px; padding:0px; display:inline; overflow:hidden; }
.rm .event_box ul li img, .side .event_box ul li img { border:2px solid #feb; }
.rm .event_box ul li img:hover, .side .event_box ul li img:hover { filter:alpha(opacity=75); opacity:0.75; border:2px solid #f80; }
.rm .event_box ul li .on img, .side .event_box ul li .on img { border:2px solid #f80; }
.rm .event_box .list a, .side .event_box .list a { text-indent:-9999px; width:220px; height:30px; display:block; }

.rm .event_box ul li:nth-last-child(1), .side .event_box ul li:nth-last-child(1) { display:none; }
.rm .event_box ul li:nth-last-child(1) img:hover, .side .event_box ul li:nth-last-child(1) img:hover { border:0px; }


.rm .koho, .rm .gikai { margin:0px 0px 20px 0px; line-height:1.5; }
.rm .koho .title { background-position:-480px -710px; margin:0px 0px 5px 0px; }
.rm .gikai .title { background-position:-480px -750px; margin:0px 0px 5px 0px; }
.rm .koho dl, .rm .gikai dl { width:220px; padding:0; margin:0; }
.rm .koho dt, .rm .gikai dt { float:left; width:82px; }
.rm .koho dt img, .rm .gikai dt img { width:80px; border:1px solid; }
.rm .koho dd, .rm .gikai dd { margin-left:90px; }
.rm .koho dd a, .rm .gikai dd a { font-weight:bold; }
.rm .koho ul, .rm .gikai ul { float:left; width:220px; list-style-type: none; margin:0px; padding:0; line-height:1.5 }
.rm .koho ul li, .rm .gikai ul li { float:left; padding:0px; display:inline; }
.rm .koho ul li a, .rm .gikai ul li a { background: url(../image/i_blue.gif) no-repeat 0px center; display: block; padding:0; padding-left: 20px; font-size: 14px; }
.rm .koho ul li a:hover, .rm .gikai ul li a:hover { background: url(../image/i_orange.gif) no-repeat 0px center; }
/*---- /ライトメニュー ----*/


/*---- バナーエリア/ ----*/
.b_box { padding:20px 0px; border-top:1px dotted #999; display:none; }
.b_box a { margin:4px 0px 4px 8px; padding:0px; outline-style:none; }
.b_box a:hover { filter:alpha(opacity=75); opacity:0.75; }


/*---- フッタ ----*/
.fm_box { background:#17c; color:#fff; }
.fm_box a:link, .fm_box a:visited { color:#fff; }
.fm { float:left; width:700px; padding:5px 0px; }
.fm_top { float:right; width:150px; height:30px; padding:5px 0px; }
.fm_top a { background:url(../image/tm.gif) no-repeat 0px -980px; text-indent:-9999px; display:block; width:150px; height:30px; outline-style:none; }
.fm_top a:hover { background-position: -160px -980px; }

.foot { padding:20px 0px; }
.foot .contents { line-height:1.5; }
.foot address { float:left; width:570px; display:inline; background:url(../image/f_mark.gif) no-repeat left center; font-size:14px; }
.foot .mobile { float:right; background:url(../image/tm.gif) no-repeat -660px -170px; text-indent:-9999px; display:block; width:140px; height:80px; outline-style:none; margin-right:10px; }
.foot .mobile:hover { background-position: -810px -170px; }
.foot .contact { float:right; background:url(../image/tm.gif) no-repeat 0px -790px; text-indent:-9999px; display:block; width:220px; height:80px; outline-style:none; }
.foot .contact:hover { background-position: -240px -790px; }