@charset "utf-8";
/**
 * form.css 
 * (c) FOURDIGIT Inc.
 *
 * 1. html, body
 * 2. HTMLtag, siteCommonClass
 * 3. Layout
 * 4. EachPageStyle
 *
 */
/**
 * 1. html, body
 */
	body {
		background-color: #19110e;
	}
	#form {
		color: #666666;
		font-size: 0.9em;
		line-height: 1.3em;
	}
/**
 * 2. HTMLtag, siteCommonClass
 */
/* heading */
	#form .contentTitleTxt {
		display: block;
		margin: 0;
		padding: 18px 20px 12px 135px;
		font-weight: bold;
		font-size: 1.4em;
		line-height: 1.5em;
		color: #5a504d;
		background-color: transparent;
		background-repeat: no-repeat;
		background-image: url(../../../tlf/imgs/common/logo-form.gif);
		background-position: left top;
		
		height: 1.5em; /* edit by miyazawa@n-i-agroinformatics.com */
	}
	#form .section .title {
		margin-bottom: 20px;
		padding-left: 10px;
		height: 30px;
		font-size: 0.9em;
		font-weight: bold;
		color: #6a5e5b;
		line-height: 2.4em;
		background-color: transparent;
		background-repeat: no-repeat;
		background-image: url(../../imgs/bg-h4-2.gif);
		background-position: left top;
	}

/* form common */
	#form input {
		border: 1px solid #ccc;
		background-color: #fff;
		vertical-align: top;
		line-height: 1.6em!important;
	}
	#form option {
		display: block!important;
		overflow: hidden;
	}
	#form textarea {
		border: 1px solid #ccc;
		width: 640px;
		height: 120px;
	}
	#form .checkBoxes label {
		display: block;
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
		width: 200px;
		line-height: 1.4em!important;
		cursor: pointer;
	}
	#form #submitBtnArea img {
		cursor: pointer;
	}
	#form .textInput {
		width: 310px;
	}
	#form .phone .textInput {
		width: 60px;
	}
	#form .onThis {
		background-color: #e4f0fd;
		border: 1px solid #64a8f2;
	}
	#form span.txts {
		padding-top: 2px;
	}
	#form span.names {
		padding-top: 2px;
	}
	#form .nameArea {
		position: relative;
	}
	#form .nameArea input {
		margin-bottom: 4px;
	}
	.safari #form label {
		padding-top: 3px;
	}
	.safari #form span.names,
	.safari #form span.txts {
		padding-top: 5px;
	}
	#form span.names {
		position: absolute;
		left: 115px;
		width: 55px;
	}
	#form .inputBtns {
		background-color: transparent;
		border: none;
	}
	#form a {
		font-weight: bold;
	}
	.hidden {
		display: none;
	}

	/* endInfoReserve */
	#form a.endInfoReserve {
		background-image: url(../../imgs/bt-reserve2.gif);
	}
	#form .whiteBox a.endInfoReserve {
		background-image: url(../../imgs/bt-reserve3.gif);
	}

/**
 * 3. Layout
 */
	#form #gFooter,
	#form #gHeader,
	#form #wrapper,
	#form #mainContent {
		margin: 0;
		padding: 0;
		width: auto;
		background-image: none;
	}
	#form #wrapper {
		background-color: transparent;
		background-image: url(../../imgs/bg-others.gif);
		background-repeat: repeat-x;
		background-position: left top;
	}
	#form #gHeader {
		position: relative;
		padding-top: 0!important;
		padding-bottom: 2px;
		height: 50px;
		background-color: #f5f6f4;
		background-repeat: repeat-x;
		background-image: url(../../imgs/bar-02.gif)!important;
		background-position: left bottom;
	}
	#form #hNav {
		position: absolute;
		right: 20px;
		top: 25px;
	}
	#form #container {
		width: 960px;
		text-align: left;
		background-color: #ecedea;
	}
	#form #mainContent {
		padding: 20px;
	}
	#form #copyright {
		height: 60px;
		background-image: url(../../imgs/copyright-form.gif);
	}
	#form #copyright a {
		display: none;
		background-image: none;
	}

/**
 * 4. EachPageStyle
 */
/* #form */
	#form #mainContent .whiteBox .title {
		margin-bottom: 8px;
		color: #9d3f01;
		font-weight: bold;
	}
	#form .num {
		padding-left: 20px;
		color: #5a504d;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.3em;
		background-color: transparent;
		background-repeat: no-repeat;
		background-image: url(../../imgs/blt-phone.gif);
		background-position: left 0.2em;
		/background-position: left 0.3em;
	}
	#form .num em {
		font-size: 0.8em;
		font-style: normal;
	}
	#form strong {
		color: #9d3f01;
	}

/* formlist */
	#form .formList,
	#form .formList li {
		display: block;
		padding-top: 2px;
		background-color: transparent;
		background-image: url(../../imgs/bar-07.gif);
		background-repeat: repeat-x;
		background-position: left top;
	}
	#form .formList {
	}
	#form .formList li {
		clear: both;
		margin-bottom: 0!important;
		margin-bottom: -3px;
		padding: 5px 0 7px;
		zoom: 1;
		background-color: #ffffff;
		background-position: left bottom;
	}
	#form .formList li dl {
		margin: 0;
		padding: 0;
		border: 0;
	}
	#form .formList li * {
		vertical-align: top;
		display: inline-block;
	}
	#form .formList li:after {
		content: ".";
		display: block;
		visibility: hidden;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
	}
	#form .formList li li {
		display: block;
		margin: 0;
		padding: 0;
		width: auto;
		background-image: none;
		background-color: transparent;
	}
	#form .formList dt {
		float: left;
		padding: 3px 15px;
		width: 140px;
		font-weight: bold;
		color: #554946;
		font-size: 0.9em;
	}
	#form .formList dd {
		float: right;
		border-left: 1px solid #c0c0be;
		padding: 3px 15px 3px 11px;
		font-size: 0.9em;
		width: 720px;
	}

/* error */
	#form #errorBox {
		padding: 16px 18px 16px 83px;
		border: 2px solid #9d3f01;
		border: 2px solid #9d3f01;
		background-color: #fff8d2;
		background-image: url(../../imgs/bg-form-error.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#form #errorBox strong {
		font-size: 1.2em;
		line-height: 1.8em;
		color: #9d3f01;
	}
	#form .formList li.error {
		background-color: #fff8d2;
	}
	#form .formList li.error li {
		background-color: transparent;
	}
	#form .error span.errorTxt {
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 30px;
		display:block;
		font-weight: bold;
		font-size: 0.8em;
		line-height: 1.9em;
		color: #9d3f01;
		background-color: transparent;
		background-image: url(../../imgs/blt-error.gif);
		background-repeat: no-repeat;
		background-position: left -1px;
	}

/* hasQuestion */
	#form #hasQuestion {
		display: none;
	}

/* confirm */
	#form .confirmBox {
		border: 2px solid #ae8d4c;
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#form .confirmBox .formList {
		background-image: none;
	}
	#form .confirmBox .formList li {
		clear: both;
		border-bottom: 1px solid #d2d2d1;
		background-color: #ffffff;
		background-image: none;
	}
	* html #form .confirmBox .formList li {
		border-bottom: 4px solid #d2d2d1;
	}
	#form .confirmBox .formList li.lastItem {
		border: none;
	}
	#form .confirmBox .formList li dt,
	#form .confirmBox .formList li dd {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #554946;
		font-weight: bold;
	}
	#form .confirmBox .formList li dd {
		padding-left: 14px;
	}
	#form #endArea li {
		display: inline;
		vertical-align: middle;
		line-height: 42px;
	}
	#form #endArea li img {
		vertical-align: middle;
	}
	#form .endBtn a {
		padding-left: 25px;
		font-weight: bold;
		background-color: transparent;
		background-image: url(../../imgs/blt-footlink.gif);
		background-repeat: no-repeat;
		background-position: 15px top;
	}
	#form .endBtn a:hover {
		background-image: url(../../imgs/blt-footlink_ov.gif);
	}

/* complete */
	#form .completeBox,
	#form .completeBox2 {
		border: 2px solid #ae8d4c;
		padding: 18px;
		background-color: #fff8d2;
	}
	#form .completeBox .listLine li {
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #9d3f01;
	}
	#form .completeBox2 {
		text-align: center;
		background-color: #fff;
	}
	#form .whiteBox em,
	#form .completeBox ul.listLine li em,
	#form .completeBox2 em {
		font-style: normal;
		font-weight: bold;
	}
	#form .whiteBox strong,
	#form .completeBox2 strong {
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.4em;
	}
	#form .whiteBox {
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #cacbc9;
		border-left: 1px solid #ffffff;
		background-color: #f5f6f4;
	}
	#form #stepList li,
	#form #stepList2 li {
		padding-right: 40px;
		width: 280px;
		background-color: transparent;
		background-image: url(../../imgs/bg-form-steparrow.gif);
		background-repeat: no-repeat;
		background-position: right -65px;
		zoom: 1;
	}
	#form #stepList li.lastItem,
	#form #stepList2 li.lastItem {
		padding-right: 0!important;
		background-color: transparent;
		background-image: none;
	}
	#form #stepList li div.wrap,
	#form #stepList2 li div.wrap {
		padding: 19px;
		border: 1px solid #ecedea;
		border-right: 1px solid #cccdcb;
		border-bottom: 1px solid #d2d2d2;
		width: 240px;
		background-color: #fff;
	}

	#form #stepList,
	#form #stepList2 {
		padding-bottom: 20px;
		font-size: 0.9em;
	}
	#form #stepList2 li {
		width: 440px;
		background-position: right -75px;
	}
	#form #stepList2 li div.wrap {
		width: 400px;
	}
	#form #stepList2 li .wrap .thumb {
		float: right;
		width: 160px;
	}
	#form .formMoreInfo {
		background-color: transparent;
		background-image: url(../../imgs/bar-form-01.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}
	#form .formMoreInfo li {
		position: relative;
		margin-right: 20px;
		margin-bottom: 9px;
		padding-bottom: 11px;
		background-color: transparent;
		background-image: url(../../imgs/bar-07.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		width: 450px;
		font-size: 0.6em;
		line-height: 1.4em;
	}
	#form .formMoreInfo li.oddLine {
		margin-right: 0;
	}
	#form .formMoreInfo li .wrap:after {
		content: ".";
		display: block;
		visibility: hidden;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
	}
	#form .formMoreInfo li .thumb {
		float: left;
	}
	#form .formMoreInfo li .rContent {
		float: right;
		width: 275px;
		font-size: 1.4em;
		line-height: 1.5em;
	}
	#form .formMoreInfo li .rContent .title {
		margin-top: 10px;
		margin-bottom: 5px;
		padding-left: 0;
		height: auto;
		font-weight: bold;
		font-size: 1.0em;
		line-height: 1.4em;
		color: #5a504d;
		background-image: none;
	}
	#form .formMoreInfo li .rContent .importantLink a {
		position: absolute;
		left: 175px;
		bottom: 15px;
		width: 200px;
		font-size: 0.8em!important;
		line-height: 1.1em!important;
	}

/* inquiry */
	#form .selectPlace label {
		float: left;
		margin-right: 20px;
		border-top: 1px solid #fafaf9;
		border-right: 1px solid #d0d1d0;
		border-bottom: 1px solid #cacbc9;
		border-left: 1px solid #ffffff;
		padding: 30px 170px 30px 14px;
		width: 264px;
		background-color: #f5f6f4;
		background-repeat: no-repeat;
		background-position: right top;
		cursor: pointer;
	}
	#form #selectPlaceB label {
		float: right;
		margin-right: 0;
	}
	#form .selectPlace label.ovThis,
	#form .selectPlace label.onThis {
		border: 1px solid #ae8d4c;
	}

/* question */
	#form .inlines p {
		float: left;
	}