@charset "utf-8";

/*
=================================================================================
全般用
=================================================================================
*/

#form_container	{
	width: 870px;
	margin: 0 auto;
}
#form_container h2	{
	margin-bottom: 25px;
}
#form_container .step	{
	width: 870px;
	margin-bottom: 25px;
	text-align: center;
}
#form_container form	{
	width: 780px;
	margin: 0 auto;
}
#form_container .description	{
	width: 780px;
	margin-bottom: 25px;
	text-align: center;
	font-size: 15px;
}
#form_container .error	{
	width: 760px;
	margin-bottom: 25px;
	padding: 5px 10px;
	background-color: #ffcccc;
	color: #cc0000;
	font-weight: bold;
}
#form_container .button	{
	width: 780px;
	margin-bottom: 25px;
	text-align: center;
}
#form_container .button2	{
	width: 600px;
	margin: 0 0 25px 90px;
	text-align: center;
}
#form_container .button2 p	{
	width: 200px;
	padding: 0 50px;
	float: left;
}
#form_container fieldset table	{
	width: 780px;
	border: 1px solid #999999;
	margin-bottom: 25px;
}
#form_container fieldset table th	{
	width: 30%;
	border: 1px solid #999999;
	padding: 10px;
	background-color: #ebff9f;
	font-weight: bold;
}
#form_container fieldset table th span	{
	font-weight: normal;
}
#form_container fieldset table td	{
	width: 70%;
	border: 1px solid #999999;
	padding: 10px;
}
#form_container ul.form_list li	{
	width: 100px;
	float: left;
}
#form_container fieldset table td span.right_detail	{
	margin-left: 5px;
}
#form_container fieldset table td p.bottom_detail	{
	margin-top: 5px;
}
#form_container #kiyaku	{
	width: 758px;
	height: 200px;
	border: 1px solid #999999;
	margin-bottom: 25px;
	padding: 10px;
	overflow: auto;
}
#form_container #kiyaku h3	{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
#form_container #kiyaku p.kiyaku_text	{
	margin-bottom: 15px;
}
#form_container #kiyaku dl	{
	margin-bottom: 15px;
}
#form_container #kiyaku dl dt	{
	font-weight: bold;
	padding: 0 10px;
}
#form_container #kiyaku dl dd	{
	margin-bottom: 5px;
	padding: 0 20px;
}
#form_container #ssl	{
	width: 780px;
	margin: 0 auto 25px;
}
#form_container #ssl p.seal	{
	width: 100px;
	margin-right: 10px;
	float: left;
}
#form_container #ssl p.text	{
	width: 670px;
	padding: 20px 0;
	float: left;
}
#form_container table.attention_list	{
	width: 600px;
	margin: 0 auto 25px;
}
#form_container table.attention_list th	{
	width: 95px;
	padding-bottom: 5px;
}
#form_container table.attention_list td	{
	vertical-align: middle;
	padding-bottom: 5px;
}

/*
=================================================================================
完了ページ用
=================================================================================
*/

#form_container .complete	{
	width: 760px;
	padding: 10px;
	margin-bottom: 25px;
	font-size: 15px;
	color: #cc0000;
	background-color: #ffffcc;
	text-align: center;
}
#form_container .notice	{
	width: 758px;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 25px;
}
#form_container .notice ul li	{
	padding-left: 15px;
	background: url(https://www.j-grip.com/views/layouts/images/footer_icon.gif) left no-repeat;
	background-position: 0px 3px;
}
#form_container .notice dl	{
	margin-bottom: 15px;
}
#form_container .notice dl dt	{
	font-weight: bold;
}
#form_container .notice dl dd	{
	padding-left: 20px;
	color: #cc0000;
}
#form_container table.kizon_complete	{
	width: 760px;
	margin-bottom: 15px;
	font-size: 15px;
	color: #cc0000;
	background-color: #ffffcc;
	text-align: center;
}
#form_container table.kizon_complete .kizon_complete_text	{
	padding: 15px 75px;
}
#form_container table.kizon_complete .kizon_complete_gripo	{
	width: 90px;
	height: 58px;
	text-align: center;
	font-size: 11px;
	line-height: 140%;
	padding-top: 13px;
	background: url(../images/gripo_bg_r.gif) no-repeat 10px 0;
	color: #222222;
}

/*
=================================================================================
無料入会手続き完了ページ用
=================================================================================
*/
#form_container #left	{
	width: 380px;
	margin: 0 15px 25px 0;
	float: left;
}
#form_container .regist_step	{
	margin-bottom: 25px;
}
#form_container .regist_complete	{
	width: 780px;
	margin-bottom: 25px;
}
#form_container .regist_notice	{
	width: 760px;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 25px;
}
#form_container .regist_notice ul li	{
	padding-left: 15px;
	background: url(https://www.j-grip.com/views/layouts/images/footer_icon.gif) left no-repeat;
	background-position: 0px 3px;
}

/*
=================================================================================
有料登録手続き用
=================================================================================
*/
#form_pay	{
	margin-bottom: 25px;
}
#form_container fieldset legend	{
	font-size: 15px;
	margin-bottom: 5px;
}
#form_container ul.bland_list li	{
	width: 70px;
	float: left;
}
#pay_detail	{
	width: 828px;
	border: 1px solid #000000;
	padding: 10px 20px;
	margin-bottom: 25px;
}
#pay_detail h3	{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
#pay_detail table	{
	width: 828px;
	border: 1px solid #999999;
	margin-bottom: 15px;
	font-size: 13px;
}
#pay_detail table th	{
	width: 30%;
	border: 1px solid #999999;
	padding: 10px;
	background-color: #efefef;
	font-weight: bold;
}
#pay_detail table th p.pay_gripo_help	{
	background: url(../images/question_icon.gif) no-repeat 0 2px;
	padding-left: 20px;
	font-weight: normal;
}
#pay_detail table td	{
	width: 70%;
	border: 1px solid #999999;
	padding: 10px;
}
#form_container #veritrans_ad	{
	width: 780px;
	text-align: center;
	margin-bottom: 25px;
}

/*
=================================================================================
input, textarea, selectの細かい指定
=================================================================================
*/

#form_container input,
#form_container textarea,
#form_container select	{
	vertical-align: middle;
}
#form_container input:focus,
#form_container textarea:focus	{
	background: #ffffcc no-repeat left top;
}
#form_container input.w50	{
	width: 50px;
	padding: 5px;
}
#form_container input.w100	{
	width: 100px;
	padding: 5px;
}
#form_container input.w150	{
	width: 150px;
	padding: 5px;
}
#form_container input.w200	{
	width: 200px;
	padding: 5px;
}
#form_container input.w250	{
	width: 250px;
	padding: 5px;
}
#form_container input.w300	{
	width: 300px;
	padding: 5px;
}
#form_container input.w350	{
	width: 350px;
	padding: 5px;
}
#form_container input.w400	{
	width: 400px;
	padding: 5px;
}
#form_container input.w450	{
	width: 450px;
	padding: 5px;
}
#form_container input.w500	{
	width: 500px;
	padding: 5px;
}
#form_container input.radio	{
	width: 15px;
	height: 15px;
}
#form_container select.w50	{
	width: 50px;
	padding: 5px;
}
#form_container select.w100	{
	width: 100px;
	padding: 5px;
}
#form_container select.w150	{
	width: 150px;
	padding: 5px;
}
#form_container select.w200	{
	width: 200px;
	padding: 5px;
}
#form_container textarea.normal
	{
	width: 450px;
	height: 150px;
	padding: 5px;
}