@charset "iso-8859-2";

@import "base.css";

div#wrapper{
background:#fff url(../img/background.gif) 50% 0;
width:820px;
margin:0 auto;
color:#666;
font-size:80%;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:left;
}
div#header,
div#body,
div#footer{
margin:0 10px;
}
div#header{
height:225px;
position:relative;
background:url(../img/header.jpg) no-repeat 0 70px;
}
div#body{}
div#footer{
clear:both;
padding:0 0 50px 0;
background:url(../img/copyright.gif) no-repeat 50% 50px;
}
div#contents{
width:580px;
float:right;
}
div#contents_navigation{
width:210px;
float:left;
}

p.skip{
display:none;
}
/*
--------------------------------------------------------
header
--------------------------------------------------------
*/
div#header a{
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
/* title */
div#header h1{
/*width:375px;*/
height:70px;
background:url(../img/h1.gif) repeat-x 0 0;
}
div#header h1 a{
width:375px;
height:70px;
background:url(../img/titlelogo.gif) no-repeat 0 0;
}

/* language */
p.language{
position:absolute;
right:20px;
top:15px;
width:105px;
height:20px;
}
p.language a{
height:20px;
}
p.language,
p.language a{
background:url(../img/language_off.gif) no-repeat 0 0;
}
p.language a:hover,
p.language a:focus{
background:url(../img/language_on.gif) no-repeat 0 0;
}


/*
--------------------------------------------------------
navigation
--------------------------------------------------------
*/
div#header ul#navigation{
list-style:none;
margin:0;
}
div#header ul#navigation li{
width:160px;
height:30px;
padding:0;
position:absolute;
top:170px;
}
div#header ul#navigation li a{
height:30px;
}
div#header ul#navigation li.navi1{
left:0;
}
div#header ul#navigation li.navi2{
left:160px;
}
div#header ul#navigation li.navi3{
left:320px;
}
div#header ul#navigation li.navi4{
left:480px;
}
div#header ul#navigation li.navi5{
left:640px;
}
div#header ul#navigation li.navi1,
div#header ul#navigation li.navi1 a{
background:url(../img/navi1_off.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi1 a:hover,
div#header ul#navigation li.navi1 a:focus{
background:url(../img/navi1_on.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi2,
div#header ul#navigation li.navi2 a{
background:url(../img/navi2_off.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi2 a:hover,
div#header ul#navigation li.navi2 a:focus{
background:url(../img/navi2_on.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi3,
div#header ul#navigation li.navi3 a{
background:url(../img/navi3_off.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi3 a:hover,
div#header ul#navigation li.navi3 a:focus{
background:url(../img/navi3_on.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi4,
div#header ul#navigation li.navi4 a{
background:url(../img/navi4_off.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi4 a:hover,
div#header ul#navigation li.navi4 a:focus{
background:url(../img/navi4_on.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi5,
div#header ul#navigation li.navi5 a{
background:url(../img/navi5_off.gif) no-repeat 0 0;
}
div#header ul#navigation li.navi5 a:hover,
div#header ul#navigation li.navi5 a:focus{
background:url(../img/navi5_on.gif) no-repeat 0 0;
}

/*
--------------------------------------------------------
sub navigation
--------------------------------------------------------
*/
div#header ul#subnavigation{
list-style:none;
margin:0;
}
div#header ul#subnavigation li{
height:25px;
padding:0;
position:absolute;
top:200px;
}
div#header ul#subnavigation li a{
height:25px;
}
div#header ul#subnavigation li.subnavi1{
width:86px;
left:0px;
}
div#header ul#subnavigation li.subnavi2{
width:164px;
left:86px;
}
div#header ul#subnavigation li.subnavi3{
width:160px;
left:250px;
}
div#header ul#subnavigation li.subnavi4{
width:101px;
left:410px;
}
div#header ul#subnavigation li.subnavi5{
width:163px;
left:511px;
}
div#header ul#subnavigation li.subnavi6{
width:126px;
left:674px;
}
div#header ul#subnavigation li.subnavi1,
div#header ul#subnavigation li.subnavi1 a{
background:url(../img/subnavi1_off.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi1 a:hover,
div#header ul#subnavigation li.subnavi1 a:focus{
background:url(../img/subnavi1_on.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi2,
div#header ul#subnavigation li.subnavi2 a{
background:url(../img/subnavi2_off.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi2 a:hover,
div#header ul#subnavigation li.subnavi2 a:focus{
background:url(../img/subnavi2_on.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi3,
div#header ul#subnavigation li.subnavi3 a{
background:url(../img/subnavi3_off.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi3 a:hover,
div#header ul#subnavigation li.subnavi3 a:focus{
background:url(../img/subnavi3_on.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi4,
div#header ul#subnavigation li.subnavi4 a{
background:url(../img/subnavi4_off.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi4 a:hover,
div#header ul#subnavigation li.subnavi4 a:focus{
background:url(../img/subnavi4_on.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi5,
div#header ul#subnavigation li.subnavi5 a{
background:url(../img/subnavi5_off.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi5 a:hover,
div#header ul#subnavigation li.subnavi5 a:focus{
background:url(../img/subnavi5_on.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi6,
div#header ul#subnavigation li.subnavi6 a{
background:url(../img/subnavi6_off.gif) no-repeat 0 0;
}
div#header ul#subnavigation li.subnavi6 a:hover,
div#header ul#subnavigation li.subnavi6 a:focus{
background:url(../img/subnavi6_on.gif) no-repeat 0 0;
}


/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
/* topicpath */
ul.topicpath{
list-style:none;
margin:1em 10px;
padding:0 0 1em 0;
background:url(../img/topicpath_underline.gif) repeat-x 0 100%;
}
ul.topicpath li{
display:inline;
padding:0 10px 0 0;
background:url(../img/topicpath.gif) no-repeat 100% 50%;
}
ul.topicpath li.selected{
background:none;
}
div#contents div.section{
padding:0 10px;
}
div.section{
line-height:1.4;
}
p.top{
text-align:right;
}


/*
--------------------------------------------------------
contents navi
--------------------------------------------------------
*/
div#contents_navigation dt{
padding:0 20px;
height:20px;
background:url(../img/contents_navi_title.gif) no-repeat 100% 0;
color:#fff;
font-size:100%;
font-weight:normal;
line-height:20px;
}
div#contents_navigation dd{
margin:0;
}
div#contents_navigation ul{
list-style:none;
margin:0.5em 0 0 0;
padding:0 10px;
}
div#contents_navigation ul li{
margin:0 0 0.5em 0;
padding:0 0 0 17px;
background:url(../img/contents_navi_list.gif) no-repeat 0 0.3em;
}
h3.proper_noun,
span.proper_noun{
text-transform:uppercase;
}

/*
--------------------------------------------------------
footer
--------------------------------------------------------
*/
div#footer address.address{
background:#099 url(../img/address.gif) repeat-x 0 0;
color:#fff;
font-style:normal;
line-height:30px;
text-align:center;
}
div#footer address.copyright{
display:none;
}


/*
--------------------------------------------------------
clearfix
--------------------------------------------------------
*/
div#body:after,
div.section:after{
content:".";
display:block;
height:1px;
clear:both;
visibility:hidden;
}
div#body,
div.section{
min-height:1px;
display:inline-table;
}
/* Mac IE \*/
* html div#body,
* html div.section{
height:1px;
}
div#body,
div.section{
display:block;
}
/* Mac IE */