@charset "utf-8";

/* FAMILYEXTERIOR CONTACT.CSS  */


/*---------------------------------------
*	
*	00.CONTACT
*
*	MODULES
*		MO_01.CLEARFIX
*		MO_02.TEXT
*		MO_03.LIST
*
*--------------------------------------*/



/**--------------------------------------
	00.CONTACT
---------------------------------------**/

div.contact
{
	padding: 25px 0;
	background: #FFF;
}

#formBox
{
	margin: 0 0 35px 0;
	padding: 0 0 0 25px;
	width: 640px;
}

#formBox h2
{
	margin: 0 0 20px 0;
}

#formBox p
{
	margin: 0 0 8px 0;
}

#formBox p.dLink
{
	margin: 0 0 40px 0;
	padding: 0 0 0 13px;
	background: url(../../common/images/cmn_inpage_link_ico.gif) no-repeat 0 11px;
}

#formBox p.dLink a
{
	color: #999900;
}

#formBox h3
{
	margin: 0 0 20px 0;
}

#formBox form h3
{
	margin: 0 0 30px 0;
}

#formBox table.clientInfo
{
	margin: 0 0 50px 0;
}

#formBox table
{
	width: 640px;
	border-collapse: collapse;
}

#formBox table th
{
	width: 130px;
}

#formBox table th,
#formBox table td
{
	padding: 6px 3px;
}

#formBox table input,
#formBox table textarea
{
	padding: 5px;
	border: 1px solid #DDD;
	background-color: #EEE;
}

#formBox table.contactInfo td ul li input
{
	padding: 0;
	border: none;
	background-color: #FFF;
}

#typeSet input
{
	vertical-align: middle;
}

#formBox table.contactInfo th,
#formBox table.contactInfo td
{
	vertical-align: top;
}

#formBox table.contactInfo td ul
{
	margin: 0 0 30px 0;
}

#formBox table.contactInfo td ul li
{
	margin: 0 0 5px 0;
	line-height: 1;;
}

#formBox table.contactInfo td ul li label
{
	display: inline-block;
	padding: 0 0 0 8px;
	vertical-align: middle;
}

#formBox table input#submitBtn
{
	display: block;
	border: none;
	width: 194px;
	height: 46px;
	background: url(../images/contact_submit.gif) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#directBox
{
	padding: 25px 0 0 0;
	background: url(../../common/images/cmn_dot_hdevider.gif) repeat-x left top;
}

#directBox h2
{
	margin: 0 0 20px 25px;
}

#directBox dl
{
	float: left;
	width: 300px;
}

#directBox dl dt
{
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}

#directBox dl dd
{
	margin: 0 0 4px 0;
	height: 17px;
	line-height: 1;
}

#directBox dl dd span
{
	display: none;
	visibility: hidden;
}

#directBox dl.honsya
{
	margin: 0 15px 0 0;
	padding: 0 0 0 28px;
	background: url(../../common/images/cmn_dot_vdevider.gif) repeat-y right top;
}

dd.hTel
{
	padding: 4px 0 0 20px;
	background: url(../../common/images/cmn_h_tel.gif) no-repeat left 2px;
}

dd.hFax
{
	padding: 4px 0 0 20px;
	background: url(../../common/images/cmn_h_fax.gif) no-repeat left 2px;
}

dd.kTel
{
	padding: 4px 0 0 20px;
	background: url(../../common/images/cmn_k_tel.gif) no-repeat left 2px;
}

dd.kFax
{
	padding: 4px 0 0 20px;
	background: url(../../common/images/cmn_k_fax.gif) no-repeat left 2px;
}

label.error
{
	display: block;
	margin: 5px 0 0 0;
	color: #FF0000;
	font-size: 85%;
}



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

	MODULES
	
---------------------------------------**/


/*---------------------------------------
	MO_01.CLEARFIX
---------------------------------------**/

.clearfix:after,
#directBox:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix,
#directBox
{
	display:inline-block;
}

/* \*/
* html .clearfix,
* html #directBox
{ 
	height:1%;
}
/* */


