@charset "utf-8";
/*
	Since:21 Jul 2010
	Last-Updated:22 Jul 2010
	Editor:Masataka Asakura
*/


/*
-------------File Contents--------------
		
		1. main visual
		
		2. index
		
		3. form
		
		4. tel-fax box

------------------------------------------*/


/*================================================
								1. main visual
================================================*/
#mv{
	height:278px;
}

h2#page-title{
	margin-top:57px;
}
h3#mv-copy{
	margin-top:47px;
}

#mv-copy-wrap{
	width:375px;
}
#mv-pic{
	top:23px;
	left:487px;
}

/*================================================
								2. index
================================================*/
#index-wrap{
	padding:1.5em 0;
	border-bottom:1px solid #ccc;
	text-align: left;
}
h4#index-heading{
	text-align:left;
}
#index-link{
	margin-top:20px;
}

.index-box{
	margin-right:12px;
	padding:8px 20px 18px 20px;
	background:url("../images/bg_index.png") no-repeat left top;
	width:252px;
	height:175px;
	float:left;
}
#index-fax{
	margin-right:0!important;
}
.index-pic{
	margin:0 auto;
	padding-top:5px;
	text-align:center;
}
.index-pic img{vertical-align: bottom;}

#index-pic-tel{
	padding-top:30px;
	padding-right:1em;
}


ul.index-detail{
	margin:0 auto;
	font-size: 93%;
	text-align:center;
}
ul.index-detail a{
	padding-left:8px;
	background:url("../../images/li/triangle_blue6px.gif") no-repeat left center;
}
ul.index-detail a, ul.index-detail a:link{
	text-decoration:none!important;
}
ul.index-detail a:hover{
	text-decoration:underline!important;
}


.bl-hover ul.index-detail li a{
	text-decoration:underline!important;
	color:#f30!important;
}

#privacy-notes{
	padding-top:1em;
	clear:both;
}

#privacy-notes p{
	color:#565656;
	font-size: 93%;
}
#privacy-notes ul{
	margin:0.5em 0 0 0.5em;
}
#privacy-notes ul a{
	padding-left:8px;
	background:url("../../images/li/triangle_blue6px.gif") no-repeat left center;
	font-size: 85%;
}
#privacy-notes ul a:hover{text-decoration:underline;}


/*================================================
								3. form
================================================*/
#net-wrap{
	padding-top:3em;
	margin:0 auto;
	text-align:center;
	width:750px;
}

h4#net-heading{
	text-align:left;
}

#form-wrap{
	margin:3em auto 0 auto;
	text-align:center;
	width:750px;
}
h5.step-heading{
	margin:40px auto 0 auto;
	text-aling:center;
}

p.caution{margin-top:1em;font-size: 108%;}
p.caution span{background:url(../images/caution.png) no-repeat left center;padding-left:22px;}

div#mailfrom_hidden_object{
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.form-table{
	width:749px;

}
.form-table th{
	padding: 0.8em 49px 0.7em 2em;
	background-color:#ececec;
	width: 25%;
	vertical-align: middle;
}
.form-table td{
	padding: 0.8em 1.5em 0.7em 1.5em;
	width: 75%;
}
tr.require-tr th{
	background:#ececec url("../../images/btn_required.gif") no-repeat 95% center;
}

p.table-note{
	margin-bottom: 0.2em;
	font-size: 93%;
	color:#444;
}
p.table-note-bottom{
	margin-top: 0.2em;
	line-height: 1.4;
	font-size: 85%;
	color:#555;
}

table a, table a:link{
	text-decoration: underline!important;
}
.input-left{
	margin-right:1em;
	width: 30%;
}

label.error{
	margin-left:0.5em;
	color:#c30!important;
	font-weight:bold!important;
}

#product label.error{
	display: none;
	margin-left:0;
}
#product label.error span{
	display:block;
	margin-top:1em!important;

}
#kan-name label.error, 
#kana-name label.error{
	margin-top:1em!important;
	margin-left:0;
}
#company-name label.error, 
#mails label.error{
	margin-top:0.5em!important;
	margin-left:0;
	display:block;
}
#tel label.error, #fax label.error, #zip label.error{
	margin-top:0.5em!important;
	margin-right:2em;
	display:block;
	float:right;
}
input.error, input:focus.error, 
textarea.error, textarea:focus.error{border:1px solid #f00;color:#f00!important;}

span.address-empty{margin-right:1em;}
span.no-entered{color:#777;}

/*================================================
								4. tel-fax box
================================================*/

#tel-fax-wrap{
	clear:both;
	margin-top:4em;
}


.tel-fax-box{
	padding:20px 20px 6px 20px;
	border:1px solid #ccc;
	width:388px;
	text-align:left;
}

#tel-box{float:left;}
#fax-box{float:right;}

h4.box-heading{
	backgroung:no-repeat 0 0;
	text-indent:-9999em;
	overflow:hidden;
}
.box-number{
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	text-align:center;
	width:295px;
}
#tel-number{margin-top:25px;}
#fax-number{margin-top:20px;}

#btn-fax-sheet{
	margin:10px auto 0 auto;
	text-align:center;
	width:174px;
}


.bl-hover p{
	color:#333!important;
}

/*--送信ボタン--*/
#form-btn-wrap, #form-btn-wrap2{
	margin:2em auto 0 auto;
	text-align:center;
	width:350px;
}
#submit-btn-wrap p{
	margin:0 auto;
	text-align:center;
}
#submit-btn-wrap div{
	margin:0.5em auto 0 auto;
	text-align:center;
	width:200px;
}


#next, #next2{
	color:#fff;
	float:right;
	display: block;
	border:0px solid #a20000;
	text-indent:-9999em;
	overflow:hidden;
	width: 109px;
	height:30px;
	cursor: pointer ;
}


#next.ui-formwizard-button.ui-wizard-content.ui-helper-reset.ui-state-default{
	background:url("../../images/btn/next_off.png") no-repeat center;
}
#next.ui-wizard-content.ui-state-default.ui-state-active:hover{
	background:url("../../images/btn/next_on.png") no-repeat center;
	cursor: pointer ;
}

#next2.ui-formwizard-button.ui-wizard-content.ui-helper-reset.ui-state-default{
	background:url("../../images/btn/confirm_off.png") no-repeat center;
}

#next2.ui-formwizard-button.ui-wizard-content.ui-helper-reset.ui-state-default:hover{
	background:url("../../images/btn/confirm_on.png") no-repeat center;
	cursor: pointer ;
}



#back.form-btn{
	background:url("../../images/btn/back_off.png") no-repeat center;
	color:#fff;
	float:left;
	display: block;
	border:0px solid #a20000;
	text-indent:-9999em;
	overflow:hidden;
	width: 109px;
	height:30px;
	cursor: pointer ;
}
#back.form-btn:hover{
	background:url("../../images/btn/back_on.png") no-repeat center;
	cursor: pointer ;
}
#back.ui-state-disabled, #back.ui-state-disabled:hover{
	background:url("../../images/btn/back_none.png") no-repeat center;
	cursor: default;
}


/*================================================
								5. confirm
================================================*/
p.table-note-bottom-red{
	margin-top: 0.2em;
	line-height: 1.4;
	font-size: 85%;
	font-weight: bold;
	color:#c00;
}

#form-btn-wrap3{
	margin:2em auto 0 auto;
	text-align: center;
	width:350px;
	height: 60px;
	overflow: hidden;
}

#confirm-back{
	float:left;
	width: 109px;
	height:30px;
}
#confirm-next{
	float:right;
	width: 109px;
	height:30px;
	overflow: hidden;
}


#button_mfp_goconfirm{
	width: 109px;
	height:30px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../../images/btn/confirm.png);
	/*text-indent: -5000px;*/
	border: none;
	border-style: none;
	cursor: pointer;
}


/*================================================
								6. confirm(blackout)
================================================*/
ul.confirm_layer {
	width:749px;
	padding: 0px;
	margin: 0;
}
ul.confirm_layer li {
	list-style: none;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#disabled_submit input {
	margin: 10px;
}
table.infield {
	width:100%;
	margin:20 auto 0 auto;
	padding:0;
	text-align:center;
}
table.infield tr th {
	padding: 5px;
	margin: 0px;
	text-align: right;
	font-size: 14px;
	border-bottom: solid 1px #ccc;
	color: #232323;
	width:25%;
	background-color:#ececec;
}
table.infield tr td {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;
	background-color:#fff;
	width:75%;
}
table.infield tr td p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	border-left: solid 2px #CCCCCC;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}
/*
table.infield tr th.mfp_color, 
table.infield tr td.mfp_color {
	background-color: #E8EEF9;
}
*/
div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}
div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0px auto 0px auto;
}
div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding-top:30px;
	text-align: center;
	width:74px;
}
div.buttons {
	margin: 25px auto 0px auto;
	width:749px;
}
.btn-wrap{width:300px;margin:0 auto;text-align: center;}
.cancel{
	float:left;
}
.submit{
	float:right;
}


div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}
div#confirmBody .steps-process{width:100%;}
div#confirmBody .steps-process img{
	margin-top:10px;
	display:block;
	vertical-align:bottom;
}