@charset "Shift_JIS";

/*
 * Description	対面窓販 行員サイト用CSS
 * Copyright	AXA Direct Life Insurance Co., Ltd.
 * @version	1.09
 * @author		ADL H.Kaneda
 * ReleaseNote
 * 		1. 2014/02/10 1.00 【D12-0139】銀行窓販対応 初版リリース ACU H.Shimizu
 * 		2. 2014/12/17 1.01 【D14-0076】親和銀行＆熊本銀行　対面募集専用システム ADL R.Kouchi
 * 		3. 2016/01/25 1.02 【D15-0080】百十四銀行　対面販売対応依頼 ADL R.Kouchi
 * 		4. 2016/09/14 1.03 【D15-0113】BGAパイロット ADL R.Kouchi
 * 		5. 2016/11/01 1.04 【D16-0013】FFG共同募集先の変更 ADL N.Kitano
 * 		6. 2018/09/12 1.05 【D17-0067】対面システムリニューアル ADL N.Kitano
 * 		7. 2018/12/01 1.06 【D18-0033】対面システム_対面代理店（ほ窓以外）の対応 ADL H.Kaneda
 * 		8. 2020/03/25 1.07 【D19-0104】ALJ対面募集ビジネスに伴うシステム開発依頼 ADL T.Sugiyama
 * 		9. 2020/04/22 1.08 【D20-0030】ソニアキューブ社用_対面募集システム開発 ADL T.Sugiyama
 * 		10. 2021/02/04 1.09 【D20-0119】新規乗合代理店_FPパートナー用対面募集人システム開発 MIC S.Inoue
 */

/* -----------------------------------------------
 *                    simulator style
 * ----------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}


/* -----------------------------------------------
 *           layout frame structure style
 * ----------------------------------------------- */

#content-body {
	position: relative;
}


/* =========== header-area =========== */

#header {
	background: none repeat scroll 0 0 #FFFFFF;
	display: block;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

#header-contents {
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 940px;
	color: #4578DE;
}

/* axa direct life */
#header-contents-10000000 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #4578DE;
}

/* fukuoka_bank */
#header-contents-50000013 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #4578DE;
}

/* shinwa_bank */
#header-contents-50000021 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #0D924A;
}

/* kumamoto_bank*/
#header-contents-50000025 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #F39801;
}

/* fukuoka_bank_FFG */
#header-contents-50000037 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #4578DE;
}

/* shinwa_bank_FFG */
#header-contents-50000041 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #0D924A;
}

/* kumamoto_bank_FFG */
#header-contents-50000045 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #F39801;
}

/* hokkoku_bank*/
#header-contents-20000017 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #00A53B;
}

/* 114_bank*/
#header-contents-20000025 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #4D4D4D;
}

/* hoken_hiroba */
#header-contents-70000007 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* hokenno_madoguchi */
#header-contents-00000249 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* 株式会社アイリックコーポレーション */
#header-contents-00000005 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* 株式会社アドバンスクリエイト */
#header-contents-00000023 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* 株式会社リクルートゼクシィなび */
#header-contents-00000243 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* 豊通保険パートナーズ */
#header-contents-82000005 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* アクサ生命保険株式会社 */
#header-contents-01000001 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* ソニアキューブ株式会社 */
#header-contents-00000295 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

/* 株式会社　ＦＰパートナー */
#header-contents-00000299 {
    display: block ;
    margin: 0 auto ;
    padding: 0 ;
    position: relative ;
    text-align: left ;
    width: 940px ;
    color: #000000;
}

#header-contents h1 {
	/* border-bottom: 1px solid #CCCCCC; */
	font-size: 100%;
	/* margin-bottom: 20px; */
	margin-bottom : 0px;
	width: 940px;
}

#logininfo_layout {
	width: 640px;
}

.left {
	float: left;
	width: 490px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
}

.right {
	float: right;
	width: 130px;
	margin-right: 5px;
}


/* =========== footer-area =========== */
#adl-footer-area #footer-approval {
	color: #666;
	float: left;
	font-size: 83%;
	margin: 0;
	padding: 0 0 16px;
}

#adl-footer-area #footer-page-top {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0 0 16px;
}

#adl-footer-area #footer-page-top li {
	margin: 0;
	padding: 0;
	text-align: right;
}

#adl-footer-area #footer-page-top li a {
	padding-left: 15px;
	background: url(/shared/bancassurance/img/common/icon_arrow_03.png) left 0.4em no-repeat;
	text-decoration: none;
	_zoom: 1;
}

#adl-footer-area DIV.structure-content{
	margin-bottom: 0px;
}

#footer-contents {
	display: block;
	margin: 0px auto;
	padding: 0px 10px;
	position: relative;
	text-align: left;
	width: 940px;
}

#footer-contents address {
	border-top: 1px solid rgb(204, 204, 204);
	display: block;
	font-size: 100%;
	margin: 0px;
	padding: 22px 0px 17px;
	width: 940px;
}

#footer_copyright {
	display: table-cell;
	width: 500px;
	vertical-align: middle;
}

#footer_logo {
	display: table-cell;
	width: 440px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: right;
}


/* =========== main-area =========== */

#main-area div.structure-content {
	padding-top: 14px;
}


/* -----------------------------------------------
 *                 component styles
 * ----------------------------------------------- */

/* ----- css-rollover ----- */

a.css-rollover:hover img,
a.css-rollover:active img,
a.css-rollover:focus img {
	filter: alpha(opacity=70);
	-moz-opacity :0.7;
	opacity: 0.7;
}


/* =========== icon =========== */

img.icon-win {
	margin-left: 4px;
}



/* ----- CA-unavailable-notify ----- */

.CA-unavailable-notify {
	margin: 0;
	padding: 15px 19px;
	background: #ffe5e5;
	font-size: 14px;
	line-height: 1.71; /* 24px */
}

.CA-unavailable-notify h2 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	color: #fff;
	background-color: #fff;
}

.CA-unavailable-notify p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.CA-unavailable-notify ul {
	margin: 0;
	padding: 0;
}

.CA-unavailable-notify ul li {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	background: url(../img/common/icon_03.png) 8px 0.7em no-repeat;
}

.CA-unavailable-notify ul li a {
	text-decoration: underline;
}

#CA-unavailable-js {
}

#CA-unavailable-cookie {
	display: none; // JS 制御
}


/* ----- CA-simulator-area ----- */

#CA-simulator-area {
	position: relative;
	*zoom: 1;  /* clear float for ~IE7 */
	display: none;  // JS 制御
}

#CA-simulator-area:after {
	clear: both;
	display: block;
	content: "";
}
.CA-clickshield-enabled select {
	_visibility: hidden;  /* IE6 はクリックシールド展開中に select を隠す */
}

.CA-clickshield-descent #CA-user-data select {
	_visibility: visible;  /* ただし desent されてるならユーザ情報は操作可 */
}

.CA-helpballoon-shown #CA-user-data select {
	_visibility: hidden;  /* IE6 はバルーン表示中に select を隠す */
}

#CA-simulator-area.CA-product-CIA-selected span.CA-product-name-CIA,
#CA-simulator-area.CA-product-CIA-selected  img.CA-product-name-CIA,
#CA-simulator-area.CA-product-CIT-selected span.CA-product-name-CIT,
#CA-simulator-area.CA-product-CIT-selected  img.CA-product-name-CIT {
	display: inline;
}

#CA-simulator-area                         span.CA-product-name-CIT,
#CA-simulator-area                          img.CA-product-name-CIT,
#CA-simulator-area.CA-product-CIA-selected span.CA-product-name-CIT,
#CA-simulator-area.CA-product-CIA-selected  img.CA-product-name-CIT,
#CA-simulator-area.CA-product-CIT-selected span.CA-product-name-CIA,
#CA-simulator-area.CA-product-CIT-selected  img.CA-product-name-CIA {
	display: none;
}


/* ----- CA-info ----- */

#CA-info {
	position: relative;
	z-index: 10;  /* descent されたクリックシールドの上に乗るように */

	display: none;  /* JS により切り替えられる */
	margin: 0 0 20px;
	padding: 16px 20px;
	background: #f5f4f0;
}

#CA-info-header {
	display: inline;
	margin: 0;
	padding: 0;
}

#CA-info-header h2 {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
}

#CA-info p.normal {
	display: inline;
	margin: 0;
	padding: 0;
}


/* ----- CA-user-data ----- */

#CA-user-data {
	position: relative;
	width: 700px;
	margin: 0;
	padding: 0;
}

#CA-simulator-area.CA-clickshield-descent #CA-user-data {
	z-index: 10;  /* descent されたクリックシールドの上に乗るように */
}

#CA-user-data table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background: #fff;
}

#CA-user-data table tbody th,
#CA-user-data table tbody td {
	padding: 0 0 0 10px;
	border: 0 none;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

#CA-user-data table tbody th {
	width: 180px;
	padding: 5px 20px;
	vertical-align: middle;
	background-color: #dddcd7;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-image: url(../img/simulator/CA-user-data_txt_01.png);
	text-indent: -10000px;
}

#CA-user-data.CA-user-data-is-unready table tbody th {
	background-color: #c9151e;
	background-image: url(../img/simulator/CA-user-data_txt_01_unready.png);
}

#CA-user-data.CA-user-data-is-unready table tbody td {
	background-color: #ffe5e5;
}

                      #CA-user-data.CA-user-has-contract table tbody th,
body.CA-plan-revising #CA-user-data                      table tbody th {
	background-image: url(../img/simulator/CA-user-data_txt_02.png);
}

#CA-user-data table tbody td dl {
	margin: 0;
	padding: 7px 0 7px 10px;
	border-top: 1px dotted #aaa;
}

#CA-user-data table tbody td dl dt {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}

#CA-user-data table tbody td dl dt span.label {
	display: inline-block;
	width: 5em;
	margin: 0;
	padding: 0;
}

#CA-user-data table tbody td dl dd,
#CA-user-data table tbody td dl dd p,
#CA-user-data table tbody td dl dd ul,
#CA-user-data table tbody td dl dd ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#CA-user-data table tbody tr:first-child td dl {
	border-top: 0 none;
}

#CA-user-data select {
	margin-right: 4px;
	margin-left: 5px;
	vertical-align: 1px;
	*vertical-align: -1px;
}

#CA-user-data-age {
	width: 2em;
	display: inline-block;
	text-align: center;
}

#CA-user-data dd ul.inline-list-A01 {
	margin-left: 5px;
}

#CA-user-data dd ul.inline-list-A01 li {
	margin-right: 20px;
}


/* ユーザがログイン時かつ既契約ありのとき、生年月日の <select> は <input type="text"> に置換される */
#CA-user-data input.text {
	border: none;
	width: 3em;
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: 0;
	line-height: 1;
}

#CA-user-data input.text[name="birth_month"],
#CA-user-data input.text[name="birth_day"] {
	width: 1.5em;
}


                      #CA-user-data.CA-user-has-contract label,
body.CA-plan-revising #CA-user-data                      label {
	cursor: default;
}


/* ユーザがログイン時かつ既契約ありのとき、ログアウトリンクを表示 */

#CA-user-logout {
	display: none;
}

#CA-user-data.CA-user-has-contract #CA-user-logout {
	display: block;
}


/* ----- CA-product-help ----- */

#CA-product-help {
	position: absolute;
	right: 0;
	margin: 0;
	padding: 0;
}

#CA-simulator-area.CA-clickshield-descent #CA-product-help {
	z-index: 10;  /* descent されたクリックシールドの上に乗るように */
}

#CA-product-help ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#CA-product-help ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

#CA-product-help ul li a {
	display: block;
	_display: inline-block;
}

#CA-product-help ul li img {
	vertical-align: top;
}



/* ----- CA-dialog ----- */

div.CA-dialog-content-source {
	display: none;
}

section.CA-dialog {
	width: 458px;
	font-size: 117%;
	margin: 0;
	padding: 25px 30px 30px 30px;
	border: 2px solid #aaa;
}

header.CA-dialog-header {
	margin: 0;
	padding: 0;
}

section.CA-dialog > *:first-child,
header.CA-dialog-header + *:first-child {
	margin-top: 0 !important;
}

header.CA-dialog-header h2 {
	margin: 0;
	padding: 0;
}

section.CA-dialog p.normal {
	margin: 27px 0 0 0;
	padding: 0;
}

#CA-dialog-help {
	border: #aaaaaa solid 2px;
	height: 446px;
	padding: 70px 0 0 20px;
	position: relative;
	width: 738px;
}

#CA-dialog-help .CA-dialog-help-content {
	height: 100%;
	overflow-y: auto;
}

#CA-dialog-help section.CA-dialog {
	/* これ、実際には iframe を置くので、それまでの暫定 */
	border: none;
	padding: 0 0 20px;
	width: 700px;
}

ul.CA-dialog-buttons {
	margin: 26px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	line-height: 1;
}

ul.CA-dialog-buttons li {
	display: inline;
	margin: 0 7px;
	padding: 0;
}

ul.CA-dialog-buttons li a {
	display: inline-block;
}

ul.CA-dialog-buttons li img {
	vertical-align: top;
}

#CA-dialog-help ul.CA-dialog-buttons {
	margin: 0;
	padding: 0;
	position: absolute;
		top: 20px;
		right: 20px;
}


/* ----- layout ----- */

#CA-product-area {
	position: relative;  /* IE6対策。用語説明バルーンが右カラムに負けないための。 */
	z-index: 2;          /* IE6対策。用語説明バルーンが右カラムに負けないための。 */
	float: left;
	width: 700px;
	margin: 41px 0 0 0;
	padding: 0;
}

#CA-action-block-area {
	float: right;
	width: 220px;
	margin: 72px 0 0 0;
	padding: 0;
}


/* ----- CA-attention ----- */

#CA-attention {
	width: 700px;
	margin: 56px 0 0 0;
	padding: 0;
}

header.CA-attention-header {
	margin: 9px 0 0 0;
	padding: 0;
}

header.CA-attention-header + * {
	margin-top: 0 !important;
}

header.CA-attention-header h2 {
	margin: 0 0 12px 0;
	padding: 0;
	color: #ff0000;
}

header.CA-attention-header h3 {
	margin: 0;
	padding: 0;
}

#CA-attention ul,
#CA-attention dl,
#CA-attention p {
	margin: 8px 0 0 0;
	font-size: 83%;/*10px*/
	line-height: 1.5;
}

#CA-attention dl dt {
	margin-bottom: 7px;
}

#CA-attention ul.normal li {
	background-position: 3px 0.6em;
}



/* ----- CA-action-block ----- */

#CA-action-block {
	margin: 0;
	padding: 0 10px 20px 10px;
	background: url(../img/simulator/CA-action-block_bg_02.png) left bottom no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", sans-serif;
}

#CA-action-block-header {
	margin: 0 -10px;
	padding: 15px 20px 13px 20px;
	background: url(../img/simulator/CA-action-block_bg_02.png) left top no-repeat;
}

#CA-action-block-header h2 {
	margin: 0;
	padding: 0;
	font-size: 133%;
}

#CA-action-block table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-width: 0;
	border-style: none;
}

#CA-action-block table th,
#CA-action-block table td {
	padding: 3px 5px 3px 0;
	border-top: 1px dotted #aaa;
	vertical-align: top;
	text-align: right;
	font-weight: normal;
}

#CA-action-block table tr:first-child th,
#CA-action-block table tr:first-child td {
	border-top: 1px solid #aaa;
}

#CA-action-block table th {
	width: 110px;
	padding-right: 0;
	text-align: left;
	line-height: 1.4;
}

#CA-action-block table th,
#CA-action-block table td {
	color: #aaa;
}

#CA-action-block table tbody th {
	padding-left: 24px;
	background: transparent none 5px 6px no-repeat;
}

#CA-action-block table tfoot th {
	padding-left: 10px;
}

#CA-action-block table tfoot td {
	font-weight: bold;
}

#CA-action-block table tbody tr.pseudo-selected th {
	color: black;
	background-image: url(../img/simulator/CA-action-block_icon_01.png);
}


#CA-action-block table tbody tr.pseudo-selected td,
#CA-action-block table tfoot tr.pseudo-selected th,
#CA-action-block table tfoot tr.pseudo-selected td {
	color: #c9151e;
}

#CA-action-confirm {
	margin: 9px 6px 0 8px;
	padding: 0;
	list-style-type: none;
	background: url(../img/simulator/CA-action-block_bg_01.png) 0 -150px no-repeat;
}

body.CA-plan-revising #CA-action-confirm {
	background-position: 0 -300px;
}

#CA-action-confirm li {
	/*visibility: hidden;*/
	margin: 0;
	padding: 1px 4px 5px 2px;
	background: url(../img/simulator/CA-action-block_bg_01.png) 0 0 no-repeat;
}

#CA-action-confirm li input {
	vertical-align: top;
}


#CA-action-print {
	margin: 15px 9px 0 10px;
	padding: 0;
	list-style-type: none;
	background: url(../img/simulator/CA-action-block_bg_01.png) 0 -450px no-repeat;
	*zoom: 1;
}

#CA-action-print li {
	/*visibility: hidden;*/
	margin: 0;
	padding: 0;
	*zoom: 1;
}

#CA-action-print li a {
	display: block;
	*zoom: 1;
}

#CA-action-print li img {
	vertical-align: top;
}



#CA-action-campaign,
#CA-action-save {
	margin: 20px -1px 0 0;
	padding: 0;
	list-style-type: none;
	background: url(../img/simulator/CA-action-block_bg_01.png) 0 -600px no-repeat;
	_zoom: 1;
}

#CA-action-campaign li,
#CA-action-save li {
	/*visibility: hidden;*/
	margin: 0;
	padding: 0;
}

#CA-action-campaign li input {
	vertical-align: top;
}



#CA-action-simulator,
#CA-action-bnr {
	margin: 23px -1px 0 0;
	padding: 0;
	list-style-type: none;
	_zoom: 1;
}

#CA-action-simulator li,
#CA-action-bnr li {
	/*visibility: hidden;*/
	margin: 0;
	padding: 0;
}

#CA-action-simulator li input,
#CA-action-bnr li input {
	vertical-align: top;
}

/* =========== override common components =========== */

/* ----- CA-product ----- */

section.CA-product {
	margin-bottom: 56px;
	padding-bottom: 19px;
}

body.bajl-ua-isMac section.CA-product {
	letter-spacing: -1px;
}

section.CA-product.pseudo-opened#CA-product-TPT,
section.CA-product.pseudo-opened#CA-product-FIA,
section.CA-product.pseudo-opened#CA-product-WLW {
	margin-bottom: 106px;
}

section.CA-product.pseudo-opened#CA-product-TPT + section.CA-condition,
section.CA-product.pseudo-opened#CA-product-FIA + section.CA-condition {
	margin-top: -30px;
}

section.CA-product.CA-product-ascend {  /* JS が付与 */
	*z-index: 2;  /* IE6, IE7 向け対策。ヘルプバルーンがそれより下にある商品のブロックに z-index で負ける CSS バグへの対策 */
}

section.CA-product.pseudo-disabled,
section.CA-product.pseudo-closed.pseudo-locked {
	background-image: url(../img/common/CA-product_bg_02.png);
}

section.CA-product select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", sans-serif;
}


/* ----- CA-product-header ----- */

header.CA-product-header {
}

section.CA-product.pseudo-disabled header.CA-product-header,
section.CA-product.pseudo-closed.pseudo-locked header.CA-product-header {
	background-image: url(../img/common/CA-product_bg_02.png);
}

/* section.CA-product.pseudo-disabled header.CA-product-header:hover, */
section.CA-product.pseudo-disabled header.CA-product-header.pseudo-hover {
	background-color: #f5f4f0 !important;
}

/* section.CA-product.pseudo-closed header.CA-product-header:hover, */
section.CA-product header.CA-product-header.pseudo-hover {
	background-color: #d0faeb;
}


header.CA-product-header h2 a {
	*position: relative;
	display: block;
	margin: 2px 0 0 0;
	padding: 5px 0 5px 89px;
	background-image: url(../img/common/CA-product-header_bg_01.png);
	background-repeat: no-repeat;
	/* outline: none; */
}

section.CA-product.pseudo-closed header.CA-product-header h2 a {
	background-position: left -200px;
}

section.CA-product.pseudo-closed header.CA-product-header h2 a:hover {
	background-position: left -300px;
}


section.CA-product.pseudo-opened header.CA-product-header h2 a {
	background-position: left top;
}

section.CA-product.pseudo-opened header.CA-product-header h2 a:hover {
	background-position: left -100px;
}

section.CA-product.pseudo-disabled header.CA-product-header h2 a,
section.CA-product.pseudo-closed.pseudo-locked header.CA-product-header h2 a {
	background-position: left -400px !important;
	cursor: default;
	outline: none;
}

section.CA-product.pseudo-opened.pseudo-locked header.CA-product-header h2 a {
	background-position: left -500px !important;
	cursor: default;
	outline: none;
}

header.CA-product-header hgroup h2 img.CA-product-type {
	position: relative;
	top: -8px;
	margin-bottom: -1px;
}

dl.CA-product-price {
	padding-top: 16px;
	padding-right: 10px;
}

section.CA-product.pseudo-disabled dl.CA-product-price,
section.CA-product.pseudo-closed dl.CA-product-price {
	color: #aaa;
}

header.CA-product-header dl.CA-product-advise-balloon {
	position: absolute;
	top: 46px;
	right: 40px;
}

section.CA-product.pseudo-disabled header.CA-product-header dl.CA-product-advise-balloon,
section.CA-product.pseudo-closed   header.CA-product-header dl.CA-product-advise-balloon {
	display: none;
}

section.CA-product#CA-product-TPT dl.CA-product-advise-balloon dd,
section.CA-product#CA-product-FIA dl.CA-product-advise-balloon dd {
	top: 45px;
}

/* ----- CA-product-lead ----- */

p.CA-product-lead {
	margin: 0;
	padding: 0 5px 4px 5px;
	font-size: 117%;
}


section.CA-product.pseudo-opened p.CA-product-lead,
section.CA-product.pseudo-disabled p.CA-product-lead {
	display: none;
}


/* ----- CA-product-disabled-reason ----- */

p.CA-product-disabled-reason, p.CA-product-disabled-reason-selected {
	display: none;
	margin: 0;
	padding: 0 5px 4px 5px;
	font-size: 117%;
	font-weight: bold;
	color: #ff0000;
}

section.CA-product.pseudo-disabled p.CA-product-disabled-reason, p.CA-product-disabled-reason-selected {
	display: block;
}



/* ----- CA-product-advise-balloon ----- */

dl.CA-product-advise-balloon.pseudo-hover {
	visibility: visible;
	z-index: 100;
}

dl.CA-product-advise-balloon.pseudo-hover dt img {
	cursor: default;
}

dl.CA-product-advise-balloon.pseudo-hover dd {
	display: none;
}


dl.CA-product-advise-balloon ul.link-list-A01 li {
	padding-left: 0;
	background: none;
}

dl.CA-product-advise-balloon ul.link-list-A01 li a:link {
	text-decoration: underline !important;
}

dl.CA-product-advise-balloon ul.link-list-A01 li a:visited {
	text-decoration: underline !important;
}

dl.CA-product-advise-balloon ul.link-list-A01 li a:hover,
dl.CA-product-advise-balloon ul.link-list-A01 li a:active,
dl.CA-product-advise-balloon ul.link-list-A01 li a:focus {
	text-decoration: none !important;
}


/* ----- CA-product-table ----- */

section.CA-product table.CA-product-table tbody tr:first-child th,
section.CA-product table.CA-product-table tbody tr:first-child td {
	padding-top: 5px;
	border-top: 1px dotted #b2b2b2;
}

section.CA-product table.CA-product-table tbody:first-child tr:first-child th,
section.CA-product table.CA-product-table tbody:first-child tr:first-child td,
section.CA-product table.CA-product-table tbody.CA-product-optional tr:first-child th,
section.CA-product table.CA-product-table tbody.CA-product-optional tr:first-child td {
	padding-top: 0;
	border-top: 0 none;
}

section.CA-product table.CA-product-table tbody.CA-product-howto tr:first-child th,
section.CA-product table.CA-product-table tbody.CA-product-howto tr:first-child td {
	border-top: 0 none;
	background:url(../img/common/CA-product-table_bg_02.png) repeat-x 0 0;
}



section.CA-product.pseudo-closed table.CA-product-table,
section.CA-product.pseudo-disabled table.CA-product-table {
	display: none;
}

/*
 * 以下の部分、 pseudo-selected, pseudo-hover, pseudo-disabled の
 * 順番でないと IE6 でうまくいかない
 */
table.CA-product-table tbody.CA-product-optional.pseudo-selected {
	background: #fff;
}

table.CA-product-table tbody.CA-product-optional.pseudo-hover {
	background-color: #d0faeb;
}

table.CA-product-table tbody.CA-product-optional.pseudo-disabled {
	background: #fff;
}
/*
 * ここまで
 */

table.CA-product-table tbody.CA-product-optional.pseudo-disabled td {
	color: #aaa;
}

table.CA-product-table tbody.CA-product-optional.pseudo-disabled td dl {
	color: #000;
}

/* 個々の保障条件がロック状態か無効状態の場合は、ラベル左にロックアイコンを表示する */
table.CA-product-table tbody.pseudo-locked   span.CA-product-cond-label label,
table.CA-product-table tbody.pseudo-disabled span.CA-product-cond-label label,
table.CA-product-table tbody.pseudo-disabled span.CA-product-optional-label label {
	display: block;
	margin-left: -18px;
	padding-left: 18px;
	background: url(../img/common/icon_02.png) left 4px no-repeat;
	*position: relative;
	*zoom: 1;
}

/* 商品それ自体がロックされている場合は、個々の保障条件ごとにロックアイコンを表示しない */
section.CA-product.pseudo-locked table.CA-product-table tbody.pseudo-locked span.CA-product-cond-label label {
	display: inline;
	margin-left: 0;
	padding-left: 0;
	background: none;
	*position: static;
}

/* ロック状態、無効状態の場合は、保障条件ラベル部分でマウスポインタを「？」にする */
table.CA-product-table tbody.pseudo-locked   span.CA-product-cond-label,
table.CA-product-table tbody.pseudo-locked   span.CA-product-cond-label label,
table.CA-product-table tbody.pseudo-disabled span.CA-product-cond-label,
table.CA-product-table tbody.pseudo-disabled span.CA-product-cond-label label,
table.CA-product-table tbody.pseudo-disabled span.CA-product-optional-label,
table.CA-product-table tbody.pseudo-disabled span.CA-product-optional-label label {
	cursor: help;
}

/* 保険期間、基本保障のラベルの通常時と、商品それ自体がロックされている場合の保障条件ラベルすべて、マウスポインタをデフォルトにする */
table.CA-product-table tbody.CA-product-term span.CA-product-cond-label,
table.CA-product-table tbody.CA-product-main span.CA-product-cond-label,
table.CA-product-table tbody.CA-product-term span.CA-product-cond-label label,
table.CA-product-table tbody.CA-product-xxx span.CA-product-cond-label label,
table.CA-product-table tbody.CA-product-security-type span.CA-product-cond-label label,
table.CA-product-table tbody.CA-product-warranty span.CA-product-cond-label label,
table.CA-product-table tbody.CA-product-term span.CA-product-cond-label label,
table.CA-product-table tbody.CA-product-main span.CA-product-cond-label label,
section.CA-product.pseudo-locked table.CA-product-table tbody.pseudo-locked span.CA-product-cond-label,
section.CA-product.pseudo-locked table.CA-product-table tbody.pseudo-locked span.CA-product-cond-label label {
	cursor: default;
}

/* ただし商品それ自体がロックされておらず、保険期間・基本保障が個々にロック状態の場合は、ラベル部分でマウスポインタを「？」に戻す
   （詳細度で上のセレクタブロックに負けているから、もう一度書いている）*/
table.CA-product-table tbody.CA-product-term.pseudo-locked span.CA-product-cond-label,
table.CA-product-table tbody.CA-product-main.pseudo-locked span.CA-product-cond-label,
table.CA-product-table tbody.CA-product-term.pseudo-locked span.CA-product-cond-label label,
table.CA-product-table tbody.CA-product-main.pseudo-locked span.CA-product-cond-label label {
	cursor: help;
}

/* 保障条件ラベル部分にロックアイコンが表示されているならば、チェックボックスは非表示化しなければならない */
table.CA-product-table tbody.pseudo-locked   span.CA-product-cond-label     input.checkbox,
table.CA-product-table tbody.pseudo-disabled span.CA-product-cond-label     input.checkbox,
table.CA-product-table tbody.pseudo-disabled span.CA-product-optional-label input.checkbox {
	visibility: hidden;
}

/* ただし商品それ自体がロック状態なら、チェックボックスは可視に戻す */
section.CA-product.pseudo-locked table.CA-product-table tbody.pseudo-locked span.CA-product-cond-label input.checkbox {
	visibility: visible;
}

table.CA-product-table tbody input.checkbox {
	cursor: pointer;
}

section.CA-product.pseudo-locked table.CA-product-table tbody input.checkbox {
	cursor: default;
}

span.CA-product-cond-balloon,
span.CA-product-optional-balloon {
	position: absolute;
	z-index: 20px;
	visibility: visible;
	bottom: 0;
	left: -18px;
	display: none;
	width: 258px;
	margin: 0;
	padding: 10px;
	background-color: #e1f1ff;
	border: 1px solid #0b78d2;
	font-weight: normal;
	white-space: normal;
}

table.CA-product-table tbody th {
	width: 58px;
	padding-left: 23px;
	white-space: nowrap;
}

table.CA-product-table tbody th + td + td {
	width: 56px;
}

table.CA-product-table tbody td.CA-product-conclusion {
	width: 96px;
	text-align: left;
	font-size: 117%;
}

table.CA-product-table tbody.CA-product-optional.pseudo-disabled tr:first-child td.CA-product-conclusion,
table.CA-product-table tbody.CA-product-optional.pseudo-selected tr:first-child td.CA-product-conclusion {
	background-position: -1px top;
}

table.CA-product-table tbody.CA-product-optional.pseudo-disabled td.CA-product-conclusion,
table.CA-product-table tbody.CA-product-optional.pseudo-selected td.CA-product-conclusion {
	background-position: -1px bottom;
}

table.CA-product-table tbody.CA-product-optional.pseudo-disabled tr th,
table.CA-product-table tbody.CA-product-optional.pseudo-disabled tr.pseudo-last-child td,
table.CA-product-table tbody.CA-product-optional.pseudo-selected tr th,
table.CA-product-table tbody.CA-product-optional.pseudo-selected tr.pseudo-last-child td {
	border-bottom: 1px solid #fff;
}


table.CA-product-table tbody td.CA-product-conclusion select {
	width: 100px;
	margin-right: -5px;
}

table.CA-product-table tbody.CA-product-optional td.CA-product-conclusion select {
	color: #aaa;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
}

table.CA-product-table tbody.CA-product-optional.pseudo-selected td.CA-product-conclusion select {
	color: black;
	-ms-filter: none;
	filter: none;
	opacity: 1;
}

table.CA-product-table tr th,
table.CA-product-table tr td {
	_border-bottom: 1px dotted #ccc !important;
}



/* ----- CA-glossary-balloon ----- */

dl.CA-glossary-balloon dd {
	display: none;
	visibility: visible;
	width: 428px;  /* ちょいと幅広げますよ */
	z-index: 200;
	top: auto;
	bottom: 0;
}

span.CA-glossary-label dfn {
	font-style: normal;
}

span.CA-glossary-balloon {
	display: none;
	visibility: visible;
	z-index: 20;
	top: auto;
	bottom: 0;
}



/* ----- CA-product-function ----- */


ul.CA-product-function {
	z-index: 1;
	bottom: auto;
	margin-top: 10px;
}

section.CA-product.pseudo-disabled ul.CA-product-function li,
section.CA-product.pseudo-closed.pseudo-locked ul.CA-product-function li {
	background: none;
}

section.CA-product.pseudo-disabled ul.CA-product-function li.CA-product-function-attention,
section.CA-product.pseudo-disabled ul.CA-product-function li.CA-product-function-clear,
section.CA-product.pseudo-closed ul.CA-product-function li.CA-product-function-attention,
section.CA-product.pseudo-closed ul.CA-product-function li.CA-product-function-clear {
	display: none;
}

#CA-product-function-detail-CIT {
	display: none;
}

div#CA-simulator-area.CA-product-CIA-selected #CA-product-function-detail-CIA,
div#CA-simulator-area.CA-product-CIT-selected #CA-product-function-detail-CIT {
	display: block;
}

div#CA-simulator-area.CA-product-CIA-selected #CA-product-function-detail-CIT,
div#CA-simulator-area.CA-product-CIT-selected #CA-product-function-detail-CIA {
	display: none;
}



/* ----- CA-product-notandum ----- */

aside.CA-product-notandum {
	position: absolute;
	bottom: -36px;  /* これを表示するための空間は、 section.CA-product の下マージンで確保しなければならない */
	left: 6px;
	display: none;
	margin: 0;
	padding: 0;
	letter-spacing: 0; /* Mac 向けに section.CA-product に追加されているスタイルルールをキャンセル */
}

section.CA-product.pseudo-opened aside.CA-product-notandum {
	display: block;
}

aside.CA-product-notandum > *:first-child,
aside.CA-product-notandum > *:first-child > *:first-child {
	margin-top: 0;
}


/* -- note-list -- */

aside.CA-product-notandum ul.note-list-A01 {
	margin-top: 1.5em; /* 15px */
	font-size: 83%; /* 10px */
}

aside.CA-product-notandum ul.note-list-A01 li {
	padding-left: 13px;
}

aside.CA-product-notandum ul.note-list-A01 li span.marker {
	width: 13px;
	margin-left: -13px;
	_width: 10px;
	_padding-left: 3px;
}


/* -- link-list -- */

aside.CA-product-notandum ul.link-list-A01 {
	margin-top: 0.5em; /* 6px */
	padding-top: 0.1em; /* 1px */
	padding-bottom: 0.1em; /* 1px */
	line-height: 1.83;
}

aside.CA-product-notandum ul.link-list-A01 li {
	padding-left: 0;
	background: none;
}

aside.CA-product-notandum ul.link-list-A01 a {
	padding-left: 13px;
	background: url(../img/common/icon_arrow_02.png) left 0.5em no-repeat;
}


/* ----- CA-condition ----- */

table.CA-condition-table tr > th + td  {
	width: 16%;
}

table.CA-condition-table tr > th + td + td + td {
	width: 35%;
}



/* ----- CA-action-block-area ----- */

#CA-action-block-area {
	position: relative;  /* スクロール追従動作のために必要 */
}

#CA-action-confirm li,
#CA-action-print li,
#CA-action-campaign li,
#CA-action-save li {
	visibility: hidden;  /* JSにより可視化される */
}

#CA-action-confirm li img,
#CA-action-print li img,
#CA-action-campaign li img,
#CA-action-save li img {
	vertical-align: top;
}

#CA-action-campaign {
	display: none;  /* setting.json の設定値により表示・非表示を制御 */
}



/* =========== click shield =========== */

#CA-clickshield {
	display: none;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100px;
	box-sizing: border-box;  /* ページ全体を覆ったとき、IE10 で理不尽な横スクロールバーが出現するのを抑止 */
	padding-right: 1px; /* 右カラムのボタンの1pxの影がシールドの外にはみ出るので */
	background: white;
}

.CA-clickshield-descent #CA-clickshield {
	z-index: 9;
}


/* =========== processing info balloon =========== */

ins.bajl-processing-info {
	position: absolute;
	z-index: 1000001;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	border: none;
	background: white url(../img/simulator/throbber_01.gif) center center no-repeat;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	text-indent: -10000px;
}



/* =========== pseudo dialog =========== */

#bajl-pdialog {
	position: absolute;
	z-index: 1000000;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: white;
	text-decoration: none;
}

/* ----- content body area in pseudo dialog ----- */

#bajl-pdialog-body {
	margin: 0;
	padding: 0;
}

/* ----- iframe as external resource loader ----- */


#bajl-pdialog-frame {
	width: 762px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1;
}

#bajl-pdialog-frame iframe {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

ins.bajl-pdialog-shows-fragment #bajl-pdialog-frame {
	display: none;
}


/* ----- vs IE6 ----- */

body.bajl-pdialog-opened select {
	_visibility: hidden;
}

body.bajl-pdialog-opened #bajl-pdialog select {
	_visibility: visible;
}



/* -----------------------------------------------
 *            script related styles
 * ----------------------------------------------- */

/* =========== style for bajl.inputPrompt.js =========== */

/* ----- default (placeholder is shown) ----- */

input.bajl-inputprompt,
textarea.bajl-inputprompt {
	color: #aaa;
}


/* ----- changed ----- */

input.bajl-inputprompt-changed,
textarea.bajl-inputprompt-changed {
	color: black;
}


/* ----- focused ----- */

input.bajl-inputprompt-focus,
textarea.bajl-inputprompt-focus {
	color: black;
}



/* -----------------------------------------------
 *            override other styles
 * ----------------------------------------------- */
.wrapper .unav__total{
	height : 100%;
}
.wrapper .unav__applyBtn a{
	margin-top: 15px;
}
.unav__apply{
	float: right;
	width: 320px;
}