@charset "UTF-8";
/* CSS Document */

div#topImg{
	width:896px;
	margin: 0 0 20px 2px;
	background-color:#fff;
	color:#000;
	position: relative;
}
div#topImg img{
	display:block;
}
div#topImg div.heading{
	position:absolute;
	top:70px;
	left:35px;
	width:410px;
	z-index:10;
}
div#topImg div.heading h1{
	margin: 0 0 0.5em 0;
	font-size:182%;
	line-height:1.5;
}
div#topImg div.heading p{
	margin: 0 0 0.5em 0;
	font-size:123.1%;
	line-height:1.5;
}
div#topImg ul.logo{
	position:absolute;
	left:35px;
	bottom:35px;
	width:430px;
	z-index:11;
}
div#topImg ul.logo li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding-right:20px;
}


div#topSelect{
	width:825px;
	margin:0 0 0 37px;
	padding-bottom:50px;
}
div#topSelect div.btn1,
div#topSelect div.btn2,
div#topSelect div.btn3{
	width:265px;
	float:left;
	margin-right:15px;
}
div#topSelect div.btn3{
	margin-right:0;
}
div#topSelect a{
	display:block;
	width:265px;
	height:190px;
	margin-bottom:10px;
	position:relative;
}
div#topSelect a img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
div#topSelect a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
}
div#topSelect a h2{
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	
	width:100%;
	padding:5px 0;
	background-color:#000;
	background-color:rgba(0,0,0,0.75);
	color:#fff;
	font-size:138.5%;
	line-height:1.3;
	
	background-image:url(../images/top/btn_arrow.png);
	background-position:5px center;
	background-repeat:no-repeat;
}
div#topSelect a h2 span{
	padding:0 5px 0 35px;
}


p.notice{
	width:825px;
	margin:0 0 0 37px;
	text-align:right;
	font-size:85%;
}