@charset "utf-8";
/* Standard Tags */
body {text-align:center;	/* IE6 Correspondence */}
a {color: #0033ff;}
a:hover {color: #ff3300;}

/*********************************************************************
 *
 * Design Parts
 *
 *********************************************************************/

/* Image */
div#loading {
	width:250px;
	height:100px;
	text-align:center;
	padding:5px 5px;
}

/* Image Button/Submit */
.Button {
	cursor:pointer;
}
.Button:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:.60;
}

/*********************************************************************
 *
 * Attribute Class
 *
 *********************************************************************/
/* Attribute(text) */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.bold {font-weight:bold;}
.red {color: #ee7948;}
.red2 {color: #ff3300;}
.normal {font-weight:normal;}

.vtop {vertical-align:top;}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom;}

/* Attribute(datatype) */
.num,.dec {text-align: right;}
.date,.pdate {text-align: center;width:71px;}
.datetime {text-align: center;width:130px;}
.time {text-align: center;width:40px;}

/* Attribute(display) */
.close {display: none;}
.inline {display: inline;}

/* Attribute(float) */
.float {clear:none!important;float: left;}
.floatR {clear:none!important;float: right;}
.clear {clear: both;}

/* Attribute(etc) */
.border{border:1px solid #333333;}
.lightbox {display: none;}
.lightbox_frame {
	border:1px solid #333333;
	background-color:#ffffff;
	padding:10px 10px;
}
.pointer {cursor:pointer;}
.scroll {overflow:scroll;};
.scrollx {overflow-x:scroll;};
.scrolly {overflow-y:scroll;};

/* Attribute(IME Mode) */
.upper,.han,.num,.date,.mail,.confirm,.time,.tel {ime-mode: disabled;}
.zen {ime-mode: active;}
.imeon {ime-mode: active;}
.imeoff {ime-mode: inactive;}

/*********************************************************************
 *
 * Table
 *
 *********************************************************************/
/* Default */
table.tableList {
	margin:2px 0;
	width:100%;
}
table.tableList th,table.tableList td {
	border:1px solid #999999;
	padding:2px 4px;
}
table.tableList th {
	background-color: #d8e698;
	text-align: center;
}
table.tableList th.type2 {
	background-color: #b7282e!important;
}

table.tableList td {
}
table caption {
	color:#2F4F4F;
}

/* Attribute */
.altrow {background-color: #dddddd;}
.normalrow {background-color: #ffffff;}
.addrow {background-color: #FFB6C1;}
.disablerow {background-color: #c0c6c9;}
.selrow {background-color: #98d98e;}

/* Pagenator */
.pageCounter {
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
}
.pageMove {
	text-align:right;
	margin-top:5px;
}
.pageMove span {
	padding-top:3px;
	padding-bottom:3px;
	margin-left:10px;
}
.pageMove span.current {
	background-color: #6495ED;
	padding:0 5px;
	color:#ffffff;
	font-weight:bold;
}
.pageMove span.disabled {
	color: #aaaaaa;
}
.pageMove a {
	text-decoration:none;
}

/*********************************************************************
 *
 * Form
 *
 *********************************************************************/
/** fieldset **/
fieldset {
	border:0;
	margin:0 0 10px 0;
}
legend {
	font-weight:bold;
	margin-bottom:10px;
	padding-right:5px;
	font-size:16px;
}
legend img {
	position:relative;
	top:5px;
	margin-right:3px;
}
legend button {
	font-weight:normal;
	font-size:12px;
	margin-left:10px;
}
.inputBody {
	margin-left:15px;
}
.inputBody div {
	margin-bottom:5px;
}

/** label **/
label {
	margin-right:8px;
	display:block;
	float:left;
	width:115px;
	text-align:right;
	position:relative;
	top:2px;
}
div.long label {width:170px;}
div.short label {width:80px;}
div.veryshort label {width:30px;}
div.radio .normal_label {
	position:relative;
	top:7px;
}

/*22.06.23 Add*/
.required_mark {
	font-size:10px;
	padding:2px 4px;
	margin-left:1px;
	background-color:#ff3300;
	color:#ffffff;
	border-radius:5px;
	position:relative;
	top:-1px;
}

/** input **/
input[type=text],input[type=password],textarea,input[type=file],select,input[type=time],input[type=date],input[type=number] {
	border: 1px solid #cccccc;
	padding:2px 2px;
	margin-right:4px;
}
input[type=time] {width:65px;}
input[type=date] {width:110px;}
input[type=number] {
	text-align:right;
	ime-mode: inactive; /*IE FF*/
	padding:5px 2px;
}

/** input(radio,checkbox) **/
input[type=radio],input[type=checkbox] {
	float:left;
	position:relative;
	top:5px;
	width:20px;
	height:20px;
}
input[type=checkbox]#ParamAll, input[type=checkbox].chk {
	float:none;
	position:static;
	top:auto;
}
.checkArea {	/*Normal Label Area*/
	clear:both;
}
.checkArea label {
	display:inline;
	text-align:left;
	/*margin-left:3px;*/
	width:auto!important;
	position:relative;
	top:7px;
	left:4px;
}

input[type=text],input[type=password],textarea,input[type=file],select,input[type=time],input[type=date],input[type=number] {
	/*角丸*/
	border-radius: 4px;						/* Standard */
	-moz-border-radius: 4px;			/* Firefox */
	-webkit-border-radius: 4px;		/* Webkit */
}

/* Button */
.subbtnPos {
	clear:both;
	margin-left:115px;
}
.long .subbtnPos {margin-left:180px;}
.short .subbtnPos {margin-left:90px;}
.veryshort .subbtnPos {margin-left:40px;}
input[type=submit],input[type=button],input[type=reset],button {padding:5px 10px;}

/* Attribute */
input[type=text].required, input[type=password].required, select.required, input[type=text].confirm {border-color:#ee7948;}
.form-error {background-color:#f6bfbc!important;}
.focus {background-color: #f8e58c;}
/*div.required, span.required {border-bottom:1px solid #ee7948;padding-bottom:4px;}*/

.readonly {background-color:#d6e9ca;}
.error-message {display: none;}
.key {
	border:1px solid #8491c3;
	background-color:#d6e9ca;
	border-radius: 5px;						/* Standard */
	-moz-border-radius: 5px;			/* Firefox */
	-webkit-border-radius: 5px;		/* Webkit */
	margin-left:5px;
	margin-bottom:5px;
	font-size:14px;
}
span.fix {position:relative;top:2px;}

input[type=text].date,input[type=text].pdate {width:80px;ime-mode: inactive; /*IE FF*/}
input[type=text].tel {width:100px;ime-mode: inactive; /*IE FF*/}
input[type=text].zipno {width:60px;ime-mode: inactive; /*IE FF*/}
input[type=text].num {ime-mode: inactive; /*IE FF*/}