@charset "iso-8859-1";

/* =========================================

	chinese IR top.css

============================================ */

/* -------------------------------------------
	content
------------------------------------------- */

#index #content {
	background:url(../image/bg_cont.gif) repeat-y right top;
}

#index #content h2 {
	width:800px;
	height:260px;
	background:url(../image/top_img.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

/* -------------------------------------------
	content / news
------------------------------------------- */

#index #content #news {
	float:left;
	width:252px;
}

#index #content #news h3 {
	width:252px;
	height:38px;
	background:url(../image/t_news.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#index #content #news dl {
	width:225px;
	margin:0 17px 0 10px;
	padding:0;
	font-size:80%;
}

#index #content #news dl dt {
	margin:0;
	padding:5px 0 0 0;
	color:#c60;
}

#index #content #news dl dd {
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #a0b2af;
}

#index #content #news dl dt.top {
	padding:0;
}

#index #content #news dl dd.end {
	padding:0 0 10px 0;
	border:none;
}

/* -------------------------------------------
	content / navi
------------------------------------------- */
#index #content #navi {
	float:left;
	overflow:hidden;
	width:416px;
	background:url(../image/bg_navi.gif) repeat-x 0 0;
}

#index #content #navi ul {
	width:136px;
	margin:0;
	font-size:90%;
}

#index #content #navi ul li.arrow {
	width:103px;
	padding:10px 10px 10px 23px;
	background:url(../image_cmn/arrow.gif) no-repeat 10px 15px;
	border-bottom:1px dotted #a0b2af;
}

#index #content #navi ul li.arrowEnd {
	width:103px;
	padding:10px 10px 10px 23px;
	background:url(../image_cmn/arrow.gif) no-repeat 10px 15px;
	border:none;
}

#index #content #navi ul li.arrow02 {
	width:103px;
	padding:10px 10px 0 23px;
	background:url(../image_cmn/arrow.gif) no-repeat 10px 15px;
	border:none;
}

#index #content #navi ul li.cross {
	width:103px;
	padding:0 10px 0 23px;
	margin:5px 0;
	background:url(../image_cmn/cross.gif) no-repeat 15px 4px;
	line-height:1.2;
	font-size:80%;
}

#index #content #navi ul li.crossEnd {
	width:103px;
	padding:0 10px 10px 23px;
	background:url(../image_cmn/cross.gif) no-repeat 15px 4px;
	border-bottom:1px dotted #a0b2af;
	line-height:1.2;
	font-size:80%;
}

#index #content #navi ul li.crossEnd02 {
	width:103px;
	padding:0 10px 10px 23px;
	background:url(../image_cmn/cross.gif) no-repeat 15px 4px;
	border:none;
	line-height:1.2;
	font-size:80%;
}

/* -------------------------------------------
	content / navi(width272)
------------------------------------------- */

#index #content #navi ul.double {
	width:272px;
	margin:0;
	font-size:90%;
}

#index #content #navi ul.double li.arrow {
	width:239px;
	padding:10px 10px 10px 23px;
	background:url(../image_cmn/arrow.gif) no-repeat 10px 15px;
	border-bottom:1px dotted #a0b2af;
}

#index #content #navi ul.double li.arrowEnd {
	width:239px;
	padding:10px 10px 10px 23px;
	background:url(../image_cmn/arrow.gif) no-repeat 10px 15px;
	border:none;
}

#index #content #navi ul.double li.arrow02 {
	width:239px;
	padding:10px 10px 0 23px;
	background:url(../image_cmn/arrow.gif) no-repeat 10px 15px;
	border:none;
}

#index #content #navi ul.double li.cross {
	width:239px;
	padding:0 10px 0 23px;
	margin:5px 0;
	background:url(../image_cmn/cross.gif) no-repeat 15px 4px;
	line-height:1.2;
	font-size:80%;
}

#index #content #navi ul.double li.crossEnd {
	width:239px;
	padding:0 10px 10px 23px;
	background:url(../image_cmn/cross.gif) no-repeat 15px 4px;
	border-bottom:1px dotted #a0b2af;
	line-height:1.2;
	font-size:80%;
}

#index #content #navi ul.double li.crossEnd02 {
	width:239px;
	padding:0 10px 10px 23px;
	background:url(../image_cmn/cross.gif) no-repeat 15px 4px;
	border:none;
	line-height:1.2;
	font-size:80%;
}

/* #navi div.us
----------------------------------- */

#index #content #navi div.us {
	float:left;
	width:137px;
}

#index #content #navi div.us h3,
#index #content #navi div.us h3 a{
	display:block;
	width:137px;
	height:38px;
	background:url(../image/t_au.jpg) no-repeat 0 0;
	text-indent:-9999px;
	font-size:100%;
}

/* #navi div.business
----------------------------------- */
#index #content #navi div.business {
	float:left;
	/*width:137px;*/
	width:274px;
}

#index #content #navi div.business h3,
#index #content #navi div.business h3 a{
	/*width:137px;*/
	display:block;
	width:274px;
	height:38px;
	background:url(../image/t_bs.jpg) no-repeat 0 0;
	text-indent:-9999px;
	font-size:100%;
}

/* #navi div.strategy
----------------------------------- */
#index #content #navi div.strategy {
	float:left;
	width:137px;
}

#index #content #navi div.strategy h3 {
	width:137px;
	height:38px;
	background:url(../image/t_aos.jpg) no-repeat 0 0;
	/*text-indent:-9999px;*/
	font-size:100%;
}

/* -------------------------------------------
	content / etc
------------------------------------------- */
#index #content #etc {
	float:left;
	width:132px;
}

#index #content #etc a {
	display:block;
	width:120px;
	height:65px;
	margin:6px auto;
	text-indent:-9999px;
}

#index #content #etc a.cal {
	background:url(../image/btn.jpg) no-repeat 0 0;
}

#index #content #etc a.fin {
	background:url(../image/btn.jpg) no-repeat 0 -65px;
}

#index #content #etc a.lib {
	background:url(../image/btn.jpg) no-repeat 0 -130px;
}

#index #content #etc a.sto {
	background:url(../image/btn.jpg) no-repeat 0 -195px;
}

#index #content #etc a.sha {
	background:url(../image/btn.jpg) no-repeat 0 -260px;
}

#index #content #etc a.cal:hover {
	background:url(../image/btn.jpg) no-repeat -120px 0;
}

#index #content #etc a.fin:hover {
	background:url(../image/btn.jpg) no-repeat -120px -65px;
}

#index #content #etc a.lib:hover {
	background:url(../image/btn.jpg) no-repeat -120px -130px;
}

#index #content #etc a.sto:hover {
	background:url(../image/btn.jpg) no-repeat -120px -195px;
}

#index #content #etc a.sha:hover {
	background:url(../image/btn.jpg) no-repeat -120px -260px;
}