@charset "utf-8";
/*bootstrap.custom.css内のメディアクエリを利用していない箇所*/
/******************************************************************************
/* html
*******************************************************************************/
html {
    height: 100%;
}

/******************************************************************************
/* body
*******************************************************************************/
body {
	font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background: #FCFCFC;
	color: #17202B;
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;
	max-width: 1200px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}

.l_body {
	max-width: 1500px;
}

.le_body {
	max-width: 1500px;
}

.sp_non_body {
	overflow-x:auto;
	min-width: 768px;
}

/******************************************************************************
/* contentの高さ
*******************************************************************************/

#outer{
	overflow: hidden;
	padding-bottom: 10px;
}


#main_content{
	width: 100%;
	padding: 10px 5px 0px 0px;
}

#side_content{
	border-right: 1px solid #DCDCE3;
	background-color: #F5F5F5;
	width: 100%;
	float: left;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

.clear {
	clear:both;/*floatの解除*/
}
/******************************************************************************
/* container:左寄せ
*******************************************************************************/
.container-left {
	margin-left:0px;
	margin-right: auto;
}

/******************************************************************************
/* colのpadding
*******************************************************************************/
.topcolpadding{
	padding: 10px 10px 0px 10px !important;
}

.nocolpadding {
	padding: 0px !important;
	margin: 0 !important;
}

.colpadding-right {
	padding: 0 0px 0 15px !important;
	margin: 0 !important;
}

.colpadding-left {
	padding: 0 15px 0 0px !important;
	margin: 0 !important;
}

.colpadding-bottom {
	padding: 0 0px 15px 0 !important;
	margin: 0 !important;
}

.colpadding-4 {
	padding: 4px!important;
	margin: 0 !important;
}
/******************************************************************************
/* navbar: トップメニュー
*******************************************************************************/
.navbar-custom {
	height: 79%;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-radius: 0px; 
	margin-bottom: 0px;
}

.navbar-custom .navbar-nav > li > a {
	border-top-left-radius: 10px; 
	border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 2px; 
	font-weight: 500;
	text-transform: none;
	width: 100px;
	height: 38px;
	text-align: center;
	padding:10px 10px 8px 10px;
	margin:12px 0px 0px 0px;
}

.navbar-collapse {
	overflow-x: visible;
	padding: 0px 0px 0px 0px;
	border-top: 0px ;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-overflow-scrolling: touch;
}

/* top */
.navbar-navtop {
	float: right;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom:-10px;t
}

.navbar-navtop a{
	color: #00b9e7;
	font-weight:bold;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom:-10px;
}

/* ロゴ表示 */
.navbar-brand01 {
	float: right;
	margin-top: 16px;
	margin-right: 25px;
}


/******************************************************************************
/* panel: カスタマイズ
*******************************************************************************/
.panel {
	margin-bottom: 8px;
/*	background-color: #fefefe;
*/	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
	padding: 6px;
}

.panel-heading {
	padding: 5px 10px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight:bold; 
}

.panel-group {
	margin-bottom: 10px;
}


/******************************************************************************
/* panel: 銘柄表示用
*******************************************************************************/
.panel-brand {
	border-radius: 2px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; 
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.panel-brand > .panel-body {
	font-size: 18px;
	height:35px;
	padding: 6px 0 2px 15px;
}

/******************************************************************************
/* panel: 板情報
*******************************************************************************/
.panel-orderbook {
	border: 0px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.panel-orderbook > .panel-heading {
	background-color: hsl(213, 70%, 19%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3c5ee", endColorstr="#28405E");
	background-image: -moz-linear-gradient(top, #a3c5ee, #28405E);
	background-image: -ms-linear-gradient(top, #a3c5ee, #28405E);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3c5ee), color-stop(100%, #28405E));
	background-image: -webkit-linear-gradient(top, #a3c5ee, #28405E);
	background-image: linear-gradient(#a3c5ee, #28405E);
	border-color: #0e2d52 #0e2d52 hsl(213, 70%, 4%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.99);
	-webkit-font-smoothing: antialiased;
	button-variant(lighten(@btn-custom-color, 50%); @btn-custom-color; darken(@btn-custom-color, 20%));
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
	border-color: #FCFCFC;
	width: 100%;
	height: 38px;
	padding: 9px 0 9px 0;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	color: #FCFCFC;
}

.panel-orderbook > .panel-heading + .panel-collapse > .panel-body {
	border:none;
}

/******************************************************************************
/* リンクのクリック範囲
*******************************************************************************/

/* 文字色：白 */
.block-linkwhite a {
	display: block;
	color: #FCFCFC;
	text-decoration: none;
}

/* 文字色：黒 */
.block-linkblack a {
	display: block;
	color: #17202B;
	text-decoration: none;
}



/******************************************************************************
/* h1: 見出し
*******************************************************************************/
h1.point01{
	font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	margin: 0 0 10px 0;
	padding: 9px 9px 9px 20px;
	font-weight: bold;
}

/******************************************************************************
/* h2: 見出し
*******************************************************************************/
h2.point02{
	font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	position: relative;
	padding-left: 24px;
	border-bottom: 2px dotted #00b9e7; 
	line-height; 41px;
	margin: 0 0 9px 0;
}

h2.point02:before {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 14px;
	height: 14px;
	background: #00b9e7;
	content: "";
}

/******************************************************************************
/* h3: 見出し
*******************************************************************************/
h3.point03{
	font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	position: relative;
	padding-left: 24px;
	border-bottom: 2px dotted #0D589A; 
	line-height; 41px;
	margin: 0 0 9px 0;
}

h3.point03:before {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 14px;
	height: 14px;
	background: #0D589A;
	content: "";
}

/******************************************************************************
/* テーブル：カスタマイズ
*******************************************************************************/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 4px;
	border-top: 1px solid #CCDAEA;
}

/******************************************************************************
/* テーブル＜td＞線非表示
*******************************************************************************/
.table01 {
	width: 100%;
	max-width: 100%;
	margin-bottom: 4px;
}

.table01 > thead > tr > th,
.table01 > tbody > tr > th,
.table01 > tfoot > tr > th,
.table01 > thead > tr > td,
.table01 > tbody > tr > td,
.table01 > tfoot > tr > td {
	padding: 4px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px 
}

.table01 > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #CCDAEA;
}

/******************************************************************************
/* テーブル:線濃
*******************************************************************************/
.table02 {
	width: 100%;
	max-width: 100%;
	margin-bottom: 4px;
	padding: 0;
	border: 1px solid #909BAA;
}

.table02 > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #909BAA;
}

.table02 > thead > tr > td,
.table02 > tbody > tr > td {
	vertical-align: top;
	border: 1px solid #909BAA;
}


/******************************************************************************
/* テーブル:照会画面
*******************************************************************************/
table.table-ref{
	font-size: 12px;
	width: 100%;
	border-top: 1px solid #909BAA;
	white-space: nowrap;
}


table.table-ref tr td {
	padding:0px;
	margin:0px;
	text-align: center;
}


.fixed {
	table-layout:fixed;
}

/* border */
.ref-border {
	border: 1px solid #909BAA;
	border-spacing:0px;
}

.ref-border-right{
	border-right: 1px solid #909BAA;
	border-spacing:0px;
}

.ref-border-left{
	border-left: 1px solid #909BAA;
	border-spacing:0px;
}

/* border Top/Bottom 20150611追加*/
.ref-border-top{
	border-top: 1px solid #909BAA;
	border-spacing:0px;
}

.ref-border-bottom{
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
}

/* タブレット・PCで表示：下 */
.ref-border-bottom-sm{
	border-bottom: 1px solid #909BAA;
	border-spacing:0px;
}

/* タブレット・PCで表示：右 */
.ref-border-right-sm{
	border-right: 1px solid #909BAA;
	border-spacing:0px;
}
/* タブレット・PCで表示：左 */
.ref-border-left-sm{
	border-left: 1px solid #909BAA;
	border-spacing:0px;
}
/* スマホのみ表示：右 */
.ref-border-right-xs {
	border-right: 0px solid #909BAA;
	border-spacing:0px;
	}
/* スマホのみ表示：左 */
.ref-border-left-xs {
	border-left: 0px solid #909BAA;
	border-spacing:0px;
	}

/* height指定 */
.ref-height00{
	height: 30px;
}
.ref-height08{
	height: 36px;
}
.ref-height07{
	height: 40px;
}
.ref-height01{
	height: 50px;
}
.ref-height012{
	height: 70px;
}
.ref-height02{
	height: 100px;
}
.ref-height03{
	height: 150px;
}
.ref-height013{
	height: 55px;
}
.ref-height11{
	height: 33px;
}
.ref-height014{
	height: 65px;
}

/* SP表示時、35px(selectBoxより大きめ) */
.ref-height04{
	height: 50px;
}

.ref-height05{
	height: 55px;
}
.ref-height06{
	height: 50px;
}


/* hr：border*/
.bar1 {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #909BAA;
	border: 0;
	margin: auto;
	border-spacing:0px;
	float:left;
}

/* 明細行背景（スマホのみ：#E7EAEB固定）*/
.ref-bkground{
background: #FCFCFC;
}


.ref-bkground-even-row,
.ref-bkground-even-row-data{
background: #F0F4FF;
	}

.ref-bkground-even-row-btn {
background: #F0F4FF;
	}


.ref-bkground-even-row-nosp{
	background: #F0F4FF;
}

.ref-bkground-pankuzu {
background: #F0F4FF;
}

.ref-bar-colpadding {
	padding: 3px 0px 3px !important;
	margin: 0 !important;
}

/******************************************************************************
/* テーブル:一覧画面　折り返し有
*******************************************************************************/
table.table-ref-linebreaks{
	font-size: 12px;
	width: 100%;
	border-top: 1px solid #909BAA;
	white-space: normal;
}

table.table-ref-linebreaks tr td {
	padding:0px;
	margin:0px;
	text-align: center;
}


/******************************************************************************
/* テーブル:検索結果一覧画面
*******************************************************************************/
table.table-list{
	font-size: 14px;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #909BAA;
	white-space: nowrap;
}

.table-list {
	width: 100%;
	max-width: 100%;
	margin-bottom: 4px;
	padding: 0;
	border: 1px solid #909BAA;
}

.table-list > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #909BAA;
}

.table-list > thead > tr > td,
.table-list > tbody > tr > td {
	height: 100%;
	vertical-align: top;
	border: 1px solid #909BAA;
}


/* アイコン：位置*/
.iconpos {
	float: left;
	margin: 3px -20px 0px 15px!important;
}

/* アイコン：位置(注文照会)*/
.iconpos2 {
	float: left;
	margin: 1px -20px 0px 5px!important;
}

/******************************************************************************
/* ボタン：板更新・注文内容確認
*******************************************************************************/
.btn-enter {
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 5px 2px 5px 2px;
	margin: 0;
	border: 2px solid #0e82f3;
	background-color: #00b9e7 !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* 「買付」に関連するもの（応募や申込を含む）のボタンを赤色 */
.btn-enter01 {
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 5px 2px 5px 2px;
	margin: 0;
	border: 2px solid rgba(218, 30, 233, 0.23);
	background-color: #FFCCD2 !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* 「売付」に関連するもののボタンを青色 */
.btn-enter02 {
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 5px 2px 5px 2px;
	margin: 0;
	border: 2px solid rgba(3, 169, 244, 0.29);
	background-color: #CCEEFF !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* 「買付」、「売付」に関連するもののボタンを灰色 */
.btn-enter03 {
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 5px 2px 5px 2px;
	margin: 0;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.btn-enter:hover {
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
	color: #000;
	background-color: #00b9e7 !important;
	text-shadow: ntwo;
}
/*
.btn-enter {
	background-color: hsl(213, 70%, 19%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3c5ee", endColorstr="#28405E");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#a3c5ee), to(#28405E));
	background-image: -moz-linear-gradient(top, #a3c5ee, #28405E);
	background-image: -ms-linear-gradient(top, #a3c5ee, #28405E);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3c5ee), color-stop(100%, #28405E));
	background-image: -webkit-linear-gradient(top, #a3c5ee, #28405E);
	background-image: linear-gradient(#a3c5ee, #28405E);
	border-color: #00CED1;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.99);
	-webkit-font-smoothing: antialiased;
	button-variant(lighten(@btn-custom-color, 50%); @btn-custom-color; darken(@btn-custom-color, 20%));
	padding: 5px 2px 5px 2px;
	margin: 0;
	width:100%
}

.btn-enter:hover {
	background-color: #1E90FF !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3c5ee", endColorstr="#28405E");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#a3c5ee), to(#28405E));
	background-image: -moz-linear-gradient(top, #a3c5ee, #28405E);
	background-image: -ms-linear-gradient(top, #a3c5ee, #28405E);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3c5ee), color-stop(100%, #28405E));
	background-image: -webkit-linear-gradient(top, #a3c5ee, #28405E);
	background-image: linear-gradient(#a3c5ee, #28405E);
	border-color: #00CED1;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.99);
	-webkit-font-smoothing: antialiased;
	button-variant(lighten(@btn-custom-color, 50%); @btn-custom-color; darken(@btn-custom-color, 20%));
	padding: 5px 2px 5px 2px;
	margin: 0;
	width:100%
}
*/
/******************************************************************************
/* ボタン：買付注文 (ボタン赤 文字白)
*******************************************************************************/
.btn-buy {
	background-color: hsl(351, 47%, 23%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F3A0AA", endColorstr="#561F27");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#F3A0AA), to(#561F27));
	background-image: -moz-linear-gradient(top, #F3A0AA, #561F27);
	background-image: -ms-linear-gradient(top, #F3A0AA, #561F27);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3A0AA), color-stop(100%, #561F27));
	background-image: -webkit-linear-gradient(top, #F3A0AA, #561F27);
	background-image: linear-gradient(#F3A0AA, #561F27);
	border-color: #a80d2a;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.99);
	-webkit-font-smoothing: antialiased;
	button-variant(lighten(@btn-custom-color, 50%); @btn-custom-color; darken(@btn-custom-color, 20%));
	padding: 5px 2px 5px 2px;
	margin: 0;
	width:100%
}

/******************************************************************************
/* ボタン：入力画面上下
*******************************************************************************/
.btn-select {
	background-color: hsl(213, 70%, 19%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B2BFCC", endColorstr="#374450");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#B2BFCC), to(#374450));
	background-image: -moz-linear-gradient(top, #B2BFCC, #374450);
	background-image: -ms-linear-gradient(top, #B2BFCC, #374450);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B2BFCC), color-stop(100%, #374450));
	background-image: -webkit-linear-gradient(top, #B2BFCC, #374450);
	background-image: linear-gradient(#B2BFCC, #374450);
	border-color: #0D589A;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.99);
	-webkit-font-smoothing: antialiased;
}

/******************************************************************************
/* ボタン：スマフォメインメニュー
*******************************************************************************/
.btn-mainmenu {
	background: rgb(245,245,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(220,226,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(220,226,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dce2ed',GradientType=0 ); /* IE6-9 */
	color: #17202B;
	padding:10px 10px 10px 10px ;
	text-shadow: none;
}

.btn-mainmenu:hover {
	background: rgb(206,210,219); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,210,219,1) 0%, rgba(116,129,140,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,210,219,1)), color-stop(100%,rgba(116,129,140,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,210,219,1) 0%,rgba(116,129,140,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(206,210,219,1) 0%,rgba(116,129,140,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,210,219,1) 0%,rgba(116,129,140,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced2db', endColorstr='#74818c',GradientType=0 ); /* IE6-9 */
	color: #FCFCFC;
}

/******************************************************************************
/* ボタン：スマフォTOPメニュー
*******************************************************************************/
.btn-topmenu {
	background: rgb(98,161,142); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(98,161,142,1) 0%, rgba(12,153,78,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,161,142,1)), color-stop(100%,rgba(12,153,78,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(98,161,142,1) 0%,rgba(12,153,78,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(98,161,142,1) 0%,rgba(12,153,78,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,72,162,1) 0%,rgba(0,72,162,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62A18E', endColorstr='#0C994E',GradientType=0 ); /* IE6-9 */
	border-color: #00b9e7;
	color: #FCFCFC !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.99);
	-webkit-font-smoothing: antialiased;
	button-variant(lighten(@btn-custom-color, 50%); @btn-custom-color; darken(@btn-custom-color, 20%));
	padding:10px 0px 10px 0px;
	margin: 0px 0px 8px 0px;	
	width: 99%;
	height: 40px;
}

/******************************************************************************
/* ボタン：広告
*******************************************************************************/
.btn-advertisement1 {
	background: #FF6600;
	color: #FCFCFC;
	padding:10px 0px 10px 10px;
	margin: 0px 0px 8px 0px;	
	width: 100%;
	height: 40px;
}

.btn-advertisement2 {
	background: #000080;
	color: #FCFCFC;
	padding:10px 0px 10px 10px;
	margin: 0px 0px 8px 0px;	
	width: 100%;
	height: 40px;
}

/******************************************************************************
/* ボタン：板情報更新
*******************************************************************************/
.btn-update01 {
	background: #F6F4F3;
	color: #17202B;
	border-color: #C4C2BC;
	text-shadow: none;
	padding:4px 0px 0px 0px ;
	width: 43px;
	height: 30px;
	margin: 0px 0px 0px 5px;
}

.btn-update01.btn.active {
	background: #F78902;
	border-color: #C4C2BC;
	color: #FCFCFC;
	text-shadow: none;
	padding:4px 0px 0px 0px ;
	width: 43px;
	height: 30px;
	margin: 0px 0px 0px 0px;
}


/******************************************************************************
/* ボタン：大きさ
*******************************************************************************/
.btn-size01 {
	width: 150px;
	height: 38px;
}

.btn-size011 {
	width: 110px;
	height: 38px;
}

.btn-size012 {
	width: 130px;
	height: 38px;
}

.btn-size02 {
	width: 38px;
}

.btn-size03 {
	width: 50px;
	height:22px;
	padding:1px 3px 2px 3px;
	margin: 1px;
}
.btn-size04 {
	width: 50px;
	height:22px;
	padding:1px 3px 2px 3px;
	margin: 1px;
}
.btn-size041 {
	width: 70px;
	height:30px;
	padding:5px 3px 3px 3px;
	margin: 1px;
}
.btn-size042 {
	width: 70px;
	height:22px;
	padding:1px 3px 2px 3px;
	margin: 1px;
}

.btn-size05 {
	width: 140px;
	height: 32px;
}

.btn-size09 {
	width: 180px;
	height: 32px;
}

.btn-size06 {
	width: 50px;
	height:22px;
	padding:1px 3px 2px 3px;
	margin: 1px;
}

.btn-size07 {
	width: 140px;
	height:32px;
}
.btn-size08 {
	width: 170px;
	height: 50px;
}

.btn-size10 {
	width: 55px;
	height:22px;
	padding:1px 3px 2px 3px;
	margin: 1px;
}

.btn-quick {
	width: 50px;
	height:22px;
	padding:1px 3px 2px 3px;
	margin: 1px;
}

.btn-quick-sp{
	width: 45px;
	height:30px;
	padding:3px 3px 3px 3px;
}

.btn-quick-update{ 
	width: 50px;
	height:30px;
	padding:5px 3px 5px 3px;
}

/******************************************************************************
/* アイコン：回転
*******************************************************************************/
.farotate-down {
	transform: rotate( 90deg );
}

/******************************************************************************
/* ラジオボタン、チェックボックス大きさ
*******************************************************************************/
input[type="radio"],
input[type="checkbox"] {
	position:relative;
	top:-6px;
	line-height: normal;
	width:25px;
	height:25px;
	-moz-transform: scale(1.5, 1.5);
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 15px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.radio,
.checkbox {
	position: relative;
	display: block;
	min-height: 23px;
	margin-top: 9px;
	margin-bottom: 10px;
}

.radio-inline, .checkbox-inline {
	position:relative;
	padding-left: -60px;
	margin: 0 10px 0px 0px;
	font-weight: normal;
	cursor: pointer;
}

/******************************************************************************
/* select：カスタマイズ
*******************************************************************************/
.category_select{
	position: relative;
	cursor: pointer;
	padding-right: 0;
	overflow: hidden;
}

select{
	width: 100%;
	height: 32px;
	cursor: pointer;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: border-box;
	border: 1px solid #cccccc
}

select::-ms-expand {
	display: none;
}

.category_select > select {
	width: 100%;
}

.carat {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -2px;
	border: 4px solid transparent;
	border-top: 6px solid #001540;
}

/******************************************************************************
/* スペース（上）
*******************************************************************************/
.topspacer2 { margin-top: 2px; }
.topspacer3 { margin-top: 3px; }
.topspacer5 { margin-top: 5px; }
.topspacer10 { margin-top: 10px; }
.topspacer15 { margin-top: 15px !important; }
.topspacer20 { margin-top: 20px; }
.topspacer25 { margin-top: 25px; }
.topspacer30 { margin-top: 30px; }
.topspacer40 { margin-top: 40px; }
.topspacer50 { margin-top: 50px; }
.topspacer60 { margin-top: 60px; }
.topspacer70 { margin-top: 70px; }
.topspacer80 { margin-top: 80px; }
.topspacer110 { margin-top: 110px; }
.topspacer160 { margin-top: 160px; }
.topspacer170 { margin-top: 170px; }
.topspacer420 { margin-top: 420px; }
.topspacer780 { margin-top: 780px; }

/******************************************************************************
/* スペース（右）
*******************************************************************************/
.rightspacer2 { margin-right: 2px; }
.rightspacer3 { margin-right: 3px; }
.rightspacer5 { margin-right: 5px; }
.rightspacer10 { margin-right: 10px; }
.rightspacer15 { margin-right: 15px; }
.rightspacer20 { margin-right: 20px; }
.rightspacer25 { margin-right: 25px; }
.rightspacer30 { margin-right: 30px; }
.rightspacer40 { margin-right: 40px; }
.rightspacer50 { margin-right: 50px; }

/******************************************************************************
/* スペース（下）
*******************************************************************************/
.bottomspacer2 { margin-bottom: 2px; }
.bottomspacer3 { margin-bottom: 3px; }
.bottomspacer5 { margin-bottom: 5px; }
.bottomspacer10 { margin-bottom: 10px; }
.bottomspacer15 { margin-bottom: 15px !important; }
.bottomspacer20 { margin-bottom: 20px; }
.bottomspacer25 { margin-bottom: 25px; }
.bottomspacer30 { margin-bottom: 30px; }
.bottomspacer40 { margin-bottom: 40px; }
.bottomspacer50 { margin-bottom: 50px; }

/*******************************************************************************
/* スペース（左）
*******************************************************************************/
.leftspacer2 { margin-left: 2px; }
.leftspacer3 { margin-left: 3px; }
.leftspacer5 { margin-left: 5px; }
.leftspacer10 { margin-left: 10px; }
.leftspacer15 { margin-left: 15px; }
.leftspacer20 { margin-left: 20px; }
.leftspacer25 { margin-left: 25px; }
.leftspacer30 { margin-left: 30px; }
.leftspacer40 { margin-left: 40px; }
.leftspacer50 { margin-left: 50px; }
.leftspacer70 { margin-left: 70px; }

/*******************************************************************************
/* 高さ指定
*******************************************************************************/
.height25 {
	height: 25px; 
}
.height35 {
	height: 35px; 
}
.height150 {
	height: 150px; 
}
.height190 {
	height: 190px; 
}
.height235 {
	height: 235px; 
}
.height450 {
	height: 450px; 
}
.height470 {
	height: 470px; 
}
.height520 {
	height: 520px; 
}
.height660 {
	height: 660px; 
}
.height790 {
	height: 790px; 
}

/******************************************************************************
/* サイドメニュー
*******************************************************************************/
.sidebar-nav {
	position: relative;
	padding: 0px 0px 0px 15px;
}

.sidebar-nav ul {
	list-style: none;
	padding-left: 0px;
}

.sidebar-nav .nav-header {
	line-height: 20px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 0px;
	text-shadow: none;
	text-transform: none;
}

.sidebar-nav .nav-list {
	margin: 0px;
	border: 0px;
}

.sidebar-nav .nav-list  > li > a {
	padding: 5px 10px 5px 10px;
}

.sidebar-nav .nav-list  > li:hover a {
	margin-left: -4px;
}

.sidebar-nav .nav-list  > .active a {
	margin-left: -4px;
}


/******************************************************************************
/* 入力画面タブ
*******************************************************************************/
.nav-tabs {
	border-bottom: 1px solid #FCFCFC;
}

.nav-tabs > li {
	border-color: #DCDCE3 #DCDCE3 #FCFCFC;
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px; 
	float: left;
	margin-bottom: 1px;
}

.nav-tabs > li > a {
	margin-right: 1px;
	line-height: 1.42857143;
	border-color: #DCDCE3 #DCDCE3 #FCFCFC;
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px; 
	width: 100%;
	height: 32px;
	text-align:center;
	padding: 5px 5px 5px 5px;
}

.nav-tabs > li > a:hover {
	border-color: #DCDCE3 #DCDCE3 #FCFCFC;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border: 1px solid #DCDCE3 ;
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px; 
	border-bottom-color: transparent;
	cursor: default;
}

.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: none;
}

/******************************************************************************
/* センタリング
*******************************************************************************/
.centering {  
	width: 100%;
	margin: 0 auto; 
	text-align: center; 
}

/******************************************************************************
/* pager
*******************************************************************************/
.pager {
	text-transform: none;
	padding-left: 0;
	margin: 0px 0;
	list-style: none;
	text-align: center;
}

.pager li>a, .pager li>span {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 15px;
}


/******************************************************************************
/* パネル選択不可
*******************************************************************************/

.href-disable{
	pointer-events:none;
	cursol:default;
}


/******************************************************************************
/* フッタ
*******************************************************************************/
.footer {
	padding: 0 0 20px 0;
	margin: 0;
	width:100%;
}

.footer a:link {
	border:none;
	padding: 0 0 0 20px;
}


.footer ul {
	list-style: none;
	padding-left: 0px;
}

/******************************************************************************
/* copyright
*******************************************************************************/
.copyright {
	margin: 10px 0 10px 0;
	padding: 0 0 0 20px;
	color: #FCFCFC;
	background-color: #929A9F;
}

/******************************************************************************
/*  トップに戻る
*******************************************************************************/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 35px;
}


#page-top a {
	display: block;
}


/******************************************************************************
/* 背景色設定
*******************************************************************************/

/* 白 #FCFCFC*/
.navbar-custom,
.footer,
.pager li>a, .pager li>span {
	background: #FCFCFC;
}

/*H1見出し 青 #0D589A*/
h1.point01{
	background-color: #4d4d4d;
}
/* トップメニュー 青 #0D589A→#6174A0*/
.navbar-custom .navbar-nav > li > a {
	background: rgb(98,161,142); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(98,161,142,1) 0%, rgba(12,153,78,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,161,142,1)), color-stop(100%,rgba(12,153,78,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(98,161,142,1) 0%,rgba(12,153,78,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(98,161,142,1) 0%,rgba(12,153,78,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,72,162,1) 0%,rgba(0,72,162,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62A18E', endColorstr='#0C994E',GradientType=0 ); /* IE6-9 */
}


/* トップサイドメニュー hover時  #A1CCB9*/
.navbar-custom .navbar-nav  > li > a:hover,
.navbar-custom .navbar-nav  > .active > a:hover,
.sidebar-nav .nav-list  > li > a:hover,
.sidebar-nav .nav-list  > .active > a:hover {
	background: #00b9e7;
}

/* 選択状態クラス トップ・サイドメニュー #A1CCB9*/
.selected_topnav,
.selected_leftnav{
	background: #00b9e7 !important;
}

/* TOP画面メインパネル ラベンダー #E6E6FA*/
.panel-topmain > .panel-heading {
	background:#00b9e7;
}
/* TOP画面サブパネル・サイドメニュー グレー #F5F5F5*/
.panel-topsub > .panel-heading,
.sidebar-nav,
.sidebar-nav .nav-list {
	background-color: #F5F5F5;
}


/* サイドメニュー 見出し #F5F5F5→#E5E5E5*/
.sidebar-nav .nav-header {
	background: rgb(245,245,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}


/* 入力画面：タブ #dcdce3→#757577*/
.nav-tabs > li {
	background: rgb(220,220,227); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(220,220,227,1) 0%, rgba(117,117,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,227,1)), color-stop(100%,rgba(117,117,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(220,220,227,1) 0%,rgba(117,117,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(220,220,227,1) 0%,rgba(117,117,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(220,220,227,1) 0%,rgba(117,117,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdce3', endColorstr='#757577',GradientType=0 ); /* IE6-9 */

}
/* 入力画面：タブ #f5f5f5→#dce2ed*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background: rgb(245,245,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(220,226,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(220,226,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dce2ed',GradientType=0 ); /* IE6-9 */
}

/* 銘柄名 黄緑 #FAFCE2*/
.panel-brand > .panel-body{
	background-color: #FAFCE2;
}

/* 板情報 グレー #DCDCE3*/
.bk-color01 {
	background-color: #DCDCE3;
}

/* 入力画面 薄紫 #F0F4FF ⇒ #CFD7F7 色変更 */
.bk-color02 {
/* background-color: #F0F4FF; */
	background-color: #00b9e7;
}


/* 買い 赤 #FFCCD2*/
.bk-color03 {
	background-color: #FFCCD2;
}

/* 売り 青 #CCEEFF*/
.bk-color04 {
	background-color: #CCEEFF;
}

/* テキストボックス　グレー色 #D6D6D6*/
.bk-color08 {
	background-color: #D6D6D6;
}

/* 「このページについて」用　背景色 #F0F4FF*/
.bk-color09 {
	background-color: #F0F4FF;
}

/* 投信用*/
.well-info {
  margin-bottom: 10px;
  background-color: #d9edf7;
}

/******************************************************************************
/* ボーダー色設定
*******************************************************************************/

/* TOP画面メインパネル・銘柄 青 #0D589A*/
.panel-brand,
.panel-topmain,
.panel-topmain > .panel-heading {
	border-color: #356396;
}

/* トップメニュー下部 青 #0D589A*/
.navbar-custom {
	border-bottom: 2px solid #0d61ca;
}

/* トップメニュー 白 #FCFCFC*/
.navbar-custom .navbar-nav > li > a{
	border-left: 1px solid #FCFCFC;
}


/* フッダー上部 青 #0D589A*/
.footer {
	border-top: 2px solid #0d61ca;
}

/* サイドメニュー グレー #DCDCE3*/
.sidebar-nav {
	border-top: none;
	border-left: none;
}

.sidebar-nav .nav-header {
	border-top: 3px solid #DCE3DC;
	border-bottom: 3px solid #DCE3DC;
}

/* サイドメニュー ホバー時左ボーダー  #0D589A*/
.sidebar-nav .nav-list  > li:hover ,
.selected_leftnav{
	border-left: 4px solid #00b9e7;
	overflow: hidden;
}

/* TOP画面メインパネル 青 #0D589A*/
.panel-topmain > .panel-heading + .panel-collapse > .panel-body {
	border-top: 1px solid #00b9e7;
}

/* TOP画面サブパネル グレー #DCDCE3*/
.panel-topsub > .panel-body {
	border-top: 1px solid #DCDCE3;
}

/* TOP画面サブパネル・ページャ グレー #DCDCE3*/
.panel-topsub,
.pager li>a, .pager li>span {
	border: 1px solid #DCDCE3;
}

/******************************************************************************
/* フォントサイズ（デフォルト：14px）
*******************************************************************************/
.font-xs {
	font-size: 11px;
}

.font-xs01 {
	font-size: 13px;
}

.footer,
.copyright,
.font-sm {
	font-size: 12px
}

.navbar-custom .navbar-nav > li > a {
	font-size:13px;
}

.panel-title {
	font-size: 14px;
	color:#FFFFFF;
}

h1.point01{
	font-size: 18px;
}

h2.point02{
	font-size: 16px;
}

h3.point03{
	font-size: 18px;
	font-weight: bold;
}
.date{
	font-weight: bold;
	font-size: 14px;
}

/******************************************************************************
/* フォント色設定
*******************************************************************************/

/* 基本色 黒 #17202B*/
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.sidebar-nav .nav-list  > li > a ,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus, 
.footer a{
	color: #17202B;
}


/* 白 #FCFCFC*/
h1.point01,
.navbar-custom, 
.navbar-custom .navbar-nav > li > a,
.nav-tabs > li > a {
	color: #FCFCFC;
}

.textsize-25{
	font-size:25px;
}


/* 赤 */
.textcolor01 {
	color: red; 
}

/* 売り：青 */
.textcolor02 {
	color: #2758EA; 
}

/* 買い：赤 */
.textcolor03 { 
	color: #FD404E; 
}
/* 失効：灰 */
.textcolor06 { 
	color: #808080;
}

/* ■：緑 */
.textcolor07 {
	color: #3CB521;
}

/* 「？」アイコン色*/
.textcolor08 {
	color: #0044ff;
}

/* ■：深い青：注意事項 */
.textcolor09 {
	color: #2b4fb7;
}

/******************************************************************************
/* スマホメニュー
*******************************************************************************/

.sidr{
	display:none;
	position:absolute;
	position:fixed;top:0;
	height:100%;
	z-index:999999;
	width:250px;
	overflow-x:none;
	overflow-y:auto;
	font-size:14px;
	background:#28405E;
	color:#FCFCFC;
	-webkit-box-shadow:inset 0 0 5px 5px #182D47;
	-moz-box-shadow:inset 0 0 5px 5px #182D47;
	box-shadow:inset 0 0 5px 5px #182D47;
}

.sidr .sidr-inner{
	padding:0 0 15px;
}

.sidr.left{
	left:-250px;right:auto;
}

.sidr ul{
	display:block;
	margin:0 0 15px;
	padding:0;
	border-bottom:1px solid #1C2837;
}

.sidr ul li{
	display:block;
	margin:0;
	line-height:38px;
	border-top:1px solid #1C2837;
}

.sidrheight{
	height:30px;
	max-height:60px;
}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active{
	border-top:none;
	line-height:38px;
}

.sidr ul li:hover>a,
.sidr ul li.active>a,
.sidr ul li.sidr-class-active>a{
	-webkit-box-shadow:inset 0 0 15px 3px #687E98;
	-moz-box-shadow:inset 0 0 15px 3px #687E987;
	box-shadow:inset 0 0 15px 3px #687E98;
}

.sidr ul li a{
	padding:0 15px;display:block;
	text-decoration:none;color:#FCFCFC;
}

.sidr ul li ul{
	border-bottom:none;margin:0;
}

.sidr ul li ul li{
	line-height:38px;
	font-size:13px;
}

.sidr ul li ul li:last-child{
	border-bottom:none;
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active{
	border-top:none;
	line-height:38px;
}

.sidr ul li ul li:hover>a,
.sidr ul li ul li.active>a,
.sidr ul li ul li.sidr-class-active>a{
	-webkit-box-shadow:inset 0 0 15px 3px #687E98;
	-moz-box-shadow:inset 0 0 15px 3px #687E98;
	box-shadow:inset 0 0 15px 3px #687E98;
}

/******************************************************************************
/* iframe：カスタマイズ
*******************************************************************************/
.iframeBody{
	padding: 0px !important;
	margin: 0 !important;
	overflow: auto;
	text-align:center;
}

iframe{
	border:none;
	width: 100%;
	padding: 0px !important;
	margin: 0 !important;
}
/******************************************************************************
/* リンク文字
*******************************************************************************/
/* リンク文字：青・下線有 */
.textlink01 {
	color: #2758EA;
	text-decoration: underline;
}

/******************************************************************************
/* 金融商品取引法説明レイアウト
*******************************************************************************/
.textDocument01 {
	text-align:left;
	letter-spacing:2px;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	display:block;
	border-bottom:#999999 dotted 1px;
	padding:5px 0;
}

.textDocument02 {
	text-align:left;
	letter-spacing:2px;
	font-size:12px;
	line-height:14px;
	margin-top:8px;
}

/* SS とPCの場合、数字は右で表示*/
.text-right01 {
	text-align: right;
}

.text-right03 {
	text-align: right;
}

.text-ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.text-break {
	word-wrap:break-word;
	word-break:normal;
	white-space:pre-wrap;
}

.text-break-normal {
	word-wrap:break-word;
	word-break:normal;
	white-space:normal;
}

.text-break-all {
	word-wrap:break-word;
	word-break:break-all;
	white-space:normal;
}

/* ソース用*/
table {
	font-size:14px;
}
/* エラーメッセージ */
.error{
	font-size: 14px;
	color: red;
}
/******************************************************************************
/* 株価ボード画面タブ
*******************************************************************************/
.bord-tabs {
	border-bottom: 1px solid #FCFCFC;
}

.bord-tabs > li {
	border-color: #DCDCE3 #DCDCE3 #FCFCFC;
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px; 
	float: left;
	margin-bottom: 1px;
}

.bord-tabs > li > a {
	margin-right: 1px;
	line-height: 1.42857143;
	border-color: #DCDCE3 #DCDCE3 #FCFCFC;
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px; 
	width: 55px;
	height: 32px;
	text-align:center;
	padding: 5px 5px 5px 5px;
}

.bord-tabs > li > a:hover {
	border-color: #DCDCE3 #DCDCE3 #FCFCFC;
}

.bord-tabs > li.active > a,
.bord-tabs > li.active > a:hover,
.bord-tabs > li.active > a:focus {
	border: 1px solid #DCDCE3 ;
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px; 
	border-bottom-color: transparent;
	cursor: default;
}

.bord > li.disabled > a {
  color: #999999;
}
.bord > li.disabled > a:hover,
.bord > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: none;
}
/* 入力画面：タブ #dcdce3→#757577*/
.bord-tabs > li {
	background: rgb(220,220,227); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(220,220,227,1) 0%, rgba(117,117,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,227,1)), color-stop(100%,rgba(117,117,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(220,220,227,1) 0%,rgba(117,117,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(220,220,227,1) 0%,rgba(117,117,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(220,220,227,1) 0%,rgba(117,117,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdce3', endColorstr='#757577',GradientType=0 ); /* IE6-9 */

}
/* 入力画面：タブ #f5f5f5→#dce2ed*/
.bord-tabs > li.active > a,
.bord-tabs > li.active > a:hover,
.bord-tabs > li.active > a:focus {
	background: rgb(245,245,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(220,226,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(220,226,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(220,226,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dce2ed',GradientType=0 ); /* IE6-9 */
}
/* 基本色 黒 #17202B*/
.bord-tabs > li > a,
.bord-tabs > li > a:hover,
.bord-tabs > li.active > a,
.bord-tabs > li.active > a:hover,
.bord-tabs > li.active > a:focus, 
.footer a{
	color: #17202B;
}
/* 白 #FCFCFC*/
.bord-tabs > li > a {
	color: #FCFCFC;
}


.table03 > tbody > tr > td {
	padding: 4px;
	border-top: 1px;
	font-size:14px;
	vertical-align: top;
	text-align: left;
}


/******************************************************************************
/* ボタン：オペレーター用表示
*******************************************************************************/
.btn-op {
	display: inline-block;
	border-radius: 5%;
	font-size: 8pt;
	text-align: center;
	cursor: pointer;
	padding: 5px 8px;
	background: rgba(204, 204, 204, 0.91);
	color: #000000;
	line-height: 1em;
	transition: .3s;
	border: 2px solid rgba(204, 204, 204, 0.91);
}
.btn-op:hover {
	color: rgba(204, 204, 204, 0.91);
	background: #777777;
}

.op-content{
	color: #17202B;
	font-size: 12px;
}


h2.sec {
    margin-top: 3px;
    padding: 4px 0 1px 6px;
    font-size: 1.2em;
    font-weight: normal;
    color: #FFF;
    background: #4d4d4d;
}

/******************************************************************************
/* ボタン：呼値について
*******************************************************************************/
.mx-icon-mes-question{
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: sub;
	background-image: url(../images/icons/16x16/mes-question.gif);
}
.mx-icon-mes-question:hover{
	background-image: url(../images/icons/16x16/mes-question-hover.gif);
}
/* 12X12 */
.mx-icon-action-details{
	content: ' ';
	display: inline-block;
	width: 11px;
	height: 10px;
	background-image: url(../images/icons/12x12/action-details.gif);
}
/*中国株で現在値のサイズを大きく*/
.embase_l {
	color: #FF6600;
	font-size: 20px;
}


.text-center tr td{
         text-align: center;
     vertical-align: middle;
     
 }
 
 /* エラーメッセージ(囲み線あり) */
.emg-border{
	color:#FF0000;
	margin-left:0;
	border-style:solid;
	border-color:red;
	border-width:1px;
}

/* BEGIN: Define css margin. */
.tbl-sub-transaction{
	border: 1px solid #909BAA;
	border-right: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.ref-border-bottom-none{
	border-bottom: none !important;
}

.ref-border-top-none{
	border-top: none !important;
}

.pankuzu-div {
	width:100%;
	display: table;
	height: 50px;
}
.pankuzu-text {
	padding:10px 20px 10px 10px;
	width:100%;
	display: table-cell;
	vertical-align: middle;
}
.font-inherit {
  font-size: inherit;
}
.border-none {
	border:none !important;
	background: transparent !important;
}
/* END: Define css margin. */

/* ソート項目の文字色：白 */
.a-sort {
	color:#FFFFFF;
}

/* 簿価単価明細照会のtitle */
.bvs-title {
	font-size: 14px;
	font-weight:bold; 
}

/* ソート項目のhover、focus：白 */
.sort-color > a:focus {
	color:#FFFFFF;
	text-decoration:none;
}
.sort-color > a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}