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




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



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

#categoryImagenew{
	margin-bottom: 20px;
}
#categoryImagenew h2{
	width: 553px;
	height: 78px;
	text-indent: -9999px;
	background: url(../img/product/main_product_new.jpg);
}

#categoryImage08{
	margin-bottom: 20px;
}
#categoryImage08 h2{
	width: 553px;
	height: 78px;
	text-indent: -9999px;
	background: url(../img/product/main_product_08.jpg);
}

#categoryImage07{
	margin-bottom: 20px;
}
#categoryImage07 h2{
	width: 553px;
	height: 78px;
	text-indent: -9999px;
	background: url(../img/product/main_product_07.jpg);
}

#categoryImage06{
	margin-bottom: 20px;
}
#categoryImage06 h2{
	width: 553px;
	height: 78px;
	text-indent: -9999px;
	background: url(../img/product/main_product_06.jpg);
}

/*---------------------------------------------------------------------
　■文句
-----------------------------------------------------------------------*/
#categoryPhrase{
	margin-bottom: 36px;
}
#categoryPhrase h2{
	margin-bottom: 15px;
}
#categoryPhrase p{}



/*---------------------------------------------------------------------
　■製品TOP：新製品情報
-----------------------------------------------------------------------*/
#newRelease{
	margin-bottom: 15px;
}
#newRelease  h3{
	margin-bottom: 6px;
}
#newRelease table{
	width: 100%;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#newRelease tr.odd{
	background: #ECF4FF;
}
#newRelease tr.even{
	background: #fff;
}
#newRelease th,
#newRelease td{
	padding: 8px 6px;
}
#newRelease th{
	width: 128px;
	letter-spacing: 0;
	text-align: center;
}


/* 新製品テーブル */
table.new-product{
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px 0;
}
table.new-product td{
	padding: 0 20px 10px 0;
	vertical-align: top;
	text-align: left;
}
table.new-product caption{
	text-align: left;
	padding: 10px 0 6px 0;
}

table.new-product td dd{
	margin-bottom: 10px;
}







/*---------------------------------------------------------------------
　■製品TOP：カテゴリメニュー
-----------------------------------------------------------------------*/
#productMenu{
	margin: 0 5px 10px 5px;
}
#productMenu h3 a{
	display: block;
	height: 35px;
	margin: 0 0 3px 0;
	text-indent: -9999px;
}
#productMenu p{
	font-size: 11px;
	width:140px;
	margin-left: 10px;
	line-height: 1.2em;
}
#productMenu select{
	width: 240px;
	margin-left: 10px;
	position: absolute;
	top: 120px;
	background: #DEEBFF;
	height: 20px;
}

#productMenu div.positionLeft,
#productMenu div.positionRight{
	width: 268px;
	height: 151px;
	margin-bottom: 15px;
	position: relative;
}
#productMenu div.positionLeft{
	float: left;
}
#productMenu div.positionRight{
	float: right;
}

#productMenu #cabinet{
	background: url(../img/product/back_cabinet.jpg) no-repeat;
}
#productMenu #plastics{
	background: url(../img/product/back_plastics.jpg) no-repeat;
}
#productMenu #disk{
	background: url(../img/product/back_disk.jpg) no-repeat;
}
#productMenu #home_electric{
	background: url(../img/product/back_home_electric.jpg) no-repeat;
}
#productMenu #normal_electric{
	background: url(../img/product/back_normal_electric.jpg) no-repeat;
}
#productMenu #warning{
	background: url(../img/product/back_warning.jpg) no-repeat;
}
#productMenu #high_voltage{
	background: url(../img/product/back_high_voltage.jpg) no-repeat;
}
#productMenu #eco{
	background: url(../img/product/back_eco.jpg) no-repeat;
}
#productMenu #elena{
	background: url(../img/product/back_elena.jpg) no-repeat;
}
#productMenu #rack{
	background: url(../img/product/back_rack.jpg) no-repeat;
}
#productMenu #light{
	background: url(../img/product/back_light.jpg) no-repeat;
	margin-bottom: 0;
}
#productMenu #hub{
	background: url(../img/product/back_hub.jpg) no-repeat;
	margin-bottom: 0;
}




/*---------------------------------------------------------------------
　■新商品ページ：専用フォーマット
-----------------------------------------------------------------------*/

#newRel_Intro{
	margin: 0 12px;
}


/*---------- :タイトル: ----------*/
#newRel_TitleArea{
	margin-bottom: 15px;
}

/*---------- :画像: ----------*/
div.newRel_ImageArea{
	font-size: 11px;
	text-align: center;
	margin-bottom: 12px;
}
div.newRel_ImageArea table, div.newRel_ImageArea th, div.newRel_ImageArea td{
	border: 1px solid #fff;
}

/*---------- :説明: ----------*/
div.newRel_ExplanationArea{
	margin-bottom: 24px;
}

div.newRel_ExplanationArea dl{}
div.newRel_ExplanationArea dt{
	margin-bottom: 4px;
}
div.newRel_ExplanationArea dd{}


/*---------- :コラム: ----------*/
div.newRel_column{
	color: #666;
	padding: 9px;
	margin-bottom: 24px;
	background: #f0f0f0;
	border: 1px solid #ccc;
}
div.newRel_column h3{
	font-weight: bold;
	margin-bottom: 8px;
}
div.newRel_column p{
	text-indent: 1em;
	margin-bottom: 0;
}




/*---------------------------------------------------------------------
　■製品ページ：各製品基本フォーマット
-----------------------------------------------------------------------*/
#productName,
.productName{
	margin-bottom: 15px;
}
#productName h3,
.productName h3{
	margin:0;
}

/*---------- :商品特徴: ----------*/
#individual,
.individual{
	width: 522px;
	margin-bottom: 30px;
	margin-left: 15px;
	background: url(../img/product/individual_back_btm.gif) no-repeat left bottom;
	padding-bottom: 5px;
}
#individual ul,
.individual ul{
	padding-left: 180px;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 5px;
	min-height: 54px;
	background: url(../img/product/individual_back_top.gif) no-repeat;
}
* html #individual ul,
* html .individual ul{
	height: 54px;
}

/*---------- :商品詳細: ----------*/
#productDetail,
.productDetail_cfix{
	margin-right: 10px;
	margin-bottom: 15px;
}

/*---------- :画像: ----------*/
#imageArea,
.imageArea{
	width: 124px;
	float: left;
}

/*---------- :商品データ: ----------*/
#productData,
.productData{
	width: 420px;
	float: right;
}
#productData dl,
.productData dl{}
#productData dt,
.productData dt{
	margin-bottom: 6px;
}
#productData dd,
.productData dd{
	margin-bottom: 12px;
}
#productData dd img,
.productData dd img{
	display: block;
	margin: 0 auto;
	text-align: center;
}

#productData ul,
.productData ul{
	margin-left: 30px;
}
#productData li,
.productData li{
	margin-bottom: 0.3em;
}

#productData li.image,
.productData li.image{
	list-style: none;
	margin: 12px 0 12px 0;
	text-align: center;
}


/*---------- :関連商品: ----------*/
#related{
	margin-right: 10px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#related table, #related th{
	border: 1px solid #999;
}
#related th,#related td{
	width: 33%;
	vertical-align: top;
}
#related table{
	width: 550px;
}
#related th{
	background: #D5EBF2;
	text-align: center;
	font-weight: normal;
	padding: 6px 0;
}
#related td{
	padding: 0px 12px;
	font-size: 11px;
	
	border-left: 1px solid #999;
}
#related td p{
	margin: 0;
}
#related td.image{
	padding: 15px 0 6px 0;
	text-align: center;
}
#related td.button{
	text-align: center;
	padding: 6px 0 12px 0;
}


/*---------- :問い合わせ: ----------*/
#inquiryArea{
	margin-right: 10px;
	margin-bottom: 15px;
	text-align: center;
}




















/*EOF*/