@charset "utf-8";
body{
background-color:#ffffff;
font-family:"ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,"Helvetica Neue",Helvetica,sans-serif;
line-height:1.6em;
margin:5px;
color:#000000;
}
*html body{
font-family:"ＭＳ Ｐゴシック", "Osaka","sans-serif";
}
div#container{
text-align:center;
width:100%;
max-width:1400px;
overflow:hidden;/* This chops off any overhanging divs */
}
div#container:after{
content:"";
display:block;
clear:both;
}
header{
position:relative;
width:100%;
max-width:1400px;
overflow:hidden;
}
header:after{ 
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
/*
div#contents{
position:relative;
clear:both;
float:left;
width:100%;
max-width:1400px;
overflow:hidden;
}
div#contents:after{ 
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
*/
div#headerline{
background:url('../../img/header_line_l.jpg') no-repeat left top;
background-color:#2AA9E0;
width:100%;
height:16px;
margin:0;
padding:0;
clear:both;
}
nav#topicPath ul{
list-style-type:none;
height:30px;
}
nav#topicPath li{
margin:0;
padding:9px 0 7px 20px;
font-size:14px;
line-height:1.0em;
list-style-type:none;
float:left;
color:#989898;
}
nav#topicPath li.and{background:url(../../img/topic_path_amp.jpg) no-repeat 0 0px;}
nav#topicPath li a:link{text-decoration:none;color:#119dbb;}
nav#topicPath li a:visited{text-decoration:none;color:#119dbb;}
nav#topicPath li a:active{text-decoration:none;color:#119dbb;}
nav#topicPath li a:hover{text-decoration:underline;color:#ff6633;}
div#main_wrapper{
display:flex;
}
main {
flex:1;
margin:0 10px 0 0;
}
aside {
position:relative;
width:300px;
margin:0 10px 0 10px;
padding:0;
text-align:center;
}
/*
#colleft{
float:left;
width:200%;
margin-left:-320px;
position:relative;
right:100%;
background:#fff;
}
#col1wrap{
float:left;
width:50%;
position:relative;
left:50%;
padding-bottom:1em;
}
#col1{
margin:0 10px 0 330px;
overflow:hidden;
}
#col2{
float:right;
width:300px;
position:relative;
left:310px;
margin:0 auto;
padding:0;
text-align:center;
}
*/
footer{
background:url(../../img/footer_bk.jpg) repeat-x 0 0;
background-color:#ecf5f7;
width:100%;
margin:16px auto 0 auto;
padding:0px;
text-align:center;
clear:both;
}
footer:after{
content:"";
display:block;
clear:both;
}
footer nav#topicPath2{
height:56px;
margin:0;
padding:0;
text-align:left;
}
footer nav#topicPath2 #to_pagetop{
width:98%;
height:26px;
margin:0;
padding:0 8px 0 0;
text-align:right;
}
footer nav#topicPath2 ul{
list-style-type:none;
height:30px;
}
footer nav#topicPath2 li{
margin:0;
padding:0;
padding:9px 0 7px 20px;
font-size:14px;
line-height:1.0em;
list-style-type:none;
float:left;
color:#989898;
}
footer nav#topicPath2 li.and{background:url(../../img/topic_path_amp.jpg) no-repeat 0 0;}
nav#topicPath2 li a:link{text-decoration:none;color:#119dbb;}
nav#topicPath2 li a:visited{text-decoration:none;color:#119dbb;}
nav#topicPath2 li a:active{text-decoration:none;color:#119dbb;}
nav#topicPath2 li a:hover{text-decoration:underline;color:#ff6633;}
footer nav#topicPath2 li img{margin-right:2px;}
footer nav#btmmenu{
width:90%;
margin:0 auto;
padding:0;
text-align:left;
clear:both;
}
footer nav#btmmenu ul{
list-style-type:none;
line-height:1.3em;
margin:12px 0 0 0;
padding:0;
font-size:13px;
color:#696969;
}
footer nav#btmmenu ul li{
margin:0;
padding:0 0 10px 20px;
background:url(../../img/footer_li.jpg) no-repeat 0 0px;
}
footer nav#btmmenu li a:link{text-decoration:none;color:#285ea1;}
footer nav#btmmenu li a:visited{text-decoration:none;color:#285ea1;}
footer nav#btmmenu li a:active{text-decoration:none;color:#285ea1;}
footer nav#btmmenu li a:hover{text-decoration:underline;color:#285ea1;}
footer #btmlogo{
width:90%;
height:44px;
margin:64px auto 0;
padding:8px;
background:url('../../img/footer_logo_retina2024.png') no-repeat left top;
background-size:52px 44px;
-moz-background-size:52px 44px;
-webkit-background-size:52px 44px;
-o-background-size:52px 44px;
}
footer #btmlogo #signature{
margin:0;
padding:0 0 0 52px;
font-size:12px;
line-height:1.5em;
text-align:left;
}

.flt440{
width:440px;
margin:0px auto;
padding:0px;
text-align:center;
float:left;
}
.flt360{
width:360px;
margin:0px auto;
padding:0px;
text-align:center;
float:left;
}
.flt220{
width:220px;
margin:0px;
padding:0px;
text-align:center;
float:left;
}
.flt140{
width:140px;
margin:0px;
padding:0px;
text-align:center;
float:left;
}
.box620{
position:relative;
width:620px;
margin:0px auto;
padding:0px;
text-align:left;
}
.box580{
position:relative;
width:580px;
margin:0px auto;
padding:0px;
text-align:left;
}
.box460{
position:relative;
width:460px;
margin:0px auto;
padding:0px;
text-align:left;
}
.box380{
position:relative;
width:380px;
margin:0px auto;
padding:0px;
text-align:left;
}
.box240{
position:relative;
width:240px;
margin:0px auto;
padding:0px;
text-align:left;
}
.box180{
position:relative;
width:180px;
margin:0px auto;
padding:0px;
text-align:left;
}
img.forehead{
padding:2px;
border:1px solid #c3c3c3;
background-color:#FFFFFF;
}
img.border{
border:1px solid #000000;
}
img.l{
margin-right:6px;
float:left;
}
img.r{
margin-left:3px;
float:right;
}
h1{
font-size:10px;
line-height:1.8em;
font-weight:normal;
color:#232323;
margin:0px;
padding:2px 0px 0px 24px;
text-align:left
}
h2{
font-size:15px;
line-height:1.0em;
font-weight:bold;
margin:0px;
padding:24px 0px 0px 23px;
color:#121212;
/*color:#ae7b15;*/
text-align:left;
}
h3{
font-size:15px;
line-height:1.4em;
font-weight:bold;
margin:0px;
padding:18px 0 0 25px;
color:#6d5b47;
text-align:left;
}
h4{
font-size:14px;
line-height:1.4em;
font-weight:bold;
margin:0px;
padding:10px 0 0 12px;
color:#bc4b25;
text-align:left;
}
h5{
font-size:15px;
line-height:1.0em;
font-weight:bold;
margin:0px;
padding:10px 0px 0px 20px;
color:#5e420c;
text-align:left;
}
h6{
font-size:13px;
line-height:1.3em;
font-weight:bold;
margin:0px;
padding:5px 0px 0px 8px;
color:#5e420c;
text-align:left;
}
.vbr4{
margin:0;
padding:0;
height:4px;
font-size:4px;
line-height:4px;
}
.vbr8{
margin:0;
padding:0;
height:8px;
font-size:8px;
line-height:8px;
}
.vbr16{
margin:0;
padding:0;
height:16px;
font-size:16px;
line-height:16px;
}
.vbr20{ /* added on 2012-11-21 */
margin:0;
padding:0;
height:20px;
font-size:20px;
line-height:20px;
}
.vbr32{
margin:0;
padding:0;
height:32px;
font-size:16px;
line-height:32px;
}
.vbr64{
margin:0;
padding:0;
height:64px;
font-size:16px;
line-height:64px;
}
.vbr120{
margin:0;
padding:0;
height:120px;
font-size:16px;
line-height:16px;
}
p{
margin:0em;
}
hr{
background-color:#65510b;
color:#ffffff;
border:none;
height:1px;
width:96%;
}
.large{
line-height:1.7em;
font-size:14px;
font-weight:bold;
}
.keyword{
font-size:120%;
font-weight:bold;
color:#1c4288;
}
a:link{text-decoration:none;color:#119dbb;}
a:visited{text-decoration:none;color:#119dbb;}
a:active{text-decoration:none;color:#119dbb;}
a:hover{text-decoration:underline;color:#ff6633;}
.tall{ font-size:15px;line-height:1.6em;color:#4a4039;}
.medium{ font-size:13px;line-height:1.5em;color:#4a4039;}
.mediumnl{ font-size:13px;line-height:1.0em;color:#4a4039;}
.mediumw{ font-size:13px;line-height:1.5em;color:#ffffff;}
.mediumblk{font-size:13px;line-height:1.5em;color:#030303;}
.mshort, .short{ font-size:90%;line-height:1.3em;}
.s{font-size:85%;}
.clrflt{
clear:both;
}
.dbrwn{ color:#6d5b47;}
.brwn{ color:#534843;}
.lgrn{ color:#009966;}
.lgrn2{ color:#0e810b;}
.wht{ color:#ffffff;}
.c00{ color:#cc0000;}
.d50{ color:#d25400;}
.orng{ color:#ff9933;}
.orng2{ color:#cc3300;}
.lbl{ color:#00569b}
.lbl2{ color:#294c8e;}
.dpk{ color:#d9638b;}
.dgrn{ color:#00546c;}
.ppl{color:#635c99;}
.warning{color:#cc3467;}
.dotted_line{
width:670px;
height:10px;
border-top:1px dotted #025d73;
margin:0px auto;
}
div#about_icons{
width:680px;
margin:0 auto 3px auto;
text-align:right;
display:none;
}
ul.doc_hori{
font-size:12px;
color:#15428b;
}
ul.doc_hori li{  
list-style:none;
padding:0 2px 0 24px;
background:url('../../img/li_doc.gif') no-repeat 0 0;
line-height:19px;
float:left;
}
ul.li_blue{
list-style-type:none;
line-height:1.1em;
margin:12px 0 0 0;
padding:0;
font-size:14px;
color:#696969;
}
ul.li_blue li{
margin:0;
padding:0 0 8px 20px;
background:url(../../img/li_blue.jpg) no-repeat 0 1px;
}
ul.li_blue li a:link{text-decoration:none;color:#285ea1;}
ul.li_blue li a:visited{text-decoration:none;color:#285ea1;}
ul.li_blue li a:active{text-decoration:none;color:#285ea1;}
ul.li_blue li a:hover{text-decoration:underline;color:#285ea1;}