@charset "utf-8";



/* --------------------------------------------------



   index



---------------------------------------------------- */



#index-content { padding: 20px 25px 20px 25px; width:730px; }



div#index h1 { 
	background:none; 
	/*padding:5px 0 0 0px!important; */
}

#index .index_applyarea { margin:10px 0px 5px 0px; 	position:relative; width:725px; height:auto; }

#index .index_applyarea ul { 
	margin:0px 0px 5px 0px; 	
	position:relative; 
	height:180px; /*88px;*/ 
	zoom:1; 
}

#index .index_applyarea ul li.apply1 {

	position:relative; 

	width:360px; _height:90px;

	list-style:none;

	margin:0px 10px 0px 0px; padding:0;

	text-align:center;

	zoom:1;

}

#index .index_applyarea ul li.apply1 p{

	font-size: 14px;
    position: absolute;
    top: 10px;
    left: 130px;/*137px;*/
    zoom: 1;
	border-bottom: 2px solid #2d73c6;
	letter-spacing: 3px;/*5px;*/
	text-align: left;
}

#index .index_applyarea ul li.apply1 div{

	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
    position: absolute;
    top: 45px;
    left: 15px;/*20px;*/
    zoom: 1;
	text-align: left;
}

#index .index_applyarea ul li.apply2 {

	position:absolute;

	top:0px;

	left:365px;

	width:360px; _height:90px;

	list-style:none;

	margin:0px; padding:0;

	text-align:center;

	zoom:1;

}


#index .index_applyarea ul li.apply2 p{

	font-size: 14px;
    position: absolute;
    top: 10px;
    left: 130px;/*137px;*/
    zoom: 1;
	border-bottom: 2px solid #2d73c6;
	letter-spacing: 3px;/*5px;*/
	text-align: left;
}

#index .index_applyarea ul li.apply2 div{

	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
    position: absolute;
    top: 45px;
    left: 15px;/*20px;*/
    zoom: 1;
	text-align: left;
}

#index .index_applyarea ul:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

/*▼試験一覧科目囲み*/
#index .index_applyarea ul li span{
	background:rgba(255,255,255,0.7); 
	display:block; 
	float:left; 
	border-radius: 10px; 
	padding:2px 5px 0 5px; 
	margin:2px;
}
/*▲試験一覧科目囲み*/


#index .index_applyarea ul li h2 { background:none!important;  margin-bottom:10px;  }

#index .index_applyarea ul li dl { width:330px; display:block; float:left; }

#index .index_applyarea ul li dl dt { margin:0px 0 15px 30px; }

#index .index_applyarea ul li dl dd { text-align:center; }

#index  div.twtr-hd h3{ width:140px!important; line-height:1.4em!important;}





/* index お知らせ他、インフォメーションエリア  */



#index .index_infoerea {  position: relative; width:100%; margin:90px auto 0px auto; clear:both; zoom:1;}

#index .index_infoerea .index_info1 {position: relative;  float:right; width:500px; margin:0px 4px 0px 0px; zoom:1; }

#index .index_infoerea .index_info1 .index_info1_1 { margin-bottom:20px; zoom:1; }

#index .index_infoerea .index_info1 h2 { background:none!important; margin:0 0 10px 0; zoom:1; }



#index .index_infoerea .index_info1 .index_info3 { position:relative; width:480px; zoom:1; }

/*#index .index_infoerea .index_info1 .index_info3 img { margin:4px 35px 4px 0px;}*/

#index .index_infoerea .index_info1 .index_info3 img.none { margin-right:0px; }

#index .index_infoerea .index_info1 .index_info3 img.img_r { margin-right:236px;}



#index .index_infoerea .index_info2 {position: relative;  float:left; width:200px; margin:0px 0px 0px 0px; zoom:1;}

#index .index_infoerea .index_info2 ul { margin:0 0 20px 0; padding:0;}

#index .index_infoerea .index_info2 ul li { margin:0 0 10px 0; padding:0;}



#index .index_infoerea:after{/*for modern browser*/

    content:".";    display: block;    height:0px;    clear:both;    line-height:0;     visibility:hidden;}







div.banner1 {  position:relative; text-align:center; margin-bottom:inherit; min-height:102px; _height:102px; }

div.banner1 img { margin-right:10px;}

div.banner1 img.none { margin-right:0px;}



/* index 201103 */

div#index_navilft { font-size:92.4%; position:relative; zoom:1; display:block;margin:auto; float:left; width:130px; height:100%; padding: 0px 5px 5px 0px; margin: 0px; }

div#index_navilft div.naviareaindex { position:relative; zoom:1; height:100%;display:block;margin:auto;  }

div#index_main { font-size:92.4%;  float:right; width:580px; background:url(../img/img_share/otc_line_dot.png) repeat-y; background-position:left; padding-left:15px;}

#index_main h1,#index_main h2 {	display:block;	height: 22px;	background-position: 0px 0px;	background-image: none;	margin: 0px! important;	padding: 0px! important;	border: none! important;	color: #666666;	font-weight: normal;}

#index_main h3  {	display:block;	height: 22px;	background-position: 0px 0px;	background-image: none;	margin: 0px! important;	padding: 0px! important;	border: none! important;	font-weight: normal;	color: #666666;}

.index-ttl-bg {

	background-image: url(../img/img_share/index_ttl_bg.gif)! important;

	background-repeat: repeat-x! important;

	height: 22px;

	margin: 0px;

	padding: 0px;

}

#index_main strong {font-weight:bold; }



div.index1-bg {

	background-image: url(../img/img_share/photo_oci_yuurakucyou.jpg);

	background-position: right 30px;

	background-repeat: no-repeat;

	margin-bottom:30px;

	

}

/*  btn 空席情報　*/

.btn-goto-seat {	width: 160px;	height: 27px;	display: block ! important; overflow:hidden; }

.btn-goto-seat a:link,.btn-goto-seat a:visited {	background-image: url(../img/img_index/btn_seat.gif);	background-repeat: no-repeat;	text-indent: -99999px;	height: 27px;	width: 160px;	display: block ! important;}

.btn-goto-seat a:hover {	background-color: #EAF1F4 ! important;	display: block;	background-image: url(../img/img_index/btn_seat_on.gif) ! important;	background-repeat: repeat-x;}

.btn-goto-seat a:active {	background-color: #FFFFCC ! important;	color: #006FDD ! important;	display: block;}



/* index 20190422 licenses list */
ul.licenses{display:flex; flex-wrap:wrap; justify-content:flex-start;}
ul.licenses li{width:calc(100% / 3); margin:0 0 15px;}
ul.licenses li a{display:block; text-align:center;}

/*------------------------------------------------------------------
 index navigation_area navi_index_notice
---------------------------------------------------------------------- */

#navi_index_notice{
	padding:0px;
	margin:0px 0px 15px 0px;
	border: 2px solid #00a1e9;
	overflow:hidden;
	zoom: 1;
}

#navi_index_notice h3{
	margin:0;
}

.notice_ttl{
	padding:3px;
	background:#00a1e9; 
	color:#FFF;
	font-weight:bold;
	line-height: normal;
}

#navi_index_notice ul{
	padding:0 5px 18px 10px; 
	margin-bottom:-10px !important;
	zoom: 1;
	list-style:none;
}

#navi_index_notice ul li {
	margin:0.8em 6px 0;
	padding:15px !important;
	margin-bottom:0
}
/* ----------------------------------------- */