/* 共通スタイルCSS */
/*
	CSSプロパティ分類
	1：表示・配置
	2：サイズ・余白
	3：フォント・テキスト
	4：背景・ボーダー
*/
/* reset >> */
div,
dl,
dt,
dd,
form,
ol,
ul,
p,
td {
	/* 2 */
	margin: 0;
	padding: 0;
}

li {
	/* 1 */
	list-style: none;
	/* 2 */
	margin: 0;
	padding: 0;
}

fieldset {
	/* 2 */
	margin: 0;
	padding: 0;
	/* 4 */
	border: 0;
}

input,
textarea {
	/* 1 */
	z-index: auto;
	/* 2 */
	margin: 0;
	padding: 0;
	/* 3 */
	font-family: inherit;
	font-size: inherit;
	*font-size:100%; /* IE7 */
	font-weight: inherit;
}

table {
	/* 3 */
	font-size: inherit;
	/* 4 */
/*
	border-collapse: collapse;
*/
	border-spacing: 0;
}

th {
	/* 2 */
	margin: 0;
	padding: 0;
	/* 3 */
	text-align: left;
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* 2 */
	margin: 0;
	padding: 0;
	/* 3 */
	font-size: 100%;
	font-weight: normal;
}

img {
	/* 3 */
	vertical-align: top;
	/* 4 */
	border: 0;
}

strong {
	/* 3 */
	/*
	font: normal 100% normal;
	*/
}

select {
	/* 1 */
	z-index: auto;
	/* 3 */
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
}

a {
	/* 3 */
	color: #000;
	text-decoration: none;
}

html　{
	/* 3 */
	color:　#000000;
	/* 4 */
	background:　#FFFFFF;
}

body {
	/* 2 */
	margin: 0;
	padding: 0;
	/* 3 */
/*
	font: 12px/1.231;
*/
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	font-size: 16px;
	*font-size: small;
	*font: x-small;
	line-height: 150%;
	webkit-text-size-adjust: 100%;
}
/* reset << */
/* clearfix >> */
#contents:after,
#main:after,
.clearfix:after,
.section:after {
	content: ".";
	/* 1 */ 
	clear: both;
	display: block;
	visibility:hidden;
	/* 2 */
	height: 0;
	/* 3 */
	font-size:0;
}

.clear {
	/* 1 */
	clear: both;
}

.ie7 .clearfix {
	/* 2 */
	min-height: 1px;
}
/* clearfix << */
/* フレーム >> */
.spMode {
	/* 1 */
	display: none;
}

.pcMode {
	/* 2 */
	width: 100%;
}

#wrapper {
	/* 2 */
	min-width: 300px;
}

#contents {
	/* 1 */
	overflow: hidden;
	/* 2 */
	margin: 0 auto;
	max-width: 1100px;
	min-height: 550px;
	width: 100%;
	/* 3 */
	line-height: 1.7;
	text-align: left;
}

.ie8 #contents,
.ie7 #contents {
	width: 1100px;
}
.ie8 .cont_ie,
.ie7 .cont_ie {
	width: 100% !important;
}

#main {
	/* 2 */
	margin: auto;
	width: 78%;
        float:left;
}

.unit_all,
.unit_left,
.unit_right,
.unit_left2,
.unit_right2 {
	/* 1 */
	 float : left;
}

.unit_all {
	/* 2 */
	width : 100%;
}

.unit_center { 
	/* 2 */
	margin: 1% 1% 0 25%;
	width : 50%;
}

.unit_left { 
	/* 2 */
	margin: 1% 1% 0 0;
	width : 49%;
}

.unit_right {
	/* 2 */
	margin: 1% 0 0 0;
	width : 49%;
}

.unit_left2 {
	/* 2 */
	margin: 1% 1% 0 0;
	width : 20%;
}

.unit_right2 {
	/* 2 */
	margin: 1% 0 0 0;
	width : 79%;
}

/* コンテンツセクション */
.section {
	/* 2 */
	margin:0 0 15px 0;
	padding:10px;
	/* 4 */
	background:#f1f1f1;
	border:#cbcbcb solid 1px;
}

.margin0 {
	/* 2 */
	margin-bottom: 0 !important;
}
/* フレーム << */
/* ボタン >> */
.cmd-action {
	/* 1 */
	display: block;
	/* 2 */
	height:46px;
	margin: 0.5em auto;
	max-width: 200px;
	min-width: 128px;
	padding: 0;
	/* 3 */
	color: #fff;
	font-size:1em;
	font-weight: 900;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	/* 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: #62820c solid 1px;
	-webkit-border-radius: 5px; /* Chrome,Safari */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px; /* CSS3 */
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.cmd-back {
	/* 1 */
	display: block;
	/* 2 */
	height:46px;
	margin: 0.5em auto;
	max-width: 200px;
	min-width: 128px;
	padding: 0;
	/* 3 */
	color: #fff;
	font-weight: 900;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	/* 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: #434343 solid 1px;
	-webkit-border-radius: 5px; /* Chrome,Safari */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px; /* CSS3 */
}

.cmd-clear {
	/* 1 */
	display: block;
	/* 2 */
	height: 46px;
	margin: 0.5em auto;
	max-width: 200px;
	min-width: 128px;
	padding: 0;
	/* 3 */
	color: #fff;
	font-weight: 900;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	/* 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: #434343 solid 1px;
	-webkit-border-radius: 5px; /* Chrome,Safari */
	-moz-border-radius: 5px;		/* Firefox */
	border-radius: 5px;				 /* CSS3 */
}

.cmd-close {
	/* 1 */
	display: block;
	/* 2 */
	height: 46px;
	margin: 0.5em auto;
	max-width: 200px;
	min-width: 128px;
	padding: 0;
	/* 3 */
	color: #fff;
	font-weight: 900;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	/* 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: #434343 solid 1px;
	-webkit-border-radius: 5px; /* Chrome,Safari */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px; /* CSS3 */
	border-style: solid;
	border-width: 1px;
}

.cmd-link {
	/* 1 */
	display: inline-block;
	/* 2 */
	height: 46px;
	margin: 10px 0;
	padding: 0;
	width: 180px;
	/* 3 */
	color: #333;
	font-weight: bold;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	/* 4 */
	background: #4c7cc3; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c7cc3 0%, #3b5c8d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c7cc3), color-stop(100%,#3b5c8d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c7cc3 0%,#3b5c8d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c7cc3 0%,#3b5c8d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c7cc3 0%,#3b5c8d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c7cc3 0%,#3b5c8d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7cc3', endColorstr='#3b5c8d',GradientType=0 ); /* IE6-9 */
	border: #3b5c8d solid 1px;
	-webkit-border-radius: 5px; /* Chrome,Safari */
	-moz-border-radius: 5px; /* Firefox */
	border-radius: 5px; /* CSS3 */
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.cmd-message {
	/* 1 */
	display: block; 
	float: right;
	overflow: hidden;
	/* 2 */
	height: auto;
	min-height: 25px;
	min-width: 75px;
	padding: 0.05em 0px;
	width: auto;
	/* 3 */
	color:#fff;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	/* 4 */
	background: #fc0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffb500), color-stop(0.00, #ffa443));
	background: -webkit-linear-gradient(#ffa443, #ffb500);
	background: -moz-linear-gradient(#ffa443, #ffb500);
	background: -o-linear-gradient(#ffa443, #ffb500);
	background: -ms-linear-gradient(#ffa443, #ffb500);
	background: linear-gradient(#ffa443, #ffb500);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa443', endColorstr='#ffb500',GradientType=0 ); /* IE6-9 */
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px; /* Firefox */
	border-radius: 7px; /* CSS3 */
	border-style: solid;
	border-width: 1px;
}

.cmd-mini1 {
	/* 1 */
	display: block; 
	float:left;
	/* 2 */
	height: 24px;
	max-width:none;
	margin-right: 2px;
	min-width:inherit;
	line-height:24px;
	padding: 0 14px;
	width: auto;
	/* 3 */
	color:#fff;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	/* 4 */
	background: #4fb44d; /* Old browsers */
	background: -moz-linear-gradient(top,  #4fb44d 0%, #2e951d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb44d), color-stop(100%,#2e951d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4fb44d 0%,#2e951d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4fb44d 0%,#2e951d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4fb44d 0%,#2e951d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4fb44d 0%,#2e951d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb44d', endColorstr='#2e951d',GradientType=0 ); /* IE6-9 */
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 5px; /* Chrome,Safari */
	-moz-border-radius: 5px;		/* Firefox */
	border-radius: 5px;				 /* CSS3 */
	border-style: solid;
	border-width: 1px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.cmd-mini2 {
	/* 1 */
	display: block;
	/* 2 */
	min-height: 24px;
	padding: 0;
	width: 60px; 
	/* 3 */
	color:#fff;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	/* 4 */
	background: #4169e1; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#4169e1), to(#4169e1)); /* Chrome,Safari */
	background: linear-gradient(to bottom, #4169e1,#4169e1);/* IE9? */
	background: -moz-linear-gradient(top, #4169e1,#4169e1); /* Firefox */
	background: -o-linear-gradient(top, #4169e1, #4169e1);	 /* Opera */
	background: linear-gradient(top, #4169e1, #4169e1);			/* CSS3 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4169e1', endColorstr='#4169e1',GradientType=0 ); /* IE6-9 */
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 4px; /* Chrome,Safari */
	-moz-border-radius: 4px; /* Firefox */
	border-radius: 4px; /* CSS3 */
	border-style: solid;
	border-width: 1px;
}

.cmd-search {
	/* 1 */
	display: block;
	/* 2 */
	height: auto;
	max-height: 24px;
	padding: 0 8px;
	width: auto;
	/* 3 */
	color:#fff;
	font-weight: 900;
	line-height:24px;
	text-align: center;
	text-decoration: none;
	/* 4 */
	background: #4b0082; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#4b0082), to(#4b0082)); /* Chrome,Safari */
	background: linear-gradient(to bottom, #4b0082, #4b0082);/* IE9? */
	background: -moz-linear-gradient(top, #4b0082, #4b0082); /* Firefox */
	background: -o-linear-gradient(top, #4b0082, #4b0082);	 /* Opera */
	background: linear-gradient(top, #4b0082, #4b0082);			/* CSS3 */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#4b0082',EndColorStr='#4b0082'); /* ?IE8 */
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 15px; /* Chrome,Safari */
	-moz-border-radius: 15px; /* Firefox */
	border-radius: 15px; /* CSS3 */
	border-style: solid;
	border-width: 1px;
}

.cmd-contents {
	/* 1 */
	display: block;
	/* 2 */
	width: 180px;
	padding: 0.2em 15px;
	margin: 1.1em auto;
	/* 3 */
	color:#fff;
	text-decoration: none;
	font-size:1.0em;
	font-weight:bold;
	text-align: center;
	/* 4 */
	background: #7f6145; /* Old browsers */
	background: -moz-linear-gradient(top,  #7f6145 0%, #5b3d32 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f6145), color-stop(100%,#5b3d32)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7f6145 0%,#5b3d32 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7f6145 0%,#5b3d32 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7f6145 0%,#5b3d32 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7f6145 0%,#5b3d32 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f6145', endColorstr='#5b3d32',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: #ccc #999 #999 #ccc;
}

/* 予定残高明細のボタン　活性 */
.cmd-sect {
	/* 1 */
	display: block; 
	/* 2 */
	min-height: 25px;
	min-width:	20px;
	padding: 0.5em 0.4em;
	width: 100%;
	/* 3 */
	color: #333;
	font-size: 1em;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	/* 4 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fbe8fc), color-stop(0.49, #fba6e1), color-stop(0.51, #fd8ad7), color-stop(1.00, #ff7ad7));
	background: -webkit-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -moz-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -o-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -ms-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: linear-gradient(to bottom, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#fbe8fc',EndColorStr='#ff7ad7'); /* IE6-9 */
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px; /* Firefox */
	border-radius: 7px; /* CSS3 */
	border-style: solid;
	border-width: 1px;
}

/* 予定残高明細のボタン　非活性 */
.cmd-nonsect {
	/* 1 */
	display: block; 
	/* 2 */
	min-height: 25px;
	min-width: 20px;
	padding: 0.5em 0.4em;
	width: 100%;
	/* 3 */
	color: #fff;
	font-size: 1em;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	/* 4 */
	background: #4fb44d; /* Old browsers */
	background: -moz-linear-gradient(top, #4fb44d 0%, #2e951d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb44d), color-stop(100%,#2e951d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4fb44d 0%,#2e951d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4fb44d 0%,#2e951d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4fb44d 0%,#2e951d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4fb44d 0%,#2e951d 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#4fb44d',EndColorStr='#2e951d'); /* IE6-9 */
	border: #fff	solid	1px;
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px; /* Firefox */
	border-radius: 7px; /* CSS3 */
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* 単価設定ボタン（×10,×100など）　*/
.cmd-spinner {
	/* 1 */
	cursor: pointer;
	/* 2 */
	padding: 0px 4px;
	/* 3 */
	color: #fff;
	white-space: nowrap;
	/* 4 */
	background: #888;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border-style: 10px solid;
	box-shadow: none;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10? */
}

/*テキストボックス内に入力アシストボタンを表示させない*/
.ui-spinner-button {
	/* 1 */
	display:none;
}

/* フォーム部品のハイライト色　*/
.txt-light {
	/* 4 */
	background: #fcc;
}

/* ボタン << */
/* 見出し >> */
h2 {
	/* 2 */
	margin-bottom: -0.1em; 
	padding: 5px 10px;
	/* 3 */
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	/* 4 */
	background: #2c3d69;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius:	4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	border-radius:	4px 4px 0 0;
}

h3 {
	/* 2 */
	padding-left: 0;
	/* 3 */
	font-size: 1.5em;
	font-weight: bolder;
}

h4 {
	/* 2 */
	padding-left: 15px;
	margin-bottom: 1em; 
	/* 3 */
	color: #333;
	font-size: 1.1em;
	font-weight: bolder;
	/* 4 */
	border-left: #030543 solid 8px;
}

h5 {
	/* 2 */
	padding-left: 1px;
	/* 3 */
	color: black;
	font-size: 1em;
	font-weight: bolder;
}

h5.cent {
	/* 3 */
	text-align: center;
}

h6 {
	/* 2 */
	margin-bottom: 1em; 
	/* 3 */
	color: red;
	font-size: 1.1em;
	font-weight: bolder;
	text-align: center;
}

h7 {
	/* 1 */
	float:left;
	/* 2 */
	margin-bottom: 0.3em;
	/* 3 */
	font-size: 1em;
	font-weight: bolder;
	text-align: center;
}

h8 {
	/* 2 */
	margin-bottom: 1em; 
	/* 3 */
	color: #06c;
	font-size: 1em;
	font-weight: bolder;
	text-align: left;
}

h9 {
	/* 2 */
	margin-bottom: 1em; 
	padding-left: 15px;
	/* 3 */
	color: #000;
	font-size: 1em;
	font-weight: bolder;
	/* 4 */
	border-left: 4px solid #33CCFF;
}
/* 見出し << */
/* テーブル >> */
/* 固定テーブルのエリア指定 */
.scroll {
	/* 1 */
	overflow-y: hidden; 
	overflow-x: auto;
	/* 2 */
	width:100%;
}

/* IE7 スクロール内のエリアボタンの動作解消 */
.ie7 .scroll {
	/* 1 */
	overflow-y: hidden; 
	overflow-x: auto;
	position: relative;
	/* 2 */
	width: 100%;
}

.scroll::-webkit-scrollbar {
	/* 2 */
	width: 10px;
	/* 4 */
	background: #c0c0c0;
}

.scroll::-webkit-scrollbar:horizontal {
	/* 2 */
	height: 10px;
	/* 4 */
	background: #c0c0c0;
}

.scroll::-webkit-scrollbar-thumb {
	/* 4 */
	background: #808080;
	border-radius: 2px;
}

.scroll::-webkit-scrollbar-thumb:horizontal {
	/* 4 */
	background: #808080;
	border-radius: 2px;
}
/*ITradeBuilder用 枠なしテーブル(外枠用)*/
.frame{
	/* 2 */
	width: 99%;
}

.frame,
.p1 .frame td,
.p1 .frame th {
	/* 1 */
	table-layout: fixed;
	/* 4 */
	border: none;
}

.frame .frametd1 {
	/* 2 */
	width: 20%;
	/* 4 */
	background-color:#fff;
	border: #999 solid 1px;
	border-left: 0px;
	word-break: break-all;
	word-wrap: break-word;
}
/*ITradeBuilder用 枠なしテーブル(テーブル内用)*/
.partition,
.partition td {
	/* 4 */
	border: none;
	word-break: break-all;
	word-wrap: break-word;
}

.custody .frame td,
.custody .frame th {
	/* 1 */
	table-layout: fixed;
	/* 2 */
	width: 99%;
	/* 4 */
	border: none;
}

/* テーブル定義 */
.body {
	/* 3 */
	font-size: 1em; 
	line-height: 160%;
}

.p1,
.custody,
.custody2 {
	/* 2 */
	margin:0 0 1%;
	width: 100%;
	/* 4 */
	border-collapse: collapse;
}

.p1 {
	/* 1 */
	table-layout: auto;
	/* 4 */
	border: #666 solid 0;
	word-break: break-all;
	word-wrap: break-word;
}

.tp1 {
	/* 1 */
	table-layout: auto;
	/* 2 */
	width: 100%;
	/* 4 */
	border: #666 solid 0;
	border-collapse: collapse;
	word-break: break-all;
	word-wrap: break-word;
}

.p1 th,
.custody th,
.tp1 th,
.custody2 th {
	/* 2 */
	min-width: 39px;
	padding: 3px;
	/* 3 */
	color: #333;
	font-weight: bolder;
	text-align: left;
	vertical-align: top;
	/* 4 */
	background-color: #ddf1ff;
	border: #999 solid 1px;
}

.p1 td,
.custody td,
.tp1 td,
.custody2 td {
	/* 1 */
	table-layout: fixed;
	/* 2 */
	min-width: 39px;
	padding:3px;
	/* 3 */
	color: #333;
	text-align: left;
	/* 4 */
	background-color: #fff;
	border: #999 solid 1px;
}

.p1 td.bgNon {
	/* 4 */
	background: none;
	border: none;
}

/* custody明細内のspan要素に指定する */
.span-one {
	/* 1 */
	display: block;
	/* 2 */
	padding: -20px;
	/* 4 */
	background-size: 30%;
	box-sizing: border-box;
}

.span-row {
	/* 1 */
	display: block;
	/* 2 */
	padding: -20px;
	/* 4 */
	background-size: 100%;
	border-top: #999 solid 1px;
	box-sizing: border-box;
}

.span-top {
	/* 1 */
	display: block;
	/* 2 */
	padding: -20px;
	/* 4 */
	background-size: 100%;
	box-sizing: border-box;
}

/* テーブル内要素 */
.p1 .bgdark1,
.tp1 .bgdark1 {
	/* 3 */
	font-weight: bolder;
	/* 4 */
	background-color:#ddf1ff;
	border: #999 solid 1px;
}

.p1 .bgdark2,
.custody .bgdark2,
.tp1 .bgdark2,
.custody2 .bgdark2 {
	/* 3 */
	color: #000;
	font-weight: bolder;
	vertical-align: middle;
	/* 4 */
	background-color: #c2d6e1;
	border: #999 solid 1px;
}

.p1 .bgdark5,
.custody .bgdark5 {
	/* 3 */
	font-weight: bolder;
	vertical-align: middle;
	/* 4 */
	background-color: #c2d6e1;
	border: #999 solid 1px;
}

.p1 .bggry3 {
	/* 3 */
	color:#333;
	font-weight: bolder;
	/* 4 */
	background-color: #cfcfcf;
	border: #999 solid 1px;
}

.p1 .bglight1,
.custody .bglight1,
.tp1 .bglight1 {
	/* 3 */
	color: #000;
	font-weight: bolder;
	/* 4 */
	background-color:#e9f6ff;
	border: #999 solid 1px;
}

.p1 .char3,
.custody .char3,
.tp1 .char3,
.custody2 .char3 {
	/* 2 */
	min-width: 57px;
}

.p1 .char4,
.custody .char4,
.tp1 .char4,
.custody2 .char4 {
	/* 2 */
	min-width: 71px;
}

.p1 .lbl-string,
.tp1 .lbl-string {
	/* 3 */
	text-align: left;
}

.lbl-string {
	/* 3 */
	text-align: left;
	/* 4 */
	background-color: #fff;
}

.p1 .string2,
.custody .string2 {
	/* 3 */
	text-align: left;
}

.lbl-number,
.p1 .lbl-number,
.custody .lbl-number,
.tp1 .lbl-number {
	/* 3 */
	text-align: right;
}

.p1 .number,
.custody .number {
	/* 3 */
	text-align: right;
}

.lbl-zenkaku,
.p1 .lbl-zenkaku,
.custody .lbl-zenkaku,
.tp1 .lbl-zenkaku,
.lbl-mail,
.p1 .lbl-mail,
.custody .lbl-mail,
.tp1 .lbl-mail {
	/* 3 */
	text-align: left;
}

.lbl-code,
.p1 .lbl-code,
.custody .lbl-code,
.tp1 .lbl-code,
.lbl-ymd,
.p1 .lbl-ymd,
.custody .lbl-ymd,
.tp1 .lbl-ymd,
.lbl-hm,
.p1 .lbl-hm,
.custody .lbl-hm,
.tp1 .lbl-hm {
	/* 3 */
	text-align: left;
	white-space: nowrap;
}

.lbl-kingaku,
.p1 .lbl-kingaku,
.custody .lbl-kingaku,
.tp1 .lbl-kingaku,
.lbl-suryo,
.p1 .lbl-suryo,
.custody .lbl-suryo,
.tp1 .lbl-suryo {
	/* 3 */
	text-align: right;
	white-space: nowrap;
}

.lbl-date,
.lbl-time {
	/* 3 */
	color: #000;
	text-align: right;
	/* 4 */
	background-color: #fff;
}

.lbl-left,
.p1 .lbl-left,
.custody .lbl-left,
.tp1 .lbl-left {
	/* 3 */
	text-align: left;
}

.lbl-center,
.p1 .lbl-center,
.custody .lbl-center,
.tp1 .lbl-center {
	/* 3 */
	text-align: center;
}

.lbl-right,
.p1 .lbl-right,
.custody .lbl-right,
.tp1 .lbl-right {
	/* 3 */
	text-align: right;
}

.p1 .nobr,
.custody .nobr,
.tp1 .nobr {
	/* 3 */
	white-space: nowrap;
}

/* p1、tp1テーブル内で使用する場合の指定 */
.p1 .lbl-kingaku,
.tp1 .lbl-kingaku,
.p1 .lbl-suryo,
.tp1 .lbl-suryo,
.p1 .lbl-code,
.p1 .lbl-zenkaku,
.p1 .lbl-mail,
.p1 .lbl-string,
.tp1 .lbl-string,
.p1 .lbl-number,
.tp1 .lbl-number {
	border: #999 solid 1px;
}

.p1 .odd {
	/* 4 */
	background-color:#fff;
}
.p1 .even {
	/* 4 */
	background-color:#ddd;
}

/* partitionテーブル内で使用する場合の指定 */
table .partition .lbl-kingaku,
table .partition .lbl-suryo,
table .partition .lbl-code,
table .partition .lbl-zenkaku,
table .partition .lbl-mail,
table .partition .lbl-date,
table .partition .lbl-time,
table .partition .lbl-left,
table .partition .lbl-center,
table .partition .lbl-right,
table .partition .lbl-string,
table .partition .lbl-number {
	/* 4 */
	border: none;
}

/* テーブル内要素のサイズ */
.partition .p100,
.p1 .p100,
.tp1 .p100,
.custody .p100,
.custody2 .p100 {
	/* 2 */
	width:100%;
}

.partition .p95,
.p1 .p95,
.tp1 .p95,
.custody .p95,
.custody2 .p95 {
	/* 2 */
	width:95%;
}

.partition .p90,
.p1 .p90,
.tp1 .p90,
.custody .p90,
.custody2 .p90 {
	/* 2 */
	width:90%;
}

.partition .p85,
.p1 .p85,
.tp1 .p85,
.custody .p85,
.custody2 .p85 {
	/* 2 */
	width:85%;
}

.partition .p80,
.p1 .p80,
.tp1 .p80,
.custody .p80,
.custody2 .p80 {
	/* 2 */
	width:80%;
}

.partition .p75,
.p1 .p75,
.tp1 .p75,
.custody .p75,
.custody2 .p75 {
	/* 2 */
	width:75%;
}

.partition .p70,
.p1 .p70,
.tp1 .p70,
.custody .p70,
.custody2 .p70 {
	/* 2 */
	width:70%;
}

.partition .p65,
.p1 .p65,
.tp1 .p65,
.custody .p65,
.custody2 .p65 {
	/* 2 */
	width:65%;
}

.partition .p60,
.p1 .p60,
.tp1 .p60,
.custody .p60,
.custody2 .p60 {
	/* 2 */
	width:60%;
}

.partition .p55,
.p1 .p55,
.tp1 .p55,
.custody .p55,
.custody2 .p55 {
	/* 2 */
	width:55%;
}

.partition .p50,
.p1 .p50,
.tp1 .p50,
.custody .p50,
.custody2 .p50 {
	/* 2 */
	width:50%;
}

.partition .p45,
.p1 .p45,
.tp1 .p45,
.custody .p45,
.custody2 .p45 {
	/* 2 */
	width: 45%;
}

.partition .p40,
.p1 .p40,
.tp1 .p40,
.custody .p40,
.custody2 .p40 {
	/* 2 */
	width: 40%;
}

.partition .p35,
.p1 .p35,
.tp1 .p35,
.custody .p35,
.custody2 .p35 {
	/* 2 */
	width: 35%;
}

.partition .p30,
.p1 .p30,
.tp1 .p30,
.custody .p30,
.custody2 .p30 {
	/* 2 */
	width: 30%;
}

.partition .p25,
.p1 .p25,
.tp1 .p25,
.custody .p25,
.custody2 .p25 {
	/* 2 */
	width: 25%;
}

.partition .p20,
.p1 .p20,
.tp1 .p20,
.custody .p20,
.custody2 .p20 {
	/* 2 */
	width:20%;
}

.partition .p15,
.p1 .p15,
.tp1 .p15,
.custody .p15,
.custody2 .p15 {
	/* 2 */
	width:15%;
}

.partition .p10,
.p1 .p10,
.tp1 .p10,
.custody .p10,
.custody2 .p10 {
	/* 2 */
	width:10%;
}

.partition .p5,
.p1 .p5,
.tp1 .p5,
.custody .p5,
.custody2 .p5 {
	/* 2 */
	width:5%;
}

/* 板情報テーブル　*/
.ita {
	/* 1 */
	table-layout:auto;
	/* 2 */
	max-width: 840px;	
	margin:0 0 6px;
	width:100%;	
	/* 4 */
	border: #cfcfcf solid 1px; 
	border-collapse:collapse;	
}

.ita td {
	/* 4 */
	border: #cfcfcf solid 1px; 
}

.ita td:hover {
	/* 4 */
	background-color:#c99;
}

/* 板情報　新デザイン（横縞レイアウト対応版） */
.ita .lbl_kehai_uri,
.ita .lbl_kehai,
.ita .lbl_kehai_kai {
	/* 1 */
	cursor: pointer;
	/* 3 */
	color: #000;	
	font-weight: bolder;
	text-align: center;
	/* 4 */
	background-color: #e6e6e6;
	border: #999 solid 1px;
}

/* 縞の上段 A1→気配数量 A2→気配符号 */
.ita .ita-uri,
.ita .ita-kehai,
.ita .ita-kai {
	/* 1 */
	cursor:pointer;
	/* 2 */
	padding: 3px;
	/* 3 */
	color:#333;
	line-height: 115%;
	text-align: right;
	/* 4 */
	background-color: #fff;
	border: #999 solid 1px;
}

.ita .info-uri,
.ita .info-kai {
	/* 1 */
	cursor:pointer;
	/* 2 */
	padding: 3px;
	/* 3 */
	color:#333;
	line-height: 115%;
	text-align: center;
	/* 4 */
	background-color: #fff;
	border: #999 solid 1px;
}

.ita .lbl_kehai_uri:hover,
.ita .ita-uri:hover,
.ita .info-uri:hover {
	/* 4 */
	background-color:#c6f787;
}

.ita .lbl_kehai:hover,
.ita .ita-kehai:hover {
	/* 4 */
	background-color:#fee487;
}

.ita .lbl_kehai_kai:hover,
.ita .ita-kai:hover,
.ita .info-kai:hover {
	/* 4 */
	background-color:#ffb4b4;
}
/* テーブル << */
/* エリア >> */
/* ボタンエリア */
.area-botan {
	/* 1 */
	position: relative;
	overflow: hidden;
	/* 2 */
	padding: 0;
}

.area-botan ul {
	/* 1 */
	float: left;
	left: 50%;
	list-style: none outside none;
	position: relative;
	/* 2 */
	margin: 0;
	padding: 0;
}

.area-botan ul li {
	/* 1 */
	float: left;
	left: -50%;
	position: relative;
	/* 2 */
	margin-right: 5px;
	padding: 0px;
	*width:10%; /*IE7*/
}

.ie7 .area-botan ul li {
	/* 2 */
	width:10%;
}

.area-botan ul li.sect {
	margin-left: 15px;
}

.ie7 .area-botan ul li.sect {
	width:100%; /*IE7*/
}

/* 執行パスワードエリア */
.area-pass {
	/* 1 */
	overflow: hidden;
	position: relative;
	/* 2 */
	padding: 10px;
	/* 4 */
	background-color: #f5deb3;
	border: #c90 solid 2px; /* 下ボーダーを、1px幅の破線、線色#CC3366に */
}

.area-pass ul {
	/* 1 */
	float: left;
	left: 50%;
	list-style: none outside none;
	position: relative;
	/* 2 */
	margin: 0;
	padding: 0;
}

.area-pass ul li {
	/* 1 */
	float: left;
	left: -50%;
	position: relative;
	/* 2 */
	margin-right: 5px;
	padding: 5px;
}

.password,
.keyword {
	/* 3 */
	font-size: 0.8em;
}

/* フォームエリア */
.area-form {
	/* 1 */
	overflow: hidden;
	position: relative;
	/* 2 */
	padding: 0;
}

.area-form ul {
	/* 1 */
	float: left;
	left: 0;
	list-style: none outside none;
	position: relative;
	/* 2 */
	margin: 0;
	padding: 0;
}

.area-form ul li {
	/* 1 */
	float: left;
	left: 0;
	position: relative;
	/* 2 */
	margin-right: 10px;
	padding: 0;
}

/* 注記文言エリア */
.disc li {
	/* 1 */
	list-style:disc;
	/* 2 */
	margin:0 0 0 20px;
}

/* ページャーエリア */ 
.pager-select {
	/* 2 */
	width: 15%; 
	/* 3 */ 
	text-align: right; 
} 

.pager-back,
.pager-next {
	/* 1 */
	display:inline-block;
	/* 2 */
	height:22px;
	margin:3px 3px 0;
	padding:0 !important;
	width:22px;
	/* 3 */
	line-height:22px;
	text-align:center;
	/* 4 */
	background:#8f633a;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
} 

.p1 .pager-td,
.p1 .pager-select,
.p2 .pager-td,
.p2 .pager-select,
.custody .pager-td,
.custody .pager-select {
	/* 3 */
	color:#fff;
	/* 4 */
	background:#2c3d69;
	border:none;
}

.right-area{
	/* 1 */
	float: right;	
}

.right-area ul li {
	/* 1 */
	float:right;
}

.ie7 .right-area { /* IE7 */
	/* 1 */
	display: inline;
	zoom: 1;
}

.st-nbr{
	/* 1 */
	display: inline-block;
}

.ie8 .st-nbr,
.ie7 .st-nbr {
	/* 1 */
	display: inline
}
/* エリア << */
/* フィールド >> */
.ctl-size10 {
	/* 2 */
	width: 10%;
}

.ctl-size20 {
	/* 2 */
	width: 20%;
}

.ctl-size30 {
	/* 2 */
	width: 30%;
}

.ctl-size40 {
	/* 2 */
	width: 40%;
}

.ctl-size50 {
	/* 2 */
	width: 50%;
	min-width:104px;
}

.ctl-size60 {
	/* 2 */
	width: 60%;
	min-width:104px;
}

.ctl-size70 {
	/* 2 */
	width: 70%;
	min-width:104px;
}

.ctl-size80 {
	/* 2 */
	width: 80%;
	min-width:104px;
}

.ctl-size90 {
	/* 2 */
	width: 90%;
	min-width:104px;
}

.ctl-size100 {
	/* 2 */
	width: 100%;
	min-width:104px;
}

/*safari用テキストボックス(転置(一覧)時px指定)*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .custody .ctl-size10, 
	::i-block-chrome, .custody .ctl-size20, 
	::i-block-chrome, .custody .ctl-size30, 
	::i-block-chrome, .custody .ctl-size40 {
		/* 2 */
		width: 52px;
	}
	::i-block-chrome, .custody .ctl-size50, 
	::i-block-chrome, .custody .ctl-size60, 
	::i-block-chrome, .custody .ctl-size70, 
	::i-block-chrome, .custody .ctl-size80, 
	::i-block-chrome, .custody .ctl-size90 {
		/* 2 */
		width: 104px;
	}
}

/*IE7用テキストボックス*/

.ie7 input.ctl-size10,
.ie7 input.ctl-size20,
.ie7 input.ctl-size30,
.ie7 input.ctl-size40,
.ie7 input.ctl-size50,
.ie7 input.ctl-size60,
.ie7 input.ctl-size70,
.ie7 input.ctl-size80,
.ie7 input.ctl-size90,
.ie7 input.ctl-size100 {
	/* 2 */
	width: auto;
}

/*信用返済注文　返済済注文数量テキストスタイル用*/
.txt_hensai_zumi {
	/* 4 */
	background-color:#fff;
	border-color: #fff; 
	border-style: none; 
}

/* フィールド << */

/* ヘッダー >> */
.header {
	/* 1 */
	overflow: hidden;
	/* 2 */
	max-width: 960px;
	margin: auto;
	min-width: 300px;
	padding: 0;
	width: auto;
}

.toggle-menu {
	/* 2 */
	margin: 0 auto 5px;
	max-width: 1101px;
}
.ie8 .header,
.ie7 .header {
	width: 1100px;
}

.header-top {
	/* 2 */
	padding: 7px 0;
	/* 4 */
	border-bottom: #8fc0f8 solid 1px;
}

.ie7 .header-top,
.ie7 .header-inner,
.ie7 .header-bottom { /* IE7 */
	/* 1 */
	display: block;
	clear: both;
	zoom: 1;
}

.ht-right {
	/* 1 */
	float: right;
}

.ie7 .ht-right { /* IE7 */
	/* 1 */
	display: inline;
	float: right;
	zoom: 1;
}

.ht-right-item {
	/* 1 */
	float: left;
	/* 2 */
	margin: 0 15px 0 0;
	/* 3 */
	color: #4b2908;
	font-size: 0.85em;
	font-weight: bold;
}

.header-inner {
	/* 2 */
	padding: 10px 0;
}

.hi-right {
	/* 1 */
	float: right;
	overflow: hidden;
}

.hi-right-item	{
	/* 1 */
	display: inline-block;
	/* 2 */
	/* 豊証券独自*/
/*
	margin: 0 10px;
*/
	margin: 0;
	/* 3 */
	vertical-align: middle;
}

.ie7 .hi-right-item	{ /* IE7 */
	/* 1 */
	display: inline;
	zoom: 1;
}

.header-bottom {
	/* 4 */
	border-top: #8fc0f8 solid 1px;
}
/* ヘッダー << */
/* フッター >> */
.footer {
	/* 1 */
	overflow: hidden;
	/* 2 */
	margin: 5px 0 0;
	width: 100%;
}

.tel-link {
	color: #06F;
	font-size: 1.0em;
	font-weight: bold;
}
/* フッター << */

/* 目論見書PDFリンクの表示制御用クラス >>*/
.pdfpc{
	/* 1 */
	display:inline;
}
.pdfmb{
	/* 1 */
	display:none;
}
/* 目論見書PDFリンクの表示制御用クラス <<*/

/* 文字サイズを小さくする*/
.under-size{
	/* 2 */
	font-size:0.875em;
}
@media screen and (max-width: 880px) {
	#main{
	width:98% !important;
	}
}

/*max-width: 768px; */
@media screen and (max-width: 768px) and (min-width: 650px) {
	/*プルダウンのmax-widthの指定*/
	select{
		/* 2 */
		max-width:200px;
	}
}


/* max-width: 650px; */
@media screen and (max-width: 650px) {
	body {
		/* 3 */
		 font-size: 14px;
	}
	
	#main{
		width:98% !important;
	}

	/*プルダウンのmax-widthの指定*/
	select{
		/* 2 */
		max-width:250px;
	}

	#wrapper {
		/* 1 */
		position: relative;
	}
	
	/* タブレットサイズ時の項目非表示 */
	.keyboard {
		/* 1 */
		display :none;
	}

	/* フレーム >> */
	.spMode {
		/* 1 */
		clear: both;
		display: block;
		/* 2 */
		width: 100%;
	}

	.pcMode {
		/* 1 */
		display: none;
	}

	.unit_all,
	.unit_left,
	.unit_right,
	.unit_left2,
	.unit_right2 {
		/* 1 */
		float: left;
		/* 2 */
		width : 100%;
	}
	/* フレーム << */
	/* ボタン >> */
	.custody .cmd-mini1 {
		/* 1 */
		float:right;
	}
	/* ボタン << */
	/* フィールド >> */
	/* タブレットサイズ以下のときにテキストボックスを10％大きくする。 */
	.ctl-size10 {
		/* 2 */
		width: 20%;
	}

	.ctl-size20 {
		/* 2 */
		width: 30%;
	}

	.ctl-size30 {
		/* 2 */
		width: 40%;
	}

	.ctl-size40 {
		/* 2 */
		width: 50%;
	}

	.ctl-size50 {
		/* 2 */
		width: 60%;
		min-width:104px;
	}

	.ctl-size60 {
		/* 2 */
		width: 70%;
		min-width:104px;
	}

	.ctl-size70 {
		/* 2 */
		width: 70%;
		min-width:104px;
	}

	.ctl-size80 {
		/* 2 */
		width: 80%;
		min-width:104px;
	}

	.ctl-size90 {
		/* 2 */
		width: 90%;
		min-width:104px;
	}

	.ctl-size100 {
		/* 2 */
		width: 100%;
		min-width:104px;
	}
	/* ラジオボタン */
	input[type="radio"] {
		/* 1 */
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		/* 2 */
		height: 28px;
		margin-right: 5px;
		width: 28px;
		/* 3 */
		vertical-align: middle;
		/* 4 */
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #d1d1d1));
		background-image: -webkit-linear-gradient(left top, #fdfdfd, #d1d1d1);
		background-image: -moz-linear-gradient(left top, #fdfdfd, #d1d1d1);
		background-image: linear-gradient(left top, #fdfdfd, #d1d1d1);
		border: #4c4c4c solid 2px;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		-ms-border-radius: 14px;
		border-radius: 14px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	input[type="radio"]:disabled {
		/* 4 */
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #999999), color-stop(100%, #cccccc)) !important;
		background-image: -webkit-linear-gradient(left top, #999999, #cccccc) !important;
		background-image: -moz-linear-gradient(left top, #999999, #cccccc) !important;
		background-image: linear-gradient(left top, #999999, #cccccc) !important;
	}

	input[type="radio"]:checked {
		/* 4 */
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #353535), color-stop(100%, #8f8f8f));
		background-image: -webkit-linear-gradient(left top, #353535, #8f8f8f);
		background-image: -moz-linear-gradient(left top, #353535, #8f8f8f);
		background-image: linear-gradient(left top, #353535, #8f8f8f);
	}

	input[type="radio"]:checked:before {
		content: "";
		/* 1 */
		display: block;
		left: 50%;
		position: absolute;
		top: 50%;
		/* 2 */
		margin: -5px 0 0 -5px;
		height: 10px;
		width: 10px;
		/* 4 */
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #d1d1d1));
		background-image: -webkit-linear-gradient(left top, #fdfdfd, #d1d1d1);
		background-image: -moz-linear-gradient(left top, #fdfdfd, #d1d1d1);
		background-image: linear-gradient(left top, #fdfdfd, #d1d1d1);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 2px 1px black;
		-moz-box-shadow: 0 2px 1px black;
		box-shadow: 0 2px 1px black;
	}

	/* チェックボックス */
	input[type="checkbox"] {
		/* 1 */
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		/* 2 */
		margin-right: 5px;
		height: 28px;
		width: 28px;
		/* 4 */
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #d1d1d1));
		background-image: -webkit-linear-gradient(left top, #fdfdfd, #d1d1d1);
		background-image: -moz-linear-gradient(left top, #fdfdfd, #d1d1d1);
		background-image: linear-gradient(left top, #fdfdfd, #d1d1d1);
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-ms-border-radius: 8px;
		border: #4c4c4c solid 2px;
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	input[type="checkbox"]:disabled {
		/* 4 */
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #999999), color-stop(100%, #cccccc)) !important;
		background-image: -webkit-linear-gradient(left top, #999999, #cccccc) !important;
		background-image: -moz-linear-gradient(left top, #999999, #cccccc) !important;
		background-image: linear-gradient(left top, #999999, #cccccc) !important;
		background-image: -moz-linear-gradient(left top, #fdfdfd, #d1d1d1);
	}

	input[type="checkbox"]:disabled:checked:before,
	input[type="checkbox"]:disabled:checked:after {
		/* 4 */
		background: #888;
	}

	input[type="checkbox"]:checked {
		/* 4 */
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #353535), color-stop(100%, #8f8f8f));
		background-image: -webkit-linear-gradient(left top, #353535, #8f8f8f);
		background-image: -moz-linear-gradient(left top, #353535, #8f8f8f);
		background-image: linear-gradient(left top, #353535, #8f8f8f);
		background-image: -moz-linear-gradient(left top, #fdfdfd, #d1d1d1);
	}

	input[type="checkbox"]:checked:before {
		content: "";
		/* 1 */
		display: block;
		left: 1px;
		position: absolute;
		top: 17px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: right center 0 50%;
		-moz-transform-origin: right center 0 50%;
		-ms-transform-origin: right center 0 50%;
		transform-origin: right center 0 50%;
		/* 2 */
		height: 4px;
		width: 10px;
		/* 4 */
		background: #fff;
		-webkit-box-shadow: 0 1px 1px black;
		-moz-box-shadow: 0 1px 1px black;
		box-shadow: 0 1px 1px black;
	}

	input[type="checkbox"]:checked:after {
		content: "";
		/* 1 */
		display: block;
		left: 9px;
		position: absolute;
		top: 17px;
		-webkit-transform: rotate(-53deg);
		-moz-transform: rotate(-53deg);
		-ms-transform: rotate(-53deg);
		transform: rotate(-53deg);
		-webkit-transform-origin: left center 0 50%;
		-moz-transform-origin: left center 0 50%;
		-ms-transform-origin: left center 0 50%;
		transform-origin: left center 0 50%;
		/* 2 */
		height: 4px;
		width: 19px;
		/* 4 */
		background: #fff;
		-webkit-box-shadow: 0 1px 1px black;
		-moz-box-shadow: 0 1px 1px black;
		box-shadow: 0 1px 1px black;
	}

	/*テキストエリア　文字サイズ拡大*/
	input[type="text"] {
		/* 3 */
		font-size:1.2em;
	}
		/*テキストボックスの大きさに合わせて大きくなるクラス*/
	li .sizetxt{
		/* 2 */
		font-size:1.2em;
	}


	/*入力アシストボタン拡大*/
	.cmd-spinner {
		/* 2 */	
	 	padding: 3px 5px 3px 5px;
	 	font-size: 1.5em;
	 	clear: both;
 		margin:2px;
	}

	/* フィールド << */
	/* テーブル >> */
	.table-t2 .td-3{
		/* 1 */
		display:none;	
	}

	/*転置(単票)*/
	.frame tr:first-child { 
		border-top: none;
	}

	.p1 tr:first-child { 
		border-top: #999 solid 1px; 
	}

	table table.frame tr:first-child { 
		border-top: none;
	}

	table table.frame table.table-t2 tr:first-child { 
		border-top: #999 solid 1px;
	}

	.td-1,
	.td-2 {
		/* 4 */
		border-collapse:separate;
	}

	.table-t2 .td-1,
	.table-t2 .td-2 {
		/* 1 */
		display: block;
		/* 2 */
		width: auto;
		/* 4 */
		border-top: none;
	}

	/* ie10以下　転置(一覧) >> */
	.table-t2 .td-1,
	.table-t2 .td-2  {
		/* 1 */
		clear: both\9;
		float: left\9;
		/* 2 */
		width: 100%\9;
	}

	.table-t2 tr:first-child { 
		border-top: #999 solid 1px;
	}

	/*custody*/
	.custody thead tr,
	.custody2 thead tr {
		/* 1 */
		display: none;
	}

	.custody tbody tr,
	.custody2 tbody tr {
		/* 1 */
		display: block;
		/* 4 */
		border-style: hidden;
	}

	.custody tbody td,
	.custody2 tbody td {
		/* 1 */
		clear: both;
		display: block;
		width: 100% !important;
		float: left;
		box-sizing: border-box;
		/* 3 */
		text-align: right;
		/* 4 */
		border-bottom: none;
	}

	.custody tbody td:last-child,
	.custody2 tbody td:last-child {
		/* 2 */
		margin-bottom: 20px;
		/* 4 */
		border-bottom: #999 solid 1px;
	}

	.custody .frame tbody td:last-child {
		/* 2 */
		margin-bottom: 0;
		/* 4 */
		border-bottom: none;
	}

	.custody tbody td.lbl-block:before,
	.custody2 tbody td.lbl-block:before {
		content:" "attr(data-label)" :";	/*data-labelのテキストを//を付けて表示する	*/
		/* 1 */
		display: block;
		float: left;
		/* 2 */
		margin: 0 10px 0 0;
		padding: 0;
		/* 3 */
		text-align: left;
	}

	/* custody明細内のspan要素に指定する */
	.span-one:before,
	.span-row:before,
	.span-top:before {
		content:" "attr(data-label)" :";	/*data-labelのテキストを//を付けて表示する	*/
		/* 1 */
		display:block;
		float:left;
		/* 2 */
		margin:0 10px 0 0;
		padding:0;
		/* 3 */
		text-align: left;
	}

	/* custodyテーブル内で2段構成のときに使用するラベルタグ */
	.custody .lbl-string{
		/* 3 */
		text-align: right;
		/* 4 */
		background-color: #fff;
	}

	.lbl-zenkaku,
	.custody .lbl-zenkaku,
	.lbl-mail,
	.custody .lbl-mail {
		/* 3 */
		text-align: right;
	}

	.lbl-code,
	.custody .lbl-code,
	.lbl-ymd,
	.custody .lbl-ymd,
	.lbl-hm,
	.custody .lbl-hm {
		/* 3 */
		text-align: right;
		white-space: nowrap;
	}

	.lbl-left,
	.custody .lbl-left,
	.lbl-center,
	.custody .lbl-center,
	.lbl-right,
	.custody .lbl-right {
		/* 3 */
		text-align: right;
	}

	.custody .ctl-size10,
	.custody .ctl-size20,
	.custody .ctl-size30,
	.custody .ctl-size40,
	.custody .ctl-size50,
	.custody .ctl-size60,
	.custody .ctl-size70,
	.custody .ctl-size80,
	.custody .ctl-size90,
	.custody .ctl-size100	{
		/* 2 */
		width: 50%;
		*width: auto;
	}
	/*custodyの転置時に、項目に指定されているnobrを無効にする。*/
	.custody .nobr ,.custody2 .nobr{
		/* 1 */
	    white-space: normal;
	}
	/* custodyの転置時に横幅指定が無効にする */
	.custody .p100,
	.custody2 .p100 {
		/* 2 */
		width:auto;
	}

	.custody .p95,
	.custody2 .p95 {
		/* 2 */
		width:auto;
	}

	.custody .p90,
	.custody2 .p90 {
		/* 2 */
		width:auto;
	}

	.custody .p85,
	.custody2 .p85 {
		/* 2 */
		width:auto;
	}

	.custody .p80,
	.custody2 .p80 {
		/* 2 */
		width:auto;
	}

	.custody .p75,
	.custody2 .p75 {
		/* 2 */
		width:auto;
	}

	.custody .p70,
	.custody2 .p70 {
		/* 2 */
		width:auto;
	}

	.custody .p65,
	.custody2 .p65 {
		/* 2 */
		width:auto;
	}

	.custody .p60,
	.custody2 .p60 {
		/* 2 */
		width:auto;
	}

	.custody .p55,
	.custody2 .p55 {
		/* 2 */
		width:auto;
	}

	.custody .p50,
	.custody2 .p50 {
		/* 2 */
		width:auto;
	}

	.custody .p45,
	.custody2 .p45 {
		/* 2 */
		width:auto;
	}

	.custody .p40,
	.custody2 .p40 {
		/* 2 */
		width:auto;
	}

	.custody .p35,
	.custody2 .p35 {
		/* 2 */
		width:auto;
	}

	.custody .p30,
	.custody2 .p30 {
		/* 2 */
		width:auto;
	}

	.custody .p25,
	.custody2 .p25 {
		/* 2 */
		width:auto;
	}

	.custody .p20,
	.custody2 .p20 {
		/* 2 */
		width:auto;
	}

	.custody .p15,
	.custody2 .p15 {
		/* 2 */
		width:auto;
	}

	.custody .p10,
	.custody2 .p10 {
		/* 2 */
		width:auto;
	}

	.custody .p5,
	.custody2 .p5 {
		/* 2 */
		width:auto;
	}



	/* テーブル << */
	/* エリア >> */
	/*ボタンエリア*/
	.area-botan {
		/* 1 */
		position: relative;
		overflow: hidden;
		/* 2 */
		padding: 0px;
	}

	.area-botan ul {
		/* 1 */
		float: left;
		left: 50%;
		list-style: none outside none;
		position: relative;
		/* 2 */
		margin: 0;
		padding: 0;
	}

	.area-botan ul li {
		/* 1 */
		clear: both;
		left: -50%;
		position: relative;
		/* 2 */
		margin-right: 5px;
		padding: 0;
	}

	/* トグル */
	#toggle {
		/* 1 */
		display: block;
		position: relative;
		/* 2 */
		width: 95%;
		/* 4 */
		background: #222;
	}

	#toggle a {
		/* 1 */
		display: block;
		position: relative;
		/* 2 */
		padding: 12px 0 10px;
		/* 3 */
		color: #fff;
		text-align: center;
		text-decoration: none;
		/* 4 */
		border-bottom: #444 solid 1px;
	}

	#toggle:before {
		content: "";
		/* 1 */
		display: block;
		left: 10px;
		position: absolute;
		top: 50%;
		/* 2 */
		margin-top: -10px;
		height: 20px;
		width: 20px;
		/* 4 */
		background: #fff;
	}

	#toggle a:before,
	#toggle a:after {
		content: "";
		/* 1 */
		display: block;
		left: 10px;
		position: absolute;
		top: 50%;
		/* 2 */
		height: 4px;
		width: 20px;
		/* 4 */
		background: #222;
	}

	#toggle a:before {
		/* 2 */
		margin-top: -6px;
	}

	#toggle a:after {
		/* 2 */
		margin-top: 2px;
	}
	/* エリア << */
	/* ヘッダー >> */
	/* スマートフォン共通 */
	.sp-overray {
		/* 1 */
		display: none;
		position: absolute;
		z-index: 99;
		/* 2 */
		height: 100%;
		left: 0;
		min-height: 100%;
		top: 0;
		width: 100%;
		/* 4 */
		background: rgba(0,0,0,0.5);
	}

	.header-top {
		/* 1 */
		display: none;
	}

	.header-inner {
		/* 2 */
		padding: 10px 0 0;
	}

	.hi-right {
		margin: 5px 0 0 0;
	}

	.header-bottom {
		/* 1 */
		display: none;
		left: 0;
		position: absolute;
		top: 115px;
		z-index: 100;
		/* 2 */
		margin: 0 2% 10%;
		padding: 0;
		width: 96%;
		/* 3 */
		line-height: 1.7;
		/* 4 */
		background: #fff;
	}

	/* ドロワーメニュー時 */
	.sp-drawer-menu .hi-right {
		/* 1 */
		display: table;
		position: relative;
		/* 2 */
		margin: 8px 0;
		padding: 8px 0 10px;
		width: 100%;
		/* 4 */
		background: #f2f2f2;
		border-bottom: #b3b3b3 solid 1px;
		border-top: #b3b3b3 solid 1px;
	}

	.sp-drawer-menu .hi-right-item {
		/* 1 */
		display: table-cell;
	}
	/* ヘッダー << */
}

/* max-width: 493px*/
@media screen and (max-width : 493px){
	/* スマートフォンの場合　件数選択非表示 */ 
	.pager-select {
		/* 1 */ 
		display:none; 
	} 

	/*テキストエリア　文字サイズ拡大*/
	input[type="text"],input[type="password"] {
		/* 3 */
		font-size:1.5em;
	}
		/*テキストボックスの大きさに合わせて大きくなるクラス*/
	li .sizetxt{
		/* 2 */
		font-size:1.5em;
	}

}

/* 豊証券独自設定 */
/* ページャ */
.pager-num {
	/* 1 */
	display: inline-block;
	float: left;
}

.pager-back,
.pager-next {
	/* 1 */
	float: left;
}