@charset "utf-8";

/* top
---------------------------------------*/
body {
/*	background:url(../img/bgBody.gif) center top repeat-y; */
}

div#globalMenu { margin-bottom:0; }

div#main {padding-bottom:8px;}

div#topImg {
	width: 860px;
	height: 360px;
	position: relative;
	margin:0 auto;
}

@media screen and (max-width : 767px){
div#topImg {
	width: 100%;
	height: auto;
}
}

div#topImg span {
	display:block;
	position:absolute;
	left:554px;
	bottom:105px;
}

div#topImg span a { font-size:12px;
}

div#topImg span a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

div.topMenu {
	width:162px;
	border:1px solid #d6d6d6;
	float: left;
	margin-right: 10px;
}

div.last { margin-right: 0px; }

div.topMenu h2 {
	width:145px;
	height:48px;
	font-size: 14px;
	font-weight: bold;
	background:url(../img/top/bgTopMenu.png) center bottom no-repeat;
	border-bottom:1px solid #d6d6d6;
	padding-left: 17px;
	display:block;
	line-height:48px;
}

div.topMenu h2.twoline {
	line-height:1.3;
	padding-top: 5px;
	height: 43px;
}

div.topMenu h2 a:link { text-decoration:none; }
div.topMenu h2 a:hover { text-decoration:underline; }

div.topMenu div.topMenuTxt {
	width:144px;
	padding: 10px 9px;
	line-height: 1.3;
}

div.topMenu div.topMenuTxt img { vertical-align:middle; }

div#footer,
div#footer div#footDiv { height:95px; }

div#footer address {top:26px;}

.lpdb {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}

div#main .lpdb h2 {
  color: #000;
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0 40px;
  width: auto;
  padding: 0;
  line-height: 1.5;
}
.lpdb-qr {
  text-align: center;
  margin: 30px auto 40px;
}
.lpdb-qr dt img {
  width: 120px;
  height: auto;
  display: inline-block;
}
.lpdb-btn {
  text-align: center;
  margin: 0 auto 30px;
  width: 357px;
}
.lpdb .lpdb-causion {
  text-align: right;
  font-size: 12px;
}
.lpdb h3 {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0 30px;
}
.lpdb .step2 {
  width: 209px;
  margin: 0 auto;
}
.sp_only {
  display: none;
}
div#topImg span {
  left: 50%;
  transform: translateX(-50%);
}
.lpbtn {
  position: absolute;
  bottom: 0px;
  width: 200px;
  right: 0px;
}
@media screen and (max-width : 767px){
  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
  .lpdb .step1 img {
    width: 230px;
    display: block;
    margin: 0 auto
  }
  .lpbtn {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 0 auto;
  }
  div#topImg span {
    position: relative;
    left: auto;
    bottom: auto;
    text-align: center;
    transform: none;
    margin: 10px 0 0;
  }
}