@charset "utf-8";
/* CSS Document */

#index {
	padding: 0;
	}

/*--------------------------------------------------------------------
メインビジュアル
--------------------------------------------------------------------*/
#index #visual {
	margin: 0 0 20px 0;
	width: 980px;
	height: 220px;
	overflow: hidden;
	}


/*--------------------------------------------------------------------
プロダクトボタン
--------------------------------------------------------------------*/
#btn_products {
	margin: 0 0 20px 0;
	}

#btn_products div {
	background: url(../../images/index/products_bg.gif) repeat-x 0 0;
	width: 980px;
	height: 80px;
	}

#btn_products div img {
	vertical-align: bottom;
	}

#btn_products div h3 {
	float: left;
	}

#btn_products div a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

#btn_products div ul li {
	float: left;
	}

#btn_products .upper {
	border-bottom: 1px solid #dddddd;
	}

#btn_products .downer {
	border-top: 1px solid #fff;
	}


/*--------------------------------------------------------------------
2カラム
--------------------------------------------------------------------*/
#index_wrap {
	clear: both;
	}

#index_wrap .left {
	float: left;
	width: 720px;
	}

#index_wrap .right {
	float: right;
	width: 240px;
	}


/*--------------------------------------------------------------------
新開発製品
--------------------------------------------------------------------*/
#new_produts { margin: 0; }

/*
#new_produts table { width: 720px; }
#new_produts table th,
#new_produts table td { background-color: #fff; border: 1px solid #dddddd; vertical-align: mid; }
#new_produts table td a { display: block; padding: 10px; border: 2px solid #fff; color: #444; text-decoration: none; background: url(../../images/index/new_produts_bg_off.gif) repeat-x 0 bottom; }
#new_produts table td a:visited { color: #ed1c24; background: url(../../images/index/new_produts_bg_off.gif) repeat-x 0 bottom; }
#new_produts table td a:hover { color: #ed1c24; background: url(../../images/index/new_produts_bg_on.gif) repeat-x 0 bottom; }
#new_produts table td img { padding: 0 8px 3px 0; vertical-align: middle; }
*/

#new_produts dl { width: 720px; background-color: #fff; }
#new_produts dl dt { margin: 0; padding: 0; border: 1px solid #dddddd; font-size: 0; line-height: 0; vertical-align: text-bottom; }
#new_produts dl dt img { margin: 0; padding: 0; vertical-align: text-bottom; }
#new_produts dl dd { margin: 0; float: left; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; font-size: 92%; line-height: normal; }
#new_produts dl dd.rightcell { border-left: none; }
#new_produts dl dd.emptycell { border-left: none; background:#f5f5f5; width:369px; padding:12px 0px 12px 0px; }
#new_produts dl dd a { color: #444; width: 332px; display: block; margin: 0; padding: 12px 6px 12px 10px; background: url(../../images/index/new_produts_bg_off.gif) repeat-x 0 bottom; text-decoration: none; }
#new_produts dl dd.rightcell a { color: #444; width: 353px; border-left: none; text-decoration: none; text-decoration: none; }
#new_produts dl dd a:visited { color: #444; background: url(../../images/index/new_produts_bg_off.gif) repeat-x 0 bottom; text-decoration: none; }
#new_produts dl dd a:hover { color: #ed1c24; background: url(../../images/index/new_produts_bg_on.gif) repeat-x 0 bottom; text-decoration: none; }
#new_produts dl dd span { display: block; padding-left: 10px; background: url(../../images/index/new_products_icon.gif) no-repeat left center; text-decoration: none; }


/*--------------------------------------------------------------------
ニュース一覧
--------------------------------------------------------------------*/
#news {
	height: 230px;
	}

/*--------------------------------------------------------------------
サイドバー
--------------------------------------------------------------------*/
#side ul li {
	margin: 0 0 6px 0;
	}

#side ul li img {
	vertical-align: bottom;
	}

#side ul li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}