body     { background-image: url("../_parts/topimages/deepwater.gif"); background-repeat: repeat; text-align: center; margin: 0; padding: 0 }

/* ナビゲーションのスタイル設定　*/
#layout  { background-color: #fff; margin-right: auto; margin-left: auto; padding: 0; width: 720px }

/* ナビゲーションのスタイル設定　*/
#top    { background-color: #fff; text-align: left; margin: 10px 0 0; padding: 0; width: 720px }

#navbar     { background-color: #dcdcdc; text-align: center; list-style-type: none; margin: 2px 0; padding: 0; width: 720px; height: 32px }

.grnav      { color: #666; font-size: 12px; line-height: 20px; text-decoration: none; background-color: #fff; text-align: center; margin: 5px 0 3px 4px; width: 96px; float: left; border: solid 1px #a9a9a9 }

.grnav a    { color: #039; line-height: 20px; text-decoration: none; background-color: #fff; display: block }

.grnav a:hover     { color: #039; text-decoration: none; background-color: #ff9; list-style-type: none }

/* 左メニューエリアのスタイル設定　*/
#menu       { background-color: white; text-align: center; margin: 0; padding: 10px 0 20px; width: 200px; float: left; voice-family: inherit      }

#menu ul   { text-align: center; list-style-type: none; margin: 10px 0 0 20px; padding: 0 0 0 0 }

.lcnav          { font-size: 12px; text-decoration: none; background-color: #fff; text-align: center; list-style-type: none; margin-top: 8px; padding-top: 4px; padding-bottom: 4px; width: 160px; border-style: solid; border-width: 1px; border-color: #666 white }

.lcnav a     { color: #036; text-decoration: none; background-color: #fff; display: block }

.lcnav a:hover       { color: #036; text-decoration: none; background-color: #ff9; list-style-type: none }
#menu p    { font-size: small; text-align: left; list-style-type: none; margin-left: 20px; padding: 0; width: 160px }

#menu a   { color: #309; font-weight: bold; text-decoration: none }

#menu a:visited    { color: #600; font-weight: bold; text-decoration: none }

#menu a:hover   { color: #309; background-color: #ffc }

#menu a:active   { color: red; text-decoration: none }
	
	
/* 右コンテンツエリアのスタイル設定　*/
#main    { background-color: #fff; text-align: left; padding: 10px; width: 500px; float: left }
#main img { margin-right: 6px; margin-bottom: 6px; float: left }
#main p          { font-size: medium; line-height: 170%; text-align: left; margin: 0; padding: 0 0 1em }
#main hr   { margin-right: 0; margin-bottom: 1em; margin-left: 0; width: 100% }
#main h1           { color: white; font-size: medium; font-weight: bold; line-height: 1em; background: #900; text-align: left; margin: 0 0 10px; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 10px }

#main h2             { font-size: large; font-weight: bold; line-height: 1.3em; background-image: url("../_parts/topimages/deepwater.gif"); background-repeat: repeat-y; text-align: left; margin-bottom: 10px; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 16px; border-top: medium none; border-right: medium none; border-bottom: medium none }

#main h3            { font-size: large; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 0; padding-top: 0.5em; padding-bottom: 1em; padding-left: 0 }
#main h4            { font-size: medium; font-weight: bold; text-align: left; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0 }
#main h5    { color: #363; font-size: medium; line-height: 1.2em; margin: 0; padding-top: 0.5em; padding-bottom: 1em }
#main ul      { font-size: midium; margin-left: 0; padding-left: 0 }

#main li          { font-size: midium; line-height: 180%; background-image: url("../_parts/li_dot_red.gif"); background-repeat: no-repeat; list-style-type: none; padding: 0 0 0 1em }

#main a   { color: #309; font-weight: bold; text-decoration: none }

#main a:visited    { color: #600; font-weight: bold; text-decoration: none }

#main a:hover   { color: #309; background-color: #ffc }

#main a:active   { color: red; text-decoration: none }

.strong   { font-weight: bold }

.hako-h    { font-size: larger; font-weight: bold; background-color: #9cc; margin-top: 1em; padding: 16px; width: 460px }

.hako-b   { background-color: #f5f5dc; padding: 16px; width: 460px }

.voice    { background-color: #f5f5dc; margin-bottom: 12px; padding: 12px 12px 0; width: 460px }
.first { color: #900; font-size: x-large; font-weight: bold }
.caption   { font-size: smaller; line-height: 1.2em }
.uppper { background-color: aqua }
#hako   { background-color: #f5f5dc; margin-bottom: 1em; padding: 6px; width: 460px }

/* テーブルによる目次スペースの設定　*/
#mokuji   { width: 500px }

#mokuji a         { color: #036; text-decoration: none; background-color: #dcdcdc; text-align: center; display: block; padding-top: 4px; padding-bottom: 4px }

#mokuji a:hover          { color: #036; text-decoration: none; background-color: #ffc; text-align: center }


#mokuji th#index       { font-size: 12px; font-weight: normal; background-color: #dcdcdc; text-align: center; padding: 0; width: 36px }

#mokuji th#subject      { font-weight: normal; background-color: #dcdcdc; text-align: left; padding: 4px; width: 488px }

#mokuji th#date      { font-size: smaller; font-weight: normal; background-color: #d3d3d3; text-align: center; padding: 4px; width: 80px }

#mokuji td#index       { font-size: 12px; background-color: #dcdcdc; text-align: center; padding: 0; width: 36px }

#mokuji td#subject      { background-color: #f5f5f5; padding: 4px; width: 488px }

#mokuji td#date     { font-size: smaller; background-color: #f5f5f5; text-align: center; padding: 4px; width: 80px }

/* ページの先頭に戻る　*/
#modoru   { font-size: small; text-align: right }

#modoru a   { color: #036; font-size: small; text-decoration: none; text-align: right; display: block; padding-top: 4px; padding-bottom: 4px }

#modoru a:hover           { color: #cd5c5c; text-decoration: none; background-color: #fff }


/* フッターエリアのスタイル設定　*/
#footer        { font-size: smaller; background-color: #dcdcdc; text-align: right; padding-top: 4px; padding-right: 20px; width: 700px; height: 36px; clear: left }

#hooter p      { color: #036; text-decoration: none; padding-right: 20px }

#footer a  { color: #036; text-decoration: none }

#footer a:visited  { color: #600; text-decoration: none }

#footer a:hover  { color: #036; text-decoration: none; background-color: #ffc }

#footer a:active   { color: red; text-decoration: none }

/*　角丸四角形　*/

#kadomaru { background-color: #f5f5dc; margin: 0; padding: 0; width: 420px }

#kadomaru body{margin: 30px; padding:0}

#kadomaru p  { font-size: 1em; line-height: 1.8em; text-align: left; margin-right: 10px }

.topcorner { background-color: #f5f5dc; background-image: url("../_parts/kado-l/kado_rt.gif"); background-repeat: no-repeat; background-position: right top }

.bottomcorner { background-color: #f5f5dc; background-image: url("../_parts/kado-l/kado_rb.gif"); background-repeat: no-repeat; background-position: right top }