@charset "utf-8";

html{
height:100%;
background-color:#0d5377;
}

body{
color:#333333;
font-size:75%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.7;
margin:0;
padding:0;
background-color:#effaff;
}

img{
border:none;
}

/*----------------------------------------
 header
----------------------------------------*/

div#header{
color:#FFFFFF;
background-image:url(../images/header_bg.gif);
background-position:50% 100%;
}

div#header-inner{
margin-left:auto;
margin-right:auto;
width:900px;
padding:0 10px;
}

div#header-inner:after{/* clearfix */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

p#tagline{
margin:0;
}

p#siteId{
float:left;
margin:0;
}

ul#globalNavigation{
margin:0 ;
padding:25px 0 0 0;
width:506px;
height:40px;
float:right;
list-style:none;
}

ul#globalNavigation li{
float:left;
margin:0 -1px 0 0;
}

ul#globalNavigation li img{
vertical-align:bottom;
}

/*----------------------------------------
 contents
----------------------------------------*/
div#contents{
clear:both;
width:920px;
margin-left:auto;
margin-right:auto;
padding:0 0 17px;
background:url(../images/contents_bg.gif) no-repeat 0 100%;
}

div#contents:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

div#contents h1{
margin:0;
padding:13px 13px 0;
background:url(../images/contents_h1_bg.gif) no-repeat;
}

div#contents p#topicpath{
color:#fff;
margin:0;
padding:5px 25px 15px;
background:#333 url(../images/contents_topicpath_bg.gif) no-repeat 0 100%;
}

div#contents p#topicpath a{
color:#fff;
}

div#main{
float:left;
width:640px;
padding:1px 25px 20px 255px;
background:url(../images/contents_main_bg.gif);
}

div#complementary{
float:left;
width:200px;
margin:0 -3px 0 -900px;
padding:5px 5px 0 0;
background:url(../images/side_bg.gif) no-repeat;
}

div#complementary ul.bannerList{
margin:0;
padding:0;
list-style:none;
}

div#complementary ul.bannerList li{
margin:0 0 10px;
}

div#complementary ul.bannerList li a{
zoom:1;
vertical-align:bottom;
}

div#complementary ul.bannerList li img{
display:block;
vertical-align:bottom;
}

/*----------------------------------------
 footer
----------------------------------------*/
div#footer{
clear:both;
color:#FFFFFF;
background:#0d5377 url(../images/footer_bg.gif) repeat-x;
}

div#footer-inner{
width:900px;
margin-left:auto;
margin-right:auto;
padding:10px 10px 90px;
overflow:hidden;/* clearfix */
/zoom:1;/* clearfix for IE */
}

ul#siteinfoNavigation{
margin:0;
padding:0;
list-style:none;
border-left:1px solid #FFFFFF;
float:left;
}

ul#siteinfoNavigation li{
display:inline;
margin:0;
padding:0 0.8em;
border-right:1px solid #FFFFFF;
}

ul#siteinfoNavigation li a{
color:#FFFFFF;
}

div#footer address{
font-style:normal;
text-align:right;
float:right;
}