/* ページ全体のスタイル設定　*/ body { background-image: url("../_parts/topimages/bak1.gif"); background-repeat: repeat; text-align: center; margin: 0; padding: 0 } /* コンテナのスタイル設定　*/ #layout { background-color: #fff; margin: 0 auto; padding: 0; width: 740px } /* トップ〜ナビゲーションエリアのスタイル設定　*/ #close { margin: 0; padding: 0; clear: both } /* タイトルのスタイル設定　*/ #title_left { background-color: #fff; background-repeat: no-repeat; visibility: visible; margin: 0; padding: 0; width: 256px; height: 89px; float: left ; display: block} #navbar { background-color: white; text-align: center; margin: 0; padding: 4px 0 0; width: 484px; height: 65px; float: left; border-top: 10px solid #00503c; border-bottom: 10px solid #00503c } .grnav { font-size: 12px; line-height: 20px; text-align: center; list-style-type: none; display: block; margin: 6px 8px 0 7px; padding: 0; float: left; border-top: 1px solid silver; border-bottom: 1px solid silver } .grnav a { color: #000; text-decoration: none; background-color: #fff; text-align: center; display: block; margin: 0; padding: 0 25px; float: left } .grnav a:hover { color: #000; text-decoration: none; background-color: #f6f6d2; text-align: center; display: block; margin: 0; padding: 0 25px; float: left } ul { text-align: center; list-style-type: none; margin: 0; padding: 0; float: left } .grnav-b { font-size: 12px; line-height: 20px; text-align: center; list-style-type: none; display: block; margin: 6px 8px 0 7px; padding: 0; float: left; border-top: 1px solid silver; border-bottom: 1px solid silver } .grnav-b a { color: #000; text-decoration: none; background-color: #fff; text-align: center; display: block; margin: 0; padding: 0 21px; float: left } .grnav-b a:hover { color: #000; text-decoration: none; background-color: #f6f6d2; text-align: center; display: block; margin: 0; padding: 0 21px; float: left } ul { text-align: center; list-style-type: none; margin: 0; padding: 0; float: left } .grnavno { color: gray; font-size: 12px; line-height: 20px; text-align: center; list-style-type: none; display: block; margin: 6px 8px 0 7px; padding: 0 24px 0 23px; float: left; border-top: 1px solid silver; border-bottom: 1px solid silver } .grnavno-b { color: gray; font-size: 12px; line-height: 20px; text-align: center; list-style-type: none; display: block; margin: 6px 8px 0 7px; padding: 0 21px; float: left; border-top: 1px solid silver; border-bottom: 1px solid silver } /* 左メニューエリアのスタイル設定　*/ #menu { background-color: #fff; text-align: center; margin: 0; padding-top: 10px; padding-bottom: 10px; width: 230px; 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 { color: #c0c0c0; font-size: 12px; line-height: 24px; text-decoration: none; background-color: #fff; text-align: center; list-style-type: none; margin-top: 6px; width: 175px; border-style: solid; border-width: 1px; border-color: #666 white } .lcnav a { color: #000; text-decoration: none; background-color: #fff; display: block } .lcnav a:hover { color: #036; text-decoration: none; background-color: #f6f6d2; list-style-type: none } #menu p { font-size: 12px; line-height: 24px; text-align: left; list-style-type: none; padding: 0 4px; width: 160px } /* 右コンテンツエリアのスタイル設定　*/ #main { background-color: #fff; text-align: left; padding: 10px; width: 490px; float: left } #main img { margin-top: 3px; 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: larger; font-weight: bold; line-height: 1em; background: #ddb82d; text-align: left; margin: 0 0 12px; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 10px } #main h2 { font-size: large; font-weight: bold; line-height: 1.3em; background-repeat: repeat-y; text-align: left; margin-bottom: 10px; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 6px; border-top: 2px solid #00503c; border-right: medium none; border-left: 12px solid #00503c } #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; float: left } #main h5 { color: #363; font-size: medium; line-height: 1.2em; margin: 0; padding-top: 0.5em; padding-bottom: 1em; float: left } #main ul { font-size: midium; line-height: 150%; text-align: left; margin-left: 0; padding-left: 0 } #main li { font-size: midium; line-height: 150%; background-image: url("../_parts/moon.gif"); background-repeat: no-repeat; background-position: 0 4px; text-align: left; list-style-type: none; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0 0 0.5em 1.2em } #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: #f6f6d2 } #main a:active { color: red; text-decoration: none } #main dl { margin-bottom: 2em; width: 460px } #main dt { font-weight: bold; line-height: 150%; background-image: url("../_parts/stripe_circle.gif"); background-repeat: no-repeat; background-position: 0 4px; margin-top: 1em; margin-bottom: 0.5em; padding-left: 14px } #main dd { line-height: 150%; margin-bottom: 0.5em; margin-left: 3em } #main blockquote { margin: 1em 2em; padding: 0 } .strong { font-weight: bold } .caution { color: #f00 } .right { text-align: right } .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 } .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 } /* ページの先頭に戻る　*/ #modoru { font-size: small; text-align: right } #modoru a { color: #309; 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 } /* 右メニューエリアのスタイル設定　*/ #arrival { font-size: smaller; background-color: #eefac7; background-repeat: no-repeat; background-position: 1em bottom; margin: 10px 0 0; padding: 0; width: 160px; height: 300px; float: left } #arrival h4 { font-size: medium; font-weight: bold; background-repeat: no-repeat; background-position: 0 top; text-align: center; margin: 0; padding: 0 } #arrival ul { list-style-type: disc; background-color: #eefac7; margin-left: 0; padding-right: 10px; padding-left: 0 } #arrival li { font-size: smaller; text-align: left; background-color: #eefac7; list-style-type: disc; padding-right: 10px; padding-bottom: 1em; padding-left: 10px } #arrival a { color: #309; font-size: smaller; font-weight: bold; text-decoration: none } #arrival a:visited { color: #600; font-weight: bold; text-decoration: none } #arrival a:hover { color: #309; background-color: #ffc } #arrival a:active { color: red; text-decoration: none } /* トップギャラリー　*/ #topgals { background-color: #fff; text-align: left; padding-top: 20px; width: 720px } #topgals table { font-size: smaller; margin-left: 10px } #topgals td#img { text-align: center; margin: 0; padding: 20px 0 0; width: 320px; border-top: 3px solid #d3d3d3 } #topgals td#cap { font-size: smaller; text-align: center; margin: 0; padding: 0; width: 320px } #topgals h2 { font-size: large; font-weight: bold; line-height: 1.3em; background-repeat: repeat-y; text-align: left; margin-bottom: 10px; margin-left: 10px; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 6px; border-top: 2px solid #00503c; border-right: medium none; border-left: 12px solid #00503c } /* フッターエリアのスタイル設定　*/ #footer { color: #fff; background-image: url("../_parts/footer.gif"); text-align: right; padding: 12px 0 0; width: 740px; height: 48px; clear: left } #footer p { color: #fff; font-size: smaller; line-height: 1.5em; margin: 0; padding: 0 20px 0 0; width: 720px } #footer a:link { color: #fff; text-decoration: none; none: } #footer a:visited { color: #fff; text-decoration: none; none: } #footer a:hover { color: #ff6; font-weight: bold }