@charset "utf-8";
/*
	CSS pageParts.css  -  Copyright (c) 2011 DEPOC Inc. Page for index.html
*/


/*
------ mainbnr ------ */

#mainbnr {clear: both;margin: 0 auto 10px; padding:0;}
#mainbnr ul {text-align: center;}
#mainbnr ul li {margin: 0 10px 20px;display: inline-block;}

/*
------ news ------ */
#news {font-size:109%; max-height:200px; overflow:auto; padding:10px;}
#news dt{ color:#1F7F57; font-weight:bold; width:140px; float:left;}
#news dd{ padding:0 0 10px 150px;}
#news .tag-a{ background: url(../img/share/icon_01.gif) no-repeat right top;}
#news .tag-b{ background: url(../img/share/icon_02.gif) no-repeat right top;}
#news .tag-c{ background: url(../img/share/icon_03.gif) no-repeat right top;}
#news .tag-d{ background: url(../img/share/icon_04.gif) no-repeat right top;}

/*
------ .index ------ */
.index h2{
	margin-bottom:20px;
}



.index #content {
	height:500px;
}


/*
------ #index ------ */
#index #content {
	height:600px;
}

#index #main-v-wrap {
	width:100%;
	height:480px;
	background:url(../img/index/main-v.jpg) no-repeat center top;
	min-width:960px;
}
#index #main-v {
	width:960px;
	height:480px;
	position:relative;
	margin:0 auto;
}

#index #main-v .btn_01 {
	position:absolute;
	left:40px;
	bottom:20px;
	z-index:10;
}
#index #main-v .btn_02 {
	position:absolute;
	right:80px;
	bottom:20px;
	z-index:10;
}
/*
------ #j-index ------ */
#j-index #main-v-wrap {
	width:100%;
	height:350px;
	background: url(../img/junior/index/main-v.jpg) no-repeat center top;
	min-width:960px;
}
#j-index #main-v {
	clear:both;
	height:355px;
	width:960px;
	margin:0 auto;
	position:relative;
}


#j-index #main-v .btn_01 {
	position:absolute;
	left:0px;
	bottom:20px;
	z-index:10;
}


/*
------ #h-index ------ */
#h-index #main-v-wrap {
	width:100%;
	height:355px;
	background: url(../img/high/index/main-v.jpg) no-repeat center top;
	min-width:960px;
}
#h-index #main-v {
	clear:both;
	height:355px;
	width:960px;
	margin:0 auto;
	position:relative;
}

#h-index #main-v .btn_01 {
	position:absolute;
	left:0px;
	bottom:20px;
	z-index:10;
}

/*
------ share ------ */
.primary #main-v {
	width:960px;
	margin:0 auto;
}
.primary #main {
	background: url("../img/junior/share/line-bg.gif") no-repeat left top;
	padding-top: 20px;
}
.primary h2 {
	margin-bottom: 65px;
}
/*
------ #kojinjoho ------ */

#kojinjoho #sec_01 dl dt {
	margin-bottom:20px;
}
#kojinjoho #sec_01 dl dd {
	margin-bottom:40px;
}
/*
------ #map_index ------ */
#map_index #sec_01 h3 {
	padding:0 0 10px 20px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
	font-size:142%;
	color:#00683D;
	font-weight:bold;
	background:url(../img/map/icon_map.gif) no-repeat left 10px;
}
#map_index #sec_01 h3 a {
	text-decoration:none;
	color:#00683D;
}
#map_index #sec_01 dl, #map_index #sec_01 ul {
	margin-bottom:20px;
}
#map_index #sec_01 dl dt, #map_index #sec_01 ul li {
	font-weight:bold;
	background:url(../img/map/icon_map.gif) no-repeat left center;
	padding:0 0 0 20px;
	font-size:134%;
	color:#656565;
	margin-left:30px;
	margin-bottom:15px;
}
#map_index #sec_01 dl dt a, #map_index #sec_01 ul li a {
	color:#656565;
}
#map_index #sec_01 dl dd {
	margin-left:70px;
	background:url(../img/map/icon_map02.gif) no-repeat left center;
	padding-left:10px;
}
#map_index #sec_01 dl dd a {
	color:#656565;
}
/*
------ #renraku ------ */
#renraku #main h3 {
	border-bottom: 1px dotted #656565;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
#renraku #main h3 {
	font-size:134%;
	font-weight:bold;
	color:#5F4A3C;
}
#renraku #main .c-box {
	background-color:#F8F6F2;
	padding:15px;
}
#renraku #main .c-box h4 {
	font-size:134%;
	font-weight:bold;
	margin-bottom:15px;
}
#renraku #main .c-box p {
	font-size:109%;
}
#renraku #main .c-box p span {
	font-weight:bold;
}
/*
------ a-index ------ */
#s-menu05{ background:url(../img/access/share/sidebox-bg.gif) no-repeat left top; height:84px;}
#s-menu05 ul li{ background:url(../img/junior/share/icon.png) no-repeat left center; }




#a-index .section {
	margin-bottom:35px;
}
#a-index #main {
	background:url(../img/access/share/line-bg.gif) no-repeat left top;
	padding-top:20px;
}
#a-index #main-v-wrap {
	width:100%;
	height:215px;
	background: url(../img/access/share/main-v.jpg) no-repeat center top;
	min-width:960px;
}
#a-index #main-v {
	clear:both;
	height:215px;
	width:960px;
	margin:0 auto;
	position:relative;
}
#a-index h2 {
	padding-bottom:15px;
	margin-bottom:35px;
}
#a-index h3 {
	border-bottom:1px dotted #656565;
	padding-bottom:15px;
	margin-bottom:20px;
}
#a-index h4, #a-index h5 {
	margin-bottom:30px;
}
#a-index #main-v .img_bg {
	position:absolute;
	left:-120px;
	;
	top:0;
	z-index:0;
}
#a-index #main-v .btn_01 {
	position:absolute;
	left:0px;
	top:30px;
	z-index:10;
}
#a-index #in-navi {
	background:url(../img/junior/navi/navi_bg.gif) repeat-x left top;
	min-width:960px;
	height:29px;
}
#a-index .title {
	padding:10px 0 10px 20px;
	margin-bottom:30px;
	background:#D4EBE6;
	font-size:134%;
	font-weight:bold;
}
#a-index .g-box {
	padding:15px;
	margin-bottom:10px;
	background:#F9F7F3;
}
#a-index .g-box a {
	color: #505050;
}
#a-index #s-menu {
	background:url(../img/access/share/sidebox-bg.gif) no-repeat left top;
	padding:45px 15px 15px 15px;
	margin-bottom:45px;
	height:144px;
}
#a-index .txt12 {
	font-size:12px;
}
#a-index #main {
	font-size:109%;
}
#a-index #sec_02 {
	margin-bottom: 50px;
}
#a-index #sec_03 {
	margin-bottom: 35px;
}
#a-index ._on:hover {
	opacity:0.7;
	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 */
	zoom:1;
	display:inline-block\9;/*IE8*/
}
/*
------ a-map ------ */
#a-map .section {
	margin-bottom:35px;
}
#a-map #main {
	background:url(../img/access/share/line-bg.gif) no-repeat left top;
	padding-top:20px;
}
#a-map #main-v-wrap {
	width:100%;
	height:215px;
	background: url(../img/access/share/main-v.jpg) no-repeat center top;
	min-width:960px;
}
#a-map #main-v {
	clear:both;
	height:215px;
	width:960px;
	margin:0 auto;
	position:relative;
}
#a-map h2 {
	padding-bottom:15px;
	margin-bottom:35px;
}
#a-map h3 {
	border-bottom:1px dotted #656565;
	padding-bottom:15px;
	margin-bottom:20px;
}
#a-map h4, #a-map h5 {
	margin-bottom:30px;
}
#a-map #main-v .img_bg {
	position:absolute;
	left:-120px;
	;
	top:0;
	z-index:0;
}
#a-map #main-v .btn_01 {
	position:absolute;
	left:0px;
	top:30px;
	z-index:10;
}
#a-map #in-navi {
	background:url(../img/junior/navi/navi_bg.gif) repeat-x left top;
	min-width:960px;
	height:29px;
}
#a-map .title {
	padding:10px 0 10px 20px;
	margin-bottom:30px;
	background:#D4EBE6;
	font-size:134%;
	font-weight:bold;
}
#a-map .g-box {
	padding:15px;
	margin-bottom:10px;
	background:#F9F7F3;
}
#a-map .g-box a {
	color: #505050;
}
#a-map #s-menu {
	background:url(../img/access/share/sidebox-bg.gif) no-repeat left top;
	padding:45px 15px 15px 15px;
	margin-bottom:45px;
	height:144px;
}
#a-map .txt12 {
	font-size:12px;
}
#a-map #main {
	font-size:109%;
}
#a-map #sec_02 {
	margin-bottom: 35px;
}




/*
------ #kinkyu ------ */


#kinkyu .section {
	margin-bottom:35px;
}
#kinkyu #main {
	background:url(../img/access/share/line-bg.gif) no-repeat left top;
	padding-top:20px;
}
#kinkyu #main-v-wrap {
	width:100%;
	height:215px;
	background: url(../img/access/share/main-v.jpg) no-repeat center top;
	min-width:960px;
}
#kinkyu #main-v {
	clear:both;
	height:215px;
	width:960px;
	margin:0 auto;
	position:relative;
}
#kinkyu h2 {
	padding-bottom:15px;
	margin-bottom:35px;
}

#kinkyu h2 {
	padding-bottom:15px;
	margin-bottom:35px;
}
#kinkyu h3 {
	border-bottom:1px dotted #656565;
	padding-bottom:15px;
	margin-bottom:20px;
}
#kinkyu h4, #a-map h5 {
	margin-bottom:30px;
}


#kinkyu #sec_01 table{
	width:660px;}
#kinkyu #sec_01 table th{
	width:295px;
	padding:15px;
	background:#F7F7F7;
	border-bottom:1px solid #BCD8CC;
	border-top:1px solid #BCD8CC;
	}
#kinkyu #sec_01 table td{
	border-bottom:1px solid #BCD8CC;
	border-top:1px solid #BCD8CC;
	padding:15px;
	}

#kinkyu #sec_02 ol li{
	margin-bottom:10px;
	line-height:2.0;
	margin-left:2em;
	text-indent:-2em;
	}
#kinkyu #sec_03 p{
	line-height:2.0;}
#kinkyu #main .c-box {
	background-color:#F8F6F2;
	padding:15px;
}
#kinkyu #main .c-box h4 {
	font-size:134%;
	font-weight:bold;
	margin-bottom:15px;
}
#kinkyu #main .c-box p {
	font-size:109%;
}
#kinkyu #main .c-box a{
	color:#1D9345;
}

#kinkyu #sec_01,
#kinkyu #sec_02,
#kinkyu #sec_03{
	font-size:109%;}

/*----------------------------------------------------------------*/
#virtual h3 {margin: 0 0 20px;padding: 5px 0 5px 10px;font-size:134%;font-weight:bold;border-left: 8px solid #AAD8CE;}
#virtual h4 {margin: 20px 0 10px;font-size:150%;font-weight:bold;}
#virtual h5 {margin: 0 0 20px;padding: 5px 0 5px 10px;font-size:134%;font-weight:bold;border-bottom: 3px double #ccc;}
#virtual h5::first-letter {margin: 0 5px 0 0;color: #8491C8;font-size:150%;}
#virtual iframe {width: 100%;border: 0 none;display: block;}
#virtual .moviebox, #virtual .imagebox {display: -webkit-box;display: -moz-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
#virtual .moviebox li {width: 48%;margin: 0 0 10px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#virtual .moviebox li a {text-decoration: none;}
#virtual .moviebox li img {width: 100%;border: 1px solid #ccc;}
#virtual .imagebox li {width: 320px;margin: 0 0 20px;}
#virtual figure {margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#virtual figure img {width: 100%;}
#virtual #sec_04 iframe, #virtual #sec_05 iframe {width: 100%;border: 0 none;}
.accordion-title {position: relative;margin: 0 0 30px;padding: 0.625em 0.625em 0.625em 2em;background-color: #208058;font-size: 1.25em;font-weight: normal;color: #fff;cursor: pointer;}
.accordion-title:hover,.accordion-title:active,.accordion-title.open { background-color: #888;}
.accordion-title::before {content: "";position: absolute;top: 50%;right: 25px;width: 15px;height: 2px;transform: rotate(90deg);background: #fff;transition: all .3s ease-in-out;}
.accordion-title::after {content: "";position: absolute;top: 50%;right: 25px;width: 15px;height: 2px;background: #fff;transition: all .2s ease-in-out;}
.accordion-title.open::before {transform: rotate(180deg);}
.accordion-title.open::after {opacity: 0;}