/* CSS Document */

#back {
position : absolute;
top: 0px; left: 20%; width: 800px; 
margin-left: 0px; margin-top: 0px; padding: 0px;
}

#logo {
position : absolute;
top: 10px; left : 0px; width : 216px; height : 80px;
margin-left : 0px; margin-top : 0px; padding : 0px;
}

#line {
position: absolute;
top: 118px; left: 0px; width: 800px; height: 10px;
margin-left : 0px; margin-top : 0px; padding : 0px;
}

#contact {
position : absolute;
top: 20px; left: 655px; width: 191px; height: 32px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}

#navi {
position : absolute;
top: 97px; left: 552px; width: 250px; height: 12px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}

#ani {
position : absolute;
top: 133px; left: 0px; width: 800px; height: 250px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#flash {
position : absolute;
top: 193px; left: 0px; width: 360px; height: 190px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#intro {
position : absolute;
top: 168px; left: 0px; width: 800px; height: 190px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#bridge_icon {
position : absolute;
top: 140px; left: 590px; width: 186px; height: 207px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#print_icon {
position : absolute;
top: 205px; left: 650px; width: 110px; height: 128px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#online_icon {
position : absolute;
top: 120px; left: 650px; width: 103px; height: 212px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}

#identity_icon {
position : absolute;
top: 222px; left: 650px; width: 111px; height: 111px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}

#other_icon {
position : absolute;
top: 189px; left: 650px; width: 120px; height: 144px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}

#navi2 {
position : absolute;
top: 142px; left: 85px; width: 434px; height: 17px;
margin-left: 0px; margin-top: 0px; padding: 0px;
}

#content {
	position: absolute;
	top: 401px;
	left: 0px;
	width: 460px;
	height: 260px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	padding: 0px;
	overflow: auto;
	visibility: visible;
}

#content_home {
position: absolute;
top: 400px; left: 0px; width: 800px; height: 260px;
margin-left: 0px; margin-right: 20px; margin-top: 0px; padding: 0px;
overflow: auto;
visibility: visible;
}

#indexbox {
position: absolute;
top: 400px; left: 482px; width: 318px; height: 187px;
background-image: url(giffs/news.jpg);
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#overbox {
position: absolute;
top: 45px; left: 0px; width: 318px; height: 142px;
margin-left: 0px; margin-top: 0px; padding: 0px;
overflow: auto; visibility: visible;
}

#onlinebox {
position: absolute;
top: 400px; left: 482px; width: 318px; height: 187px;
background-image: url(giffs/online_box.jpg);
margin-left: 0px; margin-top: 0px; padding: 0px
}
#aboutbox {
position: absolute;
top: 400px; left: 482px; width: 318px; height: 187px;
background-image: url(giffs/about_box.jpg);
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#idbox {
position: absolute;
top: 400px; left: 482px; width: 318px; height: 187px;
background-image: url(giffs/identity_box.jpg);
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#otherbox {
position: absolute;
top: 400px; left: 482px; width: 318px; height: 187px;
background-image: url(giffs/other_box.jpg);
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#printbox {
position: absolute;
top: 400px; left: 482px; width: 318px; height: 187px;
background-image: url(giffs/print_box.jpg);
margin-left: 0px; margin-top: 0px; padding: 0px;
}
#bridgebox {
position: absolute;
top: 400px; left: 482px; width: 318px; height: 187px;
background-image: url(giffs/bridge_box.jpg);
margin-left: 0px; margin-top: 0px; padding: 0px;
}





#pic {
position: absolute;
top: 334px; left: 25px; width: 350px; 
margin-left: 0px; margin-top: 0px; padding: 0px;
}




#pop {
	position : absolute;
	top: 65px; left : 18px; width : 315px; height : 380px;
	padding-right : 0px;
	margin-top : 0px;
	padding : 0px;
	padding right: 10px;
	overflow: auto;
	visibility: visible;
}
	
#footer {
position : absolute;
background-image: url(giffs/blur.jpg);
top: 670px; left : 0px; width: 800px; height: 49px;
margin-left : 0px; margin-top: 0px; padding: 0px;
}

#close {
	position : absolute; top: 440px; left : 122px; width : 100px; height : 15px; align : centre;
}





.links {
	font-family: arial; font-size: 11px; font-weight: none; text-decoration: underline; color: #000000; line-height: 14px;
}
.links:hover {
	font-family: arial; font-size: 11px; font-weight: none; text-decoration: none; color: #10598C; line-height: 14px;	
}
.text {
	font-family: arial; font-size: 11px; font-weight: none; text-decoration: none; color: #000000;
}
.text2 {
	font-family: arial; font-size: 11px; font-weight: none; text-decoration: none; color: #000000;
}
.text2:hover  {
	font-family: arial; font-size: 11px; font-weight: none; text-decoration: underline; color: #000000;
}

.titles {
	font-family: arial; font-size: 12px; font-weight: bold;  font-style: none; color: #1e75b8;
}

.terms {
	font-family: arial; font-size: 11px; font-weight: none; text-decoration: bold; color: #000000; line-height: 12px;
}