@charset "Shift-JIS";
*{margin:0; padding:0;}
a{text-decoration:none;}
ul,ol{list-style:none;}
img{vertical-align:middle; max-width:100%; border-style:none;}

html{font-family:メイリオ,ＭＳ ゴシック,verdana; font-size:16px; line-height:1.5; border-sizing:content-box;}
body{background-color:#ffffff;}
header{text-align:center; background-color:#ff5000;}
header h1{color:#ffeeee; margin-bottom:6px; padding-left:6px;}
header h2{color:#00ff00;}
/* ↑≡メニュー無し：padding:4px; 有り：padding:4px 48px 4px 4px; */
h1{font-size:16px; line-height:1.5; text-align:left; float:left;}
h2,h3,h4{font-size:24px; line-height:1; color:#ffffff; background-color:#ff3333; border-width:3px; border-style:solid; border-color:#ff9999 #aa3333 #aa0000 #ff6666; padding:6px 6px 3px; border-radius:10px 10px 0px 0px; text-align:center;}
p{padding:2px 4px; text-align:left;}

nav ul li{width:100%;}
nav ul li a,.menu > li a,.menu > li strong{display:block; margin:2px 1px; padding:12px 0; color:#ffcccc; background-color:#993333; border:3px; border-style:solid; border-color:#aa6666 #776666 #775555 #aa5555; font-weight:bold;}
nav ul li a:hover,.menu > li a:hover{margin:2px 1px; padding:12px 0; color:#ff3333; background-color:#ffaaaa; border:3px solid #ffffff;}
nav ul li strong{display:block; margin:2px 1px; padding:12px 0; color:#ffcccc; background-color:#993333; border:3px; border-style:solid; border:3px solid #ffffff;}
nav ul{overflow:hidden;}
nav{background-color:#ff5000;}

.s-map{float:right; padding-right:6px; font-size:10px; font-weight:bold; line-height:1.75;}
.s-map a{color:#ffffff; text-decoration:underline;}
.s-map a:hover{color:#ff3333; background-color:#ffdddd;}
.s-map a:visited{color:#ffffff;}

#contents{width:90%; margin:0px auto; text-align:center; background-color:#ffffff;}
#contents img{margin:8px 0px;}
#contents .box-b{margin-bottom:12px; text-align:left; border-width:2px; border-style:none solid solid solid; border-color:#ff3333; border-radius:0px 0px 10px 10px; background-color:#ffeeee;}

.box-w,.box-c{clear:both;}

#s-top{position:fixed; bottom:0; right:0;}
#s-top a{width:36px; display:block; text-align:center; text-decoration:none; color:#ff6666; margin-bottom:42px; margin-right:10px; padding:0px; line-height:100%; font-family:Verdana;}
#s-top a:hover{color:#ff9999; border:2px solid #ff3333; border-radius:6px; background-color:#ffffff; margin-bottom:40px; margin-right:8px; padding:3px 0px 0px;}

footer{clear:both; color:#ffffff; text-align:center; font-family:verdana; font-weight:bold; padding:6px 0; background-color:#ff5000;}
footer p{text-align:center;}

.kb-s{border-style:solid;}
.mb-s{border-style:solid; border-radius:8px;}
.kb-d{border-style:dotted;}
.mb-d{border-style:dotted; border-radius:8px;}
.cb-s{border-style:none solid none;}
.kb-b{border-style:none solid solid;}
.mb-t{border-style:solid; border-radius:8px 8px 0px 0px;}
.mb-b{border-style:none solid solid; border-radius:0px 0px 8px 8px;}
.kb-w{border-width:3px; border-style:double;}

.s-box{padding:6px; font-size:14px; text-align:left; border-style:none solid solid solid; overflow-y:scroll; height:150px; line-height:1.5;}

.bc-0{border-color:#c0c0c0;} .bc-1{border-color:#ffcc33;} .bc-2{border-color:#ffccdd;} .bc-3{border-color:#aaffaa;}
.bc-4{border-color:#aaeeff;} .bc-5{border-color:#ff6666;} .bc-6{border-color:#3366ff;} .bc-7{border-color:#ffffff;}
.bc-8{border-color:#000000;}

.bgc-w{background-color:#ffffff;}  .bgc-b{background-color:#000000;}
.bgc-01{background-color:#ffeeee;} .bgc-02{background-color:#ffccdd;} .bgc-03{background-color:#ffaaaa;}
.bgc-04{background-color:#ff9999;} .bgc-05{background-color:#ff6666;} .bgc-06{background-color:#ff3333;}
.bgc-07{background-color:#ffeeff;} .bgc-08{background-color:#ffccff;} .bgc-09{background-color:#ffaaff;}
.bgc-10{background-color:#cc99ff;} .bgc-11{background-color:#cc66cc;} .bgc-12{background-color:#aa33aa;}
.bgc-13{background-color:#ffffdd;} .bgc-14{background-color:#ffff99;} .bgc-15{background-color:#ffff00;}
.bgc-16{background-color:#ffee99;} .bgc-17{background-color:#ffdd66;} .bgc-18{background-color:#ffcc33;}
.bgc-19{background-color:#eeffee;} .bgc-20{background-color:#ccffcc;} .bgc-21{background-color:#aaffaa;}
.bgc-22{background-color:#66ee66;} .bgc-23{background-color:#33cc33;} .bgc-24{background-color:#339933;}
.bgc-25{background-color:#33ffaa;} .bgc-26{background-color:#33ee99;} .bgc-27{background-color:#33dd99;}
.bgc-28{background-color:#eeffff;} .bgc-29{background-color:#aaeeff;} .bgc-30{background-color:#33ffff;}
.bgc-31{background-color:#ddeeff;} .bgc-32{background-color:#bbccff;} .bgc-33{background-color:#99aaff;}
.bgc-34{background-color:#6699ff;} .bgc-35{background-color:#3366ff;} .bgc-36{background-color:#3333ff;}
.bgc-37{background-color:#cc9999;} .bgc-38{background-color:#aa6666;} .bgc-39{background-color:#aa3333;}
.bgc-40{background-color:#cccc99;} .bgc-41{background-color:#bbbb66;} .bgc-42{background-color:#aaaa66;}
.bgc-43{background-color:#e0e0e0;} .bgc-44{background-color:#c0c0c0;} .bgc-45{background-color:#999999;}
.bgc-45{background-color:#ff5000;}
 
.hr1s{line-height:0%; border-width:1px; border-top-style:solid; margin:4px;}
.hr2s{line-height:0%; border-width:2px; border-top-style:solid; margin:4px;}
.hr3s{line-height:0%; border-width:3px; border-top-style:solid; margin:4px;}

.hr1d{line-height:0%; border-width:1px; border-top-style:dashed; margin:4px;}
.hr2d{line-height:0%; border-width:2px; border-top-style:dashed; margin:4px;}
.hr3d{line-height:0%; border-width:3px; border-top-style:dashed; margin:4px;}

.c-b{clear:both;} .fwb{font-weight:bold;} .ta-l{text-align:left;} .ta-c{text-align:center;} .ta-r{text-align:right;}
.mt-8{margin-top:8px;} .mb-8{margin-bottom:8px;} .mr-6{margin-right:6px;}
.p-6{padding:6px;} .pt-6{padding-top:6px;}
.bw-0{border-width:0px;} .bw-1{border-width:1px;} .bw-2{border-width:2px;} .bw-3{border-width:3px;}

.fs-1{font-size:10px;} .fs-2{font-size:12px;} .fs-3{font-size:16px;} .fs-4{font-size:18px;}
.fs-5{font-size:24px;} .fs-6{font-size:32px;} .fs-7{font-size:48px;}

.fc-0{color:#999999;}  .fc-1{color:#ffbb33;}  .fc-2{color:#ffbbaa;}  .fc-3{color:#99ee99;}  .fc-4{color:#aaddee;}
.fc-5{color:#ff3333;}  .fc-6{color:#3333ff;}  .fc-7{color:#ffffff;}  .fc-8{color:#000000;}  .fc-9{color:#aa3333;}
.fc-10{color:#9999ff;} .fc-11{color:#ffff00;}

.lh-200{line-height:200%;}

.td-u{text-decoration:underline;}
.ls-n{margin:1em 0 0 0; padding-left:40px; list-style-type:decimal;}
.ls-l{margin:1em 0 0 0; padding-left:40px; list-style-type:disc;}

.ts-w{text-shadow:2px 2px 2px #ffffff,-2px 2px 2px #ffffff,2px -2px 2px #ffffff,-2px -2px 2px #ffffff;}
.ts-r{text-shadow:2px 2px 2px #ff6666,-2px 2px 2px #ff6666,2px -2px 2px #ff6666,-2px -2px 2px #ff6666;}
.ts-b{text-shadow:2px 2px 2px #6666ff,-2px 2px 2px #6666ff,2px -2px 2px #6666ff,-2px -2px 2px #6666ff;}

#img-cf{position:relative; height:540px; width:100%;}
#img-cf img{position:absolute; left:0; top:0;}

.inner{width:960px; margin:0 auto;}
#t-link{margin-bottom:8px; width:100%; z-index:999;}
#t-link.fixed{top:0; position:fixed;}
#m-link{display:none; position:absolute; right:1px; top:1px; width:30px; height:30px; padding:6px; border:2px solid #333333; border-radius:8px; background-color:#ffffff; cursor:pointer; z-index:101;}

#m-link div{position:relative;}
#m-link span{display:block; position:absolute; height:4px; width:100%; background-color:#666666; left:0;
-webkit-transition:0.35s ease-in-out;
-moz-transition:0.35s ease-in-out;
transition:0.35s ease-in-out;}
#m-link span:nth-child(1){top:0px;}
#m-link span:nth-child(2){top:8px;}
#m-link span:nth-child(3){top:16px;}

.slide-img{float:left; display:block; width:100%; overflow:hidden; position:relative;}

.box-link{cursor:pointer; height:125px; text-align:right;}
.rollover{background-color:#ffdddd;}

.bgl-box{background:url(../img/bg-l.jpg) repeat-x; height:25px;}

#t-area{border:2px solid #ff9999; background-color:#fff0f0; margin-bottom:8px; clear:both;}
#ticker{width:120%; height:23px; overflow:hidden; position:relative;}
#ticker li{position:absolute; top:0; left:2000px;}

#ticker li a{color:#333333;}
#ticker li a:hover{text-decoration:underline;}

/*.img-t li{width:176px; float:left; display:inline; cursor:pointer;}*/
.img-t li{cursor:pointer;}
.img-t ul:after{content:"."; height:0; clear:both; display:block; visibility:hidden;}
/*.img-t ul{display:inline-block; overflow:hidden; margin-top:6px;}*/


.b-layer{display:none; position:fixed; top:0; left:0; height:120%; width:100%; background-color:rgba(0,0,0,0.7); z-index:10000; cursor:pointer;}
.pui{top:0; left:0; width:95%; height:115%; margin:2.5%; display:none; position:fixed; z-index:10001; cursor:pointer;} 
.pui img{position:absolute; cursor:pointer; left:50%; top:40%;
-webkit-transform:translate3d(-50%,-50%,0);
-moz-transform:translate3d(-50%,-50%,0);
-ms-transform:translate(-50%,-50%);
transform:translate3d(-50%,-50%,0);}

.mw-o,mw-c{text-decoration:underline; cursor: pointer;}
.mw-1{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background-color:#ffffff; overflow-y:auto; display:none; z-index:10001; text-align:center;}

#g-map{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
#g-map iframe,#g-map object,#g-map embed{position:absolute; top:0; left:0; width:100%; height:100%;}

.pi{margin-top:-52px; padding-top:52px;}  /* ← ≡メニュー無しの場合はコメント行にする */
.iw-1{width:280px;} .iw-2{width:300px;} .iw-3{width:300px; margin-left:6px;} .iw-4{width:500px; margin-right:6px;} .iw-5{width:500px; margin-left:6px;}

#a-box{width:100%; text-align:left;}
#a-box dt{cursor:pointer;background-color:#ffdddd; background-image:url(../img/tb-1.gif); background-repeat:no-repeat; background-position:right center; border:solid 1px #ffaaaa; padding:15px; color:#ff6666; font-size:20px; font-weight:bold;}
#a-box dd{display:none; line-height:150%; margin:0; padding:15px;}
#a-box dt.active{background-color:#ffcccc; color:#ff0000; background-image:url(../img/tb-2.gif);}
#a-box dt.over{background-color:#ffbbbb;}

dd{margin:0; background:#fff3f3; padding:10px;}

@media screen and (min-width:320px){
header h1{font-size:16px; color:#333333;}
.iw-1{width:180px;} .iw-2{width:100%;} .iw-3{width:180px; margin-left:6px;} .iw-4{width:100%;} .iw-5{width:100%;}
#contents{overflow:hidden;}
.slide-img{height:108px; width:150%; float:left; display:block;}
.slide-img ul li{float:left;}
#t-link nav ul li{width:50%; float:left; text-align:center;}
#t-link,.inner{width:100%; padding:0;}
#t-link{top:0; left:0; position:fixed; margin-top:0;}
#t-link.fixed{padding-top:0; background:transparent;}
/* ↓ ≡メニュー無しの場合はここから下をコメント行にする */
#global-nav{position:absolute; top:-500px; width:100%;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;}
#global-nav ul{position:static;}
#global-nav ul li{float:none; position:static;}
#m-link{display: block;}
.open #m-link span:nth-child(1){top:10px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
transform: rotate(225deg);}
.open #m-link span:nth-child(2){width:0; left:50%;}
.open #m-link span:nth-child(3){top:10px;
-webkit-transform: rotate(-225deg);
-moz-transform: rotate(-225deg);
transform: rotate(-225deg);}
.open #global-nav{top:47px;}
/* ↑ ≡メニュー無しの場合はここまでをコメント行にする */
.s-map{display:none;}
nav ul li{width:50%; float:left;}
.box-w .b2-1,.box-w .b2-2,.box-c .b2-1,.box-c .b2-2{width:100%; dispaly:block; margin:0px;}
.box-n .b3-1,.box-n .b3-3,.box-n .b3-5,.b2-1,.b4-1,.b4-3,.b4-5,.b4-7,.b4-9,.b4-11,.box-c .b3-1,.box-c .b3-3,.box-c .b3-5{width:49%; float:left;}
.box-n .b3-2,.box-n .b3-4,.box-n .b3-6,.b2-2,.b4-2,.b4-4,.b4-6,.b4-8,.b4-10,.b4-12,.box-c .b3-2,.box-c .b3-4,.box-c .b3-6{width:49%; float:right;}
.box-c .b4-1,.box-c .b4-4,.box-c .b4-7,.box-c .b4-10{width:32.5333%; display:block; margin:0px 0.8% 0px 0px; float:left;}
.box-c .b4-2,.box-c .b4-5,.box-c .b4-8,.box-c .b4-11{width:32.5333%; display:block; margin:0px 0.4% 0px; float:left;}
.box-c .b4-3,.box-c .b4-6,.box-c .b4-9,.box-c .b4-12{width:32.5333%; display:block; margin:0px 0px 0px 0.8%; float:left;}
.m-view ul li{width:100%;}
}
@media screen and (min-width:720px){
#contents{text-align:left;}
.iw-1{width:280px;} .iw-2{width:300px;} .iw-3{width:280px; margin-left:6px;} .iw-4{width:350px; margin-right:6px;} .iw-5{width:350px; margin-left:6px;}
#t-link nav ul li{width:33.3333%; float:left;}
nav ul li{width:33.3333%; float:left; text-align:center;}
.b3-1,.b3-3,.b3-5,.box-c .b2-1{width:49.5%; float:left;}
.b3-2,.b3-4,.b3-6,.box-c .b2-2{width:49.5%; float:right;}
.box-n .b3-1,.box-n .b3-4,.b4-1,.b4-4,.b4-7,.b4-10{width:32.5333%; display:block; margin:0px 0.8% 0px 0px; float:left;}
.box-n .b3-2,.box-n .b3-5,.b4-2,.b4-5,.b4-8,.b4-11{width:32.5333%; display:block; margin:0px 0.4% 0px; float:left;}
.box-n .b3-3,.box-n .b3-6,.b4-3,.b4-6,.b4-9,.b4-12{width:32.5333%; display:block; margin:0px 0px 0px 0.8%; float:left;}
.box-c .b3-1,.box-c .b3-4{width:32.5333%; display:block; margin:0px 0.8% 0px 0px; float:left;}
.box-c .b3-2,.box-c .b3-5{width:32.5333%; display:block; margin:0px 0.4% 0px; float:left;}
.box-c .b3-3,.box-c .b3-6{width:32.5333%; display:block; margin:0px 0px 0px 0.8%; float:left;}
.box-c .b4-1,.box-c .b4-5,.box-c .b4-9{width:24.25%; margin:0px 0.75% 0px 0px; float:left;}
.box-c .b4-2,.box-c .b4-6,.box-c .b4-10{width:24.25%; margin:0px 0.5% 0px 0.25%; float:left;}
.box-c .b4-3,.box-c .b4-7,.box-c .b4-11{width:24.25%; margin:0px 0.25% 0px 0.5%; float:left;}
.box-c .b4-4,.box-c .b4-8,.box-c .b4-12{width:24.25%; margin:0px 0px 0px 0.75%; float:left;}
.m-view ul li{width:47.5%; margin-left:2%; float:left;}
}
@media screen and (min-width:1000px){
html{font-size:16px;}
header h1{text-align:left; float:left; color:#ffeeee;}
.iw-4{width:500px; margin-right:6px;} .iw-5{width:500px; margin-left:6px;}
.slide-img{height:324px; float:none; width:100%;}
.slide-img ul li{float:none;}
#contents{overflow:hidden; width:93.75%;}
nav ul li{width:100%; float:left; text-align:center;}
#t-link{position:relative;}
#t-link nav ul li{width:20%; float:left;} /* #t-link → #t-link1 */
.box-n .b3-1,.box-n .b3-2,.box-n .b3-3,.box-n .b3-4,.box-n .b3-5,.box-n .b3-6,.box-n .b4-1,.box-n .b4-2,.box-n .b4-3,.box-n .b4-4,.box-n .b4-5,.box-n .b4-6,.box-n .b4-7,.box-n .b4-8,.box-n .b4-9,.box-n .b4-10,.box-n .b4-11,.box-n .b4-12{width:100%; margin:0px; display:block;}
header .box-w{width:960px; display:inline-block;}
#t-link,.inner{width:960px; padding:0;}
#t-link{width:100%; position:static;}
#global-nav{position:static; display:block; top:-0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;}
#m-link{display:none;}
#contents{overflow:hidden; width:960px;}
.s-map{display:block;}
.box-m{width:79%; float:right;}
.box-n{width:20%; float:left;}
.box-w .b2-1{width:49.5%; float:left;}
.box-w .b2-2{width:49.5%; float:right;}
.b3-1,.b3-4{width:32.7333%; margin:0px 0.6% 0px 0px; float:left;}
.b3-2,.b3-5{width:32.7333%; margin:0px 0.3% 0px; float:left;}
.b3-3,.b3-6{width:32.7333%; margin:0px 0px 0px 0.6%; float:left;}
.viewer-1 ul li{width:79%;}
.m-view ul li{width:22.5%; margin-left:2%; float:left;}
}