* { font-size: 14px; }
html { background: url('/img/bg.png'); }
body { text-align: center; margin: 10px 0; padding: 0; }
#top { width: 800px; margin: 0 auto; padding: 0; text-align: left; }
#head { width: 800px; height: 71px; margin: 0; padding: 0; }
h1 { width: 400px; height: 71px; background: url('/img/head_01.png') no-repeat; }
h1 a { width: 400px; height: 71px; }
h2 { width: 26px; height: 71px; background: url('/img/head_02.png') no-repeat; }
#menu { width: 338px; height: 71px; background: url('/img/head_03.png') no-repeat; }
#headend { width: 36px; height: 71px; background: url('/img/head_04.png') no-repeat left top; font-size: 1px; }
h1, h2, #menu, #headend { margin: 0; padding: 0; float: left; }
h1 a, h2, #headend { display: block; text-indent: -1000px; overflow: hidden; }
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu li { margin: 0; padding: 0; }
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7 { float: left; }
.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a { background: url('/img/menu1.png') no-repeat; display: block; text-indent: -5000px; overflow: hidden; }
.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover, .menu6 a:hover, .menu7 a:hover { background: url('/img/menu2.png') no-repeat; display: block; text-indent: -5000px; overflow: hidden; }
.menu1 a, .menu1 a:hover { width: 338px; height: 020px; background-position: -000px -000px; }
.menu2 a, .menu2 a:hover { width: 166px; height: 027px; background-position: -000px -020px; }
.menu3 a, .menu3 a:hover { width: 172px; height: 027px; background-position: -166px -020px; }
.menu4 a, .menu4 a:hover { width: 082px; height: 024px; background-position: -000px -047px; }
.menu5 a, .menu5 a:hover { width: 062px; height: 024px; background-position: -082px -047px; }
.menu6 a, .menu6 a:hover { width: 112px; height: 024px; background-position: -144px -047px; }
.menu7 a, .menu7 a:hover { width: 082px; height: 024px; background-position: -256px -047px; }
#main { background: url('/img/body_03.png'); }
#main2 { background: url('/img/body_05.png'); }
#main_top { height: 10px; line-height: 10px; font-size: 1px; background: url('/img/body_01.png') no-repeat; }
#main_bottom { clear: left; height: 11px; line-height: 11px; font-size: 1px; background: url('/img/body_04.png'); }
#index1 { width: 400px; min-height: 221px; float: left; }
#index2 { width: 400px; min-height: 221px; float: left; }
#index3 { width: 400px; min-height: 221px; float: left; }
#index3 img { margin: 6px; }
#index4 { width: 400px; float: left; }
#index4 ul { list-style-type: none; margin: 0; padding: 0; }
#index4 li { margin: 0; padding: 0; }
#index12, #index22, #index32, #index42 { padding-left: 13px; }
.sep { clear: left; height: 9px; background: url('/img/body_02.png') no-repeat; }
.h31, .h32, .h33, .h34 { margin: 0; padding: 0; width: 374px; height: 43px; display: block; text-indent: -5000px; overflow: hidden; }
.h31 { background: url('/img/index1_01.png') no-repeat; }
.h32 { background: url('/img/index2_01.png') no-repeat; }
.h33 { background: url('/img/index3_01.png') no-repeat; }
.h34 { background: url('/img/index4_01.png') no-repeat; }
.index { background: url('/img/index_bg.png') no-repeat; min-height: 178px; }
.index2 { padding: 10px; }
.index2 li { line-height: 133%; }
/*
.indexfb { max-height: 300px; overflow: auto; }
*/
.indexfb img { width: 330px; height: auto; }

.indeximg { border: none; margin: 0 10px 10px 0; float: right; }
.h4index { margin: 3px 0; padding: 0; font-size: 14px; font-weight: bold; }
.more { text-align: right; padding-right: 20px; }
#content { padding: 10px; }
#topicspath { border-bottom: 1px solid #EEEEEE; margin: 0; padding: 0 20px 1px 0; }
#topicspath, #topicspath a { font-size: 12px; text-decoration: none; }
.tbllist { width: 770px; }
.tbllist td { border-bottom: 1px dotted #DDDDDD; padding: 3px 5px 1px 5px; }
.td1 { white-space: nowrap; text-align: right; }
.td2 { border-left: 1px dotted #EEEEEE; font-weight: bold; letter-spacing: .1em; }
.td3 { white-space: nowrap; border-left: 1px dotted #DDDDDD; text-align: right; }
.td4 { border-left: 1px dotted #EEEEEE; font-weight: bold; letter-spacing: .1em; }
.a_up a { width: 13px; height: 7px; background: url('/img/updown.png') no-repeat; background-position: 00px 00px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-left: 10px; padding: 0; }
.a_down a { width: 13px; height: 7px; background: url('/img/updown.png') no-repeat; background-position: 00px -6px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-left: 10px; padding: 0; }
.h3misc { width: 760px; height: 28px; line-height: 28px; background: url('/img/h3.png') no-repeat; font-size: 18px; font-weight: bold; color: #FFFFFF; margin: 10px 0 10px 10px; padding-left: 50px; letter-spacing: .1em; }
#map { width: 500px; height: 380px; float: left; }
#nomap { width: 510px; height: 380px; float: left; text-align: center; padding-top: 180px; color: #888888; }
#pics { width: 270px; height: 400px; padding-left: 10px; float: left; text-align: center; line-height: 150px; overflow: auto; }
.toform, .toform a { margin: 10px 5px 10px 0; text-align: right; font-size: 12px; }
#foot { font-size: 12px; color: #FFFFFF; letter-spacing: .2em; margin: 5px 0 0 0; padding: 0; }
.att { color: #FF0000; font-weight: bold; }
#left { width: 530px; margin: 0; padding: 0; float: left; text-align: left; }
#left a { text-decoration: none; }
#left a:hover { text-decoration: underline; }
.title { clear: both; font-size: 14px; font-weight: bold; letter-spacing: .1em; border-bottom: 1px solid #666666; padding: 5px 0 2px 10px; margin: 5px 25px; }
.caption { font-size: 10px; letter-spacing: .1em; text-align: right; padding-right: 30px; }
.caption2 { clear: both; font-size: 10px; letter-spacing: .1em; text-align: right; padding: 0 30px 20px 0; margin: 0; }
.caption a, .caption2 a { color: #0000BB; text-decoration: none; }
.caption a:hover, .caption2 a:hover { text-decoration: underline; }
.txt { margin: 30px 40px; letter-spacing: .1em; line-height: 150%; }
.txt img { border: 1px solid #DDDDDD; margin: 3px 5px 7px 5px; }
.txt a { color: #0000BB; text-decoration: underline; }
.txt a:hover { color: #0000BB; text-decoration: none; }
.txt2 { border-bottom: 1px solid #EEEEEE; margin: 10px 20px; }
.txt2date { font-size: 12px; font-weight: normal; }
.txt2title { font-size: 14px; font-weight: bold; margin-top: 20px; }
.txt2title a { color: #000000; text-decoration: none; }
.txt2title a:hover { color: #0000BB; text-decoration: underline; }
blockquote { border: 1px solid #F4F4F4; background: #F8F8F8; margin: 5px 20px;; padding: 10px; }
.readmore { text-align: right; padding: 5px 10px 0 0; }
.readmore a { color: #0000BB; text-decoration: none; }
.readmore a:hover { color: #0000BB; text-decoration: underline; }
.commentbox { margin: 0 20px 0 40px; padding-left: 10px; border-bottom: 1px dotted #888888; }
.commentform { padding-left: 40px; }
.commentattbg { background: #FFDDDD; }
.commentatt { padding-left: 15px; color: #FF0000; }
.viewcomment { padding: 20px 0 0 20px; }
.commenttitle { margin: 0 20px 0 40px; padding-left: 10px; border-bottom: 1px solid #CCCCCC; }
.comment { padding: 10px 50px; }
.commentrec { padding: 5px 30px; color: #0000AA; }
.commentcaption { font-size: 10px; letter-spacing: .1em; text-align: right; padding: 0 30px 30px 0; margin: 0; }
#right { width: 250px; margin: 0; padding: 0; float: left; text-align: left; }
.calendar td { text-align: center; padding: 2px; margin: 0; }
.sat { color: #0000FF; }
.sun { color: #FF0000; }
.calendarnav { text-align: center; border-bottom: 1px solid #DDDDDD; }
.calendardate td { padding-top: 10px; }
.calendarnav a { color: #0000BB; }
.calendartoday { font-weight: bold; }
.calendarentry { border: 1px solid #DDDDDD; background: #FFFFAA; }
.calendarentry a { color: #000000; text-decoration: none; }
.calendarentry a:hover { text-decoration: underline; }
#calendar, #monthlist, #categorylist, #recententry, #recentcomment, #otherlink,#mobile,#mail { margin: 0 0 35px 0; }
#calendar p, #monthlist p, #categorylist p, #recententry p, #recentcomment p, #otherlink p, #mobile p, #mail p { text-align: center; margin: 10px 5px 5px 5px; padding: 0 0 2px 0; border-bottom: 1px solid #BBBBBB; font-weight: bold; letter-spacing: .1em; }
#monthlist a, #categorylist a, #recententry a, #recentcomment a, #otherlink a, #mobile a, #mail a { color: #000088; text-decoration: none; }
#monthlist a:hover, #categorylist a:hover, #recententry a:hover, #recentcomment a:hover, #otherlink a:hover, #mobile a:hover, #mail a:hover { text-decoration: underline; }
.miscw { padding: 5px 10px; color: #666666; }
.mailatt { padding: 5px 10px; color: #880000; text-align: left; }