@charset "UTF-8";

/*------------------------------------------------

	index.html

-------------------------------------------------*/


body.index {
	background: url(../common/images/index_bg.jpg) repeat-x 0 0;
}



/*----- key img -----*/

#tab {
	position: relative;
	height:270px;
	margin:0 auto;
	width:1020px;
	background:url(../common/images/keyimg_bg.jpg) repeat-x 0 0;
}


#tab ul {
	position:relative;
	width:178px;
	height:246px;
	left:0;
	top:0;
	background: url(../common/images/keyimg_navi_bg.jpg) no-repeat 0 0;
	overflow:hidden;
	padding:24px 0 0 12px;
}

#tab ul li {
	width:164px;
	vertical-align: bottom;
	padding-bottom:1px;
}

#tab ul li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:54px;
}

#tab #tabMenu01:hover {background:url(../common/images/keyimg_navi_on01.jpg) no-repeat 0 0;}
#tab #tabMenu02:hover {background:url(../common/images/keyimg_navi_on02.jpg) no-repeat 0 0;}
#tab #tabMenu03:hover {background:url(../common/images/keyimg_navi_on03.jpg) no-repeat 0 0;}
#tab #tabMenu04:hover {background:url(../common/images/keyimg_navi_on04.jpg) no-repeat 0 0;}


#tab #nav li.select #tabMenu01 { background:url(../common/images/keyimg_navi_on01.jpg) no-repeat 0 0;}
#tab #nav li.select #tabMenu02 { background:url(../common/images/keyimg_navi_on02.jpg) no-repeat 0 0;}
#tab #nav li.select #tabMenu03 { background:url(../common/images/keyimg_navi_on03.jpg) no-repeat 0 0;}
#tab #nav li.select #tabMenu04 { background:url(../common/images/keyimg_navi_on04.jpg) no-repeat 0 0;}



#tab div {
	width:740px;
	height:235px;
	position:absolute;
	top:0;
	right:90px;
}

#tab div#tabContents01 { background:url(../common/images/key_img01.jpg) no-repeat 0 0;}
#tab div#tabContents02 { background:url(../common/images/key_img02.jpg) no-repeat 0 0;}
#tab div#tabContents03 { background:url(../common/images/key_img03.jpg) no-repeat 0 0;}
#tab div#tabContents04 { background:url(../common/images/key_img04.jpg) no-repeat 0 0;}



#tab h2 {
	text-indent:-9999px;
}


#tab p {
	position:absolute;
	right:5px;
	bottom:5px;
}

#tab p a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:130px;
	height:23px;
}

#tab p a:hover { background:url(../common/images/key_img_btn.jpg) no-repeat 0 0;}



/*-----end of key img -----*/




/*-----pick up -----*/

#indexContents #pickUp {
	width:600px;
	height:150px;
	margin-bottom:20px;
	position:relative;
}



#indexContents #pickUp li {
	width:192px;
	height:150px;
	position:absolute;
	top:0;
}

#indexContents #pickUp li a {
	display:block;
	width:192px;
	height:150px;
	overflow:hidden;
	text-indent:-9999px;
}


#pickUp #pickup01 {
	background:url(../images/index_pickup01.jpg) no-repeat 0 0;
	left:0;
}

#pickUp #pickup02 {
	background:url(../images/index_pickup02.jpg) no-repeat 0 0;
	left:204px;
}

#pickUp #pickup03 {
	background:url(../images/index_pickup03.jpg) no-repeat 0 0;
	right:0;
}




#pickUp #pickup01 a:hover {
	background:url(../images/index_pickup01_on.jpg) no-repeat 0 0;
	left:0;
}

#pickUp #pickup02 a:hover {
	background:url(../images/index_pickup02_on.jpg) no-repeat 0 0;
	left:204px;
}

#pickUp #pickup03 a:hover {
	background:url(../images/index_pickup03_on.jpg) no-repeat 0 0;
	right:0;
}



/*-----end of pick up -----*/



#indexContents h4 {
margin-bottom:8px;
}





/*-----resultsArea -----*/

#resultsArea {
	margin-bottom:15px;
}

#resultsArea dl {
	width:600px;
	height:205px;
	background:url(../images/results_bg.jpg) no-repeat 0 0;
}

#resultsArea dt,
#resultsArea dd {
	text-indent:-9999px;
}

#resultsArea h4 {
	background:url(../images/index_title01.jpg) no-repeat 0 0;
	width:600px;
	height:45px;
	text-indent:-9999px;
	margin:0;
}




/*-----indexConBox02 -----*/


#indexConBox02 {
	margin-bottom:25px;
}


#indexConBox02 h3 {
	width:600px;
	height:104px;
	background:url(../images/index_title02.jpg) no-repeat 0 0;
	margin-bottom:0;
}

#indexConBox02 dl {
	margin-bottom:15px;

}


#indexConBox02 dt {
	height:73px;
	display:block;
	text-indent:-9999px;
}

#indexConBox02 dt.title01 { background:url(../images/conbox02_subtitle01.jpg) no-repeat 0 0;}
#indexConBox02 dt.title02 { background:url(../images/conbox02_subtitle02.jpg) no-repeat 0 0;}
#indexConBox02 dt.title03 { background:url(../images/conbox02_subtitle03.jpg) no-repeat 0 0;}


#indexConBox02 dd {
	font-size:86%;
	line-height:1.3;
	padding:10px;
	border: double 3px #840000;
	background-color:#FBF5F3;

}

#indexConBox02 dd span {
display:block;
padding-bottom:8px;
}



#infoArea {
margin-bottom:20px;
background:url(../images/infoarea_bg.jpg) repeat-y 0 0;
}

#infoArea h4 {
	margin-bottom:0;
}


#infoAreaBg {
background:url(../images/infoarea_bottom.jpg) no-repeat 0 100%;
padding:8px 21px 20px 15px;
}

#infoAreaBg table {
	width:100%;

}

#infoAreaBg table th,
#infoAreaBg table td {
	font-size:86%;
	line-height:1.3;
	padding:4px 0;
	border-collapse:collapse;
}

#infoAreaBg table th {
	width:23%;
}


#infoAreaBg tr {
background:url(../images/infoarea_border.jpg) no-repeat 0 100%;
}