/* ページ全体のスタイル設定------------------------------　*/
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; list-style-type: none; margin: 2px 0; padding: 0; width: 720px; height: 32px }

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

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

.grnav a:hover     { background-color: #ff9; }

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

#menu ul { list-style-type: none; margin: 0; padding: 0 0 0 12px }

.lcnav         { font-size: 12px; line-height: 24px; text-decoration: none; background-color: #fff; text-align: center; margin-top: 10px; width: 175px; 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       {background-color: #ff9; }

.caption   { color: gray; font-size: smaller; line-height: 1em }
	
/* 中央コンテンツエリアのスタイル設定------------------------------　*/
#topics    { background-color: #fff; text-align: left; padding: 10px; width: 320px; float: left }
#topics p { font-size: midium; line-height: 150%}
#topics ul      { font-size: midium; margin-left: 0; padding-left: 0 }

#topics li       { font-size: midium; line-height: 150%; background-image: url("../_parts/li_dot_red.gif"); background-repeat: no-repeat; list-style-type: none; padding-bottom: 1em; padding-left: 16px }

#topics h1       { color: white; font-size: medium; font-weight: bold; background-color: #900; background-image: none; text-align: left; margin: 0; padding: 2px 3px }

#topics img   { margin-bottom: 2px; margin-left: 4px; float: right }


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

#topics a:visited    { color: #600; font-weight: bold; }

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

#topics a:active   { color: red; }

.strong   { font-weight: bold }

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

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

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

#footer a:visited  { color: #600; }

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

#footer a:active   { color: red; }