/*

template project
@jun akagi

*/


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

base

baseではサイト内の基本的な設定を行う
現バージョンでは以下を追加している
・cssリセット
・フォントリセットとマスターの設定
・PC専用/モバイル専用クラス
・Googleマップレスポンシブ化
・flex（safariとiPhoneではキャンセル）、その他flex関連の補助クラス

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

abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,samp,table,tfoot,ul{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-size:13px;line-height:1.5;font-weight:400;font-style:normal;color:#333}.jppage abbr,.jppage acronym,.jppage address,.jppage applet,.jppage b,.jppage big,.jppage blockquote,.jppage button,.jppage caption,.jppage center,.jppage cite,.jppage code,.jppage dd,.jppage del,.jppage dfn,.jppage div,.jppage dl,.jppage dt,.jppage em,.jppage fieldset,.jppage font,.jppage form,.jppage h1,.jppage h2,.jppage h3,.jppage h4,.jppage h5,.jppage h6,.jppage i,.jppage iframe,.jppage img,.jppage ins,.jppage kbd,.jppage label,.jppage legend,.jppage li,.jppage object,.jppage ol,.jppage p,.jppage pre,.jppage q,.jppage s,.jppage samp,.jppage small,.jppage .jppage strike,.jppage strong,.jppage sub,.jppage sup,.jppage table,.jppage tfoot,.jppage tt,.jppage u,.jppage ul,.jppage var,body.jppage{font-family:メイリオ,MS Pゴシック,Arial,sans-serif}.enpage abbr,.enpage acronym,.enpage address,.enpage applet,.enpage b,.enpage big,.enpage blockquote,.enpage button,.enpage caption,.enpage center,.enpage cite,.enpage code,.enpage dd,.enpage del,.enpage dfn,.enpage div,.enpage dl,.enpage dt,.enpage em,.enpage fieldset,.enpage font,.enpage form,.enpage h1,.enpage h2,.enpage h3,.enpage h4,.enpage h5,.enpage h6,.enpage i,.enpage iframe,.enpage img,.enpage ins,.enpage kbd,.enpage label,.enpage legend,.enpage li,.enpage object,.enpage ol,.enpage p,.enpage pre,.enpage q,.enpage s,.enpage samp,.enpage small,.enpage .enpage strike,.enpage strong,.enpage sub,.enpage sup,.enpage table,.enpage tfoot,.enpage tt,.enpage u,.enpage ul,.enpage var,body.enpage{font-family:Helvetica,Arial,sans-serif}a{font-size:100%;vertical-align:baseline;background:transparent;line-height:1.5;font-weight:400;font-style:normal;color:#333}.jppage a{font-family:メイリオ,MS Pゴシック,Arial,sans-serif}.cnpage a{font-family:simsun,sans-serif}.enpage a{font-family:Helvetica,Arial,sans-serif}i{font-family:FontAwesome!important;font-style:normal}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}input,select,textarea{font:100% "MS Pゴシック",Arial,sans-serif}table{font-size:inherit}sup{vertical-align:super;font-size:50%;line-height:1}

/*PC専用/モバイル専用クラス*/


/*ブロック要素にしか対応していないので注意*/

.onlypc {
	display: block;
}

.onlymobile {
	display: none;
}

@media only screen and (max-width: 959px) {
	.onlypc {
		display: none;
	}
	.onlymobile {
		display: block;
	}
}

.dib {
	display: inline-block;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}

.displaynone {
	display: none;
}


/*Googleマップレスポンシブ化*/


/*div要素、section要素等のブロック要素に.ggmapを付与し、内部にGoogleマップから吐き出された埋め込み用要素を貼り付ける
このときiframe要素に入っているwidth属性やhight属性は無視される*/

.ggmap,
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed,
.youtube iframe,
.youtube object,
.youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*flex*/


/*flexを使用したいボックスにflexクラスを付与すると直下の子要素が横並びになる
flex非対応ブラウザおよびsafariではキャンセルされるようにする*/

.flex,
.flexbasic {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-flexbox;
	display: flex;
}

.ua-safari .flex,
.no-flexbox .flex,
.ua-safari .flexbasic,
.no-flexbox .flexbasic {
	display: block;
	overflow: hidden;
}

.jcsb {
	justify-content: -webkit-space-between;
	justify-content: -moz-space-between;
	justify-content: space-between;
}

.jcar {
	justify-content: -webkit-space-around;
	justify-content: -moz-space-around;
	justify-content: space-around;
}

.aic {
	align-items: center;
}

.acsb {
	align-content: -webkit-space-between;
	align-content: -moz-space-between;
	align-content: space-between;
}

.fdcu {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.fdrr {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flwp,
.flexbasic {
	flex-wrap: wrap;
}

#main .flexbasic>* {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main .flexbasic>.leftend {
	clear: left;
}
#main .flexbasic>.rightend {
	margin-right: 0 !important;
}

@media only screen and (max-width: 979px) {}

body {
/*
	background: #ffffff url(../../master.jpg) 50% 0 no-repeat;
	padding-bottom: 2000px;
*/
	background: #EDC04B;
}
#main {
	background: #fff;
}

.fixwidth {
	max-width: 1120px;
	min-width: 320px;
	margin: auto;
}

@media only screen and (max-width: 979px) {
	.fixwidth	{
		width: ;
	}
}

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

design

基本的なレイアウト、各種パーツの振る舞い、スタンダートな文章デザインをここで設定する
css作成作業の大部分がこのゾーンでの作業になる

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

#header {
	position: relative;
	overflow: hidden;
	min-height: 100px;
}
	#header h1 {
		width: 100%;
		max-width: 350px;
		padding: 20px 0 0 2px;
		float: left;
	}
		#header h1 a {
			display: block;
		}
			#header img {
				width: 100%;
				vertical-align: bottom;
			}
	#header address {
		float: right;
		padding: 33px 3px 0 0;
		font-size: 120%;
		text-align: right;
		line-height: 1.5;
		color: #fff;
        display: none;
	}
	#header address .tel {
		font-size: 170%;
	}
	#header #gNavbg {
		display: none;
	}
	#header #gNavopener {
	}
	#header #gNav {
		clear: both;
		padding: 18px 0 0;
	}
		#header #gNav ul {
			display: table;
			border-left: #fff 3px dotted;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#header #gNav li {
				display: table-cell;
				width: 16.66%;
				border-right: #fff 3px dotted;
			}
				#header #gNav li a {
					display: block;
					text-align: center;
					font-size: 150%;
					font-weight: bold;
					text-decoration: none;
					height: 38px;
					line-height: 38px;
					color: #fff;
					transition: all 0.2s;
				}
				#header #gNav li a:hover,
				#header #gNav li a.current {
					color: #ff9d00;
					margin: 0 10px;
					border-radius: 10px;
					background: #f8efd5;
				}
@media only screen and (max-width: 768px) {
	#header h1 {
		width: calc(100% - 90px);
	}
	#header #gNav {
		clear: both;
		padding: 0;
	}
		#header #gNav ul {
			display: block;
			padding-top: 0;
			overflow: hidden;
			border-left: none;
			transition: all 0.2s;
		}
		.gnavactive #header #gNav ul {
			padding-top: 10px;
		}
			#header #gNav li {
				display: block;
				border-right: none;
				float: left;
			}
				#header #gNav li a {
					display: block;
					text-align: center;
					font-size: 150%;
					font-weight: bold;
					text-decoration: none;
					color: #fff;
					transition: all 0.2s;
					border-radius: 10px;
					height: 0;
/*					line-height: 0;*/
					margin: 0 0 0;
					border: #fff 0 dotted;
				}
				#header #gNav li a:hover,
				#header #gNav li a.current {
					margin: 0 0 0;
				}
				.gnavactive #header #gNav li a {
					height: 38px;
					line-height: 38px;
					margin: 0 5px 9px;
					border-width: 3px;
				}
				.gnavactive #header #gNav li a:hover,
				.gnavactive #header #gNav li a.current {
					margin: 0 5px 9px;
				}
}
	#header #gNavopener {
		position: absolute;
		top: 35px;
		right: 20px;
		width: 60px;
		height: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 0;
		cursor: pointer;
	}
	#header #gNavopener span {
	}
		#header #gNavopener span:before,
		#header #gNavopener span:after {
			content: "";
			position: relative;
			right: 0;
			width: 100%;
			transition: all 0.2s;
		}
		#header #gNavopener span:before {
			bottom: 20px;
		}
		#header #gNavopener span:after {
			top: 10px;
		}
		#header #gNavopener span,
		#header #gNavopener span:before,
		#header #gNavopener span:after {
			display: block;
			background: #ff9d00;
			height: 10px;
			border-radius: 5px;
			transition: all 0.2s;
		}
		#header #gNavopener span,
		#header #gNavopener span:before,
		#header #gNavopener span:after {
			height: 0;
		}
		#header #gNavopener span:before {
			bottom: 0;
		}
		#header #gNavopener span:after {
			top: 0;
		}
#gNav	{
/*	position: absolute;*/
}
@media only screen and (max-width: 1160px) {
#header {
	padding: 0 10px;
	}
}
@media only screen and (max-width: 960px) {
#header {}
	#header address {display: none;}
}
@media only screen and (max-width: 768px) {
		#header #gNavopener {
			height: 60px;
			padding-top: 25px;
		}
		#header #gNavopener span,
		#header #gNavopener span:before,
		#header #gNavopener span:after {
			height: 10px;
			background-repeat: 0;
		}
		#header #gNavopener span:before {
			bottom: 20px;
		}
		#header #gNavopener span:after {
			top: 10px;
		}
}

#mainVisual,
#pagetitlebox {
	padding: 12px 0 0;
	position: relative;
}
	#mainVisual:after,
	#pagetitlebox:after {
		position: absolute;
		content: "";
		bottom: 0;
		width: 100%;
		height: 14px;
		background: transparent url(../img/bg_main.png) 50% 0 repeat-x;
	}
#mainVisual img {
	width: 100%;
	vertical-align: bottom;
}
@media only screen and (max-width: 1160px) {
#mainVisual figure,
body #pagetitlebox h2,
#header {
	padding-left: 10px;
	padding-right: 10px;
	}
}

#main {}
#main>.fixwidth {
	padding: 14px 14px 41px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main .teaser {
	overflow: hidden;
	padding: 10px;
}
	#main .teaser article {
		float: left;
		width: 66.6%;
		width: calc(66% - 5px);
	}
		#main .teaser p {
			font-size: 140%;
			line-height: 2.05;
		}
	#main .teaser aside {
		float: right;
		width: 33.3%;
		width: calc(33% - 5px);
	}
		#main figure {
			margin: 0;
		}
			#main img {
				width: 100%;
				vertical-align: bottom;
			}
@media only screen and (max-width: 768px) {
#main .teaser {
	padding: 0;
	}
		#main .teaser p {
			font-size: 115%;
			line-height: 2.05;
		}
}
@media only screen and (max-width: 500px) {
#main .teaser {}
		#main .teaser p {
			font-size: 100%;
			line-height: 1.7;
		}
	#main .teaser article,
	#main .teaser aside {
		float: none;
		width: 100%;
	}
}

#topNav {
	clear: both;
	padding: 18px 0;
	margin-bottom: 18px;
}
	#topNav div {
		border-radius: 10px;
		padding: 23px 30px 100px;
		border: #f2ab30 3px solid;
		min-height: 233px;
		background-position: 95% 95%;
		background-repeat: no-repeat;
		background-color: #fffae7;
	}
	#topNav .policy {background-image: url(../../img/squirrel.png);}
	#topNav .about {background-image: url(../../img/chick.png);}
	#topNav .program {background-image: url(../../img/rabbit.png);}
	#topNav .company {background-image: url(../../img/school.png);}
	#topNav .entrance {background-image: url(../../img/bear.png);}
	#topNav .health {background-image: url(../../img/sick.png);}
		#main #topNav p {
			font-size: 140%;
			font-weight: bold;
			color: #4B3D16;
			line-height: 1.7;
		}
			#topNav p.more {
				display: none;
			}
@media only screen and (max-width: 980px) {
#topNav {}
	#topNav div {
		padding: 18px 15px 100px;
		min-height: 0;
	}
		#main #topNav p {
			font-size: 120%;
		}
}
@media only screen and (max-width: 516px) {
#topNav {}
	#topNav div {
		padding: 12px 8px 80px;
		min-height: 0;
		-webkit-background-size: auto 80px;
		background-size: auto 80px;
	}
		#main #topNav p {
			font-size: 100%;
		}
}

.infomation {
	padding: 0 0;
}
	.infomation article {
			float: left;
			width: 48%;
			width: calc(50% - 5px);
		}
		.infomation h2 {
			font-weight: bold;
			font-size: 200%;
			line-height: 33px;
			padding: 0 8px;
			color: #1a5c51;
		}
		.infomation dl {
			padding: 35px 8px 25px;
			position: relative;
		}
		.infomation dl:before,
		.infomation dl:after {
			position: absolute;
			content: "";
			left: 0;
			width: 100%;
			height: 14px;
			background: transparent url(../img/line.png) 50% 0 repeat-x;
		}
		.infomation dl:before {top: 0;}
		.infomation dl:after {bottom: 0;}
			.infomation dt,
			.infomation dd {
				font-size: 132%;
				font-weight: bold;
				line-height: 1.5;
				color: #1a5c51;
				margin-bottom: 13px;
			}
			.infomation dt {
				float: left;
				width: 140px;
			}
			.infomation dd {
				margin-left: 140px;
			}
	.infomation aside {
			float: right;
			width: 48%;
			width: calc(50% - 5px);
		padding-top: 33px;
		}
		.infomation ul {}
			.infomation li {
				margin-bottom: 19px;
				border: #f00 3px solid;
				border-radius: 15px;
				padding: 10px 15px;
                width: 100%;
                margin-right: 0.5em;
                margin-left: 0.5em;
			}
				.infomation a {
					text-decoration: none;
					font-weight: bold;
				}
				#main .infomation li h3 {
					font-size: 180%;
					text-align: left;
					padding: 0;
					background: none;
					margin: 0;
				}
				.infomation li p {
					font-size: 115%;
					margin: 0;
					padding-right: 220px;
				}
				.infomation li.recruit {
					border-color: #f7b96e;
					background: url(../../img/bg_recruit.jpg) 100% no-repeat;
					-webkit-background-size: contain;
					background-size: contain;
				}
				#main .infomation li.recruit h3 a {
					color: #f7b96e;
				}
				#main .infomation li.training {
					border-color: #67c797;
				}
				#main .infomation li.training h3 a {
					color: #67c797;
				}
@media only screen and (max-width: 980px) {
.infomation {}
	.infomation article {}
		.infomation dl {}
			.infomation dt,
			.infomation dd {
				font-size: 115%;
			}
			.infomation dt {
				width: 100px;
			}
			.infomation dd {
				margin-left: 110px;
			}
	.infomation aside {}
		.infomation ul {}
			.infomation li {
				margin-bottom: 15px;
			}
				.infomation li.recruit {
/*					background: none;*/
					-webkit-background-size: 50%;
					background-size: 50%;
					background-position: 100% 20%;
				}
				#main .infomation li h3 {
					font-size: 150%;
				}
				.infomation a {
					height: auto;
					line-height: 1.2;
				}
				#main .infomation li p {
/*					padding: 0;*/
					padding-right: calc(50% + 1em);
					margin-bottom: 0;
					font-size: 94%;
				}
}
@media only screen and (max-width: 768px) {
.infomation {
	display: block;
	padding: 0;
	}
	.infomation article,
	.infomation aside {
			float: none;
			width: 100%;
			padding: 0;
			margin-bottom: 18px;
		}
		.infomation h2 {
			font-size: 150%;
		}
		.infomation dl {
			padding: 25px 5px 15px;
			position: relative;
		}
		.infomation dl:before,
		.infomation dl:after {
			position: absolute;
			content: "";
			left: 0;
			width: 100%;
			height: 14px;
			background: transparent url(../img/line.png) 50% 0 repeat-x;
		}
		.infomation dl:before {top: 0;}
		.infomation dl:after {bottom: 0;}
			.infomation dt,
			.infomation dd {
				font-size: 100%;
				margin-bottom: 8px;
			}
			.infomation dt {
				width: 90px;
			}
			.infomation dd {
				margin-left: 100px;
			}
	.infomation aside {}
		.infomation ul {
			display: block;
	}
			.infomation li {
				margin-left: 0;
				margin-right: 0;
				box-sizing: border-box;
	}
				.infomation li.recruit {
					-webkit-background-size: 33.3%;
					background-size: 33.3%;
				}
				.infomation a {
					font-size: 120%;
					height: 50px;
					line-height: 50px;
				}
				#main .infomation li p {
					padding-right: calc(33.3% + 1em);
				}
}

#pagetitlebox {}
	#pagetitlebox h2 {
		color: #fff;
		font-weight: bold;
		font-size: 300%;
		line-height: 1;
		padding: 60px 0 70px;
	}

.unit {}
.unit+.unit {margin-top: 32px;}

#main h3 {
	color: #004097;
	font-size: 280%;
	line-height: 1;
	padding: 5px 5px 15px;
	margin-bottom: 18px;
	background: url(../img/line.png) 0 100% repeat-x;
}
#main h3 span {
	font-size: 70%;
}
#main h4 {
	color: #ff9d00;
	font-size: 200%;
	border-bottom: #ff9d00 3px dashed;
	margin-bottom: 18px;
}
#main h5 {
	color: #ff9d00;
	font-size: 150%;
	border-bottom: #ff9d00 1px solid;
	margin-bottom: 18px;
}
#main li,
#main p {
	font-size: 130%;
}
#main ul.normal,
#main ol.normal,
#main p {
	margin-bottom: 18px;
}
#main ul.normal {
	padding-left: 2.5em;
}
#main ol.normal {
	padding-left: 2.5em;
}
	#main li {
		margin-bottom: 9px;
	}
	#main ul.normal li {
		list-style: disc;
	}
	#main ol.normal li {
		list-style: decimal;
	}
#main table {
	font-size: 130%;
	width: 100%;
	border-top: #ff9d00 1px solid;
	border-left: #ff9d00 1px solid;
	margin-bottom: 18px;
}
	#main table th,
	#main table td {
		padding: 5px;
		border-bottom: #ff9d00 1px dotted;
		border-right: #ff9d00 1px solid;
	}
	#main table tr:last-child th,
	#main table tr:last-child td {
		border-bottom-style: solid;
	}
	#main table thead th {
		border-bottom: #ff9d00 1px solid;
		color: #885400;
		background: #f0d177;
	}
	#main table tbody th {
	color: #ff9d00;
	background: #f8efd5;
	}

#footer {
	background: url(../img/bg_footer.png) 50% 0 repeat-x;
}
	#footer .fixwidth {
		padding: 45px 50px 70px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		#footer address {
			font-size: 150%;
			font-weight: bold;
			color: #fff;
			margin-bottom: 9px;
		}
		#footer aside {
					width: 35.3%;
					width: calc(35% - 5px);
		}
			#footer ul {
				margin-bottom: 18px;
}
				#footer li {}
					#footer li a {
						display: block;
						text-align: center;
						font-size: 225%;
						height: 87px;
						line-height: 87px;
						text-decoration: none;
						font-weight: bold;
						border-radius: 10px;
					color: #ff9d00;
					background: #f8efd5;
					}
			#footer .schoollist {
				width: 66%;
				min-width: 180px;
				float: right;
			}
				#footer .schoollist ul {
					margin-bottom: 0;
				}
					#footer .schoollist li {
						margin-bottom: 9px;
					}
						#footer .schoollist a {
							border-radius: 5px;
							font-size: 100%;
							height: 30px;
							line-height: 30px;
						}
@media only screen and (max-width: 768px) {
#footer {}
	#footer .fixwidth {
		padding: 40px 10px 50px;
	}
		#footer address {
			font-size: 120%;
			font-weight: normal;
		}
		#footer aside {}
			#footer ul {
				margin-bottom: 9px;
			}
				#footer li {}
					#footer li a {
						font-size: 130%;
						height: 50px;
						line-height: 50px;
					}
			#footer .schoollist {}
				#footer .schoollist ul {}
					#footer .schoollist li {}
						#footer .schoollist a {
							border-radius: 5px;
							font-size: 83.3%;
							height: 25px;
							line-height: 25px;
						}
}
@media only screen and (max-width: 580px) {
#footer {}
	#footer .fixwidth {
		padding: 40px 10px 50px;
		display: block;
	}
		#footer address,
		#footer aside {
			width: 100%;
			float: none;
	}
			#footer .schoollist,
			#footer ul {
				margin-bottom: 9px;
				width: 50%;
				float: none;
				min-width: 180px;
			}
			#footer .schoollist ul {
				width: 100%;
			}
				#footer li {}
					#footer li a,
						#footer .schoollist a {
							border-radius: 5px;
							font-size: 83.3%;
							height: 25px;
							line-height: 25px;
						}
}
/*-------------------------------------------------------

unit

designセクションでは吸収しきれない個別スタイルをここで設定する

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

.borderbox {
	border: #ff9d00 3px dotted;
	padding: 25px 25px 16px;
	margin-bottom: 18px;
	border-radius: 20px;
}

ul.borderbox {
}
ul.borderbox li {
	padding-left: 1.2em;
	position: relative;
}
ul.borderbox li:before {
	width: 0.8em;
	height: 0.8em;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: #ff9d00;
	border-radius: 0.8em;
}
ul.borderbox li strong {
	font-weight: bold;
	color: #ff9d00;
}

#entrance table {}
	#entrance table thead th:nth-child(1) {width: 30%;}
	#entrance table thead th:nth-child(2) {width: 20%;}
	#entrance table thead th:nth-child(3) {width: 50%;}
#program table {}
	#program table tr:first-child th:nth-child(1) {width: 10%;}
	#program table tr:first-child th:nth-child(2) {width: 20%;}
	#program table tr:first-child td:nth-child(2) {width: 40%;}
	#program table tr:first-child td:nth-child(3) {width: 70%;}
#program table {}
	#program table thead th:nth-child(1) {width: 20% !important;}
	#program table thead th:nth-child(2) {width: 40% !important;}
	#program table thead th:nth-child(3) {width: 40% !important;}

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

state

:hover、:active、:focusなどの擬似要素や
.currentなどのページの状態によって部分的に変化を起こす際にここで設定

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

.current {
	cursor: default;
}


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

cosmetic

その他、局所的に使用するスタイル
あるいは、汎用性の高いスタイル設定を記述

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

.linklist {
	margin-bottom: 18px;
}
	.linklist li {
		padding-left: 25px;
		margin-bottom: 5px;
		position: relative;
	}
	.linklist li:before,
	.linklist li:after {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		top: 50%;
		transform: translateY(-50%);
		border: transparent 5px solid;
		border-right: none;
		border-left: #004097 5px solid;
		transition: all  0.2s;
	}
	.linklist li:before {
		left: 5px;
	}
	.linklist li:after {
		left: 10px;
	}
	.linklist li:hover:before {
		left: 8px;
	}
	.linklist li:hover:after {
		left: 13px;
	}
		.linklist a {
/*			display: block;*/
			color: #004097;
		}
.linklist a i {
		margin-left: 5px;
	}

.icon .fa {
	margin-left: 5px;
}


.px8 {
	font-size:62% !important;
}/**/
.px9 {
	font-size:68% !important;
}
.px10 {
	font-size:74% !important;
}/**/
.px11 {
	font-size:83.3% !important;
}
.px12 {
	font-size:93% !important;
}
.px13 {
	font-size:100% !important;
}/**/
.px14 {
	font-size:105% !important;
}
.px15 {
	font-size:115% !important;
}/**/
.px16 {
	font-size:123% !important;
}
.px17 {
	font-size:136% !important;
}/**/
.px18 {
	font-size:145% !important;
}
.px19 {
	font-size:154% !important;
}
.px20 {
	font-size:160% !important;
}
.px21 {
	font-size:162% !important;
}
.px22 {
	font-size:170% !important;
}
.px23 {
	font-size:177% !important;
}
.px24 {
	font-size:185% !important;
}


.red,.wait {color: red;}
strong {font-weight: bold;}

a.btn {
	display: inline-block;
	text-align: center;
	font-size: 64%;
	padding: 0.1em 2em;
	text-decoration: none;
	border-radius: 5px;
	transition: all 0.2s;
	color: #ff9d00;
	background: #f8efd5;
}
a.btn:hover {
	opacity: 0.6;
}

.clear {
	clear: both;
}

.txtAlignC {
	text-align: center;
}

.txtAlignL {
	text-align: left;
}
.txtAlignR {
	text-align: right;
}

.vAlignMiddle {
	vertical-align: middle;
	margin: 0 5px;
}

.floatContentsR {
	float: right;
	margin: 0 0 10px 10px;
}

.floatContentsL {
	float: left;
	margin: 0 10px 10px 0;
}

.floatContentsR,
.floatContentsL {
	max-width: 49%;
	max-width: calc(50% - 10px);
}

.floatContentsR img,
.floatContentsL img {
	width: 100%;
}

@media only screen and (max-width: 959px) {
	.floatContentsR {
		margin: 0 0 10px 5px;
	}
	.floatContentsL {
		margin: 0 5px 10px 0;
	}
	.floatContentsR,
	.floatContentsL {
		w200px max-width: 49%;
		max-width: calc(50% - 5px);
	}
}

@media only screen and (max-width: 479px) {
	.floatContentsR,
	.floatContentsL {
		margin: 0 0 0 0;
	}
	.floatContentsR,
	.floatContentsL {
		max-width: 100%;
	}
	.floatContentsR img,
	.floatContentsL img {
		vertical-align: bottom;
	}
}
.tableWidth2em {
	overflow: hidden;
}
	.tableWidth2em dt {
		float: left;
		width: 2em;
	}
	.tableWidth2em dd {
		margin-left: 2.5em;
		margin-bottom: 0.5em;
	}
em {
	color: #c00;
}

/*slick.css*/
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide img.slick-loading{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*slick-theme.css*/
@charset 'UTF-8';.slick-loading .slick-list
{
    background: #fff url('ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
		position: absolute;
		display: block;
		z-index: 100;
		top: 50%;
		transform: translateY(-90%);
		cursor: pointer;
		background: rgba(255, 255, 255, 1);
  font-size: 1%;
		width: 37px;
		height: 37px;
		border-radius: 19px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
/*    background: transparent;*/
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	text-decoration: none;
	display: block;
	width: 0;
	height: 0;
	line-height: 1;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border: transparent 9px solid;
	transition: all 0.2s;
}

.slick-prev
{
    left: 30px;
}
[dir='rtl'] .slick-prev
{
    right: 30px;
    left: auto;
}
.slick-prev:before
{
/*    content: url(../../jp/img2016/mainVisual/arrow_left.png);*/
	border-right: #004097 13px solid;
	border-left: none;
	transform: translate(-60%,-50%);
}
[dir='rtl'] .slick-prev:before
{
/*    content:  url(../../jp/img2016/mainVisual/arrow_right.png);*/
	border-left: #004097 13px solid;
	border-right: none;
	transform: translate(-60%,-50%);
}

.slick-next
{
    right: 30px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 30px;
}
.slick-next:before
{
/*    content: url(../../jp/img2016/mainVisual/arrow_right.png);*/
	border-left: #004097 15px solid;
	border-right: none;
	transform: translate(-40%,-50%);
}
[dir='rtl'] .slick-next:before
{
/*    content: url(../../jp/img2016/mainVisual/arrow_left.png);*/
	border-right: #004097 15px solid;
	border-left: none;
	transform: translate(-40%,-50%);
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
/*    position: absolute;*/
/*    bottom: 0px;*/

    display: block;

/*    width: 100%;*/
    width: auto;
    padding: 0;
    margin: 0 auto;
	overflow: hidden;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 13px 8px 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 14px;
    height: 14px;
    padding: 0px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 14px;
    line-height: 15px;

    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;

    content: '•';
    text-align: center;

/*    opacity: .25;*/
    color: #cbcbcb;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #004097;
}


/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* Mobile */

	#main #article table.scroll,
	#main #article table.responsive
{ margin-bottom: 0; }
	
	#main #article .pinned { position: absolute; left: 0; top: 0; background: #fff;
		width: 17%;
		overflow: hidden;
/*		overflow-x: scroll;*/
		border-right: 1px solid #ccc;
/*		border-left: 1px solid #ccc;*/
	}
	#main #article .pinned table { border-right: none;
/*		border-left: none;*/
		width: 100%; }
	#main #article .pinned table th, .pinned table td { white-space: nowrap; }
	#main #article .pinned td:last-child { border-bottom: 0; }
	
	#main #article div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	#main #article div.table-wrapper div.scrollable { margin-left: 17%; }
	#main #article div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	#main #article table.responsive td, table.responsive th {
/*		position: relative;*/
		white-space: nowrap; overflow: hidden; }
	#main #article div.scrollable table.responsive th:first-child,
	#main #article div.scrollable table.responsive td:first-child,
	#main #article div.scrollable table.scroll th:first-child,
	#main #article div.scrollable table.scroll td:first-child  { display: none; }
	#main #article .pinned table.responsive th:first-child,
	#main #article .pinned table.responsive td:first-child,
	#main #article .pinned table.scroll th:first-child,
	#main #article .pinned table.scroll td:first-child  { display: table-cell; }
#main #article table.markettable .dummy {
/*
	padding: 0;
	display: none !important;
*/
}