/*

template project
@jun akagi

*/


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

base

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

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

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

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
/*	font-size: 100%;*/
}

select,
input,
textarea {
	font: 100% "MS Pゴシック", Arial, sans-serif;
}

table {
	font-size: inherit;
/*	font: 100%;*/
}

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%;
}

.flv a {
	background: #fff;
	display: block;
	transition: all 0.2s;
}
.flv a:hover {
	background: #f6d4d4;
}
	.flv a img {
		vertical-align: bottom;
	}


/*flex*/


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

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

/*mobflex*/


/*レスポンシブデザイン発生時にflexを使用したい場合にmobflexクラスを付与すると直下の子要素が横並びになる
flex非対応ブラウザおよびsafariではキャンセルされるようにする*/

@media only screen and (max-width: 840px) {
	.mobflex {
		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 .mobflex,*/

.no-flexbox .mobflex {
	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 {
	flex-wrap: wrap;
}

.shadow {
	-webkit-box-shadow: 0 0 10px #a8c0ca;
	box-shadow: 0 0 10px #a8c0ca;
}


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

design

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

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

body {
	background: #ffffff url(../../master.jpg) 50% -56px no-repeat;
	background: #ffffff;
}

/*#wrap*/
.fixwidth
{
	max-width: 980px;
	min-width: 320px;
	margin: auto;
}

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

#siteHeader {
	background: #023b90;
	overflow: hidden;
	padding:0 10px 25px;
	position: relative;
	z-index: 20000;
}
#siteHeader>section>article {
	float: left;
	padding: 35px 0 0;
}
#siteHeader article.btnsHover {
}
	#siteHeader h1 a {
		display: block;
		padding: 5px 3px;
	}
#siteHeader .headerrightitem {
	float: right;
	padding-top: 18px;
	position: relative;
}
.cnpage #siteHeader .headerrightitem {
	max-width: 356px;
}
	#siteHeader .headerrightitem #tNav {
		position: absolute;
		right: 300px;
	}
		#siteHeader .headerrightitem #tNav ul {
		}
		.no-flexbox #siteHeader .headerrightitem #tNav ul {
			display: block;
		}
		.no-flexbox .enpage #siteHeader .headerrightitem #tNav ul {width: 204px;}
		.no-flexbox .jppage #siteHeader .headerrightitem #tNav ul {width: 272px;}
		.no-flexbox .cnpage #siteHeader .headerrightitem #tNav ul {width: 136px;}
			#siteHeader .headerrightitem #tNav li {
				width: 100%;
			}
				.ua-ie-10 #siteHeader .headerrightitem #tNav li,
				.no-flexbox #siteHeader .headerrightitem #tNav li {
					float: left;
					width: 68px;
				}
				#siteHeader .headerrightitem #tNav li a {
					display: block;
					text-align: center;
					text-decoration: none;
					color: #fff;
					font-size: 75%;
					width: 68px;
					min-height: 25px;
					padding: 40px 0 0;
					background-image: url(../img/sprite.png);
					background-repeat: no-repeat;
					cursor: pointer;
				}
				#siteHeader .headerrightitem .search {
					display: none;
				}
				#siteHeader .headerrightitem .kengaku a {
					background-position: 0 0;
				}
				#siteHeader .headerrightitem .featurephone a {
					background-position: -100px 0;
				}
				#siteHeader .headerrightitem .mail a {
					background-position: -200px 0;
				}
				#siteHeader .headerrightitem .access a {
					background-position: -300px 0;
				}
				#siteHeader .headerrightitem .sitemap a {
					background-position: -400px 0;
				}
	#siteHeader .headerrightitem #searchbox {
		width: 280px;
		padding: 10px 0 40px 10px;
		float: right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		#siteHeader .headerrightitem input {
			width: 232px;
			border: #848484 1px solid;
			border-right: none;
			display: block;
			float: left;
			height: 38px;
			border-radius: 3px 0 0 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
		#siteHeader .headerrightitem input[type=submit] {
			width: 38px;
			height: 38px;
			background: #848484 url(../img/sprite.png) -500px 0 no-repeat;
			border-radius: 0 3px 3px 0;
		}
#siteHeader .headerrightitem #lNav {
	position: absolute;
	right: 0;
	bottom: 0;
}
	#siteHeader .headerrightitem #lNav ul {
	}
		#siteHeader .headerrightitem #lNav li {
			float: left;
			margin-left: 5px;
		}
			#siteHeader .headerrightitem #lNav a {
				display: block;
				width: 78px;
				height: 26px;
				line-height: 28px;
				border: #848484 1px solid;
				background: #fff;
				text-align: center;
				color: #023b90;
				text-decoration: none;
				font-size: 115%;
				border-radius: 5px;
			}
@media print {
#siteHeader {
	background: none;
	padding: 0 0 0;
}
#siteHeader>section>article {
	float: none;
	padding: 0 0 0;
}
	.jppage #siteHeader h1 a:after {content: url(../img/logo_print.png)}
	.cnpage #siteHeader h1 a:after {content: url(../img/logo_cn_print.png)}
	.enpage #siteHeader h1 a:after {content: url(../img/logo_en_print.png)}
	#siteHeader h1 a img {
		display: none;
	}
#siteHeader .headerrightitem {
	display: none;	
}
}

@media only screen and (max-width: 979px) {
#siteHeader {
	background: #023b90;
	overflow: hidden;
	padding:0 10px 15px;
	position: relative;
}
#siteHeader>section>article {
	float: left;
	padding: 15px 0 0;
}
#siteHeader article.btnsHover {
}
	#siteHeader h1 a {
	}
#siteHeader .headerrightitem {
	width: auto;
	padding-top: 15px;
	height: 70px;
}
	#siteHeader .headerrightitem #tNav {
		float: none;
		position: absolute;
		right: 10px;
	}
		#siteHeader .headerrightitem #tNav ul {
		}
			#siteHeader .headerrightitem #tNav li {
				width: 100%;
			}
				#siteHeader .headerrightitem #tNav li a {
					width: 40px;
					height: 40px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					overflow: hidden;
				}
				#siteHeader .headerrightitem .search a {
					background-position: -500px 0;
				}
				#siteHeader .headerrightitem .kengaku a {
					background-position: -14px 0;
				}
				#siteHeader .headerrightitem .featurephone a {
					background-position: -114px 0;
				}
				#siteHeader .headerrightitem .mail a {
					background-position: -214px 0;
				}
				#siteHeader .headerrightitem .access a {
					background-position: -314px 0;
				}
				#siteHeader .headerrightitem .sitemap a {
					background-position: -414px 0;
				}
	#siteHeader .headerrightitem #searchbox {
		padding: 0;
		float: none;
		position: absolute;
		right: 5px;
		bottom: -12px;
	}
		#siteHeader .headerrightitem input {
			height: 38px;
		}
		#siteHeader .headerrightitem button {
		}
#siteHeader .headerrightitem #lNav {
	float: none;
	position: absolute;
	right: 135px;
	bottom: auto;
	width: 200px;
}
.jppage #siteHeader .headerrightitem #lNav {
	right: 175px;
}
.cnpage #siteHeader .headerrightitem #lNav {
	right: 135px;
}
	#siteHeader .headerrightitem #lNav ul {
	}
		#siteHeader .headerrightitem #lNav li {
			float: left;
			margin-left: 5px;
			padding: 5px 0;
		}
			#siteHeader .headerrightitem #lNav a {
				width: auto;
				padding: 0 10px;
				font-size: 100%;
			}
}
@media only screen and (max-width: 639px) {
#siteHeader {
	background: #023b90;
	overflow: visible;
	position: relative;
	padding-bottom: 5px;
	height: 90px;
}
#siteHeader>section>article {
	float: left;
	padding: 15px 0 0;
}
#siteHeader article.btnsHover {
}
	#siteHeader h1 a {
	}
#siteHeader .headerrightitem {
	width: auto;
	padding-top: 15px;
		width: calc(100% - 205px);
}
	#siteHeader .headerrightitem #tNav {
		float: none;
	}
		#siteHeader .headerrightitem #tNav ul {
			display: block;
			float: right;
		}
			#siteHeader .headerrightitem #tNav li {
				width: 40px;
				float: left;
			}
				#siteHeader .headerrightitem #tNav li a {
					width: 40px;
					height: 40px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					overflow: hidden;
				}
				#siteHeader .headerrightitem .search {
					display: block;
				}
				#siteHeader .headerrightitem .kengaku a {
					background-position: -14px 0;
				}
				#siteHeader .headerrightitem .featurephone a {
					background-position: -114px 0;
				}
				#siteHeader .headerrightitem .mail a {
					background-position: -214px 0;
				}
				#siteHeader .headerrightitem .access a {
					background-position: -314px 0;
				}
				#siteHeader .headerrightitem .sitemap a {
					background-position: -414px 0;
				}
	#siteHeader .headerrightitem #searchbox {
		width: auto;
		border-top: none;
		padding: 0 5px;
		float: none;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		background: #023b90;
		height: 0px;
		overflow: hidden;
		transition: all 0.6s;
/*		height: 45px;*/
/*		display: none;*/
	}
	.searchactive #siteHeader .headerrightitem #searchbox {
		height: 45px;
	}
		#siteHeader .headerrightitem input {
			width: calc(100% - 40px);
/*			padding: 0 5px;*/
			margin: 0;
		}
		#siteHeader .headerrightitem button {
		}
#siteHeader .headerrightitem #lNav {
	display: none;
}
}
@media only screen and (max-width: 360px) {
#siteHeader {
	background: #023b90;
	overflow: visible;
	position: relative;
	height: inherit;
	padding: 0 0 5px;
}
#siteHeader .fixwidth {
	margin-right: 0;
}
#siteHeader>section>article {
	float: none;
	padding: 10px 0 0 !important;
	width: 100%;
}
#siteHeader article.btnsHover {
}
	#siteHeader h1 {
	}
	#siteHeader h1 a {
		text-align: center;
	}
#siteHeader>section>.headerrightitem {
	width: auto;
	padding-top: 0;
	float: none;
	overflow: hidden;
	height: auto;
}
		#siteHeader .headerrightitem input {
			width: calc(100% - 40px);
/*			padding: 0 5px;*/
			margin: 0;
		}
	#siteHeader .headerrightitem #tNav {
		float: none;
		position: static;
		width: auto;
	}
		#siteHeader .headerrightitem #tNav ul {
			display: block;
			float: none;
			text-align: center;
		}
			#siteHeader .headerrightitem #tNav li {
				float: none;
				display: inline-block;
			}
}
#tNavopener {
	display: none;
}
#gNavopener {
	display: none;
}


#gNav {
	width: 100%;
	clear: both;
	background: #fff;
	border-bottom: #bbb 1px solid;
	position: relative;
	z-index: 20000;
}
	#gNav ul {
		border-left: #bbb 1px solid;
	}
		#gNav li {
			width: 100%;
			border-right: #bbb 1px solid;
		}
		.no-flexbox #gNav li {
			float: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.ua-ie-10 .enpage #gNav li,
		.no-flexbox .enpage #gNav li {width: 12.5%;}
		.ua-ie-10 .jppage #gNav li,
		.no-flexbox .jppage #gNav li {width: 12.5%;}
		.ua-ie-10 .cnpage #gNav li,
		.no-flexbox .cnpage #gNav li {width: 25%;}
			#gNav li a {
				display: block;
				height: 60px;
				line-height: 50px;
				font-size: 83.3%;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				position: relative;
				transition: all 0.2s;
			}
				#gNav li a.active {
					background: #dae7f5;
					color: #023b90;
			}
			#gNav li a:after {
				content: "";
				display: block;
				height: 8px;
				width: 13px;
				position: absolute;
				bottom: 5px;
				left: 50%;
				transform: translate(-50%,-50%);
				background: url(../img/sprite.png) 0 -200px no-repeat;
				transition: all 0.2s;
			}
				#gNav li a.active:after,
				#gNav li.current a:after,
				#gNav li a:hover:after {
				bottom: 1px;
			}
			#gNav li a.double {
				padding: 10px 0;
				line-height: 15px;
			}
			#gNav li a.double span {
				font-size: 75%;
			}
			#gNav li.extra {
				display: none;
				padding: 20px 10px;
				border-bottom: none;
			}
			#gNav li.extra #searchbox {
					width: 100%;
					padding: 0;
					float: none;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					position: relative;
				margin-bottom: 10px;
				}
					#gNav li.extra input {
						border: #848484 1px solid;
						display: block;
						height: 38px;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
					}
					#gNav li.extra input[type=text] {
						width: 90%;
						width: calc(100% - 10px);
						border-right: none;
						border-radius: 3px 0 0 3px;
						margin-right: 10px;
					}
					#gNav li.extra input[type=submit] {
						width: 38px;
						background: #848484 url(../img/sprite.png) -500px 0 no-repeat;
						border-radius: 0 3px 3px 0;
						position: absolute;
						top: 0;
						right: 0;
					}
			#gNav li.extra ul {
			}
			#gNav li.extra li {
				border: #bbb 1px solid;
				border-right: none;
				float: left;
				width: 33%;
			}
			#gNav li.extra li:first-child {
				border-radius: 3px 0 0 3px;
			}
			#gNav li.extra li:last-child {
				border-radius: 0 3px 3px 0;
				border-right: #bbb 1px solid;
			}
			#gNav li.extra li a {
				background: none;
				padding: 0;
				text-align: center;
				font-size: 83.3%;
				height: auto;
				line-height: 3;
			}
			#gNav li.extra li a:after {
				display: none;
			}
@media print {
	#gNav {
		display: none;
	}
}
@media only screen and (max-width: 979px) {
#gNav {
	border-bottom: #bbb 1px solid;
}
	#gNav ul {
		border-left: none;
	}
		#gNav li:last-child {
			border-right: none;
		}
			#gNav li a {
				font-size: 80%;
			}
			#gNav li a.double {
				padding: 0;
				line-height: 50px;
			}
			#gNav li a.double span {
				display: none;
			}
}
@media only screen and (max-width: 799px) {
#gNav {
	border-bottom: #bbb 1px solid;
	border-right: #023b90 3px solid;
	position: absolute;
	z-index: 10000;
	left: -503px;
	height: 100%;
	transition: left 0.6s;
/*	left: 0%;*/
	width: 500px;
}
	
#gNavopener {
	content: "";
	display: block;
	position: absolute;
	left: calc(100% + 3px);
	top: 0;
}
	#gNavopener a {
		display: block;
		width: 40px;
		height: 40px;
		background: #bbb;
		border-radius: 0 0 5px 0;
		text-align: center;
		color: #fff;
		cursor: pointer;
	}
		#gNavopener a i {
			color: #fff;
			font-size: 200%;
			line-height: 1;
		}
		#gNavopener a i:before {
			line-height: 40px;
		}
.gnavactive #gNav {
	left: 0%;
}
	#gNav ul {
		display: block;
		min-width: 0;
	}
		#gNav li {
			float: none;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-bottom: #bbb 1px solid;
		}
		.ua-ie-10 .enpage #gNav li,
		.no-flexbox .enpage #gNav li,
		.ua-ie-10 .jppage #gNav li,
		.no-flexbox .jppage #gNav li,
		.ua-ie-10 .cnpage #gNav li,
		.no-flexbox .cnpage #gNav li {width: 100%;}
		#gNav li:nth-child(2n-1){
			border-right: none;
		}
			#gNav li a,
			#gNav li a.double {
				height: 40px;
				text-align: left;
				line-height: 40px;
				padding: 0 1.5em;
				font-size: 94%;
			}
			#gNav li a:after {
				bottom: auto;
				top: 50%;
				left: auto;
				right: 1.5em;
				transform: translate(-50%,-50%) rotate(270deg)
			}
				#gNav li a.active:after,
				#gNav li.current a:after,
				#gNav li a:hover:after {
				bottom: auto;
				right: 0.5em;
			}
			#gNav li.extra {
				display: block;
			}
}
@media only screen and (max-width: 679px) {
#gNav {
	border-bottom: #bbb 1px solid;
	border-right: #023b90 3px solid;
	position: absolute;
	z-index: 10000;
	left: -253px;
	height: 100%;
	transition: left 0.6s;
/*	left: 0%;*/
	width: 250px;
}
	
#gNavopener {
	content: "";
	display: block;
	position: absolute;
	left: calc(100% + 3px);
	top: 0;
}
	#gNavopener a {
		display: block;
		width: 40px;
		height: 40px;
		background: #bbb;
		border-radius: 0 0 5px 0;
		text-align: center;
		color: #fff;
		line-height: 50px;
		cursor: pointer;
	}
.gnavactive #gNav {
	left: 0%;
}
	#gNav ul {
		display: block;
		min-width: 0;
	}
		#gNav li {
			float: none;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-bottom: #bbb 1px solid;
		}
		#gNav li:nth-child(2n-1){
			border-right: none;
		}
			#gNav li a,
			#gNav li a.double {
				height: 40px;
				text-align: left;
				line-height: 40px;
				padding: 0 1.5em;
			}
			#gNav li a:after {
				bottom: auto;
				top: 50%;
				left: auto;
				right: 1.5em;
				transform: translate(-50%,-50%) rotate(270deg)
			}
				#gNav li a.active:after,
				#gNav li.current a:after,
				#gNav li a:hover:after {
				bottom: auto;
				right: 0.5em;
			}
}

#cNav {
	display: none;
	float: left;
	width: 200px;
}
body.true #cNav {
	display: block;
}
body.true #main article {
	float: right;
	width: calc(100% - 220px);
}
@media print {
body.true #cNav {
	display: none;
}
body.true #main article {
	float: none;
	width: 100%;
}
}
#cNav li {
	margin-bottom: 9px;
}
#cNav a {
	font-size: 83.3%;
	display: block;
	border: #023b90 1px solid;
	padding: 15px 5px 15px 25px;
	text-decoration: none;
	color: #023b90;
	line-height: 1.3;
	position: relative;
	transition: all 0.2s;
}
			#cNav li a:after {
				content: "";
				display: block;
				height: 8px;
				width: 13px;
				position: absolute;
				top: 50%;
				left: 10px;
				transform: translate(-50%,-50%) rotate(270deg);
				background: url(../img/sprite.png) 0 -200px no-repeat;
				transition: all 0.2s;
			}
			#cNav li a:hover:after {
				left: 15px;
			}
#cNav a:active,
#cNav a.current {
	padding: 15px 25px 15px 5px;
}
			#cNav li a.current:after,
			#cNav li a:active:after {
				left: 95%;
				left: calc(100% - 15px);
			}

@media only screen and (max-width: 799px) {
#cNav {
	display: block;
	float: none;
	width: 100%;
}
body.true #main article {
	float: none;
	width: 100%;
}
#cNav ul {
	overflow: hidden;
}
#cNav li {
	float: left;
	width: 33.3%;
	width: calc((100% - 18px) / 3);
	margin-right: 9px;
}
#cNav li:nth-child(3n) {
	margin-right: 0;
}
#cNav li:nth-child(3n-2) {
	clear: both;
}
}
@media only screen and (max-width: 479px) {
#cNav li {
	width: 49%;
	width: calc((100% - 5px) / 2);
	margin-right: 5px;
	margin-bottom: 5px;
}
#cNav li:nth-child(3n) {
	margin-right: 5px;
}
#cNav li:nth-child(3n-2) {
	clear: none;
}
#cNav li:nth-child(2n) {
	margin-right: 0;
}
#cNav li:nth-child(2n-1) {
	clear: both;
}
#cNav a {
	font-size: 75%;
	padding: 8px 5px 8px 25px;
}
#cNav a:active,
#cNav a.current {
	padding: 8px 25px 8px 5px;
}
}


#mainVisual {
/*	max-height: 500px;*/
}

	.slick-initialized .slick-slide {
		display: none;
	}
	#mainVisual img {
		width: 100%;
		height: auto;
	}
@media print {
#mainVisual {
	display: none;
}
}

#chartBox {
	position: relative;
	z-index: 1;
}

#main {
	overflow: hidden;
	padding: 0 10px 30px;
}

#top #main {
	padding: 45px 10px;
}
@media print {
#mainVisual {
	padding: 0 10px;
}
}
#topContents {
}
	#topContents article {
		float: left;
		width: 57.14%;
	}
		#topContents #news {
			background: #fff;
			margin-bottom: 17px;
		}
			#news #tablist {
				border-bottom: #cbcbcb 1px solid;
				margin-top: -1px;
			}
				#news .tabitem {
					margin: 0 5px;
						width: 100%;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
				}
				#news .tabitem:first-child,
				#news .tabitem:last-child {
					margin: 0 0;
				}
					#news .tabitem a {
						display: block;
						padding: 9px 0;
						text-align: center;
						font-size: 115%;
						text-decoration: none;
						font-weight: bold;
						border: #cbcbcb 1px solid;
						border-radius: 5px 5px 0 0;
						background: #aaa;
						color: #fff;
						position: relative;
						bottom: -1px;
						transition: all 0.2s;
					}
						#news .tabitem a:hover {
							background: #ccc;
						}
						#news .tabitem a.active {
							background: #fff;
							color: #0057c4;
							border-bottom-color: #fff;
							cursor: default;
						}
					#news .tabitem br {
						display: none;
					}
		#news section {
			border: #cbcbcb 1px solid;
			border-top: none;
			padding: 13px 20px;
			display: none;
		}
		#news section.primary {
			display: block;
		}
			#eventnews ul,
			.newscontents dl {
				margin-bottom: 6px;
				max-height: 428px;
				transition: all 0.6s;
				overflow: auto;
			}
			#news div dl {
				max-height: 428px;
				overflow: hidden;
			}
			.newscontents dl.more {
				display: block;
			}
			#news div dl.more {
				max-height: 1500px;
			}
				.newscontents dt {
					border-top: #ddd 1px solid;
					padding-top: 10px;
					font-size: 100%;
					margin-bottom: 5px;
				}
					.newscontents i {
						margin-left: 5px;
					}
						.newscontents i:before {
							padding: 0 2px;
							width: 75px;
							text-align: center;
							color: #fff;
							display: inline-block;
						}
							.newscontents i.metal:before {background: #EE7701;}
							.newscontents i.oil:before {background: #BA1800;}
							.newscontents i.elec:before {background: #EB0;}
							.newscontents i.agri:before {background: #009900;}
							.newscontents i.rubber:before {background: #484848;}
							.newscontents i.tocom:before {background: #1955A7;}
							.newscontents i.jcch:before {background: #3a8bfa;}
							.newscontents i.pr:before {background: #14A3A1;}
							.newscontents i.tocom:before {content: "TOCOM";}
							.newscontents i.jcch:before {content: "JCCH";}
							.newscontents i.pr:before {content: "PR";}
							.jppage .newscontents i.metal:before {content: "貴金属";}
							.jppage .newscontents i.oil:before {content: "石油";}
							.jppage .newscontents i.elec:before {content: "電力";}
							.jppage .newscontents i.agri:before {content: "農産物";}
							.jppage .newscontents i.rubber:before {content: "ゴム";}
							.enpage .newscontents i.metal:before {content: "Metal";}
							.enpage .newscontents i.oil:before {content: "Oil";}
							.enpage .newscontents i.elec:before {content: "Electricity";}
							.enpage .newscontents i.agri:before {content: "Agri";}
							.enpage .newscontents i.rubber:before {content: "Rubber";}
							.cnpage .newscontents i.metal:before {content: "贵金属";}
							.cnpage .newscontents i.oil:before {content: "石油";}
							.cnpage .newscontents i.elec:before {content: "电力";}
							.cnpage .newscontents i.agri:before {content: "农产品";}
							.cnpage .newscontents i.rubber:before {content: "天然橡胶";}
				.newscontents dd {
					font-size: 100%;
					padding-bottom: 7px;
				}
					.newscontents dd:last-child {
						border-bottom: #ddd 1px solid;
					}
		#topContents .newslistjump {
			display: none;
		}
		#topContents .morenews {
		}
			#topContents .morenews a {
				background: #dde6f4;
				display: block;
				text-align: center;
				font-size: 130%;
				text-decoration: none;
				font-weight: bold;
				color: #0057c4;
				line-height: 2.3;
				border-radius: 5px;
				transition: all 0.2s;
				position: relative;
			}
				#topContents .morenews a:before {
					content: "";
					position: absolute;
					display: block;
					height: 8px;
					width: 13px;
					top: 50%;
					left: 50%;
					transform: translate(5em,-50%);
					background: url(../img/sprite.png) 0 -200px no-repeat;
					transition: all 0.2s;
				}
				.cnpage #topContents .morenews a:before {
					transform: translate(1em,-50%);
				}
				#topContents .morenews a:hover:before {
						top: 70%;
				}
				#topContents .morenews a:after {
					content: "　　"
				}
		#topContents #event {
			background: #fff;
		}
			#topContents #event .box {
				border: #cbcbcb 1px solid;
				border-top: none;
				padding: 6px 20px 13px;
			}
				#topContents #event ul {
					max-height: 428px;
					overflow: hidden;
					margin-bottom: 6px;
					transition: all 0.6s;
				}
				#topContents #event ul.more {
						display: block;
						max-height: 1500px;
					}
					#eventnews li,
					#topContents #event li {
						border-bottom: #cbcbcb 1px solid;
						position: relative;
						padding: 15px 15px 12px;
					}
						#eventnews li:before,
						#topContents #event li:before {
							content: "";
							position: absolute;
							width: 5px;
							top: 12px;
							left: 0;
							bottom: 12px;
							background: #023b90;
						}
						#eventnews li:last-child,
						#topContents #event li:last-child {
							border-bottom: none;
						}
						#eventnews li h4,
						#topContents #event li h4 {
							border: none;
							font-size: 100%;
							padding: 0;
							margin: 0;
						}
						#eventnews li h4:after,
						#topContents #event li h4:after {
							display: none;
						}
						#eventnews li span,
						#topContents #event li span {
							line-height: 1;
						}
							#eventnews li .icon,
							#topContents #event li .icon {
/*								position: absolute;*/
/*								top: 12px;*/
								display: inline-block;
								padding: 4px 1em;
								color: #fff;
								font-size: 9px;
								margin-right: 5px;
							}
								#eventnews li .icon.square,
								#topContents #event li .icon.square {background: #EB6100;}
								#eventnews li .icon.seminar,
								#topContents #event li .icon.seminar {background: #008ed0;}
								#eventnews li .icon.event,
								#topContents #event li .icon.event {background: #3d7418;}
								#eventnews li .icon.campaign,
								#topContents #event li .icon.campaign {background: #da245c;}
								#eventnews li .icon.end,
								#topContents #event li .icon.end {background: #666666;}
								#eventnews li .icon.end:before,
								#topContents #event li .icon.end:before {
									content: "終了しました";
									color: #ffffff;
								}
						#eventnews li .subtitle,
						#topContents #event li .subtitle {
							color: #023b90;
							display: block;
							font-size: 100%;
						}
						#eventnews li strong,
						#topContents #event li strong {
							color: #023b90;
							display: block;
							font-size: 115%;
							line-height: 1.3;
						}
						#eventnews li p,
						#topContents #event li p {
							margin-bottom: 0;
						}


	#topContents aside {
		float: right;
		width: 39.8%;
	}
		#topContents #chart {
			border: #cdcdcd 1px solid;
			border-radius: 10px 10px 0 0;
		}
			#topContents h2 {
				background: #023b90;
				border-radius: 10px 10px 0 0;
				color: #fff;
				text-align: center;
				font-size: 180%;
				font-weight: bold;
				line-height: 2;
			}
		#topContents .topchartimg {
			padding: 10px 20px 0;
			margin-bottom: 18px;
		}
			#topContents .topchartimg h3 {
				color: #023b90;
				text-align: center;
				font-size: 120%;
				font-weight: bold;
			}
			#topContents iframe {
				width: 100%;
				height: 261px;
			}
@media only screen and (max-width: 979px) {
	
#top #main {
}
#topContents {
}
	#topContents article {
	}
		#topContents #news {
		}
			#news #tablist {
				display: table;
				width: 100%;
			}
				#news .tabitem {
					margin: 0 5px;
					display: table-cell;
				}
					#news .tabitem a {
						font-size: 100%;
						font-weight: normal;
					}
				.newscontents dt {
					font-size: 94%;
				}
					.newscontents i {
					}
						.newscontents i:before {
							font-size: 94%;
						}
				.newscontents dd {
					font-size: 94%;
					padding-bottom: 7px;
				}
		#topContents .newslistjump {
			display: none;
		}
			#topContents .morenews a {
				font-size: 115%;
			}
		#topContents #event {
		}
			#topContents #event li span {
				line-height: 1;
			}
			#topContents #event li .subtitle {
				font-size: 94%;
			}
			#topContents #event li strong {
				font-size: 100%;
			}
			#topContents #event li p {
				font-size: 94%;
			}
	#topContents aside {
	}
		#topContents #chart {
		}
			#topContents h2 {
				font-size: 130%;
			}
		#topContents .topchartimg {
			padding: 10px 15px 0;
		}
}
@media only screen and (max-width: 799px) {
	
#top #main {
}
#topContents {
}
	#topContents article {
		float: none;
		width: 100%;
		margin-bottom: 18px;
	}
		#topContents #news {
		}
		#news section {
			padding: 13px 15px;
		}
			#news div dl {
				max-height: 320px;
			}
			#news div dl.more {
				display: block;
				max-height: 640px;
			}
		#topContents #event {
		}
			#topContents #event .box {
				padding: 6px 15px 13px;
			}
				#topContents #event ul.more {
						max-height: 640px;
					}
					#topContents #event li {
						padding: 34px 15px 12px;
					}
}
@media only screen and (max-width: 480px) {
	
#top #main {
	padding: 18px 10px;
}
#topContents {
}
	#topContents article {
	}
		#topContents #news {
		}
			#news .tabitem a {
				padding: 3px 0;
			}
			#news .tabitem br {
				display: inline;
			}
		#news section {
			padding: 13px 5px;
		}
		#topContents #event {
		}
			#topContents #event .box {
				padding: 6px 5px 13px;
			}
				#topContents #event ul {
				}
				#topContents #event ul.more {
						max-height: 640px;
					}
					#topContents #event li {
						padding: 34px 5px 12px 8px;
					}
						#topContents #event li:before {
							width: 3px;
						}
}
	#topContents aside {
		float: right;
		width: 39.8%;
	}
		#topContents #chart {
			border: #cdcdcd 1px solid;
			border-radius: 10px 10px 0 0;
		}
			#topContents h2 {
				background: #023b90;
				border-radius: 10px 10px 0 0;
				color: #fff;
				text-align: center;
				font-size: 180%;
				font-weight: bold;
				line-height: 2;
			}
		#topContents .topchartimg {
			padding: 10px 20px 0;
			margin-bottom: 18px;
		}
			#topContents iframe {
				width: 100%;
				height: 200px;
			}


#toppage_title {
	margin: 0 35px 0;
	font-size: 94%;
	text-align: right;
}
.topmarkettable {
	margin: 0 35px 18px;
	border: #aaa 1px solid;
}
	.topmarkettable h3 {
	/*	background: #f8f8f8;*/
		height: 36px;
		line-height: 38px;
		font-size: 140%;
		font-weight: bold;
		padding: 0 0 0 43px;
		position: relative;
	}
	.topmarkettable h3:before {
		position: absolute;
		content: "";
		top: 50%;
		left: 9px;
		display: block;
		height: 27px;
		width: 27px;
		transform: translateY(-50%);
		background-image: url(../img/sprite.png);
		background-repeat: no-repeat;
	}
	.topmarkettable#metal h3:before {
		background-position: 0 -100px;
	}
	.topmarkettable#oil h3:before {
		background-position: -100px -100px;
	}
	.topmarkettable#elec h3:before {
		background-position: -400px -100px;
	}
	.topmarkettable#agri h3:before {
		background-position: -200px -100px;
	}
	.topmarkettable#rubber h3:before {
		background-position: -300px -100px;
	}
	.topmarkettable table {
		width: 100%;
	}
		.topmarkettable thead th {
			text-align: center;
			background: #ccc;
			font-size: 83.3%;
			white-space: nowrap;
		}
	.topmarkettable tbody tr:nth-child(2n) {
		background: #f8f8f8;
	}
		.topmarkettable td {
			font-size: 83.3%;
			padding: 2px 7px;
			text-align: right;
		}
		.topmarkettable td:first-child {
			text-align: left;
			width: 70%;
		}
		.topmarkettable td:last-child {
			text-align: center;
			width: 1em;
			padding: 0 5px;
		}
			.topmarkettable .chartchange .fa {
				font-size: 150%;
				color: #023b90;
				cursor: pointer;
			}
			.topmarkettable tr {
				cursor: pointer;
			}
			.topmarkettable tr.active {
				cursor: default;
			}
			.topmarkettable tr.active td {
				background: #fc0;
			}
			.topmarkettable .active .chartchange .fa {
/*				color: #fc0;*/
			}
			.topmarkettable .plus {
				color: #c00;
				font-size: inherit;
			}
			.topmarkettable .plus:before {
				content: "+";
			}
			.topmarkettable .minus {
				color: #080;
				font-size: inherit;
			}
@media only screen and (max-width: 979px) {
	#topContents aside {
	}
		#topContents #chart {
		}
			#topContents h2 {
				font-size: 130%;
			}
		#topContents .topchartimg {
			padding: 10px 15px 0;
		}
	
#toppage_title {
	margin: 0 15px 0;
}
.topmarkettable {
	margin: 0 15px 18px;
}
	.topmarkettable h3 {
		font-size: 115%;
	}
			.topmarkettable .chartchange .fa {
				font-size: 130%;
			}
}

@media only screen and (max-width: 799px) {
	
	#topContents aside {
		float: none;
		width: 100%;
	}
		#topContents #chart {
			overflow: hidden;
		}
			#topContents h2 {
			}
		#topContents .topchartimg {
			max-width: 348px;
			padding-top: 18px;
			margin: auto;
		}
			#topContents img {
				width: 100%;
			}
#toppage_title {
	margin: 0;
}
		#topContents #chart>div {
			padding: 0 15px;
			overflow: hidden;
		}
.topmarkettable {
	float: left;
	width: calc(50% - 5px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 18px 0;
}
.topmarkettable:nth-child(2n) {
	clear: left;
}
.topmarkettable:nth-child(2n-1) {
	float: right;
}
}
@media only screen and (max-width: 639px) {
	
	#topContents aside {
		float: none;
		width: 100%;
	}
		#topContents #chart {
		}
		#topContents #chart>div {
			padding: 0 5px;
		}
.topmarkettable {
	float: none;
	width: 100%;
}
.topmarkettable:nth-child(2n-1) {
	float: none;
}
}

#sNavbg {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
	background: #000;
	opacity: 0.8;
	color: #fff;
	display: none;
}
#sNav {
	border-bottom: #aaa 1px solid;
	background: #DAE7F5;
	display: none;
	max-height: 66%;
	max-height: calc(90% - 195px);
	overflow: auto;
	position: absolute;
	z-index: 10000;
	left: 0;
	right: 0;
}
	#sNav .backmenu {
		display: none;
	}
	#sNav nav {
	padding: 12px 0 19px;
		display: none;
	}
	#sNav ul {
		overflow: hidden;
	}
		#sNav li a {
			display: block;
		}
	#sNav .second>li {
		margin-bottom: 5px;
		border-bottom: #023b90 1px solid;
	}
		#sNav .second>li>a {
			display: block;
			text-decoration: none;
			font-size: 120%;
			color: #023b90;
			padding: 5px;
		}
		#sNav .second>li>a:hover {
			text-decoration: underline;
		}
		#sNav .third {
			margin-bottom: 9px;
			display: -webkit-box;
			display: -moz-box;
			display: box;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: -webkit-flexbox;
			display: flex;
			flex-wrap: wrap;
		}
		.no-flexbox .third {
			display: block;
		}
		#sNav .third>li {
			width: calc(100% / 4);
			padding: 2.5px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.no-flexbox .third>li {
			float: left;
			width: 25%;
		}
		#sNav .third>li:hover {
		}
		#sNav .third>li:nth-child(4n) {
			border-right: none;
		}
		#sNav .third>li>a {
			padding: 5px;
			text-decoration: none;
			display: block;
			border: #7ea4dd 1px solid;
		}
		#sNav .third>li>a:hover,
		#sNav .third>li>a.current {
/*			text-decoration: underline;*/
			background: #fff;
		}
		#sNav .second>li>a.current:hover,
		#sNav .third>li>a.current:hover {
			text-decoration: none;
		}
		#sNav .second>li>a.current:after {
/*			content: "（ハイライト反応テスト）";*/
		}
		#sNav li:nth-child(4n) a {
			margin-right: 0px;
		}
	#sNav li ul {
		display: block;
	}
		#sNav .third ul {
			display: none;
		}
@media only screen and (max-width: 799px) {
	#sNav {
		display: block;
		transition: left 0.6s;
		left: -110%;
		right: auto;
		width: 100%;
/*		padding-bottom: 60px;*/
		max-height: calc(100% - 100px);
/*		left: -10%;*/
	}
	#sNav .backmenu {
		display: block;
		margin-top: 15px;
		padding: 5px;
	}
	#sNav .backmenu a {
		margin-top: 15px;
		padding: 10px 10px 10px 25px;
		font-size: 130%;
		position: relative;
		border-radius: 10px;
		background: #023b90;
		color: #fff;
		cursor: pointer;
	}
	#sNav .backmenu a:before {
		content: "";
		display: block;
		height: 8px;
		width: 13px;
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translate(-50%,-50%) rotate(90deg);
		background: url(../img/sprite.png) -100px -200px no-repeat;
		transition: all 0.2s;
	}
	#sNav .backmenu a span {
	}
	#sNav .backmenu a span:before {
		color: #fff;
	}
	.jppage .backmenu a span:before {
		content: "小メニューを閉じる";
		font-size: 115%;
	}
	.cnpage .backmenu a span:before,
	.enpage .backmenu a span:before {
		content: "Close this menu";
	}
	.snavactive #sNav {
		left: 0%;
	}
		#sNav .third {
			display: block;
		}
		#sNav .third>li {
			width: calc(100% / 3);
			float: left;
			font-size: 94%;
			padding: 3px;
			border: none;
		}
		#sNav .third>li:nth-child(3n-2) {
			clear: both;
		}
		#sNav .third>li a{
		}
}

body.navfix {
	margin-top: 196px;
}
.navfix #siteHeader {
	top: 0;
	padding:0 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	width: 100%;
	z-index: 9998;
	box-shadow: 0 0px 5px #333;
	height: auto;
}
.navfix #siteHeader>section>article {
	float: left;
	padding: 10px 0 0;
	width: auto;
}
.navfix #siteHeader article.btnsHover {
}
	.navfix #siteHeader h1 a {
		display: block;
		padding: 0;
		height: 38px;
	}
	.navfix #siteHeader h1 a img {
		height: 100%;
	}
.navfix #siteHeader .headerrightitem {
	float: none;
	width: auto;
	padding-top: 0;
	position: relative;
	overflow: visible;
	max-width: 100%;
	height: auto;
}
	.navfix #siteHeader .headerrightitem #tNav {
		float: none;
		position: absolute;
		right: 10px;
		top: 10px;
	}
		.navfix #siteHeader .headerrightitem #tNav ul {
		}
			.navfix #siteHeader .headerrightitem #tNav li {
/*				width: 100%;*/
			}
			.ua-ie-10 .navfix #siteHeader .headerrightitem #tNav li,
			.no-flexbox .navfix #siteHeader .headerrightitem #tNav li {
				width: 40px;
			}
				.navfix #siteHeader .headerrightitem #tNav li a {
					width: 40px;
					height: 40px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					overflow: hidden;
				}
				.navfix #siteHeader .headerrightitem .search a {
					background-position: -500px 0;
				}
				.navfix #siteHeader .headerrightitem .kengaku a {
					background-position: -14px 0;
				}
				.navfix #siteHeader .headerrightitem .featurephone a {
					background-position: -114px 0;
				}
				.navfix #siteHeader .headerrightitem .mail a {
					background-position: -214px 0;
				}
				.navfix #siteHeader .headerrightitem .access a {
					background-position: -314px 0;
				}
				.navfix #siteHeader .headerrightitem .sitemap a {
					background-position: -414px 0;
				}
.navfix #siteHeader .headerrightitem #lNav {
	float: none;
	position: absolute;
	right: 135px;
		top: 10px;
}
.cnpage.navfix #siteHeader .headerrightitem #lNav {
	right: 100px;
}
	.navfix #siteHeader .headerrightitem #lNav ul {
	}
		.navfix #siteHeader .headerrightitem #lNav li {
			float: left;
			margin-left: 5px;
			padding: 5px 0;
		}
			.navfix #siteHeader .headerrightitem #lNav a {
				width: auto;
				padding: 0 10px;
				font-size: 100%;
			}
	.navfix #siteHeader .headerrightitem #searchbox {
		position: absolute;
		width: auto;
		padding: 0;
		float: none;
		top: 10px;
		right: 340px;
		margin-left: -350px;
	}
	.cnpage.navfix #siteHeader .headerrightitem #searchbox {
		right: 305px;
	}
		.navfix #siteHeader .headerrightitem input {
			width: 190px;
		}
		.navfix #siteHeader .headerrightitem input[type=submit] {
			width: 40px;
		}
.navfix #gNav {
	position: fixed;
	top: 58px;
	z-index: 9998;
}
	.navfix #gNav .fixwidth {
	}
	.navfix #gNav ul {
	}
		.navfix #gNav li {
		}
			.navfix #gNav li a {
				height: 40px;
				font-size: 75%;
				line-height: 30px;
			}
			.navfix #gNav li a.double {
				padding: inherit;
			}
			.navfix #gNav li a.double span {
				display: none;
			}
.navfix #sNav {
	top: 98px;
	position: fixed;
	width: 100%;
	z-index: 9997;
	box-shadow: 0 0px 5px #333;
}
		.navfix #sNav .second>li>a {
			font-size: 100%;
			padding: 3px;
		}
		.navfix #sNav .third>li>a {
			padding: 3px;
			font-size: 94%;
		}
@media print {
body.navfix {
	margin-top: 0;
}
.navfix #siteHeader {
	padding:0 ;
	position: static;
	box-shadow: none;
}
}
@media only screen and (max-width: 979px) {
.navfix #sNav .fixwidth {
	min-width: 0;
}
}
@media only screen and (max-width: 799px) {
body.navfix {
	margin-top: 116px;
}
				.navfix #siteHeader .headerrightitem .search {
					display: none;
				}
.navfix #siteHeader .headerrightitem #lNav {
	display: none;
}
.cnpage.navfix #siteHeader .headerrightitem #lNav {
	right: 130px;
}
	.navfix #siteHeader .headerrightitem #searchbox {
		display: none;
	}
.navfix #gNav {
	position: fixed;
	width: ;
	top: 58px;
}
	.navfix #gNav .fixwidth {
	}
	.navfix #gNav ul {
	}
		.navfix #gNav li {
		}
			.navfix #gNav li a {
				height: 40px;
				font-size: 100%;
				line-height: 40px;
			}
			.navfix #gNav li a.double {
				padding-left: 1.5em;
			}
			.navfix #gNav li a.double span {
				display: none;
			}
	.navfix #sNav {
		top: 58px;
/*		width: calc(100% - 40px);*/
		z-index: 10000;
	}
}
@media only screen and (max-width: 639px) {
				.navfix #siteHeader .headerrightitem .search {
					display: none;
				}
.navfix #siteHeader .headerrightitem #lNav {
/*	display: block;*/
}
	.navfix #siteHeader .headerrightitem #searchbox {
		display: none;
	}
.navfix #sNav {
}
		#sNav .third>li {
			width: calc(100% / 2);
		}
		#sNav .third>li:nth-child(2n-1) {
			clear: left;
		}
		#sNav .third>li:nth-child(3n-2) {
			clear: none;
		}
}
@media only screen and (max-width: 599px) {
body.navfix {
}
.navfix #siteHeader {
	height: auto;
}
	.navfix #siteHeader h1 a {
		padding: 6px 0;
		height: 26px;
	}
	.navfix #siteHeader .headerrightitem #tNav {
		width: calc(100% - 100px);
	}
	.navfix #siteHeader .headerrightitem #searchbox {
		display: none;
	}
.navfix #sNav {
}
}
@media only screen and (max-width: 399px) {
			.navfix #siteHeader .headerrightitem #tNav li.kengaku,
			.navfix #siteHeader .headerrightitem #tNav li.featurephone,
			.navfix #siteHeader .headerrightitem #tNav li.mail {
				display: none;
			}
}
@media only screen and (max-width: 360px) {
body.navfix {
	margin-top: 170px;
}
	.navfix #siteHeader>section>article {
	}
	.navfix #siteHeader .headerrightitem #tNav ul {
		text-align: right;
	}
	.navfix #siteHeader .headerrightitem .search,
	.navfix #siteHeader .headerrightitem #lNav,
	.navfix #siteHeader .headerrightitem #searchbox {
					display: none !important;
	}
}

#jcch {
	border-top: #bcbcbc 1px solid;
	padding: 32px 0;
}
#jcch .fixwidth {
}
	#jcch h2 {
			text-align: center;
			color: #023b90;
			font-weight: bold;
			font-size: 240%;
			line-height: 1.5;
			margin-bottom: 22px;
	}
	#jcch p {
		margin:0 auto 18px;
		max-width: 800px;
		padding: 0 15px;
	}
	#jcch ul {
		overflow: hidden;
		margin:0 auto 18px;
		max-width: 700px;
		padding: 0 15px;
	}
	#jcch li {
		width: 33.3%;
		margin:0 0 9px !important;
	}
	#jcch li a {
		font-size: 140%;
		text-decoration: none;
		color: #023b90;
		font-weight: bold;
		padding-left: 1em;
	}
		#jcch li a:before,
		#jcch li a:after {
			position: absolute;
			content: "";
			border: transparent 10px solid;
			border-right: none;
			top: 50%;
			left: 2px;
			transform: translateY(-50%);
			transition: all 0.2s;
		}
		#jcch li a:hover:before,
		#jcch li a:hover:after {
			left: 4px;
		}
		#jcch li a:before {
			border-width: 0.5em;
			border-left: #023b90 0.6em solid;
		}
		#jcch li a:after {
			border-width: 0.35em;
			border-left: #fff 0.4em solid;
		}
#jcch img {
	max-width: 100%
}
#jcch img.ver {
	display: none;
}
@media only screen and (max-width: 979px) {
#jcch h2 {
		font-size: 150%;
		margin-bottom: 18px;
}
#jcch li a {
	font-size: 120%;
}
}
@media only screen and (max-width: 480px) {
	#jcch li {
		width: 50%;
	}
	#jcch li a {
		font-size: 110%;
	}
#jcch img.hol {
	display: none;
}
#jcch img.ver {
	display: inline;
}
}

#pageTopAnchor {
	display: block;
	background: #bcbcbc;
	text-align: center;
	text-decoration: none;
	position: relative;
}
	#pageTopAnchor span {
		display: block;
		color: #fff;
		height: 40px;
		line-height: 45px;
		font-size: 180%;
		padding-left: 85px;
	}
	#pageTopAnchor:before,
	#pageTopAnchor:after,
	#pageTopAnchor span:before,
	#pageTopAnchor span:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 50%;
		margin-left: -16px;
		z-index: 90;
		transition: all 0.2s;
	}
	#pageTopAnchor:before,
	#pageTopAnchor span:before {
		margin-top: -10px;
		border: transparent 16px solid;
		border-top: none;
		border-bottom-width: 14px;
		border-bottom-style: solid;
		border-bottom-color: #fff;
		z-index: 90;
	}
	#pageTopAnchor:after,
	#pageTopAnchor span:after {
		width: 32px;
		height: 5px;
		margin-top: 4px;
		background: #fff;
	}
	#pageTopAnchor span:before {
		margin-top: -4px;
		border-bottom-color: #bcbcbc;
		z-index: 100;
	}
	#pageTopAnchor span:after {
		margin-top: 10px;
		background: #bcbcbc;
		z-index: 100;
	}
	#pageTopAnchor:hover:before {
		margin-top: -13px;
	}
	#pageTopAnchor:hover:after {
		margin-top: 1px;
	}
	#pageTopAnchor:hover span:before {
		margin-top: -9px;
	}
	#pageTopAnchor:hover span:after {
		margin-top: 5px;
	}
@media print {
	#pageTopAnchor {
		display: none;
}
}

#breadcrumbs {
	background: #dae7f5;
	overflow: hidden;
}
	#breadcrumbs .fixwidth {
		padding: 0 12px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		#breadcrumbs .fixwidth span {
			color: #023b90;
			font-weight: bold;
			float: left;
			height: 38px;
			line-height: 38px;
			display: block;
		}
		#breadcrumbs .fixwidth a {
			text-decoration: none;
		}
		#breadcrumbs .fixwidth a:after {
			content: ">";
			color: #023b90;
			font-weight: bold;
			margin: 0 0.5em 0 1em;
			height: 38px;
			line-height: 38px;
		}
@media only screen and (max-width: 799px) {
#breadcrumbs {
}
	#breadcrumbs .fixwidth {
		padding: 0 12px 0 52px;
	}
}
@media only screen and (max-width: 480px) {
#breadcrumbs {
}
	#breadcrumbs .fixwidth {
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
	}
		#breadcrumbs .fixwidth a:after,
		#breadcrumbs .fixwidth span {
			height: auto;
			line-height: 1.5;
			font-size: 94%;
		}
}

#h2pagetitle {
	margin-bottom: 18px;
}
	#h2pagetitle .fixwidth {
		display: block;
		color: #023b90;
		font-size: 235%;
		line-height: 1;
		padding: 30px 10px 12px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		border-bottom: #023b90 5px solid;
	}
	#h2pagetitle .fixwidth:after {
		position: absolute;
		content: "";
		bottom: -10px;
		left: 0;
		right: 0;
		height: 5px;
		background: #aaa;
	}
	#h2pagetitle .sub {
		color: #023b90;
		font-size: 75%;
	}
@media only screen and (max-width: 799px) {
#h2pagetitle {
}
	#h2pagetitle .fixwidth {
		font-size: 180%;
		padding-top: 15px;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 480px) {
#h2pagetitle {
}
	#h2pagetitle .fixwidth {
		font-size: 130%;
		border-bottom-width: 3px;
	}
	#h2pagetitle .fixwidth:after {
		bottom: -6px;
		height: 3px;
	}
	#h2pagetitle .sub {
		display: none;
	}
}
.miniwindow h2 {
	background: #eee;
	border-bottom: #bbb 3px solid;
	font-size: 105%;
	padding: 3px 10px;
	margin-bottom: 9px;
	position: relative;
	font-weight: bold;
	color: #333;
}
.miniwindow h2:after {
	background: #023b90;
	content: "";
	width: 30%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -3px;
	display: block;
}
.miniwindow h2 span {}

.miniwindow h3 {
	border-bottom: #bbb 1px solid;
	border-left: #023b90 5px solid;
	font-size: 90%;
	padding: 0 5px;
	margin-bottom: 9px;
	position: relative;
	font-weight: bold;
}
.miniwindow h3:after {
	background: #023b90;
	content: "";
	width: 30%;
	height: 1px;
	position: absolute;
	left: -5px;
	bottom: -1px;
	display: block;
}
#article p,
#article ul,
#article ol,
#article table,
#article dl {
	line-height: 1.8;
	margin-bottom: 18px;
}
#article a {
		color: #023b90;
}
#article a.anchor {
  position: relative;
  top: -105px;
  display: block;
}
#article img {
	max-width: 100%;
	height: auto;
}
#article table {
	border-top: #ADADAD 1px solid;
	border-left: #ADADAD 1px solid;
	width: 100%;
}
	#article table th,
	#article table td {
		border-bottom: #ADADAD 1px solid;
		border-right: #ADADAD 1px solid;
		padding: 3px;
		line-height: 1.8;
/*		word-break: break-all;*/
	}
	#article table thead th {
		padding: 3px;
		text-align: center;
		font-weight: bold;
		background: #ddd;
	}
	#article table tbody th {
/*		text-align: left;*/
		background: #eee;
		min-width: 2em;
		vertical-align: top;
	}
	#article table tbody td.disable {
		color:#CCCCCC;
	}
#article table.membertable {
	border-top: #ADADAD 1px solid;
	border-left: #ADADAD 1px solid;
	width: 100%;
}
	#article table.membertable th,
	#article table.membertable td {
		border-bottom: #ADADAD 1px solid;
		border-right: #ADADAD 1px solid;
		padding: 3px;
		line-height: 1.8;
	}
	#article table.membertable tbody th {
		background: #fff;
		min-width: 2em;
		vertical-align: middle;
	}
	#article table.membertable tbody th img {
		max-width: 200px;
		max-height: 120px;
	}
	#article table.markettable tr:nth-child(2n) th,
	#article table.zebraOdd tr:nth-child(2n) th {
		background: #e6e6e6;
	}
	#article table.markettable tr:nth-child(2n) td,
	#article table.zebraOdd tr:nth-child(2n) td {
		background: #f8f8f8;
	}
@media only screen and (max-width: 480px) {
#article table {
}
	#article table th,
	#article table td {
		padding: 3px;
		font-size: 83.3%;
	}
	#article table thead th {
	}
	#article table tbody th {
	}
	#article table tbody td {
	}
	#article table.markettable tr:nth-child(2n) td,
	#article table.zebraOdd tr:nth-child(2n) td {
	}
	#article table td a {
		font-size: 83.3%;
	}
}
#article table.double {
	border-top:none;
	border-left:none;
	width: 100%;
}
	#article table.double>thead>tr>td,
	#article table.double>tbody>tr>th,
	#article table.double>tbody>tr>td {
		border-bottom:none;
		border-right:none;
		padding: 0;
		line-height: 1;
	}
	#article table.double>thead>tr>th {
		border-bottom: none;
	}
	#article table.double>thead>tr>th:last-child {
		border-right: none;
	}
	#article table.double>tbody>tr>td {
/*		text-align: left;*/
		background: inherit;
	}
	#article table.double>tbody>tr>td:first-child {
		padding-right: 5px;
	}
	#article table.double>tbody>tr>td:last-child {
		padding-left: 5px;
	}
	.market #article table.double>tbody>tr:nth-child(2n)>td {
		background: inherit;
	}
	#article table.double>tbody>tr>td th,
	#article table.double>tbody>tr>td td {
		font-size: 94%;
	}

@media only screen and (max-width: 989px) {
	#article table.double {}
	#article table.double,
	#article table.double>tbody,
	#article table.double>thead>tr,
	#article table.double>tbody>tr,
	#article table.double>thead>tr>th,
	#article table.double>tbody>tr>td {
		display: block;
		width: 100%;
		padding: 0 !important;
		border: none;
	}
	#article table.double>thead {
	display: none;
	}
	#article table.double>tbody>tr>td[valign="top"]:first-child:before,
	#article table.double>tbody>tr>td[valign="top"]:last-child:before {
		border-bottom: #bbb 1px solid;
		border-left: #023b90 5px solid;
		font-size: 110%;
		padding: 0 5px;
		margin-bottom: 9px;
		position: relative;
		font-weight: bold;
		display: block;
		margin-bottom: 18px;
	}
	#article table.double.sx>tbody>tr>td[valign="top"]:first-child:before {content: "夜間取引 (16:30 - 5:30)"}
	#article table.double.sx>tbody>tr.rubber>td[valign="top"]:first-child:before {content: "夜間取引 (16:30 - 19:00)"}
	#article table.double.sx>tbody>tr>td[valign="top"]:last-child:before {content: "日中取引 (8:45 - 15:15)"}
	#article table.double.price>tbody>tr>td[valign="top"]:first-child:before {content: "期近"}
	#article table.double.price>tbody>tr>td[valign="top"]:last-child:before {content: "期先"}
	#article table.double.baibai>tbody>tr>td[valign="top"]:first-child:before,
	#article table.double.baibai>tbody>tr>td[valign="top"]:last-child:before {content:none;}
}

	#article table tr.total td,
	#article table td.total .volume_offset,
	#article table td.total {
		font-weight: bold;
	}
#article table.active {
}
	#article table.active thead th {
		background: #C5E2C3;
	}
	#article table.active tbody th {
		text-align: left;
		background: #f8f8f8;
	}
	#article table.active td {
		background: #F8FFF7;
	}
	#article table.active.markettable tr:nth-child(2n) td,
	#article table.active.zebraOdd tr:nth-child(2n) td {
		background: #E9F7E8;
	}
	#article table.markettable tr.CB td,
	#article table.zebraOdd tr.CB td,
	#article table.active.markettable tr.CB td,
	#article table.active.zebraOdd tr.CB td {
		background: #fcc;
	}
#article table.markettable tr td .error {
	font-weight: bold;
	color: #f00;
}
#article table.markettable tr td p {
	margin-bottom: 0;
}
#article table.nostyle {
	border-top: none;
	border-left: none;
	width: 100%;
	margin-bottom: 0;
}
	#article table.nostyle th,
	#article table.nostyle td {
		border-bottom: none;
		border-right: none;
		padding: 0;
		line-height: inherit;
	}
	#article table.nostyle thead th {
		padding: 0;
		text-align: left;
		font-weight: none;
		background: none;
	}
	#article table.nostyle tbody th {
/*		text-align: left;*/
		background: none;
	}
#dekidaka #article table {
	border-top: none;
	font-size: 60%;
/*	position: absolute;*/
}
#dekidaka #article table th {
	white-space: nowrap;
}
body.news #article table th {
	width: 15%;
	text-align: left;
}
#article table.normal {
}
#article table.normal th,
#article table.normal td {
}
#article table.normal thead th {
}
#article table.normal tbody th {
	width: 20%;
}
#article table.normal tbody th.half {
	width: 10%;
}

#article h3 {
	display: block;
	text-align: left;
	background: #eee;
	border-bottom: #bbb 3px solid;
	font-size: 120%;
	padding: 5px 10px;
	margin-bottom: 9px;
	position: relative;
	font-weight: bold;
	color: #333;
}
#article h3:after {
	background: #023b90;
	content: "";
	width: 30%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -3px;
	display: block;
}
#article h3 span {
	position: absolute;
	right: 10px;
	font-weight: bold;
	top: 50%;
	transform: translateY(-50%)
}
#article h4 {
	border-bottom: #bbb 1px solid;
	border-left: #023b90 5px solid;
	font-size: 110%;
	padding: 0 5px;
	margin-bottom: 9px;
	position: relative;
	font-weight: bold;
}
#article h4:after {
	background: #023b90;
	content: "";
	width: 30%;
	height: 1px;
	position: absolute;
	left: -5px;
	bottom: -1px;
	display: block;
}
@media only screen and (max-width: 639px) {
#article h3.hasspan {
	padding-bottom: calc((1em * 0.65) + 10px);
}
#article h3 span {
	font-size: 65%;
	top: auto;
	bottom: 5px;
	transform: none;
	right: 5px;
}
}
@media only screen and (max-width: 479px) {
#article h3 {
	font-size: 115%;
}
#article h4 {
	font-size: 110%;
}
}
#article h5 {
	border-bottom: #bbb 1px solid;
	border-left: #023b90 3px solid;
	font-size: 105%;
	padding: 0 5px;
	margin-bottom: 9px;
	font-weight: bold;
}
#article ul.normal,
#article .faqlist ul {
		padding-left: 1.5em;
}
	#article ul.normal>li,
	#article .faqlist ul>li {
		list-style: disc;
		margin-bottom: 0.5em;
	}
#article ol.normal,
#article .faqlist ol {
		padding-left: 2.5em;
}
	#article ol.normal>li,
	#article .faqlist ol>li {
		margin-bottom: 1em;
		list-style: decimal;
	}
	#article ol.normal li li,
	#article .faqlist ol li li {
		margin-bottom: 0.5em;
	}
	#article ul.normal li:last-child,
	#article ol.normal li:last-child,
	#article .faqlist ul li:last-child,
	#article .faqlist ol li:last-child {
		margin-bottom: 0;
	}
		#article ol.normal li ol,
		#article .faqlist ol li ol {
			margin-bottom: 0.5em;
			padding-left: 1.6em;
		}
#article .link {
		padding-left: 1em;
}
	#article .link li {
		margin-bottom: 0.5em;
	}
	#article .link li:last-child {
		margin-bottom: 0;
	}
	#article .link li a {
		text-decoration: none;
		position: relative;
		padding-left: 18px;
		display: inline-block;
	}
	#article li a:hover {
		color: #648eff;
	}
	#article .link li a:before {
		position: absolute;
		content: "";
		top: 50%;
		top: calc(0.5em * 1.5);
		left: 5px;
		margin-top: -4px;
		width: 0;
		height: 0;
		border: transparent 4px solid;
		border-right: none;
		border-left: #648eff 5px solid;
	}
	#article a i.file {
		font-size: 150%;
		vertical-align: middle;
		margin-right: 0.0em;
		margin-left: 0.5em;
	}
	#article i.fa-clone {
		vertical-align: middle;
		margin-left: 0.5em;
	}
#article .arrow {}
	#article .arrow li {
		padding-left: 10px;
		margin-bottom: 0.5em;
		position: relative;
		list-style: none !important;
}
	#article .arrow li:after {
		top: 0;
		left: 0;
		content: "";
		margin-top: 5px;
		position: absolute;
		border: transparent 4px solid;
		border-right: none;
		border-left: #AFAFAF 4px solid;
}
	#article .border {
		padding: 15px;
		border: #CDCDCD 1px solid;
}
	#article figure {
		margin: 0;
		margin-bottom: 2em;
}
#article .mark {
	font-size: 140%;
	line-height: 1.8;
	font-weight: bold;
	padding: 20px;
	border: #e9e9e9 3px solid;
}
#article .mark .dib {
	font-weight: bold !important;
}
@media only screen and (max-width: 479px) {
	#article .mark {
		font-size: 100%;
		padding: 15px;
	}
	#article .mark img {
		max-width: 66.6%;
	}
	#article .mark .dib {
		font-weight: bold !important;
	}
}
.pageNav,
#pageNav {
}
	.pageNav ul,
	#pageNav ul {
		overflow: hidden;
	}
		.pageNav li,
		#pageNav li {
			float: left;
			margin-right: 25px;
		}
			.pageNav a,
			#pageNav a {
				padding-left: 15px;
				position: relative;
			}
				.pageNav a:after,
				.pageNav a:before,
				#pageNav a:before,
				#pageNav a:after {
					position: absolute;
					content: "";
					border: transparent 10px solid;
					border-right: none;
					top: 50%;
					left: 2px;
					transform: translateY(-50%)
				}
				.pageNav a:before,
				#pageNav a:before {
					border-width: 4px;
					border-left: #023b90 7px solid;
				}
				.pageNav a:after,
				#pageNav a:after {
					border-width: 2px;
					border-left: #fff 4px solid;
				}

.chartselect.active {
	background: #fc0;
}

.indexmap>ul {
	overflow: hidden;
}
.indexmap>ul>li {
	width: 316px;
	width: calc((100% - 20px) / 3);
	float: left;
	margin-right: 10px;
}
	.indexmap>ul>li:nth-child(3n) {
		margin-right: 0;
	}
	.indexmap>ul>li:nth-child(3n-2) {
		clear: left;
	}
		.indexmap>ul>li>a {
			display: block;
			text-align: left;
			background: #eee;
			border-bottom: #bbb 3px solid;
			font-size: 110%;
			padding: 3px 25px 3px 10px;
			margin-bottom: 9px;
			position: relative;
			font-weight: bold;
			color: #333;
			text-decoration: none;
		}
		.indexmap>ul>li>a:before {
			background: #023b90;
			content: "";
			width: 30%;
			height: 3px;
			position: absolute;
			left: 0;
			bottom: -3px;
			display: block;
		}
			.no-flexbox .indexmap>ul>li li {
				float: none;
				width: 100%;
			}
			.indexmap>ul>li li a {
				position: relative;
				padding: 3px 10px 3px 25px;
				display: block;
			}
		.indexmap>ul>li>a:after,
			.indexmap>ul>li li a:after {
				content: "";
				display: block;
				height: 8px;
				width: 13px;
				position: absolute;
				top: 50%;
				left: 13px;
				transform: translate(-50%,-50%) rotate(270deg);
				background: url(../img/sprite.png) 0 -200px no-repeat;
				transition: all 0.2s;
			}
			.indexmap>ul>li>a:after {
				left: auto;
				right: 0;
			}
			.indexmap>ul>li li a:hover:after {
				left: 18px;
			}
			.indexmap>ul>li>a:hover:after {
				right: -5px;
			}
			.indexmap>ul>li li ul {
				padding-left: 25px;
			}
			.indexmap>ul>li li li {
				position: relative;
				padding: 2px 0;
			}
			.indexmap>ul>li li li a {
				display: inline-block;
				padding: 0;
				color: #333 !important;
			}
			.indexmap>ul>li li li:before {
				content: "> "
			}
			.indexmap>ul>li li li a:after {
				display: none;
			}
@media only screen and (max-width: 799px) {
	
.indexmap>ul>li {
	width: calc((100% - 20px) / 2);
	margin-right: 10px;
}
	.indexmap>ul>li:nth-child(3n) {
		margin-right: 10px;
	}
	.indexmap>ul>li:nth-child(3n-2) {
		clear: none;
	}
	.indexmap>ul>li:nth-child(2n) {
		margin-right: 0;
	}
	.indexmap>ul>li:nth-child(2n-1) {
		clear: left;
	}
}
@media only screen and (max-width: 360px) {
	
.indexmap>ul>li {
	width: 100%;
	float: none;
	margin-right: 0;
}
.indexmap li{
	width: auto;
	min-width: 0 !important;
}
}


#adlink {
	background: #ebebeb;
	padding: 25px 0 3px;
}
	#adlink h2 {
		text-align: center;
		color: #023b90;
		font-weight: bold;
		font-size: 240%;
		line-height: 1.5;
		margin-bottom: 22px;
	}
	#adlink ul {
		width: 905px;
		margin: auto;
		overflow: hidden;
	}
		#adlink #ad>ul {
			margin: 0 auto 25px;
			width: 935px;
		}
			#adlink #ad a {
				display: block;
				width: 200px;
				margin: auto;
			}
		#adlink #link>ul>li {
			width: 200px;
			float: left;
			text-align: center;
			margin: 0 35px 25px 0;
		}
		#adlink #link ul>div>div>li:nth-child(4n),
		#adlink #link ul>li:nth-child(4n) {
			margin-right: 0;
		}
			#adlink ul a {
			}
				#adlink ul img {
					vertical-align: bottom;
					width: 100%;
					height: 100%;
                    max-height: 52px;
				}
	#adlink #link .double {
		width: 905px;
	}
		#adlink #link .double li {
			width: 435px;
		}
		#adlink #link .double li:nth-child(2n) {
			margin-right: 0;
		}
		#adlink #link>ul.customSize>li,
		#adlink #link ul.customSize>div>div>li:nth-child(4n),
		#adlink #link ul.customSize>li:nth-child(4n) {
			margin: 0 10px 40px 0;
			height: 50px;
		}
		#adlink #link>ul.customSize>li:nth-child(1) {
			width: 275px;
			height: 230px;
		}
		#adlink #link ul.customSize>li:nth-child(4),
		#adlink #link ul.customSize>li:nth-child(7) {
			margin-right: 0;
		}
			#adlink ul a {
			}
				#adlink ul img {
					vertical-align: bottom;
				}
	#adlink #link .double {
		width: 905px;
	}
		#adlink #link .double li {
			width: 435px;
				margin-bottom: 40px;
		}
		#adlink #link .double li:nth-child(2n) {
			margin-right: 0;
		}
/*FT-COMMODITIES 掲載期間のみ有効にする*/
	#adlink #link .double {
		width: 905px;
	}
/*
		#adlink #link .double li {
		}
		#adlink #link .double li:nth-child(1) {
			width: 320px;
			margin-right: 0;
		}
		#adlink #link .double li:nth-child(2),
		#adlink #link .double li:nth-child(3) {
			float: right;
			width: 435px;
			margin-right: 0;
		}
*/
@media print {
#adlink {
	display: none;
}
	}
@media only screen and (max-width: 979px) {
#adlink,
#jcch,
#siteFooter {
/*	display: none;*/
}
#adlink {
	padding: 25px 0 3px;
}
	#adlink ul {
		width: 675px;
		text-align: center;
	}
		#adlink #ad>ul {
			margin: 0 auto 25px;
			width: 700px;
		}
			#adlink #ad a {
				width: 150px;
			}
		#adlink #link>ul>li {
			width: 150px;
			margin: 0 25px 25px 0;
		}
		#adlink #link ul>li:nth-child(4n),
		#adlink #link ul>li:last-child {
			margin-right: 0;
		}
			#adlink ul a {
			}
				#adlink ul img {
					width: 100%;
					height: 100%;
				}
	#adlink #link .double {
		width: 675px;
	}
		#adlink #link .double li {
			width: 325px;
		}
		#adlink #link .double li:nth-child(2n) {
		}
}
@media only screen and (max-width: 799px) {
#adlink {
	padding: 25px 0 3px;
}
	#adlink h2 {
		font-size: 180%;
		margin-bottom: 15px;
	}
	#adlink ul {
		width: 480px;
	}
		#adlink #ad>ul {
			width: 480px;
		}
			#adlink #ad a {
				width: 150px;
			}
		#adlink #link>ul>li {
			width: 105px;
			margin: 0 20px 25px 0;
		}
	#adlink #link .double {
		width: 480px;
	}
		#adlink #link .double li {
			width: 230px;
		}
		#adlink #link .double li:nth-child(2n) {
		}
}
@media only screen and (max-width: 480px) {
#adlink {
	padding: 25px 0 3px;
}
	#adlink h2 {
		font-size: 180%;
		margin-bottom: 15px;
	}
	#adlink ul {
		width: 310px;
	}
		#adlink #ad>ul {
			width: 320px;
			margin-bottom: 10px;
		}
			#adlink #ad a {
				width: 150px;
			}
		#adlink #link>ul>li {
			width: 150px;
			margin: 0 10px 10px 0;
		}
		#adlink #link>ul>li:nth-child(2n) {
			margin-right: 0;
		}
	#adlink #link .double {
		width: 310px;
	}
		#adlink #link .double li {
			width: 310px;
			margin-right: 0;
		}
}

#siteFooter {
	background: #023b90;
}
	#siteFooter .fixwidth {
		padding: 29px 14px 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		#siteFooter article {
		}
			#siteFooter h2 {
				color: #fff;
				margin-bottom: 10px;
			}
					#siteFooter h2 img {
						vertical-align: bottom;
						margin-bottom: 3px;
					}
			#siteFooter p {
				color: #fff;
			}
		#siteFooter aside {
			padding: 2px 5px;
			text-align: right;
		}
			#siteFooter ul {
				float: right;
				margin-bottom: 18px;
			}
				#siteFooter li {
					font-size: 83.3%;
					border-bottom: #fff 1px solid;
				}
				#siteFooter li:last-child {
					border-bottom: none;
				}
					#siteFooter a {
						color: #fff;
						text-decoration: none;
						padding: 5px;
						display: block;
					}
			#siteFooter address {
				color: #fff;
				font-size: 83.3%;
				clear: both;
			}
	@media print {
#siteFooter {
	background: none;
	padding: 0 0 0;
	color: #000	!important;
}
#siteFooter .fixwidth {
	display: block;
}
#siteFooter address,
#siteFooter h2,
#siteFooter p {
	color: #000	!important;
}
	.jppage #siteFooter h2:before {content: url(../img/logo_s_print.png)}
	.cnpage #siteFooter h2:before {content: url(../img/logo_cn_s_print.png)}
	.enpage #siteFooter h2:before {content: url(../img/logo_en_s_print.png)}
		
		#siteFooter aside {
			text-align: center;
			padding-top: 40px;
		}
	#siteFooter aside ul,
	#siteFooter h2 img {
		display: none;
	}
}
@media only screen and (max-width: 979px) {
#siteFooter {
}
	#siteFooter .fixwidth {
		display: block;
	}
		#siteFooter article {
			margin-bottom: 18px;
		}
			#siteFooter h2 {
			}
					#siteFooter h2 img {
					}
			#siteFooter p {
			}
		#siteFooter aside {
			text-align: center;
		}
			#siteFooter ul {
				float: none;
				margin-bottom: 18px;
			}
				#siteFooter li {
					display: inline-block;
					margin: 0 3px;
					border: none;
				}
					#siteFooter a {
					}
			#siteFooter address {
				clear: both;
			}
}
@media only screen and (max-width: 480px) {
		#siteFooter article {
			text-align: center;
		}
}



/*カラムスタイルを実現させる
基本的にはflexと併用
この辺りjsに置き換えちゃったのでだいぶ簡略化
*/

.column {
	border: #eee 5px solid;
	padding: 15px;
	margin-bottom: 18px;
}

.columnitem {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*flex非対応ブラウザとsafariではcolumnでのflexがキャンセルされるため、その子要素を横並びにするための処理を行う*/

.ua-safari .columnitem,
.no-flexbox .columnitem {
	float: left;
}


/*column2xは左右2カラムの場合にcolumnと同じ要素に設定する
flex非対応ブラウザとsafariでの偶数目の要素を右に寄せる処理を行っているため、
htmlの記述順も左→右の順で記述する必要がある*/

.ua-safari .column2x .columnitem:nth-child(2n),
.no-flexbox .column2x .columnitem:nth-child(2n) {
	float: right;
}


/*js仕様にした場合のレスポンシブ対応案がまだ思いつかないので保留*/

@media only screen and (max-width: 959px) {
	.mobileitemsize1 {
		width: calc(100% / 12 * 1 - 10px);
	}
	.mobileitemsize2 {
		width: calc(100% / 12 * 2 - 10px);
	}
	.mobileitemsize3 {
		width: calc(100% / 12 * 3 - 10px);
	}
	.mobileitemsize4 {
		width: calc(100% / 12 * 4 - 10px);
	}
	.mobileitemsize5 {
		width: calc(100% / 12 * 5 - 10px);
	}
	.mobileitemsize6 {
		width: calc(100% / 12 * 6 - 10px);
	}
	.mobileitemsize7 {
		width: calc(100% / 12 * 7 - 10px);
	}
	.mobileitemsize8 {
		width: calc(100% / 12 * 8 - 10px);
	}
	.mobileitemsize9 {
		width: calc(100% / 12 * 9 - 10px);
	}
	.mobileitemsize10 {
		width: calc(100% / 12 * 10 - 10px);
	}
	.mobileitemsize11 {
		width: calc(100% / 12 * 11 - 10px);
	}
	.mobileitemsize12 {
		width: calc(100% / 12 * 12 - 10px);
	}
}

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

/*レスポンシブデザイン上で最終的に1カラムになる場合に使用*/

@media only screen and (max-width: 529px) {
	.mobileitemsize1,
	.mobileitemsize2,
	.mobileitemsize3,
	.mobileitemsize4,
	.mobileitemsize5,
	.mobileitemsize6,
	.mobileitemsize7,
	.mobileitemsize8,
	.mobileitemsize9,
	.mobileitemsize10,
	.mobileitemsize11,
	.mobileitemsize12 {
		width: 100%;
	}
}


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

unit

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

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


.chart {}
.chartbtn {
	overflow: hidden;
/*	float: right;*/
	margin-bottom: 18px;
}
.chart .chartbtn {
	text-align: right;
}
.chart .chartbtn a {
	border: none;
	background: #023b90;
	color: #fff !important;
/*	display: inline-block;*/
	padding: 0 40px;
	height: 26px;
	line-height: 26px;
	border-radius: 5px;
	cursor: pointer;
}
.chart a.enable {
}
.chart a.disable {
	display: none;
}
.chart .chartimage {
	height: 0;
	overflow: hidden;
	transition: height 0.2s;
	margin-bottom: 18px;
}
.allenable .allchart a.disable,
.dayenable .daychart a.disable,
.nightenable .nightchart a.disable {
	display: inline;
}
.allenable .allchart .chartimage,
.dayenable .daychart .chartimage,
.nightenable .nightchart .chartimage {
	height: auto;
}
.allenable .allchart a.enable,
.dayenable .daychart a.enable,
.nightenable .nightchart a.enable {
	display: none;
}
.chartimage iframe {
	width: 100%;
	height: 500px;
}
@media only screen and (max-width: 360px) {
.chartimage iframe {
	height: 387px;
}
}
.bordercolumn {
	margin-bottom: 18px;
}

.bordercolumn2x {
	overflow: hidden;
}

.bordercolumn2x .bordercolumnitem {
	width: 48%;
	width: calc(50% - 5px);
}

.bordercolumn2x .bordercolumnitem img {
	width: 100%;
}

@media only screen and (max-width: 639px) {
	.bordercolumn2x {
		display: block;
	}
	.bordercolumn2x .bordercolumnitem {
		float: none;
		width: 100%;
		margin-bottom: 9px;
	}
}

.more {
	display: none;
}

.adtabbox {}
	.adtabitem {
		overflow: hidden;
	}
		.adtabitem article {
			float: left;
			width: 64%;
			width: calc(66.6% - 5px);
		}
		.adtabitem aside {
			float: right;
			width: 32%;
			width: calc(33.3% - 5px);
		}
		.adtabitem dl {
			background: #f3f3f3;
			border-top: #ccc 1px solid;
			overflow: hidden;
			position: relative;
		}
		#main .adtabitem dt,
		#main .adtabitem dd {
			font-size: 94%;
			line-height: 1.8;
		}
		#main .adtabitem dt {
			position: absolute;
			padding: 10px 5px;
		}
			#main .adtabitem dt i {
				font-size: 150%;
				margin-right: 0.2em;
			}
		#main .adtabitem dd {
			padding: 10px;
			padding-left: 5em;
			min-height: 3.5em;
			min-height: calc(1em * 1.8 + 20px);
			border-bottom: #ccc 1px solid;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#main .adtabitem dd ul.linklist a {
				display: block;
			}
			#main .adtabitem dd ul.linklist a:after {
				top: 0.8em;
				top: calc((1em * 1.5) / 2);
			}

.adlist {}
	.aditem {
		max-width: 220px;
		width: 30%;
		width: calc(33.3% - 10px);
		border: #adadad 1px solid;
		margin-bottom: 18px;
	}
		#main .aditem figure {
			position: relative;
			transition: all 0.2s;
			margin-bottom: 0;
		}
		.aditem figure:hover {
			opacity: 0.6;
		}
			.aditem figure img {
				vertical-align: bottom;
			}
		.aditem figcaption {
			border-top: none;
			padding: 10px;
		}
		.aditem figcaption h5 {
			height: 32px;
			line-height: 32px;
			font-weight: bold;
			font-size: 120%;
			position: relative;
		}
		.aditem figcaption h5:before,
		.aditem figcaption h5:after {
			position: absolute;
			content: "";
			top: 1px;
			border: transparent 14px solid;
			border-right: none;
			transition: all 0.2s;
		}
		.aditem figcaption h5:before {
			right: 0;
			border-left: #888 16px solid;
		}
		.aditem figcaption h5:after {
			right: 5px;
			border-left: #fff 16px solid;
		}
		.aditem:hover figcaption h5:before {
			right: -3px;
			border-left: #888 16px solid;
		}
		.aditem:hover figcaption h5:after {
			right: 0;
			border-left: #fff 16px solid;
		}
		#main .aditem figcaption p {
			margin-bottom: 0;
		}
		#main .aditem figcaption .overwrap a {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			overflow: hidden;
			font-size: 1%;
			text-indent: -9999px;
		}
	.adposteritem {
		max-width: 220px;
		width: 30%;
		width: calc(33.3% - 10px);
		margin-bottom: 18px;
	}
	#main .adposteritem figure {
		border: #adadad 1px solid;
		margin-bottom: 0;
	}
	#main .adposteritem figcaption {
		font-size: 83.3%;
	}

@media only screen and (max-width: 639px) {
	.aditem {
		max-width: 220px;
		width: 30%;
		width: calc(50% - 10px);
		margin-bottom: 18px;
	}
}

@media only screen and (max-width: 479px) {
	.adtabitem article,
	.adtabitem aside {
		float: none;
		width: 100%;
	}
	.adlist {display: block;}
	.aditem {
		margin:0 auto 10px;
		max-width: 100%;
		width: 100%;
		overflow: hidden;
	}
	.aditem img {
		float: left;
		width: 120px;
		margin-right: 15px;
	}
	#main .aditem h5 {
		font-size: 100%;
		height: 25px;
		line-height: 25px;
	}
	#main .aditem p {
		font-size: 83.3%;
	}
		.aditem figcaption h5:before,
		.aditem figcaption h5:after {
			border: transparent 8px solid;
		}
		.aditem figcaption h5:before {
			right: 0;
			border-left: #888 8px solid;
		}
		.aditem figcaption h5:after {
			right: 3px;
			border-left: #fff 8px solid;
		}
		.aditem:hover figcaption h5:before {
			right: -3px;
			border-left: #888 8px solid;
		}
		.aditem:hover figcaption h5:after {
			right: -2px;
			border-left: #fff 8px solid;
		}
	.adposteritem {
		width: calc(33.3% - 2.5px);
	}
}

#listbox table {
	width: 100%;
}
#listbox table th,
#listbox table td {
	padding: 0;
}
#listbox table a {
	display: block;
	font-size: 83.3%;
	text-align: center;
	padding: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
#listbox table th a {
	min-width: 30px;
}
#listbox table td a {
	min-width: 1em;
}
#listbox table a:hover {
	background: #fc0;
}
#listbox iframe {
	width: 100%;
	height: 800px;
}

@media only screen and (max-width: 479px) {
#listbox tr,
#listbox table {
	display: block;
	border: none;
	}
#listbox table tr {
	margin-bottom: 18px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-top: 2.1em;
}
#listbox table th,
#listbox table td {
	border: none;
	width: 12.5%;
}
#listbox table th {
	display: block;
	clear: both;
	position: absolute;
	top: 0;
	width: 100%;
}
#listbox table td {
	display: block;
	float: left;
}
#listbox table a {
	display: block;
	font-size: 95%;
	padding: 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#listbox table th a {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}
#listbox table td a {
	padding: 5px;
}
#listbox table a:hover {
	background: #fc0;
}
}

#main table.eventprogramtable {
	border-left: none;
}
table.eventprogramtable thead th.time {
	width: 10%;
}
table.eventprogramtable thead th.theme {
	width: 45%;
}
table.eventprogramtable thead th.teacher {
	width: 45%;
}
#main table.eventprogramtable tbody th {
	text-align: center;
}
table.eventprogramtable th,
table.eventprogramtable td {
	border-left: #cdcdcd 1px solid;
}
#main table.eventprogramtable tr.space td {
	border-left: none;
	border-right: none;
	padding: 9px 0 0;
	font-size: 115%;
	font-weight: bold;
}
table.eventprogramtable td {
	vertical-align: top;
}




.application {}
.application p {
	text-align: center;
	margin-bottom: 0 !important;
}
.application p a {
	display: block;
	width: 460px;
	height: 70px;
	line-height: 70px;
	margin: auto;
	font-size: 180%;
	text-decoration: none;
	border-radius: 5px;
	margin-bottom: 18px !important;
	position: relative;
}
.application p.enable a {
	background: #2a56a7;
	color: #fff !important;
}
.application p.disable a {
	background: #4c6085;
	color: #cad0db !important;
	cursor: default;
}
.application p.enable a:before,
.application p.enable a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 17px;
	width: 5px;
	margin-top: -18px;
	background: #fff;
	border: #2a56a7 18px solid;
	border-right: none;
	border-left-color: #fff;
	transition: all 0.2s
}
.application p.enable a:after {
	right: 23px;
	border-color: transparent;
	border-left-color: #2a56a7;
	background: transparent !important;
}
.application p.enable a:hover:before {
	right: 12px;
}
.application p.enable a:hover:after {
	right: 15px;
	border-color: transparent;
	border-left-color: #2a56a7;
	background: transparent !important;
}
@media only screen and (max-width: 479px) {
.application {}
.application p {
	text-align: left;
}
.application p a {
	display: block;
	width: 360px;
	max-width: 100%;
	height: 3em;
	line-height: 3em;
	text-align: center;
	font-size: 120%;
}
.application p.enable a:before,
.application p.enable a:after {
	right: 0.8em;
	margin-top: -0.8em;
	border: #2a56a7 0.8em solid;
	border-right: none;
	border-left-color: #fff;
}
.application p.enable a:after {
	right: 1em;
	border-color: transparent;
	border-left-color: #2a56a7;
}
.application p.enable a:hover:before {
	right: 0.5em;
}
.application p.enable a:hover:after {
	right: 0.65em;
}
	
}

.accordion dt {
	cursor: pointer;
}
.accordion dd {
	display: none;
}

.normalaccordionstyle {
	padding: 0 10px;
}
.normalaccordionstyle dt {
	position: relative;
	padding-left: 1.2em;
}
.normalaccordionstyle dt span {
	font-size: 120%;
	margin-bottom: 18px;
	display: block;
}
.normalaccordionstyle dt:hover span {
	text-decoration: underline;
}
.normalaccordionstyle dt:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 50%;
	top: calc(1em * 1.8 / 2);
	left: 0;
	margin-top: -0.5em;
	border: transparent 0.5em solid;
	border-right: none;
	border-left: #333 0.8em solid;
	transition: all 0.2s;
}
.normalaccordionstyle dt.active:before,
.normalaccordionstyle dt:hover:before {
	transform: rotate(90deg)
}
.normalaccordionstyle dd {
	padding-bottom: 18px;
}
.normalaccordionstyle .normalaccordionstyle dd {
	padding-bottom: 0;
}

#index.rule {}
#index.rule #article table {}
#index.rule #article table th {
	width:3%;
	text-align: center;
}
#index.rule #article table td {
	width:47%;
	vertical-align: top;
}

#sitemap #article>ul {}
#sitemap #article>ul .nognav {
	display: none;
}
#sitemap #article>ul h3 {
	border-bottom: #e9e9e9 3px solid;
	font-size: 120%;
	font-weight: bold;
}
#sitemap #article>ul h3 a {
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
}
#sitemap #article>ul a {
	color: #333;
	border-radius: 0 !important;
	position: relative;
	padding-left: 15px !important;
}
	#sitemap #article>ul a:hover {
		color: #648eff;
	}
#sitemap #article>ul .third a {
	padding: 0 0 0 15px;
	margin: 0 !important;
}
#sitemap #article>ul li>a:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	line-height: 0;
	text-align: center;
	transform: translateY(-50%);
	border: transparent 6px solid;
	border-left: #023b90 6px solid;
	border-right: none;
}
#sitemap #article>ul li.hasChild>a:before {
	position: absolute;
	content: "+";
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	transform: translateY(-50%);
	font-size: 83.3%;
	border-radius: 20px;
	background: #023b90;
	color: #fff;
	border: none;
}
#sitemap #article>ul li.hasChild.active>a:before {
	content: "-";
}
#sitemap #article>ul ul li.hasChild>ul {
/*	height: 0%;*/
	overflow: hidden;
	padding: 0;
/*	display: none;*/
}
#sitemap #article>ul li.hasChild.active>ul {
/*	height: 100%;*/
}
#sitemap #article>ul .categoryitem>ul {
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap
}
.no-flexbox #sitemap #article>ul .categoryitem>ul {
	display: block;
	overflow: hidden;
}
#sitemap #article>ul .categoryitem>ul>li {
	display: block;
	width: 30%;
	width: calc((100% - 20px) / 3);
	margin-right: 10px;
}
.no-flexbox #sitemap #article>ul .categoryitem>ul>li {
	float: left;
}
#sitemap #article>ul .categoryitem>ul li:nth-child(3n) {
	margin-right: 0;
}
#sitemap #article>ul .categoryitem>ul>li>a {
	
}
#sitemap #article>ul .categoryitem>ul ul {
}
#sitemap #article>ul .categoryitem>ul ul li {
	width: 100%;
}
@media only screen and (max-width: 659px) {
	#sitemap #article>ul .categoryitem>ul li {
		width: 50%;
	width: calc((100% - 20px) / 2);
	}
#sitemap #article>ul .categoryitem>ul li:nth-child(3n) {
	margin-right: 10px;
}
#sitemap #article>ul .categoryitem>ul li:nth-child(2n) {
	margin-right: 0;
}
}
@media only screen and (max-width: 479px) {
	#sitemap #article>ul .categoryitem>ul {
		display: block;
	}
	#sitemap #article>ul .categoryitem>ul li {
		width: 100%;
	}
	#sitemap #article>ul a {
		padding: 10px 5px 10px 15px;
	}
}

#access #main .border {
	border-color: #333;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 18px;
}
	#access #main figure {
		float: right;
		width: 183px;
		margin-bottom: 0 !important;
	}
	#access #main figcaption {
		display: none;
	}
	#access #main dl {
		float: left;
		padding: 10px 0 10px 10px;
		width: 440px;
		width: calc(100% - 183px - 20px);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#access #main dt {
		float: left;
		clear: both;
		width: 80px;
		padding: 10px 5px;
		font-weight: bold;
	}
	#access #main dd {
		padding: 10px 0px 10px 90px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: #333 1px dotted;
	}

@media only screen and (max-width: 639px) {
	#access #main .border {
		padding: 18px;
	}
		#access #main figure {
			display: none;
		}
		#access #main dl {
			float: none;
			padding: 0;
			width: 100%;
			margin-bottom: 0;
		}
	#access #main dd:last-child {
		border-bottom: none;
	}
}
@media only screen and (max-width: 479px) {
	#access .border {
		padding: 10px;
	}
		#access figure {
			display: none;
		}
		#access dl {
			float: none;
			padding: 0;
			width: 100%;
			margin-bottom: 0;
		}
		#access dt {
			float: none;
			clear: both;
			width: 80px;
			padding: 5px 5px 0;
			font-weight: bold;
		}
		#access dd {
			padding: 0 5px 5px;
			width: 100%;
		}
}

body#index.products #main table {}
	body#index.products #main table td {
		vertical-align: top;
	}
	body#index.products #main table th,
	body#index.products #main table td {
		padding: 10px 3px;
	}
		body#index.products #main table ul {
			margin-bottom: 0;
		}
			body#index.products #main table li {
				margin-bottom: 3px;
			}
			body#index.products #main table li:last-child {
				margin-bottom: 0;
			}

.text #last-update {
	clear: both;
}

#contactform tbody th {
	width: 20%;
}

#contactform input[type=text] {
	width: 40%;
	min-width: 200px;
}
#contactform input,
#contactform textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contactform input.short {
	width: 20%;
	min-width: 100px;
}


#contactform input.long,
#contactform textarea {
	width: 100%;
}

span.required,
th.required:after {
	font-size: 75%;
	background: #f00;
	padding: 0.125em 0.3em 0;
	vertical-align: middle;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
}
th.required:after {
	content: "必須";
	margin-left: 1em;
}
.enpage th.required:after {
	content: "Required";
}

#contactform label {
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
}

#contactform textarea {
	height: 10em;
}

#contactform .caption {
	display: block;
	font-size: 75%;
}
#contactform .caption a {
	font-size:inherit;
}

#contactform .error {
  background-color: #FFAAAA;
}
#contactform .error_text {
  color: #F00;
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
	#contactform,
	#contactform table,
	#contactform tbody,
	#contactform tr,
	#contactform th,
	#contactform td {
		border: none;
		display: block;
		border: none !important;
	}
	#contactform th,
	#contactform td {
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#contactform td {
		margin-bottom: 18px;
	}
	#contactform br {
		display: none;
	}
	#contactform .annotation {
		display: block;
		font-size: 94%;
		line-height: 1.5;
	}
	#contactform .indent {
		margin-left: 2em;
	}
	#contactform .dindent {
		margin-left: 4em;
	}
	#contact input[type=text] {
		width: 60%;
		height: 2em;
	}
	#contact input.long {
		width: 100%;
	}
	#contact input.short {
		width: 40%;
	}
	#contactform label {
		display: block;
	}
}

#sitemap #main>*>ul {}

#sitemap #main>*>ul>li {
	margin-bottom: 9px;
}

#sitemap #main>*>ul>li.home {
	background: #aaa;
}

#sitemap #main>*>ul>li a {
	display: block;
	text-decoration: none;
}

#sitemap #main>*>ul>li>a {
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	padding: 5px 5px 0;
}

#sitemap #main>*>ul>li ul {
	padding: 0 5px 5px;
}

#sitemap #main>*>ul>li li {
	display: inline-block;
}

#sitemap #main>*>ul>li li a {
	padding: 5px 10px;
	background: #fff;
	border-radius: 5px;
	margin-top: 5px;
}


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

state

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

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

.current {
	cursor: default;
}

#gNav a.current:hover,
#gNav a.current {}


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

cosmetic

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

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

.todaytocomindex {
	background: #dfdec8 none repeat scroll 0 0;
	border: 4px double #2c5a99;
	padding: 10px;
	margin-bottom: 18px;
}
	#main .todaytocomindex h2 span#indexDate,
	#main .todaytocomindex h2 span#indexChange {
		font-weight: bold;
		font-size: 120%;
	}
	.todaytocomindex p {
		margin: 0 !important;
	}
	.todaytocomindex #indexIndex {
		color: #2c5a99;
		font-weight: bold;
		font-size: 180%;
	}
.monthtocomindex {
	max-height: 300px;
	overflow: auto;
}

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


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

a.btn {}

.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: 5px;
	bottom: 5px;
	cursor: pointer;
 background: rgba(255, 255, 255, 0.25);
    font-size: 1%;
	width: 5%;
	height: calc(100% - 40px);
/*
    font-size: 0;
    line-height: 0;
    top: 50%;
    padding: 0;
    color: transparent;
    border: none;
    outline: none;
*/
	
	
}
.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%;
	transform: translate(-50%,-50%);
	border: transparent 50px solid;
	opacity: 0.6;
	transition: all 0.2s;
}

.slick-prev
{
    left: 5px;
}
[dir='rtl'] .slick-prev
{
    right: 5px;
    left: auto;
}
.slick-prev:before
{
/*    content: url(../../jp/img2016/mainVisual/arrow_left.png);*/
	border-right: #fff 15px solid;
	border-left: none;
}
[dir='rtl'] .slick-prev:before
{
/*    content:  url(../../jp/img2016/mainVisual/arrow_right.png);*/
	border-left: #fff 15px solid;
	border-right: none;
}

.slick-next
{
    right: 5px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 5px;
}
.slick-next:before
{
/*    content: url(../../jp/img2016/mainVisual/arrow_right.png);*/
	border-left: #fff 15px solid;
	border-right: none;
}
[dir='rtl'] .slick-next:before
{
/*    content: url(../../jp/img2016/mainVisual/arrow_left.png);*/
	border-right: #fff 15px solid;
	border-left: none;
}

/* 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: 20px;
    height: 20px;
    margin: 10px 5px 0;
    padding: 0;

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

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    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: 20px;
    line-height: 20px;

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

    width: 20px;
    height: 20px;

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

/*    opacity: .25;*/
    color: #8A8899;

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


/* 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;
*/
}
	#main #article table.scroll td div.txtAlignC {
		font-size:inherit;
	}
	#dekidaka #main #article .pinned {
		width: 45px;
	}
	#dekidaka #main #article div.table-wrapper div.scrollable { margin-left: 45px; }
	
#htmlinfo {
	position: fixed;
	right: 0;
	bottom: 0;
	background: #eee;
	padding: 15px;
/*	opacity: 0.1;*/
	opacity: 0.0;
	transition: 0.6s;
	display: none;
}
#htmlinfo:hover {
/*	opacity: 1;*/
}

#urgent {
	background: #ffcccc;
	text-align: center;
	clear: both;
}
	#urgent section {
		padding: 0 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-width: 280px;
	}
		#urgent h2 {
			font-size: 200%;
			font-weight: bold;
			color: #f00;
			padding: 10px 0 0;
		}
		#urgent a {
			display: block;
			padding: 0 0 10px;
			font-size: 150%;
			color: #f00;
		}

#searchbox input[type="text"] {
    height: 38px !important;
    width: 230px !important;
}