@charset "Shift_JIS";

/* ---------------------------------------------------------
  BASE FORM CSS
  最終更新日 : 2011-06-22
--------------------------------------------------------- */


/* Serch Style
--------------------------------------------------------- */

input.serchText {
	width: 150px;
	height: 22px;
	background: url(../images/serch_text_bg.gif) repeat-x left top;
	border: none;
	font-size: 12px;
	line-height: 22px;
	margin: 0 10px 0 40px;
}

input.btn {
	width: 55px;
	height: 22px;
	background: url(../images/serch_btn.gif) no-repeat left top;
	background-color: #ffffff;
	color: #ffffff;
	border: none;
}


/* Form Basic Layout Style
--------------------------------------------------------- */

.formLayout {
	background: url(../images/dot_line.gif) repeat-x left top;
	width: 580px;
	font-size: 12px;
	line-height: 18px;
}

.formLayout th {
	background: url(../images/dot_line.gif) repeat-x left bottom;
	width: 152px;
	font-weight: normal;
	padding: 12px 0 10px 10px;
}

.formLayout td {
	background: url(../images/dot_line.gif) repeat-x left bottom;
	width: 418px;
	padding: 11px 0 10px 0;
}

.formLayout span { color: #ee0000; margin-left: 5px; }


/* IME MODE Style
--------------------------------------------------------- */

input.imeA { ime-mode: active; }
input.imeI { ime-mode: inactive; }
input.imeD { ime-mode: disabled; }


/* Input Text Style
--------------------------------------------------------- */

input { vertical-align: middle; }

input.textW30,
input.textW40,
input.textW80,
input.textW100,
input.textW120,
input.textW140,
input.textW160,
input.textW180,
input.textW200,
input.textW220,
input.textW240,
input.textW260,
input.textW280,
input.textW300,
input.textW320 {
	height: 16px;
	border: 1px solid #999999;
	background-color: #cccccc;
}

input.textW30 { width: 28px; }
input.textW40 { width: 38px; }
input.textW80 { width: 78px; }
input.textW100 { width: 98px; }
input.textW120 { width: 118px; }
input.textW140 { width: 138px; }
input.textW160 { width: 158px; }
input.textW180 { width: 178px; }
input.textW200 { width: 198px; }
input.textW220 { width: 218px; }
input.textW240 { width: 238px; }
input.textW260 { width: 258px; }
input.textW280 { width: 278px; }
input.textW300 { width: 298px; }
input.textW320 { width: 318px; }


/* Text Area Style
--------------------------------------------------------- */

textarea.areaW340,
textarea.areaW360,
textarea.areaW380,
textarea.areaW400 {
	border: 1px solid #999999;
	background-color: #cccccc;
}

textarea.areaW340 { width: 338px; height: 100px; }
textarea.areaW360 { width: 358px; height: 100px; }
textarea.areaW380 { width: 358px; height: 100px; }
textarea.areaW400 { width: 398px; height: 100px; }


/* Select Style
--------------------------------------------------------- */

select.selectW140 { width: 140px; }
select.selectW160 { width: 160px; }
select.selectW180 { width: 180px; }
select.selectW200 { width: 200px; }
select.selectW220 { width: 220px; }
select.selectW240 { width: 240px; }
select.selectW260 { width: 260px; }
select.selectW280 { width: 280px; }
select.selectW300 { width: 300px; }

/* button Style
--------------------------------------------------------- */
.submitW120 { width: 120px; }
.submitW180 { width: 180px; }
.submitW240 { width: 240px; }
.submitW300 { width: 300px; }

/* Dot Line Bg Style
--------------------------------------------------------- */
.dotLineBg {
	background: url(../images/dot_line.gif) repeat-x left top;
	height: 1px;
}