/* CSS Document */

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

/*         headBlock

-----------------------------*/

#mainBlock #headBlock{
	width: 920px;
	padding: 9px 0 0 0;
	background: url(../index_images/head_bg.jpg) top left no-repeat;
}

#mainBlock #headBlock .headTop{
	width: 769px;
	margin: 0 0 0 151px;
	overflow: hidden;
}

#mainBlock #headBlock .headTop .titleBox{
	float: left;
	width: 424px;
	height: 135px;
}

#mainBlock #headBlock .headTop ul.focusBox{
	float: left;
	width: 345px;
	overflow: hidden;
}

#mainBlock #headBlock .headTop ul.focusBox li{
	float: left;
	padding: 4px 0 0 2px;
	list-style: none;
}

#mainBlock #headBlock h1{
	padding: 14px 0 0 21px;
}

#mainBlock #headBlock .flashArea{
	clear: left;
	height: 127px;
	padding: 6px 0 0 152px;
}

/*         navBlock
-----------------------------*/
#mainBlock #navBlock{
	width: 920px;
	margin: 6px 0 0 0;
	overflow: hidden;
}
#mainBlock #navBlock .nav01{
	float: left;
	width: 290px;
	padding: 50px 0 0 0;
	background: url(../index_images/index_cont01_bg01.gif) top left no-repeat;
}
#mainBlock #navBlock .nav02{
	float: left;
	width: 360px;
	padding: 50px 0 0 0;
	background: url(../index_images/index_cont01_bg02.gif) top left no-repeat;
}
#mainBlock #navBlock .nav03{
	float: left;
	width: 270px;
	padding: 50px 0 0 0;
	background: url(../index_images/index_cont01_bg03.gif) top left no-repeat;
}

#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;
}

/*         specialContents
-----------------------------*/
#mainBlock #specialContents{
	clear: left;
	width: 920px;
	margin: 24px 0 23px 0;
}
#mainBlock #specialContents .spBox01{
	margin: 0 0 3px 0;
}
#mainBlock #specialContents .spBox02{
	width: 920px;
	overflow: hidden;
}
#mainBlock #specialContents .spBox02 .left{
	float: left;
}

#mainBlock #specialContents .spBox01 .blueBox {
	width: 920px;
	height: 94px;
	background: url(../index_images/sp_bg01.gif) top left no-repeat;
}
#mainBlock #specialContents .spBox02 .yellowBox {
	width: 551px;
	height: 94px;
	background: url(../index_images/sp_bg02.gif) top left no-repeat;
}
#mainBlock #specialContents .spBox02 .grayBox {
	width: 369px;
	height: 94px;
	background: url(../index_images/sp_bg03.gif) top left no-repeat;
}

#mainBlock #specialContents .spBox01 .blueBox ul{
	width: 914px;
	padding: 7px 0 0 6px;
	list-style: none;
	overflow: hidden;
}
#mainBlock #specialContents .spBox01 .blueBox ul li{
	float: left;
	padding: 0 7px 0 0;
}
#mainBlock #specialContents .spBox01 .blueBox ul li.last{
	float: left;
	padding: 0;
}
#mainBlock #specialContents .spBox01 .blueBox .space{
	margin: 0 0 6px 0;
}

#mainBlock #specialContents .spBox02 .yellowBox ul{
	width: 546px;
	padding: 7px 0 0 6px;
	list-style: none;
	overflow: hidden;
}
#mainBlock #specialContents .spBox02 .yellowBox ul li{
	float: left;
	padding: 0 6px 0 0;
}
#mainBlock #specialContents .spBox02 .yellowBox ul li.last{
	float: left;
	width: 176px;
	padding: 0;
	margin: 0;
}

#mainBlock #specialContents .spBox02 .grayBox ul{
	width: 363px;
	padding: 7px 0 0 5px;
	list-style: none;
	overflow: hidden;
}
#mainBlock #specialContents .spBox02 .grayBox ul li{
	float: left;
	padding: 0 7px 0 0;
}
#mainBlock #specialContents .spBox02 .grayBox ul li.last{
	float: left;
	padding: 0;
}

/*         f4Block
-----------------------------*/
#mainBlock #f4Block{
	clear: left;
	padding: 33px 0 26px 41px;
}
#mainBlock #f4Block ul{
	width: 856px;
	padding: 10px 0 0 0;
	list-style: none;
	overflow: hidden;
}
#mainBlock #f4Block ul li{
	float: left;
	padding: 0 30px 0 0;
}

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

/*         topicsBlock
-----------------------------*/
#mainBlock #topicsBlock{
	width: 920px;
}
#mainBlock #topicsBlock h4{
	width: 920px;
	margin: 0 0 6px 0;
	padding: 0 0 11px 0;
	background: url(../index_images/index_topics_line.gif) bottom left repeat-x;
}
#mainBlock #topicsBlock .topicsList{
	width: 920px;
	overflow: hidden;
}

#mainBlock #topicsBlock .preBox{
	float: left;
	width: 440px;
	padding: 15px 0 0 0;
	margin: 0 20px 0 0;
	background: url(../index_images/index_topics_line02.gif) bottom left no-repeat;
	overflow: hidden;
}
#mainBlock #topicsBlock .prePhoto{
	float: left;
	width: 75px;
}
#mainBlock #topicsBlock .preTxt{
	float: right;
	width: 365px;
}
#mainBlock #topicsBlock .text01{
	background-color: #FFCC00;
}

#mainBlock #topicsBlock .text02{
	padding: 10px 0 15px 0;
}


/*         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;
}