@charset "UTF-8";

/*========================================

	FUKUOKA BANK
	skin_form.css
	
	*フォームテンプレートスタイル設定
	
	[1] コンテナ
	[2] ヘッダー
	[3] メインコンテンツ
	[4] フッター

========================================*/

@import "base.css";
@import "style_all.css";
@import "style_elements_f.css";
@import "style_pages_f.css";


/* ● [1] コンテナ --------------------*/

#wrapper_form {
	width:100%;
	display:table;
}


/* ● [2] ヘッダー --------------------*/

#head_block {
	background: url(/order_f_fukuchu/common/img/all/head_bg_s.gif) top center repeat-x;
}

#head_box {
	background: url(/order_f_fukuchu/common/img/all/head_bg_inner_form.gif) top center no-repeat;
}

#head_inner {
	background: url(/order_f_fukuchu/common/img/all/head_bg_inner_form.gif) top center no-repeat;
	width: 920px;
	height: 88px;
	margin: 0 auto;
	position: relative;
}

#head_inner #logo {
	position:absolute;
	top:14px;
}

/* ● [3] メインコンテンツ --------------------*/

#main_contents_block {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 100px;
}

#main_contents_box {

}

#main_contents_inner {

}

#small_window_contents_block {
	width: 920px;
	margin: 0 auto;
}

#small_window_contents_box {
	padding:20px 40px 40px;
}

.alert_text {
	border: 3px solid #E8271C;
	background-color: white;
	padding: 8px 0;
	color: #C00;
	font-weight: bold;
	text-align: center;
	margin:0 0 20px;
	font-size:142%;
}

.alert_text img {
	vertical-align: middle;
	margin:0 8px 0 0;
}

.strong{
	font-weight: bold;
}

.ttl_h2_shouhin{
	margin-bottom: 5px;
}

.btn_fr {
	float: right;
	margin-left: 20px;
}

/* ● [4] フッター --------------------*/

#foot_copy_block_form {
	border-top:1px solid #ddd;	
}

#foot_copy_box_form {
	width: 920px;
	padding:0 0 30px;
	margin: 0 auto;
}

#foot_copy_box_form #foot_copy_inner_left {
	width: 374px;
	float:left;
}

#foot_copy_box_form #foot_registration {
	padding:20px 0 8px;
}

#foot_copy_box_form #foot_copy_inner_right {
	width: 160px;
	float: right;
	padding: 24px 0 0;
}



@media print {

	.form_main_inner th {
		color: #333;
	}

}



/* ● ボタン表示 --------------------*/
.add_display_block .bt {
	cursor:pointer;
	margin:0 5px 5px 0;
	padding: 7px 8px;
	border: 1px solid #ccc;
	border-radius: 4px ;
	display: inline-block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* W3C */
	font-weight:bold;
	font-size:12px;
}

/* text + ボタン block*/

.txt_maintenance_block ul {
	display: table;
	width: 60%;
	margin: 25px auto;
}

.txt_maintenance_block ul li {
	display: table-cell;
	width: 50%;
	text-align: center;
	color:#C00;
}

.txt_maintenance_block ul li.mark_arrow01 {
	margin:0;
	padding: 0;
	width: 20%;
	text-align: center;
	background-image: none;
}

.txt_maintenance_block ul li.mark_arrow01 a {
	background: url(/sp_f_fukuchu/order_f_fukuchu/common/img/common/icon_arrow01.gif) left center no-repeat;
	background-size: 5px 9px;
	display: block;
	width: 80%;
	padding-left: 5px;
}