/*==========================================================================
   管理画面用のスタイルシート
==========================================================================*/
html {
	overflow-y: scroll;
	height: 100%;
}
body {
	color: #58595b;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif !important;
	margin: 0;
	padding: 0;
	height: 100%;
}
body#dev {
	background: #eee8aa;
}

/*** [共有スタイル] ***/
img {
	margin: 0;
	padding: 0;
}
.clearfix {
	/*height: 1%;*/
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.center {
	margin: 0px auto 0px auto;
}
.w_auto{
	width: auto;
}
.w500 {
	width: 500px;
}
.w600 {
	width: 600px;
}
.w700 {
	width: 700px;
}
.w800 {
	width: 800px;
}
.w900 {
	width: 900px;
}
.w1000 {
	width: 1000px;
}
.maxH300 {
	max-height: 300px;
}

.maxH600 {
	max-height: 600px;
}

.pd_10 {
	padding: 10px;
}
.nowrap {
	white-space: nowrap;
}
.inline {
	display: inline;
}
.bold {
	font-weight: bold;
}
.wrap1 {
	border: solid 5px #ceceff;
	border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	margin-bottom: 20px;
}
.btn.small {
	display: inline-block;
	border: none;
	color: #fff;
	background: #04c;
	padding: 0 6px;
	text-decoration: none !important;
	cursor: pointer;
	border-radius: 3px;
	text-shadow: 1px 0px 0px #999;
	background-image: linear-gradient(to bottom,#08c,#04c);
	line-height: 28px;
	font-size: 1em;
	font-weight: normal;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	margin-bottom: 5px;
}
.btn.small.tiny {
	padding: 2px;
	line-height: 12px;
}
.btn.small.default {
	background-image: linear-gradient(to bottom,#c9c9c4,#999);
}
.btn.small.disabled {
	background-image: linear-gradient(to bottom,#f8f8f8,#c9c9c4);
	cursor: default;
}
.btn.small.disabled:hover {
	opacity: 1;
}
.btn.small:hover {
	opacity: 0.85;
}

*[readonly] {
	background: #ccc;
}
input[type="text"],input[type="number"],input[type="password"] {
	margin-bottom: 3px;
}
/*** [/共有スタイル] ***/

.wrap1 div.scroll {
	overflow: auto;
	max-height: 250px;
	box-sizing: border-box;
}
.wrap1.hidden {
	overflow: hidden;
}
/*
.wrap1 div.scroll > table.list_tbl {
	width: auto;
	table-layout: auto;
}
.wrap1 div.scroll > table.list_tbl th {
	
}
*/



input[name="checkOut"] {
	background: #c1c184;
	color: #fff;
}

a{ color:blue; }
p.p_line{
	float:left;
	margin: 0;
	padding: 0;
}

pre.text_view {
	margin: 0;
}
input[type="text"].ime-disabled {
	ime-mode: disabled;
}
.odd {
	background: #fff;
}
.even {
	background: #ebf6ff ;
}
.odd:hover, .even:hover {
	/*background: #E0E0E0;*/
	background: #ccc;
}
/*** [/共有スタイル] ***/


#outer_wrap {
	/*min-width: 1200px;*/
	font-size: 75%;
}
#header {
	margin-bottom: 20px;
}
#header #bar {
	color: #fff;
	/*background: #999;*/
	background: #000066;
	
	background: -moz-linear-gradient(top, #000066, #666);
	background: -ms-linear-gradient(top, #000066, #666);
	background: -webkit-linear-gradient(top, #000066, #666);
	background: -o-linear-gradient(top, #000066, #666);

	/*
	background: -moz-linear-gradient(top, #999, #000066);
	background: -ms-linear-gradient(top, #999, #000066);
	background: -webkit-linear-gradient(top, #999, #000066);
	background: -o-linear-gradient(top, #999, #000066);
	*/
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066));
	background: -ms-linear-gradient(top, #990, #066);
	background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066));
	*/
	
	color: #fff;
	height: 1%;
}
#header #bar a {
	color: #fff;
}
#header #bar #header_left {
	float: left;
	padding: 5px;
}
#header #bar #header_right {
	float: right;
	padding: 5px;
}

#header #menu > div.left {
	float: left;
}
#header #menu > div.right {
	float: right;
}
#header #menu {
	background: #ebebff;
	background: -moz-linear-gradient(top, #BFCFFF, #EAEFFF);
	background: -ms-linear-gradient(top, #BFCFFF, #EAEFFF);
	background: -webkit-linear-gradient(top, #BFCFFF, #EAEFFF);
	background: -o-linear-gradient(top, #BFCFFF, #EAEFFF);
	padding: 10px 10px 0px 10px;
	border-top: solid 1px #000066;
	border-bottom: solid 1px #000066;
	position: relative;
	box-sizing: border-box;
}

#header #menu ul.main {
	float: left;
	position: relative;
	top: 1px;
	border-right: solid 1px #000066;
	box-sizing: border-box;
}
#header #menu ul.main li {
	position: relative;
}
#header #menu ul.main > li {
	float: left;
	box-sizing: border-box;
}
#header #menu ul a {
	text-decoration: none;
}
#header #menu ul.main > li > a {
	display: block;
	width: auto;
	height: 30px;
	line-height: 30px;
	border: solid 1px #000066;
	border-width: 1px 0 1px 1px;
	box-sizing: border-box;
	text-align: center;
	color: #eee;
	font-weight: bold;
	background: #666;
	padding: 0 10px 0 10px;
}
#header #menu ul.main > li > a:hover {
	background: #999;
	color: #fff;
}
#header #menu ul.main > li.current > a {
	background: #fff;
	color: #000066;
	border-bottom: solid 1px #fff;
}

#header #menu ul.main > li ul {
	display: none;
	position: absolute;
	border: solid 1px #000066;
	border-width: 1px 1px 0 1px;
	box-sizing: border-box;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
#header #menu  ul.depth_2 {
	top: 28px;
	left: 0;
}
#header #menu ul.main > li > ul a {
	display: block;
	background: #eaefff;
	color: #000066;
	font-weight: normal;
	width: 180px;
	height: 27px;
	line-height: 27px;
	padding: 0px 5px 0 22px;
	border-bottom: solid 1px #000066;
	box-sizing: border-box;
	position: relative;
}

#header #menu ul.main > li > ul a.menu_icon:before {
	display: inline-block;
	content:"";
	background-color: #fff;
	background-repeat: no-repeat;
	width: 18px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	border-right: solid 1px #eee;
}
#header #menu ul.main > li > ul a.controller:before {
	background-image: url(../images/icon/list/icon_controller.png);
	background-position: 1px 4px;
}
#header #menu ul.main > li > ul a.function:before {
	background-image: url(../images/icon/list/icon_function.png);
	background-position: 1px 4px;
}
#header #menu ul.main > li > ul a.child_exists:after {
  color: #333;
  content: "»";
  display: block;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 1px;
}
#header #menu ul.main > li > ul li.current > a {
	background: #BFCFFF;
	color: #fff;
}
#header #menu ul.main > li > ul a:hover {
	background: #ccc;
	color: #fff;
}


#header #menu  ul.depth_other {
	top: 0;
	left: 177px;
}

#header #menu > div.menu_right {
	float: right;
}
#header #menu > div.menu_right a {
	color: #000066;
	font-weight: bold;
}


#header #sub_menu {
	margin-top: 10px;
	padding-left: 20px;
}
#header #sub_menu li {
	float: left;
	margin-right: 10px;
}
#header #sub_menu li a {
	color: #666;
}
#header #sub_menu li.current a {
	color: #000;
	font-weight: bold;
}

/***[breadcrumbs]***/
#header .breadcrumbs, #header .child_menu_wrap {
	height: 30px;
	text-align: left;
	line-height: 30px;
	padding-left: 10px;
	color: #999;
	background: #eee;
	
	background: -moz-linear-gradient(top, #fff, #eaefff);
	background: -ms-linear-gradient(top, #fff, #eaefff);
	background: -webkit-linear-gradient(top, #fff, #eaefff);
	background: -o-linear-gradient(top, #fff, #eaefff);
}

#header .breadcrumbs ul li:not(:first-child):before {
	content: "＞";
}

#header .breadcrumbs ul li {
	display: inline-block;
}

#header .breadcrumbs a{
	color: #999;
}
/***[/breadcrumbs]***/

/***[child_menu]***/
div.child_menu_wrap {
	box-sizing: border-box;
}
ul.child_menu {
	display: inline-block;
	box-sizing: border-box;
	padding-left: 20px;
}
ul.child_menu > li {
	float: left;
	box-sizing: border-box;
	padding: 0;
	margin: 2px 5px 0 0;
	height: 25px;
	border: solid 1px #999;
	background: #ccc;
}
ul.child_menu > li.current {
	background: #fff;
	border: solid 1px #000066;
}
ul.child_menu > li a {
	display: block;
	color: #fff;
	line-height: 24px;
	padding: 0 5px 0 5px;
	box-sizing: border-box;
	text-decoration: none;
	height: 23px;
}
ul.child_menu > li.current a {
	color: #000066;
}
/***[/child_menu]***/

/***[sub_menu]****/
/* TOP階層 */
div.sub_menu ul {
	box-sizing: border-box;
}
div.sub_menu ul > li {
	box-sizing: border-box;
	border-bottom: solid 1px #ccc;
	position: relative;
}

div.sub_menu > ul > li > a {
	background: -webkit-linear-gradient(top, #fff, #eaefff);
}
div.sub_menu > ul > li > a:hover {
	background: -webkit-linear-gradient(top, #BFCFFF, #EAEFFF);
}

/* 共通 */
div.sub_menu ul > li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	color: #000066;
	border: solid 1px #fff;
	box-sizing: border-box;
}
div.sub_menu ul > li.root_current {
	background: #bfcfff;
}
div.sub_menu ul > li.def:hover a {
	background: #eee;
}

/* 下層 */
div.sub_menu ul > li ul {
	display: none;
	position: absolute;
	top: 3px;
	left: 225px;
	width: 233px;
	background: #969791;
	border: solid 1px #666;
}
div.sub_menu ul > li ul li:hover {
	/*border: solid 1px #666;*/
	background: #84847f;
}
div.sub_menu ul > li ul li.root_current {
	/*border: solid 1px #666;*/
	background: #5e5f5b;
}
div.sub_menu ul > li ul a {
	color: #fff;
}
div.sub_menu ul > li ul a:hover {
	color: #fff;
}

/* 子アイテム矢印 */
div.sub_menu ul > li a.child_exists::after {
  color: #333;
  content: "»";
  display: block;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 6px;
}
/***[/sub_menu]****/


/***[content_menu]****/
div.content_menu {
	padding: 10px;
}
div.content_menu ul {
	display: inline-block;
}
div.content_menu li {
	float: left;
	margin-left: 10px;
	border: solid 1px #000066;
	box-sizing:border-box;
}
div.content_menu li a {
	display: block;
	box-sizing:border-box;
	text-decoration: none;
	color: #000066;
	padding: 5px;
	background: #fff;
}
div.content_menu li.current a {
	background: #666;
	color: #fff;
}
div.content_menu li a:hover {
	background: #eee;
	color: #000066;
}
/***[/content_menu]****/


#page_title {
	border: solid #000066 1px;
	border-width: 0px 0px 2px 4px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#page_title > h1 {
  font-size: 1.8em;
  height: 25px;
  line-height: 25px;
  margin: 0;
  color: #000066;
}
#main {
	padding: 0 10px;
	margin-bottom: 20px;
}

#body_main {
	min-width: 900px;
	position: relative;
}
#body_main > #body_left {
	width: 245px;
	position: absolute;
	top: 0;
	left: 0;
}
#body_main > #body_left.none {
	display: none;
}
#body_main > #body_right {
	margin-left: 270px;
}
#body_main > #body_right.width_max {
	margin-left: 0;
}

#control_area input[type="text"] {
	width: 700px;
}
#control_area table {
	width: 100%;
	border-collapse: collapse;
}
#control_area table th {
	background: #eee;
	border: solid 1px #ccc;
	width: 150px;
	text-align: right;
	padding: 3px;
}
#control_area table td {
	background: #fff;
	border: solid 1px #ccc;
	padding: 3px;
}

#ftp_dir_body {
	margin-bottom: 20px;
	height: 350px;
	overflow: auto;
	border: solid 1px #ccc;
}
#ftp_dir_body ul {
	list-style: none;
	margin: 0px 0px 0px 20px;
	padding: 0;
}
#ftp_dir_body li {
	margin-bottom: 5px;
}
#ftp_dir_body li a.dir_select {
	cursor: default;
	color: #58595b;
	text-decoration: none;
	background-color: #fff;
	background-image: url('../image/folder.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 20px;
	outline: none;
}
#ftp_dir_body li a.dir_select span {
	padding: 2px 2px 2px 0px;
}
#ftp_dir_body li a.dir_select.selected span {
	background: blue;
	color: #fff;
}

#result_file_area .body {
	overflow: auto;
	width: 100%;
	height: 635px;
	margin-bottom: 20px;
	border: solid 1px #999;
}
#result_file_area .body table {
	border-collapse: collapse;
	width: 100%;
}
#result_file_area .body table tr.off {
	background: #fff;
}
#result_file_area .body table tr.add {
	background: #eee;
}
#result_file_area .body table tr.off.on,
#result_file_area .body table tr.add.on {
	background: blue;
	color: #fff;
}
#result_file_area .body table tr:hover {
	background: #c1dce3;
	cursor: default;
}
#result_file_area .body table th, #result_file_area .body table td {
	white-space: nowrap;
	border-bottom: solid 1px #ccc;
	text-align: left;
	padding: 5px;
}
#result_file_area .body table th {
	border-bottom: solid 1px #999;
}
#result_file_area .body table th.last {
	border-right-width: 0;
}
#result_file_area .body table th {
	background: #ccc;
	border-right: solid 1px #fff;
}
#result_file_area .body table td {
	white-space: nowrap;
}
#result_file_area .body table td.no,
#result_file_area .body table td.row {
	width: 15px;
}
#result_file_area .body table td.file_name,
#result_file_area .body table td.path {
	width: 50px;
}
#result_file_area .body table td.no, #result_file_area .body table td.row {
	text-align: right;
}

#result_file_area .footer .resize_bar{
	height: 7px;
	background: #999;
	cursor: row-resize;
}
#result_file_area .footer .file_wrap{
	height: 200px;
	overflow: auto;
	border: solid 1px #999;
}
#result_file_area .footer .file_wrap table {
	width: 100%;
	border-collapse: collapse;
}
#result_file_area .footer .file_wrap table td.line_no {
	width: 15px;
	border-right: solid 1px #ccc;
	padding: 0 5px;
	text-align: right;
	white-space: nowrap;
	background: #eee;
}
#result_file_area .footer .file_wrap table td.code {
	padding: 0;
}
#result_file_area .footer .file_wrap table tr.on td.code {
	background: blue;
	color: #fff;
}

#search_result {
	position: relative;
}
#result_wrap {
	position: relative;
}
table.result_tbl {
	border-collapse: collapse;
	table-layout: fixed;
	position: relative;
	z-index: 1;
}
table.result_tbl th {
	border: solid 1px #ccc;
	border-bottom-color: #999;
	white-space: nowrap;
	padding: 3px;
	max-width: 150px;
	min-width: 150px;
	text-shadow: 0 1px 0 #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -ms-linear-gradient(top, #ffffff, #cccccc);
	background: -o-linear-gradient(top, #ffffff, #cccccc);
}
table.result_tbl td {
	border: solid 1px #ccc;
	border-width: 0px 1px 1px 1px;
	padding: 3px;
	vertical-align: top;
	max-width: 150px;
	min-width: 150px;
	word-break: break-all;
	word-wrap: break-word;
}
table.result_tbl td.first {
	text-align: right;
}
table.result_tbl th.first, table.result_tbl td.first {
	min-width: 54px;
}
table.result_tbl th.check, table.result_tbl td.check {
	min-width: 20px;
}
table.result_tbl th.del, table.result_tbl td.del {
	min-width: 40px;
	text-align: center;
}
table.result_tbl th.order, table.result_tbl td.order {
	min-width: 60px;
	text-align: center;
}
table.result_tbl tr.select {
	background: blue;
	color: #fff;
}
table.result_tbl tr.select a {
	color: #fff;
}
.result_tbl_header {
	background: #fff;
	position: relative;
	top: 0;
	left: auto;
	z-index: 2;
}
.result_tbl_header.fixed {
	position: fixed;
}
.result_tbl_header .inner {
	width: 850px;
	border: solid 1px #ccc;
	border-bottom-width: 0;
	padding: 5px;
}
.result_tbl_header .inner .left {
	float: left;
}
.result_tbl_header .inner .right {
	float: right;
}
table.result_tbl th > div {
	position: relative;
}
table.result_tbl a.sort_arrow {
	position: absolute;
	right: 5px;
	color: #999;
	text-decoration: none;
	font-size: 0.8em;
}
table.result_tbl a.sort_arrow.current {
	color: #8C2503;
	text-decoration: none;
}


.control {
	margin-bottom: 20px;
}


.select_genre > a.genre_toggle {
	display: block;
	text-decoration: none;
	color: #666;
	border: solid 1px #ccc;
	padding: 1px;
	cursor:default;
	outline: none;
	max-width: 220px;
}
.select_genre > .genre_toggle span {
	display: block;
}
.select_genre > .genre_toggle span.selected {
	float: left;
	width: 200px;
	padding: 1px;
	max-height: 80px;
	overflow: auto;
	word-break: break-all;
	word-wrap: break-word;
}
.select_genre > .genre_toggle span.arrow {
	float: right;
	border: solid 1px #ccc;
	font-size: 10px;
	width: 12px;
	height: 12px;
	text-align: center;
	line-height: 13px;
	background: #eee;
}
.select_genre {
	position: relative;
}
.select_genre ul {
	display:none;
	list-style:none;
	margin: -1px 0px 0px 0px;
	padding: 0;
}
.select_genre > ul {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px 0px 5px 5px;
	position: absolute;
	width: 250px;
	max-height: 400px;
	overflow: auto;
	width: 270px;
	z-index: 1000;
}
.select_genre ul a {
	text-decoration: none;
	color: #666;
	display:block;
	cursor:default;
	padding: 3px;
	outline: none;
}
.select_genre ul a:hover {
	background: #ccc;
	color: #fff;
}
.select_genre ul > li > div .more {
	float: left;
	border : solid 1px #999;
	color: #999;
	width: 9px;
	height: 9px;
	padding: 0;
	margin-top: 3px;
	line-height: 9px;
	text-align: center;
	cursor:default;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.select_genre ul > li > div a {
	float: right;
	width: 228px;
	font-weight: bold;
	margin-left: 5px;
}
.select_genre ul li ul {
	margin-left: 30px;
	display: none;
}
.select_genre a.list_selected, .select_genre a.list_selected:hover {
	background:blue;
	color: #fff;
}

table.form_tbl {
	width: 100%;
	border-collapse: collapse;
}
table.form_tbl tbody tr:hover  {
	background: #eee;
}
table.form_tbl th {
	width: 180px;
	border: solid 1px #ceceff;
	padding: 5px;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	background: #EBEBFF;
}
table.form_tbl td {
	width: auto;
	border: solid 1px #ceceff;
	padding: 5px;
}
table.form_tbl.fixed {
	table-layout: fixed;
}
table.form_tbl textarea,
table.form_tbl input[type="text"] {
	width: 98%;
}
table.form_tbl textarea {
	height: 100px;
	font-size: 1em;
}

table.form_tbl input.datepicker {
	width: 120px;
}
table.form_tbl input[type='time'].time_input {
	width: 80px;
}
table.form_tbl textarea, table.form_tbl input[type="text"] {
	font-family: "MS PGothic";
}

/***[ .itm_rows_wrap ]***/
table.form_tbl .itm_rows_wrap .itm_rows:nth-child(2n+1) {
	float: left;
}
table.form_tbl .itm_rows_wrap .itm_rows:nth-child(2n) {
	float: right;
}
table.form_tbl .itm_rows {
	box-sizing: border-box;
	width: 50%;
}
table.form_tbl .itm_rows dl {
}
table.form_tbl .itm_rows dt {
	float: left;
	width: 30%;
	font-weight: bold;
}
table.form_tbl .itm_rows dd {
	float: left;
	width: 70%;
	margin: 0;
}
table.form_tbl .itm_rows dd input[type='text'],
table.form_tbl .itm_rows dd textarea
{
	width: 250px;
}
table.form_tbl.cols tbody tr:nth-child(2n+1) {
	background: #ffffff;
}
table.form_tbl.cols tbody tr:nth-child(2n+2) {
	background: #ebf6ff;
}
/***[/ .itm_rows_wrap ]***/

div.list_header {
	border: 1px solid #ceceff;
	border-bottom: none;
}
div.list_header .title_bar {
	background: #999;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 0px 5px 10px;
	background: #0000A3;
	background: -moz-linear-gradient(top, #0000A3, #5C5C5C);
	background: -ms-linear-gradient(top, #0000A3, #999);
	background: -webkit-linear-gradient(top, #0000A3, #999);
	background: -o-linear-gradient(top, #0000A3, #999);
	/*background: -moz-linear-gradient(top, #999, #000066);
	background: -ms-linear-gradient(top, #999, #000066);
	background: -webkit-linear-gradient(top, #999, #000066);
	background: -o-linear-gradient(top, #999, #000066);*/
}
div.list_header .title_bar .left {
	float: left;
	margin-right: 10px;
	box-sizing: border-box;
}
div.list_header .title_bar .right {
	float: right;
	margin-right: 10px;
	box-sizing: border-box;
}
div.list_header .title_bar.grey {
	background: #ccc;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 0px 5px 10px;
	color: #666;
}
div.list_header .color_bar.main {
	height: 5px;
	background: #FF5233;
}
div.list_header .color_bar.other {
	height: 5px;
	background: #666;
}
div.list_header .tool_bar{
	width: 100%;
}
div.list_header .tool_bar .left {
	float: left;
	padding: 5px;
	position: relative;
}
div.list_header .tool_bar .right {
	float: right;
	padding: 5px;
	position: relative;
}
div.list_footer {
}
div.list_footer .left {
	float: left;
	padding: 5px;
	position: relative;
}
div.list_footer .right {
	float: right;
	padding: 5px;
	position: relative;
}


table.list_tbl {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
table.list_tbl.no_fixed {
	table-layout: auto;
}
table.list_tbl img {
	vertical-align: middle;
}
table.list_tbl thead th {
	/*background: #EBEBFF;*/
	background: -moz-linear-gradient(top , #e5e7e7, #9196d1);
	background: -ms-linear-gradient(top , #e5e7e7, #9196d1);
	background: -webkit-linear-gradient(top , #e5e7e7, #9196d1);
	background: -o-linear-gradient(top , #e5e7e7, #9196d1);
	border: solid 1px #ceceff;
	vertical-align: top;
	padding: 5px;
	text-align: center;
	text-shadow: 1px 0px 0px #eee;
}
table.list_tbl tbody th {
	background: #EBEBFF;
}
table.list_tbl tbody td, table.list_tbl tbody th {
	border: solid 1px #ceceff;
	padding: 5px;
	vertical-align: top;
	word-break: break-all;
	word-wrap: break-word;
}
table.list_tbl tbody td.left, table.list_tbl tbody th.left {
	text-align: left;
}
table.list_tbl tbody td.right {
	text-align: right;
}
table.list_tbl tbody th.center, table.list_tbl tbody td.center {
	text-align: center;
}
table.list_tbl tr.total {
	background: #FFEAAA;
}
table.list_tbl.auto {
	table-layout: auto;
}
table.list_tbl.auto th, table.list_tbl.auto td {
	white-space: nowrap;
	max-width: 200px;
}
table.list_tbl tbody tr:nth-child(even) {
	background: #ebf6ff;
}
table.list_tbl tbody tr:hover {
	background: #eee;
}

table.list_tbl.sticky {
	display: block;
	position: relative;
	overflow: scroll;
	width: calc(100vw - 3.0rem);
	height: calc(75vh);
	border-collapse: collapse;
	font-size: 0;
}
table.list_tbl.sticky thead,
table.list_tbl.sticky tbody {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
table.list_tbl.sticky th,
table.list_tbl.sticky td {
  display: inline-block;
  width: 11.0rem;
  /*background: #fff;*/
  font-size: 0.8rem;
  border-width: 0 1px 1px 0;
}
/*列ヘッダの固定*/
table.list_tbl.sticky tbody th {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  font-weight: normal;
  border-width: 0 1px 1px 0;
}
table.list_tbl.sticky tbody th.odd {
	background: #eee;
}
table.list_tbl.sticky tbody th.even {
	background: #fef5f4;
}
.odd:hover, .even:hover {
	/*background: #E0E0E0;*/
	background: #ccc;
}

/*行ヘッダの固定*/
table.list_tbl.sticky thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}
table.list_tbl.sticky thead th.blank {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
a.list_sort_arrow, span.itm_move_link.list_sort_arrow {
	color: #666;
	text-decoration: none;
	opacity: 0.5;
}
a.list_sort_arrow:hover {
	text-decoration: underline;
	opacity: 1;
}
a.list_sort_arrow.current {
	color: red;
}


div.control_area {
	padding: 5px;
	border: solid 1px #ceceff;
	border-width: 0px 1px 1px 1px;
	background: #eee;
	
	background: -moz-linear-gradient(top, #fff, #eaefff);
	background: -ms-linear-gradient(top, #fff, #eaefff);
	background: -webkit-linear-gradient(top, #fff, #eaefff);
	background: -o-linear-gradient(top, #fff, #eaefff);
}

div.control_area input.save {
	border: none;
	background: blue;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	border-radius: 3px;
	opacity: 0.7;
}
div.control_area input.save:hover {
	opacity: 1;
}

.input_required {
	color: red;
}
#layout_file {
	word-break: break-all;
	word-wrap: break-word;
}
div.check_out_info {
	margin-bottom: 20px;
	color: red;
	font-weight: bold;
}
a.new_add {
	display: inline-block;
	padding: 3px 5px 3px 0px;
	border: solid 1px #999;
	text-decoration: none;
	color: #000066;
	font-weight: bold;
}
a.new_add:hover {
	background: #999;
	color: #fff;
	text-decoration: none;
}
a.new_add:before {
	content: "+";
	padding: 0px 5px 0px 5px;
	color: orange;
	font-weight: bold;
}

div#result_msg_wrap {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 100001;
}
div#result_msg_wrap #result_msg_filter {
	background: #000;
	width: 100%;
	height: 60px;
	opacity: 0.6;
}
div#result_msg_wrap #result_msg {
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-top: 20px;
}



/*** chain_box ***/
#chain_box_outer {
	position: relative;
}
#chain_box_outer > #chain_box_inner {
	position: absolute;
	top: 0;
	left: 0;
	background: #eee;
	display: none;
	width: 300px;
	height: 300px;
	overflow: auto;
	border: solid 1px #999;
	padding: 5px;
}
ul#chain_list, ul.select_list {
	background: #fff;
}
ul#chain_list li, ul.select_list li {
	border: solid 1px #999;
	border-width: 0px 1px 1px 1px;
	text-align: left;
	padding: 5px;
	cursor: default;
}
ul#chain_list li.first, ul.select_list li.first {
	border-top: solid 1px #999;
}
ul#chain_list li.selected, ul.select_list li.selected {
	background: blue;
	color: #fff;
}

.prize_wrap, .product_wrap {
	margin-bottom: 10px;
}
.module_bar_header {
	background: #eee;
	padding: 3px;
	margin-bottom: 5px;
}
.module_bar_header div {
	float: left;
	font-weight: bold;
}
.module_bar_header div.left {
	width: 140px;
	margin-right: 30px;
}
.module_bar_header div.center {
	width: 140px;
	margin-right: 20px;
	text-align: center;
}
.module_bar_header div.center a {
	text-decoration: none;
	color: #804040;
	font-size: 0.95em;
	outline: none;
}
.module_bar_header div.right {
	float: right;
	width: 140px;
	text-align: right;
}
.module_bar_header div.right a {
	color: #666;
	display: block;
	text-decoration: none;
	outline: none;
	border: solid 1px #ccc;
	width: 12px;
	height: 12px;
	float: right;
	text-align: center;
	line-height: 14px;
}

.product_add {
	padding-right: 20px;
}
.product_add a {
	display: block;
	float: right;
}

img.list_image {
	border: solid 1px #999;
}




.select_box_outer {
	position: relative;
}
.select_box_inner {
	position: absolute;
	width: 400px;
	max-height: 350px;
	background: #ccc;
	display: none;
	padding: 5px;
	overflow: auto;
	border: solid 1px #ccc;
}

ul.judge_list {
	padding: 5px;
}
ul.judge_list li {
	float: left;
	width: 330px;
	height: 190px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	border: solid 1px #ccc;
	margin: 0px 10px 20px 0px;
}
ul.judge_list li > div.left {
	float: left;
	width: 120px;
	height: 190px;
	text-align: center;
	overflow: hidden;
	padding-top: 5px;
}
ul.judge_list li > div.left a {
	display: block;
	max-height: 150px;
	overflow: hidden;
}
ul.judge_list li > div.right {
	float: right;
	width: 205px;
	height: 180px;
	overflow: hidden;
	padding: 5px 5px 0 0;
}
ul.judge_list li > div.right p {
	margin: 0;
	padding: 0;
}
ul.judge_list li > div.right p.header {
	background: #f0e68c;
}
ul.judge_list li > div.right p.header .left {
	float: left;
}
ul.judge_list li > div.right p.header .right {
	float: right;
	font-weight: bold;
}
ul.judge_list li > div.right div.memo {
	overflow: auto;
	width: auto;
	height: 60px;
	word-break:break-all;
	word-wrap: break-word;
	border: solid 1px #eee;
}


div.judge_wrap {
	padding: 20px;
}

div.judge_wrap .left {
	float: left;
	width: 400px;
}
div.judge_wrap .left .image_wrap {
	border: solid 2px #666;
	text-align: center;
	overflow: hidden;
	height: 450px;
}
div.judge_wrap .right {
	float: left;
	width: 440px;
	margin-left: 20px;
}
div.judge_wrap .right fieldset.status {
	float: left;
	width: 130px;
}
div.judge_product_wrap {
	position: relative;
}
ul.judge_product_list {
	display: none;
	position: absolute;
	top: -440px;
	left: 460px;
	width: 350px;
	border: solid 1px #999;
	background: #fff;
	max-height: 400px;
	overflow: auto;
	padding: 10px 10px 10px 20px;
	list-style-type: disc;
	z-index: 1;
}

div.list_none {
	text-align: center;
	padding: 30px 0;
	border: solid 1px #ceceff;
}

img.rotate {
	cursor: pointer;
}
ul.submit_error {
	color: red;
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 20px;
}

div.submit_error_col {
	color: red;
}

/*****************
timeput
*****************/
div.timeput_wrap {
	display: inline-block;
	position: relative;
}
div.timeput_wrap input[type="text"] {
	width: 15px;
	margin: 0;
	height: 18px;
	border: solid 1px #999;
}
div.timeput_wrap div {
	display: inline-block;
	background: #eee;
	height: 18px;
	width: 12px;
	border: solid 1px #999;
	border-left-width: 0;
	position: relative;
	top: 3px;
	padding: 1px 0;
	text-align: center
}
div.timeput_wrap div a{
	display: block;
	width: 10px;
	height: 8px;
	color: #333;
	font-size: 9px;
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
	height: 8px;
	line-height: 6px;
	cursor: default;
}
div.timeput_wrap div a.timeput_up {
	margin-bottom: 3px;
}
div.timeput_wrap div a:hover {
	background: #999;
}


/*class_select*/
div.class_select_wrap ul.class_select li {
	padding: 2px 0px 2px 0px;
}
div.class_select_wrap ul.class_select li p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
div.class_select_wrap ul.class_select p img {
	vertical-align: top;
}
div.class_select_wrap ul.class_select.main {
	position: absolute;
	display: none;
	background: #fff;
	min-width: 250px;
	max-width: 500px;
	max-height: 300px;
	overflow: auto;
	padding: 10px;
	border: solid 1px #ccc;
}
div.class_select_wrap ul.class_select.sub {
	padding-left: 20px;
}
div.class_select_wrap ul.class_select.sub p.itm:hover {
	background: #ceceff;
	cursor: default;
	color: #fff;
}
div.class_select_wrap ul.class_select.sub p.itm.selected {
	background: #0000a3;
	cursor: default;
	color: #fff;
}
div.class_select_wrap {
	float: left;
	margin-right: 5px;
}
div.class_select_set {
	border: solid 1px #ccc;
	cursor: default;
	padding: 1px;
	min-width: 220px;
}
div.class_select_set > .left {
	padding: 0;
}
div.class_select_set > .right {
	border: solid 1px #ccc;
	background: #eee;
	width: 14px;
	/*height: 12px;*/
	/*padding: 0px 2px 0px 2px;*/
	font-size: 10px;
	text-align: center;
}
div.class_select_set > .right:hover {
	background: #ccc;
}
div.class_select_wrap .class_select_inner {
	position: relative;
	top: -1px;
}

/*itm_move*/
span.itm_move_link {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

div.arrow_up {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	border-radius: 0.2em;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #5C5CFF);
	background: -ms-linear-gradient(top, #fff, #5C5CFF);
	background: -webkit-linear-gradient(top, #fff, #5C5CFF);
	background: -o-linear-gradient(top, #fff, #5C5CFF);
}
div.arrow_up > span, div.arrow_up > a {
	display: block;
	width: 15px;
	height: 15px;
	text-align: center;
	cursor: pointer;
	padding: 1px 0px 0px 0px;
}
div.arrow_up > span img, div.arrow_up > a img {
	vertical-align: top;
}

/* winner_open download */
div.abs_right {
	position: relative;
	top:0;
	right:0;
}
div.abs_right .winner_open {
	display: block;
	float: right;
	height: 30px;
}
div#winner_wrap {
	background: #fff;
	width: 400px;
	border: solid 4px #999;
	/*margin-top: 28px;*/
	display: none;
	position: absolute;
	top: 28px;
	right: 0;
}
div#winner_wrap .body {
	width: 400px;
	height: 300px;
	overflow: auto;
}

/* /winning download */

/* area_select */
ul.area_select li {
	float: left;
	margin-left: 10px;
}
ul.area_select li a.current {
	/*background: #666;*/
	color: #333;
	font-weight: bold;
}
/* /area_select */


/* [#test_insert] */
#test_insert_outer {
	display:none;
	width:500px;
	height:400px;
	background:#fff;
	border:solid 1px #ccc;
	position:absolute;
	top: 20px;
	left: 0;
	padding:10px;
}
#test_insert_inner .tab {
	padding: 0 20px;
	margin-bottom: 10px;
	border-bottom: solid 1px #999;
}
#test_insert_inner .tab_btn {
	float: left;
	width: 228px;
	border: solid 1px #999;
	text-align: center;
	margin: 0 0 -1px -1px;
	padding: 5px 0;
	background: #ccc;
	color: #fff;
	cursor: default;
}
#test_insert_inner .tab_btn.current {
	border-bottom-color: #fff;
	background: #fff;
	color: #666;
}
/* [/#test_insert] */

div.ellip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 20px;
	max-width: 300px;
}

.word_break {
	word-break: break-all;
	word-wrap: break-word;
}

/*** [タイル表示] ***/
div.tile_list > .tile_wrap {
	float: left;
	margin: 0 13px 13px 0;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	width: 182px;
	padding: 5px;
	height: 310px;
}
div.tile_list div.photo {
	text-align: center;
	height: 180px;
	overflow: hidden;
}
div.tile_list div.photo img {
	max-width: 180px;
	/*max-height: 180px;*/
}
div.tile_list dt {
	float: left;
	width: 72px;
	font-weight: bold;
	text-align: left;
}
div.tile_list dd {
	margin: 0;
	float: left;
	width: 110px;
}
/*** [/タイル表示] ***/

span.cpg_toggle {
	cursor: default;
}
span.cpg_toggle:hover {
	background: #666;
	color: #fff;
}
span.cpg_toggle:before {
	content:"▼";
	padding-right: 5px;
}

/***[select_image]***/
select.select_image, select.select_image option {
	display: block;
	background: #fff no-repeat;
	background-size: auto 30px;
	width: 400px;
	text-align: right;
	height: 40px;
	margin-top: 10px;
	border-bottom: solid 1px #999;
	padding:5px;
	box-sizing: border-box;
}
/***[/select_image]***/

/***[list_icon]***/
span.list_icon {
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}
span.list_icon.module {
	width: 16px;
	height: 14px;
	background-image: url(../images/icon/list/icon_module.png);
}
span.list_icon.controller {
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/list/icon_controller.png);
}
span.list_icon.function {
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/list/icon_function.png);
}
/***[list_icon]***/

span.ico_list_dir {
	display: inline-block;
	width: 16px;
	height: 14px;
	background-image: url(../images/ico_list_dir.png);
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}
span.ico_list_file {
	display: inline-block;
	width: 14px;
	height: 16px;
	background-image: url(../images/ico_list_file.png);
	background-repeat: no-repeat;
	position: relative;
	top: 2px;
}

label.upfile_btn input[type='file'] {
	display: none;
}
label.upfile_btn {
	display: inline-block;
	width: 100px;
	height: 30px;
	background: -moz-linear-gradient(top, #3853FF, #bfcfff);
	background: -ms-linear-gradient(top, #3853FF, #bfcfff);
	background: -webkit-linear-gradient(top, #3853FF, #bfcfff);
	background: -o-linear-gradient(top, #3853FF, #bfcfff);
	padding: 0px;
	box-sizing: border-box;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
}


/***[baselib_db_list]***/
table.baselib_db_head thead th {
	text-align: left;
	cursor: pointer;
	border: none;
}
table.baselib_db_head thead th span.left {
	float: left;
	margin-left: 10px;
}

div.baselib_db_body {
	display: none;
}
/***[/baselib_db_list]***/

table.list_tbl > tbody > tr > th.field_diff, table.list_tbl > tbody > tr > td.field_diff {
	background: #d77d8a;
	color: #fff;
}



.text_careful {
	color: #c42d0b;
}

.submit_error {
	color: red;
}

/*** [.field_profiles] ***/
ul.field_profiles {}
ul.field_profiles li div {
	float: left;
	margin-right: 15px;
}

/*** [/.field_profiles] ***/

.main_loading {
	padding: 50px;
}

/***[ loader ]***/
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  /*
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  */
  
  border-top: 1.1em solid #9196d1;
  border-right: 1.1em solid #efefff;
  border-bottom: 1.1em solid #efefff;
  border-left: 1.1em solid #efefff;
  
  
  
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/***[/ loader ]***/

/***[ modal ]***/
.modal_outer {
	min-width: 300px;
	padding: 20px;
	box-sizing: border-box;
	font-size: 75%;
}
.modal_form_scroll {
	max-height: 430px;
	overflow: auto;
}
/***[/ modal ]***/

.adviser_group_wrap_rows {
	margin-bottom: 10px;
}
.adviser_group_wrap_rows select {
	width: 250px;
}

/*
div#result_msg {
	display: none;
	border-bottom: solid 1px blue;
	text-align: center;
	font-weight: bold;
	color: blue;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
}
div#result_msg p {
	padding: 10px;
}
*/