@charset "shift_jis";

/* ================================================================

CSS Information

Site URI:       http://www.alpolic.com/japan/
File URI:       http://www.alpolic.com/japan/inquiry/css/mailform.css
File name:      mailform.css
Summary:        mailform styles
Created:        2009-06-11
Last update:    2009-06-11

================================================================ */


/* library
-------------------- */
/* YUI[ver:2.6.0] */
@import url("/japan/shared/css/reset-fonts.css");

/* universal
-------------------- */
@import url("/japan/shared/css/elements.css");
@import url("/japan/shared/css/module.css");
@import url("/japan/shared/css/container.css");

body {
	background:none;
}

* html div, li { /* for IE6 */
	behavior:url(/japan/shared/iepngfix.htc)
}

* html body { /* for IE6 */
    text-align:left;
}

#mailForm {
	margin:20px 30px 20px 30px;
}

#header {
	display:block;
	width:740px;
	height:70px;
    text-align:left;
    line-height:1;
	background-image:url(/japan/inquiry/img/mailFormHeaderBg.gif);
	background-repeat:no-repeat;
}

#header .SiteLogo {
	display:inline-block;
	width:230px;
	height:70px;
	padding-left:10px;
	float:left;
}

#content {
	display:block;
	width:740px;
	/*height:1370px;*/
    line-height:1;
	background-image:url(/japan/inquiry/img/mailFormContentBg.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

* html #content {/* for IE6 */
    line-height:1.1em;
}

#footer {
	display:block;
	width:740px;
	height:53px;
    text-align:left;
    line-height:1;
	background-image:url(/japan/inquiry/img/mailFormFooterBg.png);
	background-repeat:no-repeat;
}

/* @group mailFormStep */

#mailFormStep {
	width:462px;
	height:18px;
	margin:36px 0px 0px 20px;
	float:left;
}

#mailFormStep .StepArrow {
	width:5px;
	height:5px;
	margin:7px 8px 0px 8px;
	background-image:url(/japan/inquiry/img/mailFormStepArrow.png);
	background-repeat:no-repeat;
	float:left;
}

#stepEntry {
	width:140px;
	height:18px;
	margin:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/mailFormStepEntry.png);
	background-repeat:no-repeat;
	float:left;
}

#stepEntrySelect {
	width:140px;
	height:18px;
	margin:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/mailFormStepEntrySelect.png);
	background-repeat:no-repeat;
	float:left;
}

#stepConfirm {
	width:140px;
	height:18px;
	margin:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/mailFormStepConfirm.png);
	background-repeat:no-repeat;
	float:left;
}

#stepConfirmSelect {
	width:140px;
	height:18px;
	margin:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/mailFormStepConfirmSelect.png);
	background-repeat:no-repeat;
	float:left;
}

#stepDone {
	width:140px;
	height:18px;
	margin:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/mailFormStepDone.png);
	background-repeat:no-repeat;
	float:left;
}

#stepDoneSelect {
	width:140px;
	height:18px;
	margin:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/mailFormStepDoneSelect.png);
	background-repeat:no-repeat;
	float:left;
}

/* @end */

#content h1 {
	display:block;
	width:680px;
	height:45px;
	margin:40px 30px 0px 30px;
	text-indent:-9999px;
	background-image:url(/japan/inquiry/img/h1MailForm.png);
	background-repeat:no-repeat;
}

/* @group inputNotice */
#inputNotice {
	display:block;
	width:680px;
	margin:20px 30px 0px 30px;
}

#inputNotice p {
	color:#FF0000;
}

/* @end */

h2 {
	width:680px;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-color:#0076C9;
	border-bottom-style:solid;
	border-bottom-width:2px;
}

/* @group inputCheckDemand */

.inputCheckDemand {
	width:680px;
	line-height: 1.6;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

/* @end */

/* @group inputCheckUse */

.inputCheckUse {
	width:680px;
	line-height: 1.6;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

/* @end */


/* @group inputCheckEmphasis */

.inputCheckEmphasis {
	width:680px;
	line-height: 1.6;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

.inputCheckEmphasis div.CheckItemList p {
	width:320px;
}

.inputCheckEmphasis div.CheckItemList .CheckOther {
	width:60px;
}

/* @end */


/* @group CheckItemList */

ul.CheckItemList4Col input[type="checkbox"] {
  margin-right: 5px;
}

ul.CheckItemList4Col li {
	float:left;
	width:165px;
	padding-top:10px;
}

ul.CheckItemList4Col li.ListEnd {
	clear:left;
}

ul.CheckItemList4Col li input {
	float:left;
}

ul.CheckItemList4Col li input.InputText {
	margin:0px 10px 0px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
}

ul.CheckItemList4Col li.InputOther {
	width:660px;
}

ul.CheckItemList4Col li label {
	padding-left:10px;
	float:left;
}

* html ul.CheckItemList4Col li label { /* for IE6 */
	padding-top:3px;
}

ul.CheckItemList4Col li p.CheckOtherExample {
	color:#888888;
	float:left;
}

ul.CheckItemList3Col input[type="checkbox"] {
  margin-right: 5px;
}

ul.CheckItemList3Col li {
	float:left;
	width:220px;
	padding-top:10px;
}

ul.CheckItemList3Col li.ListEnd {
	clear:left;
}

ul.CheckItemList3Col li input {
	float:left;
}

ul.CheckItemList3Col li input.InputText {
	margin:0px 10px 0px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
}

ul.CheckItemList3Col li.InputOther {
	width:660px;
}

ul.CheckItemList3Col li label {
	padding-left:10px;
	float:left;
}

* html ul.CheckItemList3Col li label { /* for IE6 */
	padding-top:3px;
}

ul.CheckItemList3Col li p.CheckOtherExample {
	color:#888888;
	float:left;
}

ul.CheckItemList2Col input[type="checkbox"] {
  margin-right: 5px;
}

ul.CheckItemList2Col li {
	float:left;
	width:330px;
	padding-top:10px;
}

ul.CheckItemList2Col li.ListEnd {
	clear:left;
}

ul.CheckItemList2Col li input {
	float:left;
}

ul.CheckItemList2Col li input.InputText {
	margin:0px 10px 0px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
}

ul.CheckItemList2Col li.InputOther {
	width:660px;
}

ul.CheckItemList2Col li label {
	padding-left:10px;
	float:left;
}

* html ul.CheckItemList2Col li label { /* for IE6 */
	padding-top:3px;
}

ul.CheckItemList2Col li p.CheckOtherExample {
	color:#888888;
	float:left;
}

/* @end */

.Checked {
	width:670px;
	margin:10px 0px 0px 20px;
}

/* @group inputQuestion */

#inputQuestion {
	width:680px;
	padding:0px 0px 0px 30px;
}

#inputQuestion textarea {
	width:680px;
	margin:10px 0px 0px 0px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
}

/* @end */

/* @group notePrivacy */

#notePrivacy {
	width:680px;
	height:50px;
	margin:20px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/mailFormPrivacyBg.png);
	background-repeat:no-repeat;
	font-size:11px;
}

#notePrivacy p {
	width:366px;
	height:28px;
	margin:13px 0px 0px 145px;
	padding:0px 0px 0px 0px;
	float:left;
	line-height:1.2em;
}

* html #notePrivacy p { /* for IE6 */
	margin:13px 0px 0px 73px;
	padding:2px 0px 0px 0px;
}

#notePrivacy a:link, #notePrivacy a:visited {
	display:block;
	width:120px;
	height:11px;
	margin:19px 0px 0px 27px;
	padding:2px 0px 0px 3px;
	background-image:url(/japan/inquiry/img/rightArrow.png);
	background-repeat:no-repeat;
	background-position:center right;
	color:#000000;
	text-decoration:none;
	float:left;
}

#notePrivacy a:hover, #notePrivacy a:focus {
	color:#FF9900;
}

/* @end */

/* @group thanksMessage */

#thanksMessage {
	width:680px;
	margin:20px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

#thanksMessage .Message {
	width:660px;
	margin:10px 0px 0px 20px;
}

/* @end */

.Compulsory {
	color:#FF0000;
}

/* @group buttonGroup */

#buttonGroup {
	width:680px;
	height:40px;
	margin:40px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

#buttonReset:link, #buttonReset:visited {
	width:189px;
	height:40px;
	margin:0px 0px 0px 126px;
	padding:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/buttonReset.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonReset:hover, #buttonReset:focus {
	background-image:url(/japan/inquiry/img/buttonResetOver.png);
}

#buttonNext:link, #buttonNext:visited {
	width:189px;
	height:40px;
	margin:0px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/buttonNext.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonNext:hover, #buttonNext:focus {
	background-image:url(/japan/inquiry/img/buttonNextOver.png);
}

#buttonBack:link, #buttonBack:visited {
	width:189px;
	height:40px;
	margin:0px 0px 0px 126px;
	padding:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/buttonBack.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonBack:hover, #buttonBack:focus {
	background-image:url(/japan/inquiry/img/buttonBackOver.png);
}

#buttonSubmit:link, #buttonSubmit:visited {
	width:189px;
	height:40px;
	margin:0px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/buttonSubmit.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonSubmit:hover, #buttonSubmit:focus {
	background-image:url(/japan/inquiry/img/buttonSubmitOver.png);
}

/* @end */

/* @group buttonClose */

#buttonClose {
	width:740px;
	height:20px;
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#buttonClose a {
	width:80px;
	height:20px;
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(/japan/inquiry/img/buttonClose.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:right;
}

/* @end */

#companyLogo a {
	display:block;
	width:210px;
	height:20px;
	margin:21px 0px 0px 12px;
	text-indent:-9999px;
	clear:both;
	float:left;
}

#copyRight {
	margin:30px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:90%;
	color:#4d4d4d;
	float:right;
}

#receptionNumber {
	text-align:right;
	margin-right:30px;
}


.form textarea {
  width: 100%;
}