/* CSS Document */

body {
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 line-height: 14px;
 color: #333;
 width: 100%;
}
a { text-decoration: none;}
a:visited { color:#666;}

#BOX {
 text-align: center;
}
#ALL {
	margin: auto;
	width: 800px;
	height: auto;
	background: #FFF;
	left: auto;
	right: auto;
	text-align: left;
}

#HEADER {
 margin-top: 10px;
 text-align: left;
 width: 800px;
 height: 51px;
 background: url(../img/header.gif) no-repeat;
}
#HEADER img { margin-left: 8px;}

#NAVI {
	float: right;
	margin: 0px;
	color: #4075ab;
	padding-top: 6px;
	padding-bottom: 2px;
	font-size: 10px;
}
#NAVI ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#NAVI a { color: #4075ab; text-decoration: none;�@}
#NAVI a:hover { text-decoration: underline;}
#NAVI a:visited { color:#666666;}

#MENU {
 clear: both;
 width: 800px;
 height: 30px;
 background: #C3C;
}
#MENU ul { list-style: none; width: 800px; height: 30px; margin: 0px; padding: 0px;}
#MENU ul li { float: left;}
#MENU a { display: block; text-indent: -10000px; overflow: hidden;}
a.menu01 { width: 101px; height: 30px; background: url(../img/menu01.gif); background-position: 0px 0px;}
a:hover.menu01 { background-position: 0px 30px; }
a.menu02 { width: 100px; height: 30px; background: url(../img/menu02.gif); background-position: 0px 0px;}
a:hover.menu02 { background-position: 0px 30px; }
a.menu03 { width: 100px; height: 30px; background: url(../img/menu03.gif); background-position: 0px 0px;}
a:hover.menu03 { background-position: 0px 30px; }
a.menu04 { width: 100px; height: 30px; background: url(../img/menu04.gif); background-position: 0px 0px;}
a:hover.menu04 { background-position: 0px 30px; }
a.menu05 { width: 100px; height: 30px; background: url(../img/menu05.gif); background-position: 0px 0px;}
a:hover.menu05 { background-position: 0px 30px; }
a.menu06 { width: 100px; height: 30px; background: url(../img/menu06.gif); background-position: 0px 0px;}
a:hover.menu06 { background-position: 0px 30px; }
a.menu07 { width: 100px; height: 30px; background: url(../img/menu07.gif); background-position: 0px 0px;}
a:hover.menu07 { background-position: 0px 30px; }
a.menu08 { width: 99px; height: 30px; background: url(../img/menu08.gif); background-position: 0px 0px;}
a:hover.menu08 { background-position: 0px 30px; }

#MAIN {
 margin-top: 10px;
 width: 800px;
 height: auto;
}

#MAIN_LEFT {
 float: left;
 width: 600px;
 margin: 0px;
}
#MAIN_LEFT a:hover { text-decoration: underline;}
.main_bn {
 margin-top: 5px;
}
.main_bn ul { list-style: none; height: 60px; margin: 0px; padding: 0px;}
.main_bn ul li { float: left;}
.main_bn a { display: block; width: 196px; text-indent: -10000px; overflow: hidden;}
.deposit { height: 60px; background: url(../img/orange_menu_01.gif); background-position: 0px 0px; margin-right: 6px;}
.save { height: 60px; background: url(../img/orange_menu_02.gif); background-position: 0px 0px; margin-right: 6px;}
.borrow { height: 60px; background: url(../img/orange_menu_03.gif); background-position: 0px 0px;}
.information {
 font-size: 12px;
}
.information th {
 margin: 0px;
 background: url(../img/information.gif) no-repeat;
 width:95px; height: 125px;
}
.information td {
 line-height: 20px;
 text-indent: 5px;
}
.information a:hover { text-decoration: underline;}
.topics {
 clear: both;
 margin-top: 10px;
 margin-left: 0px;
 font-size: 12px;
}
.topics th {
 margin: 0px;
 background: url(../img/topics.gif) no-repeat;
 width:95px; height: 151px;
}
.topics td {
 line-height: 20px;
 text-indent: 5px;
}

#MAIN_RIGHT {
 float: right;
 width: 200px;
 text-align: left;
 margin-bottom: 10px;
}
#MAIN_RIGHT a:hover { text-decoration: underline;}
.alart {
 margin-left: 5px;
 width: 195px;
 height: 198px;
 background: url(../img/alart_back.gif) no-repeat;
}
.tel {
 margin: 31px 0px 0px 16px;
}
.contact {
 margin: 4px 0px 0px 10px;
}
.question {
 margin: 5px 0px 0px 5px;
 border-bottom: 1px solid #666;
 font-size: 12px;
}
.question_left {
 border-left: 1px solid #666;
 padding: 5px 0px 5px 3px;
}
.question_right{
 border-right: 1px solid #666;
 padding: 5px 0px 5px 3px;
}
.question_border {
 height: 1px;
 background: url(../img/question_border.gif) repeat-x;
 border-left: 1px solid #666;
 border-right: 1px solid #666;
}
.bn {
 padding-bottom: 40px;
}
.bn_link {
 height: 30px;
 margin: 0px;
 padding: 0px;
 margin-left: 5px;
 margin-top: 10px;
}

#TOPICS {
 clear: both;
 margin: 0px; padding: 0px;
 width: 800px;
}
.topics_left {
 float: left;
 width: 600px;
}
.topics_left ul { list-style: none; width: 600px; margin: 0px; padding: 0px;}
.topics_left ul li { float: left; padding: 10px 0px 5px 5px;}
.topics_left a { display: block; width: 195px; text-indent: -10000px; overflow: hidden; }
.seven_bn { height: 48px; background: url(../img/seven.gif); background-position: 0px 0px;}
.action_bn { height: 48px; background: url(../img/action.gif); background-position: 0px 0px;}
.recruit_bn { height: 48px; background: url(../img/recruit.gif); background-position: 0px 0px;}

.topics_right {
 float: right;
 width: 200px;
}
.topics_right p {
 margin: 10px 0px 10px 5px;
 text-align: left;
}

#FOOTER {
 clear: both;
 width: 800px;
 height: 17px;
 background: url(../img/footer.gif) repeat-x;
}
#FOOTER p {
 margin: 0px;
 width: 800px;
 text-align: center;
 line-height: 17px;
 color: #FFF;
}

#info {
	height: 125px;
	width: 600px;
	margin-top: 10px;
	margin-left: 0px;
}

.infoa {
	width: 95px;
	height: 125px;
	float: left;
	background-image: url(../img/information.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.infob {
	height: 125px;
	width: 460px;
	float: left;
	margin: 0px;
	padding: 0px;
}
/*---- ����p�ݒ� ----------------------------------------*/

@media print {

	#MENU ul { list-style: none; width: 800px; height: 30px; margin: 0px; padding: 0px; background-color: #ffffff;}
	a.menu08 { width: 98px; height: 30px; background: url(../img/menu08.gif); background-position: 0px 0px;}
	.save { height: 60px; background: url(../img/orange_menu_02.gif); background-position: 0px 0px; margin-right: 5px;}

}