@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////

[tblForm]
[confirm]
[msgError]
[msgThanks]

-- FontSize --
  BASE:  75% (12px)

 SMALL:  83% (10px)
 LARGE: 133% (16px)
XLARGE: 166% (20px)

/////////////////////////////////////////////////////////////////// */

@import url(import/reset.css);
@import url(import/common.css);
@import url(import/parts.css);

@import url(import/clear.css);

/* =========================================================
■tblForm
========================================================= */
div#main table.tblForm {
	margin: 0 0 20px;
	letter-spacing:0;
}


/* normal (rows margin 20px)
----------------------------------------------- */
div#main table.tblForm th {
	padding: 15px 10px 10px 13px;
	background: url(/img/common/point_01.gif) no-repeat 0 1.8em;
	vertical-align: top;
	white-space: nowrap;
}

div#main table.tblForm td {
	padding: 10px;
}


/* noInput (rows margin 30px)
----------------------------------------------- */
div#main table.tblForm tr.noInput th {
}

div#main table.tblForm tr.noInput td {
	padding: 15px 10px;
}


/* tdCaption
----------------------------------------------- */
div#main table.tblForm td.tdCaption {
	padding: 10px 0 0;
}

div#main table.tblForm td.tdCaption h3 {
	margin: 0 0 15px;
	padding: 0;
	background: none;
}

div#main table.tblForm td.tdCaption p {
	margin: 0 0 15px;
}


/* elements
----------------------------------------------- */
div#main table.tblForm th span.required {
	color: #CC0033;
}

div#main table.tblForm td p {
	margin: 2px 0 0;
}

div#main table.tblForm td p.note {
	margin: 2px 0 0;
	font-size: 83%;
}


/* parts
----------------------------------------------- */
/* ----- checkbox_list ----- */
div#main table.tblForm ul.checkbox_list {
	width: 580px;
}

div#main table.tblForm ul.checkbox_list li {
	float: left;
	width: 290px;
}


/* ----- radioCommon ----- */
div#main table.tblForm ul.radioCommon li {
	float: left;
	margin-right: 60px;
}

div#main table.tblForm ul.radioCommon li input {
	margin-right: 5px;
}

/* ----- nameCommon ----- */
div#main table.tblForm dl.nameCommon{
	padding-bottom:1px;
}

div#main table.tblForm dl.nameCommon dt {
	display: inline-block;
	*display: inline;
	width: 2em;
	margin-right: 10px;
	vertical-align: middle;
}

div#main table.tblForm dl.nameCommon dd {
	display: inline-block;
	*display: inline;
	margin-right: 30px;
	vertical-align: middle;
}

/* ----- postCode, place ----- */
div#main table.tblForm dl.place {
	margin-bottom: -20px;
}

div#main table.tblForm dl.postCode dt,
div#main table.tblForm dl.place dt {
	float: left;
	width: 9em;
	margin-bottom: 20px;
}

div#main table.tblForm dl.postCode dd,
div#main table.tblForm dl.place dd {
	margin-left: 10em;
	margin-bottom: 20px;
	zoom: normal;
}

div#main table.tblForm dl.place dd input.sizeL {
	width: 500px;
}

/* ----- desired ----- */
div#main table.tblForm dl.desired {
	margin: 0 0 10px;
}

div#main table.tblForm dl.desired dt,
div#main table.tblForm dl.desired dd,
div#main table.tblForm dl.desired select {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

div#main table.tblForm dl.desired dt {
	margin-right: 10px;
}

div#main table.tblForm dl.desired dd {
	margin-right: 20px;
}

div#main table.tblForm dl.desired dd dl dt {
	margin-right: 15px;
}

div#main table.tblForm dl.desired dd dl dd ul li {
	margin-right: 10px;
}

div#main table.tblForm dl.desired dd dl dd ul li input {
	margin-right: 5px;
}


/* form elements
----------------------------------------------- */
div#main table.tblForm input {
	vertical-align: middle;
}

div#main table.tblForm input.sizeS,
div#main table.tblForm input.sizeM,
div#main table.tblForm input.sizeL,
div#main table.tblForm textarea {
	border: 1px #000000 solid;
	padding: 5px;
	background-color: #FFFFFF;
}

div#main table.tblForm input.sizeS,
div#main table.tblForm textarea.sizeS {
	width: 188px;
}

div#main table.tblForm input.sizeM,
div#main table.tblForm textarea.sizeM {
	width: 388px;
}

div#main table.tblForm input.sizeL,
div#main table.tblForm textarea.sizeL {
	width: 558px;
}


/* error
----------------------------------------------- */
div#main table.tblForm td p.error {
	clear: both;
	color: #CC0033;
	font-weight: bold;
}

div#main table.tblForm td p.error.postCode {
	margin: -18px 0 20px;
	color: #CC0033;
	font-weight: bold;
}

div#main table.tblForm td input.error,
div#main table.tblForm td textarea.error,
div#main table.tblForm td select.error {
	background-color: #FFDDDD;
}


/* formPrivacy
----------------------------------------------- */
div#main p.formPrivacy {
	margin: 30px auto;
	text-align: center;
}

div#main p.formPrivacy input {
	margin-right: 5px;
	vertical-align: middle;
}

div#main p.formPrivacy span.error {
	color: #CC0033;
	font-weight: bold;
}


/* formBtn
----------------------------------------------- */
div#main div.formBtn {
	position: relative;
	overflow: hidden;
	height: 50px;
	margin: 0 0 30px;
}

div#main div.formBtn p {
	text-align: center;
}

div#main div.formBtn ul {
	position: relative;
	left: 50%;
	float: left;
}

div#main div.formBtn ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 10px;
}



/* =========================================================
■confirm
========================================================= */
div#main table.tblForm.confirm th {
	padding-right: 50px;
}



/* =========================================================
■msgError
========================================================= */
div#main div.msgError {
	margin: 0 0 20px; 
	padding: 1px;
	background: url(/img/common/bg_dotted_01.gif) repeat 0 0;
}

div#main div.msgError dl {
	padding: 20px 0 20px 110px;
	background: #FFFFFF url(/img/common/ico_error_01.gif) no-repeat 25px 50%;
	color: #CC0033;
}

div#main div.msgError dl dt {
	margin: 0 0 5px;
	font-weight: bold;
}

div#main div.msgError dl dd {
	margin: 0 0 2px;
	padding: 0 0 0 15px;
	background: url(/img/common/point_error_01.gif) no-repeat 0 50%;

}



/* =========================================================
■msgThanks
========================================================= */
div#main div.msgThanks {
	margin: 0 0 50px;
}

div#main div.msgThanks h3 {
	margin: 0 0 30px;
	padding: 0;
	background: none;
}

div#main div.msgThanks p {
	margin: 0;
}