@charset "UTF-8";

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

#modal-content {
	width: 680px;
	margin: 0 ;
	padding: 0 0 10px;
	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 ;
}


/*==================================================
よくある質問
==================================================*/

.left {
	float: left;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
	margin-right:30px;
}


.mgn15 {
	margin:15px auto;
}

.mgn30 {
	margin:30px auto;
}

.pdn15 {
	padding-top:25px;
	padding-bottom:15px;
}


.faq {
/*    width: 760px;*/
background: #FFF;
    width: 620px;
    border: 3px solid #CCC;
    margin: 15px auto;
    padding: 10px;
}

div.faq h3.q {
/*    width: 730px;*/
    width: 590px;
    background-image: url("../img/q_ico.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #999999;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 5px 28px;
    text-align: left;
}
.a {
    background-image: url("../img/a_ico.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #000;
    font-size: 14px;
    line-height: 150%;
    margin: 0;
    padding: 0 0 0 28px;
    text-align: left;
}

div#scroll {
    height: 450px;
    width: 100%;
    padding: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}