@charset "Shift_JIS";


/* --- 全体を中央寄せ --- */
.body {
margin-left:auto;
/*IE以外用の中央寄せ*/
margin-right:auto;
/*IE以外用の中央寄せ*/
text-align:left;
/*中身を左寄せに戻す*/
width:746px;
/* 幅 */
background-color:#FFFFFF;
}



/* --- 全体の背景 --- */
body{
background-image:url('image/wallppr.gif');
}



/* --- 画像の外枠 --- */
img{
border:0;
}



/* --- 文字のインデント --- */
p {
margin-left:4em;
margin-right:3em;
text-indent:1em;
}
ul {
margin-left:3em;
margin-right:3em;
}
li ul {
margin-left:0;
}



/* --- 行の幅 --- */
p,li{
line-height:1.5em;
}



/* --- リンクの文字 --- */
a{
color:#004080;
}
a:hover{
text-decoration:none;
}



/* --- 見出し --- */
h1{
text-decoration:none;
color:#ffffff;
text-shadow:3px 3px 3px #000000;
position:absolute;
top:175px;
left:90px;
width:650px;
}
h2 {
margin-bottom: 0.5em;
padding: 5px 10px;
border-bottom: 2px solid #004080;
border-left: 35px solid #004080;
}
h3 {
margin-bottom: 0.5em;
margin-left:10px;
padding: 3px 10px;
border-bottom: 2px solid #004080;
border-left: 25px solid #004080;
}
h4 {
margin-bottom: 0.5em;
margin-left:18px;
padding: 0px 10px;
border-bottom: 2px solid #004080;
border-left: 17px solid #004080;
}



/* --- ナビゲーションバー --- */
div.list {
width: 100%;/*ナビゲーションの幅*/
padding-top: 0px;/*ナビゲーションの上パディング*/
background-color: #ffffff;/*ナビゲーションの背景色*/
border-bottom: 2px #004080 solid;/* 下境界線 */
}
/* --- メニューエリア --- */
div.list ul.nl {
width: 99%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
div.list ul.nl li {
width: 143px;
/*タブの幅*/
margin-right: 4px;
/*タブの右マージン*/
background: #f9f9f9 url(image/tab_gen1_left.gif) no-repeat left top;
/*タブの背景（左）*/
float: left;
line-height:1;
}
/* --- リンク --- */
div.list ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
background: url(image/tab_gen1_right.gif) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.list ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}
/* --- アクティブなタブ --- */
div.list ul.nl li.active {
background: #004080 url(image/tab_act1_left.gif) no-repeat left top; /* タブの背景（左） */
}
div.list ul.nl li.active a {
background: url(image/tab_act1_right.gif) no-repeat right top; /*タブの背景（右）*/
color: #ffffff; /* アクティブタブの文字色 */;
text-decoration:none;/*文字の装飾なし*/
}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}