/* index */

#header-index {
    position: absolute;
    width: 960px;
    top: 20px;
    z-index: 100;
}

.index-lang {
	position: absolute;
	top: 0;
	right: 0;
}

#contents-wrap-index {
	position:relative;
	width: 960px;
	padding: 70px 0 30px 0;
}
.index-main h2 {
	float: left;
	font-size: 100%;
}
.index-main h2 a {
	display: block;
	width: 480px;
	height: 12px;
	font-size: 75%;
	padding: 272px 0 0 0;
	color: #ccc;
}
h2.index-oc a {
	background: url(/images/common/index_oc.jpg) no-repeat 0 0;
}
h2.index-oc a:hover {
	background: url(/images/common/index_oc.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}
h2.index-oc2 a {
	background: url(/images/common/index_oc2.jpg) no-repeat 0 0;
}
h2.index-oc2 a:hover {
	background: url(/images/common/index_oc2.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}
h2.index-pg a {
	background: url(/images/common/index_pg.jpg) no-repeat 0 0;
}
h2.index-pg a:hover {
	background: url(/images/common/index_pg.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}

h2.index-oc-en a {
	background: url(/images/common/index_oc_en.jpg) no-repeat 0 0;
}
h2.index-oc-en a:hover {
	background: url(/images/common/index_oc_en.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}
h2.index-pg-en a {
	background: url(/images/common/index_pg_en.jpg) no-repeat 0 0;
}
h2.index-pg-en a:hover {
	background: url(/images/common/index_pg_en.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}
/********************new************************/
h2.index-oc-en-new a {
	background: url(/images/common/index_oc_en_new6.jpg) no-repeat 0 0;
}
h2.index-oc-en-new a:hover {
	background: url(/images/common/index_oc_en_new6.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}
/********************new************************/
h2.index-oc-en-new7 a {
	background: url(/images/common/index_oc7_en.jpg) no-repeat 0 0;
}
h2.index-oc-en-new7 a:hover {
	background: url(/images/common/index_oc7_en.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}
/********************new************************/
h2.index-oc-en-new a {
	background: url(/images/common/index_oc_en_new6.jpg) no-repeat 0 0;
}
h2.index-oc-en-new a:hover {
	background: url(/images/common/index_oc_en_new6.jpg) no-repeat 0 -294px;
	text-decoration: none;
	color: #999;
}

.index-main h2.index-cl { margin-top: 15px; }
.index-main h2.index-cl a {
	display: block;
	width: 960px;
	height: 12px;
	font-size: 75%;
	padding: 144px 0 0 0;
	color: #ccc;
	background: url(/images/renew/images/common/index_cl.jpg) no-repeat 0 0;
}
.index-main h2.index-cl a:hover {
	background: url(/images/renew/images/common/index_cl.jpg) no-repeat 0 -181px;
	text-decoration: none;
	color: #999;
}


.index-news01, .index-news02 {
	margin: 10px 0 0 0;
}
.index-news01 dl, .index-news02 dl {
	margin: 0 0 5px 0;
}
.index-news01 dt, .index-news02 dt {
	float: left;
	width: 90px;
	line-height: 1.2;
	border-right: 1px dotted #999;
}
.index-news01 dd, .index-news02 dd {
	float: left;
	line-height: 1.2;
	padding-left: 15px;
}
.index-news01 dd {
	width: 580px;
}

.index-news02 dt.product {
	width: 180px;
	padding-left: 15px;
}

.index-right-banner {
	margin: 10px 0 0 0;
	line-height: 0;
}
.index-right-banner li {
	margin: 0 0 10px 0;
}

.index-footer {
	border-top: 1px solid #ccc;
	padding: 10px 0;
}

.index-footer ul {
	border-left: 1px solid #ccc;
}
.index-footer li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	border-right: 1px solid #ccc;
	font-size: 93%;
}

.index-main h2.index-cl-en { margin-top: 15px; }
.index-main h2.index-cl-en a {
	display: block;
	width: 960px;
	height: 12px;
	font-size: 75%;
	padding: 144px 0 0 0;
	color: #ccc;
	background: url(/images/common/index_cl_en.jpg) no-repeat 0 0;
}
.index-main h2.index-cl-en a:hover {
	background: url(/images/common/index_cl_en.jpg) no-repeat 0 -183px;
	text-decoration: none;
	color: #999;
}