@charset "utf-8";
/*----------------------------------------------------------------------------------------*
*　■内外電機　トップページ専用スタイル
*
*		更新日：		2008.02.18
*		更新者：		otsubo
*		対象頁：		index.html
*
*-----------------------------------------------------------------------------------------*/


#main{}

/*---------------------------------------------------------------------
　■共通
-----------------------------------------------------------------------*/
#camp,
#MainBanner,
#ProductCategory,
#WhatsNew,
#Topics{
	margin-bottom: 15px;
}


#ProductCategory h2,
#WhatsNew h2,
#Topics h2{
	height: 17px;
	width: 165px;
	margin-bottom: 5px;
	text-indent: -9999px;
}


/*--RSSと一覧--*/
#WhatsNew div.clearfix, #Topics div.clearfix{
	margin-bottom: 5px;
	width: 545px;
}
#WhatsNew h2, #Topics h2{
	float: left;
}
#WhatsNew ul, #Topics ul{
	float: right;
	width: 300px;
	font-size: 10px;
}
#WhatsNew ul li, #Topics ul li{
	float: right;
	list-style: none;
}
#WhatsNew ul li.icon_rss, #Topics ul li.icon_rss{
	margin-left: 10px;
}
#WhatsNew ul li.icon_rss a, #Topics ul li.icon_rss a{
	display: block;
	width: 50px;
	height:13px;
	text-indent: -9999px;
	background: url(../img/index/icon_rss.jpg) no-repeat;
}
#WhatsNew ul li.icon_list a, #Topics ul li.icon_list a{
	padding-left: 12px;
	background: url(../img/base/arrow_right.gif) no-repeat left bottom;
}
#WhatsNew ul li.icon_list a:hover, #Topics ul li.icon_list a:hover{
	background: url(../img/base/arrow_right_on.gif) no-repeat left bottom;
}

#WhatsNew table, #Topics table{
	width: 540px;
	margin-top: 5px;
	margin-left: 10px;
	padding-top: 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#WhatsNew table th, #WhatsNew table td, #Topics table th, #Topics table td{
	padding: 8px 12px;
	vertical-align: top;
}
#WhatsNew table th, #Topics table th{
	text-align: left;
	width: 120px;
	background: #ECF4FF;
	border-bottom: 1px dotted #ccc;
	xx border-right: 1px solid #ccc;
}
#WhatsNew table td, #Topics table td{
	border-bottom: 1px dotted #ccc;
}




/*---------------------------------------------------------------------
　■バナーエリア
-----------------------------------------------------------------------*/
#MainBanner{
	height: 79px;
	overflow: hidden;
	margin-bottom: 15px;
}
#MainBanner a{
	float: left;
	color: #333;
	font-size: 10px;
	
	display: block;
	width: 175px;
	height:79px;
	
	padding: 50px 0 0 100px;
}
/* Hack for IE */
* html #MainBanner a{
	width: 275px;
}

a#exhibition{
	background: url(../img/index/btn_exhibition.jpg) no-repeat;
	margin-right: 8px;
}
a#technology{
	background: url(../img/index/btn_technology.jpg) no-repeat;
}




/*---------------------------------------------------------------------
　■カテゴリ
-----------------------------------------------------------------------*/
#ProductCategory{
	margin-bottom: 24px;
}
#ProductCategory h2{
	background: url(../img/index/title_category.gif) no-repeat;
}
#ProductCategory ul{
	list-style: none;
}
#ProductCategory ul li{
	float: left;
	line-height: 26px;
	width: 185px;
}
#ProductCategory ul li a{
	color: #333;
	text-decoration: none;
	display: block;
	width: 180px;
	height: 26px;
	margin-bottom: 2px;
	text-indent: 20px;
	background: url(../img/index/btn_category.jpg);
}
#ProductCategory ul li a:hover{
	color:#fff;
	background-position: 0px -26px;
	text-decoration: underline;
}




/*---------------------------------------------------------------------
　■更新情報
-----------------------------------------------------------------------*/
#WhatsNew{
	margin-bottom: 24px;
}
#WhatsNew h2{
	width: 69px;
	background: url(../img/index/title_news.gif) no-repeat;
}




/*---------------------------------------------------------------------
　■トピックス
-----------------------------------------------------------------------*/
#Topics{
	margin-bottom: 24px;
}
#Topics h2{
	width: 76px;
	background: url(../img/index/title_topics.gif) no-repeat;
}





/*EOF*/