@charset "utf-8";

/*	[contents]
----------------------------------------------------------- */
div#contents_inner01 {
	background: url(../../images/index/bg_tl_index.jpg) center 0 no-repeat;
}

div#contents_inner02 {
	padding-top: 17px;
}


/*----- topic_path -----*/

div#contents ul#topic_path {
	display: none;
}


/*----- visual -----*/

div#visual {
	margin: 0 0 33px 0;
}

div#visual div {
	margin: 11px 0 0 -30px;
	overflow: hidden;
	zoom: 1;
}

div#visual div img {
	float: left;
	_margin-left: -3px;
}

div#visual div p {
	margin: 14px 0 0 228px;
}

div#visual div p.firstchild {
	margin-top: 70px;
}

div#visual div p img {
	float: none;
}



/*	[main]
----------------------------------------------------------- */
div#main {
	background: none;
}


/*----- tab_box -----*/

div#main div#tab_box a:hover {
	text-decoration: none;
}

div#main div#tab_box ul#tab_area {
	position: relative;
	z-index: 10;
	overflow: hidden;
	zoom: 1;
}

div#main div#tab_box ul#tab_area li {
	float: left;
	margin: 0 5px 0 0;
}

div#main div#tab_box ul#tab_area li#tab3 {
	margin: 0;
}

div#main div#tab_box ul#tab_area li a {
	display: block;
	height: 36px;
}

div#main div#tab_box ul#tab_area li#tab1 a {
	width: 217px;
	background: url(../../images/index/btn_index01.gif) 0 0 no-repeat;
}

div#main div#tab_box ul#tab_area li#tab2 a {
	width: 214px;
	background: url(../../images/index/btn_index02.gif) 0 0 no-repeat;
}

div#main div#tab_box ul#tab_area li#tab3 a {
	width: 216px;
	background: url(../../images/index/btn_index03.gif) 0 0 no-repeat;
}

div#main div#tab_box ul#tab_area li#tab1,
div#main div#tab_box ul#tab_area li#tab1.ui-tabs-selected a,
div#main div#tab_box ul#tab_area li#tab1 a:hover {
	background: url(../../images/index/btn_index01_on.gif) 0 0 no-repeat;
}

div#main div#tab_box ul#tab_area li#tab2,
div#main div#tab_box ul#tab_area li#tab2.ui-tabs-selected a,
div#main div#tab_box ul#tab_area li#tab2 a a:hover {
	background: url(../../images/index/btn_index02_on.gif) 0 0 no-repeat;
}

div#main div#tab_box ul#tab_area li#tab3,
div#main div#tab_box ul#tab_area li#tab3.ui-tabs-selected a,
div#main div#tab_box ul#tab_area li#tab3 a a:hover {
	background: url(../../images/index/btn_index03_on.gif) 0 0 no-repeat;
}

div#main div#tab_box ul#tab_area li a img {
	display: none;
}

div#main div#tab_box .ui-tabs-hide {
	display: none;
}

div#main div#tab_box div#tab_news,
div#main div#tab_box div#tab_seminar,
div#main div#tab_box div#tab_useful {
	position: relative;
	z-index: 5;
	margin: -2px 0 0 0;
	padding: 7px 15px 15px 15px;
	border: 1px solid #dddddd;
	border-top: 2px solid #0579c6;
}

div#main div#tab_box div#tab_news ul,
div#main div#tab_box div#tab_seminar ul,
div#main div#tab_box div#tab_useful ul {
	zoom: 1;
}

div#main div#tab_box div#tab_news ul li,
div#main div#tab_box div#tab_seminar ul li,
div#main div#tab_box div#tab_useful ul li {
	font-weight: bold;
	padding: 10px 2px;
	background: url(../../images/common/i_line01.gif) 0 bottom repeat-x;
}

div#main div#tab_box div#tab_news ul li img,
div#main div#tab_box div#tab_seminar ul li img,
div#main div#tab_box div#tab_useful ul li img {
	vertical-align: text-top;
}

div#main div#tab_box div#tab_news ul li span,
div#main div#tab_box div#tab_seminar ul li span {
	display: block;
	margin: 0 0 5px 0;
	color: #333333;
}

div#main div#tab_box div#tab_useful ul li a {
	display: block;
	padding: 0 0 0 13px;
	background: url(../../images/common/i_arrow02.gif) 1px 5px no-repeat;
}

div#main div#tab_box div#tab_news p,
div#main div#tab_box div#tab_seminar p,
div#main div#tab_box div#tab_useful p {
	margin: 10px 5px 0 20px;
	text-align: right;
}

div#main div#tab_box div#tab_news p a,
div#main div#tab_box div#tab_seminar p a,
div#main div#tab_box div#tab_useful p a {
	padding: 0 0 0 28px;
	background: url(../../images/common/i_arrow01.gif) 0 0 no-repeat;
}

.top_banner {
	width:657px;
}
.top_banner li {
	display:block;
	float:left;
	margin:0 6px 10px 0;
	width:206px;
	min-height:73px;
}

/*----- FaceBook -----*/

div#main .fb-like {
	clear:both;
	float:right;
	margin-right:21px;
}


/*--CLEAR--*/
.top_banner:after{content:"";display:table;clear:both;zoom:1;}





/*	[side]
----------------------------------------------------------- */
div#side {
	position: static;
	width: 245px;
	border: 0;
}


/*----- side_box01 -----*/

div#side div#side_box01 {
	margin: 0 0 20px 0;
}

div#side div#side_box01 div {
	margin: 10px 0 0 0;
	padding: 8px 0 0 0;
	border: 1px solid #dddddd;
	overflow: hidden;
	zoom: 1;
}

div#side div#side_box01 div h3 {
	margin: 0 7px;
	padding: 0 0 0 27px;
	background: url(../../images/common/i_arrow01.gif) 0 2px no-repeat;
	font-weight: bold;
}

div#side div#side_box01 div h3 a {
	color: #333333;
}

div#side div#side_box01 div h3 a:hover {
	color: #1c9de7;
}

div#side div#side_box01 div p {
	float: right;
	width: 125px;
	_width: 140px;
	margin: 13px 1px 1px 1px;
	padding: 5px;
	background: #0170b6;
	color: #ffffff;
	line-height: 1.5;
}

div#side div#side_box01 div#side01_onestop {
	background: url(../../images/index/bg_index_side01.jpg) 0 bottom no-repeat;
}

div#side div#side_box01 div#side01_onestop p {
	letter-spacing: -1px;
}

div#side div#side_box01 div#side01_examination {
	background: url(../../images/index/bg_index_side02.jpg) 0 bottom no-repeat;
}

div#side div#side_box01 div#side01_examination p {
	padding-bottom: 25px;
}


div#side div#side_box01 div#side01_word {
	background: url(../../images/index/bg_index_side03.jpg) 0 bottom no-repeat;
}


/*----- side_box02 -----*/

div#side div#side_box02 {
	margin: 0 0 20px 0;
	border: 1px solid #dddddd;
	border-top: 0;
}

div#side div#side_box02 ul {
	margin: -1px 14px 0 14px;
}

div#side div#side_box02 ul li {
	padding: 20px 0;
	background: url(../../images/common/i_line01.gif) 0 0 repeat-x;
	overflow: hidden;
	zoom: 1;
}

div#side div#side_box02 ul li img {
	float: left;
	margin: 0 12px 0 0;
}

div#side div#side_box02 ul li p {
	line-height: 1.5;
	overflow: hidden;
	zoom: 1;
}


/*----- side_box04 -----*/

div#side div#side_box04 {
	margin: 0 0 20px 0;
	border: 1px solid #dddddd;
	border-top: 0;
}

div#side div#side_box04 ul {
	margin: -1px 14px 0 14px;
}

div#side div#side_box04 ul li {
	padding: 20px 0;
	background: url(../../images/common/i_line01.gif) 0 0 repeat-x;
	overflow: hidden;
	zoom: 1;
}

div#side div#side_box04 ul li img {
	float: left;
	margin: 0 12px 0 0;
}

div#side div#side_box04 ul li p {
	line-height: 1.5;
	overflow: hidden;
	zoom: 1;
}


/*----- side_box03 -----*/

div#side div#side_box03 ul li {
	margin: 0 0 10px 0;
}






/*--------------------------------------------------------------
 responsive  min-width:768px
--------------------------------------------------------------*/
@media(min-width:768px) {
	div#side_spmenu {display:none;}
	div#side div.side_spbox h3 span {display:none;}
	div#side .side_sub span {color:#ff3300;margin-left:1em;}
	div#side .side_sub a {margin-left:1em;}
	div.banner {display:none;}

	div#side div#side_box01 div p.catch {
		width:auto;
		background:none;
		float:left;
		margin:0;
		padding:0;
	}

	.spv {display:none;}

}/* end */


/*--------------------------------------------------------------
 responsive  max-width:768px
--------------------------------------------------------------*/
@media(max-width:768px) {

	.pcv {display:none;}

	div#contents_inner01 {background:none;}
	div#visual {}
	div#visual img {width:100%;height:auto;vertical-align:top;}
	div#visual div {display:none;}

	div#main {
		width:98%;
		margin:0 auto;
	}
	div#main div#tab_box ul#tab_area li#tab1 a,
	div#main div#tab_box ul#tab_area li#tab3 a {
		width:150px;
		height:25px;
		background-size:150px 25px;
	}
	div#main div#tab_box ul#tab_area li#tab1,
	div#main div#tab_box ul#tab_area li#tab1.ui-tabs-selected a,
	div#main div#tab_box ul#tab_area li#tab1 a:hover,
	div#main div#tab_box ul#tab_area li#tab3,
	div#main div#tab_box ul#tab_area li#tab3.ui-tabs-selected a,
	div#main div#tab_box ul#tab_area li#tab3 a a:hover {
		width:150px;
		height:25px;
		background-size:150px 25px;
	}

	.top_banner {display:none;}

	/* slick */
	div.banner {width:auto;margin:0 auto 30px;padding:0 5px;}
	div.banner .inner {width:88%;margin:0 auto;}
	div.banner img {max-width:98%;height:auto;margin:0 1px;}



	/* SIDE */
	div#side {
		width:100%;
/*		background:#eee;*/
	}

	div.side_menu {display:none;}

	div#side_spmenu {
		width:93%;
		margin:0 auto 30px;
		border:1px solid #ccc;
	}

	div#side_spmenu ul {
		width:100%;
	}
	div#side_spmenu ul li {
		display:block;
		border-top:1px solid #ccc;
		background:#fff;
		font-size:13px;
		font-weight:bold;

		background: -ms-linear-gradient(top, #38a8ef, #0372b9);
		background: -moz-linear-gradient(top, #38a8ef, #0372b9);
		background: -webkit-linear-gradient(top, #38a8ef, #0372b9);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#38a8ef', endColorstr='#0372b9', GradientType=0)";
	}
	div#side_spmenu ul li img {float:left;margin-right:10px;}
	div#side_spmenu ul li:first-child {border:none;}
	div#side_spmenu ul li a {
		display:block;
		width:100%;
		height:65px;
		line-height:65px;
		background:url(../../images/common/z_arrow1.png) 98% center no-repeat;
		color:#fff;
	}
	div#side_spmenu ul li a span{width:90%;display:block;}



	div#side div.side_spbox {width:100%;}

	div#side div.side_spbox h3 {
		font-size:14px;
		margin:0 0 0px 0;
		padding:3px 5px;
		font-weight:bold;
		color:#fff;
		background:#8e8e8e;
	}
	div#side div.side_spbox h3 img {display:none;}

	div#side div#side_box02,
	div#side div#side_box04 {
		margin: 0 0 0px 0;
		border-top: 1px solid #ddd;
		border-bottom: none;
		padding-bottom:10px;
	}
	div#side div#side_box04 {margin-bottom:10px;}

	div#side div#side_box02 ul li,
	div#side div#side_box04 ul li {background:none;padding:15px 0;font-size:13px;}
	div#side div.side_spbox a {color:#333;}


	div#side div#side_box01 div {
		margin:6px 0 0 0;
		padding: 8px 0;
		position:relative;
		font-size:13px;
	}
	div#side div#side_box01 div p {
		display:block;
		width:200px;
		margin:0px 0 0 110px;
		padding:0;
		font-size:11px;
		float:none;
	}
	div#side div#side_box01 div a {
		margin:0 0 10px 110px;
		font-weight:bold;
		color:#fff;
		display:block;
		width:200px;
	}
	div#side div#side_box01 div p span {
		margin:0 0 5px 0;
		color:#fbe810;
		display:block;
		width:200px;
	}

	div#side div#side_box01 div#side01_onestop {
		background:#0170b6 url(../../images/index/bg_index_side01_sp.jpg) 0 bottom no-repeat;
	}
	div#side div#side_box01 div#side01_examination {
		background:#0170b6 url(../../images/index/bg_index_side02_sp.jpg) 0 bottom no-repeat;
	}
	div#side div#side_box01 div#side01_word {
		background:#0170b6 url(../../images/index/bg_index_side03_sp.jpg) 0 bottom no-repeat;
	}

	div#side div#side_box03 {
		width:41%;
		float:left;
		margin:0 10px 0 15px;
	}
	div#side  table{
		width:40%;
		float:left;
	}

	/*--CLEAR--*/
	div#side_spmenu ul li:after,
	div#side .side_sub:after,
	div#side div#side_box03:after{content:"";display:table;clear:both;zoom:1;}



}/* end */