@charset "utf-8";


/*header style*/
#headerbg {background-color:#fff;width:100%;height:115px; position:fixed; z-index:10;}
#header   {width: 1000px;margin-right: auto;margin-left: auto;}
.header_flex{display: flex; justify-content:space-between;margin-top:10px;}
/*.head_btn{display:none;}*/
.header_botton{margin-top:2px;}
.header_logo{margin-top:3px;}

.header_botton_m{display:none;}

img.logo-01{width:200px; height:auto; margin-top:0px;}
img.logo-02{width:260px; height:auto; margin-top:4px; margin-left:10px;}

.btn01{width: 150px;color: #fff;background: #003399;font-size:12px; padding:4px ;text-align:left; margin:4px;}
.btn02{width: 150px;color: #fff;background: #0066cc;font-size:12px; padding:4px ;text-align:left; margin:4px;}
.btn01,.btn02{padding-left:16px;}

.btn01:after{background:#001032;}
.btn02:after{background:#001932;}

.head_btn{ }
.btn03{width:300px;height:46px;color: #fff;background: #980026;font-size:18px;text-align:center; margin-top:7px;
padding-top:14px;}
.btn03:after{background:#600000;}
.btn04{width:260px;color: #fff;background: #980026;font-size:12px;text-align:left; margin-top:7px;padding:4px;}
.btn04:after{background:#600000;}
.btn05{width:260px;color: #fff;background: #980026;font-size:12px;text-align:left; margin-top:3px;padding:4px;}
.btn05:after{background:#600000;}
.btn04,.btn05{padding-left:16px;}



/* menu */
.topmenu { margin:3px 45px 0 20px; display: flex; justify-content:flex-start;  height: 2rem; width:400px; z-index:1; }
.topmenu > li { width:30%; }
.topmenu li {list-style: none; position: relative; }
.topmenu li a { color: #003366; display: block; height: 2rem; line-height: 2rem; text-align: left; text-decoration: none; font-size:14px; padding:2px 5px 2px 5px;}
.topmenu li li { height: 0; overflow: hidden; transition: .1s; width:180px; }
.topmenu li li a {  background-color: #ccc;  border: 1px solid #333;}
#kaisaibtn {background-color: #0066CC;  border: 1px solid #333; color:#fff; }
#kaisaibtn:hover {  background-color:#99CCFF;  border: 1px solid #333; color:#000;}
#shinseibtn {  background-color: #006600;  border: 1px solid #333; color:#fff;  }
#shinseibtn:hover {background-color:#99CC66; border: 1px solid #333; color:#000;}
#otoiawasebtn {background-color: #0099CC; border: 1px solid #333; color:#fff;}
#otoiawasebtn:hover {background-color:#99CCFF;  border: 1px solid #333; color:#000;}
.topmenu li li a:hover {background-color:#99CCFF;}
.topmenu li:hover > ul > li { height: 2rem; overflow: visible; }
.topmenu li li a:hover { background-color:#99CCFF;}
.topmenu li:hover > ul > li {height: 2rem; overflow: visible; }
#lang {background:#003366; margin:-53px 0 0 0; width:45px; height:35px; text-align:center; padding:10px 0 0 0; float:right; z-index:999999}
#lang:hover { background-color:gold;}





/* sliderを入れるとずれるので、その対策用 */
#lang2 {background:#003366; margin:-53px 0 0 0; width:45px; height:45px; text-align:center; padding:10px 0 0 0; float:right; z-index:999999}
#lang2:hover { background-color:gold;}

#map {background:#0066FF; margin:-53px 0 0 0; width:45px; height:45px; text-align:center; padding:10px 0 0 0; float:right; z-index:999999}
#map:hover { background-color:gold;}

#menulink1,#menulink2,#menulink3,#menulink4 {display:none;}











/* ボタン */
.msr_btn01 a { background-color: #dc1111;  border-radius: 3px; box-sizing: border-box; color: #fff; display: block;
  font-size: 12px; padding: 5px; margin-top:5px; position: relative; text-align: center; text-decoration: none; transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; width: 150px;
}
.msr_btn02 a { background-color:#0067cd;  border-radius: 3px; box-sizing: border-box; color: #fff; display: block;
  font-size: 12px; padding: 5px; margin-top:5px; position: relative; text-align: center; text-decoration: none; transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; width: 150px;
}
.msr_btn01 a:hover {color: #FFFFFF; background:#980026;}
.msr_btn01 a:hover:before {border-left: 6px solid #FFFFFF;}
.msr_btn02 a:hover {color: #FFFFFF; background:#003265;}
.msr_btn02 a:hover:before {border-left: 6px solid #FFFFFF;}

.msr_btn03 a { background-color:#FF6532;  border-radius: 3px; box-sizing: border-box; color: #fff; display: block;
  font-size: 12px; padding: 5px; margin-top:5px; position: fixed; top:4rem; right:1rem; text-align: center; text-decoration: none; transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; width: 150px;
}
.msr_btn03 a:hover {color: #FFFFFF; background:#980026;}



.msr_btn04 a { background-color: #dc1111;  border-radius: 3px; box-sizing: border-box; color: #fff; display: block;
  font-size: 18px; padding: 3px;  position: relative; text-align: center; text-decoration: none; transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; width: 260px;
}
.msr_btn05 a { background-color:#0067cd;  border-radius: 3px; box-sizing: border-box; color: #fff; display: block;
  font-size: 18px; padding: 3px;  position: relative; text-align: center; text-decoration: none; transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; width: 260px;
}
.msr_btn04 a:hover {color: #FFFFFF; background:#980026;}
.msr_btn04 a:hover:before {border-left: 6px solid #FFFFFF;}
.msr_btn05 a:hover {color: #FFFFFF; background:#003265;}
.msr_btn05 a:hover:before {border-left: 6px solid #FFFFFF;}










/*menu style*/
@media screen and (min-width: 640px){
nav ul{list-style: none; overflow: hidden; margin: 5px 0 auto auto; display: flex; justify-content:space-around;}
nav ul li {text-align: center; height: 22px; margin-right: 2px;}
}
nav ul li a {text-decoration: none; color: #000; font-size: 14px; padding-right: 20px;}
nav ul li a:hover{color:red;}
nav ul li a:hover{color:red;}
nav ul li .menulist{color:#000;}
nav ul li .current{color:red; font-weight:bold;}
.nav_mark{display:none;}