* { margin: 0; padding: 0 }
body          { font-size: 13px; font-family: "ＭＳ Ｐゴシック", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 120%; background-color: white; background-image: url("img/page_bg.gif"); background-repeat: repeat-x; background-attachment: scroll; text-align: center; margin-bottom: 10px }
#contents        { text-align: center; margin: auto; width: 780px }
#header                      { text-align: right; padding-top: 5px; padding-bottom: 5px; width: 780px; max-height: 25px }
#logo         { text-align: center; width: 780px; vertical-align: top }
#menu                    { background-color: #c9c9c9; background-image: url("img/menu/bg.gif"); background-repeat: repeat-x; text-align: center; margin-right: auto; margin-left: auto; width: 780px; max-width: 780px; clear: both }
#menu img  { vertical-align: bottom }

#side       { display: block; width: 175px; height: 100%; float: left }
div#side h2  { color: #c03; font-size: 13px; background-image: url("img/mark01.gif"); background-repeat: no-repeat; text-align: left; margin-top: 10px; margin-bottom: 5px; padding-top: 1px; padding-left: 15px; clear: right }
#side h4 { color: #309; font-size: 13px; font-weight: normal; background-image: url("img/mark02.gif"); background-repeat: no-repeat; text-align: left; margin-left: 10px; padding-top: 1px; padding-left: 10px }
#side div  { text-align: left }
#serch { margin: 0; padding: 0 }
#serch h2     { color: black; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("img/sub.gif"); background-repeat: no-repeat; text-align: left; display: block; padding-top: 10px; padding-left: 25px; max-width: 175px; max-height: 33px; vertical-align: top }
#serch div  { text-align: left; max-width: 175px }
#serch input  { margin-bottom: 5px; border: solid 1px #bebebe }
#serch form  { }
#serch img { background-image: url("img/serch_bg.gif"); background-repeat: repeat-y; text-align: left; display: block; vertical-align: bottom }
#rss { color: black; font-size: 10px; text-align: left; margin-top: 10px; width: 170px; float: left; clear: left }
#rss a { color: black; font-size: 10px; font-weight: normal; text-decoration: none; background-color: white; background-image: none; list-style-image: none; display: inline; padding: 0 }
#rss a:hover { color: #666; font-size: 10px; font-weight: normal; text-decoration: none; background-color: white; background-image: none; display: inline; padding: 0 }

#main      { display: block; margin-top: 15px; margin-left: 10px; width: 590px; float: right }
div#main h2     { font-size: 14px; background-image: url("img/mark03.gif"); background-repeat: no-repeat; text-align: left; list-style-image: none; display: block; padding-bottom: 2px; padding-left: 18px; max-width: 590px; vertical-align: bottom; border-bottom: 2px solid orange }
#topic_path { font-size: 11px; text-align: left; margin-top: 4px; float: right }
#text   { text-align: left; margin-top: 30px !important; margin-bottom: 5px; margin-left: 20px; padding-bottom: 10px; border-bottom: 1px dotted #fc0 }
#text table  { font-size: 13px; line-height: 120%; max-width: 590px }
#text th    { background-color: #ccc; white-space: nowrap; margin-bottom: 5px; padding: 2px 10px; border-bottom: 1px solid black }
#text td   { margin-bottom: 5px; margin-left: 5px; padding: 2px 5px; border-bottom: 1px solid black }
#text dl { margin: 0; padding: 0 }
#text dt { background-color: silver; display: compact; padding: 2px 10px; float: left; border-bottom: 1px solid #333 }
#text dd { display: block; margin-left: 5px; padding: 2px 5px; float: left }
#entry_info { text-align: left; float: right }
#main02  { display: block; margin-top: 10px; margin-bottom: 10px; width: 550px; float: right }
div#main02 h2   { font-size: 14px; background-image: url("img/mark03.gif"); background-repeat: no-repeat; text-align: left; list-style-image: none; display: block; margin-top: 25px; margin-bottom: 15px; padding-bottom: 2px; padding-left: 18px; max-width: 550px; vertical-align: bottom; border-bottom: 2px solid #ffa500 }
h3 { font-size: 12px; font-weight: bold; margin: 15px 0 20px; padding-bottom: 1px; border-bottom: 1px solid #ffa500 }
#main02 form { }
#table   { text-align: left; margin-left: 20px; padding-top: 5px; padding-bottom: 5px; max-width: 550px; float: left }
#main02 label { background-color: #ccc; text-align: left; display: block; padding-left: 5px; width: 145px; float: left; border-top: ; border-right: ; border-bottom: 1px solid #666; border-left:  }
.space { padding-top: 4px; padding-bottom: 1px }
.name  { text-align: left; display: block; margin-right: 10px; margin-left: 5px; height: 22px; float: left; border: solid 1px #666 }
.check { border: 0 }
.button { color: white; background-color: silver; padding: 1px 5px; border: solid 1px gray }
#main02 textarea { text-align: left; display: block; margin-left: 5px; float: left; border: solid 1px #666 }
.textarea { width: 350px; height: 110px }
#footer     { padding-top: 20px; width: 780px; float: left }
div#footer a  { color: #000; text-decoration: none }
div#footer a:hover { color: silver; text-decoration: none }
#copy    { color: white; background-color: #f4a460; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; width: 780px; clear: both }
.display  { display: block }
ul { list-style-type: disc; margin: 0 0 0 20px }
ol { list-style-type: decimal; margin: 0 0 0 20px }
a { color: blue; text-decoration: none }
a:hover { color: #999; text-decoration: none }