@charset "utf-8";



/* =======================================



	INDEX

 -----------------------------------------



  *** これより上位階層は　structure.css

		

		1 .index-category

		

		index content area



========================================== */





/* dotted line list */

#container-index-content ul.ullist-style-dotted1 {	margin:-15px 0px 0px 0px; padding:0; line-height:1.2em; _line-height:1.1em;zoom:1; }

#container-index-content ul.ullist-style-dotted1 li {	

background:url(../img/img_categoryindex/line_dotted1.png) bottom repeat-x;

	padding:15px 0px;

	margin:0 0 10 0;

}



#container-index-content ul.ullist-style-dotted1 li.end { background:none;}

#container-index-content ul.ullist-style-dotted1 li strong { position:relative; float:left; width:90px;	font-weight: bold; } 

#container-index-content ul.ullist-style-dotted1 li div a,
#container-index-content ul.ullist-style-dotted1 li p a {
	background:none !important;
}
#container-index-content ul.ullist-style-dotted1 li p {
	line-height: 1.4em;
	_line-height: 1.3em;
	font-size: 92%;
}

#container-index-content ul.ullist-style-dotted1 li.icon-outside a  {

	background: url(../img/icon_link_outside1.png) 0 17% no-repeat;

	padding-left:20px;

	display:block;

	overflow:visible;

	zoom:1;

}
#container-index-content ul.ullist-style-dotted1 li.icon-toggle .trigger  {
	margin-bottom: 0.5em;
	background: url(../img/img_icon_plus1.png) 0 0 no-repeat;
	padding-left:20px;
	overflow:visible;
	zoom:1;
}
#container-index-content ul.ullist-style-dotted1 li.icon-toggle .trigger .active  {
	background: url(../img/img_icon_minus1.png) 0 0 no-repeat !important;
}
#container-index-content ul.ullist-style-dotted1 li.icon-toggle .toggle_area  {
/*	overflow:visible;
	zoom:1;*/
}

#container-index-content ul.ullist-style-dotted1:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;

}



/*  ul.index-category  image-tag area */

#container-index-content ul.index-category {  margin-bottom:20px; zoom:1; }

* html #container-index-content ul.index-category {  }

#container-index-content ul.index-category li { 	float:left; margin-right:10px; }

#container-index-content ul.index-category:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;

}







/* index-left area  --------------------------------------------------------------- */



#container-index-content #index-left {

	float: left;

	width:742px;  

	margin-left:10px; _margin-left:5px;

	padding: auto;

	border-right:solid 1px #e5e5e5;

}

#container-index-content #index-left:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;

}



/* news ttl*/

#container-index-content #index-left h2 {

	background:url(../img/img_index/img_ttl_news_bg.png) repeat-x;

	height:33px; 	width:705px;

	padding:10px 10px 0px 10px;

	line-height:1em;

	margin: auto 0px 0px 0px;

}



/* news list */

#container-index-content #index-left ul#index-news  {

	position:relative;

	margin-top: -0.5em;

	width:725px;

	padding-bottom:0.5em;

	zoom:1;

}

#container-index-content #index-left ul#index-news li {

	position:relative;

	background:url(../img/img_categoryindex/line_dotted1.png) repeat-x;

	background-position:left bottom;

	padding-top:1.0em;

	padding-bottom:0.8em;

	line-height:1.5em;

	zoom:1;

}

#container-index-content #index-left ul#index-news li.none { 	background:none!important;	}



#container-index-content #index-left ul#index-news li strong {		position:relative;	width:100px; float:left; vertical-align:top;	font-weight:bold; }

#container-index-content #index-left ul#index-news li a {

position:relative;

float:left;

top:inherit;

width:600px;

line-height: inherit;

zoom:1;

}



#container-index-content #index-left ul#index-news li:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}



/* left content area */

#container-index-content .index-content { width:725px; border:solid 1px #e8e8e8;  margin: 20px 0 0px 0; padding-bottom:20px;}

#container-index-content .index-content h2 { 	background:url(../img/img_index/img_ttl_news_bg.png) repeat-x;

	height:33px; 	padding:10px 10px 0px 10px!important;	margin: 0px!important;}

#container-index-content .index-content ul { position:relative; padding:10px 0px 0px 20px; clear:both;  zoom:1; }

#container-index-content .index-content ul li { float:left; margin-bottom:0; padding-bottom:0; zoom:1; }

#container-index-content .index-content ul li a,

#container-index-content .index-content ul li a img { margin-bottom:0; padding-bottom:0; zoom:1;}


#container-index-content #index-left h2 span {	margin-left:580px;}



/* index-right area  --------------------------------------------------------------- */

#container-index-content #index-right {

	float:right;

	width:210px;

	padding: auto;

}

#container-index-content #index-right:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;

}



div#school_search {

	position:relative;

	background:url(../img/img_index/img_oci_index_sea.png) no-repeat;

	width:200px;

	height:150px;

}

div#school_search div.form_area {

	position:relative;

	top:105px;

	left:15px;

	}

div#school_search div.form_area input.school_search_btn{ vertical-align:top; margin-left:5px; }





/* slider area  --------------------------------------------------------------- */

div.bx-wrapper{

	position:relative;

	width: 980px;

	margin:0;

	padding:0;

/*	z-index:1;	*/

}




.slider_container { display:block; width: 980px;	height:422px; background: transparent url(../img/img_index/oci_index_slider_bg.png) left top no-repeat; overflow:hidden; zoom:1;}

/* 2018/8/6 期間限定表示
.slider_container { display:block; width: 980px;	height:422px; background: transparent left top no-repeat; overflow:hidden; zoom:1;}*/

.slider_container ul#slider1  		{ position:relative; top:0; left:0; width: 980px;	height:422px; zoom:1;}

.slider_container ul#slider1 li { position:absolute; top:0; left:0; width: 980px;	height:422px; zoom:1;}

.slider_container ul#slider1 li.noscript { z-index:10;  zoom:1;}

/*
@media only screen and (min-width: 986px) {
.cover {
	width: 100%;
	height: 650px;
	background-color: transparent;
	background-image: url(../img/img_index/img_bg_video.png);
	background-repeat: repeat;
	background-size: auto auto;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.3;
	z-index: 1;
	overflow: hidden !important;
}
video.pc {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: 650px;
	margin: 0 auto 0 auto;
	position: relative;
	left: 0;
	top: 0;
	z-index: 0;
}
video.mobile {
	display: none !important;
}
#bgvid {
	display: none !important;
}
#container-mainimage p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.8em;
	line-height: 1.3em;
	color: #ffffff;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: -32%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 12em;
	height: 2.6em;
	padding: 0.8em;
	margin: auto;
	z-index: 2;
}
a.youtube img,
a.iframe img {
	position: absolute;
	top: -48%;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 120px;
	width: 9%;
	height: auto;
	margin: auto;
	z-index: 2;
}
a.scrolldown img {
	display: block;
	position: absolute;
	top: -4.2%;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 84px;
	width: 7%;
	height: auto;
	background: rgba(0,0,0,0.1);
	margin: auto;
	z-index: 2;
}
}
@media only screen and (max-width: 985px) {
video.pc {
	display: none !important;
}
video.mobile {
	min-width: 100%;
	min-height: 100%;
	max-width: auto;
	height: 600px;
	margin: 0 auto 0 auto;
	position: relative;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0.7;
	background-color: #1188ff;
}
#bgvid img {
	width: auto;
	height: 600px;
	margin: 0 auto 0 auto;
	position: relative;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0.7;
	background-color: #1188ff;
 }
#container-mainimage p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2em;
	line-height: 1.35em;
	color: #ffffff;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: -33.5%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 12em;
	height: 2.6em;
	padding: 0.6em 0.8em 0.8em 0.8em;
	margin: auto;
	z-index: 2;
}
a.youtube img,
a.iframe img {
	position: absolute;
	top: -52%;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100% !important;
	width: 130px;
	height: auto;
	margin: auto;
	z-index: 2;
}
a.scrolldown img {
	display: none !important;
}
}
*/