@charset "Shift_JIS";
/* CSS Document */
body {
margin : 0px ;
padding : 0px ;
font-family : "sans-serif" ;
background : url(../img_common/back01.gif) repeat-y center 0 #C5E1FE; /*背景画像*/
text-align :center }
/* リンク */
a:link { text-decoration:none; }
a:visited { text-decoration:none }
a:hover { text-decoration:underline }
/* 段落 */
p { margin : 0px }
/* ★ページ背景 白 --------------------------------------------------------------------------------- */
/*#shadow { 影の個別設定用
margin:0 auto;
width:840px ;
height:auto ;
background : url(../img_common/shadow.gif) repeat-y 0 0 }*/
#back {
margin:0 auto;
width:800px ;
background : #fff;
text-align :left }
/* ★ヘッダー --------------------------------------------------------------------------------- */
#header {
width:800px ; /*ヘッダーの横幅*/
height:61px ; /*ヘッダーの高さ*/
margin:0; /*ヘッダーを中央寄せにする。左寄せならこの行を取る*/
padding:0 ;
background: url(../img_common/header.jpg) no-repeat; /*背景画像*/
clear:both }
#header h1#logo {
margin:0 }
#header h1#logo a{
width:350px ; /*ロゴ画像横サイズ*/
height:50px ; /*ロゴ画像縦サイズ*/
margin:0 ;
padding:0 ;
float:left }
#header h1#logo a span { display:none }
/*右側ナビ部分*/
#header ul {
margin:33px 5px 0 0 ; /*左側ロゴと下位置を合わすためのマージン*/
padding:0 ;
font-size:11px ; /*ナビのフォントサイズ*/
float:right }
#header li {
padding:4px 15px 4px 7px ;
float:left;
list-style : none ;
border-left:1px solid #fff}
#header li a{
color : #fff}
/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/
/* ★ヴィジュアル --------------------------------------------------------------------------------- */
#visual {
width:800px ;
height:210px ;
margin:0 ;
padding:0 ;
clear:both ;
background:url(../img_common/visual_s.jpg) no-repeat}
#visual span{
display:none}
/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/
/* ★ナビ ------------------------------------------------------------------------------------- */
#navi {
font-family : "ＭＳ Ｐゴシック,OSAKA,sans-serif" ;
margin:0px;
width:800px ; /*ナビ全体の幅*/
height:36px ; /*ナビ全体の高さ*/
clear:both ;}
#navi ul {
width:100% ; /*ナビ全体の幅*/
margin:0px;/*ナビの位置*/
padding:0 ;
list-style-type:none ;
background:url(../img_common/navi_800.gif) left top no-repeat;
}
#navi ul li {
/* width:267px ; 画像横サイズ*/
float:left ;}
#navi ul li a.navi01, #navi ul li a.navi02, #navi ul li a.navi03, #navi ul li a.navi04 {
height:36px ; /*画像縦サイズ*/
width:267px ; /*画像横サイズ*/
text-indent:-200px;
overflow:hidden;
display:block ;}
/*ナビ１*/
#navi ul li a.navi01 {
background:url(../img_common/navi_800.gif) left top no-repeat;
} /*ナビの背景画像*/
#navi ul li a.navi01:hover {
background-position:0 -36px ;} /*マウスオーバー時の背景画像の位置*/
/*ナビ２*/
#navi ul li a.navi02 {
background:url(../img_common/navi_800.gif) -267px top no-repeat;
} /*ナビの背景画像*/
#navi ul li a.navi02:hover {
background-position:-267px -36px ;} /*マウスオーバー時の背景画像の位置*/
/*ナビ３*/
#navi ul li a.navi03 {
width:266px ; /*画像横サイズ*/
background:url(../img_common/navi_800.gif) -534px top no-repeat;
} /*ナビの背景画像*/
#navi ul li a.navi03:hover {
background-position:-534px -36px ;} /*マウスオーバー時の背景画像の位置*/
/* 以下ナビドロップダウンメニューの設定
#navi .submenu { ボーダー用の設定
border: 1px solid #5970B2;
border-left : 0 ;}
#navi .submenu a { ボーダー用の設定
border-left: 1px solid #5970B2;}*/
#navi .submenu {
background: #EAEBD8;
border: 1px solid #5970B2;
width : 250px ;
visibility: hidden;
font-size:11px;
position: absolute;
z-index: 3;}
#navi .submenu a {
display: block;
text-align: left;
text-decoration: none;
padding: 5px;
color: #2875DE;
float : left ;}
#navi .submenu a:hover {
background: #49A3FF;
color: #FFF;}
#navi #menu3{
font-size:13px;
}
/* 以下ナビ下メニューの設定 */
#navi2 {
margin:0 0 0 0 ;
padding: 3px 0 0 0 ;
height:21px;
background: #d1d1d1;
width : 100% }
#navi2 a{
padding: 0 7px ;
margin:0 -29px 0 30px ;
height:21px;
line-height : 1.8em;
font-size:11px;
color: #666;
background: #eee;
float : left ;
display: block;}
/*#navi2 a:hover {
text-decoration: none;}*/
#navi2 a.on{
background: #fff;
text-decoration : none
}
/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/
/* ★カラム ----------------------------------------------------------------------------------- */
/* ★★★★★★ バナーエリア高さ ★★★★★★★ */
#body #right iframe{
width:190px ; /*インラインフレームの幅*/
height:560px } /* 高さ バナー数に合わせて調整する */
#body {
clear : both ;
width:800px ; /*外枠の幅*/
margin:0 0 20px 0 } /*外枠の位置*/
#body:after {
content:".";
height:0;
clear:both;
visibility:hidden;
display:block }
/* 以下ナビ下メニューの【内部】メニュー設定 */
#body #navi3 {
margin : 0 0 25px 0 ;
padding: 0 ;
border-bottom: 1px solid #ccc;
font-size:16px ;
width : 100% }
#body #navi3 a{
padding: 0 0 ;
margin:0 ;
line-height : 1.8em;
font-size: 12px }
#body #navi3 a.on{
color: #666;
text-decoration : none }
/* 左ボックス */
#body #left {
margin:18px 0 0 30px ;
width:550px ; /*左ボックスの幅*/
float:left }
/* ページTOPへのリンク */
#body #left p.top {
margin:40px 0 0 0 ;
text-align:right;
clear : both ;}
#body #left p.top a{
padding-left:12px;
background:url(../img_common/top_point.gif) left 7px no-repeat;
}
/* 右ボックス バナー領域*/
#body #right {
margin:20px 0 0 0 ;
width:195px ; /*右ボックスの幅*/
float:right }
/* ★備考 -------------------------------------------------------------------------------------
*/
/* ★本文 --------------------------------------------------------------------------------- */
/* 文字サイズ調整 */
#body #left {
font-size:80% }
#body #left h3 , #body #left h4 , #body #left p , #body #left ul ,#body #left ol {
font-size:100% }
/* 見出し */
#body h2 {
margin : 0 0 25px 0 ;
padding : 0 0 5px 0 ;
font-size : 110% ;
border-bottom :1px solid #004EA1 }
#body h3 {
margin : 25px 0 10px 0px ;
padding : 10px 0;
font-weight:normal ;
color : #004EA1;
border-bottom:1px dashed #004EA1;
clear:both; }
#body h3 img{
margin-right:10px ;
vertical-align : top }
#body h4{
margin : 0px 0 10px 0 ;
padding : 0px ;
line-height:20px ;
font-weight:normal ;
color:#555 }
/* 段落 */
#body #left p {
margin:0 0 15px 0 ;
padding:0 0 0 0px ;
line-height :1.7em }
/* リスト */
#body #left ul, #body #left ol {
margin-top:-12px ;
margin-bottom:15px ;
margin-left:1.2em ;
padding-left:0 ;
line-height :1.7em }
/* その他設定 */
#body #left .txt-c { text-align:center }
#body #left span.txt-uline { text-decoration:underline }
#body #left span.txt-oline { text-decoration:overline }
#body #left .w80 { width:80px }
/* adobe reader ダウンロード */
#body #left .get-adobe {
padding : 5px ;
border : 1px solid #CCC ;
color:#666 ;
line-height : 1.3em ;
font-size : 90% ;
text-align : left }
#body #left .get-adobe img {
margin-right:5px; float:left; }
#body #left .get-adobe span {
display : block ;
text-align : left ;
padding-left : 93px }
/* 印刷用改ページ */
#body #left h3.page-break { page-break-before:always }
/* ★備考 -------------------------------------------------------------------------------------
最終更新日：080902
エディター利用対応のため、font-size は #body #left で一括 80% に指定、
タグごとにはサイズ指定していない。（等タグには 100% 指定）
*/
/* ★フッター --------------------------------------------------------------------------------- */
#footer {
width:800px ; /*フッターの横幅*/
margin:0 ;
clear : both }
#footer p {
margin:0 ;
padding:3px 20px ;
font-size:60% ;
color:#333 ; /*フォント色*/
border-bottom : 2px #ccc ridge } /*行間*/
#footer p.copyright{
font-size:60% ;
border-bottom : 5px #333 solid } /*行間*/
/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/
/* ★印刷用設定 --------------------------------------------------------------------------------- */
@media print{
/* ボディーの基本設定 */
body {
font-family : "serif";
background : #ffffff; }
/* リンク */
a:link { text-decoration:none;color:#003366 }
a:visited { text-decoration:none ;color:#003366 }
a:hover { text-decoration:underline }
/* 非表示設定 */
#header , #visual , #navi , #navi2 , #navi3 , #body #right ,#body .top , #footer {
display:none }
/* 印刷領域設定 */
#body #left {
margin:0 0 ;
width:630px ;
float:none }
/* message */
#body #left #message { width:450px }
}
/* ★備考 -------------------------------------------------------------------------------------
message のみ印刷時、本文横幅広げた。※IE分岐あり
*/