@charset "Shift_JIS"; /* 要素リセット */ body { margin: 0; padding: 0; text-align: center; font-size: 75%; font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'MS Pゴシック' , 'Osaka' ,sans-serif; color: #666666; /* 標準文字色 */ background-image : url(bg_11Ca_01.png7); background-position: top center; background-repeat: repeat-y; } /* Safari用ハック 文字サイズ調整 */ /*\*/ html:\66irst-child body { font-size: 70%; } /* end */ img { border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; } /*-------------------------------------------------------- レイアウト設定 --------------------------------------------------------*/ #hpb-container { width: 880px; margin-top: -1px; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; background-color: #ffffff; } #hpb-header { } #hpb-inner { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; background-image : url(titleBg_11Ca.png7); background-position: top left; background-repeat: repeat-x; zoom: 1; /* for IE6 */ } #hpb-inner:after { content: "."; clear: both; height: 0; display: block; visibility: hidden; } #hpb-wrapper { position: relative; } #hpb-title { width: 100%; height: 260px; background-image : url(mainimg_11Ca_01.png); background-position: top right; background-repeat: no-repeat; text-align: left; } #hpb-main { padding-top: 55px; margin-top: 0; position: relative; } #toppage-item { width: 880px; margin-top: 0; margin-right: 0; margin-left: 0; padding-bottom: 10px; } #toppage-item:after { content: "."; clear: both; height: 0; display: block; visibility: hidden; } #toppage-news { width: 630px; float: right; margin-right: 5px; } #toppage-info { width: 220px; float: left; margin-left: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; border-left-width: 1px; border-left-style: solid; border-left-color: #cccccc; } #hpb-footer { clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 50px; padding-top: 10px; border-top-width: 2px; border-top-style: solid; border-top-color: #0098CC; } #hpb-footer:after { content: "."; clear: both; height: 0; display: block; visibility: hidden; } #hpb-nav { position: absolute; top: 260px; left: 0px; height: 50px; overflow: hidden; width: 880px; text-align: left; } /*-------------------------------------------------------- デザイン設定 --------------------------------------------------------*/ /* 背景設定 */ /* コンテンツ配置領域 */ /* ナビゲーション */ #hpb-nav ul { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; list-style-type: none; } #hpb-nav ul:after { content: "."; clear: both; height: 0; display: block; visibility: hidden; } #hpb-nav li { display: inline; overflow: hidden; float: left; border-top-width: 1px; border-top-style: solid; border-top-color: #dddddd; border-right-width: 1px; border-right-style: solid; border-right-color: #dddddd; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; border-left-width: 1px; border-left-style: solid; border-left-color: #dddddd; margin-top: 10px; margin-left: 5px; margin-right: 5px; } * html #hpb-nav li { width: 100px; /* for ie6 */ } *:first-child + html #hpb-nav li { width: 100px; /* for ie6 */ } #hpb-nav li a { display: block; height: 30px; font-size: 15px; font-weight: bold; line-height: 35px; padding-left: 10px; padding-right: 10px; } #hpb-nav li span.en { } #hpb-nav li span.ja { } #hpb-nav a:link { color: #0098CC; text-decoration: none; } #hpb-nav a:visited { color: #0098CC; text-decoration: none; } #hpb-nav a:hover { color: #ffffff; background-color: #0098CC; text-decoration: none; } #hpb-nav a:active { color: #ffffff; background-color: #0098CC; text-decoration: none; } /*-------------------------------------------------------- 共通パーツデザイン設定 --------------------------------------------------------*/