@charset "utf-8";

/*
**  Volvic
**
**	CONTACT-FORM.CSS | 2010.05.12 updated.
**
**	INDEX
**
**	01 : @_CONTACT-FORM
**
*/

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_CONTACT-FORM                                          ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
  COMMON
------------------------------------------------------------*/


h1 {
  margin-bottom:20px;
  font-size:21px;
  line-height:1;
}

#ctt-input #section01,
#ctt-confirm #section01,
#ctt-complete #section01 {
  margin-bottom:2em;
}

/* form table */
#ctt-form table.ctt {
  width:890px;
  font-size:14px;
  border:1px solid #ddd;
  border-spacing:2px;
}

* html #ctt-form table.ctt { border-collapse: separate; } /* for ie6 */
*:first-child+html #ctt-form table.ctt { border-collapse: separate; } /* for ie7 */

#ctt-form table.ctt th {
  width:200px;
  border-bottom:1px solid #bbd2f4;
  border-right:1px solid #bbd2f4;
  background-color:#e8f0fb;
  vertical-align:top;
}

#ctt-form table.ctt td {
  padding:1em;
  border-bottom:1px solid #ddd;
  background-color:#f5f5f5;
  vertical-align:top;
}

#ctt-form table.ctt th h2 {
  padding:1em;
  line-height:1.4;
  font-weight:bold;
  color: #333;
  white-space: nowrap;
}

#ctt-form table.ctt div.finner {
  margin-bottom:1em;
}

#ctt-form table.ctt div.finner-end {
  margin-bottom:0;
}

#ctt-form table.ctt h3 {
  padding-bottom:0.5em;
  line-height:1.4;
  color: #333;
  white-space: nowrap;
}

/* input */
fieldset#input-field input,
fieldset#input-field textarea {
  background-color:#fff;
  border-top:1px solid #bbb;
  border-left:1px solid #ccc;
  border-right:none;
  border-bottom:1px solid #eee;
  line-height:1.6;
}

#ctt-form fieldset#input-field {
  margin-bottom:2em;
}

#ctt-form fieldset#input-field input {
  height: 22px;
}

input#family_name,
input#family_kana {
  margin-left:1em;
  width:126px;
}

input#first_name,
input#first_kana {
  margin-left:1em;
  width:125px;
}

input#family_name,
input#family_kana {
  margin-right:1em;
}

input#zip1 {
  margin-right:0.5em;
  width:60px;
}

input#zip2 {
  margin-left:0.5em;
  width:60px;
}

input#company_name,
input#company_post,
input#company_position,
input#city,
input#town {
  width:522px;
}

input#mailaddress {
  width:522px;
}

input#tel1,
input#fax1 {
  margin-right:0.5em;
  width:60px;
}
input#tel2,
input#fax2 {
  margin:0 0.5em;
  width:60px;
}
input#tel3,
input#fax3 {
  margin-left:0.5em;
  width:60px;
}

input#title {
  width:522px;
}

textarea#comment {
  width:522px;
  height:208px;
}

/*------------------------------------------------------------
  /contact/input.html
--------------------------------------------------------------
id = ctt-input */

#ctt-input #section01 strong {
	color: #f20504;
	font-weight: bold;
}

/* jquery.validation Settings 
----------------------------------------*/
div#fname_tip.validationTip,
div#fkana_tip.validationTip,
div#fzip_tip.validationTip,
div#ftel_tip.validationTip,
div#ffax_tip.validationTip,
div#prefecture_tip.validationTip {
    margin-top:-4px;
}

.ie div#fname_tip.validationTip,
.ie div#fkana_tip.validationTip,
.ie div#fzip_tip.validationTip,
.ie div#ftel_tip.validationTip,
.ie div#ffax_tip.validationTip,
.ie div#prefecture_tip.validationTip {
    margin-top:0;
    margin-left:-3px;
}

/*------------------------------------------------------------
  /contact/confirm.html
--------------------------------------------------------------
id = ctt-confirm */

#ctt-confirm h3 {
  font-weight:bold;
}

/*------------------------------------------------------------
  /contact/complete.html
--------------------------------------------------------------
id = ctt-complete */


/*------------------------------------------------------------
  jquery.validation Settings
------------------------------------------------------------*/

div.validationTip {
  padding-left: 4px;
	background: url(../images/tip_left_red.gif) no-repeat left 6px;
	font-size: 12px;
}
div.tipInner {
	/* border: solid #ccc 1px; */
	border-top: none;
	border-left: none;
  padding:4px 4px 3px 4px;
	color: #fff; /* color */
	background: #f20504; /* tip bgcolor */
  font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
div#dlgmat {
	width: 101.55%; /* for ie6 bug */
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 550;
	background: #999; /* dialog background color */
}
* html div#dlgmat { /* ie6 */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +'px');
}
div#dlg {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	font-size: 14px;
}
* html div#dlg {	/* ie6 */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (dlgMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
div#dlg div#dlgcont {
	padding: 1.5em 0;
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#dlg div#dlgcont div {
	padding: 0 3.5em;
	color: #303030;
	font-weight: bold;
}
div#dlg div#dlgcont div span {
	line-height: 1.7;
}
div#dlg div#dlgcont div span strong {
	padding: 0 .1em;
	color: #f20504;
	font-weight: bold;
}