@charset "Shift_JIS";

/*--------------------------------------------------------------------
contact.html	(お問い合わせ)
contact.css
--------------------------------------------------------------------*/


/*------------Side03のスタイル---------------------------------------------------------------*/
div#Side div#Side03 { display: none; }



/*------------Titleのスタイル---------------------------------------------------------------*/
div#Title h2 { background-image: url(../../img/contact/title.png); }


/*------------TelBoxのスタイル---------------------------------------------------------------*/
div#TelBox { margin-top: 0; }
div#TelBox h3 { background-image: url(../../img/contact/sub_t01.gif); }
div#TelBox div#Telephone {
	padding-top: 101px;
	background: url(../../img/contact/telephone.gif) no-repeat center top;
}
div#TelBox div#Telephone * {
	height: 0;
	overflow: hidden;
}


/*------------FormBoxのスタイル---------------------------------------------------------------*/
div#FormBox { margin-top: 30px; }
div#FormBox h3 { background-image: url(../../img/contact/sub_t02.gif); }

/*メニューボタン*/
div#FormBox div#EntBtn {
	width: 350px;
	float: left;
}
div#FormBox div#NpoBtn {
	width: 350px;
	float: right;
}
div#FormBox div#EntBtn ul li,
div#FormBox div#NpoBtn ul li {
	margin-bottom: 10px;
	list-style: none;
}
div#FormBox div#EntBtn ul li dl dt,
div#FormBox div#NpoBtn ul li dl dt {
	height: 0;
	overflow: hidden;
}
div#FormBox div#EntBtn ul li dl dd a,
div#FormBox div#NpoBtn ul li dl dd a {
	display: block;
	height: 0;
	padding-top: 80px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
div#FormBox div#EntBtn ul li dl dd a:hover,
div#FormBox div#NpoBtn ul li dl dd a:hover { background-position: left bottom; }
div#FormBox div#EntBtn ul li#MBtn01 dl dd a { background-image: url(../../img/contact/mbtn01.jpg); }
div#FormBox div#EntBtn ul li#MBtn02 dl dd a { background-image: url(../../img/contact/mbtn02.jpg); }
div#FormBox div#NpoBtn ul li#MBtn03 dl dd a { background-image: url(../../img/contact/mbtn03.jpg); }
div#FormBox div#NpoBtn ul li#MBtn04 dl dd a { background-image: url(../../img/contact/mbtn04.jpg); }

/*フォームページ*/
div#FormBox span { color: #ed0000; }
div#FormBox table {
	width: 100%;
	margin: 5px 0 15px;
	border-collapse: collapse;
}
div#FormBox table {
	width: 100%;
	margin-top: 5px;
	border-collapse: collapse;
}
div#FormBox table tr th {
	width: 25%;
	padding: 8px 10px;
	background: #e6ecfb;
	border: 1px solid #aaa;
	text-align: left;
	vertical-align: top;
}
div#FormBox table tr td {
	width: auto;
	padding: 5px 10px;
	border: 1px solid #aaa;
	text-align: left;
	vertical-align: middle;
}
div#FormBox table tr td ul {
	width: 100%;
	overflow: hidden;
	list-style: none;
}
div#FormBox table tr td ul li {
	padding-right: 1em;
	float: left;
	white-space: nowrap;
}
div#FormBox table tr td .Inp01 { width: 97%; }
div#FormBox table tr td .Inp02 { width: 47%; }
div#FormBox table tr td .Inp03 { width: 17%; }
div#FormBox table tr td .Inp04 { vertical-align: -0.1em; }
div#FormBox table tr td textarea { height: 250px; }
div#FormBox div#Cautions {
	padding: 8px 10px;
	background: #e6ecfb;
	border: 1px solid #aaa;
}
div#FormBox div#Cautions h4 span {
	display: block;
	padding: 0.1em 0 0.1em 0.3em;
	border-left: 3px solid #0045db;
	font-weight: bold;
	color: #666;
}
div#FormBox div#Cautions ul li {
	list-style: none;
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
div#FormBox div#Cautions ul li:before { content: "※"; }
div#FormBox div#Submit {
	margin-top: 15px;
	text-align: center;
}