body {
color: #333;
font-size: 75%;
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
img {
vertical-align: top;
}
a {
color: #003399;
text-decoration: none;
}
a:visited {
color: #333;
}
a:hover,
a:focus {
color: #cc3300;
text-decoration: underline;
}
a:active {
color: #cc3300;
}
/* 全体構造
---------------------------------------------*/
#wrapper {
width: 845px;
margin: 0 auto;
border-right: 1px solid #999;
border-left: 1px solid #999;
background: #fff;
}
/* ヘッダ
---------------------------------------------*/
#header {
position: relative;
width: 845px;
height: 157px;
border-bottom: 6px solid #1d2088;
}
/* コンテンツ
---------------------------------------------*/
#content {
clear: both;
width: 840px; /* for WinIE6,7 */
padding-top: 6px;
}
#content #primary {
float: right;
width: 640px;
}
/*clearFix*/
#content:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
/* MacIE begin \*/
*+html #content {
height: 1%;
}
* html #content {
height: 1%;
}
#content {
display: block;
}
/* MacIE end \*/
/* セカンドナビ
---------------------------------------------*/
#content #secondary {
float: left;
width: 185px;
margin: 0 0 10px;
padding-left: 10px;
}
/*\*/
* html #content #secondary {
width: 180px;
padding-left: 8px;
}
/* For WIN IE */
/* */
/* フッタ
---------------------------------------------*/
#footer {
clear: both;
width: 840px; /* for WinIE6,7 */
padding-top: 50px;
}
/* ページトップ
---------------------------------------------*/
.top {
clear: both;
width: 840px; /* for WinIE6,7 */
margin: 2px 0;
text-align: right;
font-size: 11px;
line-height: 1.2;
}
/* ロゴとユーティリティナビゲーション
---------------------------------------------*/
#header h1 {
position: absolute;
top: 4px;
left: 20px;
font-size: 11px;
font-weight: normal;
line-height: 1.2;
color: #666;
text-align: left;
}
#header .Rogo {
padding: 21px 10px;
}
#uNavi {
position: absolute;
top: 20px;
right: 20px;
width: 500px;
text-align: right;
font-size: 11px;
line-height: 1.2;
}
#uNavi li {
top: 0;
padding: 8px;
border-right: 1px solid #999;
list-style: none;
display: inline;
}
#uNavi li.bnone {
border-right: none;
}
.DisBann {
position: absolute;
top: 48px;
right: 30px;
width: 405px;
}
/* グローバルナビゲーション
---------------------------------------------*/
#gNavi {
width: 845px;
padding-left: 3px;
}
/*\*/
* html #gNavi {
width: 840px;
}
/* For WIN IE */
/* */
#gNavi li {
position: relative;
float: left;
}
#gNavi li ul {
position: absolute;
top:-999em;
left: 1px;
width: 133px;
padding: 0 0 2px;
background-color: #1d2088;
}
#gNavi li a {
display: block;
}
#gNavi .hover ul,
#gNavi li:hover ul {
top: 36px;
}
#gNavi li ul li {
float: none;
}
#gNavi li:hover li img,
#gNavi .hover li img {
visibility: visible;
margin-left: 10px;
vertical-align: middle;
}
#gNavi li ul li a {
display: block;
width: 116px;
margin: 0 2px;
padding: 5px 5px 5px 8px;
font-weight: bold;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color: #0068b5;
text-decoration: none;
background-color: #fff;
border-top: 1px solid #ccc;
}
#gNavi li ul li a:hover {
background-color: #ebf4f6;
}
/* パンくずリスト
---------------------------------------------*/
#topicpath {
width: 825px; /* for WinIE6,7 */
margin: 0;
padding: 10px;
font-size: 11px;
line-height: 1.0;
background: #fff url(../img/head_bg.gif) repeat-y left top;
border-bottom: 1px solid #e5e5e5;
}
/* フッターナビゲーション
---------------------------------------------*/
.line {
clear: both;
border-top: 1px solid #e5e5e5;
}
.g_faNavi {
margin: 4px 0 20px 12px;
padding: 6px 0 0;
}
/*\*/
* html .g_faNavi {
margin: 4px 0 10px 0;
}
/* For WIN IE */
/* */
.g_faaNavi {
margin: 4px 0 30px 12px;
padding: 6px 0 0;
}
/*\*/
* html .g_faaNavi {
margin: 4px 0 20px 0;
}
/* For WIN IE */
/* */
.g_faNavi dt {
float: left;
display: inline;
width: 80px;
height: 16px;
margin: 0;
padding: 2px;
font-size: 10px;
line-height: 1.8;
color: #fff;
text-align: center;
background-color:#c3d9ff;
}
.g_faNavi dd,
.g_faaNavi dd {
float: left;
display: inline;
width: 730px;
}
.g_faNavi dd .faNavi li {
float: left;
display: inline;
margin-top: 4px;
padding: 4px 6px;
font-size: 10px;
line-height: 0.4;
color: #666;
}
.g_faaNavi dt {
float: left;
display: inline;
width: 80px;
height: 26px;
margin: 0;
padding: 2px;
font-size: 10px;
line-height: 2.4;
color: #fff;
text-align: center;
background-color:#c3d9ff;
}
.g_faaNavi dd .faaNavi li {
float: left;
display: inline;
padding: 4px 4px 4px 6px;
font-size: 10px;
line-height: 0.4;
color: #666;
}
.footer_txt {
clear: both;
padding: 20px 10px 10px;
font-size: 11px;
line-height: 1.0;
color: #666;
}
#copyright {
clear: both;
width: 836px; /* for WinIE6,7 */
padding: 20px 0 20px 9px;
font-size: 11px;
line-height: 1.0;
color: #fff;
background-color: #1d2088;
}
- 北海道・東北
-
- 東京
-
- 神奈川
-
- 千葉・埼玉・栃木
-
- 信越・北陸
-
- 東海
-
- 近畿
-
- 中四国
-
- 九州・沖縄
-