/* ベース */
html { margin: 0px; padding: 0px; }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: small; font-weight: normal; text-decoration: none; color: #000000; background-color: #ffffff; text-align: center; margin: 0px; padding: 0px; }
div#base { text-align: left; margin-top: 0px; border-style: none; padding-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-bottom: 0px; width: 810px; }
/* リンク */
a:link { text-decoration: underline; color: #4455ff; }
a:visited { text-decoration: underline; color: #800080; }
a:hover { text-decoration: underline; color: #bbccff; }
a:active { text-decoration: underline; color: #ff0000; }
/* メニューリストリンク */
#menu ul a:link { text-decoration: none; color: #000000; }
#menu ul a:visited { text-decoration: none; color: #000000; }
#menu ul a:hover { text-decoration: underline; color: #000000; }
#menu ul a:active { text-decoration: none; color: #333333; }
/* ナビゲーションリンク */
#navi a:link { text-decoration: none; color: #ffffff; }
#navi a:visited { text-decoration: none; color: #ffffff; }
#navi a:hover { text-decoration: none; color: #666666; }
#navi a:active { text-decoration: none; color: #000000; }
/* カラム */
div#container { margin-top: 0px; padding: 0px; margin-left: 200px; margin-right: 0px; margin-bottom: 0px; width: 610px; }
div#menu { margin-top: 11px; padding: 0px; margin-left: -200px; margin-right: 0px; margin-bottom: 0px; position: absolute; width: 200px; float: left; }
div#contents { margin: 0px; padding: 0px; width: 610px; float: left; }
/* リスト */
#menu ul { text-indent: 0px; margin-top: 0px; padding: 0px; margin-left: 5px; margin-right: 0px; margin-bottom: 0px; list-style-type: none; width: 195px; }
#menu ul li { color: #666666; line-height: 2em; margin: 0px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; width: 185px; }
#menu ul li:hover { background-color: #eeeeee; }
li#viewing { font-weight: bold; color: #000000; background-color: #eeeeee; }
li#to_top { padding-top: 3em; }
/* 子リスト */
#menu ul li ul { background-color: transparent; text-indent: 0px; margin: 0px; padding: 0px; list-style-type: none; width: 185px; }
#menu ul li ul li { font-size: small; color: #666666; line-height: 2em; margin: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; border-left-style: none; padding-left: 10px; border-right-style: none; border-bottom-style: none; width: 175px; }
#menu ul li ul li:hover { background-color: #dddddd; }
/* カバーイメージ */
h2#cover { margin: 0px; padding: 0px; }
h2#cover img { margin-top: 0px; border-style: none; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; width: 610px; height: 310px; }
img#cover { margin: 0px; border-style: none; width: 610px; height: 310px; }
/* 段落 */
div.p { margin-top: 0px; margin-left: 5px; width: 600px; }
p { text-align: justify; text-justify: inter-ideograph; line-height: 1.3; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
p.center { text-align: center; line-height: 1.3; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
p.right { text-align: right; line-height: 1.3; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
p.x-small { font-size: x-small; line-height: 1.3; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 1em; }
/* テーブル */
table.noline { border-style: none; }
table.simple_line { border-collapse: collapse; }
table.simple_line td { border-width: 1px; border-style: solid; border-color: #000000; }
/* ヘッダ・フッタ */
div#header { margin-top: 40px; padding: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 810px; height: 100px; }
div#footer { text-align: center; margin-top: 0px; padding-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-bottom: 30px; width: 810px; clear: both; }
p#copyright { text-align: center; width: 800px; clear: both; }
/* ナビゲーション */
div#naviholder { color: #ffffff; background-image: url(../menubg.png); background-repeat: repeat; text-align: center; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 100%; height: 30px; z-index: 100; }
ul#navi { text-align: center; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; list-style-type: none; list-style-position: inside; width: 800px; }
ul#navi li { font-size: 18px; font-weight: bold; text-align: center; line-height: 30px; margin: 0px; width: 133px; height: 30px; float: left; }
/* 見出し */
h1 { margin: 0px; padding: 0px; width: 810px; height: 90px; float: left; }
h1 img { margin: 0px; border-style: none; width: 810px; height: 90px; }
h2 { font-size: xx-large; font-weight: bold; margin-top: 10px; margin-left: 5px; margin-bottom: 0.25em; position: relative; }
h3 { font-size: large; font-weight: bold; margin-top: 2em; margin-bottom: 0.25em; }
h4 { font-size: small; font-weight: bold; margin-top: 2em; margin-bottom: 0.25em; }
h5 { font-size: x-small; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; }
/* 見出し装飾 */
h2 span { background-image: url(../gradient.png); background-repeat: repeat-x; position: absolute; width: 100%; height: 20px; display: block; }
/* 線 */
hr { color: #cccccc; text-align: center; margin-left: auto; margin-right: auto; height: 1px; }
/* フォントカラー・サイズ */
span.red { color: #FF0000; }
span.new { font-size: xx-small; font-weight: bold; color: #FF0000; vertical-align: top; }
span.x-small { font-size: x-small; }
span.bold { font-weight: bold; }
/* イメージレイアウト */
div.rightside { font-size: xx-small; margin: 5px; border-style: none; width: 242px; float: right; }
div.leftside { font-size: xx-small; margin: 5px; border-style: none; width: 242px; float: left; }
div.rightside img,div.leftside img { margin-top: 0px; border-width: 1px; border-style: solid; border-color: #000000; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; width: 240px; height: 159px; }
/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
#clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#clearfix { display: inline-block; }
*html #clearfix { height: 1%; }
#clearfix { display: block; }