/* デモ　クラス */
.demo_func {
	margin: 0 0 15px 0;
}
/* ログイン画面の説明文 */
.concept .notice {
	border: #ff0000 double 3px;
	padding: 10px;
	margin: 15px auto;
	width: 95%;
	font-size: 115%;
}

/* モーダル（変更点の説明）の設定 */
/* 背景 */
#lean_overlay{
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000000;
	display: none;
}
/* メッセージウィンドウ */

#demo_mod{
	z-index:110;
}

/* モーダルウィンドウ 文面 */
	#mod_win{
		background: none repeat scroll 0 0 #000000;
		border: 0;
		padding: 20px;
		display: none;
		width: 800px;
		max-height: 80%;
		/* 角丸 */
		-webkit-border-radius: 10px; /* Chrome,Safari */
		-moz-border-radius: 10px;		 /* Firefox */
		border-radius: 10px;				 /* CSS3 */
	}
@media screen and (max-width: 959px) {
	#mod_win{
		background: none repeat scroll 0 0 #000000;
		border: 0;
		padding: 20px;
		display: none;
		width: 80%;
		max-height: 80%;
		/* 角丸 */
		-webkit-border-radius: 10px; /* Chrome,Safari */
		-moz-border-radius: 10px;		/* Firefox */
		border-radius: 10px;				 /* CSS3 */
	}
}

/* メッセージ表示部分 */
.mod_msg{
	overflow-y: auto;
	color: #ffffff;
	max-height: 400px;
	font-size: 120%;
	padding: 2px 0px 15px 0px;
	margin: 0 0 10px 0;
}

/* 縦スクロールバー本体 */
.mod_msg::-webkit-scrollbar{ 
    width: 5px;
    background: #000000;
}
/* 縦スクロールバーの動く部分 */
.mod_msg::-webkit-scrollbar-thumb{ 
    background: #ffffff;
    border-radius: 2px;
}
/* スクロールバーの動く部分の前 */
.mod_msg::-webkit-scrollbar-track-piece:start{ 
    background: #000000;
}
/* スクロールバーの動く部分の後ろ */
.mod_msg::-webkit-scrollbar-track-piece:end{ 
    background: #000000;
}
/* 「閉じる」ボタン（モーダルウィンドウ内） */
.btnClose {
	padding: 10px;
	overflow: hidden;
	position: relative;
	border: #000000 solid 1px;
	z-index:140;
}
.btnClose ul {
	list-style: none outside none;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	left: 50%;
	z-index:130;
}
.btnClose ul li {
	float: left;
	margin-right: 5px;
	padding: 5px;
	position: relative;
	left: -50%;
	z-index:120;
}
/* 閉じるボタン */
a#mod_cls{
	/* 余白（ボタンのサイズ） */
	padding: 10px 20px 10px 20px;
	margin: 0.3em auto;
	/* 枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #999 #999 #ccc;
	/* 文字装飾 */
	text-decoration: none;
	color: #000000;
	font-weight: 900;
	font-size: 120%;
	/* 文字位置 */
	text-align: center;
	/* 角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;		/* Firefox */
	border-radius: 7px;				 /* CSS3 */
	/* 背景(グラデーションはなし) */
	background: #ffffff;
}
/* ＰＣ用デモヘッダ */
	/* メッセージ表示部分 */
	.mod_msg{
		overflow-y: auto;
		color: #ffffff;
		max-height: 400px;
		font-size: 120%;
		padding: 2px 0px 15px 0px;
	}
	/* デモ用ヘッダのロゴ */
	h1#logo a img {
		max-height: 100px;
		max-width: 230px;
	}
	div#modal_lnk{
		/* 幅・高さ */
		max-width: 1101px;
		width: 1101px\9; /* IE8 */
		*width: 1101px; /* IE7以下 */
		height: 27px;
		/* 表示位置 */
		margin: 0 auto;
		text-align: right;
		/* 背景色、グラデーション */
		background: -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#555555));
		background: -webkit-linear-gradient(top, #a0a0a0, #555555);
		background: -moz-linear-gradient(top, #a0a0a0, #555555);
		background: -o-linear-gradient(top, #a0a0a0, #555555);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#a0a0a0,EndColorStr=#555555); /* 〜IE8 */
		background: -ms-linear-gradient(top, #a0a0a0, #555555);
		background: linear-gradient(top, #a0a0a0, #555555);
		border: 1px double #222222;
	}
	/* ヘッダバー　レイアウト */
	div#demo-header{
		/* 幅、高さ */
		max-width: 1101px;
		width: 1101px\9; /* IE8 */
		*width: 1101px; /* IE7以下 */
		*position: relative;/* IE7以下 */
		height: 45px;
		overflow:hidden;
		/* 表示位置 */
		margin: 0 auto;
		/* 背景色、グラデーション */
		background: #73cfda; /* Old browsers */
		background: -moz-linear-gradient(top,  #73cfda 0%, #39b1bf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73cfda), color-stop(100%,#39b1bf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #73cfda 0%,#39b1bf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #73cfda 0%,#39b1bf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #73cfda 0%,#39b1bf 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #73cfda 0%,#39b1bf 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cfda', endColorstr='#39b1bf',GradientType=0 ); /* IE6-9 */
		border-width: 1px;
		border-color: #1baabc;
		border-style: double;
	}
	/* ロゴ（お取引デモ画面） */
	div#demo-header #logo {
		/* 表示 */
		display: inline;
		/* 余白 */
		width: 45px;
		height: 45px;
	}
	/* タイトル（お取引デモ画面） */
	div#demo-header #title {
		/* 表示 */
		display: inline;
		/* 余白 */
		padding: 10px 0px 0px 0px;
		/* フォント */
		color: #ffffff;
		font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
		font-size: 160%;
		font-weight: 700;
		vertical-align: -70%
	}
	/* 口座開設ボタン */
	div#demo-header .account {
		/* 表示 */
		display: inline;
		float: right;
		*float: clear;
		position: relative;
		*position: absolute;/*IE7*/
		*zoom:1;/*IE7*/ 
		/* サイズ */
		width: 130px;
		height: 26px;
		/* 余白 */
		padding: 5px 0 2px 0;
		margin: 0.3em 0.5em 0.3em 0;
		*top: 2px;/*IE7*/
		*left: 850px;/*IE7*/
		/* 枠線 */
		border:#ffffff solid 1px;
		/* 文字装飾 */
		text-decoration: none;
		color:#000000;
		font-weight: 700;
		font-size: 115%;
		/* 文字位置 */
		text-align: center;
		/* 角丸 */
		-webkit-border-radius: 7px;	/* Chrome,Safari */
		-moz-border-radius: 7px;		/* Firefox */
		border-radius: 7px;					/* CSS3 */
		/* 背景(グラデーション) */
		background: #00ffaa;
		filter:progid:DXImageTransform.Microsoft.Gradient
					(GradientType=0,StartColorStr=#00ffaa,EndColorStr=#00bb88); /* 〜IE8 */
		background: -webkit-gradient(linear, left top, left bottom, from(#fdc734), to(#ff9302)); /* Chrome,Safari */
/*		background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff0000)); /* Chrome,Safari */
		background: linear-gradient(to bottom, #fdc734, #ff9302);	/* IE9〜 */
		background: -moz-linear-gradient(top, #fdc734, #ff9302);	/* Firefox */
		background: -o-linear-gradient(top, #fdc734, #ff9302);		/* Opera */
		background: linear-gradient(top, #fdc734, #ff9302);				/* CSS3 */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc734', endColorstr='#ff9302',GradientType=0 ); /* IE6-9 */
	}
	/* 閉じるボタン */
	div#demo-header .close{
		/* 表示 */
		display: inline;
		*zoom:1;/*IE7*/ 
		*position: absolute;/*IE7*/
		/* サイズ */
		width: 90px;
		height: 26px;
		/* 余白 */
		padding: 5px 0 2px 0;
		margin: 0.3em 0.5em 0.3em 0;
		*top: 2px;/*IE7*/
		*left: 990px;/*IE7*/
		/* 枠線 */
		border: #ffffff solid 1px;
		/* 文字装飾 */
		text-decoration: none;
		color:#fff;
		font-weight: 700;
		font-size: 115%;
		/* 文字位置 */
		text-align: center;
		/* 角丸 */
		-webkit-border-radius: 7px; /* Chrome,Safari */
		-moz-border-radius: 7px;    /* Firefox */
		border-radius: 7px;         /* CSS3 */
		/* 背景(グラデーション) */
		background: #aaaaaa;
		background: -moz-linear-gradient(top, #a9a9a9 0%, #888888 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a9a9), color-stop(100%,#888888)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #a9a9a9 0%, #888888 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #a9a9a9 0%, #888888 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #a9a9a9 0%, #888888 100%); /* IE10+ */
		background: linear-gradient(to bottom, #bbbbbb 0%, #666666 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
		/* 表示位置 */
		float: right;
		*float: clear;
	}
	/* メッセージ起動のリンク */
	a#mod_lnk{
		/* 表示 */
		font-size: 125%;
	}
/* メディアクエリ（スマホ用設定） */
@media screen and (max-width: 649px) {
	div#modal_lnk{
		/* 幅、高さ */
		width: 100%;
		height: 20px;
		/* 表示位置 */
		margin: 0 auto;
		text-align: right;
		/* 背景色、グラデーション */
		background: -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#555555));
		background: -webkit-linear-gradient(top, #a0a0a0, #555555);
		background: -moz-linear-gradient(top, #a0a0a0, #555555);
		background: -o-linear-gradient(top, #a0a0a0, #555555);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#a0a0a0,EndColorStr=#555555); /* 〜IE8 */
		background: -ms-linear-gradient(top, #a0a0a0, #555555);
		background: linear-gradient(top, #a0a0a0, #555555);
		border-width: 1px;
		border-color: #222222;
		border-style: double;
	}
	/* デモ画面用ヘッダバー　レイアウト */
	div#demo-header{
		/* 幅、高さ */
		width: 100%;
		height: 33px;
		/* 表示位置 */
		margin: 0 auto;
		/* 背景色、グラデーション */
		background: #73cfda; /* Old browsers */
		background: -moz-linear-gradient(top,  #73cfda 0%, #39b1bf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73cfda), color-stop(100%,#39b1bf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #73cfda 0%,#39b1bf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #73cfda 0%,#39b1bf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #73cfda 0%,#39b1bf 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #73cfda 0%,#39b1bf 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cfda', endColorstr='#39b1bf',GradientType=0 ); /* IE6-9 */
		border-width: 1px;
		border-color: #1baabc;
		border-style: double;
	}
	/* ロゴ（お取引デモ画面） */
	div#demo-header #logo{
		/* 表示 */
		display: inline;
		/* 余白 */
		width: 34px;
		height: 34px;
	}
	/* タイトル（お取引体験デモ画面） */
	div#demo-header #title{
		/* 表示 */
		display: inline-block;
		/* 余白 */
		padding: 8px 0px 0px 0px;
		/* フォント */
		color: #ffffff;
		font-weight: 700;
		font-size: 120%
	}
	/* メッセージ起動のリンク */
	div#demo-header #mod_lnk{
		/* 表示 */
		display :inline;
		font-size:140%;
		vertical-align: -70%;
	}
	/* 口座開設ボタン */
	div#demo-header .account{
		/* 表示 */
		display: inline;
		/* サイズ */
		width: 95px;
		height: 20px;
		/* 余白 */
		padding: 0px 0px 0px 0px;
		margin: 0.3em auto;
		/* 枠線 */
		border-style: solid;
		border-width: 2px;
		border-color: #ccc #999 #999 #ccc;
		/* 文字装飾 */
		text-decoration: none;
		color:#000000;
		font-weight: 700;
		font-size: 100%;
		/* 文字位置 */
		text-align: center;
		/* 角丸 */
		-webkit-border-radius: 7px; /* Chrome,Safari */
		-moz-border-radius: 7px;		/* Firefox */
		border-radius: 7px;				 /* CSS3 */
		/* 背景(グラデーション) */
		filter:progid:DXImageTransform.Microsoft.Gradient
					(GradientType=0,StartColorStr=#00ffa5,EndColorStr=#00abcd); /* 〜IE8 */
		background: #ffff00;
		background: -webkit-gradient(linear, left top, left bottom, from(#fdc734), to(#ff9302)); /* Chrome,Safari */
		background: linear-gradient(to bottom, #fdc734, #ff9302);	/* IE9〜 */
		background: -moz-linear-gradient(top, #fdc734, #ff9302);	/* Firefox */
		background: -o-linear-gradient(top, fdc734, #ff9302);		/* Opera */
		background: linear-gradient(top, #fdc734, #ff9302);				/* CSS3 */
		/* 表示位置 */
		float: right;
	}
	/* 閉じるボタン */
	div#demo-header .close{
		/* 表示 */
		display: none;
		*display: block;
	}
	/* メッセージ表示部分 */
	.mod_msg{
		overflow-y: auto;
		max-height: 200px;
		font-size: 120%;
		padding: 2px 0px 2px 0px;
		float: center;
		color: #ffffff;
	}
}

/* モーダル再表示リンクの文字色 */
a#mod_lnk{
	display :inline;
	font-size: 120%;
	font-weight: 700;
	text-decoration: underline;
	vertical-align: -15%;
	margin: 0 10px 0 0;
}
img#mod_icon{
	width: 23px;
	height: 23px;
}

/* テーブルの明細内のリンクには下線を表示 */
table tbody tr td a {
	text-decoration: underline;
}

/* モーダル再表示リンクの文字色 */
a#mod_lnk:link{
	color: #ffffff;
}
a#mod_lnk:visited{
	color: #ffffff;
}
a#mod_lnk:hover{
	color: #ffffff;
}
a#mod_lnk:active{
	color: #ffffff;
}

/* 無効リンク(ボタンでないもの)の文字色 */
a.nolink:link {
	color: #bbbbbb;
	pointer-events: none;
}
a.nolink:visited {
	color: #bbbbbb;
	pointer-events: none;
}
a.nolink:hover {
	color: #bbbbbb;
	pointer-events: none;
}
a.nolink:active {
	color: #bbbbbb;
	pointer-events: none;
}

/* ページャの表示位置が枠の上端をはみ出る対応 */
.pager-back, .pager-next {
	padding-top: 3px;
}