@charset "utf-8";


/***************************************************************************
/*フォームサイズ指定
****************************************************************************/

.w_ss {
	width: 60px !important;
}
.w_s {
	width: 110px !important;
}
.w_m {
	width: 200px !important;
}
.w_l {
	width: 350px !important;
}
.w_ll {
	width: 100% !important;
}


/***************************************************************************
/*フォーム（送信ボタン）
****************************************************************************/

input,textarea {
	vertical-align: middle;				/*radiobutton、checkboxのテキストのズレ修正*/
	outline: none;						/*枠線をhover時オリジナルに*/
	-webkit-appearance: none;			/*iPhoneでオリジナルのinput*/
	font-size: 14px;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
button {
	cursor: pointer;
	background: none;
	border: 0;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
input[type*="file"] {
	cursor: pointer;
}
input[type*="submit"]:hover,input[type*="button"]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";	/* ie 8 */
}
input[type="submit"],input[type="reset"] {
  	-webkit-appearance: none;			/*iPhoneでオリジナルの送信ボタン*/
}
input[type*="text"],input[type*="tel"],input[type*="number"],input[type*="email"],textarea {
	border: 1px solid #A9A9A9;
	padding: 0px 5px 0px 5px;
	border-radius: 2px;					/*iPhoneで角丸になるのを防ぐ*/
	background-color: #F8F8F8;
}
select {
	border: 1px solid #A9A9A9;
	background-color: #F8F8F8;
}
input[type*="text"],input[type*="tel"],input[type*="number"],input[type*="email"],select {
	height: 30px;
	line-height: 30px;
}

/***************************************************************************
/*送信ボタン
****************************************************************************/

#submit {
	width: 330px;
	margin: 0px auto 0px auto;
	padding: 40px 0px 60px 0px;
}
#submit .btn input,#submit .btn a {
	height: 60px;
}

/***************************************************************************
/*次のページへボタン
****************************************************************************/

#next_page {
	padding: 30px 0px 30px 0px;
	background-color: #F7F7F7;
}
#next_page ul {
	width: 260px;
	margin: 0px auto 0px auto;
}
#next_page .btn input,#next_page .btn a {
	height: 40px;
	font-size: 16px;
}
#next_page .btn_gray {
	margin-top: 15px;
	border: 1px solid #BBBBBB;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
#next_page .btn_gray a,#next_page .btn_gray input {
	color: #888888;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
	background-image: url(../image/common/contents/bg-arrow_btn_back.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}

/***************************************************************************
/*次のページへボタン(新)
****************************************************************************/

.next_page {
	padding: 30px 0px 0px 0px;
	background-color: #F7F7F7;
}
.next_page_last {
	padding: 15px 0px 30px 0px;
	background-color: #F7F7F7;
}
.next_page ul, 
.next_page_last ul {
	width: 260px;
	margin: 0px auto 0px auto;
}
.next_page .btn input, 
.next_page .btn a, 
.next_page_last .btn input, 
.next_page_last .btn a {
	height: 40px;
	font-size: 16px;
}
.next_page .btn_gray {
	margin-top: 15px;
	border: 1px solid #BBBBBB;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.next_page_last .btn_gray {
	border: 1px solid #BBBBBB;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.next_page .btn_gray a, 
.next_page .btn_gray input, 
.next_page_last .btn_gray a, 
.next_page_last .btn_gray input {
	color: #888888;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
	background-image: url(../image/common/contents/bg-arrow_btn_back.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}


/***************************************************************************
/*table 共通設定
****************************************************************************/

.line_dot th,.line_dot td {
	background-image: url(../image/common/contents/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 15px 0px 15px 0px;
}
.line_dot tr:first-child th,.line_dot tr:first-child td {
	padding-top: 0px;
}
.line_dot tr:last-child th,.line_dot tr:last-child td {
	background-image: none;
	padding-bottom: 0px;
}

/***************************************************************************
/*ご希望の保険開始日
****************************************************************************/

table#start_date {
	margin-bottom: 8px;
}
#start_date th {
	width: 210px;
}

/***************************************************************************
/*ご希望の保険会社（チェックボックス設定はcommon_form_radio_check_box.css）
****************************************************************************/

#start_date th {
	width: 210px;
}

/***************************************************************************
/*運転される方の情報 （ラジオボタン設定はcommon_form_radio_check_box.css）
****************************************************************************/

#drivers_info th {
	width: 135px;
}

/***************************************************************************
/*年齢条件-原付（ラジオボタン設定はcommon_form_radio_check_box.css）
****************************************************************************/

.condition_age_over_21 {
	width: 644px;
	height: 225px;
	background-image: url(../image/common/contents/bg-condition_age_over_21.png);
}

/***************************************************************************
/*年齢条件-自動二輪（ラジオボタン設定はcommon_form_radio_check_box.css）
****************************************************************************/

.condition_age_over_26 {
	width: 644px;
	height: 293px;
	background-image: url(../image/common/contents/bg-condition_age_over_26.png);
}

/***************************************************************************
/*運転者の範囲・年齢条件-35才以上補償（ラジオボタン設定はcommon_form_radio_check_box.css）
****************************************************************************/

.condition_driver {
	width: 650px;
	height: 296px;
	background-image: url(../image/common/contents/bg-condition_driver.png);
}
.condition_age_over_35 {
	width: 650px;
	height: 296px;
	background-image: url(../image/common/contents/bg-condition_age_over_35.png);
}

/***************************************************************************
/*お車の情報を入力してください（遷移前のボタン）
****************************************************************************/

#car_info_input {
	overflow: hidden;
}
#car_info_input .blue_bg_box {
	width: 330px;
	float: left;
	margin-left: 20px;
	padding: 20px 20px 20px 20px;
	text-align: center;
}
#car_info_input .blue_bg_box:first-child {
	margin-left: 0px;
}
#car_info_input .blue_bg_box .exp {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
#car_info_input .blue_bg_box p,#car_info_input .blue_bg_box span {
	font-size: 18px;
	font-weight: bold;
	color: #377BD0;
	line-height: 1.4em;
}
#car_info_input .blue_bg_box p {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
#car_info_input .blue_bg_box .btn input {
	height: 58px;
}

/***************************************************************************
/*お車の情報を入力してください（遷移後の入力欄）
****************************************************************************/

#car_info th {
	width: 135px;
}

/***************************************************************************
/*車検証または注文書の画像を送信（アップローダー）
****************************************************************************/

#uploader th,#uploader td {
	vertical-align: top;
}
#uploader th {
	width: 170px;
	padding-top: 25px;
}
#uploader .blue_line_box li {
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}
#uploader .dis_none {
	display: none;
}
#uploader input[type*="text"] {
	float:left;
	margin-right: 10px;
	width: 360px;
}
#uploader button {
	float:left;
	width: 80px;
	height: 30px;
	border: 1px solid #C6C6C6;
	background: linear-gradient(rgba(237, 237, 237, 1), rgba(208, 208, 208, 1));
	border-radius: 4px;
	font-size: 12px;
}
#uploader #submit {
	width: 240px;
	padding: 15px 0px 0px 0px;
}
#uploader #submit .btn input {
	font-size: 16px;
}

/***************************************************************************
/*ポップアップウィンドウ
****************************************************************************/

.close_btn .btn {
	width: 200px;
	height: 40px;
	margin: 0px auto 0px auto;
}

/***************************************************************************
/*型式記載例を見る
****************************************************************************/

.inspection_certificate .btn {
	width: 200px;
	height: 40px;
	margin: 0px auto 0px auto;
}
.inspection_certificate .btn a {
	font-size: 16px;
}

/***************************************************************************
/*個人情報入力
****************************************************************************/

#personal_info th {
	width: 120px;
}
#personal_info th span {
	color: #C1282B;
	font-size: 12px;
	font-weight: normal;
}
#personal_info .inner_th span {
	color: #C1282B;
	font-size: 12px;
	font-weight: normal;
}
#personal_info .inner_table {
	display: table;
}
#personal_info .inner_th,#personal_info .inner_td {
	display: table-cell;
	vertical-align: middle; 
}
#personal_info .inner_th {
	width: 120px;
	font-weight: bold;
}

/***************************************************************************
/*個人情報入力姓名部分
****************************************************************************/

#personal_info .name span {
	display: inline-block;
	width: 2.5em;
}

/***************************************************************************
/*フォーム住所部分
****************************************************************************/

#personal_info .address span.subject {
	display: inline-block;
	width: 7.5em;
}
#personal_info .address .mansion {
	width: 100%;
}
#personal_info .address .mansion input {
	margin-right: 6px;
}
#personal_info .address .room {
	display: inline-block;
}
#personal_info .address span.subject_03 {
	display: inline-block;
	padding-right: 8px;
}


/***************************************************************************
/*確認画面
****************************************************************************/

#confirm table {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#confirm th,#confirm td {
	line-height: 1.6em;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 12px 20px 12px 20px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#confirm th {
	width: 260px;
	background-color: #F7F5F2;
}
#confirm .mod_link {
	text-align: right;
	padding: 10px 5px 20px 0px;
}
#confirm #submit {
	width: 290px;
	padding-top: 0px;
}
#confirm .num_outline table {
	border-top: none;
	border-left: none;
}
#confirm .num_outline th,#confirm .num_outline td {
	border-bottom: none;
	border-right: none;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}