@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 img{
	position: absolute;
}

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

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

#contents1 .detailLink img {
	position: relative;
	width: 100%;
}

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

.detailLink .btn1 {
	width: 94%;
	max-width: 692px;
	margin-right: 0%;
	margin-left: auto;
	margin-bottom: 0px;
}

.detailLink .btn2 {
	width: 92%;
	max-width: 674px;
	margin-right: 3.8%;
	margin-left: auto;
	margin-bottom: -8px;
}

.detailLink .btn3 {
	width: 92%;
	max-width: 674px;
	margin-right: 3.8%;
	margin-left: auto;
	margin-bottom: 1px;
}

.detailLink .btn4 {
	width: 92%;
	max-width: 674px;
	margin-right: 3.8%;
	margin-left: auto;
	margin-bottom: -2px;
}

.detailLink .btn5 {
	width: 68%;
	max-width: 497px;
	margin-left: 16.5%;
	margin-bottom: 50px;
}


.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){
	.detailLink .btn1 {
		margin-bottom: -0.5vw;
	}
	.detailLink .btn2 {
		margin-bottom: -1.5vw;
	}
	.detailLink .btn3 {
		margin-bottom: -0.1vw;
	}