@charset "utf-8";
/*----------------------------------------------------------------------------------------*
*　■内外電機　技術紹介専用スタイル
*
*		更新日：		2008.03.04
*		更新者：		otsubo
*		対象頁：		/technology/以下
*
*-----------------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------
　■共通
-----------------------------------------------------------------------*/
#main{}



/*---------------------------------------------------------------------
　■メインイメージ
-----------------------------------------------------------------------*/
#categoryImage{
	margin-bottom: 20px;
}
#categoryImage h2{
	width: 553px;
	height: 78px;
	text-indent: -9999px;
	background: url(../img/technology/main_technology.jpg);
}



/*---------------------------------------------------------------------
　■[テクノロジー]について
-----------------------------------------------------------------------*/
#aboutTech, div.aboutTech{
	margin-bottom: 6px;
	margin-right: 10px;
}
div.aboutTech{
	margin-bottom: 15px;
}
#aboutTech h4, div.aboutTech h4{
	margin-left: 12px;
	margin-bottom: 6px;
}
#aboutTech p, div.aboutTech p{
	margin-left: 12px;
}
#aboutTech p.imageArea, div.aboutTech p.imageArea{
	text-align: center;
}

#aboutTech table, #aboutTech th, #aboutTech td,
div.aboutTech table, div.aboutTech th, div.aboutTech td{
	margin:0;
	padding:0;
	border-spacing:0;
	border-collapse: collapse;
}
#aboutTech table,
div.aboutTech table{
	width: 222px;
	float:right;
	margin: 0 0 15px 15px;
}
#aboutTech th, #aboutTech td,
div.aboutTech th, div.aboutTech td{
	padding-bottom: 6px;
	text-align: center;
}
#aboutTech .firstChild,
div.aboutTech .firstChild{
	text-align: left;
}
#aboutTech .lastChild,
div.aboutTech .lastChild{
	text-align: right;
}



/*---------------------------------------------------------------------
　■[テクノロジー]とは？
-----------------------------------------------------------------------*/
#whatsTech{
	width:544px;
	margin: 0 0 15px 6px;
	padding: 30px 0 6px 0;
	background: url(../img/technology/whats_column_back.gif) no-repeat left top;
	border-bottom:3px solid #000;
}
#whatsTech h3{
	line-height: 31px;
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 72px;
}
#whatsTech p{
	margin: 0 10px;
}
#whatsTech ul{
	margin: 0 32px;
}
#whatsTech li{
	margin-bottom: 6px;
}

/*---------------------------------------------------------------------
　■[テクノロジー]とは？　3カラム
-----------------------------------------------------------------------*/
#TechColumn{
	margin-bottom: 24px;
}
#TechColumn_1, #TechColumn_2, #TechColumn_3{
	height:272px;
	width:174px;
	
	float: left;
	margin-left: 10px;
}
/* hack for IE */
* html #TechColumn_1, * html #TechColumn_2, * html #TechColumn_3{
	height:272px;
	width:174px;
}

#TechColumn_1{
	margin-left: 0;
	background: url(../img/technology/whats_back_no1.gif);
}
#TechColumn_2{
	background: url(../img/technology/whats_back_no2.gif);
}
#TechColumn_3{
	background: url(../img/technology/whats_back_no3.gif);
}
#TechColumn img, #TechColumn p{
	margin: 0 9px;
}

#TechColumn img{
	margin-bottom: 10px;
	margin-top: 8px;
	padding: 0;
	vertical-align: middle;
	display: block;
}
#TechColumn p{
	height: 4.5em;
}
#TechColumn p.supplement{
	color: #666;
	font-size: 11px;
	height: auto;
}



/*---------------------------------------------------------------------
　■色について
-----------------------------------------------------------------------*/
div.colorSelect:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div.colorSelect {
	margin-left: 60px;
	margin-right: 60px;
	
	/* HACK FOR IE */
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div.colorSelect { height: 1%; }div.colorSelect { display: block; }
/* End hide from IE-mac */

div.aColorLeft, div.aColorRight{
	width: 200px;
	margin-bottom: 12px;
}
div.aColorLeft{
	float: left;
}
div.aColorRight{
	float: right;
}
div.aColor h3{}
div.aColor p{
	font-size: 11px;
}




/*---------------------------------------------------------------------
　■質問募集フォーム
-----------------------------------------------------------------------*/
#QuestionForm{
	text-align: center;
	margin-bottom: 30px;
}
#QuestionForm input{
	margin: 3px auto;
	border: none;
	display: block;
	height:50px;
	width:249px;
	text-indent:-9999px;
	background: url(../img/technology/question_inq.jpg) no-repeat;
}
























/*EOF*/