@charset "utf-8";
/* CSS Document */


/* index==========================

	1.for index style
	2.for guideArea style
	
*/

/* 1.for index style
===============================================================*/
body{
	background:url(../images/bg_top.gif) repeat-x;
}
div#mainVis{
	position:relative;
}
div#mainVis div#visMenu{
	position:absolute;
	display:inline;
	top:9px;
	left:4px;
	z-index:20;
}
#slideshow { position:relative; width:858px; height:259px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

div#sideBar{
	background:url(../common/images/bg_side_both.gif) repeat-y;
}
ul#bnList{
	background:url(../common/images/bg_side_top.gif) no-repeat top;
	padding-top:11px;
}
ul#iconList{
	margin:60px 0 0 0px;
	padding-left:32px;
	background:url(../common/images/bg_side_bottom.gif) no-repeat bottom;
	height:87px;
}
ul#iconList li{
	float:left;
	display:inline;
	margin:0 2px 0 0;
}
div#bnArea{
	width:628px;
	margin: 0 -2px 0 0;
	overflow: hidden;
	_zoom: 1;
}
div#bnArea li{
	float:left;
	width:312px;
	margin-right:2px;
}
/* 2.for guideArea style
===============================================================*/
div#guideArea{
	margin-top:20px;
	width:628px;
}
div#guideArea h3{
	margin-bottom:20px;
}
div#guideArea p{
	margin-bottom:10px;	
}

/* 3.for infoArea style
===============================================================*/
div#infoArea{
	margin-top:20px;
	width:628px;
}
div#infoArea h3{
	margin-bottom:20px;
}div#infoTitle{
	position:relative;
}
div#infoTitle p img{
	position:absolute;
	top:1px;
	left:526px;
}
div#infoArea dt{
	font-weight:bold;
	margin:0 5px 5px 5px;
}
div#infoArea dd{
	line-height:1.5;
	background:url(../common/images/dot_black.gif) repeat-x left bottom;
	margin:0 5px 10px 5px;
	padding-bottom:10px;
}