@charset "utf-8";


/*
########################################################
  main layout
########################################################
*/

div#mainCont div.topBox{
	width:690px;
	height: auto;
	margin:20px 0 0 20px;
}

div.topMainImg{
	margin:0;
	padding:0;
	width:710px;
}

div.topSubImgL{
	display:inline;
	float:left;
	width:355px;
}

div.topSubImgR{
	display:inline;
	float: right;
	widows:355px;
}


/* topBox right
--------------------------------------------*/

div.topBox div.topBoxR{
	width:180px;
	float: right;
}

div.topBoxR ol li{
	margin:0 0 10px 0;
}

/* topBox left
--------------------------------------------*/

div.topBox div.topBoxL{
	width:495px;
	float:left;
}

/* information box */

div.topInfo{
	width:491px;
	height:auto;
	margin:0 0 15px 0;
	background:url(../img/top/bg_middle_feature.gif) repeat-y left top;
}

div.topInfo h3{
	width:491px;
	height:32px;
	position:relative;
    font-size: 80%;
	font-weight:normal;
	background: url(../img/top/bg_top_feature.gif) no-repeat left top;
}

div.topInfo h3 a{
	position:absolute;
	right:13px;
	top:12px;
	padding:0 0 0 10px;
	background:url(../img/icon_arrow02.gif) no-repeat 0 0.5em;
	*background:url(../img/icon_arrow02.gif) no-repeat 0 0.4em;
}

div.topInfo div.topInfoIn{
	width:491px;
	height:auto;
	padding:0 0 10px 0;
	background:url(../img/top/bg_bottom_feature.gif) no-repeat left bottom;
}

div.topInfoIn div.topInfoInL{
	width:225px;
	float:left;
	margin:0 0 0 16px;
	text-align:center;
	display:inline;
}

div.topInfoIn div.topInfoInR{
	width:225px;
	float:right;
	margin:0 16px 0 0;
	text-align:center;
	display:inline;
}

div.topInfoInL div.topInfoInBox,
div.topInfoInR div.topInfoInBox{
	width:225px;
	height:auto;
	background: url(../img/top/bg_middle_feature_in.gif) repeat-y left top;
}



div.topInfoInL dl,
div.topInfoInR dl{
	width:225px;
	height:auto;
	padding:0 0 5px 0;
	background:url(../img/top/bg_bottom_feature_in.gif) no-repeat left bottom;
}

div.topInfoInL dl dd,
div.topInfoInR dl dd{
	margin:5px 0 0 0;
}

div.topInfoInL p,
div.topInfoInR p{
	margin:8px 0 0 0;
}

/* news box */

div.topNewsBox{
	margin:0 0 15px 0;
}

div.topNewsBox h3{
	margin:0 0 14px 0;
}

div.topNewsBox table{
	width:490px;
	margin:0 0 0 0;
	border-collapse:collapse;
}

div.topNewsBox table th{
	width:34px;
	vertical-align:top;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}

div.topNewsBox table td{
	padding:5px 2px;
	vertical-align:top;
	background:url(../img/line_green01.gif) repeat-x left bottom;
}

div.topNewsBox table td.newsCate{
	width:67px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

div.topNewsBox table td.newsCate span{
	display:block;
	padding:2px;
	margin:5px 2px 0 0;
	background-color:#F2F2F2;
	font-size: 80%;
	text-align:center;
}

div#topCaption{
	margin:0;
	padding:10px 13px 10px 13px;
	background:#F0F4F0;
	line-height: 1.5;
	width:464px;
	/*border:1px solid #CCCCCC;*/
}

/*div#topCaption p{
	padding:0 0 0 13px;
	border-left:3px solid #A3BCA3;
}
*/