@charset "UTF-8";

@import url(res_lp_common.css);

#contents img{
	display:block;
}

#contents1{
	position: relative;
}

.detailLink {
	vertical-align: bottom;
	position: relative;
	width:100%;
	display: block;
}

#contents1 .detailLink{
	display:block;
    position: absolute;
}

#contents1 .detailLink .ui-link{
	display:block;
}

#contents2 .detailLink .ui-link{
	display:block;
    position: absolute;
}

#contents1 .detailLink img,
#contents2 .detailLink img {
	display: block;
	width: 100%;
}

#contents1 .detailLink .btn1 {
	width:93%;
	max-width: 685px;
	margin-left: 3%;
	margin-top: 3%;
}

#contents1 .detailLink .btn2 {
	width:93%;
	max-width: 685px;
	margin-left: 3%;
	margin-top: 1%;
}

#contents1 .detailLink .btn3 {
	width:92%;
	max-width: 676px;
	margin-left: 4.4%;
	margin-top: -0.6%;
}

#contents1 .detailLink .btn {
	width: 92%;
	max-width: 674px;
	margin-right: 4.3%;
	margin-left: auto;
	margin-top : 3.5%;
	margin-bottom: 34px;
}


#contents2 .detailLink .btn {
	width: 56%;
	max-width:408px;
	margin-left: 22.5%;
}

.detailLink a:hover {
	//background-color: #ffffff;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	/zoom:1;
}


.clear {
	clear: both;
}
	
#etcMenu img{
	display:inline;
	
}

@media screen and (max-width: 740px){
	#contents1 .detailLink .btn {
		margin-bottom: 4.5vw;
	}
}