@charset "shift_jis";
.info h4.hokenST {
	color: #575758;
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 10px;
	line-height:1.5em;
	margin-top:15px;
}
.info h4.hokenT {
	color: #575758;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 5px 10px;
	line-height:1.5em;
	border-left: solid 4px #92b744;
	border-bottom: solid 1px #92b744;
	margin:25px 0 15px 0;
}
.mini{
	color: #575758;
	font:12px;
	font-weight:normal;
}
.insurance2 {
	width: 680px;
	margin: 20px auto 10px;
}

table.item_info td.left {
	padding:0 15px 0;
}

table.item_info .logo_line {
	border: solid 1px #CCC;
	width:130px;
	text-align:center;
}

table.item_info .logo {
	width:130px;
	text-align:center;
}
table.item_info .company {
	padding-top:20px;
}

.hoken_box{
	width:700px;
	margin:0 auto 0 auto;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}

.hoka_box{
	width:650px;
	line-height:1.8em;
	margin:0 0 30px 10px;
	padding:5px 10px 5px 10px;
	border: solid 1px #CCC;
	font-size:10px;
}

table.hoken_box td.leftbox {
    width:185px;
    background-color:#eaf8e3;
	padding:10px 10px;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
table.hoken_box td.rightbox {
	padding:10px 10px;
	border-bottom: solid 1px #CCC;
}


.hoka{
     borde: solid 1px #CCC;
}

div.info .insurance {
    width:700px;
	margin:20px auto 10px auto;
}
table.item_info {
	width:700px;
}

table.item_info p.detail {
	letter-spacing: 0;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
}
table.item_info table.detail {
	margin-bottom: 10px;
}
table.item_info table.detail th {
	text-align: left;
	color: #E53F5C;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	line-height: 1.5;
}
table.item_info table.detail table {
	margin-right: 30px;
}
table.item_info table.detail table tr {
	/*line-height: 12px;*/
}
table.item_info .linkbtn {
	text-align: right;
	margin: 10px 0;
}
table.item_info .linkbtn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
div.disclaimer {
	background:url(../images/disclaimer_bg_top.gif) #cccccc no-repeat;
	padding-top:10px;
	margin: 10px auto;
}
div.disclaimer strong {
	padding:0 10px;
}

div.disclaimer ul{
	margin:5px 0 0 0;
	padding:0 10px 10px 10px;
	list-style:none;
	background-image:url(../images/disclaimer_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
}

div.disclaimer ul li{
	background:url(../images/disclaimer_listicon.gif) no-repeat left 50%;
	padding:0 0 5px 18px;
	margin:0;
}
.pdf{
padding-top:10px;
}

.reader{
  width:330px;
  margin:5px 5px;

}
/*styleでフォーム枠線用の打消*/
caption, th {
border:none;
}
caption, td, th {
border:none;
}


/*20170307追加*/
/*ちょいのり保険*/
/*画像中央揃え*/
.insurance .choi_wrap{
	margin: 0 auto 45px auto;
	text-align: center;
}
/*注釈文*/
sup{
	vertical-align: super;
	font-size: xx-small !important;
}
/*上部キービジュ下文章部*/
.insurance .choi_wrap .choi_blue-back{
	background-color: #3BBFF0;
	width: 678px;
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}
.insurance .choi_wrap .choi_blue-back > ul > li{
	text-indent: -2em;
	padding-left: 2em;
}

.choi_blue-back ul li.choi_bang{
	background:url(../images/car/tokyo_triangle.gif) no-repeat left top;
}
.insurance .choi_wrap .choi_blue-back > ul > li.choi_bang{
	text-indent: 0;
	padding-left: 0;
}
.choi_blue-back ul li.choi_bang ul li{
	text-indent: -1em;
	padding-left: 1em;
}

.choi_blue-back ul li.choi_bang ul{ padding-left: 0.5em; }

/*「ご存知ですか?」テーブル部*/
.insurance .choi_wrap .tbl_wrap,
.insurance .choi_wrap .tbl_wrap .choi_tbl{
	width: 700px;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl{
	border: 3px solid #FF7C00;
	border-collapse: collapse;
	box-sizing: border-box;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl td.choi_orange-back{
	background-color: #FF7C00;
	padding: 20px 60px;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-align: justify;
	text-justify: inter-ideograph;
}
.choi_bold-white{
	color: #FFF;
	font-weight: bold;
	font-size: 27px;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl td.choi_tbl-L{
	width: 80px;
	padding: 20px 10px 20px 50px;
	text-align: right;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl td.choi_tbl-R{
	padding: 20px 60px 20px 5px;
	text-align: left;
}
.choi_beige-back{ background-color: #FFF2D7; }

.choi_bold{
	font-size: 20px;
	font-weight: bold;
}
.choi_bold-orange{
	color: #FF7C00;
	font-weight: bold;
}

/*「ちょいのり保険はこんな時に便利です」*/
.choi_useful01,
.choi_useful02,
.choi_useful03{
	text-align: left;
	float: left;
}
.choi_useful01{ width: 205px; }
.choi_useful02{ width: 205px; margin: 0 38.5px; }
.choi_useful03{ width: 213px; }

.choi_useful01 .choi_bold{ color: #7A9FD4; }
.choi_useful02 .choi_bold{ color: #70BB2D; }
.choi_useful03 .choi_bold{ color: #EC6989; }

/*「まずは携帯・スマホから事前登録!」部*/
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel{ position: relative; }
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td.choi_orange-back2-L,
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td.choi_orange-back2-R{
	background-color: #FF7C00;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td.choi_orange-back2-L{
	width: 140px;
	padding: 10px 5px 10px 20px;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td.choi_orange-back2-L .dCaption{
	position: absolute;
	top: -30px;
	left: 20px;
	z-index: 2;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td.choi_orange-back2-R{
	width: 560px;
	padding: 10px 20px 10px 5px;
	text-align: left;
}
.regist_bold{
	font-size: 16px;
	font-weight: bold;
}
.regist_normal{
	font-size: 11px;
	font-weight: normal;
	padding-left: 1em;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .mini_tbl_wrap,
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .mini_tbl_wrap .mini_choi_tbl{
	width: 660px;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .mini_tbl_wrap{
	margin: 30px auto;
	text-align: center;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .mini_tbl_wrap td.w45{ width: 45px;}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .mini_tbl_wrap td.w190{ width: 190px;}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .mini_tbl_wrap td.w45,
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .mini_tbl_wrap td.w190{
	text-align: center;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .orange_wrap{
	width: 660px;
	border: 8px solid #F5B334;
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .app{
	margin: 30px auto;
	width: 350px;
	font-size: 22px;
	border:solid 3px #ff7c00;
	box-sizing: border-box;
	text-align: center;
} 
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .app a{
	margin: auto;
	padding: 12px 0;
	display: block;
	color: inherit;
	position: relative;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .app a span{
	color: #ff7c00;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .app a:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 25px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: 38px;
	top: 17px;
}
.insurance .choi_wrap .tbl_wrap .choi_tbl.rel td .app a:after{
	margin-left: 17px;
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	background: #ff7c00;
	border-radius: 50%;
	vertical-align: -8px;
}

/*「加入プラン」部*/
.insurance .choi_wrap ul.choi_ul li{
	text-indent: -3em;
	padding-left: 4em;
}
.insurance .choi_wrap .three_plan{
	color: #00a0e9;
	font-size: 14px;
}

/*1日自動車無事故割引*/
.insurance .choi_wrap .choi_gain
{
	width: 300px;
	color: #33489C;
	padding: 0 20px;
	box-sizing: border-box;
}

.insurance .choi_wrap ul.choi_ul li.choi_bang2{ 
	background:url(../images/car/tokyo_fBang.gif) no-repeat 1em top;
    text-indent: 0;
    padding-left: 3em;
}
.insurance .choi_wrap ul.choi_ul li.choi_bang2 ul{ padding-left: 0; }
.insurance .choi_wrap ul.choi_ul li.choi_bang2 ul li{
	text-indent: 0;
	padding-left: 0;
}

/*20170308追加*/
/*ゴルファー保険*/
/*文字色　緑*/
.gr_txt{ color: #1EAA39; }
/*文字色　オレンジ*/
.or_txt{ color: #F93; }
/*文字色　赤*/
.re_txt{ color: #F00; }
/*文字色　白*/
.wh_txt{ color: #FFF; }
/*フォント　太文字*/
.bold{ font-weight: bold; }
/*フォント　大型*/
.large{ font-size: large; }
/*フォント　大型*/
.x_large{ font-size: x-large; }
/*フォント　最大+太文字*/
.xx_large{ font-size: xx-large; }
/*フォント　超大型+太文字*/
.xxx_large{
	font-size: 500%;
	margin-top: -10px;
	margin-right: 10px;
}
/*左に10ピクセル移動*/
.ml10{ margin-left: 10px; }
/*三角形*/
.golf_triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 100px 0 100px;
	border-color: #1eaa3a transparent transparent transparent;
	line-height: 0px;
	_border-color: #1eaa3a #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	margin: 20px auto;
	text-align: center;
}
/*画像中央揃え*/
.insurance .golf_wrap{
	width: 683px;
	margin: 0 auto 45px auto;
	text-align: center;
}
/*キービジュ下　各項目*/
.insurance .golf_wrap .golf_case{
	width: 683px;
	padding: 20px;
	box-sizing: border-box;
}
/*↑の色付き項目用*/
.insurance .golf_wrap .golf_case.color_back{ background-color: #EDF8DD; }
/*項目内画像位置補正用*/
.minus30{ margin-top: -30px; }
.minus50{ margin-top: -50px; }

.insurance .golf_wrap .plan_box{
    width: 330px;
}
.insurance .golf_wrap .plan_txt{
    font-size: 15px;
    text-align: left;
    line-height: 1.8;
}
.insurance .golf_wrap .plan_txt span{
    color: #ff9934;
}

/*補償内容表上　吹き出し画像*/
.baloon_wrap{ position: relative; }
.baloon_wrap img{
	position: absolute;
	top: -110px;
	right: 0;
}

/*「ご契約にあたって」部*/
/*見出し部*/
.bg_or{
	background-color: #F93;
	padding: 10px 20px;
	box-sizing: border-box;
}
/*「※満69歳の方までご加入いただけます」テキスト部*/
.abs_txt{
	font-size: 100%;
	font-weight: normal;
	padding-left: 1em;
}
/*注意文言内文章部*/
.agree_txt{ line-height: 2em; }
/*注意文言内文章 囲み部*/
.border_or{
	border: 1px solid #F93;
    width: 14em;
    display: inline-block;
    text-align: center;
}
/*「お申込みはこちら」ボタン部*/
.application_wrap{
	background: url(../images/leisure/tokyo_dBack.jpg) no-repeat;
	width: 325px;
	height: 275px;
	position: relative;
}
.application_btn{
	position: absolute;
	left: 40.5px;
	top: 75.5px;
}
.application_txt{
	font-size: 8px;
	margin-top: 210px;
}

/*20170313追加*/
/*東京海上日動　お問合せ*/
.tokioMarine_wrap{
	width: 600px;
	margin: 0 auto;
	text-align: center;
	border: 3px solid #00A0E9;
	border-radius: 10px;
	box-sizing: border-box;
}
.tokioMarine_ttl{
	background-color: #00A0E9;
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
}
.tokioMarine_contents{ padding: 10px 20px 20px; }
.tokioMarine_upper{
	color:#00A0E9;
	font-size: 150%;
	font-weight: bold;
	padding-top: 0;
}
.freeD_mark{
	display: inline-block;
	vertical-align: sub;
	margin-right: 1em;
}
.freeD_num{
	display: inline-block;
	font-size: 300%;
	font-weight: bold;
}

/*東京海上日動　ロゴ用*/
.mt10{ margin-top: 10px; }

.insurance .choi_wrap .title {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

.insurance .choi_wrap .text01 {
	font-size: 15px;
	text-align: left;
	margin-bottom: 15px;
}
.insurance .choi_wrap .text01 span {
	font-size: 12px;
	vertical-align: top;
}

/*20170427追加 choinori_02.html*/
/* まずは 携帯・スマホから事前登録！部 */
#contentsArea .choinori_02 {
	width: 690px;
}
#contentsArea .choinori_02 .choi_wrap {
	margin: 0 0 30px 0;
}
#contentsArea .choinori_02 .boxCaption {
	overflow: hidden;
	background: #2d459e;
	padding: 20px;
}
#contentsArea .choinori_02 .boxCaption p {
	width: 110px;
	float: left;
	padding: 0;	
}
#contentsArea .choinori_02 .boxCaption dl {
	width: 503px;
	float: left;
	text-align: left;
	padding-left: 22px;
	margin: 0;
}
#contentsArea .choinori_02 .boxCaption dl dt {
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 0 0;
}
#contentsArea .choinori_02 .boxCaption dl dd {
	font-size: 16px;
	color: #fff;
	margin: 0;
}
#contentsArea .choinori_02 .boxCaption dl dd span {
	font-size: 12px;
	display: block;
}
#contentsArea .choinori_02 .app1{
	border: 1px solid #ff7c00;
}
#contentsArea .choinori_02 .app1 h3,
#contentsArea .choinori_02 .app2 h3{
	font-size: 16px;
	text-align: left;
	background: #ff7c00;
	color: #fff;
	padding: 15px 20px;
}
#contentsArea .choinori_02 .app1-1{
	overflow: hidden;
}
#contentsArea .choinori_02 .app1 .app1_l {
	width: 229px;
	float: left;
}
#contentsArea .choinori_02 .app1 .app1_r {
	width: 404px;
	float: left;
	margin: 0;
	text-align: left;
	padding: 25px 25px 25px 30px;
}
#contentsArea .choinori_02 .app1 .app1_r h4,
#contentsArea .choinori_02 .app2 h4 {
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
}
#contentsArea .choinori_02 .textNote {
	font-size: 13px;
	text-align: left;
	margin-top: 10px;
}
#contentsArea .choinori_02 .app1 .app1_r ul,
#contentsArea .choinori_02 .app2 ul {
	margin: 0 0 14px 0;
}
#contentsArea .choinori_02 .app1 .app1_r ul li,
#contentsArea .choinori_02 .app2 ul li{
	font-size: 13px;
	margin: 0;
	text-indent: -13px;
	padding-left: 13px;
	text-align: left;
}
#contentsArea .choinori_02 .app2{
	overflow: hidden;
}
#contentsArea .choinori_02 .app2 .inner {
	padding: 20px 25px;
	min-height: 168px;
}
#contentsArea .choinori_02 .app2 .app2_l {
	width: 328px;
	float: left;
	border: 1px solid #ff7c00;
}
#contentsArea .choinori_02 .app2 .app2_r {
	width: 328px;
	float: left;
	border: 1px solid #ff7c00;
	margin-left: 30px;
}
#contentsArea .choinori_02 .app2 .app2_l p,
#contentsArea .choinori_02 .app2 .app2_r p {
	margin: 0;
	padding: 0;
}

/*20180725追加 bicycle.html*/
#contentsArea .bicycle{
	margin-bottom: 50px;
}
#contentsArea .bicycle .linkbtn{
	float: left;
	width: 370px;
	text-align: center;
	margin: 20px 0;
	overflow: hidden;
}
#contentsArea .bicycle .btn_entry{
	margin: 50px auto 0;
	text-align: center;
}

