@charset "utf-8";
/*mailform.css */


/* -------------------------------------
　　全体の構造
------------------------------------- */

#contact{
	width:640px;
	margin: 0px auto;
	}
#phone{
	width:640px;
	text-align:left;
	margin: 0px auto;
	}
#mail{
	width:640px;
	text-align:left;
	margin: 0px auto;
	}


/* -------------------------------------
　　それぞれの要素
------------------------------------- */

#contact h1{
	font-size:18px;
	color:#ff9900;
	}
#contact h1#hideh1{
	width:640px;  /* 要素の幅 */
	height:0px;  /* cssオフ状態でテキストが表示される */
	padding-top:45px;  /* 置換する画像の高さを確保 */
	overflow:hidden;  /* あふれたテキストを不可視に */
	background:url(../images/mailform.gif) no-repeat;  /* 置換する背景画像の指定 */
	margin:0 0 10px 0;
	}
.headline{
	border-left:5px solid #ff9900;
	border-bottom:1px solid #ff9900;
	padding:0 0 3px 10px;
	margin:40px 0 15px 0;
	}
#phone img{
	float:left;
	margin:0 10px 10px 0;
	vertical-align: middle;
	}
#phone p{
	line-height: 120%;
	}
.clearleft{
	font-size:11px;
	clear:left;
	}
.body{
	font-size:11px;
	margin-top:5px;
	}
.radio{
	margin-left:10px;
	}
.close{
	font-size:9px;
	text-align:center;
	margin-bottom:30px;
	}


/* -------------------------------------
　　テーブルの設定
------------------------------------- */

.msg{
	color:#dd0000;
	margin:2em;
	}
form.back{
	margin-top:2em;
	}
#mail table {
	border:0;
	border-collapse:collapse;
	margin: 10px auto;
	}
#mail table th,td{
	text-align:left;
	border:2px solid #ffffff;
	padding:8px;
	font-weight:normal;
	}
#mail table th{
	background:#f0f0f0;
	width:200px;
	}
#mail table td{
	background:#f0f0f0;
	width:488px;
	}
input.button{
	width:120px;
	}