
body{
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}

main{
	padding-bottom:60px;
}
/**********************共通部分************************/
h3{
	font-size:17px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:10px 0;
	float:left;
	width:200px;
	clear:both;
	display:block;
	height:30px;
	box-sizing:border-box;
}

h1{
	font-size:25px;
	fontweight:bold;
	text-align:left;

}
/**************************input_profile.php.html******************************/
.fm, .birthday, .job, .address, .passwd, .passwd2, .question, .answer, .fee{
	overflow:hidden;
	margin:15px 0;
}


.fm h3{
	padding:0px 0;
}

.input-year, .input-month, .input-day, .input-job, .input-address,
.input-passwd, .input-passwd2, .input-question, .input-answer
{
	float:left;
}
.input-fm label{
	margin-right:20px;
}

.input-year, .input-month, .input-day, .input-job, .input-address{
	width:200px;
	margin:0 5px 0 0;
}

.input-passwd, .input-passwd2{
	width:405px;
}

.input-question, .input-answer{
	width:610px;
}

.answer p{
	clear:both;
	font-size:14px;
	margin-left:200px;
	padding:10px 0;
	line-height:170%;
}
.button4:hover{
	opacity:0.5;
	cursor: pointer;
}
a:hover{
	opacity:0.5;	
}

/**************************input_payment.php.html******************************/
.info{
	overflow:hidden;
	margin:0;
	padding:0;
	margin-bottom:25px;
	font-size:22px;
	clear:both;
}

.title, .value{
	float:left;
	width:200px;
	margin:0;
	padding:0;
}

.value{
	width:600px;
	font-weight:nomal;
}

.title{
	padding-top:10px;
}

.form-title, .form-value{
	width:100%;
	font-size: 17px;
	font-weight: bold;
	margin:0;
	padding:0;
}

.form-value{
	font-weight: normal !important;
}


.card-image{
	width:400px;
	float:left;
	padding-top:5px;
}

.card-image-title{
	padding-top:30px;
}

.info+.info{
	margin-bottom:20px;
}

/**************************「口座振替のご案内」追加分******************************/
#input_bank_transfer{
    width: 880px;
    margin: 20px auto 0 auto;
    font-size:18px;
    line-height:160%;
}
#input_bank_transfer .font-bold{
	font-weight:bold;	
}

#input_bank_transfer h1{
    font-weight:bold;
    font-size:30px;
    #margin:40px 0 20px 0; 
}
#input_bank_transfer h2{
    font-weight:bold;
    font-size:25px;
    margin:40px 0 0 0; 
    line-height:180%;
}
#input_bank_transfer .bank_click{
    #font-weight:bold;
    text-decoration:underline;
    margin:25px 0 0 0; 
    cursor:pointer;
    font-size:22px;
}

#input_bank_transfer .bank_detail{
	width:843px;
	margin:15px 0 40px;
	border:solid 1px #A6A6A6;
}
#input_bank_transfer .bank_detail:after{
	display:block;
	clear:both;
	content:"";
}
#input_bank_transfer .bank_1{
	float:left;
	border-left:solid 1px #A6A6A6;
	width:280px;
	height:1784px;
	padding-top: 15px;
}
#input_bank_transfer .bank_1 h3{
	font-size:20px;
    font-weight: bold;
	margin:0;
	padding:0 0 0 15px;
    float: none;
    width: 200px;
    height: 30px;
}
#input_bank_transfer .bank_1 h4{
	font-size:18px;
    font-weight: bold;
	margin:0;
	padding-left:30px;
}
#input_bank_transfer .bank_1 h5{
	font-size:16px;
    font-weight: bold;
	margin:0;
	padding-left:15px;
}
#input_bank_transfer .bank_1 p{
	margin:0;
	padding:0 0 20px 30px;
}

/*********フォーム********/
#input_bank_transfer form ul{
    padding:0;
}
#input_bank_transfer form ul li{
    list-style-type:none;
    margin:20px 0;
}
#input_bank_transfer form input{
    font-size:18px;
    #vertical-align:bottom;
}
#input_bank_transfer form label{
    display:block;
    float:left;
    width:180px;
    margin:10px 10px 0 0;
}
#input_bank_transfer form ul:after{
    clear:both;
    content:"";
    display:block;
}
#input_bank_transfer form .input-short{
    width:215px;
    margin:0 10px 0 0;
    padding:5px;
    border:solid 1px #BBBBBB;
    height:34px;
}
#input_bank_transfer form .input-long{
    width:600px;
    margin:0 10px 0 0;
    padding:5px;
    border:solid 1px #BBBBBB;
    height:34px;
}
#input_bank_transfer form .post-search{
    background-color: #D9D9D9;
    border: solid 1px #BBBBBB;
    height: 42px;
    vertical-align: middle;
    line-height: 1.5;
    width: 103px;
    cursor:pointer;
}
#input_bank_transfer form .post-search:hover{
	opacity:0.5;
}
#input_bank_transfer form .submit-btn {
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#32CD32;
	padding:15px 20px;
	width:350px;
	border-style:none;
	margin:20px 0;
	cursor:pointer;
}
#input_bank_transfer form .submit-btn:hover{
	opacity:0.5;
}

/******口座振替:申込みありがとうございますページ追加分*******/
#input_bank_transfer_complate{
    width: 880px;
    margin: 20px auto 0 auto;
    font-size:18px;
    line-height:160%;
    padding:0;
}
#input_bank_transfer_complate .font-bold{
	font-weight:bold;	
}
#input_bank_transfer_complate .font-red{
	color:#FF0000;	
}

#input_bank_transfer_complate h1{
    font-weight:bold;
    font-size:30px;
    margin:40px 0; 
}
#input_bank_transfer_complate p{

}
#input_bank_transfer_complate a.find-btn,a.top-btn {
    display:block;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	#color:#FFFFFF;
	#background-color:#7EC333;
	padding:15px 20px;
	width:350px;
	border-style:none;
	margin:20px auto;
	#cursor:pointer;
	text-align:center;
}
#input_bank_transfer_complate a.find-btn {
	color:#FFFFFF;
	background-color:#7EC333;
}
#input_bank_transfer_complate a.top-btn {
	color:#000000;
	background-color:#BDBDBD;
}

