/* COLOR CSS */
/*
	CSSプロパティ分類
	1：表示・配置
	2：サイズ・余白
	3：フォント・テキスト
	4：背景・ボーダー
*/
/*---------------------------*/
/* base                      */
/*---------------------------*/
a {
	/* 3 */
	color: #00f
}

.bodyred {
	/* 3 */
	color:#f33;
}

.bodyblue {
	/* 3 */
	color:#06c;
}

.bodygray {
	/* 3 */
	color:#808080;
}

/* 会員独自設定 */
/* レイアウト */
.section {
	/* 4 */
	background:#f1f1f1;
	border:#cbcbcb solid 1px;
}
/* ボタン >> */
.cmd-action {
	/* 4 */
	background: #96cd03; /* Old browsers */
	background: -moz-linear-gradient(top,  #96cd03 0%, #88ae21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96cd03), color-stop(100%,#88ae21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #96cd03 0%,#88ae21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #96cd03 0%,#88ae21 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #96cd03 0%,#88ae21 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #96cd03 0%,#88ae21 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96cd03', endColorstr='#88ae21',GradientType=0 ); /* IE6-9 */
	border-color: #62820c;
}

.cmd-back {
	/* 4 */
	background: #787878; /* Old browsers */
	background: -moz-linear-gradient(top,  #787878 0%, #3a3a3a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #787878 0%,#3a3a3a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
	border-color: #5e4135;
}

.cmd-clear {
	/* 4 */
	background: #787878; /* Old browsers */
	background: -moz-linear-gradient(top,  #787878 0%, #3a3a3a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #787878 0%,#3a3a3a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
	border-color: #5e4135;
}

.cmd-link {
	/* 4 */
	background: #83cedf; /* Old browsers */
	background: -moz-linear-gradient(top,  #83cedf 0%, #306875 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83cedf), color-stop(100%,#306875)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #83cedf 0%,#306875 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #83cedf 0%,#306875 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #83cedf 0%,#306875 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #83cedf 0%,#306875 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83cedf', endColorstr='#306875',GradientType=0 ); /* IE6-9 */
	border-color: #5694a2;
}

.cmd-mini1 {
	/* 4 */
	background: #f5912d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5912d 0%, #ee7700 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5912d), color-stop(100%,#ee7700)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5912d 0%,#ee7700 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5912d 0%,#ee7700 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5912d 0%,#ee7700 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5912d 0%,#ee7700 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5912d', endColorstr='#ee7700',GradientType=0 ); /* IE6-9 */
}
.cmd-contents {
	/* 4 */
	background: #83cedf; /* Old browsers */
	background: -moz-linear-gradient(top,  #83cedf 0%, #306875 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83cedf), color-stop(100%,#306875)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #83cedf 0%,#306875 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #83cedf 0%,#306875 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #83cedf 0%,#306875 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #83cedf 0%,#306875 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83cedf', endColorstr='#306875',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	border-style: solid;
	border-width: 1px;
	border-color: #5694a2;
}
.logout-link{
	/* 4 */
	color:#ffffff;
	border: 1px solid #434343;
	background: #787878; /* Old browsers */
	background: -moz-linear-gradient(top,  #787878 0%, #3a3a3a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #787878 0%,#3a3a3a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #787878 0%,#3a3a3a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
}

/* 見出し */
h2 {
	/* 4 */
	background: #328a95;
}

h4 {
	/* 3 */
	color: #333333;
	/* 4 */
	border-left: 8px solid #007685;
}
/* テーブル */
.p1 .bgdark1,
.tp1 .bgdark1 {
	/* 3 */
	color: #000;
}

.p1 .bgdark2,
.custody .bgdark2,
.custody2 .bgdark2,
.tp1 .bgdark2,
.p1 .bggry3,
.custody .bggry3,
.tp1 .bggry3,
.custody2 .bggry3 {
	/* 4 */
	background-color: #e6e6e6;
}

.p1 .bgdark5,
.custody .bgdark5 {
	/* 4 */
	background: #f3bb84;
}

.p1 .bglight1,
.custody .bglight1,
.tp1 .bglight1,
.custody2 .bglight1 {
	/* 4 */
	background-color: #ddf1ff;
}

.p1 .pager-select,
.custody .pager-select,
.p1 .pager-td,
.custody .pager-td {
	/* 4 */
	background:#2c3d69;
}

.pager-back, .pager-next{
	/* 4 */
	background:#7cc023;
}

/* TOP画面コンポーネント */
.comp-contents {
	/* 4 */
	background: #f1f1f1;
	border-color: #cbcbcb;
}

.comp-tbl-head {
	/* 4 */
	background: #d9edf7;
	color: #333
}
/* 文字サイズ変更 */
.fs-btn {
	/* 4 */
	background: #6a87d9;
	border-color: #23509f;
}

/* 株式注文ショートカット */
.soc {
	/* 4 */
	background: #dce8eb;
}

.soc-btn-stock {
	/* 4 */
	background: #ebbb29; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebbb29 0%, #bb900d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebbb29), color-stop(100%,#bb900d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ebbb29 0%,#bb900d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ebbb29 0%,#bb900d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ebbb29 0%,#bb900d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ebbb29 0%,#bb900d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbb29', endColorstr='#bb900d',GradientType=0 ); /* IE6-9 */
}

.soc-btn-margin {
	/* 4 */
	background: #91cb00; /* Old browsers */
	background: -moz-linear-gradient(top,  #91cb00 0%, #73a000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91cb00), color-stop(100%,#73a000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #91cb00 0%,#73a000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #91cb00 0%,#73a000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #91cb00 0%,#73a000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #91cb00 0%,#73a000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91cb00', endColorstr='#73a000',GradientType=0 ); /* IE6-9 */
}
/* ヘッダー */
.header-top {
	/* 4 */
	border-bottom-color: #f3e4cf;
}

.header-bottom {
	/* 4 */
	border-top-color: #f3e4cf;
}

/* メニュー */
.main-menu {
	/* 4 */
	background: #007e8e;
	border-bottom-color: #007e8e;
}

.main-menu-item {
	/* 4 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	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-left-color: #1baabc;
}

.toggle-menu .main-menu {
	/* 4 */
	border-top: #007e8e solid 3px;
}

.main-menu-item-selected,
.main-menu-item:hover {
	/* 4 */
	background: #007e8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #007e8e 0%, #007e8e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007e8e), color-stop(100%,#007e8e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007e8e 0%,#007e8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007e8e 0%,#007e8e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007e8e 0%,#007e8e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007e8e 0%,#007e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e8e', endColorstr='#007e8e',GradientType=0 ); /* IE6-9 */
	border-left-color: #003300;
}
.main-menu-item-selected .main-menu-link{
	/* 4 */
	color:#ffffff;
}
.main-menu-item:hover .main-menu-link{
	/* 4 */
	color:#ffffff;
}
.sub-menu-item{
	/* 4 */
	color:#ffffff;
	background: #7a989f;
}
.sub-menu-link{
	/* 4 */
	color:#ffffff;
}
.sub-menu-item:hover {
	/* 4 */
	background: #95bdc6;
}

@media screen and (max-width: 880px) {
/* メニュー */
.toggle-menu .main-menu {
	/* 4 */
	background: #007e8e;
	border-bottom-color: #007e8e;
}

.toggle-menu .main-menu-item {
	/* 4 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	color:#ffffff;
	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-left-color: #1baabc;
}

.toggle-menu .main-menu-item-selected,
.toggle-menu .main-menu-item:hover {
	/* 4 */
	background: #007e8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #007e8e 0%, #007e8e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007e8e), color-stop(100%,#007e8e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007e8e 0%,#007e8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007e8e 0%,#007e8e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007e8e 0%,#007e8e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007e8e 0%,#007e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e8e', endColorstr='#007e8e',GradientType=0 ); /* IE6-9 */
	border-left-color: #003300;
}
.toggle-menu .main-menu-link{
	/* 4 */
	color:#ffffff;
}

.toggle-menu .main-menu-item-selected .main-menu-link{
	/* 4 */
	color:#ffffff;
}
.toggle-menu .main-menu-item:hover .main-menu-link{
	/* 4 */
	color:#ffffff;
}
.toggle-menu .sub-menu-item{
	/* 4 */
	color:#ffffff;
	background: #7a989f;
}
.toggle-menu .sub-menu-link{
	/* 4 */
	color:#ffffff;
}
.toggle-menu .sub-menu-item:hover {
	/* 4 */
	background: #95bdc6;
}
}