@charset "utf-8";
/* common */
html, body, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, dl, dt, dd, a, ul, ol {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  list-style: none;
}

#contents #tsd {
  display: block;
  line-height: 0;
  padding: 0;
  margin: 0;
  width: 920px;
  text-align: left;
}
#contents #tsd img{
  border: none;
  vertical-align: bottom;
}
.brcl {
  clear: both;
}
#contents #tsd .normal{
  padding: 0px;
  margin: 0px;
  width: 920px;
}
#contents #tsd .normallinkbg1{
  padding: 0px;
  margin: 0px;
  width: 400px;
}
#contents #tsd #linkbg11{
    position: relative;
	padding: 252px 0 0 470px;
	margin: 0;
	width: 450px;
	height: 138px;
	background-image: url("../img/top_bg11.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#contents #tsd #linkbg12{
    position: relative;
	padding: 252px 0 0 470px;
	margin: 0;
	width: 450px;
	height: 138px;
	background-image: url("../img/top_bg12.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#contents #tsd #linkbg13{
    position: relative;
	padding: 252px 0 0 470px;
	margin: 0;
	width: 450px;
	height: 138px;
	background-image: url("../img/top_bg13.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#contents #tsd #linkbg21{
    position: relative;
	padding: 252px 0 0 470px;
	margin: 0;
	width: 450px;
	height: 138px;
	background-image: url("../img/top_bg21.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#contents #tsd #linkbg22{
    position: relative;
	padding: 252px 0 0 470px;
	margin: 0;
	width: 450px;
	height: 138px;
	background-image: url("../img/top_bg22.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#contents #tsd #linkbg31{
    position: relative;
	padding: 252px 0 0 470px;
	margin: 0;
	width: 450px;
	height: 138px;
	background-image: url("../img/top_bg31.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#contents #tsd #linkbg32{
    position: relative;
	padding: 252px 0 0 470px;
	margin: 0;
	width: 450px;
	height: 138px;
	background-image: url("../img/top_bg32.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#contents #tsd .normalguest{
	padding: 0;
	margin: 0 auto;
	width: 820px;
}


/*accordion*/
#contents #tsd dl.accordion {
  width: 920px;
  margin: 0 auto;
  padding: 0;
}
#contents #tsd dl.accordion dt {
  cursor: pointer;
  display: block;
  padding: 0 0 50px 0;
  margin: 0;
    text-align: center;
}

#contents #tsd .ac01{
	padding: 360px 0 0px 0;
	margin: 0;
	width: 920px;
	background-image: url("../img/top_bgac01.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
#contents #tsd dd.ac01open {
  padding: 0 0 50px 0;
  margin: -109px 0 0 0;
    background-color: #fef9f5;
}
#contents #tsd .normalac01{
	padding: 0 0 50px 0;
	margin: 0 auto;
	width: 820px;
    text-align: center;
}
#contents #tsd .normalac02{
	padding: 0;
	margin: 0 auto;
	width: 820px;
    background-color: #fff;
    text-align: center;
}
#contents #tsd .ac02{
	padding: 375px 0 0px 0;
	margin: 0;
	width: 920px;
	background-image: url("../img/top_bgac02.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
#contents #tsd dd.ac02open {
  padding: 0 0 50px 0;
  margin: -109px 0 0 0;
    background-color: #f5fbfa;
}






#contents #tsd .topmap{
	padding: 42px 0 0 0;
	margin: 0;
	width: 920px;
	height: 758px;
	background-image: url("../img/top_map.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#contents #tsd .mbbox1{
	padding: 0px 0 0 0;
	margin: 0px 0 0 576px;
	width: 170px;
}
#contents #tsd .mbbox1btn1{
	padding: 0;
	margin: 0;
	width: 170px;
}
#contents #tsd .mbbox1btn2{
	padding: 0;
	margin: 42px 0 0 0;
	width: 150px;
}
#contents #tsd .mbbox2{
	padding: 0;
	margin: 43px 0 0 89px;
	width: 408px;
}
#contents #tsd .mbbox2btn1{
	padding: 0;
	margin: 0;
	width: 155px;
    float: left;
}
#contents #tsd .mbbox2btn2{
	padding: 0;
	margin: 0;
	width: 153px;
    float: left;
}
#contents #tsd .mbbox2btn3{
	padding: 0;
	margin: 0;
	width: 100px;
    float: left;
}
#contents #tsd .mbbox3{
	padding: 0;
	margin: 109px 0 0 375px;
	width: 380px;
}
#contents #tsd .mbbox3btn1{
	padding: 0;
	margin: 0;
	width: 380px;
}
#contents #tsd .mbbox3btn2{
	padding: 0;
	margin: 10px 0 0 0;
	width: 380px;
}


/* layer */
#contents #layerbg {
	position: fixed;
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 5 !important;
	top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
	cursor: pointer;
}

#contents #linkbg11 #lbox11, #contents #linkbg12 #lbox12, #contents #linkbg13 #lbox13, #contents #linkbg21 #lbox21, #contents #linkbg22 #lbox22, #contents #linkbg31 #lbox31, #contents #linkbg32 #lbox32 {
	position:absolute;
	visibility: hidden;
	width: 811px;
	height: 650px;
	z-index: 6 !important;
	top: 25px;
    left: 47px;
	margin:auto;
    padding: 15px 15px 0 0;
    text-align: right;
	background-image: url("../img/lb11_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
}

/* 
#contents #lbox12, #contents #lbox13, #contents #lbox21, #contents #lbox22, #contents #lbox31, #contents #lbox32{
	position: fixed;
	visibility: hidden;
	width: 811px;
	height: 650px;
	z-index: 6 !important;
	inset: 0;
	margin:auto;
    padding: 15px 15px 0 0;
    text-align: right;
	background-image: url("../img/lb11_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
}
 */
#contents #linkbg12 #lbox12{
	background-image: url("../img/lb12_bg.png");
}
#contents #linkbg13 #lbox13{
	background-image: url("../img/lb13_bg.png");
}
#contents #linkbg21 #lbox21{
	background-image: url("../img/lb21_bg.png");
}
#contents #linkbg22 #lbox22{
	background-image: url("../img/lb22_bg.png");
}
#contents #linkbg31 #lbox31{
	background-image: url("../img/lb31_bg.png");
}
#contents #linkbg32 #lbox32{
	background-image: url("../img/lb32_bg.png");
}





#contents #tsd .mtspguest{margin-top: 26px !important;}

#contents #tsd .mtsp10{margin-top: 10px !important;}
#contents #tsd .mtsp20{margin-top: 20px !important;}
#contents #tsd .mtsp30{margin-top: 30px !important;}
#contents #tsd .mtsp40{margin-top: 40px !important;}
#contents #tsd .mtsp50{margin-top: 50px !important;}
#contents #tsd .mtsp60{margin-top: 60px !important;}
#contents #tsd .mtsp70{margin-top: 70px !important;}
#contents #tsd .mtsp80{margin-top: 80px !important;}
#contents #tsd .mtsp90{margin-top: 90px !important;}
#contents #tsd .mtsp100{margin-top: 100px !important;}


#contents #tsd a:hover img.imgwhite, #contents #tsd img.imgwhite:hover{
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}
#contents #tsd a:hover img.imgwhite2, #contents #tsd img.imgwhite2:hover{
    cursor:pointer;
    filter: alpha(opacity=50);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=50)";  /* ie 8 */
    -moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.5;              /* Safari 1.x */
    opacity:0.5;
    zoom:1;
}
#contents #tsd img.imgwhiteac:hover{
    cursor:pointer;
    filter: brightness(1.15);
}
#contents #tsd a:hover img.imgwhiteup{
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}
.fade-in {
	opacity: 0.0;
	transform: translate(0, -40px);
	transition: all 1500ms;
}

.fade-on {
	opacity: 1;
	transform: translate(0, 0);
}