@charset "utf-8";
/* CSS Document */

.contact strong{
	font-size:125%;
}

.contact .sbox{
	padding:15px;
	border:1px solid #CCCCCC;
	margin-bottom:3em;
}
/* Start.Clearfix */
.contact .box:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}
.contact .box{
	display:inline-block;
	min-height:1%;
}
* html .contact .box{
	height:1%;
}
.contact .box{
	display:block;
}
/* End.Clearfix */


/*----------

.contact .submit

----------*/
.contact .submit{
	text-align:center;
}
/* Start.Clearfix */
.contact .submit:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}
.contact .submit{
	display:inline-block;
	min-height:1%;
}
* html .contact .submit{
	height:1%;
}
.contact .submit{
	display:block;
}
/* End.Clearfix */

.contact .submit .l{
	width:33%;
	text-align:right;
	float:left;
}
.contact .submit .r{
	width:33%;
	text-align:left;
	float:right;
}


/*----------

.contact table.table-01

----------*/
.contact table.table-01{
	width:100%;
	margin:0 0 1em 0;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-collapse:collapse;
}
.contact table.table-01 th{
	padding:5px;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background-color:#F1F1F1;
	white-space:nowrap;
	line-height:1.5em;
}
.contact table.table-01 td{
	padding:5px;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background-color:#FFFFFF;
	line-height:1.5em;
}
.contact table.reset,
.contact table.reset th,
.contact table.reset td{
	border:0;
}


/*----------

.contact table.table-02

----------*/
.contact table.table-02{
	width:100%;
	margin:0 0 1em 0;
	border-collapse:collapse;
}
.contact table.table-02 th{
	padding:5px;
	border-bottom:1px dashed #DDDDDD;
	white-space:nowrap;
	line-height:1.5em;
}
.contact table.table-02 td{
	padding:5px;
	border-bottom:1px dashed #DDDDDD;
	line-height:1.5em;
}
.contact table.reset,
.contact table.reset th,
.contact table.reset td{
	border:0;
}


/*----------

.contact table.form

----------*/
.contact .error{
	color:#FF0000;
}
.contact table.form th,
.contact table.form td{
	padding:0;
	line-height:1.5em;
}
#main-contents .contact table.form td ul,
#main-contents .contact table.form td li{
	padding:0;
	margin:0;
	list-style-type:none;
}
.contact table.form th{
	padding:10px 10px 10px 0;
	font-weight:bold;
}
.contact table.form.table-01 th{
	padding-left:10px;
}
.contact table.form td{
	padding:5px 0;
}
.contact table.form.table-01 td{
	padding-left:10px;
	padding-right:10px;
}
.contact table.form td .table-01 th,
.contact table.form td .table-01 td{
	padding:5px;
	border-bottom:1px solid #DDDDDD;
	vertical-align:middle;
}
.contact table.form .check{
	background-color:#FFEEF7;
}
.contact table.form .reset{
	border:0;
}
.contact table.form ul{
	margin:0 0 5px 0;
}
.contact table.form ul.checkList{
	font-size:90%;
	color:#990000;
}
.contact table.form td input,
.contact table.form td textarea,
.contact table.form td select{
	margin:5px 0;
}


.contact table.form th{
	text-align:left;
	vertical-align:top;
}
.contact textarea{
	width:550px;
	height:100px;
	padding:9px;
	border:1px solid #CCCCCC;
	margin-bottom:3em;
}
.contact table.form th.essential{
	padding-right:35px;
	background-image:url(/contact/images/essential_ic.gif);
	background-position:100% 5px;
	background-repeat:no-repeat;
}
.contact input.w50{
	width:50px;
}
.contact input.w200{
	width:200px;
}
.contact input.w380{
	width:380px;
}
.contact .submitBt{
	width:130px;
	height:25px;
	padding:0;
}
.contact input#address,
.contact input#address2,
.contact input#mail,
.contact input#mail_check{
	width:300px;
}
.contact input#person,
.contact input#person2,
.contact input#daihyo,
.contact input#job{
	width:200px;
}
.contact input#tel,
.contact input#tel2,
.contact input#setsuritsu{
	width:150px;
}
.contact input#zip,
.contact input#total{
	width:100px;
}

/*----------

dl.progressBar

----------*/
dl.progressBar{
	width:450px;
	height:40px;
	margin:0 auto 40px auto;
}
dl.progressBar dt{
	width:150px;
	height:30px;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-position:-450px 50%;
	line-height:30px;
	color:#999999;
}
dl.progressBar.level-1 dt.lv-1,
dl.progressBar.level-2 dt.lv-2,
dl.progressBar.level-3 dt.lv-3{
	color:#333333;
}
dl.progressBar dd{
	width:450px;
	height:10px;
	font-size:10px;
	line-height:10px;
	clear:both;
	background-image:url(/contact/images/index_progress_bar_bg.gif);
	background-repeat:no-repeat;
}
dl.progressBar.level-1 dt.lv-1,
dl.progressBar.level-2 dt.lv-2,
dl.progressBar.level-3 dt.lv-3{
	background-image:url(/contact/images/index_progress_bar_bg.gif);
}
dl.progressBar.level-1 dd{
	background-position:0% 0%;
}
dl.progressBar.level-2 dd{
	background-position:0% -10px;
}
dl.progressBar.level-3 dd{
	background-position:0% -20px;
}

