@charset "UTF-8";

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

	FUKUOKA BANK
	skin_hoken2.css

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



/* ●  shinseikatsu--------------------*/



/* ● 生命保険トップ --------------------*/

.main_image_block {
	position:relative;
	width:670px;
	height:460px;
}

.main_image_block .main_pop {
	position:absolute;
	top:-175px;
	left:20px;
}

.reason_area {
	margin:50px 0 20px;
}

.reason_block {
	width:632px;
	margin:0 auto;
	padding:20px 0 20px 20px;
	border-bottom:2px solid #d4d4d4;
}

.reason_box {
	position:relative;
	width:612px;
	height:auto;
}

.reason_box .open_btn {
	display:block;
	text-indent:-9999px;
	width:40px;
	height:43px;
	position:absolute;
	top:5px;
	right:0;
	background:url(/img_freehtml/personal/service/seimeihoken/img/icon_down.png) 0 0 no-repeat;
}

.reason_box .open {
	display:block;
	text-indent:-9999px;
	width:40px;
	height:43px;
	position:absolute;
	top:5px;
	right:0;
	background:url(/img_freehtml/personal/service/seimeihoken/img/icon_up.png) 0 0 no-repeat;
}

.open img {
	display:;
}

.open_btn img {
	cursor:pointer;
}

.open_box {
	display:none;
	padding-top:10px;
}

.shouhin_block {
	margin: 0 auto 10px auto;
	text-align:center;
	width:648px;
	background:url(/img_freehtml/personal/service/seimeihoken/img/shouhin_bg.gif) 0 0 repeat-y;
}

.shouhin_date {
	padding-top: 5px;
}

.shouhin_box {
	background:url(/img_freehtml/personal/service/seimeihoken/img/shouhin_bottom.gif) 0 bottom no-repeat;
	padding:10px 20px 20px;
}


.media_area {
	width: 630px;
	margin: 0 auto 20px;
}

.media_area ul li {
	float: left;
	margin: 0 0 10px 10px;
}


/* ● 無料相談の流れ --------------------*/

.free_nagare_block {
	margin-bottom:40px;
}


.free_nagare_block .unit_col1_block .unit_col1_text_block {
	padding-top:10px;
}

.free_nagare_block .unit_col1_block .unit_col1_text_block h3 {
	color:#ef507f;
	font-size:123%;
	margin-bottom:5px;
}


/* ● 保険に関するまめ知識 --------------------*/

.knowledge_area ul {
	margin:0 0 20px -12px;
}

*:first-child+html .knowledge_area ul { margin-left:0;}
*+html .knowledge_area ul { margin-left:0;}

.knowledge_area ul li {
	float:left;
	display: inline;
	font-weight:bold;
	margin-left:12px;
	margin-bottom:12px;
	box-shadow:rgba(244, 244, 244, 0.65098) 0px 2px 0px 2px;
	-webkit-box-shadow:rgba(244, 244, 244, 0.65098) 0px 2px 0px 2px;
	-moz-box-shadow:rgba(244, 244, 244, 0.65098) 0px 2px 0px 2px;
}

.knowledge_area ul li {
	/margin-left:6px;
}

.knowledge_area ul li a {
	color:#999;
	background-color:#fff;
	display:block;
	width:327px;
	border:1px solid #d3d3d3;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.knowledge_area ul li a span {
	display:block;
	padding:12px 18px 12px 10px;
	margin-right:5px;
	margin-bottom:5px;
	background:url(/img_freehtml/personal/service/seimeihoken/knowledge/mark_pink_arrow01.gif) right bottom no-repeat;
}


/* ● 取扱商品一覧 --------------------*/

.shouhin_area ul {
	margin:0 0 20px -12px;
}

*:first-child+html .shouhin_area ul { margin-left:0;}
*+html .shouhin_area ul { margin-left:0;}

.shouhin_area ul li {
	float:left;
	display:inline;
	margin-left:12px;
	margin-bottom:20px;
}

.shouhin_area ul li {
	/margin-left:6px;
}

.shouhin_area ul li label {
	display:block;
	border:2px solid #d3d3d3;
	width:325px;
}

.shouhin_area ul li label.current {
	border:2px solid #e8467e;
	width:325px;
}

.shouhin_area ul li label input {
	display: none;
	/* 以下IE8対応 */
	display: block;
	width: 1px;
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.shouhin_area ul li label span.shouhin_ttl {
	display:block;
	background-color:#fddfea;
	border-bottom:2px solid #ececec;
	padding:10px;
	color:#e8467e;
	font-weight:bold;
	font-size:108%;
	position:relative;
}

.shouhin_area ul li label span.shouhin_ttl span.shouhin_icon {
	position:absolute;
	width:40px;
	height:42px;
	top:-11px;
	right:10px;
	background:url(/img_freehtml/personal/service/seimeihoken/contact/icon_check_off.gif) 0 0 no-repeat;
}

.shouhin_area ul li label.current span.shouhin_ttl span.shouhin_icon {
	background:url(/img_freehtml/personal/service/seimeihoken/contact/icon_check_on.gif) 0 0 no-repeat;
}

.shouhin_area ul li label span.shouhin_img {
	display:block;
	text-align:center;
	margin:10px;
}

.shouhin_area ul li label span.shouhin_name {
	display:block;
	border-top:1px solid #e0e0e0;
	padding-top:10px;
	margin:0 10px 10px;
}

.btn_request_off {
	display:block;
	margin:0 0 0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:140px;
	height:44px;
	cursor: default;
}
.btn_request_off:focus {
	outline: none;
}

.btn_request_on {
	display:block;
	margin:0 0 0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:140px;
	height:44px;
}

.btn_soudan {
	display:block;
	margin:0 0 0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:315;
	height:74px;
}


input.request_on {
	cursor:pointer;
	border-style:none;
	display:block;
	margin:0 0 0 auto;
	text-indent:120%;
	overflow:hidden;
	background:url(/img_freehtml/personal/service/seimeihoken/contact/btn_request.jpg) 0 0 no-repeat;
	width:140px;
	height:44px;
}

input.request_off {
	border-style:none;
	display:block;
	margin:0 0 0 auto;
	text-indent:120%;
	overflow:hidden;
	background:url(/img_freehtml/personal/service/seimeihoken/contact/btn_request_off.jpg) 0 0 no-repeat;
	width:140px;
	height:44px;
}

input.soudan {
	cursor:pointer;
	display:block;
	border-style:none;
	margin:0 0 0 auto;
	text-indent:120%;
	overflow:hidden;
	background:url(/img_freehtml/personal/service/seimeihoken/common/btn_reserve_l.jpg) 0 0 no-repeat;
	width:315px;
	height:74px;
}





.shouhin_text{
	display: block;
	width: 260px;
}

/* ● 保険ぴったり診断 --------------------*/

.wide .free_soudan_box .free_soudan_btn {
	width:315px;
}



.kekka_block {
	border:1px solid #d3d3d3;
	padding:18px 18px 11px;
	background-color:#fff;
	margin-bottom:18px;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	box-shadow:rgba(244, 244, 244, 0.65098) 0px 2px 0px 2px;
	-webkit-box-shadow:rgba(244, 244, 244, 0.65098) 0px 2px 0px 2px;
	-moz-box-shadow:rgba(244, 244, 244, 0.65098) 0px 2px 0px 2px;
}

.kekka_headline {
	color:#e8467e;
	font-weight:bold;
	font-size:140%;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(/img_freehtml/personal/service/seimeihoken/shindan/kekka/line_dotted.gif) 0 bottom repeat-x;
}

.kekka_link {
	text-align:right;
}


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

	共通要素

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

/* ●汎用マージン */

.mb50{ margin-bottom: 50px; }


/* ●フォントカラー */

.f_pink {
	color:#e8467e;
}


/* ● 無料保険相談--------------------*/

.free_soudan_area {
	width:100%;
	margin:5px 0 30px;
}

.free_soudan_left {
	overflow:hidden;
	zoom:1;
}

.free_soudan_right {
	width:170px;
	float:right;
	margin-left:10px;
}

.free_soudan_block {
	background-color:#eeeeee;
	padding:15px;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.free_soudan_block h3 {
	color:#333;
	font-size:140%;
	text-align:center;
	margin-bottom:5px;
}

.wide .free_soudan_box {
	text-align:center;
}

.wide .free_soudan_box .inquiry_number_phone {
	font-size:32px;
}

.free_soudan_box .inquiry_number_phone {
	font-size:26px;
	line-height:1.2;
}

.free_soudan_box .inquiry_number_phone img {
	margin-left:0;
	vertical-align:-3px;
}

.free_soudan_box .free_soudan_btn {
	float:left;
	width:215px;
	margin-right:10px;
}

.free_soudan_box .free_soudan_txt {
	overflow:hidden;
	zoom:1;
}

.free_soudan_box .free_soudan_ttl {
	background-color:#c4f1ff;
	text-align:center;
	margin:4px 0 7px;
	padding:2px 0;
}

.free_soudan_box .free_soudan_direct {
	color:#029aca;
}

.wide .free_soudan_box .free_soudan_ttl {
	margin:0 0 2px;
}

.tab_area {
	margin-bottom: 10px;
}

.tab_area ul li {
	float: left;
}

table.hoken_table {
	width: 100%;
	border-top: solid 1px #dedede;
	border-left: solid 1px #dedede;
}

table.hoken_table th {
	width: 50%;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	background: #cccccc;
	text-align: center;
	font-weight: bold;
	padding: 7px;
}

table.hoken_table td {
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	padding: 7px;

}

@media (max-width:750px) {
	.wide .free_soudan_box .free_soudan_btn,.free_soudan_box .free_soudan_txt {
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 315px;
		width: 100%;
	}
}