html{margin:0;padding:0;width:100%;height:100%;}
body{position:relative;margin:0;padding:0;width:100%;height:100%;min-height:940px;font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color: #333333;}
.container{position:relative;width:940px;min-height:470px;margin:0 auto;padding:200px 0 250px 0;}
.container.home{height:920px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;padding:0;}

.intro{width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;display:block;z-index:99999;background-color:#666;}
.intro > div{opacity:0;}
.intro-whitecircle{position:absolute;top:110px;left:405px;width:495px;height:495px;background-image:url('../image/whitecircle.svg');}
.intro-logo{position:absolute;left:500px;top:280px;}
.intro-longbar{position:absolute;width:900px;left:0;top:470px;}
.intro-shortbars{position:absolute;top:50px;left:300px;width:120px;}
.intro-shortbar{margin-bottom:48px;}

.topmenu ul{position:absolute;top:5px;right:40px;list-style:none;margin:0;padding:0;font-size:76%;}
.topmenu ul li{border-left:1px solid #ccc;float:left;margin:0;padding:0;}
.topmenu ul li:first-child{border-left:none;}
.topmenu ul li a{margin:0;padding:0 10px;text-decoration:none;color:#333;}
.topmenu ul li a:hover{color:#666;}

.topdescription{position:absolute;top:0;left:0;margin:0;padding:5px;font-size:70%;}

.toplogo{position:absolute;top:0;left:0;}
.toplogo img{width:320px;height:200px;max-height:100%;}

.topnotice{position:absolute;top:120px;left:220px;}

.contents{position:relative;width:100%;min-height:650px;margin-top:-10px;padding:0 0 24px 0;}
.home .contents{position:absolute;top:200px;left:0;min-height:0;height:446px;padding:0 0 24px 0;}
.contents > div{position:relative;width:100%;height:100%;}
.contents > div.orangebar{position:absolute;bottom:0;top:auto;width:900px;height:24px;}
.contents > div.blackbar{position:absolute;bottom:0;top:0;right:0;width:24px;height:100%;}

.home-slideshow{position:absolute;right:40px;top:-80px;width:495px;height:495px;}

.home-seal{display:block;width:160px;height:160px;background-size:contain;z-index:99;position:absolute;top:-160px;right:40px;text-decoration:none;cursor:pointer}

.slide-caption.sponly{width:100%;min-height:63px;margin:20px 0 40px 0;}
.slide-caption.sponly a{color:#333;text-decoration:none;font-size:90%;}
.slide-caption.sponly a:hover{color:#999;}
.slide-caption.sponly span{display:block;width:100%;}

.home-news{position:absolute;left:0;top:-15px;font-size:80%;}
.home-news h3{font-weight:normal;font-size:100%;}
.home-news ul{margin:0;padding:0 0 0 2em;}
.home-news a{color:#000;text-decoration:none;}
.home-news a:hover{color:#333;}

.home-menu{position:absolute;bottom:0;font-size:80%;}
.home-menu ul{margin:0;padding:0;list-style:none;}
.home-menu ul li {margin:0;padding:0;height:72px;}
.home-menu li::before{content:"";height:24px;width:120px;background-color:#c24400;display:block;margin-left:0;}
.home-menu span{display:block;margin:0;}
.home-menu span span{display:inline-block;}
.home-menu .orangebar{width:120px;background-color:#c24400;}
.home-menu a{
    display:block;margin-left:20px;text-decoration:none;color:#333;
    text-shadow: 1px 1px 1px #FFF, 1px -1px 1px #FFF,-1px -1px 1px #FFF,-1px 1px 1px #FFF;
}
.home-menu a:hover{color:#666;}

footer{position:absolute;bottom:0;height:250px;width:100%;}
footer > div{position:relative;}

.main-menu{position:absolute;right:40px;margin:5px 0 0 0;padding:0;}
.main-menu > li{display:block;float:left;font-size:85%;}
.main-menu > li > ul{border-left:1px solid #ccc;margin:10px 0 0 0;padding:0;list-style:none;}
.main-menu > li > ul > li{font-size:80%;margin:0;padding:0 20px 5px 10px;}
.main-menu > li > a{border-left:1px solid #ccc;padding:0 10px 0 10px;text-decoration:none;color:#333;}
.main-menu > li > a:hover{color:#666;}
.main-menu > li > ul > li > a{text-decoration:none;color:#666;}
.main-menu > li > ul > li > a:hover{color:#333;}

.snslink{margin:0;padding:0;list-style:none;}
.snslink li{float:left;margin:5px 0 0 5px;}
.snslink img {width:18px;height:18px;}

.contents-menu{position:absolute;top:0;left:0;width:300px;font-size:80%;line-height:180%;}
.contents-menu ul {margin:0;padding:0;}
.contents-menu li{margin-left:20px;height:72px;list-style:none;}
.contents-menu li::before{content:"";height:24px;width:120px;background-color:#666;display:block;margin-left:-20px;}
.contents-menu li.active::before{background-color:#c24400;}
.contents-menu h3{font-size:100%;}
.contents-menu a{color:#333;text-decoration:none;}

.contents-list{margin:0 0 0 318px;padding:30px 0 0 0;width:582px;font-size:90%;line-height:180%;}
.contents-list h1 {font-size:100%;}
.contents-list ul {margin:0;padding:0;list-style:none;}
.contents-list li {padding:0 0 0 120px;min-height:140px;background-size:100px auto;background-repeat:no-repeat;background-position:5px 5px;}
.contents-list a{color:#333;text-decoration:none;}
.contents-list a:hover{color:#666;}
.contents-list li span{/*display:block;*/margin-bottom:10px;}
.contents-list-title{font-size:120%;font-weight:bold;}
.contents-list-author{font-size:90%;color:#666;}
.contents-list-date{font-size:90%;color:#666;}
.contents-list-site{font-size:90%;}
.contents-list.database a{color:#333;text-decoration:underline;}

.contents-image{position:absolute;top:-100px;right:40px;width:470px;}

.contents-article{margin:0;padding:0 0 30px 0;width:420px;font-size:80%;line-height:180%;}
.contents-article h1{font-size:100%;padding-top:30px;}

.contents-info{margin:0 0 0 318px;padding:30px 0;width:582px;font-size:90%;line-height:180%;}
.contents-info h1 {font-size:100%;}
.contents-info h2 {font-size:96%;}
.contents-info h3 {font-size:96%;}
.contents-info a{color:#333;text-decoration:underline;}
.contents-info a:hover{color:#666;}
.contents-info.policy{font-size:80%;}
.contents-info.policy ol.circlenum {list-style:none;padding-left:2rem;}
.contents-info.policy ol.circlenum li{text-indent:-1.5em;}
.contents-info.policy ol.circlenum li span.num{margin-right:0.5rem;}
.contents-info ul.nostylelist {list-style:none;padding-left:0;}
.contents-info ul.stafflist{margin-top:0;margin-bottom:1.5rem;}
.contents-info p{text-align:justify;}
.contents-info .mapimage{boarder:1px solid #999;width:100%;margin-top:-30px;}
.contents-info .externalmap a{display:inline-block;border:1px solid #333;padding:10px 20px;text-decoration:none;}
.contents-info .externalmap a:hover{background-color:#ddd;color:#000;}
.contents-info > ul {padding-inline-start:1.25rem;}
.contents-info > ul.dashlist {margin-top:0;margin-top:-1rem;}
.contents-info ul.dashlist {list-style-type:none;margin-left:0;padding-left:1rem;}
.contents-info ul.dashlist > li:before{content:"–";position:absolute;margin-left:-1rem;}
.contents-info-staff h2{font-weight:normal;margin-top:1.7rem;margin-bottom:0;}
.contents-info-staff h3{font-weight:normal;margin-top:1.5rem;margin-bottom:0;}

.contents-column{border:3px solid #000;width:894px;margin:0 0 10px 0;padding:70px 0 0 0;}
.contents-column > div{position:relative;}
.contents-column > div.contents-column-title{position:absolute;top:0;left:0;width:300px;height:41px;background-color:#fff;border-bottom:3px solid #000;border-right:3px solid #000;font-size:50px;}
.contents-column > div.contents-column-title img{position:absolute;top:-3;left:0;width:300px;}
.contents-column > div.contents-column-subtitle{position:absolute;top:13px;left:320px;font-size:80%;letter-spacing:5px;}
.contents-column > div.contents-column-linktolist{margin:-10px 0 0 20px;font-size:80%;}
.contents-column .contents-image{top:30px;right:0;width:450px;}
.contents-column .contents-article{padding:0 0 30px 20px;width:410px;}
.contents-column ul{margin:0;padding:0;font-size:80%;}
.contents-column ul li {list-style:none;margin:0;padding:0;}
.contents-column ul a{display:block;margin:0;padding:5px 10px;color:#000;}
.contents-column a{color:#000;text-decoration:none;}
.contents-column a:hover{text-decoration:underline;}
.contents-column ul span{display:block;float:left;}
.contents-column ul .sdate{width:100px;max-width:100%;}
.contents-column ul .author{width:150px;max-width:100%;}
.contents-column ul .title{width:600px;max-width:100%;}

img{max-width:100%;}

.sponly{display:none !important;}
.orangebar{height:24px;background-color:#c24400;}
.blackbar{width:24px;background-color:#000;}
.small {font-size:80% !important;}
.right{text-align:right !important;}
span.right{display:block;float:right;}

.qr-image{float:right;margin-top:-10px;max-width:140px;max-height:140px;}

.clearfix:before,.clearfix:after{content: " ";display: table;}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}
.clearboth{clear:both;}