*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*
	ClearFix
	Floatを解除したい親要素に指定して使用する
	例）<div class="clearfix">
			<div style="float:left">・・・</div>
			<div style="float:right">・・・</div>
		</div>
*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.subOutLine,
.outLine {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.subOutLine {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: WHITE;
}

.outLine {
	width: 970;
}

.btn1 {
	margin: 0 3px;
	padding: 0;
	border: 0;
	text-align: center;
	width: 64px;
	height: 24px;
	background-color: #d6dedf;
	/* background-image: url(../img/button.gif); */
	background-position: top;
}

.btn1:hover {
	background-position: bottom;
}

.btn1:active {
	background-position: top;
}

#copyright {
	margin: 0px;
	padding-top: 5px;
}

.ex2 {
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
}

.ex4 {
	margin: 10px 0;
}

/* btn at ex4 */
.ex4 input {
	margin: 0 3px;
	padding: 0;
	border: 0;
	text-align: center;
	width: 138px;
	height: 24px;
	background-position: top;
}
.ex4 input:hover {
	background-position: bottom;
}
.ex4 input:active {
	background-position: top;
}

.ex6 {
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 200%;
}

.ex9 {
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top: #CCCCCC 3px solid;
}

.exEm {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 13px;
	color: #FF0000;
}

.sub2 {
	padding: 12px 10px 20px;
	width: 912px;
}

.f90 {
	font-size: 90%;
	font-weight: normal;
}

select {
	background-color: #ffffff;
	border: #bebdbd 1px solid;
}

#jp_size {
	width: 100%;
	font-size: 12px;
}

#en_size {
	width: 100%;
	font-size: 11px;
}


/*
	ヘッダー、コンテンツ、フッター大枠のスタイル
*/
.headder,
.contents,
.footer {
	width: 100%;
	text-align: center;
	margin: 0;
}


/*
	ヘッダー、コンテンツ、フッター内部のスタイル
*/
.headderInner,
.contentsInner,
.footerInner,
.topImageArea {
	width: 1026px;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}


/*
	見出し
*/
.caption {
	font-size: x-large;
	color: #3C236E;
	line-height: 1.75em;
	margin-bottom: 1em;
}

/* 見出しの前行に挿入するマージン */
.captionTopMargin {
	margin-top: 4em;
}


/*
	見出しのアイコン
*/
/* 虫眼鏡 */
.icoLoupe {
	background: url('../img/loupe_large.png') no-repeat left;
	background-size: 1.25em;
	padding-left: 1.5em;
}
/* グラフ */
.icoGraph {
	background: url('../img/graph_large.png') no-repeat left;
	background-size: 1.25em;
	padding-left: 1.5em;
}
/* 抽出 */
.icoAbstraction {
	background: url('../img/filter_large.png') no-repeat left;
	background-size: 1.25em;
	padding-left: 1.5em;
}
/* インフォメーション */
.icoInfomation {
	background: url('../img/info.png') no-repeat left 50%;
	background-size: 1em;
	padding-left: 1.5em;
}

/*
	装飾枠
	DIV要素に指定すると子要素を囲う装飾を施します
*/
/* ドット下線 */
.frameDecorationDotted {
	display: table;
	width: 100%;
	padding-bottom: 0.25em;
	margin-bottom: 1em;
	border-bottom: dotted 1px black;
}
.frameDecorationDotted > * {
	display: table-cell;
	vertical-align: bottom;
}
/* 下線(太字) */
.frameDecorationSolidBold {
	border-bottom: solid 2px #808080;
	margin-bottom: 1em;
	padding-bottom: 0.25em;
}
.frameDecorationSolidBold > * {
	display: inline;
}
/* 下線(細字) */
.frameDecorationSolid {
	width: 100%;
	border-bottom: 1px solid #E0E0E0;
	margin-top: 0.4em;
}
.frameDecorationSolid > * {
	display: inline;
}
/* 線なし */
.frameDecorationPlane {
	margin-top: 1em;
}
.frameDecorationPlane > .caption {
	display: inline;
	margin-top: 0em;
	margin-bottom: 1.25em;
	float: left;
}

/*
	小見出し
*/
.strapline {
	font-size: large;
	font-weight: bold;
	margin: 0;
	line-height: 1.5em;
}
/* 小見出しの前に挿入するマージン */
.straplineTopMargin {
	margin-top: 3.5em;
}

/*
	小見出しのアイコン
*/
/* 虫眼鏡 */
.icoLoupeMini {
	background: url('../img/loupe_small.png') no-repeat left center;
	background-size: 1em;
	padding-left: 1.25em;
}
/* グラフ */
.icoGraphmini {
	background: url('../img/graph_small.png') no-repeat left center;
	background-size: 1em;
	padding-left: 1.25em;
}
/* ダウンロード */
.icoDownload {
	background: url('../img/download_black.png') no-repeat left center;
	background-size: 1em;
	padding-left: 1.25em;
}

/*
	小見出しの補足説明
*/
.straplineComment {
	font-size: small;
	text-align: right;
}

/*
	小さなリンク用のスタイル
*/
.smallLink {
	font-size: small;
	color: #333333;
	text-decoration: none;
	margin-right: 1em;
}
.smallLink:link {
	color: #333333;
}
.smallLink:visited {
	color: #333333;
}
.smallLink:hover {
	color: #54C5BC;
}
/* 横並びの際のマージン */
.smallLinkRightMargin {
	margin-right: 1.5em;
}

/*
	リンク用アイコン
*/
/* 行頭に>を付与するスタイル（標準） */
.icoSimpleRightArrow {
	background: url('../img/rightArrow.png') no-repeat left center;
	padding-left: 0.75em;
}
/* ?を文頭に付与 */
.icoHelp {
	background: url('../img/question_small.png') no-repeat left top;
	padding-left: 1.5em;
	background-size: 1em;
}
/* ？のアイコンを文末に付与 */
.icoHelpBackside {
	background: url('../img/question_large.png') no-repeat right center;
	background-size: 1.4em;
	padding: 0.5em 2.2em 0 0;
	height: 2em;
}

/*
	本サイトの標準的リンクのスタイル
*/
.standardLink {
	display: inline-block;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
	margin-right: 0.5em;
	color: #333333;
}
.standardLink:link {
	color: #333333;
}
.standardLink:visited {
	color: #333333;
}
.standardLink:hover {
	color: #54C5BC;
}
.standardLink-nohover:hover {
	color: #333333;
}

/*
	リンク用アイコン
*/
/* 丸付き">"のアイコンを付与するスタイル */
.icoPointRightArrow {
	background: url('../img/pointRightArrow_small.png') no-repeat left 1px;
	background-size: 0.9em 0.9em;
	padding: 0 0 0 1.25em;
}
/* safari */
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) {
		@media {
			.icoPointRightArrow { background-position: left center; }
		}
}

/* 丸付き">"のアイコン ぶら下がりインデント付き */
.icoPointRightArrowHangIndent {
	background: url('../img/pointRightArrow_small.png') no-repeat left 1px;
	padding-left: 1.5em;
	text-indent: -0.20em;
	margin-left: -0.20em;
}

/* 丸付き下向き">"のアイコンを付与するスタイル */
.icoPointDownArrow {
	background: url('../img/pointDownArrow_small.png') no-repeat left 1px;
	background-size: 0.9em 0.9em;
	padding: 0 0 0 1.25em;
}
/* safari */
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) {
		@media {
			.icoPointDownArrow { background-position: left center; }
		}
}

/*
	注釈リンクのスタイル
*/
.referenceLink {
	color: #54C5BC;
	font-size: medium;
	text-decoration: none;
	border-bottom: 1px #54C5BC solid;
	margin: 0;
}
.referenceLink:link {
	color: #54C5BC;
}
.referenceLink:visited {
	color: #333333;
}
.referenceLink:hover {
	color: #54C5BC;
	border-bottom: none;
}
/* Blockスタイル */
.referIconBlock {
	margin: auto 0;
	display: inline-block;
}

/*
	関連ページアイコン
*/
.icoReferHP {
	border: 0px;
	width: auto;
	height: 16px;
	margin: 0;
}

/*
	注釈アイコン
*/
.icoReferNotes {
	border: 0px;
	width: auto;
	height: 13px;
	margin: 0;
}

/*
	コメント
*/
.comment {
	color: #333333;
	font-size: small;
	margin: 2em 0;
}
/*　行頭に・マークを付与するスタイル　*/
.commentDot:before {
	content: "・ ";
}

/*
	本サイト標準ボタンのスタイル
*/
.normalButton {
	padding: 0.5em 2em;
	margin: 0.5em auto;
	color: white;
	font-weight: bold;
	border: 1px solid #26A69D;
	/* IE8 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FF45CDC4', endColorstr='#FF2BAEA5')";
	/* IE10 */
	background: linear-gradient(to bottom, #45CDC4, #2BAEA5);
	border-radius: 0.25em;
	cursor: pointer;
}
.normalButton:disabled {
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
	cursor: default;
}

/*
	本サイト大き目なボタンのスタイル
*/
.largeButton {
	color: #18CBC0;
	background: white;
	font-size: x-large;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin: 0.25em;
	padding: 0.5em 3em;
	text-decoration: none;
	border: 3px solid #18CBC0;
	border-radius: 0.25em;
	cursor: pointer;
}
.largeButton:disabled {
	border: 3px solid #CCCCCC;
	cursor: default;
}
/*
	アイコン
*/
/* 下向きの矢印を追加するスタイル */
.largeButton-downArrow:before {
	content: url("../img/pointDownArrow_large.png") " ";
}
/* 右向きの矢印を追加するスタイル */
.largeButton-rightArrow:before {
	content: url("../img/pointRightArrow_large.png") " ";
}
/* ダウンロードアイコン */
.largeButton-download:before {
	content: url("../img/download_green.png") " ";
}
/* 非活性のダウンロードアイコン */
.largeButtonDisableDownload:before {
	content: url("../img/download_gray.png") " ";
}
/* 白抜きの右向きの矢印を追加するスタイル */
.largeButton-rightWhiteArrow:before {
	content: url("../img/large_button_right_white_sample.png") " ";
}
/* ×印を追加するスタイル */
.largeButton-clear:before {
	content: url("../img/pointCancel.png") " ";
}

/*
	本サイト中程度のボタンのスタイル
*/
.middleButton {
	color: #18CBC0;
	background: white;
	font-size: x-large;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin: 0.25em;
	padding: 0.5em;
	width: 7.25em;
	text-align: center;
	text-decoration: none;
	border: 3px solid #18CBC0;
	border-radius: 0.25em;
	cursor: pointer;
}
.middleButton:disabled {
	border: 3px solid #CCCCCC;
	cursor: default;
}

/*
	本サイトの標準テキストボックスのスタイル
*/
.normalTextBox {
	padding: 0.5em;
	border: solid 1px #CBCBCB;
	font-size: large;
	margin: 0;
}

/*
	年入力テキストボックス
*/
.normalTextBox-inputYear {
	text-align: center;
	margin: 0 0 0.5em;
	width: 140px;
}

/*
	本サイトの標準リストボックスのスタイル
*/
.normalListBox {
	padding: 0.5em;
	border: solid 1px #CBCBCB;
	font-size: large;
	margin: 0;
}

/*
	本サイト標準チェックボックスのスタイル
	チェックボックスに直接スタイルが適用できないため、
	チェックボックスの直後に配置したLabelで
	疑似チェックボックスを作成することで実現している
*/
input.normalCheckbox[type=checkbox] {
	display: inline-block;
}
input.normalCheckbox[type=checkbox] + label {
	position: relative;
	display: inline-block;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}
/*
	CSS3非対応のブラウザでは標準のチェックボックスが
	表示されるよう、mediaクエリ内でカスタマイズを定義
	（CSS3非対応のブラウザではmediaクエリが解釈されない仕様を
	  利用）
*/
@media (min-width: 1px) {
	/* 標準のチェックボックスを非表示 */
	input.normalCheckbox[type=checkbox] {
		display: none;
		margin: 0;
	}
	/* 疑似チェックボックス配置領域の確保 */
	input.normalCheckbox[type=checkbox] + label {
		padding: 0 0 0 2em;
	}
	/* 疑似チェックボックス描画領域の確保 */
	input.normalCheckbox[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 1.2em;
		height: 1.2em;
		margin-top: -0.6em;
		margin-left: 0.4em;
	}
	/* 疑似チェックボックス（未チェック時）の描画 */
	input.normalCheckbox[type=checkbox] + label::before {
		border: 2px solid #ccc;
		border-radius: 0.25em;
		background: white;
	}
	/* 疑似チェックボックス（チェック時）の描画 */
	input.normalCheckbox[type=checkbox]:checked + label::before {
		border: 2px solid #10A69D;
		background: #10A69D;
	}
	/* チェックマーク描画領域の確保 */
	input.normalCheckbox[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	/* チェックマークの描画 */
	input.normalCheckbox[type=checkbox]:checked + label::after {
		left: 0.55em;
		width: 0.9em;
		height: 0.4em;
		margin-top: -0.3em;
		border-left: 3px solid #FFF;
		border-bottom: 3px solid #FFF;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

/*
	本サイト標準ラジオボタンのスタイル
	ラジオボタンに直接スタイルが適用できないため、
	ラジオボタンの直後に配置したLabelで
	疑似ラジオボタンを作成することで実現している
*/
input.normalRadioButton [type=radio] {
	display: inline-block;
}
input.normalRadioButton[type=radio] + label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
/*
	CSS3非対応のブラウザでは標準のラジオボタンが
	表示されるよう、mediaクエリ内でカスタマイズを定義
	（CSS3非対応のブラウザではmediaクエリが解釈されない仕様を
	  利用）
*/
@media (min-width: 1px) {
	/* 標準のラジオボタンを非表示 */
	input.normalRadioButton[type=radio] {
		display: none;
		margin: 0;
	}
	/* 疑似ラジオボタン配置領域の確保 */
	input.normalRadioButton[type=radio] + label {
		padding: 0 0 0 1.5em;
		margin: 0.3em auto;
	}
	/* 疑似ラジオボタン描画領域の確保 */
	input.normalRadioButton[type=radio] + label::before {
		content: "";
		position: absolute;
		top: -0.15em;
		left: -0.1em;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 1.2em;
		height: 1.2em;
		background: #FFF;
	}
	/* 疑似ラジオボタン（未チェック時）の枠描画 */
	input.normalRadioButton[type=radio] + label::before {
		border: 2px solid #C2C2C2;
		background: #EEEEEE;
		border-radius: 0.6em;
	}
	/* 疑似ラジオボタン（チェック時）の枠描画 */
	input.normalRadioButton[type=radio]:checked + label::before {
		border: 2px solid #18CBC0;
		background: #FFFFFF;
		border-radius: 0.6em;
	}
	/* チェックマーク描画領域の確保 */
	input[type=radio]:checked + label::after {
		content: "";
		position: absolute;
		top: 0.2em;
		left: 0.24em;
		width: 0.75em;
		height: 0.75em;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	/* チェックマークの描画 */
	input[type=radio]:checked + label::after {
		width: 0.5em;
		height: 0.5em;
		background: #18CBC0;
		border-radius: 0.25em;
		/* (width&Height / 2) */
	}
}
/* safari用表示調整 */
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) {
	@media {
		input.normalRadioButton[type=radio] + label::before {
			top: 0.15em;
		}

		input[type=radio]:checked + label::after {
			top: 0.45em;
		}
	}
}

/*
	ウェイト画面
*/
/* 最前面に配置するレイヤー */
#waitingView {
	width: 100%;
	height: 100%;
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;

	background-color: rgba(69,69,96,0.6);
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#66454560', endColorstr='#66454560')";

	/* Javascriptで表示切替 */
	display: none;
}
/* スプラッシュ表示領域 */
#waitingViewInner {
	position: fixed;
	z-index: 9999;
	/* スプラッシュを画面中央に配置 */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* 選択できないようにする */
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#waitingViewInner img {
	border-radius: 1em;
}

/*
	トップへ戻るボタン
*/
.pageTopNavi {
    position: fixed;
    bottom: 20px;
    right: 120px;
    font-size: small;
}
.pageTopNavi a {
    background: rgba(84,197,188,0.7);
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7754C5BC', endColorstr='#7754C5BC')";
    text-decoration: none;
    color: #fff;
    padding: 15px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.pageTopNavi a:hover {
    text-decoration: none;
    background: rgb(84,197,188);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}