/* CSS Document */

/*         mainBlock
-----------------------------*/
#mainBlock *{
	margin: 0;
	padding: 0;
}
#mainBlock {
	width: 920px;
}

/*         topBlock
-----------------------------*/
#mainBlock #topBlock{
	width: 920px;
	height: 341px;
	background: url(../index_images/index_main_bg.gif) top left no-repeat;
	position: relative;
}
#mainBlock #topBlock h1{
	position: absolute;
	top:50px; left:120px;
}
#mainBlock #topBlock h2{
	position: absolute;
	top:29px; left:585px;
}
#mainBlock #topBlock .topMainTxt{
	position: absolute;
	top:135px; left:193px;
}
#mainBlock #topBlock .topCase01{
	position: absolute;
	top:62px; left:575px;
}

#mainBlock #topBlock .topCase02{
	position: absolute;
	top:166px; left:575px;
}

#mainBlock #topBlock .topCaseBtn{
	position: absolute;
	top:262px;
	left:846px;
	background-image: url(more);
}

#mainBlock #topBlock .topTxt01{
	position: absolute;
	top:290px; left:125px;
}

#mainBlock #topBlock .topTxt02{
	position: absolute;
	top:290px; left:489px;
}

#mainBlock #topBlock .topTxt03{
	position: absolute;
	top:291px; left:803px;
}

/*         navBlock
-----------------------------*/
#mainBlock #navBlock{
	width: 920px;
	margin: 6px 0 0 0;
	overflow: hidden;
}
#mainBlock #navBlock .nav01{
	float: left;
	width: 287px;
}
#mainBlock #navBlock .nav02{
	float: left;
	width: 343px;
}
#mainBlock #navBlock .nav03{
	float: left;
	width: 290px;
}

#mainBlock #navBlock .nav01 h3{
	margin: 0 0 0 9px;
}
#mainBlock #navBlock .nav01 ul{
	margin: 12px 0 0 13px;
	list-style: none;
}
#mainBlock #navBlock .nav01 ul li{
	margin: 0 0 5px 0;
}

#mainBlock #navBlock .nav02 ul{
	margin: 12px 0 0 4px;
	list-style: none;
}
#mainBlock #navBlock .nav02 ul li{
	margin: 0 0 5px 0;
}

#mainBlock #navBlock .nav03 ul{
	margin: 12px 0 0 14px;
	list-style: none;
}
#mainBlock #navBlock .nav03 ul li{
	margin: 0 0 5px 0;
}

/*         contactBlock
-----------------------------*/
#mainBlock #contactBlock{
	clear: left;
	width: 920px;
	padding: 20px 0 19px 0;
}
#mainBlock #contactBlock p{
	text-align: center;
}

/*         specialContents
-----------------------------*/
#mainBlock #specialContents{
	width: 920px;
	padding: 0 0 29px 0;
}
#mainBlock #specialContents ul{
	width: 920px;
	list-style: none;
	overflow: hidden;
}
#mainBlock #specialContents ul li{
	float: left;
	padding: 0 11px 0 0;
}
#mainBlock #specialContents ul li.last{
	float: left;
	padding: 0;
}

/*         otherBlock
-----------------------------*/
#mainBlock #otherBlock{
	clear: left;
	width: 920px;
	overflow: hidden;
}
#mainBlock #otherBlock .topicsBox{
	float: left;
	width: 548px;
	padding: 13px 0 0 0;
	background: url(../index_images/index_topics_bg01.gif) top left no-repeat;
}
#mainBlock #otherBlock .bnrBox{
	float: right;
	width: 355px;
}

/*-- topicsBox --------*/
#mainBlock #otherBlock .topicsBox .textBox{
	width: 548px;
	background: url(../index_images/index_topics_bg02.gif) bottom left no-repeat;
}
#mainBlock #otherBlock .topicsBox .textBox .titleArea{
	width: 517px;
	margin: 0 0 0 9px;
	padding: 0 0 12px 0;
	overflow: hidden;
	background: url(../index_images/index_topics_line.gif) bottom left no-repeat;
}
#mainBlock #otherBlock .topicsBox .textBox .titleArea h4{
	float: left;
}
#mainBlock #otherBlock .topicsBox .textBox .titleArea .date{
	float: right;
	padding: 2px 10px 0 0;
}
#mainBlock #otherBlock .topicsBox .textBox ul{
	clear: left;
	margin: 10px 0 0 15px;
	padding: 0 0 15px 0;
	list-style: none;
}
#mainBlock #otherBlock .topicsBox .textBox .topicMore{
	width: 40px;
	margin: 20px 0 0 479px;
	padding: 0 0 18px 10px;
	background: url(../index_images/index_arw01.gif) no-repeat;
}
#mainBlock #otherBlock .topicsBox .textBox a{
	color: #061849;
}

/*-- bnrBox --------*/
#mainBlock #otherBlock .bnrBox .bBnr01{
	padding: 0 0 5px 0;
}
#mainBlock #otherBlock .bnrBox .sBnr01{
	float: left;
}
#mainBlock #otherBlock .bnrBox .sBnr02{
	float: right;
}
#mainBlock #otherBlock .bnrBox .preBox{
	width: 355px;
	padding: 14px 16px 0 0;
	overflow: hidden;
}
#mainBlock #otherBlock .bnrBox .preBox .prePhoto{
	float: left;
	width: 60px;
}
#mainBlock #otherBlock .bnrBox .preBox .preTxt{
	float: right;
	width: 270px;
}

/*         indexFotBlock
-----------------------------*/
#mainBlock #indexFotBlock{
	clear: both;
	width: 920px;
	margin: 38px 0 20px 0;
	overflow: hidden;
}
#mainBlock #indexFotBlock .block01{
	float: left;
	width: 232px;
	background: url(../index_images/index_fot_line.gif) top left no-repeat;
}
#mainBlock #indexFotBlock .block02{
	float: right;
	width: 220px;
	background: url(../index_images/index_fot_line.gif) top left no-repeat;
}
#mainBlock #indexFotBlock .block01 .fotBnr01{
	margin: 13px 0 0 25px;
}
#mainBlock #indexFotBlock .block01 .fotBnr02,
#mainBlock #indexFotBlock .block02 .fotBnr02{
	margin: 21px 0 0 25px;
}
#mainBlock #indexFotBlock .block01 .subTxt01{
	margin: 10px 0 0 27px;
}
#mainBlock #indexFotBlock .block01 .subTxt02{
	margin: 6px 0 0 54px;
}
#mainBlock #indexFotBlock .block01 .subTxt03{
	margin: 6px 0 0 40px;
}
#mainBlock #indexFotBlock .block02 .subTxt04{
	margin: 6px 0 0 40px;
}