@charset "utf-8";


/*   image zone
------------------------------------------*/
.flowImg{
	width:700px;
	margin:0px auto 0px auto;
}


.areaImg{
	width:700px;
	margin:0px auto 30px auto;
	text-align:center;
}


.complianceImg{
	width:700px;
	margin:0px auto 0px auto;
	height:340px;
	text-align:center;
}



/*   listBox
------------------------------------------*/

.leftContain{
	border-right:1px #c0c0c0 dotted;
	width:300px;
	height:auto;
	float:left;
}


.rightContain{
	width:300px;
	height:auto;
	float:left;
}


.upperBox{
	border-bottom:1px #c0c0c0 dotted;
}




.supportArticle{
	width:280px;
	height:200px;
	margin:10px auto 10px auto;
}

.supportTopic{
	width:200px;
	margin-left:70px;
}

.supportTxt{
	margin-top:10px;
	margin-bottom:5px;
}


.bnrDetail{
	width:auto;
	height:auto;
	padding-left:200px;
}



.point1{
	background:#ffffff url(/dsa/img/information/merit1.gif) no-repeat scroll left top;
}

.point2{
	background:#ffffff url(/dsa/img/information/merit2.gif) no-repeat scroll left top;
}

.point3{
	background:#ffffff url(/dsa/img/information/merit3.gif) no-repeat scroll left top;
}

.point4{
	background:#ffffff url(/dsa/img/information/merit4.gif) no-repeat scroll left top;
}


.associate{
	background:#ffffff url(/dsa/img/information/associateBg.jpg) no-repeat scroll left bottom;
	height:145px;
}

.expls{
	background:#ffffff url(/dsa/img/information/examplesBg.jpg) no-repeat scroll left bottom;
	height:145px;
}

.proposal{
	background:#ffffff url(/dsa/img/information/proposalBg.jpg) no-repeat scroll left bottom;
	height:145px;
}

.grounds{
	background:#ffffff url(/dsa/img/information/groundBg.jpg) no-repeat scroll left bottom;
	height:145px;
}


/*　　internal links rollover
------------------------------------------*/


.internal1 a{
	display : block;
	overflow: hidden;  
	width : 175px;
	height : 150px;
	background : url(/dsa/img/information/internal13.jpg) no-repeat scroll 0 0 ;
	
}

.internal1 a:hover{
    background-position : 0 -150px;
	
}


.internal2 a{
	display : block;
	overflow: hidden;
	width : 155px;
	height : 150px;
	background : url(/dsa/img/information/internal23.jpg) no-repeat scroll 0 0 ;
	
}

.internal2 a:hover{
    background-position : 0 -150px;
	
}


.internal3 a{
	display : block;
	overflow: hidden;  
	width : 270px;
	height : 150px;
	background : url(/dsa/img/information/internal33.jpg) no-repeat scroll 0 0 ;
	
}

.internal3 a:hover{
    background-position : 0 -150px;
	
}





/*   rollover
------------------------------------------*/

a.groundDetail {
	background:#ededc1 url(/dsa/img/information/groundBnrBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:200px;
	height:100px;
}

a.groundDetail:hover {
	background-color: #ffffff;
}

a.groundDetail img {
	background-color: #eeeeee;
}

a.groundDetail:hover img {
	position: relative;
	top: -100px;
}


a.associationDetail {
	background:#ededc1 url(/dsa/img/information/associationBnrBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:200px;
	height:100px;
	margin:0px auto 0px auto;
}

a.associationDetail:hover {
	background-color: #ffffff;
}

a.associationDetail img {
	background-color: #eeeeee;
}

a.associationDetail:hover img {
	position: relative;
	top: -100px;
}

a.actualDetail {
	background:#ededc1 url(/dsa/img/information/actualBnrBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:200px;
	height:100px;
	margin:0px auto 0px auto;
}

a.actualDetail:hover {
	background-color: #ffffff;
}

a.actualDetail img {
	background-color: #eeeeee;
}

a.actualDetail:hover img {
	position: relative;
	top: -100px;
}

a.freeplanDetail {
	background:#ededc1 url(/dsa/img/information/freeplanBnrBr.jpg) no-repeat scroll 0px 0px;
	text-decoration:none;
	display:block;
	overflow:hidden;
	position:relative;
	width:200px;
	height:100px;
	margin:0px auto 0px auto;
}

a.freeplanDetail:hover {
	background-color: #ffffff;
}

a.freeplanDetail img {
	background-color: #eeeeee;
}

a.freeplanDetail:hover img {
	position: relative;
	top: -100px;
}





