@charset "utf-8";

#content {padding: 0 20px 40px;}
#content h3.tit_01{ font-size: 18px; text-align: left; color: #012d6b; font-weight: bold; height: 30px; padding: 20px 0 0 20px; margin: 0 0 20px 0; border-bottom:2px solid #3e46a3;background:url(../img/blt_tit_01.png) no-repeat 0 22px;background-size:14px;}
#content h3.tit_02{ font-size: 18px; text-align: left; color: #000; font-weight: bold; height: 30px; padding: 30px 0 0 0; margin: 0 0 20px 0; }
#content h3.tit_02:first-child{ margin: -10px ;}
#content h3.tit_02 img{ padding: 0 10px 0 0 ; vertical-align: bottom}
/*#content h3.tit_01 font{ position: absolute; font-size: 16px; background: #fff; padding: 0 10px 0 0; z-index: 300;}
#content h3.tit_01 span.tit_bgline{ position: absolute; top: 9px; right: 0; background: #c6c6c6; height: 1px; width:100% ;  z-index: 200}
#content h3.tit_02{ font-size: 26px; letter-spacing: -1px; font-weight: bold; line-height: 30px;}
#content h3.tit_02{ font-size: 26px; letter-spacing: -1px; font-weight: bold; line-height: 30px;}
#content h3.tit_03{ font-size: 18px; letter-spacing: -1px; font-weight: bold; line-height: 30px; text-align: left; border-bottom: 2px solid #ccc; margin: 30px 0;}
*/
#content h3.tit_policy{ font-weight: bold; padding: 20px 0 5px;}
#content h4.tit_01{color: #fff;padding: 10px 8px 7px 8px; text-align: left; font-weight: bold; background-color:#3e46a3; margin:20px 0 10px;}
#content h5.tit_01{text-align: left;font-weight: bold; padding:0 0 0 12px; margin: 10px 0;background:url(../img/blt_tit_02.png) no-repeat 0 6px;background-size:4px;}
/*Ãß°¡*/
#content h5.tit_02{text-align: left;font-weight: bold; padding:0 0 0 12px; margin: 10px 0;background:url(../img/blt_tit_02.png) no-repeat 0 6px;background-size:4px; color:#012d6b}
#content h6.tit_01{ font-size: 30px; color: #ccc; margin: 40px 0 20px; text-align: center;}
#content h6.tit_01 font{font-size: 16px;color: #000; font-weight: bold; line-height: 26px; padding: 5px 0 10px; display: block; }

#content p{clear: both;}
#content div.policy p,h3,li{ font-size: 12px;}
#content font.bg_orange{ background-color:#ffe8cb; padding: 1px 5px;}
#content font.tit_movie{ margin: 0 0 10px 0; padding: 0 0 0 20px; display: block;}
#content .tit_movie{ list-style: disc;  margin: 0 0 10px 0; padding: 10px 0 0 20px; text-align: left;}
#content .tit_movie li{font-size: 14px;}

/*#content .con_bnr_01{ background-color: #012d6b; border-radius: 45px; }
#content .con_bnr_01 dl{ height:70px; }
#content .con_bnr_01 dt{font-size: 26px; padding: 24px 15px 0 0; width: 50%; text-align:right; float: left;  font-weight: bold; font-family:arial; letter-spacing: -1px;  color:#ffde00; }
#content .con_bnr_01 dd{ float: left;text-align:left; width: 45%; padding: 12px 0 0 0;}
#content .con_bnr_01 dd font{ color:#fff; }
#content .con_bnr_01 dd font.txt_small{ font-size: 14px;  }
#content .con_bnr_01 dd font.txt_nor{ font-size: 20px; }
*/
#content .con_bnr_02{ background-color: #d2e2ff; border-radius: 10px; margin:20px 0; padding: 20px 0; }
#content span.tri{ display: block; margin: -20px 0 0 0 ; width: 100%; height: 30px; text-align: center; }
#content font.tri{  border-width:12px; border-style: solid; border-color:#d2e2ff  transparent transparent transparent; line-height: 32px }
#content .con_bnr_03{ background-color: #ececec; border-radius: 10px; margin:20px 0; padding: 20px 10px;}
/*Ãß°¡*/
#content .con_bnr_04{ background-color: #ff9898; border-radius: 10px; margin:20px 0; padding: 20px 10px; color:#fff; font-weight:bold;}

#content iframe{ margin: 10px 0;}
#content .con_bnr_recommed{ background-color: #5674b9; border-radius: 10px; margin:20px 0; padding: 20px 0px; color:#fff; font-weight:bold; overflow: hidden; display: block; ;}
#content .con_bnr_recommed dl{ width:300px;  margin: 0 auto;/*overflow: hidden;*/}
#content .con_bnr_recommed dt{ width: 95px; height: 80px; margin:0 0 0 0 ; float:left; padding-top:10px; }
#content .con_bnr_recommed dd{text-align:left; margin:0; padding: 21px 0 0 0; line-height: 20px; float: left;}
#content .con_bnr_recommed dd font.txt_tit{ color: #fff;font-size: 20px; font-weight: bold;}
#content .con_bnr_recommed dd font.txt_nor{ color: #fff; opacity: 100%; display: block; padding: 5px 0 0 0; line-height:140%; letter-spacing:-1px;}


#content .review{ border-bottom: 2px solid #ccc;}
#content .review dl{ display: block; position: relative; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; margin: 20px 0 20px 0;}
#content .review dl:last-child{ border: none; margin: 0;}
#content .review dt{ font-weight: bold; text-align: left; }
#content .review dt em{ font-weight: normal;font-style: normal;font-size: 14px;color: #999;  display: block;}
#content .review dt font{font-weight: normal; font-size: 14px; color: #ccc; padding: 0 10px;}
#content .review dd{ text-align: justify; margin: 10px 0 20px 0; background:#f5f5f5; padding:10px;}

#content .review dd em{ font-style: normal; display: block;}
#content .review dd strong{ display: block;}
#content .review dd.review_open {background:#fff;margin:0;}
#content .review dd.review_open a{ text-align: center; background:url(../img/ok_blt_select.png) no-repeat ; background-size:38px; height: 30px; display: block; position: absolute;bottom: 0; left: 0; right: 0;}
#content .review dd.review_open a.open{  background-position: center -10px;}
#content .review dd.review_open a.close{ background-position: center -185px;}

#content .review dd.summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:85px;margin:10px 0 0 0;}
#content .review dd.detail{max-height:inherit;overflow: visible;margin-bottom:0;}

#content .pro{ border-bottom: 2px solid #ccc;}
#content .pro dl{ display: block; position: relative; border-bottom: 1px solid #ddd; padding: 0 0 40px 0; margin: 0 0 20px 0;}
#content .pro dl:last-child{ border: none; margin: 0;}
#content .pro dt{ width: 70px; height: 90px;float: left; background:url(../img/ok_img_pro.png) no-repeat 0 0; background-size:55px; }
/*Ãß°¡*/
#content .pro dt span {display: block; position: absolute; top:55px; left:5px; height:50px;}
#content .pro dd{ text-align: left; margin: 0 0 0 70px;}
#content .pro dd em{ font-style: normal; display: block;font-size: 14px;color: #999;}
#content .pro dd strong{ display: block; margin: 0 0 10px 0;}
#content .pro dd.review_open a{ text-align: center; background:url(../img/ok_blt_select.png) no-repeat ; background-size:38px; height: 30px; display: block; position: absolute;bottom: 0; left: 0; right: 0;}
#content .pro dd.review_open a.open{  background-position: center -10px;}
#content .pro dd.review_open a.close{ background-position: center -185px;}

#content .pro dd.summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:85px;margin:10px 0 0 0;}
#content .pro dd.detail{max-height:inherit;overflow: visible;margin-bottom:0;}

/*
#content .company_info dl{clear: both;} 
#content .company_info dt{ float: left; width: 74px; height: 120px; vertical-align: middle;  } 
#content .company_info dd{ height: 100px;margin: 0 0 0 90px; display: block;} 
*/

#content .tit_area{ background-color: #f8981c; overflow: hidden; display: block; padding: 10px 0 15px; margin: 0 -20px 4px -20px !important;}
#content .tit_orange{ background-color: #f8bc1c !important;}
#content .tit_pink{ background-color: #ff91ab !important;}
#content .tit_gray{ background-color: #909fb4 !important; padding: 35px 0; color: #fff; font-size: 18px; font-weight: bold;}
#content .tit_area dl{ width:420px;  margin: 0 auto; /*border: 1px solid #f00; overflow: hidden;*/}
#content .tit_area dt{ width: 110px; height: 100px; margin:0 0 0 30px ; background:url(../img/car_ico_tit.png) no-repeat; background-size:120px;float: left;}
#content .tit_area dt.tit_caution{ background-position:right -10px; }
#content .tit_area dt.tit_my_pu{ background-position:right -130px; }
#content .tit_area dt.tit_my_sa{ background-position:right -250px; }
#content .tit_area dt.tit_market{ background-position:right -370px; }
#content .tit_area dt.tit_fal{ background-position:right -490px; }
#content .tit_area dt.tit_inst{ background-position:right -610px; }
#content .tit_area dt.tit_read{ background-position:right -730px; }
#content .tit_area dt.tit_in{ background-position:right -850px; }
#content .tit_area dt.tit_pro{ background-position:right -970px; }
#content .tit_area dt.tit_no1{ background-position:right -1105px; }

#content .tit_area dd{text-align:left; margin:0; padding: 21px 0 0 0; line-height: 20px; float: left;}
#content .tit_area dd font.txt_tit{ color: #fff;font-size: 20px; font-weight: bold;}
#content .tit_area dd font.txt_nor{ color: #fff; opacity: 80%; display: block; padding: 5px 0 0 0;}

#content .content_foot{ margin:50px 0; text-align: center; }
.list_notice { clear: both; }
.list_notice ul{ overflow: hidden;  border-top: 2px solid #ccc; margin-top: 20px;}
.list_notice ul li{float:left; width:100%; text-align: left; border-bottom: 1px solid #e1e1e1; position: relative;}
.list_notice ul li:last-child{border-bottom: 2px solid #ccc;}
.list_notice ul li a.list_view{ display:block; padding: 16px 40px 12px 0;  background:url(../img/ok_blt_select.png) no-repeat right 12px; background-size:38px; }
.list_notice ul li a.on{background:url(../img/ok_blt_select.png) no-repeat right -160px; background-size:38px; }
.list_notice ul li em{font-style: normal; font-weight:bold; background-color: #ee1c24; padding: 3.5px 5px 1.5px 5px; font-size: 10px; color: #fff; margin: -5px 0 0 5px; border-radius:20px;}

.list_notice ul li span:li{ padding: 20px 0; font-size: 16px; border-top: 1px solid #e1e1e1; display: block;}
.list_notice>ul>li>p { display:block; font-size: 14px; color: #999; padding: 2px 0 0 0;/* border: 1px solid #f00; */}
.list_notice ul li a.inner {font-size: 14px; color: #999; }
.list_notice ul li font.ft{font-weight: normal; font-size: 14px; color: #ccc; padding: 0 10px;}
.list_notice ul li{ background: url(../img/ok_ico_foot.png) no-repeat;}
.list_notice h3{ font-size: 18px; padding:30px 0 20px 0; font-weight: bold; text-align: left; display: block; border-bottom: 2px solid #ccc;}
.list_notice table{}
.list_notice td:first-child{ padding: 0 7px 0 0 ;}
.list_notice td input{ border-right: none; border-radius: 3px 0 0 3px;}
.list_notice td:last-child{ border: 1px solid #ddd; border-left: none; border-radius: 0 3px 3px 0; }
.list_notice td a.search{background: url(../img/ok_ico_search.png) no-repeat center 9px;background-size:25px; display: block; width:100%; height: 25px; padding: 8px 0px}
.list_notice td a font{ display: none;}


table.form_my{border-collapse: collapse;border-bottom: 2px solid #ccc;border-top: 2px solid #3e46a3; margin: 20px 0; }
table.form_my tr{ border-bottom: 1px solid #ddd;}
table.form_my tr td{  padding: 20px 0; text-align: left;  font-size: 14px;}
table.form_my tr td.row_01{ line-height: 14px;}
table.form_my tr td:first-child{ font-weight: bold;text-align:center; }
table.form_my tr td:last-child{ padding: 0 2px 0 0}
table.form_my tr td font{ font-size: 14px; letter-spacing: -0.5px; text-align: left; display: block; padding: 10px 0 0 0;}
table.form_my tr td.num{ padding: 0 0 10px 0;}
table.form_my tr td.num font {padding: 10px 0 5px 0;}

table.form_counsul{border-collapse: collapse;border-bottom: 2px solid #ccc; margin: 20px 0;border-top: 2px solid #3e46a3; }
table.form_counsul caption{font-size: 18px; text-align: left; color: #012d6b; font-weight: bold; height: 30px; padding: 20px 0 0 20px; margin: 0 0 0 0;background:url(../img/blt_tit_01.png) no-repeat 0 22px;background-size:14px;}
table.form_counsul thead{ background-color: #f4f4f4;}
table.form_counsul tr{ border-bottom: 1px solid #ddd; }
table.form_counsul tr th{  padding: 14px 0 10px; font-size: 14px;}
table.form_counsul tr td{  padding: 12px 0 10px; font-size: 14px;}
table.form_counsul tr td span{display: block;}
table.form_counsul tr td:first-child{ }
table.form_counsul tr td font{ text-align: left; display: block; padding: 10px 0 0 0;}
table.form_counsul tr td.td_left {text-align: left; letter-spacing:-1px;}
 
table.cer{ border-collapse: collapse;}
table.cer td{ padding: 10px 0 !important;}
table.cer td.none{ padding: 10px 0 0 0 !important;}
table.cer td:nth-child(2),table.cer td:nth-child(4){ width: 16px; text-align: center;}
table.cer tr:last-child{ border: none;}
table.cer tr td.td_left {text-align: left; letter-spacing:-1px;}
table.form_pro{border-collapse: collapse;border-bottom: 2px solid #ccc;border-top: 2px solid #3e46a3; margin: 20px 0; }
table.form_pro tr{ border-bottom: 1px solid #ddd; }
table.form_pro tr td{  padding: 20px 0;font-size: 14px;}
table.form_pro tr td:first-child{ font-weight: bold;}
table.form_pro tr td:last-child{ padding: 0 2px 0 0}
table.form_pro tr td font{ text-align: left; display: block; padding: 10px 0 0 0;}


table.form_alli{border-collapse: collapse;border-bottom: 2px solid #ccc;border-top: 2px solid #3e46a3; margin: 20px 0; }
table.form_alli tr{ border-bottom: 1px solid #ddd; }
table.form_alli tr td{  padding: 20px 0; font-size: 14px;}
table.form_alli tr td:first-child{ font-weight: bold;}
table.form_alli tr td:last-child{ padding: 0 2px 0 0}
table.form_alli tr td font{font-size: 14px; letter-spacing: -0.5px; text-align: left; display: block; padding: 10px 0 0 0;}

table.nor{border-collapse: collapse;border-bottom: 2px solid #ccc;border-top: 2px solid #3e46a3; margin: 20px 0; }
table.nor thead{ background-color: #f4f4f4;}
table.nor tr{ border-bottom: 1px solid #ddd; }
table.nor th{ padding: 14px 0 10px;font-size: 14px;}
table.nor tr td{  padding: 20px 0;font-size: 14px;}
table.nor tr td:first-child{ font-weight: bold;}
table.nor tr td:last-child{ padding: 0 2px 0 0}
table.nor tr td font{ text-align: left; display: block; padding: 10px 0 0 0;}



table.t_01{border-collapse: collapse;}
table.t_01 td{ border: 1px solid #ddd; padding:5px; font-size: 12px; letter-spacing: -1px;}
table.t_01 td.bg_gray{ background-color: #f8f8f8;}



div.pageing{ margin: 30px 0 0 0; clear: both;}
div.pageing ul{text-align:center; }
div.pageing ul li{display:inline-block; width:40px; height:38px;border:solid 1px #eee; background:#fff; margin:0 0 0 -5px;}
div.pageing ul li a{display:block;line-height:40px; color:#999;}
div.pageing ul li a.on{font-weight:bold; color:#000; background-color:#eee;}
div.pageing ul li a:hover{ background-color:#eee; text-decoration:none;}
div.pageing ul li.end strong{ font-size:16px; line-height:32px; }
div.pageing ul li:first-child{ border-radius: 10px 0 0 10px; }
div.pageing ul li:last-child{ border-radius: 0 10px 10px 0; }

.blank_list{height:50px;line-height:50px;text-align:center;font-weight:bold;}