@charset "utf-8";

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

	[ファイル名]	inquiry.css
	
	[概要]	お問合せ専用CSS
	
	[目次]
			・clearFix
			・画像代替
			・非表示部
	
------------------------------------------------------------------------------*/

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

	clearFix
								
------------------------------------------------------------------------------*/
#xxx:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html #xxx
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html #xxx
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
#xxx
{
	display: inline-table;
}
/* End Mac IE */

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

	テキスト画像代替
							
------------------------------------------------------------------------------*/
body#inquiry div#mainContent h2
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

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

	非表示部
								
------------------------------------------------------------------------------*/
#xxx
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}

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

	h1#categoryTitle
								
------------------------------------------------------------------------------*/
body#inquiry h1#categoryTitle{
	background: #ffffff url(../../images/inquiry/inquiry_h1.jpg) no-repeat ;
}

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

	div#mainContent
								
------------------------------------------------------------------------------*/
div#mainContent{
}

body#inquiry div#mainContent h2{
	width: 676px;
	height: 36px;
	background: url(../../images/inquiry/inqury_h2_01.jpg) no-repeat;
	margin-bottom: 1em;
}


div#mainContent div.inquiryAgreement{
	border: 1px solid #CCCCCC;
	padding: 15px 5px;
	height: 200px;
	overflow: scroll;
	line-height: 100%;
	margin: 1em 0;
}

div#mainContent div.inquiryAgreement h3{
	padding: 0px 10px 10px 10px;
	border-bottom: 1px solid #e1e1e1;
	font-weight: bold;
	font-size: 115%;
	margin-bottom: 1em;
}

div#mainContent div.inquiryAgreement h4{
	font-weight: bold;
	margin-bottom: 0.5em;
}

div#mainContent div.inquiryAgreement ul{
	margin: 1em 0;
	paddin-left: 1em;
	list-style-type: disc;
}

div#mainContent div.inquiryAgreement ul li{
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 1.3em;
}

div#mainContent div#sectionInquiry table{
	margin: 20px 0;
	width: 100%;
}

div#mainContent div#sectionInquiry th,
div#mainContent div#sectionInquiry td{
	padding:10px;
}

div#mainContent div#sectionInquiry th{
	width: 28%;
	background-color: #E0ECF5;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	font-weight: bold;
}

div#mainContent div#sectionInquiry td{
	width: 72%;
}

div#mainContent div#sectionInquiry th label{
	font-weight: bold;
}

div#mainContent div#sectionInquiry .required{
	color: #ff0000;
}
div#mainContent div#sectionInquiry .memo{
	padding-left: 5px;
	font-size: 85%;
	color:#666666;
}

div#mainContent div#sectionInquiry input{
	line-height:100%;
}
div#mainContent div#sectionInquiry input#fPostalCode{
	width:100px;
	height:1.2em;
	border:1px solid #7F9DB9;
}
div#mainContent div#sectionInquiry input#fFamilyName,
div#mainContent div#sectionInquiry input#fFirstName,
div#mainContent div#sectionInquiry input#fFamilyNameKana,
div#mainContent div#sectionInquiry input#fFirstNameKana{
	width:150px;
	height:1.2em;
	border:1px solid #7F9DB9;
}
div#mainContent div#sectionInquiry input#fEmail,
div#mainContent div#sectionInquiry input#fTel,
div#mainContent div#sectionInquiry input#fTelMobile,
div#mainContent div#sectionInquiry input#fFax{
	width:200px;
	height:1.2em;
	border:1px solid #7F9DB9;
}
div#mainContent div#sectionInquiry input#fCompanyName{
	width:300px;
	height:1.2em;
	border:1px solid #7F9DB9;
}
div#mainContent div#sectionInquiry input#fLocality{
	width:100%;
	height:1.2em;
	border:1px solid #7F9DB9;
}
div#mainContent div#sectionInquiry select#fRegion{
	height:1.4em;
	border:1px solid #7F9DB9;
}
div#mainContent div#sectionInquiry textarea#fContents{
	width:100%;
	height:8em;
	border:1px solid #7F9DB9;
}

div#mainContent div#sectionInquiry .buttonWrapper{
	text-align:center;
}

div#sectionThanks p{
	padding: 30px 0px;
	text-align: center;
}

/*------------------------------------------------------------------------------
	フォーカス
------------------------------------------------------------------------------*/
input.focused,
select.focused,
textarea.focused{
	background-color: #ffffee;
	border: 1px solid #cc0000 !important;
}

.BLADES_FORM_ELEMENT_ERROR_HOLDER{
	font-size: 85%;
	color: #ff0000;
}

p .BLADES_FORM_ELEMENT_ERROR_HOLDER{
	width: 170px;
}


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

	div#subContent
								
------------------------------------------------------------------------------*/
div#subContent #localNav li#localNavInquiry{
	width:163px;
	height:28px;
	background:url(../../images/inquiry/inqiry_local_nav_01.jpg) no-repeat;
}
div#subContent #localNav li#localNavInquiry a{
	display:block;
	width:163px;
	height:28px;
	background:url(../../images/inquiry/inqiry_local_nav_01.jpg) no-repeat;
}