/* ============================================================
style info：印刷用
============================================================ */

/* ============================================================
style info：レスポンシブレイアウト用 => 各コンテンツ毎のスタイル
============================================================ */
/* =============================================
トップページ
============================================= */
#home .info-press{
	margin-top:15px;
}
#home .lead a{
	font-size:108%;
}
/* SP表示 */
/* ============================================================
style info：レスポンシブレイアウト用 => モジュール

- [001] pc
- [002] sp
- [003] link
- [004] slider
- [005] alert
- [006] info
- [007] banner
- [008] show
- [009] multiMenu
============================================================ */

/* -------------------------------------------------------------
[001] pc
------------------------------------------------------------- */
/* SP表示 */

/* -------------------------------------------------------------
[002] sp
------------------------------------------------------------- */
.sp {
	display: none;
}
/* PC表示 */

/* -------------------------------------------------------------
[003] link
------------------------------------------------------------- */
a .link,
.link{
	color:#00e;
	/*text-decoration:underline;*/
	text-decoration: none;
}
a:hover .link,
.link:hover{
	color:#00e;
	text-decoration:underline;
}
a:visited .link,
.link:visited{
	color:#551a8b;
}
/* PC表示 */
@media print, screen and (min-width: 768px) {
	a .link-pc,
	.link-pc{
		color:#00e;
		text-decoration:underline;
	}
	a:hover .link-pc,
	.link-pc:hover{
		color:#00e;
		text-decoration:underline;
	}
	a:visited .link-pc,
	.link-pc:visited{
		color:#551a8b;
	}
}
/* SP表示 */

/* -------------------------------------------------------------
[004] slider
------------------------------------------------------------- */
.slider{
	overflow:hidden;
	position:relative;
	width:100%;
	margin:10px 0;
}
.slider li{
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
}
.slider li:first-child{
	display:block;
}
.slider a{
	display:block;
	width:100%;
}
.slider img{
	width:100%;
	height:auto;
}

/* -------------------------------------------------------------
[005] alert
------------------------------------------------------------- */
.alert{
	overflow:hidden;
	margin-top:10px;
	padding:5px 10px;
	border: 1px solid #d95959;
	line-height:1.2;
}
.alert-bg{
	background-color: #ffebf0;
}
.alert dt{
	float:left;
	width:22%;
	color:#f00;
	font-size:117%;
	font-weight:bold;
}
.alert dd{
	float:right;
	width:78%;
}
/* SP表示 */

/* -------------------------------------------------------------
[006] info
------------------------------------------------------------- */
.info{
	position:relative;
	margin-top:15px;
}
.info_ttl{
	padding-bottom: 7px;
	border-bottom: solid 1px #56a300;
}
.info-sub img{
	max-width: 100%;
}
@media print, screen and (min-width: 768px) {
	.info_link span{
		display:inline-block;
		position:absolute;
		top:5px;
		right:0;
		padding-left: 15px;
		background: url(../images/icon_arrow09.png) no-repeat left center;
		background-size: 6px 7px;
		text-decoration: none;
		box-sizing:border-box;
		color: #0000f2;
	}
	
	.info_ttl span{
		border-left: 5px solid #56a300;
		font-size: 145%;
		padding-left: 10px;
	}
}
.info_list{
	padding: 5px 10px 0;
	line-height:1.4;
}
.info_list a{
	display:block;
	padding: 8px 0 8px 10px;
}
.info_list span{
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}
.info_list span:first-child{
	width:120px;
}
@media print, screen and (min-width: 767px) {
	.info_list span + span{
		width: 550px;
		display: inline-block;
		padding-left: 15px;
		background: url(../images/icon_arrow09.png) no-repeat center left;
		background-size: 6px 7px;
	}
}
.info_pdf{
	text-indent:18px;
	background:url(../images/icon_pdf.gif) left top no-repeat;
}
.info-press .info_ttl{
	
}
.info-topics .info_ttl{
}
.info-attention .info_ttl{
	background:url(../images/ttl_attention.gif) left top no-repeat;
}
/* SP表示 */

/* -------------------------------------------------------------
[007] banner
------------------------------------------------------------- */
.banner{
	overflow:hidden;
	margin:0 auto;
}
.banner li{
	width:220px;
	margin:0 0 10px;
	box-sizing:border-box;
	font-size:83%;
}
.banner a:first-child{
	display:block;
	/*width:220px;
	height:62px;
	text-indent:-9999px;*/
}
.banner_01 a:first-child{
	background:url(../images/bnr_01.jpg) 0 0 no-repeat;
}
.banner_02 a:first-child{
	background:url(../images/bnr_02.jpg) 0 0 no-repeat;
}
.banner_03 a:first-child{
	background:url(../images/bnr_03.jpg) 0 0 no-repeat;
}
.banner_04 a:first-child{
	background:url(../images/bnr_04.jpg) 0 0 no-repeat;
}
.banner_05 a:first-child{
	background:url(../images/bnr_05.gif) 0 0 no-repeat;
}
.banner_06 a:first-child{
	background:url(../images/bnr_06.gif) 0 0 no-repeat;
}
.banner_07 a:first-child{
	background:url(../images/bnr_07.jpg) 0 0 no-repeat;
}
.banner_08 a:first-child{
	background:url(../images/bnr_08.jpg) 0 0 no-repeat;
}
.banner_09 a:first-child{
	background:url(../images/bnr_09.jpg) 0 0 no-repeat;
}
.banner_10 a:first-child{
	background:url(../images/bnr_10.jpg) 0 0 no-repeat;
}
.banner_11 a:first-child{
	background:url(../images/bnr_11.jpg) 0 0 no-repeat;
}
.banner_12 a:first-child{
	background:url(../images/bnr_12.jpg) 0 0 no-repeat;
}
.banner_13 a:first-child{
	background:url(../images/bnr_13.jpg) 0 0 no-repeat;
}
.banner_14 a:first-child{
	background:url(../images/bnr_14.jpg) 0 0 no-repeat;
}
.banner_15 a:first-child{
	background:url(../images/bnr_15.gif) 0 0 no-repeat;
}
.banner li:last-child{
	margin-bottom: 0;
}
/* SP表示 */

/* -------------------------------------------------------------
[008] show
------------------------------------------------------------- */
.show{
	display:block !important;
}

/* -------------------------------------------------------------
[009] multiMenu
------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
	#multiMenu{
		width:100%;
		overflow: hidden;
		margin-bottom: 25px;
		margin-top: 15px;
	}
	#multiMenu li .consumerLink,
	#multiMenu li .educationLink,
	#multiMenu li .companyLink,
	#multiMenu li .counselorLink{
		position: absolute;	
	}
	#multiBox1 .consumerLink{
		top: 0;
		left: 0;
	}
	#multiBox1 .contArea,
	#multiBox2 .contArea,
	#multiBox3 .contArea,
	#multiBox4 .contArea{
		display: none;
	}
	#multiBox2 .educationLink{
		top: 0 ;
		left: 243px;
	}
	#multiBox3 .companyLink{
		top: 0;
		left: 486px;
	}
	#multiBox4 .counselorLink{
		top: 0;
		left: 730px;
	}
	#multiMenu li .consumerLink,
	#multiMenu li .educationLink,
	#multiMenu li .companyLink,
	#multiMenu li .counselorLink{
		display:block;
		width:90px;
		height:94px;
		/*text-indent: -9999px;*/
	}
	#multiMenu li.active .consumerLink,
	#multiMenu li.active .educationLink,
	#multiMenu li.active .companyLink,
	#multiMenu li.active .counselorLink{
		height: 99px;
	}
	#multiMenu .active .contArea{
		display: block;
	}
	.contArea{
		margin-top: 105px;
	}
	
	#multiMenu li:first-child.active .contArea{
		background: #ffeef4;
	}
	#multiMenu li:nth-child(2).active .contArea{
		background: #e3f3ff;
	}
	#multiMenu li:nth-child(3).active .contArea{
		background: #e3f2cc;
	}
	#multiMenu li:last-child.active .contArea{
		background: #ffe8d8;
	}
	
	#multiMenu li:first-child.active .consumerLink,
	#multiMenu li:first-child .consumerLink:hover{
		background-color: #ffeef4;
		background-image:url(../../../images/bg_multiMenu_consumer.png),url(../../../images/ttl_consumer_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px 6px, 90px top;
	}
	#multiMenu li:nth-child(2).active .educationLink,
	#multiMenu li:nth-child(2) .educationLink:hover{
		background-color: #e3f3ff;
		background-image:url(../../../images/bg_multiMenu_education.png),url(../../../images/ttl_education_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px 5px, 90px top;
	}
	#multiMenu li:nth-child(3).active .companyLink,
	#multiMenu li:nth-child(3) .companyLink:hover{
		background-color: #e3f2cc;
		background-image:url(../../../images/bg_multiMenu_company.png),url(../../../images/ttl_company_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px 4px, 100px top;
	}
	#multiMenu li:last-child.active .counselorLink,
	#multiMenu li:last-child .counselorLink:hover{
		background-color: #ffe8d8;
		background-image:url(../../../images/bg_multiMenu_counselor.png),url(../../../images/ttl_counselor_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px 4px, 100px top;
	}
	#multiMenu li:first-child .consumerLink{
		border-top: solid 6px #fa81ac;
		background-color: #f4f4f4;
		background-image:url(../../../images/bg_multiMenu_consumer.png),url(../../../images/ttl_consumer_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px bottom, 90px top;
	}
	#multiMenu li:nth-child(2) .educationLink{
		border-top: solid 6px #4ca4e2;
		background-color: #f4f4f4;
		background-image:url(../../../images/bg_multiMenu_education.png),url(../../../images/ttl_education_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px bottom, 90px top;
	}
	#multiMenu li:nth-child(3) .companyLink{
		border-top: solid 6px #7ebc20;
		background-color: #f4f4f4;
		background-image:url(../../../images/bg_multiMenu_company.png),url(../../../images/ttl_company_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px bottom, 100px top;
	}
	#multiMenu li:last-child .counselorLink{
		border-top: solid 6px #ed863b;
		background-color: #f4f4f4;
		background-image:url(../../../images/bg_multiMenu_counselor.png),url(../../../images/ttl_counselor_pc.png);
		background-repeat: no-repeat, no-repeat;
		background-position: 20px bottom, 100px top;
		
	}
	
	/* 内部 */
	.contArea{
		padding: 20px;
	}
	.flex{
		display: flex;
	}
	.flex + .flex{
		margin-top: 10px;
	}
	.multiCont{
		box-sizing: border-box;
		width: 455px;
		padding: 20px;
		float: left;
		background: #fff!important;
		align-items: strech;
	}
	.multiCont + .multiCont{
		margin-left: 10px;
	}
	.ttl_multiCont{
		display: block;
		font-weight: bold;
		font-size: 140%;
		padding-left: 20px;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.consumer .ttl_multiCont{
		color: #fa81ac;
		background: url(../images/brt_pink.png) no-repeat left 7px;
		background-size: 10px;
		border-bottom: dotted 2px #f9d1df;
	}
	.education .ttl_multiCont{
		color: #4ca4e2;
		background: url(../images/brt_blue.png) no-repeat left 7px;
		background-size: 10px;
		border-bottom: dotted 2px #b1d3ed;
	}
	.company .ttl_multiCont{
		color: #7ebc20;
		background: url(../images/brt_green.png) no-repeat left 7px;
		background-size: 10px;
		border-bottom: dotted 2px #c2e192;
	}
	.counselor .ttl_multiCont{
		color: #ed863b;
		background: url(../images/brt_orange.png) no-repeat left 7px;
		background-size: 10px;
		border-bottom: dotted 2px #f7b485;
	}
	.contArea li a{
		display: block;
		margin: 0;
		padding-left: 15px;
		background: url(../images/icon_arrow09.png) no-repeat left 7px;
		background-size: 6px 7px;
	}
	.contArea li a,
	.contArea li a:link,
	.contArea li a:visited{
		color: #0000f2;
	}
	.contArea li + li{
		margin-top: 10px;
	}
	.contArea ul + p{
		margin-top: 20px;
		width: 260px;
	}
	.contArea .fullLength{
		width: 100%;
	}
	.fsB{
		font-size: 140%;
		font-weight: bold;
	}
	.consumer_bg{
		background: #fff url(../../../images/bg_consumer.png) no-repeat 95% 6em!important;
	}
	.education_bg{
		background: #fff url(../../../images/bg_education.png) no-repeat 95% 6em!important;
	}
	.publish_bg{
		background: #fff url(../../../images/bg_publish.png) no-repeat 95% 6em!important;
	}
	.manual_bg{
		background: #fff url(../../../images/bg_manual.png) no-repeat 95% 6em!important;
	}
	.manual_bg li{
		width: 280px;
	}
	.trigger{
		padding-left: 100px;
		padding-right: 40px;
		line-height: 1;
		font-size: 16px;
	}
	
}
@media print, screen and (min-width: 768px) {
	a {
		text-decoration: none!important;
	}
	a:hover{
		text-decoration: underline!important;
	}
	.info_list a{
		text-decoration: none;
	}
}
/*201702*/
#pagePass {
    width: 960px;
    margin: 0 auto;
    padding: 15px 0;
    border-bottom: 2px solid #DDD;
    background: #FFF;
}
#maincontent {
    padding: 24px 10px;
    background: url(/common/images/bg_h1.gif) no-repeat left top;
}
#maincontent {
    float: left;
    width: 800px;
    margin: 0;
    padding: 0 10px;
    color: #000;
    box-sizing: border-box;
}
div .bgschool {
    margin: 32px 0 15px;
    padding: 10px 5px 10px 50px;
    border: none;
    background: url(/school/images/bg_ttl_school.gif) no-repeat 0 0;
    border-bottom: 1px solid #59A209;
}
.res main h1 {
    font-size: 160%;
    line-height: 105%;
    display: block;
    margin: 0.67em 0;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    color: #427607;
}
.res main h2 {
    clear: both;
    margin: 0 0 15px 0;
    padding: 4px 0 4px 8px;
    background: #F9F9F9 0 center;
    font-size: 128%;
    color: #2E3681;
    border-left: 4px solid #003399;
    border-bottom: 1px solid #003399;
}
.res h3 {
    margin: 0 0 10px 0;
    padding: 4px 0 0 15px;
    font-size: 120%;
    color: #2E3681;
    background: url(/common/images/icon_h3.gif) no-repeat 0 6px;
}
.res p {
 margin-bottom: 8px;
}

#maincontent .linkStyle02 li {
	background: none;
}

#maincontent li {
	list-style: none;
	margin: 0;
	padding: 2px 0 5px 20px;
	background: url(/common/images/icon_disc02.gif) no-repeat 6px 6px;
}
#maincontent .linkStyle li {
	list-style: none;
	margin: 0;
	padding: 2px 0 5px 20px;
	background: url(/common/images/icon_arrow02.gif) no-repeat 6px center;
}
#maincontent .linkStyle02 a {
	list-style: none;
	margin: 0;
	padding: 2px 0 5px 20px;
	background: url(/common/images/icon_arrow02.gif) no-repeat 6px center;
}
#maincontent .linkStyle a:hover,
#maincontent .linkStyle02 a:hover {
	color: #FF9900 !important;
	text-decoration: underline;
}
li {
	line-height: 1.3em;
}
.res #subcontent {
    width: 160px;
    float: right;
    margin: 0;
    padding: 0;
}

.res #navir2 {
    width: 159px;
    padding-top: 10px;
    padding-bottom: 8px;
    background: #fff;
}
.res #navir2 p {
    width: 153px;
    margin: 0;
    padding: 0 3px 15px 3px;
    background: url(/common/images/bg_subcontents_bt.gif) repeat-x left bottom;
    font-weight: bold;
    color: #23569A;
}
.res #navir2 ul {
    list-style: none;
    width: 159px;
    margin: 0 1px 0 0;
    padding: 0;
    background: #FFF;
}
.res #navir2 li {
    padding: 1px 0;
    background-color: #FFF;
    font-size: 91%;
    line-height: 1.1em;
}
.res #navir2 li a {
    display: block;
    width: 143px;
    margin: 0;
    padding: 0 0 8px 16px;
    background: #FFF url(/common/images/icon_arrow06.gif) no-repeat 3px 1px;
}
.res #navir1 p {
    width: 159px;
    box-sizing: border-box;
    font-size: 108%;
    margin: 0 0 12px;
    padding: 0 3px 10px 5px;
    background: #fff url(/common/images/bg_subcontents_gt.gif) repeat-x left bottom;
    font-weight: bold;
    color: #4c8412;
}
.res #navir1 ul {
    list-style: none;
    width: 159px;
    margin: 0 1px 0 0;
    padding: 0;
    background: #F9F9F9;
}
.res #navir1 ul li {
    font-size: 91%;
    line-height: 1.1em;
}
.res #navir1 li a {
    display: block;
    width: 143px;
    line-height: 1.3;
    margin: 0;
    padding: 0 0 8px 16px;
    background: #F9F9F9 url(/common/images/icon_arrow05.gif) no-repeat 3px 1px;
}
.res #cont {
    display: block;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    display: list-item;
    list-style: none;
    background: url(/common/images/bg_foot.gif) repeat-x bottom , url(/common/images/bg_cont.gif) repeat-y;
    border-left: 1px solid #ddd;
}
.res #navirsub {
    width: 140px;
    margin: 20px 10px 70px;
    padding: 0;
}
.res #navirsub ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navirsub ul li {
    margin: 0 0 10px 0;
    line-height: 1.3;
}
nav {
    width: 100%;
    background: #56a300;
    height: 70px;
    position: absolute;
    bottom: 0;
    z-index: 900;
}
#globalFooter {
    padding: 3px 0 20px;
    background-color: #56a300;
    font-size: 83%;
}
footer {
    width: 100%;
    background-color: #56a300;
}

.res .school_guidelines .of {
    margin-bottom: 10px;
}
.of {
    overflow: hidden !important;
}
.res .bline {
    padding: 5px;
    border: 1px solid #ccc;
}



.res .school_student .sc_guide .inr .fl {
    float: left!important;
    width: 270px;
}
.res .school_student .sc_guide .inr .fl + .fl {
    float: left;
    width: 80px;
    margin-left: 10px;
}
.res .school_student .sc_guide .inr .fl + .fl img {
    width: 100%;
}
.res .sc_guide {
    overflow: hidden;
    margin: 0 0 15px;
}
.res .sc_guide {
    display: flex;
}
.res .sc_guide * {
    box-sizing: border-box;
}
.col_2 .inr + .inr {
    margin-left: 20px;
    float: right;
}
.col_2 .inr + .inr {
	margin-left: 20px;
	float: right;
}
.res .school_guidelines .school_ttlbox p {
	margin-bottom: 8px;
	padding-left: 2em;
	text-indent: -2em;
}


.res .school_guidelines .of .fl02 {
    text-align: center;
    float: left;
    margin-left: 20px;
}

.res .school_guidelines .of .flex_inr:first-child .fl02:first-child {
    margin-left: 0;
}
.res .school_guidelines .img_resize01 {
    width: 80px;
}
.res .school_guidelines .of .fl02 {
    text-align: center;
    float: left;
    margin-left: 20px;
}
.res .school_guidelines .img_resize02 {
    width: 160px;
}


.res .sc_guide .bline {
    float: left;
    width: 49%;
}
.res .sc_guide .bline + .bline {
    margin-left: 2%;
}
.tbl, .tbl td {
    border-collapse: collapse;
    background: #D9F0F7;
    padding: 5px;
    border: 1px solid #2E3681;
}

/*school_teacher*/
.school_teacher .col2 {
    overflow: hidden;
}
.school_teacher .col2 div {
    float: left;
    width: calc(100% - 90px);
}
.school_teacher .col2 div + div {
    width: 80px;
    margin-left: 10px;
    text-align: center;
}
.school_teacher .col2 div + div img {
    max-width: 80px;
}

.res .school_notebox {
    padding: 5px;
    margin: 10px 0;
    border: 1px solid #ccc;
}
/*school_teacher*/

/*201702*/
/* ============================================================
style info：レスポンシブレイアウト用 => テンプレート

- body
--container
- header
- footer
- content
============================================================ */
.sp_show{
	display: none!important;
}

/* =============================================
body
============================================= */
body{
	/*background: #fff url(../images/bg_body.gif) 0 0 repeat;*/
	-webkit-print-color-adjust: exact;
}
/* SP表示 */
/* =============================================
container
============================================= */
.container{
	width:100%;
	background-color:#fff;
	margin: 0 auto;
}
/* SP表示 */

/* =============================================
header
============================================= */
@media print, screen and (min-width: 768px) {
	.gwrap1{
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	.gwrap2{
		width: 240px;
		margin: 0 auto;
		position: absolute;
		top: 0;
		right: 50%;
		margin-right: -480px;
		min-height: 220px;
	}
	.lead_box{
		padding-top: 70px;
		padding-bottom: 1em;
		max-width: 720px;
		min-height: 80px;
		box-sizing: border-box;
	}
	.lead{
		font-size: 86%;
		line-height: 1;
		margin-bottom: 8px;
	}
	.lead2{
		font-size: 94%;
		color: #56a300;
		font-weight: bold;
		padding-bottom: 8px;
	}
	.list-style01 a{
		color: #0000f2;
		padding-left: 15px;
		background: url(../images/icon_arrow09.png) no-repeat left center;
		background-size: 6px 7px;
		text-decoration: none;
	}
	.lead_box .list-style01 a{
		font-size: 94%;
	}
}
/* -------------------------------
#globalHeader
------------------------------- */
#globalHeader{
	position:relative;
	z-index:100;
	width: 960px;
	margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
	#globalHeader{
		min-height: 220px;
		width: 100%;
	}
}
/* SP表示 */
/* -------------------------------
.logo
------------------------------- */
.logo{
	position:absolute;
	top:20px;
	bottom:0;
	left:0;
	height:38px;
	/*margin:auto 0;*/
}
.logo a{
	display: block;
	width: 458px;
	height: 38px;
	font-size: 13px;
	line-height: 1;
}
/* SP表示 */

/* -------------------------------
.hamburger
------------------------------- */
.hamburger{
	display:none;
}
/* SP表示 */
/* -------------------------------
.menuArea
------------------------------- */
/* PC表示 */
@media print, screen and (min-width: 768px) {
	.menuArea{
		display:block;
		height: 70px;
	}
}
/* SP表示 */
/* -------------------------------
.globalNavi
------------------------------- */
@media print, screen and (min-width: 768px) {
		nav{
		width: 100%;
		background: #56a300;
		height: 70px;
		position: absolute;
		bottom: 0;
		z-index: 900;
	}
	.globalNavi{
		width: 960px;
	}
}
.globalNavi{
	/*position:absolute;*/
	display: list-item;
	list-style-image: url(/common/responsive/images/btn_global_navi.jpg);
	overflow: hidden;
	bottom:0;
	left:0;
	height: 70px;
	margin: 0 auto;
	/*background:#fff url(../images/bg_global_navi.gif) 0 0 repeat-x;*/
}
.globalNavi li{
	float: left;
	height: 70px;
	width: 120px;
}
.globalNavi a{
	display: block;
	width: 120px;
	height: 70px;
	padding: 0;
	background: #fff url(../images/btn_global_navi.jpg) no-repeat 0 0;
	/*text-indent: -9999px;*/
}
@media print, screen and (min-width: 768px) {
	.globalNavi span{
		display: block;
		width: 120px;
		height: 70px;
		padding: 0;
		background: #fff url(../images/btn_global_navi.jpg) no-repeat 0 0;
		/*text-indent: -9999px;*/
	}
	.globalNavi span:hover{
		cursor: pointer;
	}
	.globalNavi_01 span{
		background: #fff url(../images/btn_global_navi.jpg) no-repeat 0 0;
	}
	.globalNavi_02 span{
		display: block;
		background: #fff url(../images/btn_global_navi.jpg) no-repeat -120px 0;
	}
	.globalNavi_03 span{
		background: #fff url(../images/btn_global_navi.jpg) no-repeat -240px 0;
	}
	.globalNavi_04 span{
		background: #fff url(../images/btn_global_navi.jpg) no-repeat -360px 0;
	}
	.globalNavi_05 span{
		background: #fff url(../images/btn_global_navi.jpg) no-repeat -480px 0;
	}
	.globalNavi_06 span{
		background: #fff url(../images/btn_global_navi.jpg) no-repeat -600px 0;
	}
	.globalNavi_07 span{
		background: #fff url(../images/btn_global_navi.jpg) no-repeat -720px 0;
	}
	.globalNavi_08 span{
		margin-right:0;
		background: #fff url(../images/btn_global_navi.jpg) no-repeat -840px 0;
	}
	.globalNavi_01 span:hover,
	.globalNavi_01 span.active,
	#knowsLearns .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat 0 -70px;
	}
	.globalNavi_02 span:hover,
	.globalNavi_02 span.active,
	#lifeplan .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat -120px -70px;
	}
	.globalNavi_03 span:hover,
	.globalNavi_03 span.active,
	#buy .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat -240px -70px;
	}
	.globalNavi_04 span:hover,
	.globalNavi_04 span.active,
	#lecturer .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat -360px -70px;
	}
	.globalNavi_05 span:hover,
	.globalNavi_05 span.active,
	#consul .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat -480px -70px;
	}
	.globalNavi_06 span:hover,
	.globalNavi_06 span.active,
	#school .globalNavi .globalNavi_06 span,
	#school .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat -600px -70px;
	}
	.globalNavi_07 span:hover,
	.globalNavi_07 span.active,
	#research .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat -720px -70px;
	}
	.globalNavi_08 span:hover,
	.globalNavi_08 span.active,
	#about .globalNavi_01 a{
		background:#FFF url(../images/btn_global_navi.jpg) no-repeat -840px -70px;
	}
	.none{
		display: none;
		height: 500px;
	}
	.mega{
		background-color: #888;
		position: relative;
	}
	/* .megamenu */
	.megaWrap{
		display: none;
		position: absolute;
		z-index: 9999;
		width: 100%;;
		background: rgba(239,239,239,0.95);
	}
	.megaInr{
		width: 960px;
		margin: 0 auto;
		padding: 20px 0 30px;
	}
	.megaInrCol2{
		overflow: hidden;
	}
	.megaInr .left,
	.megaInr .right,
	.megaInr .right02{
		float: left;
		width: 455px;
	}
	.megaInr .right,
	.megaInr .right02{
		margin-left: 50px;
	}
	.megaInr .right02{
		box-sizing: border-box;
		border: solid 1px #a8c980;
		margin-top: 1em;
		padding: 20px 20px 0 20px;
	}
	.megaInr .closeMega{
		display: block;
		margin: 30px auto 0;
		padding: 10px 0;
		width: 140px;
		text-align: center;
		background: #fff url(../images/bg_close.png) no-repeat 20px center;
		cursor: pointer;
	}
	.megaInr .sectionName a{
		display: block;
		padding-left: 40px;
		background: url(../images/icon_arrow10.png) no-repeat 0 center;;
		color: #56a300;
		font-size: 150%;
	}
	.megaInr .sectionName{
		padding-bottom: 15px;
		border-bottom: solid 2px #56a300;
	}
	.megaInr .megaLink li a{
		display: block;
		padding: 20px 0 20px 25px;
		background: url(../images/icon_arrow11.png) no-repeat 6px center;
	}
	.megaInr .megaLink li + li{
		border-top: solid 1px #a8c980;
	}
	.megaInr .megaLink li:last-child{
		border-bottom: solid 1px #a8c980;
	}
	.megaInr .right02 .megaLink li{
		border: none;
	}
	.footerLinks li a:hover,
	.info .info_archive span:hover,
	.sectionName a:hover,
	.megaLink a:hover,
	.closeMega:hover{
		text-decoration: underline;
	}
}
/* SP表示 */
/* -------------------------------
.search
------------------------------- */
.search{
	position: absolute;
	top:12px;
	right:0;
	width: 280px;
	height: 20px;
}
.search p{
	width: 82px;
	height: 18px;
	background: url(../images/txt_search.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.search label{
	display:none;
}
.search #search{
	position: absolute;
	top: 0;
	left: 85px;
	width: 138px;
	height: 12px;
	border: 1px solid #c5c5c5;
}
.search #btnSearch{
	position: absolute;
	top: 0px;
	left: 230px;
	cursor:pointer;
}
.search #btnSearch-sp{
	display:none;
	cursor:pointer;
}
/* SP表示 */
/* -------------------------------
.#srchBox
------------------------------- */
#srchBox{
	width: 312px;
	_width:296px;
	margin-bottom:10px;
	position: absolute;
	top: 40px;
	right: 0;
	color:#000000;
	text-align:left;
	overflow: hidden;
}

#srchBox p.srchTxt{
	width: 82px;
	height: 23px;
	/*text-indent: -9999px;*/
	float: left;
}
#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
#srchBox a img{
	border:none;
}
#srchBox #srch{
	/*padding: 0 10px 0 10px;*/
}
#srchBox #srch #srchForm{
	white-space:nowrap;
}
#srchBox #srchInput{
	vertical-align:bottom;
}
#srchBox #srchBtn {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	font-size: 13px!important;
	background: url(../images/btn_submit.png) no-repeat 0 0;
}
*html #srchBox #srchBtn{
	padding-top:2px;
}
*:first-child+html #srchBox #srchBtn{
	padding-top:2px;
}
#srchBox ul{
	margin-top:6px;
	text-align:left;
}
#srchBox li{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li input{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input{
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo{
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a{
	color:#666666;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover{
	text-decoration:underline;
}
#srchBox.watermark{
	padding-bottom: 6px;
}
#srchBox.watermark #srchInput{
	border: 1px solid #e4e4e4;
	background: url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox #srchInput, #srchBox2 #srchInput {
	width: 200px;
	height: 30px;
	box-sizing: border-box;
	vertical-align: bottom;
}
#srchBox.watermark #srchInput.nomark{
	background: #fff;
}
#srchBox.watermark #srchLogo{
	display: none;
}


/* -------------------------------
.utility
------------------------------- */
.utility {
	position: absolute;
	margin:1em 0;
	text-align:right;
	list-style: none;
	width: 178px;
	height: 16px;
	top: 0px;
	right: 0px;
	font-size: 12px!important;
}
.utility li a {
	font-size: 12px !important;
	padding: 0 10px 0 10px;
	height: 16px;
	line-height: 1 !important;
	text-decoration: none;
	background: url(../images/icon_arrow09.png) no-repeat left center;
	background-size: 6px 7px;
}
.utility li{
	display:inline-block;
	float: left;
}
.utility li:first-child a {
	border-right: solid 1px #e4e4e4;
	margin-right: 10px;
}
.utility li a {
	font-size: 12px !important;
	padding: 0 10px 0 10px;
	height: 16px;
	line-height: 1 !important;
	text-decoration: none;
	background: url(../images/icon_arrow09.png) no-repeat left center;
	background-size: 6px 7px;
}
.utility a{
	color:#286abe!important;
	text-decoration:none;
}
.utility li + li a {
	padding-right: 0;
}

/* SP表示 */
/* -------------------------------
.fontChange
------------------------------- */
.fontChange{
	position: absolute;
	z-index: 600;
	list-style: none;
	width: 186px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 68px;
	background: url(../images/bg_font_change.gif) no-repeat 0 0;
	top: 85px;
	right: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.fontChange a{
	display: inline-block;
	color: #56a300;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	border-right: none;
	line-height: 1.3;
	padding: 6px 7px;
	box-sizing: border-box;
	font-size: 12px !important;
	float: left;
}
.fontChange a:hover{
	background-color: #56a300;
	color: #fff;
}
.fontChange a:last-child {
	border-right: 1px solid #e4e4e4;
}

/* SP表示 */
/* =============================================
content
============================================= */
/* -------------------------------
#content
------------------------------- */
#content{
	overflow:hidden;
	width:960px;
	margin: 0 auto;
	box-sizing:border-box;
}
.cwrap_top{
	width: 100%;
	overflow: hidden;
}
.content_first{
	float:left;
	width:720px;
	padding:30px 0 0;
	box-sizing:border-box;
	background-color:#fff;
}
.content_second{
	float:right;
	width:220px;
	padding:30px 0 6px;
	background-color:#fff;
}
.content_main{
	width: 100%;
	float: none;
}
.content_fourth{
	float:left;
	width: 100%;
	box-sizing:border-box;
	background-color:#fff;
	overflow: hidden;
}
/* PC表示 */
@media print, screen and (min-width: 768px) {
.content_fourth .content_fourth_right{
	width: 220px;
	float: right;
}

.content_fourth .content_fourth_left{
	width: 700px;
	float: left;
}
}
.content_first,
.content_second,
.content_third,
.content_fourth{
	position:relative;
}
/* SP表示 */
@media print, screen and (min-width: 768px) {
	.content_third{
		position: relative;
	}
}
/* -------------------------------
.pageTop
------------------------------- */
@media print, screen and (min-width: 768px) {
	.pageTop{
		width: 960px;
		margin: 130px auto 0;
		text-align: right;
	}
}
/* SP表示 */

/* -------------------------------
.sideBanner
------------------------------- */
.sideBanner{
	font-size:92%;
}
.sideBanner span{
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
}
.sideBanner li{
	padding:0 0 10px;
}
.sideBanner li:first-child{
	/*background-color:#ffccd4;*/
}
.sideBanner a{
	display:block;
}
/* SP表示 */
/* -------------------------------
.contact
------------------------------- */
.contact{
	padding:12px 19px;
	border-bottom:1px solid #ddd;
	background-color:#f6f6f6;
}
.contact a{
	display:block;
	overflow:hidden;
	width:220px;
	height:115px;
	background:url(../images/txt_contact.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
/* SP表示 */
/* -------------------------------
.sideLinks
------------------------------- */
.sideLinks{
	padding:4px
}
.sideLinks_ttl{
	width:250px;
	height:32px;
	text-indent:-9999px;
}
.sideLinks_btn{
	position:relative;
	display:block;
}
.sideLinks_btn span{
	display:inline-block;
	position:absolute;
	top:0;
	right:4px;
	bottom:6px;
	height:18px;
	margin:auto 0;
	padding:0 6px 0 14px;
	border: 1px solid #ccc;
	border-radius:2px;
	box-sizing:border-box;
	background:#fff url(../images/icon_arrow_03.png) 6px center no-repeat;
	color:#333;
	font-size:10px;
	line-height:16px;
	text-decoration:none;
}
.sideLinks_cont{
	margin:8px 0 10px;
}
.sideLinks_cont > li{
	margin-bottom:3px;
	line-height:1.5;
}
.sideLinks_cont > li > a{
	display:block;
	padding-left:13px;
	background: url(../images/icon_arrow_02.gif) no-repeat 0 5px;
}
.sideLinks_cont ul{
	margin:5px 0;
	padding-left:13px;
	line-height:1.2;
}
.sideLinks_cont ul li{
	display:inline-block;
}
.sideLinks_cont ul li:after{
	content: "|";
	display:inline-block;
	padding:0 3px;
}
.sideLinks_book{
	display:block;
	margin-bottom:5px;
	padding: 0 0 2px 17px;
	background: url(../images/icon_book.gif) no-repeat left center;
	line-height: 1.5;
}
.sideLinks_book span{
	padding: 3px 4em 3px 3px;
	border: 2px solid #ce0024;
	background-color: #ffebf0;
	line-height: 2;
}
.sideLinks-knows .sideLinks_ttl{
	background: url(../images/ttl_learn.gif) no-repeat 0 0;
}
.sideLinks-lifeplan .sideLinks_ttl{
	background: url(../images/ttl_lifeplan.gif) no-repeat 0 0;
}
.sideLinks-research .sideLinks_ttl{
	background: url(../images/ttl_research.gif) no-repeat 0 0;
}

/* =============================================
footer
============================================= */
/* -------------------------------
#globalFooter
------------------------------- */
#globalFooter{
	padding: 3px 0 20px;
	background: #56a300;
	font-size: 83%;
}
#globalFooter small{
	display: block;
	padding-right:6px;
	color:#fff;
	font-size:12px;
	text-align:left;
}
@media print, screen and (min-width: 768px) {
	#globalFooter small{
		width: 960px;
		margin: 0 auto;
	}
}
/* SP表示 */
/* -------------------------------
.footerLinks
------------------------------- */
.footerLinks{
	text-align:left;
}
@media print, screen and (min-width: 768px) {
	.footerLinks{
		width: 960px;
		margin: 0 auto;
	}
	.footerLinks a,
	.footerLinks a:hover,
	.footerLinks a:visited{
		color: #fff;
		text-decoration: none;
	}
	.footerLinks li{
		display:inline-block;
		padding: 20px 20px 20px 10px;
		box-sizing:border-box;
		font-size: 12px;
		line-height: 1;
		background: url(../images/icon_arrow09.png) no-repeat left center;
		background-size: 6px 7px;
	}
}
	
.footerLinks li{
	display:inline-block;
	box-sizing:border-box;
	font-size: 12px;
	line-height: 1;
	background: url(../images/icon_arrow09.png) no-repeat left center;
	background-size: 6px 7px;
}

/* SP表示 */
/* -------------------------------
.footerBanner
------------------------------- */
.footerBanner{
	overflow:hidden;
	margin:0 auto 40px;
}
.footerBanner li{
	float:left;
	width:146px;
}
.footerBanner li + li{
	margin-left:20px;
}
.footerBanner img{
	margin-bottom:6px;
}
.footerBanner a{
	color:#333;
	text-decoration:none;
}
@media print, screen and (min-width: 768px) {
	.footerBanner{
		width: 960px;
}
}
/* SP表示 */
/* ============================================================
style info：レスポンシブレイアウト用 => リセットCSS及び汎用スタイル

- reset
- utility

■font-size
基準値：75%(12px)
- 83% => 10px
- 92% => 11px
- 100% => 12px
- 108% => 13px
- 117% => 14px
- 125% => 15px
- 133% => 16px
============================================================ */
/* =============================================
reset
============================================= */
/**
* YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
* http://cssreset.com
* Copyright 2012 Yahoo! Inc. All rights reserved.
* http://yuilibrary.com/license/
*/
/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
	background: #fff;
	color: #333;
}

/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
body {
	margin: 0;
	padding: 0;
}
body {
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	font-family: "lr oSVbN", Osaka,"qMmpS Pro W3";
	font-size: 75%;
	line-height: 1.4;
}
header,
main,
footer {
	display: block;
}
th,
td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,
img {
	border: 0;
}
a,
a:hover{
	color:#333;
	text-decoration:none;
}
a:focus,
*:focus{
	outline:none;
}
.menuArea a,
.menuArea a:hover{
	color: #fff;
	text-decoration:none;
}
.fontChange a{
	background-color: #56a300!important;
}
/* SP表示 */
@media print and (max-width: 767px) {
	.menuArea{
		height: 1vh!important;
	}
}
/*
ODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}
img {
	vertical-align: middle;
}
ol,
ul {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
	color: #333;
}
iframe{
	border:none;
}
.utility a:hover{
	color: #286abe;
	text-decoration: underline;
}
/* SP表示 */

/* =============================================
utility
============================================= */
/* -------------------------------
margin
------------------------------- */
.mt0 {margin-top: 0px !important;}
.mr0 {margin-right: 0px !important;}
.mb0 {margin-bottom: 0px !important;}
.ml0 {margin-left: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mr5 {margin-right: 5px !important;}
.mb5 {margin-bottom: 5px !important;}
.ml5 {margin-left: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml10 {margin-left: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mr15 {margin-right: 15px !important;}
.mb15 {margin-bottom: 15px !important;}
.ml15 {margin-left: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml20 {margin-left: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mr25 {margin-right: 25px !important;}
.mb25 {margin-bottom: 25px !important;}
.ml25 {margin-left: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mr30 {margin-right: 30px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml30 {margin-left: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mr35 {margin-right: 35px !important;}
.mb35 {margin-bottom: 35px !important;}
.ml35 {margin-left: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mr40 {margin-right: 40px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml40 {margin-left: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mr45 {margin-right: 45px !important;}
.mb45 {margin-bottom: 45px !important;}
.ml45 {margin-left: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mr50 {margin-right: 50px !important;}
.mb50 {margin-bottom: 50px !important;}
.ml50 {margin-left: 50px !important;}

/* -------------------------------
padding
------------------------------- */
.pt0 {padding-top: 0px !important;}
.pr0 {padding-right: 0px !important;}
.pb0 {padding-bottom: 0px !important;}
.pl0 {padding-left: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pr5 {padding-right: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.pl5 {padding-left: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl10 {padding-left: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pr15 {padding-right: 15px !important;}
.pb15 {padding-bottom: 15px !important;}
.pl15 {padding-left: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pr20 {padding-right: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl20 {padding-left: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pr25 {padding-right: 25px !important;}
.pb25 {padding-bottom: 25px !important;}
.pl25 {padding-left: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pr30 {padding-right: 30px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl30 {padding-left: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pr35 {padding-right: 35px !important;}
.pb35 {padding-bottom: 35px !important;}
.pl35 {padding-left: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pr40 {padding-right: 40px !important;}
.pb40 {padding-bottom: 40px !important;}
.pl40 {padding-left: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pr45 {padding-right: 45px !important;}
.pb45 {padding-bottom: 45px !important;}
.pl45 {padding-left: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pr50 {padding-right: 50px !important;}
.pb50 {padding-bottom: 50px !important;}
.pl50 {padding-left: 50px !important;}

/* -------------------------------
text-alighn
------------------------------- */
.taL {text-align: left !important;}
.taC {text-align: center !important;}
.taR {text-align: right !important;}

/* -------------------------------
float
------------------------------- */
.fl {float: left !important;}
.fr {float: right !important;}
.clear {clear: both !important;}

/* -------------------------------
color
------------------------------- */
.orange{
	color:#ff5400;
}