*{ 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; }
dl {  }
dt { color: #fc0; font-size: 85%; font-weight: bold; line-height: 150%; text-decoration: none; }
.dd_category  /* サイトマップリストのカテゴリー名 */ { color: #f90; font-size: 85%; line-height: 150%; text-decoration: none; text-indent: 0; }
dd { color: #333; font-size: 85%; line-height: 150%; text-decoration: none; text-indent: 1em; }
img { border-style: none; }

#header{ background-image: url(../menuimg2010/head_bg.gif); background-repeat: repeat-x; width: 1000px; height: 116px; }
pre { font-size: 100%; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, 平成角ゴシック; font-weight: normal; font-style: normal; line-height: 160%; text-decoration: none; }
#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; }

#trail { color: #333; width: 800px; height: 20px; clear: both; margin-top: 6px; }
#trailnavi ol,li  /* パン屑リスト */ { color: #666; font-size: 75%; font-weight: lighter; line-height: 110%; text-decoration: none; list-style-type: none; display: inline; }
#trailnavi li a { color: #666; background-image: url(../menuimg/allow_right.gif); background-repeat: no-repeat; background-position: right center; padding-right: 10px; }
#category { width: 770px; clear: both; margin-top: 10px; }
#category h2 { color: #fff; font-size: 150%; }
.workname { color: #f90; font-size: 120%; margin-bottom: 0.25em; }
.subcategory { color: #f90; font-size: 120%; clear: both; margin-top: 20px; margin-bottom: 10px; }
#categoryname { color: #f90; font-size: 150%; }
#canvas{ background-color: #fff; background-image: url(../menuimg2010/canvas_bg_map.jpg); background-repeat: no-repeat; background-attachment: fixed; text-align: left; width: 100%; border-top: 2px solid #fc0; }
#container{ width: 100%; float: right; margin-left: -200px; }
#contents{ position: relative; margin: 20px 30px 20px 200px; padding: 0 0 1em; }
#categorylist  /* カテゴリー一覧エリア*/  {}
.workslist { float: left; margin-right: 40px; list-style-type: none; display: inline; }

#imagelist { background-color: #fff; float: left; margin-right: 20px; margin-bottom: 20px; border: solid 1px #f90; list-style-type: none; display: block; }
#imagelist a:link { color: #fff; display: block; }
#imagelist a:visited { color: #fff; display: block; }
#imagelist a:hover { color: #fff; display: block; }
#imagelist a:activ { color: #fff; display: block; }

#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: 125%; padding: 1em 0 2em; }
.honbun  /* 本文、幅560まで */ { color: #333; font-size: 85%; line-height: 160%; text-decoration: none; width: 560px; clear: both; margin-top: 0; }
.honbun_420   /* 幅420 */  { color: #333; font-size: 85%; line-height: 160%; text-decoration: none; margin-top: 0; width: 420px; clear: both; }
.honbun a:link { color: #fff; background-color: #ffa200; }
.honbun a:visited { color: #333; }
.honbun a:hover{ color: #333; }
.honbun a:activ { color: #fff; }
.imagelist_name  /* カテゴリー一覧の作品名 */ { color: #3f3f3f; font-size: 80%; line-height: 120%; text-decoration: none; width: 100px; clear: both; margin-bottom: 10px; }
.honbunblack  /* 本文クロ文字 */ { color: #3f3f3f; font-size: 100%; line-height: 160%; text-decoration: none; clear: both; }
.spec  /*  施主、設計者名等 幅360 */ { color: #333; font-size: 85%; line-height: 160%; text-decoration: none; width: 360px; margin-bottom: 0.5em; }
.spec_220 { color: #333; font-size: 85%; line-height: 160%; text-decoration: none; margin-bottom: 0.5em; width: 220px; }
.captionblack  /* 補足説明等  */ { color: #333; font-size: 75%; padding: 0.5em 0; }
.worksimg  /* 個別作品の写真 */ { float: none; clear: both; margin-top: 0.5em; margin-bottom: 0; border: solid 4px #fc0; }
.worksimg_float_left { margin-top: 1em; margin-bottom: 0.5em; float: left; border: solid 4px #fc0; }
.worksimg_float_right { margin-top: 1em; margin-bottom: 0.5em; float: right; border: solid 4px #fc0; }
.workneame_supple  /* 作品名の補足 */ { color: #f90; font-size: 85%; font-weight: lighter; }
.img_whiteback { background-color: #fff; }
table { color: #3f3f3f; font-size: 85%; line-height: 200%; text-decoration: none; border-top: 1px solid #ffbf00; border-bottom: 1px solid #ffbf00; border-right-style: none; border-left-style: none; }
.year { text-align: right; vertical-align: top; white-space: nowrap; }
form { background-color: #ffe883; width: 460px; padding: 10px; }
form div { color: #3f3f3f; font-size: 85%; margin: 5px 0; padding-right: 0; padding-bottom: 5px; padding-left: 0; }
.question { width: 40%; float: left; display: block; }
#name_mail { width: 55%; }
#toiawase { width: 55%; height: 80px; }