@charset "utf-8";

/*--------------------------------------
  レイアウト
---------------------------------------*/
#main {
	width: 780px;
	margin: 10px auto;
}

.grid1, .grid2, .grid3, .grid4, .grid5 {
	display:inline;
	float:left;
	margin-left:10px;
}

.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

#kinokuni-shinkin .grid1 {
	width:560px;
}

#kinokuni-shinkin .grid2 {
	width:210px
}

#kinokuni-shinkin .grid3 {
	width:385px
}

#kinokuni-shinkin .grid4 {
	width:285px
}

#kinokuni-shinkin .grid5 {
	width:780px
}


/* ========== #main ========== */

#flashcontent {
	background: #FFF;
	height: 320px;
	width: 560px;
	margin-bottom: 10px;
}

#main .grid2 #netbanking-nav {
	position: relative;
}

#main .grid2 #netbanking-nav ol li {
	text-indent: -999em;
}

#main .grid2 #netbanking-nav ol {
	height: 325px;
	width: 210px;
	background: url(../image/top/nav-list.png) no-repeat -400px -600px;
}

#main .grid2 #netbanking-nav li a {
	position: absolute;
	left: 5px;
	height: 38px;
	width: 194px;
	display: block;
	background: url(../image/top/nav-list.png) no-repeat -196px 0px;
	outline: none;
}

#main .grid2 #netbanking-nav li.btn1 a {
	top: 27px;
	background-position: 0px -600px;
}

#main .grid2 #netbanking-nav li.btn2 a {
	top: 70px;
	background-position: 0px -638px;
}

#main .grid2 #netbanking-nav li.btn3 a {
	top: 125px;
	background-position: 0px -680px;
}

#main .grid2 #netbanking-nav li.btn4 a {
	top: 168px;
	height: 50px;
	background-position: 0px -731px;
}

#main .grid2 #netbanking-nav li.btn5 a {
	top: 272px;
	height: 46px;
	background-position: 0px -819px;
}

#main .grid2 #netbanking-nav li.btn6 a {
	top: 223px;
	height: 44px;
	background-position: 0px -960px;
	}

#main .grid2 #netbanking-nav li.btn1 a:hover {
	background-position: -200px -600px;
}

#main .grid2 #netbanking-nav li.btn2 a:hover {
	background-position: -200px -638px;
}

#main .grid2 #netbanking-nav li.btn3 a:hover {
	background-position: -200px -680px;
}

#main .grid2 #netbanking-nav li.btn4 a:hover {
	background-position: -200px -731px;
}

#main .grid2 #netbanking-nav li.btn5 a:hover {
	background-position: -200px -819px;
}

#main .grid2 #netbanking-nav li.btn6 a:hover {
	background-position: -200px -960px;
}

#main #service-info h3 {
	background: url(../image/top/h3-service-info.gif) no-repeat;
	width: 560px;
	height: 30px;
	text-indent: -999em;
}

#main #service-info {
	background: url(../image/top/bg-service-info.gif) no-repeat bottom left;
	position: relative;
	height: 125px;
	margin-bottom: 10px;
}

#main #service-info li,
#main #service-info li a {
	position: absolute;
	height: 40px;
	width: 180px;
	display: block;
	text-indent: -999em;
	outline: none;
	top: 0;
	left: 0;
}

#main #service-info li.btn1,#main #service-info li.btn2,#main #service-info li.btn3,
#main #service-info li.btn4,#main #service-info li.btn5,#main #service-info li.btn6,
#main #service-info li.btn1 a:hover,#main #service-info li.btn2 a:hover,#main #service-info li.btn3 a:hover,
#main #service-info li.btn4 a:hover,#main #service-info li.btn5 a:hover,#main #service-info li.btn6 a:hover {
	background-image:url(../image/top/nav-list.png);
}

#main #service-info li.btn1 {
	background-position: 0 0;
	left: 5px;
	top: 35px;
}

#main #service-info li.btn1 a:hover {
	background-position: -180px 0;
}

#main #service-info li.btn2 {
	background-position: 0 -40px;
	left: 190px;
	top: 35px;
}

#main #service-info li.btn2 a:hover {
	background-position: -180px -40px;
}

#main #service-info li.btn3 {
	background-position: 0 -80px;
	left: 375px;
	top: 35px;
}

#main #service-info li.btn3 a:hover {
	background-position: -180px -80px;
}

#main #service-info li.btn4 {
	background-position: 0 -120px;
	left: 5px;
	top: 80px;
}

#main #service-info li.btn4 a:hover {
	background-position: -180px -120px;
}

#main #service-info li.btn5 {
	background-position: 0 -160px;
	left: 190px;
	top: 80px;
}

#main #service-info li.btn5 a:hover {
	background-position: -180px -160px;
}

#main #service-info li.btn6 {
	background-position: 0 -200px;
	left: 375px;
	top: 80px;
}

#main #service-info li.btn6 a:hover {
	background-position: -180px -200px;
}

#main #initiatives {
	position: relative;
	height: 60px;
}

#main #initiatives li,
#main #initiatives li a {
	position: absolute;
	height: 60px;
	width: 180px;
	display: block;
	text-indent: -999em;
	outline: none;
	top: 0;
	left: 0;
}

#main #initiatives li.btn1,#main #initiatives li.btn2,#main #initiatives li.btn3,
#main #initiatives li.btn1 a:hover,#main #initiatives li.btn2 a:hover,#main #initiatives li.btn3 a:hover {
	background-image:url(../image/top/nav-list.png);
}

#main #initiatives li.btn1 {
	left: 5px;
	background-position: 0px -250px;
}

#main #initiatives li.btn2 {
	left: 190px;
	background-position: -180px -250px;
}

#main #initiatives li.btn3 {
	left: 375px;
	background-position: -360px -250px;
}

#main #initiatives li.btn1 a:hover {
	background-position: 0px -310px;
}

#main #initiatives li.btn2 a:hover {
	background-position: -180px -310px;
}

#main #initiatives li.btn3 a:hover {
	background-position: -360px -310px;
}

#main #initiatives h3 {
	display: none;
}

#main .grid2 .bnr-unit img {
	margin-bottom: 5px;
}

#main #topics h3,
#main #campaign h3 {
	height: 50px;
	width: 385px;
	display: block;
	text-indent: -999em;
	background-image:url(../image/top/nav-list.png);
	margin-top: 10px;
}

#main #topics h3 {
	background-position: 0px -450px;
}

#main #campaign h3 {
	background-position: -400px -450px;
}

#main #campaign div.innerbox,
#main #topics div.innerbox {
	height: 200px;
	padding: 5px;
	overflow: auto;
}

#main .grid3 .newslist ul {
	margin-top: 2px;
}

#main .grid3 .newslist li {
	display: block;
	padding: 6px 0px 8px;
	background: url(../image/common/dotline.gif) repeat-x bottom;
}

#main .grid3 .newslist li p {
	line-height: 1.2;
}

#main .grid3 .newslist li p.date {
	/*font-weight: bold;*/	
}

#main .grid3 .newslist li p.arr {
	padding-left: 1.3em;
	background: url(../image/common/bg-arr-red.gif) no-repeat 0 0.3em;
}

#main .grid3 .newslist li a[href $='.pdf'] { 
	padding: 3px 22px 3px 0; 
	background: transparent url(../image/common/pdficon.gif) no-repeat center right; 
}

/* bnr-unit */
#main .grid5 {
	margin-top: 10px;
}

#main .grid5 ul.bnr-unit {
	position: relative;
	height: 140px;
}

#main .grid5 ul.bnr-unit li img {
	position: absolute;
}

#main .grid5 ul.bnr-unit li a:hover img {
	outline: 1px solid #000;
}

#main .grid5 ul.bnr-unit li.bnr1 img {
	top: 0;
	left: 0;
}

#main .grid5 ul.bnr-unit li.bnr2 img {
	top: 0;
	left: 260px;
}

#main .grid5 ul.bnr-unit li.bnr3 img {
	top: 0;
	left: 520px;
}

#main .grid5 ul.bnr-unit li.bnr4 img {
	top: 70px;
	left: 0;
}

#main .grid5 ul.bnr-unit li.bnr5 img {
	top: 70px;
	left: 322px;
}

#main .grid5 ul.bnr-unit li.bnr6 img {
	top: 70px;
	left: 564px;
}