@charset "utf-8";

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

*　■内外電機　トップページ専用スタイル

*

*		更新日：		2008.05.28

*		更新者：		otsubo

*		対象頁：		/inquiry/以下

*

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









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

　■共通

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

#main{}



.attention{

	color: #f00;

	font-size: 11px;

}

.font_small{

	font-size: 11px;

}







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

　■文句

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

#categoryPhrase{

	margin-bottom: 32px;

}







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

　■問合せリスト

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

div.inquiryList:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}

div.inquiryList{

	margin-bottom: 12px;

	padding-bottom: 12px;

	border-bottom: 1px dotted #ccc;

	

	

	/**/

	display: inline-table;

	min-height: 1%; /* IE 7対策 */

	clear: both;

}





/* Hides from IE-mac \*/

* html div.inquiryList { height: 1%; }

div.inquiryList { display: block; }

/* End hide from IE-mac */







div.inquiryList p{

	x text-align: center;

	text-align: left;

	

	

	width: 51%;

	float: left;

	

	margin-left: 32px;

}

* html div.inquiryList p{

	margin-left: 16px;

}



div.inquiryList div.buttonArea{

	x text-align: center;

	text-align: right;

	

	

	width: 43%;

	float: right;

}

div.inquiryList div.buttonArea img{

	margin: 0 3px 5px 3px;

}







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

　■カテゴリートップイメージ

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

#categoryImage{

	margin-bottom: 20px;

	text-indent: -9999px;

	

	height: 78px;

	width: 553px;

	background: url(../img/inquiry/main_inquiry.jpg) no-repeat;

}







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

　■商品カテゴリ選択

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

#productCategory{

	margin-bottom: 24px;

}

#productCategory h3{

	margin-bottom: 12px;

}

#productCategory p{

	text-align: center;

	margin-bottom: 6px;

}







#productCategory table{

	margin-top: -15px;

	

	width: 100%;

	border: 1px solid #999;

}

#productCategory table th, #productCategory table td{

	padding: 6px 15px;

	border: 1px solid #999;

}

#productCategory table th{

	color: #fff;

	background: #b493cc;

	text-align: center;

	width: 20%;

}

#productCategory div.error{

	color: #f00;

	font-size: 11px;

	margin: 3px 0 0 0;

}



* html #productCategory table th{

	width: 115px;

}

#productCategory table td{

	background: #d8c7e5;

}





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

　■個人情報入力フォーム

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

#customerData{

	margin-bottom: 15px;

	

	/*追加*/

	text-align: left;

	font-size: 11px;

	color: #f00;

	margin-top: -10px;

}



#customerData fieldset{

	border: 0 none;

	margin-bottom: 12px;

	

	/*追加:reset*/

	font-size: 12px;

	color: #333;

}

#customerData fieldset strong{

	vertical-align: middle;

	

	/*追加:reset*/

	font-size: 12px;

	color: #333;

}

#customerData fieldset input{

	vertical-align: middle;

	

	/*追加:reset*/

	font-size: 12px;

	color: #333;

}



#customerData table{

	width: 100%;

	border: 1px solid #999;

	

	/*追加:reset*/

	font-size: 12px;

	color: #333;

	margin-top; 10px;

}

#customerData table th, #customerData td{

	padding: 6px 15px;

	border: 1px solid #999;

	

	/*追加:reset*/

	font-size: 12px;

	color: #333;

}

#customerData table th{

	width: 28%;

	text-align: left;

	vertical-align: middle;

	background: #F7F4FA;

}

* html #customerData table th{

	width: 135px;

}

#customerData table td{

	background: #fff;

}

#customerData table td.error{

	background: #ffc2c2;

}





#customerData .example{

	color: #666;

	font-size: 11px;

}

* html #customerData .example{

	font-size: 10px;

}

#customerData div.error{

	color: #f00;

	font-size: 11px;

	margin: 3px 0 0 0;

}



/*各種サイズ*/

#customerData .Size_xLarge{

	width: 100%;

}

#customerData .Size_Large{

	width: 80%;

}

#customerData .Size_Normal{

	width: 35%;

}

#customerData .Size_Small{

	width: 15%;

}

#customerData .Size_xSmall{

	width: 1em;

}



.ime_active {ime-mode:active}

.ime_none   {ime-mode:disabled}



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

　■個人情報取扱の注意

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

#Policy{

	margin: 0 60px;

}



#Policy div.veri-flash{

	width: 100px;

	float: right;

}



* html #Policy object{

	position: static;

	float: right;

}

#secomBanner{

	float: right;

	width: 60px;

}

#Policy p{

	margin-right: 15px;

}















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

　■コマンド操作エリア

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

#CommandArea{

	margin-bottom: 15px;

	margin-top: 15px;

	padding-top: 15px;

	border-top: 1px dotted #999;

	text-align: center;

}

#CommandArea input{

	margin: 0 15px;

}









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

　■サンキュー画面

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

#Thanks{

	text-align: center;

	margin-bottom: 15px;

}

#Thanks p{

	margin: 24px 0;

}



#BackToTop{

	text-align: center;

	padding-top: 24px;

	margin-top: 6px;

	border-top: 1px dotted #999;

}











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

　■営業所リスト

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

div.tradeList{

	margin-right: 10px;

	margin-bottom: 24px;

	

	margin-left: 10px;

	margin-right: 10px;

}

div.tradeList h3{

	margin-bottom: 36px;

}





div.tradeList table, div.tradeList th, div.tradeList td{

	border: 1px solid #999;

}

div.tradeList th, div.tradeList td{

	padding: 9px 0;

	text-align: left;

	vertical-align: top;

}

div.tradeList caption{

	padding: 0 0 15px 9px;

	text-align: left;

}

div.tradeList table{

	margin-bottom: 9px;

	width: 535px;

}

div.tradeList th{

	background: #E4E2DD;

	padding-left: 12px;

	padding-right: 3px;

	width: 115px;

}

div.tradeList td{

	padding-left: 9px;

	padding-right: 3px;

}

div.tradeList ul{

	list-style: none;

}

div.tradeList li{

	border-top: 1px dotted #999;

	padding-top: 6px;

	margin-bottom: 6px;

}

div.tradeList li.firstChild{

	border: 0 none;

	padding-top: 0;

}

div.tradeList li strong.attension{

	color: #f00;

	font-size: 11px;

	font-weight: normal;

}


/* Webカタログ用バナー追加　20090810naka */
div.catalog_bnr{
	background:#F0EFED;
	width:472px;
	padding:5px;
	margin:10px 0 0 36px;
	clear:both;
	}

.catalog_bnr table{
	width:472px;
	}
	
.catalog_bnr td{
	width:222px;
	font-size:11px;
	vertical-align:top;
	line-height:100%;
	}

.catalog_bnr td.left{
	padding:0 28px 0 0;
	}

.catalog_bnr img{
	margin:0 0 5px 0;
	}









/*EOF*/