@charset "shift_jis";

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

CSS Information

Site URI:       http://www.alpolic.com/japan/
File URI:       http://www.alpolic.com/japan/contact/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/contact/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/contact/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/contact/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/contact/img/mailFormStepArrow.png);
	background-repeat:no-repeat;
	float:left;
}

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

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

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

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

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

#stepDoneSelect {
	width:140px;
	height:18px;
	margin:0px 0px 0px 0px;
	background-image:url(/japan/contact/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/contact/img/h1MailForm.png);
	background-repeat:no-repeat;
}

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

#inputNotice p {
	color:#FF0000;
}

/* @group inputProfile */

#inputProfile {
	display:block;
	width:680px;
	margin:20px 30px 0px 30px;
}

#inputProfile .ProfileTop {
	width:680px;
	height:52px;
	background-image:url(/japan/contact/img/mailFormProfileBgTop.png);
	background-repeat:no-repeat;
}

* html #inputProfile .ProfileTop { /* for IE6 */
	display:inline;
}

#inputProfile .ProfileMiddle {
	width:680px;
	height:51px;
	background-image:url(/japan/contact/img/mailFormProfileBgMiddle.png);
	background-repeat:no-repeat;
}

* html #inputProfile .ProfileMiddle { /* for IE6 */
	display:inline;
}

#inputProfile .ProfileBottom {
	width:680px;
	height:51px;
	background-image:url(/japan/contact/img/mailFormProfileBgBottom.png);
	background-repeat:no-repeat;
}

* html #inputProfile .ProfileBottom { /* for IE6 */
	display:inline;
}

#inputProfile p {
	width:170px;
	height:30px;
	padding:20px 0px 0px 0px;
	text-indent:15px;
	float:left;
}

#inputProfile div {
	/*width:510px;*/
	width:260px;
	height:33px;
	padding:17px 0px 0px 0px;
	text-indent:15px;
	float:left;
}

#inputProfile input.InputText1 {
	width:230px;
	margin:0px 0px 0px 10px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
	float:left;
}

#inputProfile input.InputText2 {
	width:50px;
	margin:0px 0px 0px 10px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
	float:left;
}

#inputProfile p.DisplayText1 {
	width:230px;
	height:15px;
	_height:18px;
	margin:0px 0px 0px 10px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	float:left;
}

#inputProfile p.DisplayText2 {
	width:90px;
	height:15px;
	_height:18px;
	margin:0px 0px 0px 10px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	float:left;
}

#inputProfile p.Hyphen {
	width:10px;
	height:15px;
	_height:18px;
	margin:0px 0px 0px 10px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	text-align:center;
	color:#AAAAAA;
	float:left;
}

#inputProfile p.InputExample {
	width:230px;
	height:15px;
	_height:18px;
	margin:17px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	color:#888888;
	float:left;
}

/* @end */


/* @group confirmProfile */

#confirmProfile {
	display:block;
	width:680px;
	margin:20px 30px 0px 30px;
}

#confirmProfile .ProfileTop {
	width:680px;
	height:52px;
	background-image:url(/japan/contact/img/mailFormProfileBgTop.png);
	background-repeat:no-repeat;
}

* html #confirmProfile .ProfileTop { /* for IE6 */
	display:inline;
}

#confirmProfile .ProfileMiddle {
	width:680px;
	height:51px;
	background-image:url(/japan/contact/img/mailFormProfileBgMiddle.png);
	background-repeat:no-repeat;
}

* html #confirmProfile .ProfileMiddle { /* for IE6 */
	display:inline;
}

#confirmProfile .ProfileBottom {
	width:680px;
	height:51px;
	background-image:url(/japan/contact/img/mailFormProfileBgBottom.png);
	background-repeat:no-repeat;
}

* html #confirmProfile .ProfileBottom { /* for IE6 */
	display:inline;
}

#confirmProfile p {
	width:170px;
	height:30px;
	padding:20px 0px 0px 0px;
	text-indent:15px;
	float:left;
}

#confirmProfile div {
	width:510px;
	height:33px;
	padding:17px 0px 0px 0px;
	text-indent:15px;
	float:left;
}

#confirmProfile p.DisplayText1 {
	width:490px;
	height:15px;
	_height:18px;
	margin:0px 0px 0px 10px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	float:left;
}

#confirmProfile p.DisplayText2 {
	width:90px;
	height:15px;
	_height:18px;
	margin:0px 0px 0px 10px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	float:left;
}

#confirmProfile p.Hyphen {
	width:10px;
	height:15px;
	_height:18px;
	margin:0px 0px 0px 10px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	text-align:center;
	color:#AAAAAA;
	float:left;
}

#confirmProfile p.InputExample {
	width:230px;
	height:15px;
	_height:18px;
	margin:17px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-indent:0px;
	color:#888888;
	float:left;
}

/* @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;
	height:180px;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

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

/* @end */

/* @group inputCheckUse */

#inputCheckUse {
	width:680px;
	height:180px;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

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

/* @end */


/* @group inputCheckEmphasis */

#inputCheckEmphasis {
	width:680px;
	height:180px;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

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

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

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

/* @end */


/* @group CheckItemList */

ul.CheckItemList4Col {

}

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 0px 0px 10px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
}

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

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

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

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

ul.CheckItemList3Col {

}

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 0px 0px 10px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
}

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

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

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

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


ul.CheckItemList2Col {

}

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 0px 0px 10px;
	background-color:#F4FAFD;
	border:solid 1px #CCCCCC;
}

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

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

* html ul.CheckItemList2Col li p { /* 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;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}

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

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

/* @end */

/* @group notePrivacy */

#notePrivacy {
	width:680px;
	height:50px;
	margin:20px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	background-image:url(/japan/contact/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/contact/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 */

p.MessageInfo {
	width:640px;
	margin:20px 0px 0px 20px;
	padding:20px 0px 20px 20px;
	border:solid 1px #333333;
}

.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/contact/img/buttonReset.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonReset:hover, #buttonReset:focus {
	background-image:url(/japan/contact/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/contact/img/buttonNext.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonNext:hover, #buttonNext:focus {
	background-image:url(/japan/contact/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/contact/img/buttonBack.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonBack:hover, #buttonBack:focus {
	background-image:url(/japan/contact/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/contact/img/buttonSubmit.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

#buttonSubmit:hover, #buttonSubmit:focus {
	background-image:url(/japan/contact/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/contact/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;
}