/* SIZE HINT

paddings:
18 x 13px

banner:
322 x 102px


width  : 322 * 2 + 18 = 662
height : 102 * 2 + 13 + 23 = 240

*/

.pdf{
    color: #5999d1;
    text-decoration: none;
    font-size: 90%;
    background: url('../img/pdf_small.gif') no-repeat 10px center;
    padding: 3px 0 3px 28px;
}

#showcase{
	padding-bottom: 24px;
}

#showcase .index-caution{
    position: absolute;
    top:101px;
    left: 0;
    height: 28px;
    line-height: 28px;
    font-size: 90%;
}

#navi-banner{
	height: 280px;
	position: relative;
}
#navi-banner li{
	display: block;
	width: 320px;
	position: absolute;
	top: 0;
	left: 0;
}
#navi-banner li span{
	display: block;
	border-left: 5px solid #002e7f;
	line-height: 1em;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 17px;
	color: #444;
}
#navi-banner li a{
	display: block;
	width: 320px;
	height: 100px;
	background: #fff url('../img/index/navi-1.png') no-repeat left top;
	color: #fff;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#navi-banner li a span{
	border: none;
	padding: 28px 0 0 0;
	line-height: 1.4em;
	color: #fff;
	
	text-shadow: 0px 0px 3px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=0);
}
#navi-banner li a:hover{
	background-position: 0 -100px;
}
#navi-banner li span{
	/*
	background: url('../img/index_navi-arrow.png') no-repeat left center;
	padding-left: 20px;
	*/
}
#navi-banner .ban-1{left: 0px;   top: 0px;}
#navi-banner .ban-2{left: 340px; top: 0px;}
#navi-banner .ban-3{left: 0px;   top: 145px;}
#navi-banner .ban-4{left: 340px; top: 145px;}

#navi-banner .ban-1 a{background-image: url('../img/index/navi-1.png');}
#navi-banner .ban-2 a{background-image: url('../img/index/navi-2.png');}
#navi-banner .ban-3 a{background-image: url('../img/index/navi-3.png');}
#navi-banner .ban-4 a{background-image: url('../img/index/navi-4.png');}

.more{
    line-height: 2.5em;
    display: block;
    text-align: right;
    font-size: 90%;
}