@charset "utf-8";	

/*==============================	
	((CSS INDEX))

	CSS for Top Page
	
==============================*/

div.ssl{
	width :100%;
	border: 1px solid #F3F1EC;
	margin: 20px 0 0 0;
}

.borderBox {
border:1px solid #999;
background: #F3F1EC;
}


h2 {
margin-top:30px;
}


.figTitle {
border-left:6px solid #FE9A00;
padding-left:4px;
margin-bottom:5px;
clear: both;
}

.headline1 {
background: url(../contact/images/headline1.gif) no-repeat left bottom;
font-size:140%;
line-height:120%;
padding-bottom:6px;
margin-bottom:12px;
}

.note{
	color: #CC0000;
}

.privacyStatement {
margin-top:22px;
background: #F3F1EC;
padding:18px;
}

#privacyAgreeBox {
background: #F3F1EC;
padding:0 18px 18px 18px;
}

.privacyStatementScroll {
border:1px solid #CCCCCC;
background-color:#FFFFFF;
padding:10px;
height:200px;
overflow:auto;
scrollbar-base-color:#FFF;
scrollbar-face-color:#FFF;
scrollbar-track-color:#CCCCCC;
scrollbar-arrow-color:#999;
scrollbar-highlight-color:#FFF;
scrollbar-shadow-color:#FFF;
scrollbar-3dlight-color:#e8e8e8;
scrollbar-darkshadow-color:#e8e8e8;
}

/*------submitBottom-----*/
.fotmBtn{
	border-top:2px dotted #999999;
	text-align: center; 
	margin: 2em auto 1em;
	padding: 0 0;
}
.fotmBtn input{
	color:#FFFFFF;
	padding:0.2em 1em;
	margin:2em 1em;
	border:1px solid #FFFFFF;
	background: url(../contact/images/bg_formbtn.gif) 0 0 repeat-x #666666;
	font-weight:bold;
	font-size:120%;
}

.fotmBtn input.submitBtn, 
.fotmBtn input.backBtn {
letter-spacing:1em;
}

body .fotmBtn input.submitBtn, 
body .fotmBtn input.backBtn {
	padding-left:2em;
}

* html .fotmBtn input.submitBtn, 
* html .fotmBtn input.backBtn {
	padding-left:1em;
}

*:first-child+html input.submitBtn, 
*:first-child+html .fotmBtn input.backBtn {
	padding-left:1em;
}


.fotmBtn input:hover{
	padding:0.2em 1em;
	margin:2em 1em;
	border:1px solid #FFFFFF;
	background: url(../contact/images/bg_formbtn_on.gif) 0 0 repeat-x #FE9A00;
}
input.border, textarea.border{
	border:1px solid #999;
	margin:1px 0 1px 0;
}
input.border:focus, textarea.border:focus{
background-color:#FCF1CA;
}
input{
	ime-mode: active;
}
.ime{
	ime-mode: inactive;
}

/*------inputField-----*/
.contactForm {
background-color:#F0EDED;
/*zoom:1;*/
}
.contactForm dt {
	width:12em;
	margin-right:-12em;
	float:left;
	padding-left:0.5em;
	padding-top:0.2em;
	padding-bottom:0.1em;
	border-top:6px solid #FFFFFF;
}

.contactForm dd {
	margin:0 0 0 12.5em;
	padding-left:0.5em;
	padding-top:0.2em;
	padding-bottom:0.6em;
	line-height:130%;
	background-color:#FFFFFF;
	border-top:6px solid #FFFFFF;
}

/*thankYouMessage*/
.thankYouMessage {
	margin-bottom:100px;
	border:1px solid #CCCCCC;
	padding:16px;
	margin: 20px 0 0 0;
}

.thankYouMessage h3 {
	font-size:140%;
	margin-bottom:22px;
}

div.ssl p.txt{
	width:583px;
	margin: 1px 1px 0 1px;
	background: #F3F1EC;
	padding:20px;
}

div.ssl p.txt02{
	width:583px;
	margin: 0 1px 0 1px;
	background: #F3F1EC;
	padding:0 20px 20px 20px;
}

div.ssl p.btn{
	width:623px;
	margin: 0 1px 1px 1px;
	padding: 0 0 20px 0;
	background: #F3F1EC;
	text-align: center;
}

p.line{
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px dashed #999;
}

ul.red-disc{
	margin: 10px 0 20px 20px;
}

ul.red-disc li{
	background: url(../contact/images/ico_red_disc.gif) 0 7px no-repeat;
	padding: 0 0 0 15px;
	color: #CD1249;
}

ul.red-disc li img{
	vertical-align: middle;
	margin: 0 3px 0 0;
}

div.contact-form{
	width: 625px;
	background: #F3F1EC;
	padding: 10px 0 10px 0;
	margin: 15px 0 0 0 ;
}

div.contact-form h3{
	padding:8px 8px 10px 8px;
	background: #E7E6CA;
}

div.contact-form h3 span.left-line{
	border-left: 4px solid #FF9900;
	padding-left: 8px;
}

div.contact-top{
	width:605px;
	background: #FFF;
	margin: 0 0 20px 10px;
	padding-bottom: 10px;
}


div.product-list{
	width: 585px;
	background: #F3F1EC;
	margin: 10px 10px 0 10px;
}

div.product-list p.customer{
	padding: 15px 20px 5px 20px;
	font-weight: bold;
}

div.product-list p{
	padding: 0 20px 10px 20px;
}

ul.left-list{
	width: 260px;
	float: left;
	padding: 0 0 15px 30px;
}

ul.left-list li{
	margin: 0 0 3px 0;
}

ul.right-list{
	width: 260px;
	float: right;
	padding: 0 0 15px 0;
}

ul.right-list li{
	margin: 0 0 3px 0;
}

table.form-area {	
	width:586px;
	margin: 10px;
	border:none;
	border-top:dashed 1px #999;
	border-bottom:none;
	border-left:none;
	border-right:dashed 1px #999;
	border-collapse: collapse;
}

table.form-area td{
	background: url(../common/line_tate.png) left top repeat-y;
	border-bottom:dashed 1px #999!important;
	padding:8px 10px 8px 10px;
}

table.form-area th{
	width: 35%;
	background:url(../common/line_tate.png) left top repeat-y #F3F1EC !important;
	padding:8px 10px 8px 10px;
}

table.form-area td input.txt-area{
	width: 120px;
	margin: 0 20px 0 5px;
}

table.form-area td input.txt-area02{
	width: 260px;
	margin: 0 20px 0 0;
}

table.form-area td input.txt-area02-02{
	width: 320px;
	margin: 0 20px 0 0;
}

table.form-area td input.txt-area03{
	width: 320px;
	height: 100px;
	margin: 0 20px 0 0;
}

table.form-area td span.name{
	margin-right: 0.7em;
}

table.form-area td input.phone-area{
	width: 70px;
	margin: 0 5px 0 5px;
}

table.form-area td input.address-area{
	width: 80px;
	margin: 0 5px 0 5px;
}

table.form-area td input.first{
	margin: 0 5px 0 0;
}

ul.contact{
	margin: 10px 20px 10px 20px;
}
ul.contact li{
	margin: 0 0 3px 0;
}

table.ttl{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none !important;
}

table.ttl th,
table.ttl td{
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

table.ttl td.ico{
	text-align: right;
}

div.contact-form p.btn{
	width:586px;
	padding: 0 0 0 20px;
	text-align: center;
}