@charset "UTF-8";

fieldset#login { 
	box-shadow:0px 0px 4px #666;
}

fieldset#login legend {
	background-color:#fff;
}

.btstyle a,
input.button,
input.button2,
input.button_insert,
input.button_edit,
input.button_update,
input.button_delete,
input.button_preview,
input.button_cancel {
	border-radius: 3px;
	background: url("../img/button_gloss_70.png") repeat left center #fff;
	cursor:pointer;
	height: 25px;
	border: 1px solid #999999;
	color:#000;
}

.btstyle a:hover,
input.button:hover,
input.button2:hover,
input.button_insert:hover,
input.button_edit:hover,
input.button_update:hover,
input.button_delete:hover,
input.button_preview:hover,
input.button_cancel:hover {
	opacity:0.8;
}

input.button {
	background-color:#ddd !important;
}

input.button2 {
	background-color: #AFD4FF;
}

input.button_preview {
	background-color: #CCFFCC;
}

input.button_page {
	background: url("../img/button_gloss_70.png") repeat left center #ddd;
	cursor:pointer;
	height: 25px;
	border: 1px solid #999999;
}

input.button_insert {
	background-color: #FFD07F;
}

input.button_edit {
	background-color: #9FC2FF;
}

input.button_update {
	background-color: #8FD7FF;
}

input.button_cancel {
	background-color: #ccc;
}

input.button_delete {
	background-color: #FF7F84;
}

.btstyle a {
	background-color: #ccc;
	display:inline-block;
	line-height:25px;
	padding:0 1em;
	text-decoration:none;
	margin-right:6px;
}

.document.btstyle a { background-color:#FFBD6F; }


/* --- page_position --- */

div.page_position {
	clear: both;
	padding: 0px 10px;
}
div.page_position p {
	float: left;
	display: inline;
	padding: 10px 20px;
	background: url("../img/page_position.gif") no-repeat left center;
}

div.page_position span {
	color: #0033cc;
}

div.page_position div {
	float: right;
	display: inline;
	padding-top: 10px;
}

/* --- detail_day --- */
div.detail_day {
	text-align: right;
	padding: 10px auto;
	width: 100%;
}

div.admin_title {
	margin: 0;
	padding: 0;
}

div.admin_title div.admin_table_title {
	margin: 0;
	padding: 0;
	float: left;
	color: #fc0000;
}

/* --- index_main --- */
div.index_main {
	padding: 0px 10px 10px;
}
#index_main a {
	text-decoration: none;
}
#index_main a:hover {
	text-decoration: underline;
}

#index_main h4 {
	margin-top:6px;
	font-weight: normal;
}

#index_main div {
	margin-bottom: 5px;
}

#index_main dl {
	border: 1px solid #999999;
	float: left;
	width: 550px;
}

#index_main dl.updatetime {
	float:left;
	line-height: 2m;;
	width: 150px;
	border: none;
}

#index_main dt {
	padding: 2px 10px;
	line-height: 2em;
	box-shadow:0 0 4px 3px #fff inset;
}

#index_main dd {
	border-top: 1px solid #999999;
}

#index_main dl img {
	cursor:pointer;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

dl.user {
	border: 1px solid #a0b080;
	margin: 0 0 5px 0;
}

dl.user dt {
	background: url("../img/matt_50.png") repeat-x left center #ddd;
	box-shadow:0 0 4px 3px #fff inset;
}

dl.power_user dt {
	background: url("../img/matt_50.png") repeat-x left center #BFFAFF;
	box-shadow:0 0 4px 3px #fff inset;
}

dl.admin dt {
	background: url("../img/matt_50.png") repeat-x left center #CEFFBF;
	box-shadow:0 0 4px 3px #fff inset;
}

dl.manual dt {
	background: url("../img/matt_50.png") repeat-x left center #FFF47F;
	box-shadow:0 0 4px 3px #fff inset;
}

tr#new_button_tr td {
	background: url("../img/matt_50.png") repeat-x left center #FFF47F;
	box-shadow:0 0 4px 3px #fff inset;
}

hr.admin_line {
	border-top: none;
	border-right: none;
	border-left:  none;
	border-bottom: 1px dashed #ffa000;
	margin : 10px auto;
}

span.kome {
	color: #ff0000;
}

/* --- main --- */
div.main {
	clear: both;
	margin: 0px 10px;
}

/* --- table_text --- */
p.table_text, ul {
	color: #666699;
	padding: 0px 20px;
}
p.table_text span {
	display: block;
	color: #006699;
	line-height: 1.3em;
}

/* --- table_page --- */
div.table_page {
	margin: 15px 0px;
}

/* --- table_color --- */

/* 表示データの背景色 */
tr.bg_color_f td {
	background-color: #ffffff;
}

/* 非表示データの背景色 */
tr.bg_color_e td {
	background-color: #eeeeee;
}

/* プレビューデータの背景色 */
tr.bg_color_p td {
	background-color: #ccffcc;
}

/* 新規追加の背景色 */
tr.bg_color_y td {
	background-color: #ffffcc;
}

/* --- table_main --- */
table.table_main {
	border-top: 1px solid #a0b080;
	border-left: 1px solid #a0b080;
	width: auto;
	margin-bottom: 15px;
}

table.table_main th {
	border-right: 1px solid #a0b080;
	border-bottom: 1px solid #a0b080;
	text-align: center;
	color: #666699;
	vertical-align: middle;
	padding: 0px 5px;
	height: 28px;
}

table.table_main td {
	border-right: 1px solid #a0b080;
	border-bottom: 1px solid #a0b080;
	padding: 5px;
	text-align: center;
}

.no_right_border {
	border-right: none !important;
}

tr.detail_th th,
tr.new_th th {
	background: url("../img/matt_50.png") repeat-x left center #ddd;
	box-shadow:0 0 4px 3px #fff inset;
}

tr.detail_th th a,
tr.new_th th a {
	font-weight: normal;
}

tr.detail_th th span,
tr.new_th th span {
	font-weight: normal;
	margin-left: 20px;
}
tr.detail_th th span em,
tr.new_th th span em {
	font-style: normal;
	color: #ff9900;
}

tr.detail_th th ul,
tr.new_th th ul {
	visibility: hidden;
	position: absolute;
		right: 0px;
	z-index: 1;
	margin: 20px 5px;
	padding: 5px 7px 0px 20px;
	font-weight: normal;
	text-align: left;
	background-color: #eeffee;
	border: 1px solid #999999;
	-moz-opacity: 0.90;
	opacity: 0.90;
	filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Gradient(GradientType='0', StartColorStr='#ffffff', EndColorStr='#eeffee');

}
tr.detail_th th ul li, tr.new_th th ul li {
	color: #333333;
	line-height: 1.2em;
	margin-bottom: 5px;
}
tr.detail_th th ul li em, tr.new_th th ul li em {
	font-style: normal;
	color: #cc66ff;
}

/* -d_fieldset- */
.d_field td fieldset {
	margin-bottom: 4px;
	padding: 4px;
	border: 1px solid #ccc;
}
.d_field td fieldset legend {
	color: #000000;
}

/* -n_fieldset- */
.n_field td fieldset {
	margin-bottom: 4px;
	padding: 4px;
	border: 1px solid #ccc;
}
.n_field td fieldset legend {
	color: #000000;
}

/* -new- */
td.new {
	font-weight: bold;
}

/* -vertical align- */
td.sort_button, td.no, td.new, td.display_n, td.detail_or_delete, td.d_master, td.n_master {
	vertical-align: middle;
}
td.short_comment, td.long_comment, td.fileup {
	text-align: left !important;
	vertical-align: top;
}

/* -file_upload- */
td.fileup fieldset {
	padding: 0px 5px;
	letter-spacing: 1px;
}
td.fileup fieldset legend {
}

td.fileup fieldset legend a {
	font-weight: normal;
}
td.fileup label {
	color: #cc6666;
}
td.fileup fieldset legend input {
	border: none !important;
	margin: 0px 0px 0px 10px !important;
	background: none !important;
}
td.fileup fieldset input {
	margin: 2px 0px !important;
}

/* -detail_or_delete- */
td.detail_or_delete input {
	border: 1px solid #999999 !important;
}

input.update {
	display: inline;
	width: 45px;
	height: 25px;
	background: #ffffff url("../img/button_update.jpg") repeat-x left top;
}

input.update:hover {
	background-position: left -25px;
}

/* -new_button- */
td.new_button input {
	border: 1px solid #999999;
	width: 97px;
	height: 25px;
	background: url("../img/button_gloss_70.png") repeat left center #FFD07F;
}

/* --- warning --- */
div.warning, div.warning ul {
	color: #ff0000;
	line-height: 1.5em;
	letter-spacing: 1px;
}
div.warning {
	padding: 10px 15px;
}
div.warning ul {
	margin: 0px 5px;
}
div.warning ul li {
	list-style-type: disc;
	color: #ff3333;
}

/* --- admin_comment --- */
td.admin_comment {
	text-align: left !important;
	vertical-align: top;
}
td.admin_comment div {
	text-align: right;
}

/* --- conf_button --- */
div.conf_button {
	padding: 10px 15px;
}
div.conf_button form {
	float: left;
	display: inline;
	margin-right: 4px;
}

/* --- del_button --- */
div.del_button {
	padding: 10px 15px;
}
div.del_button form {
	float: left;
	display: inline;
	margin-right: 4px;
}

/* --- del_item --- */
table.del_item {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	width: 600px;
	margin: 15px;
}
table.del_item th {
	border-right: 1px solid #999999;
	text-align: center;
	color: #666699;
	vertical-align: middle;
	padding: 0px 5px;
	height: 28px;
	background: #ffffff url("../img/dl_user.jpg") repeat-x left top;
}
table.del_item td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px 10px;
	line-height: 1.2em;
}

/* --- table_edit.php record layout --- */
div.record_layout {
	margin: 0px;
	padding: 5px;
	border: 1px solid blue;
	float: left;
	height: 480px;
}

table.table_button {
	margin: 0px;
	padding: 0px;
	border: none;
 	align: center;
	width: 100%;
}

table.table_button td{
	border: none !important;
	text-align: center !important;
	align: center !important;
	height: 1%;
	vertical-align: bottom;
	background-color: #DFEDFF !important;
}

td.button_td {
	border: none !important;
	background-color: #DFEDFF !important;
	box-shadow:0 0 4px 3px #fff inset;
}


.input_form {
}

table.input_form {
	width: 100%;
	border: none;
}

table.input_form th,
table.input_form td{
	text-align: left;
	vertical-align: top;
	border: none;
	border-right: 1px solid #999999;
}

.filter {
}

table.filter {
	border: 1px solid #999999;
}

table.filter th {
/*
	background: #ffffff url("../img/filter_th.jpg") repeat-x left center;
*/
	background: url("../img/matt_50.png") repeat-x left center #ddd;
	box-shadow:0 0 4px 3px #fff inset;

	line-height: 2em;
	border: 1px solid #999999;
}

table.filter td {
	padding: 4px;
	vertical-align: top;
}

table.filter fieldset {
	margin: 0 4px 4px 4px;
	padding: 4px;
}

table.filter table {
	float: left;
}

#main {
	clear: both;
	text-align: center;
	width: 800px;
	margin-left: 30px;
}

#contents_setting {
	text-align: center;
}

/* --- table_main --- */
table.setting {
	border: 0;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	margin-bottom: 15px;
}

table.setting td,
table.setting th {
	border: 0;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 4px;
}

table.setting th {
	text-align: center;
	color: #ffffff;
	vertical-align: middle;
	font-weight: normal;
	background-color:#2B4FAF;
	box-shadow:0 0 2px 1px #fff inset;
}

table.setting td {
	text-align: left;
}

td.haschild {
	padding: 0 !important;
	border-right: 0;
}

td.haschild table {
	margin: 0;
	border-top: 0;
	border-left: 0;
}

td.haschild table th{
	margin: 0;
	border-top: 0;
	border-left: 0;
}

.noborder_bottom {
	border-bottom: 0 !important;
}

.setting_input_num2 {
	width: 2em;
	ime-mode: disabled;
	text-align: right;
}

.setting_input_num8 {
	width: 8em;
	ime-mode: disabled;
	text-align: right;
}

.setting_input_name {
	width: 20em;
	text-align: left;
}

table.master_title {
	margin: 0px;
	padding: 0px;
	border: none;
}

.master_title td, .master_title th {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: middle;
}

.master_title th {
	background: #999999;
	font-weight: normal;
}

table.master_title1 {
	table-layout: fixed;
	width: 420px;
	margin: 6px;
	padding: 0px;
	border: 1px solid #666666;
}

.master_title1 td,
.master_title1 th {
	margin: 0px;
	padding: 2px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	vertical-align: middle;
	white-space: normal;
}

.master_title1 th {
	background: #e0e0e0;
	width: 75px;
	box-shadow:0 0 4px 3px #fff inset;
}

.master_number {
	width:20px;
	text-align: right;
}

p.master_title_p {
	line-height:2em;
	margin:0 2px 0 0;
	text-align:center;
	background-color:#ddd;
	box-shadow:0 0 4px 3px #fff inset;
	border:1px solid #ccc;
	border-top:none;
}


table.master_table {
	border-collapse: collapse;
	margin: 10px 0;
	padding: 0px;
	border: 1px solid #666;
}

table.master_list,
table.master_admin_list,
table.master_special_list {
	border: 0;
	border-collapse: collapse;
	padding: 0px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	margin-bottom: 15px;
}

.master_list td,
.master_list th,
.master_admin_list td,
.master_admin_list th,
.master_special_list td,
.master_special_list th  {
	border: 0;
	margin: 0px;
	padding: 2px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	vertical-align: middle;
}

.master_list th  {
	font-weight: normal;
	color: #ffffff;
	background-color:#2B4FAF;
	box-shadow:0 0 4px #fff inset;
}

table caption {
	text-align: left;
}

table.master_admin_list caption {
	color: #fc0000;
}

.master_admin_list th  {
	font-weight: normal;
	color: #000000;
	background-color:#D2FFCF;
	box-shadow:0 0 4px #fff inset;
}

table.master_special_list caption {
	color: #fc0000;
}

.master_special_list th  {
	font-weight: normal;
	color: #000000;
	background-color:#FF9D4F;
	box-shadow:0 0 4px #fff inset;
}

div.page_position span.admin {
	color: #fc0000;
}

.master_field li {
	list-style-type: none;
}

.no-style li {
	list-style-type: none !important;
}

table.master_field {
	margin: 0;
	padding: 0;
}

.master_field th {
	background-color: #f0f0f0;
}

div.master_field_title_title {
	float: left;
	width: 75px;
	padding: 2px;
	background: #fafafa;
}

div.master_field_title_data1 {
	float: left;
	width: 140px;
	padding: 2px;
}

div.master_field_title_data2 {
	float: left;
	width: 220px;
	padding: 2px;
}

div.master_field_wrapper {
	padding: 4px 0;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

table.noborder {
	margin: 0px;
	padding: 0px;
	border: none;
}

table.noborder td,
table.noborder th {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: middle;
}


div.menu_space {
	height: 10px;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right;
}

.invisible {
	display: none;
}

.visible {
	display: normal;
}

input[disabled],
input[disabled]:hover {
	background: #eeeeee;
	color: #cccccc;
}

.errmsg {
	color: #ff0000;
}

.warning {
	color: #ff0000;
}

.comment {
	color: #50558F;
}

.need {
	color: #ff0000;
}


dl.list {
	margin: 0;
	margin-left: 10px;
}

dl.list dt {
	margin-top: 6px;
	font-weight: bold;
}

dl.list dd {
	border-bottom: 1px solid #999999;
	margin-left: -10px;
}

dl.list .date{
	color: #3333ff;
}

dl.list .title{
	margin-left: 15px;
}

div.document {
	margin-top: 10px;
}

div.document img {
	margin-right: 4px;
}

div.change_date {
	margin-left: 10px;
	margin-bottom: 20px;
	background-color: #BFDCFF;
	width: 10em;
	padding: 1px;
}

div.change_date form {
	margin: 6px;
}

ul.file_list {
	padding-left: 0;
	margin: 10px 0 0 10px;
}

ul.file_list li {
	list-style-type: none;
	border-bottom: 1px dotted #666666;
	padding-bottom: 2px;
	padding-top: 10px;
}


table.align_left th,
table.align_left td {
	text-align: left;
}

table.align_center th,
table.align_center td {
	text-align: left;
}

table.align_right th,
table.align_right td {
	text-align: left;
}


ul.number {
	padding-left: 0;
	margin: 10px 0 10px 20px;
}

ul.number li {
	list-style-type: decimal;
	padding-bottom: 10px;
}

.errormsg-area {
	margin-bottom: 10px;
	padding: 4px;
	background-color: #FFEFEF;
	color: #ff0000;
	border: 2px solid #CF0000;
}


.input_form input:disabled,
.input_form select:disabled
{
 color: #000000; 
}

tr.editing-record { background-color: #FFFFCC; }

/* 入力項目のタイトル */
span.title { display: inline-block; width: 12em;}
.bg_must { background-color:#ff9999; }
div.border { border: 1px solid #ccc; }
div.fld { margin-bottom:0.5em; }
