*{ margin:0; padding:0; text-decoration: none; }
html {overflow-y:scroll;
}

body { color: #000; font-size: 100%; background-color: #9cf; background-image: url(../menuimg2010/body_bg.gif); text-decoration: none; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; background-color: #fc0; text-decoration: none; }
a:active { color: #3f3f3f; text-decoration: none; }
img { border-style: none; }

#header{ background-image: url(../menuimg2010/top_bg_heder.gif); background-repeat: repeat-x; width: 1000px; height: 116px; }
#logo { color: white; font-weight: bold; background-color: #3cf; background-repeat: no-repeat; text-align: left; width: 200px; height: 116px; float: left; }
#logo a:link { color: #fff;}
#logo a:visited { color: #fff;  }
#logo a:hover { color: #fff; background-color: transparent; }
#logo a:activ { color: #fff;  }
h1 { color: #fff; font-size: 90%; margin-top: 3em; }
h2 {  }
h3 {  }
h4 { color: #ffa200; font-size: 85%; font-weight: bold; }
#top { width: 800px; height: 116px; float: right; }
#topnavi{ width: 800px; height: 28px; }
#topnavi ul,li  /* トップナビのテキスト非表示他  */{ margin: 0; padding: 0; list-style-type: none; display: inline; }

#topnavi01 a  /* タブメニューホーム */ { background-color: transparent; background-image: url(../menuimg2010/head_menu_1a_home.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; display: block; }
#topnavi02 a { background-image: url(../menuimg2010/head_menu_2a_prof.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; display: block; }
#topnavi03 a { background-image: url(../menuimg2010/head_menu_3a_tool.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; display: block; }
#topnavi04 a { background-image: url(../menuimg2010/head_menu_4a_contact.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; display: block; }
#topnavi05 a { background-image: url(../menuimg2010/head_menu_5a_sitemap.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; display: block; }

#topnavi01 a:hover { background-color: transparent; background-image: url(../menuimg2010/head_menu_1b_home.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; }
#topnavi02 a:hover { background-color: transparent; background-image: url(../menuimg2010/head_menu_2b_prof.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; }
#topnavi03 a:hover { background-color: transparent; background-image: url(../menuimg2010/head_menu_3b_tool.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; }
#topnavi04 a:hover { background-color: transparent; background-image: url(../menuimg2010/head_menu_4b_contact.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; }
#topnavi05 a:hover { background-color: transparent; background-image: url(../menuimg2010/head_menu_5b_sitemap.gif); background-repeat: no-repeat; text-indent: -5000px; width: 100px; height: 28px; float: left; }
#canvas{ background-image: url(../menuimg2010/top_bg_canvas.gif); background-repeat: no-repeat; text-align: left; width: 100%; }
#container{ width: 100%; float: right; margin-left: -200px; }
#contents{ position: relative; margin: 20px 30px 20px 200px; padding: 0 0 1em; }
#side{ position: fixed; width: 180px; float: left; }
#side ul  /* サイドメニューのテキスト非表示 */ { text-indent: -5000px; margin-top: 1em; margin-right: 0; margin-left: 0; padding: 0; list-style-type: none; }
#menu01 a { background-image: url(../menuimg2010/side_menu_1a_build.gif); background-repeat: no-repeat; width: 179px; height: 30px; display: block; }
#menu02 a { background-image: url(../menuimg2010/side_menu_2a_wd.gif); background-repeat: no-repeat; width: 179px; height: 30px; display: block; }
#menu03 a { background-image: url(../menuimg2010/side_menu_3a_re.gif); background-repeat: no-repeat; width: 179px; height: 30px; display: block; }
#menu04 a { background-image: url(../menuimg2010/side_menu_4a_wf.gif); background-repeat: no-repeat; width: 179px; height: 30px; display: block; }
#menu05 a { background-image: url(../menuimg2010/side_menu_5a_st.gif); background-repeat: no-repeat; width: 179px; height: 30px; display: block; }
#menu06 a { background-color: transparent; background-image: url(../menuimg/menu_06.gif); background-repeat: no-repeat; width: 179px; height: 30px; display: block; }
#menu07 a { background-image: url(../menuimg2010/side_menu_6a_mov.gif); background-repeat: no-repeat; width: 179px; height: 30px; display: block; }
#menu01 a:hover { background-color: transparent; background-position: 18px 0; }
#menu02 a:hover { background-color: transparent; background-position: 12px 0; }
#menu03 a:hover { background-color: transparent; background-position: 16px 0; }
#menu04 a:hover { background-color: transparent; background-position: 10px 0; }
#menu05 a:hover { background-color: transparent; background-position: 12px 0; }
#menu06 a:hover { background-color: transparent; background-position: 8px 0; }
#menu07 a:hover { background-color: transparent; background-position: 8px 0; }

#undernavi{ color: #fff; font-size: 75%; text-align: right; width: 100%; clear: both; margin-top: 24px; margin-right: 0; margin-bottom: 24px; }

#undernavi p{ color: #3f3f3f; font-size: 75%; }
#undernavi a:link { color: #3f3f3f; }
#undernavi a:visited { color: #3f3f3f; }
#undernavi a:hover{ background-color: #ffbf00; }
#undernavi a:activ { color: #3f3f3f; }



#footer{ background-color: #fc0; background-image: url(../menuimg2010/foot_bg2.gif); background-repeat: repeat-x; background-position: 0 bottom; clear: both; width: 100%; text-align: center; height: auto; }

#footer p{ color: #333; font-size: 75%; line-height: 150%; padding: 0.5em 0 2em; }
.honbun  /*  本文指定シロ文字  */ { color: #3f3f3f; font-size: 100%; line-height: 160%; text-decoration: none; clear: both; margin-top: 0; }
.honbun a:link { color: #fff; background-color: #ffa200; }
.honbun a:visited { color: #fff; }
.honbun a:hover{ color: #fff; }
.honbun a:activ { color: #fff; }
.honbunblack  /* 本文クロ文字 */ { color: #3f3f3f; font-size: 100%; line-height: 160%; text-decoration: none; clear: both; }
.captionblack  /* 補足説明等  */ { color: #333; font-size: 75%; }
#message  /* 今日の一言を表示 */ { background-color: #fff; width: 560px; text-align: center; height: auto; clear: both; margin-top: 2em; margin-bottom: 5em; }
#counter  /* アクセスカウンターを表示 */ { text-align: center; position: relative; width: 560px; height: 20px; clear: both; margin: 1em 0 0; padding: 0; }
#message p { font-size: 75%; line-height: 150%; background-color: transparent; text-align: center; margin-top: 0; }
