body {
	margin: 0;
	font-size: medium;
	background: #DCDCDC;
}
body.no-bgcolored {
	background: #FFF;
}

div.subBody {
	margin: 0 20px;
	padding: 0;
}

div.grfBody {
	margin: 0 5px;
	padding: 0 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 1px;
}

div.subBody {
	width: 860px;
}

div.grfBody {
	width: 624px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}


/*---------選択部分--------*/

#a0outLine,
.mainBody {
	width: 932px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#container {
	width: 932px;
	margin-left: auto;
	margin-right: auto;
	background-color: WHITE;
}

div.dateCode {
	margin: 10px;
	padding: 0;
}

.btnSpace {
	margin: 10px 20px;
	padding: 10px 0 0 0;
	width: 622px;
	border-top: #44617b 3px solid;
}

.btnSpace2 {
	margin: 10px 0 20px 0;
	padding: 15px 0 0 0;
	width: 860px;
	border-top: #44617b 3px solid;
}

.btnSpace3 {
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
	width: 912px;
	border-top: #44617b 3px solid;
}

.p-down {
	padding: 0 0 0 15px;
	background: url(../img/point_down.gif) no-repeat left 3px;
	font-weight: bold;
	line-height: 130%;
}

.tbl table {
	border-collapse: collapse;
	margin: 10px 0 0 0;
}

.tbl td,
.tbl th {
	border: #adaaab 1px solid;
	padding: 5px;
}

.tbl th {
	background-color: #d4d1d2;
	font-weight: bold;
}

span.radio {
	width: 19px;
	height: 19px;
	padding: 0 5px 0 0;
	background: url(../img/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

.errDisp {
	margin:20px 0 80px 0;	
	padding:0;
	width:820px;
}

/* 共通テーブル位置 */
#al {
	text-align: left;
}

#ac {
	text-align: center;
}
.timeSeriesDataHeader {
	vertical-align: top;
}

#ar {
	text-align: right;
}


/*
	トップ画面上部に表示するメッセージ
*/
.news {
	color: #3C236E;
	font-weight: bold;
}


/*
	トップ画面に表示する画像
*/
.topImageArea {
	/* URLと表示領域の高さを書き換えてください */
	/*
	background: 			url("../img/no-image.png") no-repeat top center;
	height:					330px;   
	*/
	background-size: contain;
}


/*
	コンテンツ内部
*/
.contentsInner {
	padding: 0.5em 3em 3em 3em;
}


/*
	段組みメニュー左側
*/
.doubleColmunLeftSideArea {
	width: 45%;
	float: left;
}


/*
	段組みメニュー仕切り
*/
.doubleColmunSeparator {
	width: 5%;
	float: left;
}


/*
	段組みメニュー左側
*/
.doubleColmunRightSideArea {
	width: 45%;
	float: left;
}


/*
	主要指標グラフのアイコンを列挙するするパネル
*/
.graphList {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0;
}

.graphList > li {
	display: table-cell;
	vertical-align: top;
	cursor: pointer;
}


/*
	「日銀ホームページ」ボタンのスタイル
*/
.bojLink {
	padding: 0.25em 0.25em;
	margin: 1em auto;
	border: 1px solid #26A69D;
	font-weight: bold;
	font-size: small;
	/* 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.5em;
}

.bojLink a {
	text-decoration: none;
}

.bojLink a:link {
	color: white;
}

.bojLink a:visited {
	color: white;
}

.bojLink a:hover {
	color: white;
}

.bojLink span {
	font-size: smaller;
}


/*
	タブのスタイル
*/
/* タブを構成する<ul><li>タグのレイアウト */
.tabCaption {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}

.tabCaption:after {
	content: "";
	clear: both;
	display: block;
}
/* 未選択のタブ見出し部のスタイル */
.tabCaption li {
	color: #505050;
	width: 33%;
	/* 3つのタブのため */
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	background: #EEE;
	padding: 1em 1.5em 1em 2em;
	text-indent: -1em;
	float: left;
	border-radius: 0.5em 0.5em 0 0;
	/*
		IEのバグ対応
		border-radiusを指定すると
		marginの外に空白ができてしまうため
		空白の部分がtabContentに隠れるよう位置を補正
	*/
	position: relative;
	top: 2px;
}

.tabCaption li:before {
	content: url("../img/inactiveTab.png") " ";
	position: relative;
	top: 3px;
}

.tabCaption > .last-child {
	/* 最後のタブだけ幅多め */
	width: 34%;
}


/* 選択中のタブ見出し部のスタイル */
.tabCaption li.select {
	color: white;
	font-weight: bold;
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FF763FD6', endColorstr='#FF563791'";
	/* IE10 */
	background: linear-gradient(to bottom, #763FD6, #563791);
	border-top: 1px solid #763FD6;
	border-right: 1px solid #563791;
	border-left: 1px solid #563791;
	border-bottom: 1px solid #563791;
}

.tabCaption li.select:before {
	/* 先頭に表示する画像 */
	content: url("../img/activeTab.png") " ";
}

/* タブ内容部のスタイル */
.tabContent {
	list-style: none;
	padding: 0;
	margin: 0 0 0.5em 0;
}
.tabContent li {
	border-top: 1px solid #563791;
	border-left: 1px solid #563791;
	border-right: 1px solid #563791;
	border-bottom: 7px solid #563791;
	border-radius: 0 0 0.25em 0.25em;
}

/* 非表示のタブ */
.hide {
	display: none;
}

/*
	タブのborder-bottom直前の余白
	（折り畳み時に折りたたまれずに残す余白）
*/
.tabPaddingBottom {
	height: 1px;
	width: 100%;
}

/*
	タブフッター部のスタイル
*/
.tabFooterArea {
	margin: 0;
	padding: 1em 0.5em;
	width: 100%;
	background: #563791;
	text-align: center;
	color: white;
}

/*
	検索メニュー共通トグルバー
*/
.toggleBar {
	margin: 0;
	padding: 1em 0.5em;
	width: 100%;
	background: #563791
}
/* トグルボタン */
.toggleButtonArea {
	width: 2em;
	vertical-align: top;
	text-align: right;
}
img[id*="ToggleHide"],
img[id*="ToggleShow"] {
	cursor: pointer;
}
.toggleBarHeaderLeftArea {
	float: left;
	width: 95%;
}
.toggleBarHeaderRightArea {
	float: right;
	vertical-align: bottom;
}
.toggleButtongroup {
	float: right;
	vertical-align: bottom;
}

/* トグルバー内の段落 */
.toggleBarInnerParagraph {
	color: white;
	font-weight: bold;
}

/* トグルバー内の１行テキストボックス */
.toggleBarInnerTextBox {
	padding: 0.5em;
	border: solid 1px #2BADA4;
	font-size: x-large;
	margin: 0.5em 0;
}

/* トグルバー内のコメント */
.toggleBarInnerComment {
	color: white;
	text-indent: -1.5em;
	margin-top: 0.5em;
	margin-bottom: 0;
	margin-left: 0;
}

/* トグルバー内のボタン */
.toggleBarInnnerButton {
	font-size: large;
	padding: 0.5em 1em;
	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;
}

/* 系列名称検索キーワード */
input[name="txtkeiretu1"] {
	width: 755px
}

/*
	パンくずリスト周りのスタイル
*/
/* 「項目選択：」ラベル */
.labelItemSelectArea {
	color: white;
	font-size: small;
	width: 5.5em;
}
/* パンくずリストをまとめた領域 */
.breadcrumb {
	display: inline-block;
	_display: inline;
	line-height: 1.75;
}
/* 親階層 */
.breadcrumbItem {
	font-size: medium;
	text-decoration: none;
	color: white;
	background: #684C9C;
	padding: 0.25em 1em;
	border-radius: 0.25em;
}
/* 現在の最下位階層 */
.currentItem {
	font-weight: bold;
	color: #563791;
	background: white;
	padding: 0.25em 1em;
}

/*
	階層情報表示領域のスタイル
	（ノード階層＆リーフ階層）
*/
.nodeMenu,
.leafMenu {
	padding: 0.5em;
}
.nodeMenu > p,
.leafMenu > p {
	color: black;
	font-weight: bold;
}
.leafMenu > span {
	display: block;
	margin-top: 0;
	margin-bottom: 1em;
}

/*
	メニューリストのスタイル
*/
.selectMenuItem {
	color: #333333;
	font-size: large;
	width: 100%;
	border: solid 1px gray;
	overflow: auto;
	height: 15em;
}

.menuSelect {
	width: 100%;
	white-space: nowrap;
}

.menuSelect td {
	border-bottom: solid 1px gray;
}

.menuSelect tr {
	line-height: 2;
}

/* コード列は非表示 */
.echelonCell {
	display: none;
}

/* メニュー名を表示するセル */
.menuNameCell {
	width: 100%;
	padding-left: 0.5em;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
/* 選択されたメニューに適用するスタイル */
.selectedMenu {
	background-color: #ECE6F8;
}

/*
	検索条件欄
*/
.searchCondtion {
	padding: 0.5em;
}

.searchCondtionInnerParagraph {
	margin-bottom: 0.25em;
	font-weight: bold;
}

.searchCondtionInnerComment {
	display: block;
	margin-top: 0;
	margin-bottom: 1em;
}


/*
	系列名称検索のテキストボックス
*/
.keywordTextBox {
	width: 100%;
	padding: 0.5em;
	border: solid 1px #2BADA4;
	font-size: large;
	margin: 0.5em 0.5em 0.5em 0;
}


/*
	データコード検索時のテキストボックス
*/
.dataCodeSearchTextBox {
	padding: 0.5em;
	border: solid 1px #2BADA4;
	font-size: large;
	margin: 0.5em 0 0.5em 0;
}


/*
	データコード直接入力画面のテキストエリア
*/
.dataCodeTextArea {
	margin-top: 1em;
	width: 100%;
	border: solid 1px #2BADA4;
	font-size: large;
}

/*
	メニュー検索チェックボックスリストのスタイル
*/
.tableArea {
	height: 200px;
	width: 100%;
	overflow-y: auto;
	border: solid 1px gray;
	background: white;
	margin-bottom: 0.5em;
}

.tableDataCode {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}

.tableDataCodeHeader {
	padding: 0 0 0.25em 0;
	font-size: large;
	color: #333333;
}

.tableDataCodeHeader > input[type=checkbox] {
	margin-left: 0.7em;
	margin-right: 0.5em;
}

.tableDataCodeHeader > input[type=checkbox] + label {
	margin-left: 0.1em;
}


/*
	検索結果エリア
*/
.searchResultArea {
	border-top: 1px solid #563791;
	border-left: 1px solid #563791;
	border-right: 1px solid #563791;
	border-bottom: 7px solid #563791;
	border-radius: 0.25em;
}


/*
	抽出対象テーブル
*/
.tableTargetDataCode {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}

.tableDataCode tr,
.tableTargetDataCode tr {
	line-height: 2;
}

.tableDataCode td,
.tableDataCode th,
.tableTargetDataCode td,
.tableTargetDataCode th {
	color: #333333;
	font-size: large;
	border: solid 1px gray;
	border-right: none;
	border-left: none;
	background-color: white;
}

/*
	抽出対象データコードリスト選択時の
	マウスカーソル
*/
/* チェックボックス上では通常のカーソル */
.targetDataCode {
	cursor: auto;
}

/* それ以外は移動可能を示すカーソル */
.tableTargetDataCode td {
	cursor: move;
}

/*
	テーブル内のチェックボックスのスタイル
*/
.targetDataCode,
.searchDataCode {
	margin: auto 0.5em auto 0.5em;
}

/* チェックオフの時のスタイル */
tr.checkOff,
td.checkOff {
	background-color: none;
}

/* チェックオンの時のスタイル */
tr.checkOn,
td.checkOn {
	background-color: #ECE6F8;
}

/* 並び替え可能な行に付与する画像 */
.movable {
	background: url("../img/movable.png") no-repeat right;
}

/*
	各チェックボックス個別の設定
*/
label[for="recession"],
label[for="stack"],
label[for="leftscale"],
label[for="rightscale"] {
	margin-right: 1em;
}

/*
	抽出結果テーブル表示領域
*/
.abstractResultArea {
	margin-top: 1.5em;
}

/*
	抽出結果テーブル
*/
.abstractResultTable {
	table-layout: fixed;
	width: 100%;
	border: 1px solid #B8B8B8;
	border-collapse: collapse;
}

.abstractResultTable th {
	text-align: left;
	padding: 0.5em 1em;
	background: #EEE;
	border: 1px solid #B8B8B8;
	font-weight: normal;
}

.abstractResultTable th.colHeaderFormat {
	width: 23%;
}

.abstractResultTable th.colFileFormat {
	width: 14%;
}

.abstractResultTable th.colDownload {
	width: 25%;
}

.abstractResultTable td {
	padding: 1em 1em;
	border-right: 1px dotted #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	vertical-align: middle;
}

.abstractResultTable .tdDownload,
.abstractResultTable th.colDownload {
	text-align: center;
}

/*
	本サイトやや大き目なボタンのスタイル
*/
.littlelargeButton {
	color: #18CBC0;
	background: white;
	font-size: large;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin: 0.25em;
	padding: 0.5em 1em;
	text-decoration: none;
	border: 3px solid #18CBC0;
	border-radius: 0.25em;
	cursor: pointer;
}

/* 右向きの矢印を追加するスタイル */
.littlelargeButton-rightArrow:before {
	content: url("../img/pointRightArrow_large.png") " ";
	position: relative;
	top: 3px;
}

/* ×印を追加するスタイル */
.littlelargeButton-clear:before {
	content: url("../img/pointCancel.png") " ";
	position: relative;
	top: 3px;
}

/*
	本サイトやや大き目なボタンのスタイル(非活性時)
*/
.littlelargeButtonDisable {
	color: #737c7b;
	background: white;
	font-size: large;
	font-weight: bold;
	display: inline-block;
	vertical-align: center;
	margin: 0.25em;
	padding: 0.5em 1em;
	text-decoration: none;
	border: 3px solid #737c7b;
	border-radius: 0.25em;
}

/*
	検索ボタン
*/
.searchButton {
	padding: 0.5em 2.5em;
	font-size: large;
}

/*
	抽出条件領域
*/
.abstractionArea {
	padding: 0 0 3em 0;
	background: #F5F5F5
}

/*
	抽出条件の吹き出し
*/
.guide {
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

.guide > DIV {
	height: 0px;
	width: 0px;
	margin: 0 auto;
	padding: 0;
	border: 50px solid black;
	border-color: transparent;
	border-top-color: white;
	position: relative;
}

/*
	抽出結果領域
*/
#resultArea {
	padding-left: 3em;
	padding-right: 3em;
}

/*
	抽出対象データコード
*/
#dataCode > .strapline {
	display: block;
}

/*
	抽出対象期間
*/
#term > .strapline {
	display: block;
	margin-top: 1.5em;
}

/*
	期種変換
*/
#convert > .strapline {
	display: block;
	margin: 1.5em 0 0.5em 0;
}

/*
	抽出メニュー領域
*/
.abstractionMenuArea {
	border-top: solid 1px #B8B8B8;
	margin: 2.5em 0 0 0;
	padding: 1em 0 0 0;
}

/*
	コンテンツの境界線
*/
.contentsBorder {
	margin-top: 3em;
	border-top: 1px solid #B8B8B8;
	padding-top: 1em;
}

/*
	抽出結果画面用警告メッセージ
*/
.abstractResultMessage {
	color: red;
}