/*
＃base：全体のサイズ（Width）決定用
＃header：CIおよび30thロゴ位置決定用
＃guide：リンクエリアA（サブメニュー）決定用
＃navi：パンくずナビ決定用
＃link-top：リンクエリアB（メインメニュー上部）決定用
＃link-bottom：リンクエリアC（メインメニュー下部）決定用
＃policy：セキュリティ、プライバシーポリシー決定用
＃footer：コピーライト決定用
＃ci：CI位置決定用
*/
body     { background-color: #fff; margin: 0 20px 10px  }
#base { width: 750px; }
#header	{ font-size: 12px; padding-top: 3px; padding-bottom: 3px; }
#guide	{ font-size: 12px; background-color: #9bc; padding: 2px 10px }
#guide a	{ padding-top: 2px; padding-bottom: 2px }
#guide a:link	{ color: #036; text-decoration: none; background-image: url("../img/common/nosel-ot.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#guide a:visited	{ color: #036; text-decoration: none; background-image: url("../img/common/nosel-ot.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#guide a:hover	{ color: #fff; text-decoration: underline; background-image: url("../img/common/nosel-ov.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#guide a:active	{ color: #fff; text-decoration: underline; background-image: url("../img/common/nosel-ov.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#navi	{ font-size: 12px; line-height: 19px; background-color: #dce8ed; background-image: url("../img/common/shadow-bg.gif"); background-repeat: repeat-y; background-position: 0 0; margin-top: 5px; margin-bottom: 5px; padding: 0 10px; height: 19px; border-top: 1px solid #9bc; border-right: 2px solid #9bc; border-bottom: 1px solid #9bc }
#navi a:link	{ color: #039 !important; text-decoration: none }
#navi a:visited	{ color: #039 !important; text-decoration: none }
#navi a:hover	{ color: #69c !important; text-decoration: underline }
#navi a:active	{ color: #69c !important; text-decoration: underline }
#link-top	{ font-size: 12px; background-image: url("../img/common/link-bg.gif"); background-repeat: repeat-x; background-position: 0 0; padding-top: 7px; padding-bottom: 2px; clear: both }
#link-bottom	{ font-size: 12px; background-image: url("../img/common/link-bg.gif"); background-repeat: repeat-x; background-position: 0 0; padding-top: 7px; padding-bottom: 2px; clear: both }
#policy	{ color: #036; font-size: 12px; background-color: #69c; margin-top: 2px; padding-top: 2px; padding-bottom: 2px; clear: both }
#policy a	{ color: #036; text-decoration: none; padding-top: 1px; padding-bottom: 1px; border-color: transparent }
#policy a:link	{ color: #036; text-decoration: none; background-image: url("../img/common/nosel-ot.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#policy a:visited	{ color: #036; text-decoration: none; background-image: url("../img/common/nosel-ot.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#policy a:hover	{ color: #fff; text-decoration: underline; background-image: url("../img/common/nosel-ov.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#policy a:active	{ color: #fff; text-decoration: underline; background-image: url("../img/common/nosel-ov.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#footer	{ color: #999; font-size: 12px; text-align: center; margin-top: 2px; padding-top: 2px; padding-bottom: 2px; clear: both }
a:link	{ color: #369; text-decoration: none }
a:visited	{ color: #936; text-decoration: none }
a:hover	{ color: #69c; text-decoration: underline }
a:active	{ color: #69c; text-decoration: underline }
.b-line	{ }
.b-line a	{ padding-top: 1px; padding-bottom: 1px }
.b-line a:link	{ color: #036; text-decoration: none; background-image: url("../img/common/nosel-ot.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
.b-line a:visited	{ color: #036; text-decoration: none; background-image: url("../img/common/nosel-ot.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
.b-line a:hover	{ color: #69c; text-decoration: underline; background-image: url("../img/common/nosel-ov.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
.b-line a:active	{ color: #69c; text-decoration: underline; background-image: url("../img/common/nosel-ov.gif"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 15px }
#ci	{ position: absolute; top: 0; left: 0 }
.u-l-r-l-line	{ border: solid 5px #cceec0; }
.comment	{ margin-right: 2em; margin-left: 2em }
/*
リンクエリア現在位置決定用
アンカータグ（<a href～>－</a>）にclass=”here”設定により現在表示しているページの表現
*/
a:link.here  { background-image: url("../img/common/sel-ot.gif") !important; background-repeat: no-repeat; background-position: 0 50% }
a:visited.here  { background-image: url("../img/common/sel-ot.gif") !important; background-repeat: no-repeat; background-position: 0 50% }
a:hover.here  { background-image: url("../img/common/sel-ov.gif") !important; background-repeat: no-repeat; background-position: 0 50% }
a:active.here  { background-image: url("../img/common/sel-ov.gif") !important; background-repeat: no-repeat; background-position: 0 50% }