body {
	margin:0;
	padding:0;
	font-family:"open sans","メイリオ", "Osaka", "sans-serif";
	background-color: #40414C;
	font-size:0.9em;
}
div#wrapper {
	margin:0 auto;
	padding:0;
	background-color: #e0e0e0;
	overflow:hidden;
}
div#wrapper2 {
	margin:0 auto;
	padding:50px 0 50px 0;
	background-color: #e0e0e0;
	overflow:hidden;
}
h1 {
	margin:0;
	padding:0;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
}
h1.big {
	padding:0;
	font-size:3em;
	text-align:center;
	font-weight:bold;
}
h1.top_h1 {
	margin-left:5%;
	text-align:left;
}
h2 {
	margin:0;
	padding:0;
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
}
h2.top_h2 {
	font-size:1.3em;
	text-align:left;
}
h2.top_inner_h2 {
	margin:0 0 10px  0;
	font-size:1em;
	text-align:left;
	color:#fff;
	text-shadow:none;
	font-weight:normal;
	border-bottom:#fff 1px solid;
}
.top50 {
	margin-top:20px;
}
.contents, .error {
	margin:30px 10% 0 10%;
}
.error {
	text-align:center;
	color:#f3565d;
}
.notice {
	margin:20px auto;padding:10px;background-color:#fff;
	border:3px solid #ff0000;
	border-radius: 5px;
}
.sort_arrow {
	vertical-align:middle;
	display:inline-block;
}
.sort_name {
	display:inline-block;
	vertical-align:middle;
}
.sec-inner {
	margin:0 auto;
	background-color:#fff;
	border-radius: 5px;
	border-bottom:1px solid #aaa;
}
.banner_a, .banner_b {
	margin:10px 0;
	width:33%;
	float:left;
}
.banner_c {
	margin:10px 0;
	width:33%;
	float:right;
}
.small_font {
	font-size:0.8em;
	padding:0 0 10px 0;
	text-align:left;
}
.mid_font {
	float:left;
	text-align:left;
	font-size:1.3em;
	text-shadow:none;
	color:#fff;
}
.big_font {
	text-align:left;
	font-size:1.8em;
	text-shadow:none;
	color:#fff;
	font-weight:bold;
}
ul li {
	margin-left:10px;
	margin-right:10px;
}
.side {
	height:100%;
	min-height:100%
	background: #333645;
}
.side ul li {
	margin:0;
	padding:20px 25px;
	background-color:#333645;
}
.side a:link {
	color:#ffffff;
	text-decoration: none;
}
.side a:visited {
	color:#ffffff;
	text-decoration: none;
}
.side a:hover {
	color:#FF5300;
	text-decoration: underline;
	text-decoration: none;
}
.side a:active {
	color:#FF5300;
	text-decoration: none;
}
#panel {
	float: left; 
	text-shadow: none;
	height:100%;
	min-height:100%;
	width:200px;
	background: #40414C;
	font-size:0.8em;
}
#wrapper {
	height:100%;
	min-height:100%;
}
.top {
	background-color:#333;
	color:#fff;
	overflow:hidden;
	z-index:99;
}
.open {
	width:200px;
	padding:20px;
	cursor: pointer;
}
html{
	height:100%;
}
body{
	height:100%;
}
body > #panel{
	height:auto;
}
body > #wrapper{
	height:auto;
}



.large_inner{
	margin:30px auto 0 auto;
	padding:0 2%;
}
.most_little_inner_all {
	float:left;
	margin:10px;

}
.sec_inner_all{
	width:300px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
	border-radius: 5px;
	border-bottom:1px solid #aaa;
	text-align:center;
}
#bg_blue{
	background:url("images/top/blue_bg.png") no-repeat bottom right;
}
#bg_orange{
	background:url("images/top/orange_bg.png") no-repeat bottom right;
}
#bg_green{
	background:url("images/top/green_bg.png") no-repeat bottom right;
}
#bg_pink{
	background:url("images/top/pink_bg.png") no-repeat bottom right;
}
#bg_navy{
	background:url("images/top/navy_bg.png") no-repeat bottom right;
	overflow:hidden;
}
#time{
	height:20px;margin-bottom:20px;
}
.required_mark {
	margin-left:5px;color:#f3565d;font-weight:bold;
}
.recomend_mark {
	margin-left:5px;color:#2f8e00;font-weight:bold;
}

/*----------------------------------------------------------------------------------------  フォーム・ボタン　 */

input, select, textarea {
	border:2px solid #ccc;
	border-radius: 3px;
	text-align:left;
	padding:0 5px;
	box-sizing:border-box;
	background-color:#fdfdfd;
}
input.form-required, select.form-required, textarea.form-required {
	border:2px solid #f9aaaf;
	border-radius: 3px;
	text-align:left;
	padding:0 5px;
	box-sizing:border-box;
	background-color:#fff4f4;
}
input.form-required-center, select.form-required-center, textarea.form-required-center {
	border:2px solid #f9aaaf;
	text-align:center;
	background-color:#fff2f2;
}
input.form-recomend-center, select.form-recomend-center, textarea.form-recomend-center {
	border:2px solid #81bb66;
	text-align:center;
	background-color:#f2fff2;
}
input.update {
	border:none;
	background:none;
}
input[type="text"],input[type="password"],input[type="number"],input[type="file"], select {
	font-family:"open sans","メイリオ", "Osaka", "sans-serif";
	font-size:0.9em;
	text-align:center;
	height:30px;
	width:100%;
}
input[type="submit"], .button a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 3px 20px;
	margin: 0;
	cursor: pointer;
	border: 1px solid #c43c35;
	overflow: visible;
	font: 12px "open sans","メイリオ", "Osaka", "sans-serif";
	text-decoration: none;
	color: #fff;
	background-color: #c43c35;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background-image: linear-gradient(top, rgba(255,255,255,.3),
                     rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	transition: background-color .2s ease-out;
	background-clip: padding-box; /* Fix bleeding */
	border-radius: 3px;
	font-size:1.05em;
}
input[type="submit"]:hover, .button a:hover {
	background-color: #ee5f5b;
	color: #fff;
}
input[type="submit"]:active, .button a:active {
	background: #c43c35;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}
.login-part input[type="submit"],.login-part a {
	font-family:"open sans","メイリオ", "Osaka", "sans-serif";
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 4px 10px;
	margin: 0;
	cursor: pointer;
	overflow: visible;
	font: 12px "open sans","メイリオ", "Osaka", "sans-serif";
	text-decoration: none;
	color: #fff;
	background-color: #31a1c4;
	text-shadow: none;
	background-image: linear-gradient(top, rgba(255,255,255,.3),
                     rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	transition: background-color .2s ease-out;
	background-clip: padding-box; /* Fix bleeding */
	border-radius: 3px;
	font-size:1.05em;
}
.login-part input[type="submit"]:hover,.login-part a:hover {
	background-color: #ff9625;
	color: #fff;
}
.login-part input[type="submit"]:active,.login-part a:active {
	background: #189ec7;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
/*----------------------------------------------------------------------------------------  フッター　 */

footer {
	clear:both;
	padding:0 0 30px 0;
	font-weight:nomal;
	font-size:0.85em;
        text-shadow:none;
	overflow:hidden;
	background-color: #e0e0e0;
}
#footer{
	margin:30px auto 0 auto;
	width:90%;
}
#footer a {
	text-decoration: none;
	font-weight:normal;
	outline: none;
}
#footer a:hover {
	color:#FF5300;
	text-decoration: underline;
}
#footer a:active {
	color:#FF5300;
}
address {
	text-align:right;
	clear:both;
	padding:10px 5px 0 0;
}

/*----------------------------------------------------------------------------------------  テーブル　 */

table {
	text-align:center;
	margin:30px auto 0 auto;
	border-collapse:collapse;
	width:90%;
}
table th {
	margin:0;
	padding:5px 10px;
	border:1px solid #ccc;
	background-color:#eee;
	text-align:center;
	font-weight:bold;
}
table td {
	margin:0;
	padding:5px 10px;
	border:1px solid #ccc;
	background-color:#fff;
}
table.csv_format{
	text-align:left;
	font-size:0.8em;
}
table.setting-class{
	font-size:0.9em;margin:0 auto;padding:0;width:100%;max-width:1420px;text-shadow:none;
}
table.setting-class tr.first th{
	border:none;text-align:left;color:white;text-align:center;
	background:#0a2b3a url("images/top/navy_bg.png") no-repeat bottom right;
	border-radius: 5px 5px 0px 0px;
	text-shadow:none;
}
table.setting-class .set-left {
	text-align:center;border-top:1px solid #ccc;border-right:1px dotted #aaa;
}
table.setting-class .set-right {
	text-align:center;border-top:1px solid #ccc;
}
table.item-class{
	font-size:0.9em;margin:0;padding:0;width:700px;text-shadow:none;
	margin:10px auto;
}
table.data-class{
	font-size:0.9em;margin:0 auto;padding:0;width:100%;max-width:1420px;text-shadow:none;
}
table.enter-class{
	font-size:0.9em;margin:0 auto;padding:0;width:100%;max-width:1420px;text-shadow:none;
}
table.sell-class{
	font-size:0.9em;margin:0 auto;padding:0;width:100%;max-width:1420px;text-shadow:none;
}
table.item-class tr.first th, table.data-class tr.first th{
	border:none;text-align:left;color:white;text-align:center;
	background:#0eafdd url("images/top/blue_bg.png") no-repeat bottom right;
	border-radius: 5px 5px 0px 0px;
	text-shadow:none;
}
table.enter-class tr.first th{
	border:none;text-align:left;color:white;text-align:center;
	background:#02a85c url("images/top/green_bg.png") no-repeat bottom right;
	border-radius: 5px 5px 0px 0px;
	text-shadow:none;
}
table.sell-class tr.first th{
	border:none;text-align:left;color:white;text-align:center;
	background:#ff9625 url("images/top/orange_bg.png") no-repeat bottom right;
	border-radius: 5px 5px 0px 0px;
	text-shadow:none;
}
tr.white th{
	border:none;background-color:white;text-align:left;
}
tr.colored th{
	border:none;background-color:#eee;text-align:left;
}
tr.white td{
	border:none;background-color:white;text-align:left;
}
tr.colored td{
	border:none;background-color:#eee;text-align:left;
}
.bottom-left {
	border-radius: 0px 0px 0px 5px;
}
.bottom-right {
	border-radius: 0px 0px 5px 0px;
}
.bottom-both{
	border-radius: 0px 0px 5px 5px;
}
table.item-class th, table.item-class td, table.setting-class tr.center {
	text-align:center;
	border-top:1px solid #ccc;
}
table.item-class th.right-dot, table.item-class td.right-dot, table.data-class th.right-dot,
table.data-class td.right-dot, table.enter-class th.right-dot, table.enter-class td.right-dot, table.sell-class td.right-dot {
	border-right:1px dotted #aaa;
}
table.value-class{
	font-size:0.8em;margin:0;padding:0;width:100%;text-shadow:none;
}
table.value-class tr.first th{
	border:none;background-color:#9277ae;color:white;text-align:center;
}
table.value-class tr th{
	text-align:center;
}
table.value-class tr td{
	text-align:right;
}
table th.head {
	background-color:#666;
	color:#fff;
	text-align:center;
}
table th.center, table td.center {
	text-align:center;
	border-top:1px solid #ccc;
}
table th.left, table td.left {
	text-align:left;
	border-top:1px solid #ccc;
}
table td.right {
	text-align:right;
	border-top:1px solid #ccc;
}
.table-overflow table th, .table-overflow table td {
	white-space: nowrap;
}
.table-overflow {
      overflow-x: auto;
    }
.table-overflow::-webkit-scrollbar {
      height: 5px;
    }
.table-overflow::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #eee;
    }
.table-overflow::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #666;
    }


/*----------------------------------------------------------------------------------------  モーダルウィンドウ類　 */

.modal{position: fixed; opacity: 0; display:none;}
.modalBK{position: fixed; z-index:999; height:100%; width:100%;background:#000; opacity: 0.5;-moz-opacity:0.5;margin:0;padding:0;top:0;left:0;}
.modalBody{position: fixed; z-index:1000; background: #fff;border-radius: 5px;width:400px;top:20%;left:50%;padding:20px;overflow:auto;border:5px solid #ff9625;}
.modalul{text-align:left;margin:0;padding:10px 20px;background-color:#ff9625;color:#fff;text-shadow:none;font-weight:bold;border-radius: 5px;}