* { margin: 0; padding: 0 }
body      { font-size: 83%; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: center }
body table    { font-size: 1em; line-height: 1.5em }
a  { text-decoration: none; border-style: none }
a:hover { text-decoration: underline }
a img { border-style: none }
.none  { display: none }
hr  { color: #cccccc }
li   { margin-left: 20px }
ol li  { margin-left: 30px }
.clear  { float: none; clear: both }
.right { float: right }
.left  { float: left }
.img_right  { margin-bottom: 10px; margin-left: 10px; float: right }
.img_left   { margin-right: 10px; margin-bottom: 10px; float: left }
.topics_img    { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; float: left }
.p_right { text-align: right; display: block }
.p_left { text-align: left; display: block }
.p_center { text-align: center; display: block }
.large  { font-size: 1.1em }
.small  { font-size: 0.8em }
.green    { color: #060 }
.orange   { color: #f60 }
.yellow  { color: #fc0 }
.red   { color: #f00 }
.y_r_black     { background-image: url("media/y_r_black.gif"); background-repeat: no-repeat; background-position: 0 3px; padding-bottom: 3px; padding-left: 10px }
.window  { background-image: url("media/icon_window.gif"); background-repeat: no-repeat; background-position: 0 0; padding-top: 2px; padding-bottom: 3px; padding-left: 20px }
.waku  { border: solid 1px #ccc }
.kome  { text-indent: -1em; margin-left: 1em }

.adobe_reader a    { color: #000; font-size: 0.7em; background-color: #eee; background-image: url("media/icon_adobe_reader.gif"); background-repeat: no-repeat; background-position: 10px 7px; display: block; padding: 5px 10px 5px 110px; float: left; border: solid 1px #ccc }
.adobe_reader a:hover    { text-decoration: none }

/*table*/
.table   { background-color: #cccccc }
.table2    { background-color: #B2A47E }
.table_white    { background-color: #fff; padding: 5px }
.table_white2    { background-color: #ccc; padding: 5px }
.table_white3    { background-color: #aaa; padding: 5px }
.table_glay     { background-color: #eeeeee; margin: 1px; padding: 5px }
.table_glay2    { background-color: #cccccc; padding: 5px }
.table_glay3     { color: #fff; background-color: #999999; padding: 5px }
.table_glay4    { color: #fff; background-color: #666666; padding: 5px }
.table_glay5    { color: #fff; background-color: #333333; padding: 5px }
.table_brown     { background-color: #EDE7D7; margin: 1px; padding: 5px }
.table_brown2    { background-color: #E0D5BA; padding: 5px }
.table_brown3     { color: #fff; background-color: #C2B695; padding: 5px }
.table_yellow  { background-color: #ffc; padding: 5px }
.table_red   { background-color: #fcc; padding: 5px }
.table_green   { background-color: #cfc; padding: 5px }
.map  { margin: 0; padding: 0; border: solid 1px #ccc }

/*body*/
/*toppage*/
/*header*/
#header      { background-image: url("media/header_bg.jpg"); background-position: center 0; list-style-type: none; display: none; height: 110px }
#header_main       { text-align: left; display: block; margin-right: auto; margin-left: auto; width: 780px; height: 110px }
#header_main h1    { background-image: url("media/header.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 780px; height: 70px; float: left }
#header_main h1 a    { text-decoration: none; display: block; width: 240px; height: 70px }
#header_main h1 span    { display: block; float: left }
#header_menu     { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; text-indent: -9999px; width: 780px; height: 40px; float: left }
#header_menu1   { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: 0 -80px; display: block; width: 82px; height: 30px; float: left }
#header_menu1 a    { text-decoration: none; background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: 0 0; display: block; width: 82px; height: 30px; float: left }
#header_menu1 a:hover  { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: 0 -40px; display: block; width: 82px; height: 30px; float: left }
#header_menu2    { background-position: -82px 0; display: block; width: 409px; height: 30px; float: left }
#header_menu3     { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -491px -80px; display: block; width: 117px; height: 30px; float: left }
#header_menu3 a      { text-decoration: none; background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -491px 0; display: block; width: 117px; height: 30px; float: left }
#header_menu3 a:hover    { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -491px -40px; display: block; width: 117px; height: 30px; float: left }
#header_menu4     { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -608px -80px; display: block; width: 75px; height: 30px; float: left }
#header_menu4 a      { text-decoration: none; background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -608px 0; display: block; width: 75px; height: 30px; float: left }
#header_menu4 a:hover    { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -608px -40px; display: block; width: 75px; height: 30px; float: left }
#header_menu5     { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -683px -80px; display: block; width: 97px; height: 30px; float: left }
#header_menu5 a      { text-decoration: none; background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -683px 0; display: block; width: 97px; height: 30px; float: left }
#header_menu5 a:hover    { background-image: url("media/header_menu.jpg"); background-repeat: no-repeat; background-position: -683px -40px; display: block; width: 97px; height: 30px; float: left }

/*top_mainmenu*/
#top_mainmenu       { background-image: url("media/mainmenu_bg.gif"); background-repeat: repeat-y; width: 180px; height: 280px; float: left }
#top_mainmenu dt    { background-image: url("media/mainmenu_dt.jpg"); background-repeat: no-repeat; text-indent: -9999px; margin-bottom: 5px; width: 170px; height: 26px; float: left }
.dd                 { color: #000; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; background-position: 0 -62px; text-indent: 30px; display: block; width: 179px; height: 31px; float: left }
.dd a              { color: #000; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; display: block; width: 179px; height: 31px }
.dd a:hover              { color: #000; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; background-position: 0 -31px; display: block; width: 179px; height: 31px }
.dd2                { color: #000; font-size: 12px; line-height: 25px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; background-position: 0 -145px; text-indent: 45px; display: block; width: 179px; height: 26px; float: left }
.dd2 a               { color: #000; font-size: 12px; line-height: 25px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; background-position: 0 -93px; display: block; width: 179px; height: 26px }
.dd2 a:hover               { color: #000; font-size: 12px; line-height: 25px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; background-position: 0 -119px; display: block; width: 179px; height: 26px }
.dd3                  { color: #000; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; background-position: 0 -62px; text-indent: 30px; display: block; margin-top: 5px; width: 179px; height: 31px; float: left }
.dd3 a               { color: #000; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; display: block; width: 179px; height: 31px }
.dd3 a:hover               { color: #000; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("media/mainmenu_dd.gif"); background-repeat: no-repeat; background-position: 0 -31px; display: block; width: 179px; height: 31px }

/*top_contents*/
#top_contents          { text-align: left; display: block; margin-right: auto; margin-left: auto; width: 780px; height: 325px }
#top_contents_l    { background-image: url("media/top_blog.jpg"); background-repeat: no-repeat; background-position: 0 280px; display: block; width: 180px; height: 325px; float: left }
#top_contents_r       { background-image: url("media/top_image.jpg"); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 600px; height: 325px; float: left }
#top_image     { display: block; width: 600px; height: 320px; float: none; clear: both }

/*top_block*/
#top_block  { background-image: url("media/top_block_bg.gif"); background-repeat: no-repeat; background-position: center 0; display: block; height: 130px; float: none; clear: both }
#top_block_main  { text-align: left; display: block; margin-right: auto; margin-left: auto; width: 780px; height: 120px }
#top_blog  { display: block; width: 395px; height: 120px; float: left }
#top_blog dt    { background-image: url("media/top_blog2.jpg"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 385px; height: 40px; float: left }
#top_blog dt a    { text-decoration: none; background-image: url("media/top_blog2.jpg"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 385px; height: 40px; float: left }
#top_blog dt a:hover    { background-image: url("media/top_blog2.jpg"); background-repeat: no-repeat; background-position: 0 -40px; text-indent: -9999px; display: block; width: 385px; height: 40px; float: left }
#top_blog dd     { background-color: #fff; display: block; width: 385px; height: 75px; float: left }
#top_news    { background-image: url("media/top_news.jpg"); background-repeat: no-repeat; display: block; width: 385px; height: 120px; float: left }
#top_news dt       { color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url("media/top_news.jpg"); background-repeat: no-repeat; text-indent: 10px; display: block; width: 385px; height: 40px; float: left }
#top_news dd      { background-color: #fff; display: block; width: 385px; height: 75px }
.topics_ul  { text-align: left; display: block; width: 350px; float: left }
.topics_ul li  { font-size: 11px; background-image: url("media/y_r_black.gif"); background-repeat: no-repeat; background-position: 0 7px; text-indent: 10px; list-style-type: none; display: block; margin-right: 5px; margin-bottom: 3px; margin-left: 5px; padding-bottom: 3px; width: 348px; float: left; border-bottom: 1px dotted #999 }
/*subpage*/
/*sub_mainmenu*/
#sub_mainmenu         { background-image: url("media/mainmenu_bg.gif"); background-repeat: repeat-y; margin-bottom: 5px; width: 180px; float: left }
#sub_mainmenu dt    { background-image: url("media/mainmenu_dt.jpg"); background-repeat: no-repeat; text-indent: -9999px; margin-bottom: 5px; width: 170px; height: 26px; float: left }

/*sub_contents*/
#sub_contents   { text-align: left; display: block; margin-right: auto; margin-left: auto; width: 680px }
#sub_contents_l  { display: none; width: 180px; float: left }
#sub_contents_r  { display: block; width: 610px; float: left }
#sub_contents_end          { background-color: #fff; background-repeat: no-repeat; background-position: left top; text-align: left; display: block; margin-right: auto; margin-left: auto; width: 780px; height: 10px; float: left }
#pankuzu  { font-size: 9px; display: block; margin-bottom: 5px; border-bottom: 1px dotted #666 }
.anchor  { font-size: 0.8em; display: block; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted #666; border-bottom: 1px dotted #666 }
.page_top   { font-size: 0.8em; text-align: right; display: block; margin-top: 5px; margin-bottom: 10px }


/*h2*/
.h2_blue   { line-height: 40px; background-image: url("media/h2_blue.jpg"); background-repeat: no-repeat; text-indent: 20px; display: block; width: 600px; height: 50px }
.h2_blue strong    { font-size: 18px; font-weight: bold; margin-right: 10px }
.h2_blue span     { color: #666; font-size: 14px; font-weight: lighter }
.h2_green   { line-height: 40px; background-image: url("media/h2_green.jpg"); background-repeat: no-repeat; text-indent: 20px; display: block; width: 600px; height: 50px }
.h2_green strong    { font-size: 18px; font-weight: bold; margin-right: 10px }
.h2_green span     { color: #666; font-size: 14px; font-weight: lighter }
.h2_red   { line-height: 40px; background-image: url("media/h2_red.jpg"); background-repeat: no-repeat; text-indent: 20px; display: block; width: 600px; height: 50px }
.h2_red strong    { font-size: 18px; font-weight: bold; margin-right: 10px }
.h2_red span     { color: #666; font-size: 14px; font-weight: lighter }
.h2_yellow   { line-height: 40px; background-image: url("media/h2_yellow.jpg"); background-repeat: no-repeat; text-indent: 20px; display: block; width: 600px; height: 50px }
.h2_yellow strong    { font-size: 18px; font-weight: bold; margin-right: 10px }
.h2_yellow span     { color: #666; font-size: 14px; font-weight: lighter }
.h2_purple   { line-height: 40px; background-image: url("media/h2_purple.jpg"); background-repeat: no-repeat; text-indent: 20px; display: block; width: 600px; height: 50px }
.h2_purple strong    { font-size: 18px; font-weight: bold; margin-right: 10px }
.h2_purple span     { color: #666; font-size: 14px; font-weight: lighter }

/*h3*/
.h3_bg       { font-size: 14px; font-weight: bold; line-height: 30px; background-image: url("media/h3_bg.jpg"); background-repeat: no-repeat; text-indent: 20px; display: block; width: 600px; height: 40px }

/*h4*/
.h4_blue        { font-size: 13px; background-color: #eeeeee; background-image: url("media/h4_blue.gif"); background-repeat: no-repeat; background-position: left bottom; text-indent: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 3px; width: 600px; border-bottom: 1px solid #09f }
.h4_green         { font-size: 13px; background-color: #eeeeee; background-image: url("media/h4_green.gif"); background-repeat: no-repeat; background-position: left bottom; text-indent: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 3px; width: 600px; border-bottom: 1px solid #009900 }
.h4_red        { font-size: 13px; background-color: #eeeeee; background-image: url("media/h4_red.gif"); background-repeat: no-repeat; background-position: left bottom; text-indent: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 3px; width: 600px; border-bottom: 1px solid #cc0000 }
.h4_yellow        { font-size: 13px; background-color: #eeeeee; background-image: url("media/h4_yellow.gif"); background-repeat: no-repeat; background-position: left bottom; text-indent: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 3px; width: 600px; border-bottom: 1px solid #ff9900 }
.h4_purple        { font-size: 13px; background-color: #eeeeee; background-image: url("media/h4_purple.gif"); background-repeat: no-repeat; background-position: left bottom; text-indent: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 3px; width: 600px; border-bottom: 1px solid #9786c2 }


/*footer*/
#footer         { background-image: url("media/footer_bg.jpg"); background-repeat: no-repeat; background-position: center 0; display: none; float: none; clear: both }
#footer_main         { text-align: center; display: block; margin-right: auto; margin-left: auto; width: 780px; height: 100px }
#footer_main p       { display: block; padding-top: 10px }