@charset "UTF-8";



/* ここからデモページ用のコード */
body {
	width: 100% ;
	height: 100% ;
	padding: 0 ;
}




/* ここまでデモページ用のコード */

#modal-content {
	width: 620px;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

#modal-content_center{
	width: 80%;
  margin: 0 auto;
  max-width: 500px;
}



.mainvisual_img_area_modal1 {
    width: 496px;
    height: 130px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    background: url("../img/top/mainvisual_modal_01.gif") no-repeat;
	position: relative;
}
.mainvisual_img_area_modal2 {
    width: 496px;
    height: 130px;
	margin-top: 0px;
	margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
    background: url("../img/top/mainvisual_modal_02.gif") no-repeat;
	position: relative;
}

/* お問い合わせボタンのとこ */
.otoiawase_bt {
	width: 200px;
	height: 82px;
	position:absolute;
	bottom: 14px;
	left: 282px;
}
.otoiawase_bt2 {
	width: 200px;
	height: 82px;
	position:absolute;
	bottom: 14px;
	left: 282px;
}

.top_seikyu_sel_modal {
    position: absolute;
    left: 43px;
    bottom: 20px;
}
.top_seikyu_sel_modal2 {
    position: absolute;
    left: 43px;
    bottom: 20px;

}