@charset "UTF-8";

/* 
property reset
*/
@import url("/css/reset.css");

/* 
clear tool
*/
@import url("/css/tool.css");

/* 
linkColor
*/
@import url("/css/linkcolor.css");

/* 
body,wrapper
*/
@import url("/en/css/body.css");

/* 
headSection
*/
@import url("/en/css/headsection.css");

/* 
naviBar
*/
@import url("/en/css/navibar.css");

/* 
bodySection
*/
@import url("/css/bodysection.css");

/* 
footSection
*/
@import url("/en/css/footsection.css");

/* 
topicPath
*/
@import url("/css/leftcontent/topicpath.css");

/* 
indexCommon
*/
@import url("/css/leftcontent/indexcommon.css");

/* 
searchBlock
*/
@import url("/en/css/rightcontent/searchblock.css");

/* 
supportBlock
*/
@import url("/en/css/rightcontent/supportblock.css");

/* ---------- index style ---------- */

.indexSummary .ttl h2 {
	background-image: url(/en/product/images/index/ttl01.gif);
	margin-bottom: 10px;
}

/* ---------- contents style ---------- */

/* newproducts */

.indexSummary .ttl2 {
	position: relative;
}

.indexSummary .ttl2 h3 {
	width:565px;
	height:28px;
	background: url(/en/product/images/index/ttl02.gif) no-repeat;
	text-indent: -9999em;
}

.indexSummary .ttl2 .view {
	position:absolute;
	top:8px;
	right:21px;
}

/* for Netscape, Firefox, IE7 */

.indexSummary .ttl2 > .view {
	right:6px;
}

.indexSummary .ttl2 .view a {
	display:block;
	width:37px;
	height:17px;
	background: url(/en/product/images/btn_view01.gif) no-repeat;
	text-indent:-9999em;
	text-decoration:none;
}

.indexSummary .ttl2 .view a:hover {
	background-position:0 -17px;
}

.indexSummary .outer {
	border: 2px solid #E2E2E2;
	margin-top: 5px;
	height: 1%;
}

.leftBlock3 {
	float: left;
	width: 187px;
}

.centerBlock3 {
	float: left;
	width: 187px;
}

.rightBlock3 {
	float: right;
	width: 187px;
}

.leftBlock3 .inner,
.centerBlock3 .inner,
.rightBlock3 .inner {
	padding: 5px 10px 8px 12px;
}

.indexSummary .image {
	float: left;
	width: 60px;
}

.indexSummary .desc {
	float: right;
	width: 100px;
}

.indexSummary .image img {
	border: 1px solid #D1E2FE;
}

.indexSummary .desc h3 {
	font-size: 78%;
	line-height: 120%;
	margin-bottom:5px;
}

.indexSummary p {
	font-size: 68%;
	line-height: 120%;
}

.indexSummary p.date {
	text-align: right;
	margin-top: 5px;
}

/* products */

.list h2 {
	width: 565px;
	height: 28px;
	background: url(/en/product/images/index/ttl03.gif) no-repeat;
	text-indent: -9999em;
	margin-bottom: 6px;
	margin-top:10px;
}

.productCategory {
	background: url(images/index/bg03.gif) repeat-y;
	margin-bottom:10px;
	height: 1%;
}

.productCategory h3 {
	width: 565px;
	height: 32px;
	background: url(/en/product/images/index/ttl_category.gif) no-repeat;
	padding: 8px 0 0 15px;
}

.productCategory .product {
	background: url(images/index/bg04.gif) no-repeat bottom;
	padding:5px 12px 10px 12px;
}

.productCategory .ttl {
	position:relative;
}

.productCategory .ttl .system {
	position:absolute;
	top:8px;
	right:26px;
}

/* for Netscape, Firefox, IE7 */

.productCategory .ttl > .system {
	right:11px;
}

.productCategory .ttl .system a {
	display:block;
	width:118px;
	height:19px;
	background: url(/en/product/images/btn_view02.gif) no-repeat;
	text-indent:-9999em;
	text-decoration:none;
}

.productCategory .ttl .system a:hover {
	background-position:0 -19px;
}

.productCategory p {
	font-size: 68%;
	line-height: 120%;
	margin-left:5px;
	margin-bottom:10px;
}

.productCategory .product img.categoryImage,
.productCategory .product ul {
	float:left;
}

.productCategory .product img.categoryImage {
	padding-left:7px;
}

.productCategory .product li {
	background: url(/en/images/common/arrow_blue01.gif) no-repeat left center;
	font-size: 68%;
	line-height: 120%;
	margin-bottom:5px;
	padding-left: 6px;
}

.productCategory .product ul.list01 {
	width:220px;
}

.productCategory .product .others {
	border-top:1px dotted #C4C5C6;
	text-align:right;
	font-size: 68%;
	line-height: 120%;
	margin-top:10px;
	padding-top:5px;
}

.productCategory .product ul.list01 li {
	margin-left:18px;
}