@charset "utf-8";

/* SLIDE
----------------------------------------------- */
#mainvisual {
	width: 100%;
	clear: both;
	height: 480px;
	overflow: hidden;
	z-index: 1;
}
.tnRecr {
	width: 470px;
	height: 160px;
	float: left;
	margin-bottom: 20px;
}
.tnRecr a {
	width: 470px;
	height: 105px;
	padding-top: 55px;
	display: block;
	background: url(../img2016/top/tn_work.gif);
	text-align: center;
	color: #fff;
}
.tnRecr a h2,.tnComp a h2 {
	font-size: 28px;
	margin-bottom: 5px;
}
.tnRecr a p,.tnComp a p {
	font-size: 16px;
}
.tnComp {
	width: 470px;
	height: 160px;
	float: right;
	margin-bottom: 20px;
}
.tnComp a {
	width: 470px;
	height: 105px;
	padding-top: 55px;
	display: block;
	background: url(../img2016/top/tn_company.gif);
	text-align: center;
	color: #fff;
}
.tnRecr a:hover,.tnComp a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/* INFO
----------------------------------------------- */
.topSpe1 {
	width: 954px;
	clear: both;
	background: #85b800;
	border: 3px solid #85b800;
	margin-bottom: 20px;
}
.topSpe2 {
	width: 954px;
	clear: both;
	background: #168a40;
	border: 3px solid #168a40;
	margin-bottom: 20px;
}
.topTtlSpe {
	width: 270px;
	float: left;
	padding: 15px;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2;
}
.topSpe {
	width: 624px;
	padding: 15px;
	float: right;
	background: #fff;
	word-break: break-all;
	font-size: 116%;
}
.topSpeRed {
	background: #ec4c4c;
	border: 3px solid #ec4c4c;
}
.topSpeOra {
	background: #f19028;
	border: 3px solid #f19028;
}
.topSpePin {
	background: #f16aae;
	border: 3px solid #f16aae;
}

/* SEMINAR INFO
----------------------------------------------- */
.topPickSemi {
	width: 960px;
	clear: both;
	margin-bottom: 20px;
}
.topSemi {
	width: 630px;
	float: left;
}
.topttlSemi {
	font-size: 18px;
	line-height: 1;
	background: url(../img2016/top/icon_semi.png) left top no-repeat;
	padding: 10px 0 15px 50px;
	margin-bottom: 5px;
}
.topttlSemi a {
	display: inline;
	float: right;
	font-size: 13px;
	font-weight: normal;
	background: url(../img2016/common/arrow_g.gif) right center no-repeat;
	padding: 0 18px 0 0;
	margin-top: 5px;
}
.topttlSemi2 {
	font-size: 18px;
	line-height: 1;
	background: url(../img2016/top/icon_semi2.png) left top no-repeat;
	padding: 0 0 10px 50px;
	margin-bottom: 2px;
}
.topttlSemi2 a {
	display: inline;
	float: right;
	font-size: 13px;
	font-weight: normal;
	background: url(../img2016/common/arrow_g.gif) right center no-repeat;
	padding: 0 18px 0 0;
	margin-top: -5px;
}
.topSemi dl,.topSemi2 dl {
	background: #fff;
	height: 282px;
	overflow-y: auto;
	border-bottom: 2px solid #cfd7c4;
}
.topSemi dt {
	width: 8.5em;
	float: left;
	line-height: 1.3;
	padding: 15px 0 15px 15px;
}
.topSemi dd {
	padding: 15px 10px 15px 9.5em;
	line-height: 1.3;
	border-bottom: 1px solid #e5f0d8;
}
.topSemi2 {
	width: 310px;
	float: right;
}
.topSemi2 dt {
	width: 8.5em;
	line-height: 1.3;
	padding: 10px 0 5px 15px;
}
.topSemi2 dd {
	padding: 0 10px 10px 15px;
	line-height: 1.3;
	border-bottom: 1px solid #e5f0d8;
}

/* ADVICE
----------------------------------------------- */
.topAdvi {
	width: 100%;
	height: 320px;
	padding-top: 40px;
	background-image: url(../img2016/top/advice_bg.jpg);
	background-size: cover;
	clear: both;
}
.topAdviIn {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.topAdvi h2 {
	font-size: 18px;
	line-height: 1;
	background: url(../img2016/top/icon_advice.gif) left top no-repeat;
	padding: 10px 0 15px 50px;
	margin-bottom: 5px;
}
.topAdvi1,.topAdvi2,.topAdvi3,.topAdvi4 {
	width: 215px;
	padding: 5px;
	float: left;
	margin-right: 20px;
	background: #fff;
}
.topAdvi4 {
	margin-right: 0;
}
.topAdvi1 a,.topAdvi2 a,.topAdvi3 a,.topAdvi4 a {
	display: block;
	text-decoration: none;
}
.topAdvi1 a:hover,.topAdvi2 a:hover,.topAdvi3 a:hover,.topAdvi4 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
.topAdvi1 h3,.topAdvi2 h3,.topAdvi3 h3,.topAdvi4 h3 {
	width: 215px;
	height: 85px;
	text-align: center;
	padding-top: 65px;
	font-size: 20px;
	color: #fff;
}
.topAdvi1 h3 {
	background: url(../img2016/top/tn_advice1.jpg);
}
.topAdvi2 h3 {
	background: url(../img2016/top/tn_advice2.jpg);
}
.topAdvi3 h3 {
	background: url(../img2016/top/tn_advice3.jpg);
}
.topAdvi4 h3 {
	background: url(../img2016/top/tn_advice4.jpg);
}
.topAdvi1 p,.topAdvi2 p,.topAdvi3 p,.topAdvi4 p {
	padding: 10px 5px 5px;
}
.topAdvi1 a p,.topAdvi2 a p,.topAdvi3 a p,.topAdvi4 a p {
	color: #333;
}

/* BAN
----------------------------------------------- */
.topBan1 {
	width: 100%;
	clear: both;
	color: #fff;
	overflow: hidden;
	background-color: #22a0e1;
}
.topBan1In {
	width: 960px;
	margin: 0 auto;
	clear: both;
	color: #fff;
	overflow: hidden;
}
.topBan1L {
	/*width: 479px;*/
	float: left;
	/*padding: 40px 0;*/
	padding: 40px 0 130px;
	border-right:1px solid #d7f0fd;
}
.topBan1R {
	width: 480px;
	float: right;
	padding: 40px 0;
}
.topBan1L h2,.topBan1R h2 {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 20px;
}
.topBan1L ul {
	padding-bottom: 40px;
}
.topBan1L li {
	width: 225px;
	float: left;
	padding: 0 14px 20px 0;
}
.topBan1R li {
	width: 225px;
	float: left;
	padding: 0 0 20px 15px;
}
.topBan1R li.ban1Col {
	padding: 0 0 20px 128px;
}

.topBan2 {
	width: 100%;
	clear: both;
	background: #65C8FC;
}
.topBan2 ul {
	width: 960px;
	margin: 0 auto;
	clear: both;
	padding: 40px 0 20px;
}
.topBan2 li {
	width: 306px;
	float: left;
	padding: 0 21px 20px 0;
}
.topBan2 li {
	width: 306px;
	float: left;
	padding: 0 21px 20px 0;
}
.topBan2 li:nth-child(3n) {
	padding: 0 0 20px 0;
}
/* PARTNER
----------------------------------------------- */
.topPart {
	width: 100%;
	height: 350px;
	height: 300px;
	padding-top: 40px;
	background: #e4f5ff;
	clear: both;
}
.topPartIn {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.topPartIn h2 {
	font-size: 18px;
	line-height: 1;
	background: url(../img2016/top/icon_part.gif) left top no-repeat;
	padding: 10px 0 15px 50px;
	margin-bottom: 5px;
}
.topPartIn h2 a {
	display: inline-block;
	float: right;
	font-size: 13px;
	background: url(../img2016/common/arrow_w.png) 205px center no-repeat #219ee5;
	padding: 9px 0;
	width: 225px;
	margin-top: -5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.topPartIn h2 a:hover {
	text-decoration: none;
	background: url(../img2016/common/arrow_w.png) 205px center no-repeat #3eaceb;
}
.topPart1 {
	width: 215px;
	padding: 5px;
	float: left;
	margin-right: 20px;
	background: #fff;
}
.topPart1 div {
	width: 215px;
	height: 150px;
	overflow: hidden;
	text-align: center;
}
.topPart1:last-child {
	margin-right: 0;
}
.topPart1 a {
	display: block;
	text-decoration: none;
}
.topPart1 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.topPart1 h3 {
	padding: 10px 5px 5px;
	font-size: 14px;
}
.topPart1 p {
	padding: 0 5px 5px;
}
.topPart1 a p {
	color: #333;
}