@charset "utf-8";

div#layout{
color:#333;
margin:0 50px;
font-size:84%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Lucida Sans Unicode','Lucida Grande','Verdana','ＭＳ Ｐゴシック',sans-serif;
text-align:center;
/*background:#fff;*/
}
*:first-child+html div#layout{
margin:0;
}
html>/**/body div#layout{
margin:0;
padding:0 50px;
}
* html div#layout{
font-family:'ＭＳ Ｐゴシック','MS PGothic',Sans-Serif;
}
div#header,
div#body,
div#footer,
div#contentsnobg{
margin:0 auto;
text-align:left;
}
div#header,
div#body,
div#contentsnobg,
div#footer div.topic_path ul,
div#footer div.notice h2,
div#footer div.notice ul,
div#footer address,
div#footer address.copyright,
div#footer ul.navigation,
div#footer p,
div#footer div.sitemap dl,
div#footer div.sitemap p,
div#footer div#banner ul{
max-width:1300px;
min-width:860px;
margin:0 auto;
padding:0 10px;
width:expression(document.body.clientWidth < 862? "860px" :document.body.clientWidth > 1302? "1300px" :"auto");
}

div#header{
position:relative;
height:165px !important;
z-index:10;
}
div#body{
position:relative;
z-index:0;
}
div#body,
div#contentsnobg{
background:#fff;
margin-top:-10px;
padding-top:10px;
}
div#contents{
float:left;
width:67.5%;
}
div#naviright,
div#contents_navigation{
float:right;
width:32.5%;
}
div#footer{
width:auto;
clear:both;
height:1%;
padding:0;
background:#333;
}
html>/**/body div#footer{
margin:0 -50px;
}
div#footer{
_margin:0 -50px;
}

html>/**/body div#footer div.topic_path ul,
html>/**/body div#footer div.notice h2,
html>/**/body div#footer div.notice ul,
html>/**/body div#footer address,
html>/**/body div#footer address.copyright,
html>/**/body div#footer div.sitemap dl,
html>/**/body div#footer p,
html>/**/body div#footer ul.navigation,
html>/**/body div#footer div.sitemap p,
html>/**/body div#footer div#banner ul{
padding:0 60px;
}

div#footer div.topic_path ul,
div#footer div.notice h2,
div#footer div.notice ul,
div#footer address,
div#footer address.copyright,
div#footer div.sitemap dl,
div#footer p,
div#footer ul.navigation,
div#footer div.sitemap p,
div#footer div#banner ul{
_padding:0 60px;
}


/*
--------------------------------------------------------
header
--------------------------------------------------------
*/
/* title */
div#header h1,
div#header p.title{
position:absolute;
top:5px;
left:0;
margin:0;
padding:0;
z-index:10;
font-size:150%;
font-weight:bold;
}
div#header h1 img,
div#header p.title img{
}

/* language */
div#header ul#sub_navigation{
position:absolute;
right:9px;
top:10px;
list-style:none;
}
div#header ul#sub_navigation li{
float:left;
padding:0 0 0 5px;
margin:0;
}
div#header ul#sub_navigation li a{
border:1px solid #ccc;
padding:3px 3px 3px 25px;
border-radius:3px;
color:#333 !important;
text-decoration:none;
}
div#header ul#sub_navigation li a:hover{
border:1px solid #666;
}
div#header ul#sub_navigation li.language a{
background:url(/www/img/icon_language.gif) no-repeat 3px 50%;
}
div#header ul#sub_navigation li.voice a{
background:url(/www/img/icon_voice.gif) no-repeat 3px 50%;
}
div#header ul#sub_navigation li.consultation a{
background:url(/www/img/icon_consultation.gif) no-repeat 3px 50%;
}

/* navigation */
ul#navigation{
margin:0;
padding:0;
list-style:none;
position:absolute;
bottom:10px;
width:100%;
z-index:100;
}
ul#navigation.ie{
display:none;
}
ul#navigation li{
float:left;
margin:0;
padding:0;
width:33%;
z-index:100;
}

ul#navigation li a{
display:block;
height:50px !important;
margin:0 5px;
text-align:center;
text-indent:-9999px;
}
div#header ul.navigation li.navi1 a{
background:url(/www/img/header_navi1.gif) no-repeat 50% 0;
}
div#header ul.navigation li.navi1:hover a,
div#header ul.navigation li.navi1 a:hover{
background:url(/www/img/header_navi1.gif) no-repeat 50% -72px;
border-color:#333;
}
div#header ul.navigation li.navi2 a{
background:url(/www/img/header_navi2.gif) no-repeat 50% 0;
}
div#header ul.navigation li.navi2:hover a,
div#header ul.navigation li.navi2 a:hover{
background:url(/www/img/header_navi2.gif) no-repeat 50% -72px;
border-color:#333;
}
div#header ul.navigation li.navi3 a{
background:url(/www/img/header_navi3.gif) no-repeat 50% 0;
}
div#header ul.navigation li.navi3:hover a,
div#header ul.navigation li.navi3 a:hover{
background:url(/www/img/header_navi3.gif) no-repeat 50% -72px;
border-color:#333;
}
ul#navigation li.navi1 dl{
background:#044659;
}
ul#navigation li.navi2 dl{
background:#424D1A;
}
ul#navigation li.navi3 dl{
background:#640000;
}
ul#navigation li dl{
float:left;
padding:15px 0;
position:absolute;
left:0;
top:50px;
display:none;
background:#333;
color:#fff;
width:80%;
box-shadow:10px 10px 7px rgba(0,0,0,0.5);
border-radius:10px;
}
ul#navigation li dl{
_width:200%;
display:none;
}
ul#navigation li.navi2 dl{
left:20%;
}
ul#navigation li.navi1 dl{
left:10%;
}
div#header ul.navigation li dl dt{
width:9em;
margin:0;
padding:0.3em 10px;
float:left;
font-weight:bold;
font-size:120%;
}
div#header ul.navigation li dl dd{
margin:0 10px;
width:auto;
padding:0.6em 0 0em 12em;
border-bottom:1px solid #666;
}
div#header ul.navigation li dl dd ul{
margin:0;
padding:0;
}
div#header ul.navigation li dl dd ul li{
float:left;
display:inline;
width:auto;
margin:0;
padding:0 5px;
border-right:1px solid #666;
white-space:nowrap;
}
div#header ul.navigation li dl dd ul li a,
div#header ul.navigation li dl dd ul li a:link,
div#header ul.navigation li dl dd ul li a:visited,
div#header ul.navigation li dl dd ul li a:active,
div#header ul.navigation li dl dd ul li a:hover{
display:inline;
height:auto;
background:none !important;
border:none;
color:#fff;
line-height:1.7;
text-indent:0;
}

ul#navigation li dl a{display:inline;}
ul#navigation li dl a:hover{text-decoration:underline;}


/* form */
div#header form p{
position:absolute;
right:0;
top:45px;
height:45px;
width:490px;
background:url(/www/img/search_background.gif) no-repeat 0 0;
vertical-align:top;
vertical-align:middle;
}
div#header input{
vertical-align:middle;
}
div#header form p label{
display:none;
}
div#header input.text{
width:280px;
border:3px solid #ccc;
padding:0 3px;
margin:8px 0 0 20px;
font-size:120%;
height:28px;
vertical-align:middle;
}
div#header input.submit{
margin:8px 0 0 0 !important;
padding:8px 5px;
border:1px solid #666;
background:#fff url(/www/img/search_button_off.gif) repeat-x 0 50%;
font-size:120%;
}
div#header form p a{
color:#fff;
}
html>/**/body div#header input.submit:not(:target){
top:-7px\9;
}

/* skip */
p.skip{
visibility:hidden;
height:0;
}



/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
div#under,
div#script{
border:1px solid #FF6;
background:#FFFFCC;
padding:10px;
margin:1em 10px;
display:block;
}

/* section */
div.section{
padding:0 30px 20px 30px;
line-height:1.7;
clear:both;
}
div.section div.section{
padding:0;
}

div#mainbody{
padding:0 50px 20px 50px;
line-height:1.7;
clear:both;
}


/*
--------------------------------------------------------
naviright
--------------------------------------------------------
*/
/* navigation */
div#naviright div.section{
padding:0;
}
div#naviright ul.navigation{
margin:5px;
padding:0;
}
div#naviright ul.navigation li{
padding:0 0 10px 0;
}
div#naviright ul.navigation li ul{
margin:5px 0 0 0;
padding:0 0 0 10px;
font-size:84%;
}
div#naviright ul.navigation li ul li{
padding:0 0 0 10px;
margin:0 0 0.5em 0;
}

/*
--------------------------------------------------------
footer
--------------------------------------------------------
*/
div#footer{
position:relative;
zoom:1;
}
div#footer a,
div#footer a:link,
div#footer a:visited
div#footer a:hover,
div#footer a:active{
color:#fff;
}
div#footer ul{
margin:0;
padding:0;
list-style:none;
}
div#footer ul li{
margin:0;
padding:0;
}
div#footer div#banner{
border-top:1px solid #ccc;
background:#f8f8f8;
color:#333;
text-align:left;
}
div#footer ul.banner{
text-align:left;
padding:15px 0 0 0;
white-space:norwrap;
}
div#footer ul.banner li{
display:inline-block;
*display:inline;
*zoom:1;
background:none;
padding:10px 5px 15px 5px;
vertical-align:top;
line-height:1.5;
white-space:norwrap;
}
div#footer ul.banner li.info{
display:block;
*display:block;
padding:10px 5px 1px 10px;
border-left:3px solid #ccc;
}


div#footer div#banner a,
div#footer div#banner a:link{color:#006699;text-decoration:underline;}
div#footer div#banner a:visited{color:#70397D;}
div#footer div#banner a:hover{color:#C30;text-decoration:none;}
div#footer div#banner a:active{color:#C30;text-decoration:underline;}
div#footer ul.banner li img{
padding:0;
}
div#footer p{
color:#fff;
}

/* sitemap */
div#footer div.sitemap{
border-top:3px solid #ccc;
background:#eee;
}
div#footer div.sitemap a,
div#footer div.sitemap a:link,
div#footer div.sitemap a:visited,
div#footer div.sitemap a:hover,
div#footer div.sitemap a:active{
color:#333;
}
div#footer div.sitemap p{
color:#333;
}
div#footer div.sitemap p span{
background:#333;
padding:0.5em 10px;
display:inline-block;
zoom:1;
}
div#footer div.sitemap dl{
margin:0 auto;
font-size:90%;
}
div#footer div.sitemap dl dt{
width:7em;
margin:0.2em 0;
float:left;
font-weight:bold;
}
div#footer div.sitemap dl dd{
margin:0.2em 0;
padding:0.2em 0 0.2em 8em;
border-bottom:1px solid #ccc;
}
div#footer div.sitemap dl dd ul{
margin:0;
padding:0;
}
div#footer div.sitemap dl dd ul li{
float:left;
display:inline;
width:auto;
padding:0 5px;
border-right:1px solid #666;
white-space:nowrap;
}
div#footer div.sitemap dl dd ul li.end{
border:none;
}
div#footer div.sitemap dl dd ul li a,
div#footer div.sitemap dl dd ul li a:link,
div#footer div.sitemap dl dd ul li a:visited
div#footer div.sitemap dl dd ul li a:hover,
div#footer div.sitemap dl dd ul li a:active{
color:#333;
}


div#footer ul.navigation{
position:relative;
margin:0 auto;
padding:1em 60px 0 60px !important;
text-align:right;
z-index:100;
}
div#footer ul.navigation li{
display:inline;
}
div#footer ul.navigation li a,
div#footer ul.navigation li a:link,
div#footer ul.navigation li a:visited,
div#footer ul.navigation li a:hover,
div#footer ul.navigation li a:active{
color:#fff;
padding:0 5px;
border-right:1px solid #666;
}
div#footer ul.navigation li.end a{
border:none;
}

/* copyright*/
div#footer address{
clear:both;
margin:0 auto;
color:#fff;
zoom:1;
position:relative;
top:-1.4em;
}
div#footer address.copyright{
font-size:90%;
padding:0 60px 2em 60px !important;
margin:0 auto;
}


/* pagetop */
p.pagetop{
text-align:right;
}
div#footer p.pagetop{
position:absolute;
top:-1.7em;
right:10px;
margin:0;
}

/* counter */
p.counter{
position:relative;
text-align:right;
top:-4.4em;
}

/* social bookmark */
div#social_bookmark{
padding:10px;
position:fixed;
bottom:100px;
right:0;
z-index:20;
background:#fff;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
box-shadow:0 0 2px #ccc;
border-radius:3px;
}
div#social_bookmark p{
padding:0 0 10px 0;
}
div#social_bookmark ul{
list-style:none;
margin:0;
padding:0;
}
div#social_bookmark ul li{
margin:0;
padding:0 0 5px 0;
}
div#social_bookmark ul li.end{
padding:0;
}
div#social_bookmark ul li img{
box-shadow:0 0 2px #555;
}
div#social_bookmark ul{
padding:0;
margin:0;
}
* html div#social_bookmark{
position:absolute;
top:expression(eval(document.documentElement.scrollBottom+100));
}


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