@charset "UTF-8";


/*title
--------------------------------------------------------------------------------------------------------------*/
#contents h2 {
	background: url(img/title.jpg) no-repeat;
}


/*mailform
--------------------------------------------------------------------------------------------------------------*/
#contents table {
	background: #a1a1a1;
	width: 585px;
	margin: 10px 5px 20px;
}
#contents table th {
	background: #231815;
	padding: 5px 10px;
	vertical-align: top;
	white-space: nowrap;
	color: #fff;
}
#contents table td {
	background: #fff;
	padding: 5px 10px;
	vertical-align: top;
}



/* copyright
------------------------------------------------*/
h3#copy_mr {
	background: none;
	border: none;
	border-top: 1px solid #E8E8E8;
	color: #CCCCCC;
	font-size: 77%;
	margin: 30px 0 0;
	padding: 5px 0 0;
	text-align:right;
}

h3#copy_mr a:link,
h3#copy_mr a:visited,
h3#copy_mr a:hover {
	background: none;
	border: none;
	color:#999;
}


/* tags
------------------------------------------------*/

fieldset { border: 0; }

input {
	padding: 2px 5px;
	margin:2px;
}


/* id,class
------------------------------------------------*/

.caution { color:#FF0000; }


#company{ width:300px;}
#name{ width:300px;}
#zipcode{ width:60px;}
#pref{ width:150px;}
#address{ width:300px;}
#mail{ width:300px;}
#tel01,#tel02,#tel03,#fax01,#fax02,#fax03,#handyphone01,#handyphone02,#handyphone03{ width:40px;}
#homepage{ width:300px;}
#soudan01,#soudan02,#soudan03,#soudan04,#soudan05,#soudan06{ border:none;}
#comment{ width:430px; height:120px;}


#zipcodeselect{
	padding: 2px 5px;
	width: 120px;
}


#error {
	background-color:#FFEEEE;
	border:1px solid #CC3333;
	color:#CC0000;
	line-height:1.6;
	margin:20px 0 50px;
	padding:10px;
}


/* buttons customize
------------------------------------------------*/

/* ----------normal---------- */

#btn_normal {
	text-align: center;
	background: #EEE;
	margin: 30px 0;
	padding: 10px 0;
}

	#btn_normal #next {
		width: 13em;
		padding: 5px;
	}
	
	#btn_normal #reset {
		padding: 5px;
		margin-left: 20px;
	}
	
	#btn_normal #back {
		padding: 2px 5px;
	}




/* ----------graphical---------- */

#btn_graphical {
	text-align: center;
	padding: 40px 0px;
}

	#btn_graphical button {
		padding: 0.5em 1em 0.5em 2.3em;
		border:1px solid #ccc;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		font-weight:bold;
		white-space: nowrap;
		cursor:pointer;
		margin: 0 0.5em;
	}


/*確認画面へ*/

#btn_graphical #next {
	font-size:15px;
	color:#529214;
	background: url(img/tick.gif) no-repeat left center;
	background-color:#f5f5f5;
}

	#btn_graphical #next:hover {
		background-color:#E6EFC2;
		color:#529214;
	}


/*リセット*/

#btn_graphical #reset {
	font-size: 15px;
	color: #D12F19;
	background: url(img/cross.gif) no-repeat left center;
	background-color: #f5f5f5;
}

	#btn_graphical #reset:hover {
		background-color: #FBE3E4;
		color: #D12F19;
	}


/*戻る*/

#btn_graphical #back {
	font-size:15px;
	color:#336699;
	background: url(img/back.gif) no-repeat left center;
	background-color:#f5f5f5;
}

	#btn_graphical #back:hover {
		background-color: #dff4ff;
		color: #336699;
	}