body { font-size: small; background-color: #C0743D; } 
#base { background-image: url(img/base.gif); background-repeat: repeat-y; width: 900px; height: auto; margin: 0 auto 0 ; border: 1px fuchsia; }
#banner { background-image: url(img/banner3.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 850px; height: 152px; float: left; border-style: none; }

#nav { background-image: url(img/naviback.jpg); background-repeat: no-repeat; height: 45px; width: 850px; float: left; margin: 0 auto; padding: 0; border-style: none; }
#mainbox { background-image: url(img/mainboxback.jpg); background-repeat: repeat-y; background-position: center 100%; width: 850px; height: auto; float: left; margin-right: auto; margin-left: auto; padding: 0; border-style: none; }
#leftbox { background-color: white; height: auto; width: 588px; text-align: left; float: left; border-style: none; }
#photobox { background-image: url(img/topphoto2.jpg); background-repeat: no-repeat; height: 312px; width: 588px; float: left; margin: 0; padding: 0; border-style: none; }
#subphotobox { background-image: url(img/subtopimage.jpg); background-repeat: no-repeat; height: 120px; width: 588px; float: left; border-style: none; }
#midashibox { background-image: url(img/midashiboxback.jpg); background-repeat: repeat-y; width: 588px; height: auto; float: left; border-style: none; }
#whatsnew { color: white; font-size: 9pt; font-style: normal; font-weight: normal; background-color: transparent; background-image: url(img/whatsnew.gif); background-repeat: no-repeat; width: 588px; height: 15px; float: left; padding-top: 3px; border-style: none; }
#newsbox { background-image: url(img/newsboxback2.jpg); background-repeat: no-repeat; width: 558px; height: 195px; overflow: auto; float: left; margin: 0; padding: 10px 20px 0 10px; border-style: none; }
#contents { background-image: url(img/contentsback.jpg); background-repeat: repeat-y; width: 588px; height: auto; float: left; margin-bottom: 0; border-style: none; }
#boxtopics { background-image: url(img/boxtopicsback2.jpg); background-repeat: no-repeat; width: 588px; float: left; padding: 0; border-style: none; }
#photospace { background-color: #e7efe4; background-image: url(img/photospaceback.gif); background-repeat: no-repeat; background-position: center top; width: 500px; height: auto; margin: 20px 20px 20px 50px; padding: 20px 0; border: solid 1pt olive; }
#update { background-image: url(img/update.jpg); background-repeat: no-repeat; margin: 0; padding: 0; width: 588px; float: left; border-style: none; }
#rightbox { background-image: none; text-align: left; width: 260px; height: auto; float: right; border-style: none; }
#footer { background-image: url(img/footerback.jpg); background-repeat: no-repeat; width: 850px; height: 148px; float: left; margin-right: auto; margin-left: auto; border-style: none; }
h1 { color: #606060; font-size: 12px; font-weight: normal; font-style: normal; line-height: 0; vertical-align: 18px; margin-top: 15px; margin-left: 15px; }
h2 { color: #333; font-size: 18px; font-weight: bold; line-height: 1.9em; background-image: url(img/h2backx.gif); background-repeat: no-repeat; text-indent: 26px; letter-spacing: 0.2ex; vertical-align: 0; height: 35px; margin-right: 18px; margin-bottom: 7px; margin-left: 30px; }
h3 { color: #333; font-size: 11pt; font-weight: normal; font-style: normal; text-align: left; vertical-align: middle; margin: 10px 20pt 25px 40pt; padding-top: 0; }
h4 { color: #333; font-size: 17px; font-weight: bold; line-height: 1.9em; background-image: url(img/h2backx.gif); background-repeat: no-repeat; text-indent: 26px; letter-spacing: 0; vertical-align: 0; height: 35px; margin-right: 18px; margin-bottom: 7px; margin-left: 30px; }
p { color: #1c1c1c; font-size: 12px; font-weight: normal; font-style: normal; line-height: 1.4em; margin-top: 0; margin-bottom: 0; }
p.example1 { color: #336600; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; margin: 3px 25px 10px 50px; }
p.example2 { color: #333; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.4em; text-decoration: none; margin: 18px 36px 18px 50px; }

p.example3 /*トップページの告知文のみ使用*/{ color: black; font-size: 9pt; font-style: normal; font-weight: normal; line-height: 1.5em; text-decoration: none; margin: 48px 40px 30px 50px; font-family: Verdana, Arial, sans-serif; padding: 0; }
p.example4 { color: black; font-size: 9pt; font-family: Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5em; text-decoration: none; margin: 10px 35px 20px 50px; }
p.example5 { color: black; font-size: 9pt; font-family: Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5em; text-decoration: none; width: 550px; height: auto; margin: 18px 10px 0 30px; padding: 0; }
p.newsbox { color: #4c4c4c; font-size: 12px; line-height: 1.5em; width: 320px; height: 110px; padding: 45px 5px 10px 30px; }
a:link { color: maroon; font-size: 9pt; text-decoration: none; }
a:visited { color: olive; font-size: 9pt; text-decoration: none; }
a:hover { color: #cc3333; font-size: 9pt; text-decoration: none; }