@charset "UTF-8"; /* ------------------------------------------------------------------------------------------ Font Size 11px = 85% / 12px = 100% / 13px = 104% / 14px = 116% / 15px = 123% / 16px = 128% ========================================================================================== */ /* ------------------------------------------------------------------------------------------ Universal Reset ========================================================================================== */ *{margin:0; padding:0;} body{font-size:100.01%; font-family:"メイリオ","ヒラギノ角ゴ Pro W3",Arial,sans-serif;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} ul,ol{list-style:none;} strong{font-weight:normal;} em{font-style:normal;} img{border:0; vertical-align:bottom;} caption{text-align:left;} table{border-collapse:separate;border-spacing:0;} table,th,td{border:0 none; font-size:1.0em; vertical-align:top;} th{font-weight:normal; text-align:left;} dt{font-weight:normal;} fieldset{border:0 none;} legend{display:none;} input,select{vertical-align:middle;} input[type="checkbox"],input[type="radio"],select{-webkit-appearance: none; appearance: none;} label{cursor:pointer;} option{padding-right:5px;} textarea{font-size:97.5%;} address{font-style:normal;} hr{display:none;} a{color:#003399;} a:hover{text-decoration:none;} .clear:before,.clear:after{content:""; display:table;} .clear:after{clear:both;} .clear{zoom:1;} .disNone{display:none;} /* ------------------------------------------------------------------------------------------ general Style ========================================================================================== */ /* ------------------------------------------------------------ margin style ------------------------------------------------------------ */ .mt0{margin-top:0!important} .mt5{margin-top:5px!important} .mt8{margin-top:8px!important} .mt10{margin-top:10px!important} .mt15{margin-top:15px!important} .mt20{margin-top:20px!important} .mt25{margin-top:25px!important} .mt30{margin-top:30px!important} .mt35{margin-top:35px!important} .mt40{margin-top:40px!important} .mt45{margin-top:45px!important} .mt50{margin-top:50px!important} .mt100{margin-top:100px!important} .mb0{margin-bottom:0!important} .mb5{margin-bottom:5px!important} .mb10{margin-bottom:10px!important} .mb15{margin-bottom:15px!important} .mb20{margin-bottom:20px!important} .mb25{margin-bottom:25px!important} .mb30{margin-bottom:30px!important} .mb35{margin-bottom:35px!important} .mb40{margin-bottom:40px!important} .mb45{margin-bottom:45px!important} .mb50{margin-bottom:50px!important} .ml0{margin-left:0!important} .ml5{margin-left:5px!important} .ml10{margin-left:10px!important} .ml15{margin-left:15px!important} .ml20{margin-left:20px!important} .ml25{margin-left:25px!important} .ml30{margin-left:30px!important} .ml35{margin-left:35px!important} .ml40{margin-left:40px!important} .mr0{margin-right:0!important} .mr5{margin-right:5px!important} .mr10{margin-right:10px!important} .mr15{margin-right:15px!important} .mr20{margin-right:20px!important} .mr25{margin-right:25px!important} .mr30{margin-right:30px!important} .mr35{margin-right:35px!important} .mr40{margin-right:40px!important} /* ------------------------------------------------------------ padding style ------------------------------------------------------------ */ .pt0{padding-top:0!important} .pt5{padding-top:5px!important} .pt10{padding-top:10px!important} .pt15{padding-top:15px!important} .pt20{padding-top:20px!important} .pt25{padding-top:25px!important} .pt30{padding-top:30px!important} .pt35{padding-top:35px!important} .pt40{padding-top:40px!important} .pb0{padding-bottom:0!important} .pb5{padding-bottom:5px!important} .pb10{padding-bottom:10px!important} .pb11{padding-bottom:11px!important} .pb15{padding-bottom:15px!important} .pb20{padding-bottom:20px!important} .pb25{padding-bottom:25px!important} .pb30{padding-bottom:30px!important} .pb35{padding-bottom:35px!important} .pb40{padding-bottom:40px!important} .pl0{padding-left:0!important} .pl05{padding-left:5px!important} .pl10{padding-left:10px!important} .pl15{padding-left:15px!important} .pl20{padding-left:20px!important} .pl25{padding-left:25px!important} .pl30{padding-left:30px!important} .pl35{padding-left:35px!important} .pl40{padding-left:40px!important} .pr0{padding-right:0!important} .pr10{padding-right:10px!important} .pr15{padding-right:15px!important} .pr20{padding-right:20px!important} .pr25{padding-right:25px!important} .pr30{padding-right:30px!important} .pr35{padding-right:35px!important} .pr40{padding-right:40px!important} /* ------------------------------------------------------------ text style ------------------------------------------------------------ */ .tCenter{text-align:center!important;} .tLeft{text-align:left!important;} .tRight{text-align:right!important;} .underline{text-decoration:underline!important;} .overline{text-decoration:overline!important;} .relative{position:relative!important;} .absolute{position:absolute!important;} .static{position:static!important;} .vTop{vertical-align:top!important;} .vMiddle{vertical-align:middle!important;} .vBottom{vertical-align:bottom!important;} .fLeft{float:left!important;} .fRight{float:right!important;} .fNone{float:none!important;} .tBold{font-weight:bold!important;} .tNormal{font-weight:normal!important;} .fontSizeS{font-size:85%!important;} .fontSizeM{font-size:93%!important;} .fontSizeL{font-size:116%!important} .tRed{color:#dc143c!important;} .tRed02{color:#c00000!important;} .tOrange{color:#fe760f!important;} /* ------------------------------------------------------------ table style ------------------------------------------------------------ */ col.row05{width:5%!important;} col.row06{width:6%!important;} col.row07{width:7%!important;} col.row08{width:8%!important;} col.row09{width:9%!important;} col.row10{width:10%!important;} col.row11{width:11%!important;} col.row12{width:12%!important;} col.row13{width:13%!important;} col.row14{width:14%!important;} col.row15{width:15%!important;} col.row16{width:16%!important;} col.row17{width:17%!important;} col.row18{width:18%!important;} col.row19{width:19%!important;} col.row20{width:20%!important;} col.row21{width:21%!important;} col.row22{width:22%!important;} col.row23{width:23%!important;} col.row24{width:24%!important;} col.row25{width:25%!important;} col.row26{width:26%!important;} col.row27{width:27%!important;} col.row28{width:28%!important;} col.row29{width:29%!important;} col.row30{width:30%!important;} col.row31{width:31%!important;} col.row32{width:32%!important;} col.row33{width:33%!important;} col.row34{width:34%!important;} col.row35{width:35%!important;} col.row36{width:36%!important;} col.row37{width:37%!important;} col.row38{width:38%!important;} col.row39{width:39%!important;} col.row40{width:40%!important;} col.row41{width:41%!important;} col.row42{width:42%!important;} col.row43{width:43%!important;} col.row44{width:44%!important;} col.row45{width:45%!important;} col.row46{width:46%!important;} col.row47{width:47%!important;} col.row48{width:48%!important;} col.row49{width:49%!important;} col.row50{width:50%!important;} col.row51{width:51%!important;} col.row52{width:52%!important;} col.row53{width:53%!important;} col.row54{width:54%!important;} col.row55{width:55%!important;} col.row56{width:56%!important;} col.row57{width:57%!important;} col.row58{width:58%!important;} col.row59{width:59%!important;} col.row60{width:60%!important;} col.row61{width:61%!important;} col.row62{width:62%!important;} col.row63{width:63%!important;} col.row64{width:64%!important;} col.row65{width:65%!important;} col.row66{width:66%!important;} col.row67{width:67%!important;} col.row68{width:68%!important;} col.row69{width:69%!important;} col.row70{width:70%!important;} col.row71{width:71%!important;} col.row72{width:72%!important;} col.row73{width:73%!important;} col.row74{width:74%!important;} col.row75{width:75%!important;} col.row76{width:76%!important;} col.row77{width:77%!important;} col.row78{width:78%!important;} col.row79{width:79%!important;} col.row80{width:80%!important;} col.row81{width:81%!important;} col.row82{width:82%!important;} col.row83{width:83%!important;} col.row84{width:84%!important;} col.row85{width:85%!important;} col.row86{width:86%!important;} col.row87{width:87%!important;} col.row88{width:88%!important;} col.row89{width:89%!important;} col.row90{width:90%!important;} col.row91{width:91%!important;} col.row92{width:92%!important;} col.row93{width:93%!important;} col.row94{width:94%!important;} col.row95{width:95%!important;} col.row96{width:96%!important;} col.row97{width:97%!important;} col.row98{width:98%!important;} col.row99{width:99%!important;} col.row100{width:100%!important;} .wid32{width:32px!important;} .wid40{width:40px!important;} .wid200{width:200px!important;} .wid235{width:235px!important;} .wid320{width:320px!important;} .wid667{width:667px!important;} /* ------------------------------------------------------------------------------------------ Base Layout ========================================================================================== */ body{background:#afafaf;} #str-container{font-size:78%; min-width:910px; line-height:1.25; color:#000; background:#fff;} /* ------------------------------------------------------------------------------------------ Header ========================================================================================== */ #str-header{background:url(/common/images/quote/header_bg_01.gif) repeat-x left bottom;} #str-header #str-headerInner{position:relative; width:910px; height:120px; margin:0 auto;} #str-header #site-logo{position:absolute; left:0; top:35px;} #str-header #site-name{position:absolute; left:102px; top:48px;} #str-header #site-name02{position:absolute; left:102px; top:44px;} #str-header #nav-header{position:absolute; right:0; top:14px; width:315px;} #str-header #nav-header #code{border:1px solid #bcdcc4; text-align:center; font-weight:bold; margin:0 0 5px 0; padding:2px 0 0 0;} #str-header #nav-header .nav-txt{margin:0 0 5px 0;} #str-header #nav-header ul{letter-spacing:-.4em; text-align:right;} #str-header #nav-header ul li{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; vertical-align:top;} #str-header #nav-header ul li.btn{border:1px solid #003399; border-radius:3px; margin:0 0 0 5px;} #str-header #nav-header ul li.btn a{ display:inline-block; padding:4px 7px; border:1px solid #ffffff; border-radius:3px; background:#f0f3fb; background:-moz-linear-gradient(top,#ffffff 0%,#f0f3fb 49%,#d9dfeb 51%,#d9dfeb 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(49%,#f0f3fb),color-stop(51%,#d9dfeb),color-stop(100%,#d9dfeb)); background:-webkit-linear-gradient(top,#ffffff 0%,#f0f3fb 49%,#d9dfeb 51%,#d9dfeb 100%); background:-o-linear-gradient(top,#ffffff 0%,#f0f3fb 49%,#d9dfeb 51%,#d9dfeb 100%); background:-ms-linear-gradient(top,#ffffff 0%,#f0f3fb 49%,#d9dfeb 51%,#d9dfeb 100%); background:linear-gradient(to bottom,#ffffff 0%,#f0f3fb 49%,#d9dfeb 51%,#d9dfeb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#d9dfeb',GradientType=0 ); } #str-header #nav-header ul li.btn a:hover{ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff',endColorstr='#e3e8f0',GradientType=0 ); -moz-opacity:0.80; opacity:0.80; } /* ------------------------------------------------------------------------------------------ Footer ========================================================================================== */ #str-footer{min-width:910px; background:#afafaf; font-size:78%;} #str-footer #str-footerInner{width:910px; margin:0 auto; padding:15px 0 5px 0; font-size:85%;} #str-footer .nav-common{float:left; width:780px; letter-spacing:-.4em;} #str-footer .nav-common li{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; padding:0 15px 0 0;} #str-footer .nav-common li a{color:#333; text-decoration:none;} #str-footer #copyright{float:right; width:120px;} /* ------------------------------------------------------------------------------------------ pagetopBlock ========================================================================================== */ .pagetopBlock{position:relative; width:910px; height:60px; margin:0 auto; padding:35px 0 20px 0; text-align:right;} .pagetopBlock .pagetop{width:75px; margin-left:832px;} .pagetopBlock .pagetop a{display:inline-block; background:#ebe9e9; border-radius:6px; text-align:center; padding:2px 0; width:75px; border:1px solid #cdcccc; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} /* ------------------------------------------------------------------------------------------ fixedFooter ========================================================================================== */ #fixedFooter{position: relative;width: 910px;height:133px;margin: 0 auto;z-index:250;} #fixedFooter{*display:none!important;} #fixedFooter #fixedFooterInner{width:910px; margin:0 auto; border-bottom:2px solid #fff;} #fixedFooter .accordion{position:relative; min-height:34px;} #fixedFooter .accordion .accordionHeading{position:absolute; top:0; left:0; height:34px; cursor:pointer;background: #003399;border-radius: 8px 8px 0 0;} #fixedFooter .accordion .accordionHeading .accordionHeadingInner{ border-radius:8px 8px 0 0; background:#003399; background:-moz-linear-gradient(top,#3967bf 0%,#003399 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3967bf),color-stop(100%,#003399)); background:-webkit-linear-gradient(top,#3967bf 0%,#003399 100%); background:-o-linear-gradient(top,#3967bf 0%,#003399 100%); background:-ms-linear-gradient(top,#3967bf 0%,#003399 100%); background:linear-gradient(to bottom,#3967bf 0%,#003399 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3967bf',endColorstr='#003399',GradientType=0 ); } #fixedFooter .accordion .accordionHeading .accordionHeadingInner:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} #fixedFooter .accordion .accordionHeading .accordionHeadingInner p{text-indent:-9999px; width:199px; height:34px; background:url(/common/images/quote/footer_btn_01_off.png) no-repeat center center;} #fixedFooter .accordion .accordionHeading.open .accordionHeadingInner p{background:url(/common/images/quote/footer_btn_01_on.png) no-repeat center center;} #fixedFooter .accordion.pattern2{position:static; width:910px;} #fixedFooter .accordion.pattern2 .accordionHeading{position:static; float:right; width:44px; height:35px; margin-bottom:-1px;} #fixedFooter .accordion.pattern2 .accordionHeading .accordionHeadingInner p{text-indent:-9999px; width:44px; height:35px; background:url(/common/images/quote/footer_btn_02_off.png) no-repeat center center;} #fixedFooter .accordion.pattern2 .accordionHeading.open .accordionHeadingInner p{background:url(/common/images/quote/footer_btn_02_on.png) no-repeat center center;} #fixedFooter .accordion.pattern2 .accordionBody{clear:both;} #fixedFooter .column4WrapA01{width:910px; margin-bottom:-1px;} #fixedFooter .column4WrapA01 .btn{display:inline-block; *display:inline; *zoom:1; background:#fff; border-radius:3px;} #fixedFooter .column4WrapA01 .btn a span{padding:2px 10px;} #fixedFooter .column4WrapA01 .columnBlock01{float:left; width:199px; height:98px; border-radius:8px 8px 0 0; background:#003399; color:#fff; text-align:center; line-height:1.4;} #fixedFooter .column4WrapA01 .columnBlock01 .inner{padding:40px 10px 10px 10px;} #fixedFooter .column4WrapA01 .columnBlock02, #fixedFooter .column4WrapA01 .columnBlock03, #fixedFooter .column4WrapA01 .columnBlock04{float:left; width:235px; height:96px; padding:0 0 0 2px; vertical-align:middle;} #fixedFooter .column4WrapA01 .columnBlock02 .inner, #fixedFooter .column4WrapA01 .columnBlock03 .inner, #fixedFooter .column4WrapA01 .columnBlock04 .inner{height:85px; padding:10px 0 0 0; text-align:center;} #fixedFooter .column4WrapA01 .columnBlock02.plan01 .inner{background:#3bb9a2;} #fixedFooter .column4WrapA01 .columnBlock03.plan02 .inner{background:#cb9bc4;} #fixedFooter .column4WrapA01 .columnBlock04.plan03 .inner{background:#56c2f1;} #fixedFooter .column4WrapA01 .price{vertical-align:bottom; font-weight:bold; font-size:116%; margin:0 0 8px 0; line-height:1;} #fixedFooter .column4WrapA01 .price span{display:inline-block; vertical-align:bottom; color:#fff; margin:0 0 2px 0;} #fixedFooter .column4WrapA01 .price span.data{ margin:0 5px 0 0; padding:5px; border-radius:2px; font-size:26px; color:#ff3961; text-align:center; font-weight:normal; width:105px; background:#fff; border:none; border:1px solid #eaeaea\9; border-top:2px solid #a5a5a5\9; border-left:2px solid #a5a5a5\9; box-shadow:inset 1px 1px 3px #333; -webkit-box-shadow:inset 1px 1px 3px #333; } #fixedFooter .bgBlue{width:910px; padding:5px 0; background:#003399; text-align:center;} /* ------------------------------------------------------------------------------------------ Contents ========================================================================================== */ #str-main{width:910px; min-height:600px; height:auto!important; height:600px; margin:0 auto; padding:20px 0 0 0;} #str-main .stepBlockA01{margin:0 0 50px 0;} /* ------------------------------------------------------------ headingBlock ------------------------------------------------------------ */ /* headingBlockA01 ------------------------------ */ #str-main .headingBlockA01{background:#003399; padding:6px 8px; border-left:1px solid #a5a5a5; border-right:1px solid #a5a5a5;} /* headingBlockA02 ------------------------------ */ #str-main .headingBlockA02{border-bottom:1px solid #a5a5a5; margin:30px 0 20px 0;} #str-main .headingBlockA02 h2{padding:7px 12px; margin:0 0 8px 0; border-left:7px solid #003399;} /* headingBlockB01 ------------------------------ */ #str-main .headingBlockB01{position:relative; background:#335cad; padding:10px 15px;} #str-main .headingBlockB01 h2{color:#fff; font-size:158%; font-weight:bold;} #str-main .headingBlockB01 .link{position:absolute; right:11px; top:8px; border-radius:3px;} #str-main .headingBlockB01 .link a{padding:6px 15px;} /* headingBlockB02 ------------------------------ */ #str-main .headingBlockB02{margin:50px 0 0 0;} /* ------------------------------------------------------------ btnBlock ------------------------------------------------------------ */ /* btn Style ------------------------------ */ #str-container .blueBtn01 a{ display:inline-block; padding:4px 10px; border:1px solid #2a77d8; border-radius:3px; background:#8bb9f8; background:-moz-linear-gradient(top,#8bb9f8 0%,#0d63ce 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#8bb9f8),color-stop(100%,#0d63ce)); background:-webkit-linear-gradient(top,#8bb9f8 0%,#0d63ce 100%); background:-o-linear-gradient(top,#8bb9f8 0%,#0d63ce 100%); background:-ms-linear-gradient(top,#8bb9f8 0%,#0d63ce 100%); background:linear-gradient(to bottom,#8bb9f8 0%,#0d63ce 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bb9f8',endColorstr='#0d63ce',GradientType=0 ); } #str-container .blueBtn01 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8caf9',endColorstr='#4f8edb',GradientType=0 ) -moz-opacity:0.80; opacity:0.80 } #str-container .blueBtn02 a{ display:inline-block; padding:8px 10px; border:1px solid #bbbbbb; border-radius:3px; background:#9fadf3; background:-moz-linear-gradient(top,#f9fbff 0%,#edf1fd 80%,#d4dbfa 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9fbff),color-stop(80%,#edf1fd),color-stop(100%,#d4dbfa)); background:-webkit-linear-gradient(top,#f9fbff 0%,#edf1fd 80%,#d4dbfa 100%); background:-o-linear-gradient(top,#f9fbff 0%,#edf1fd 80%,#d4dbfa 100%); background:-ms-linear-gradient(top,#f9fbff 0%,#edf1fd 80%,#d4dbfa 100%); background:linear-gradient(to bottom,#f9fbff 0%,#edf1fd 80%,#d4dbfa 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fbff',endColorstr='#d4dbfa',GradientType=0 ); } #str-container .blueBtn02 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e1e6fc',GradientType=0 ) -moz-opacity:0.80; opacity:0.80 } #str-container .grayBtn01 a{ display:inline-block; padding:4px 10px; border:1px solid #ababab; border-radius:3px; background:#fbfbfb; background:-moz-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(100%,#d1d1d1)); background:-webkit-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-o-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-ms-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:linear-gradient(to bottom,#fbfbfb 0%,#d1d1d1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#d1d1d1',GradientType=0 ); } #str-container .grayBtn01 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#dedede',GradientType=0 ); -moz-opacity:0.80; opacity:0.80 } #str-container .grayBtn02 a{ display:inline-block; padding:4px 10px; border:1px solid #bfbfbf; border-radius:3px; background:#fbfbfb; background:-moz-linear-gradient(top,#ededed 0%,#bebebe 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#bebebe)); background:-webkit-linear-gradient(top,#ededed 0%,#bebebe 100%); background:-o-linear-gradient(top,#ededed 0%,#bebebe 100%); background:-ms-linear-gradient(top,#ededed 0%,#bebebe 100%); background:linear-gradient(to bottom,#ededed 0%,#bebebe 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#bebebe',GradientType=0 ); } #str-container .grayBtn02 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#d0d0d0',GradientType=0 ) -moz-opacity:0.80; opacity:0.80 } #str-container .grayBtn03 a{ display:inline-block; border:1px solid #cfcfcf; border-radius:2px; background:#bdbdbd; background:-moz-linear-gradient(top,#ffffff 0%,#f5f5f5 49%,#e2e2e2 51%,#dbdbdb 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(49%,#f5f5f5),color-stop(51%,#e2e2e2),color-stop(100%,#dbdbdb)); background:-webkit-linear-gradient(top,#ffffff 0%,#f5f5f5 49%,#e2e2e2 51%,#dbdbdb 100%); background:-o-linear-gradient(top,#ffffff 0%,#f5f5f5 49%,#e2e2e2 51%,#dbdbdb 100%); background:-ms-linear-gradient(top,#ffffff 0%,#f5f5f5 49%,#e2e2e2 51%,#dbdbdb 100%); background:linear-gradient(to bottom,#ffffff 0%,#f5f5f5 49%,#e2e2e2 51%,#dbdbdb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=0 ); box-shadow:1px 1px 3px 0 #aaa; -webkit-box-shadow:1px 1px 3px 0 #aaa; } #str-container .grayBtn03 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe',endColorstr='#eae8e8',GradientType=0 ); -moz-opacity:0.80; opacity:0.80; } #str-container .grayBtn03 a span{display:block; border:1px solid #fff; border-radius:2px; padding:8px 10px;} #str-container .orangeBtn01 a{ display:inline-block; padding:4px 10px; border:1px solid #fabb27; border-radius:3px; background:#f9af00; background:-moz-linear-gradient(top,#fbda8b 0%,#f9af00 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbda8b),color-stop(100%,#f9af00)); background:-webkit-linear-gradient(top,#fbda8b 0%,#f9af00 100%); background:-o-linear-gradient(top,#fbda8b 0%,#f9af00 100%); background:-ms-linear-gradient(top,#fbda8b 0%,#f9af00 100%); background:linear-gradient(to bottom,#fbda8b 0%,#f9af00 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbda8b',endColorstr='#f9af00',GradientType=0 ); } #str-container .orangeBtn01 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce3a7',endColorstr='#fbcd61',GradientType=0 ) -moz-opacity:0.80; opacity:0.80 } #str-container .orangeBtn02 a{ display:block; text-align:center; border:1px solid #de3f23; border-radius:3px; background:#e63600; background:-moz-linear-gradient(top,#f65d2e 0%,#e63600 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f65d2e),color-stop(100%,#e63600)); background:-webkit-linear-gradient(top,#f65d2e 0%,#f9af00 100%); background:-o-linear-gradient(top,#f65d2e 0%,#e63600 100%); background:-ms-linear-gradient(top,#f65d2e 0%,#e63600 100%); background:linear-gradient(to bottom,#f65d2e 0%,#e63600 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f65d2e',endColorstr='#e63600',GradientType=0 ); } #str-container .orangeBtn02 a span{ display:block; padding:7px 10px; border-radius:3px; border:1px solid #faaa91; } #str-container .orangeBtn02 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7651',endColorstr='#ee7651',GradientType=0 ) -moz-opacity:0.80; opacity:0.80 } #str-container .orangeBtn03 a{ display:block; border:1px solid #f17d02; border-radius:3px; background:#ff6e01; background:-moz-linear-gradient(top,#faa203 0%,#ff6e01 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#faa203),color-stop(100%,#ff6e01)); background:-webkit-linear-gradient(top,#faa203 0%,#ff6e01 100%); background:-o-linear-gradient(top,#faa203 0%,#ff6e01 100%); background:-ms-linear-gradient(top,#faa203 0%,#ff6e01 100%); background:linear-gradient(to bottom,#faa203 0%,#ff6e01 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa203',endColorstr='#ff6e01',GradientType=0 ); } #str-container .orangeBtn03 a span{ display:block; padding:6px 10px; border-radius:3px; border:1px solid #fcc35d; } #str-container .orangeBtn03 a:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9b46',endColorstr='#fe9b46',GradientType=0 ) -moz-opacity:0.80; opacity:0.80 } /* btnBlockA01 ------------------------------ */ #str-main .btnBlockA01 .btnColumnBlock01{float:left; width:155px;} #str-main .btnBlockA01 .btnColumnBlock02{float:right; width:478px;} #str-main .btnBlockA01 .btnColumnBlock02 ul{letter-spacing:-.4em; vertical-align:top; text-align:right;} #str-main .btnBlockA01 .btnColumnBlock02 ul li{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; margin:0 0 0 12px; } /* ------------------------------------------------------------ iconBlock ------------------------------------------------------------ */ /* iconBlockA01 ------------------------------ */ #str-main .iconBlockA01{letter-spacing:-.4em;} #str-main .iconBlockA01 li{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; padding:0 0 0 35px; } #str-main .iconBlockA01 li:first-child, #str-main .iconBlockA01 li.firstChild{padding:0;} /* ------------------------------------------------------------ radioBlockA01 -template- ------------------------------------------------------------ */ #str-main .radioBlockA01{letter-spacing:-.4em; border-radius:3px; height:80px;} #str-main .radioBlockA01.radio2Wrap li{width:50%; width:49.5%\9;} #str-main .radioBlockA01.radio3Wrap li{width:33%;} #str-main .radioBlockA01.radio3Wrap li:nth-child(2n), #str-main .radioBlockA01.radio3Wrap li.nthChild2n{width:34%;} #str-main .radioBlockA01 li{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; background:#fbfbfb; background:-moz-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(100%,#d1d1d1)); background:-webkit-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-o-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-ms-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:linear-gradient(to bottom,#fbfbfb 0%,#d1d1d1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#d1d1d1',GradientType=0 ); } #str-main .radioBlockA01 li.current{ background:#8bd7f6; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .radioBlockA01 li label{ overflow:hidden; display:block; border:1px solid #ababab; height:80px; text-indent:-9999px; } #str-main .radioBlockA01 li.current label{border:1px solid #40acd7;} #str-main .radioBlockA01 li label input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute;} #str-main .radioBlockA01.radio2Wrap li.radio01{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio2Wrap li.radio01.current{background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9;} #str-main .radioBlockA01.radio2Wrap li.radio01 label{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio2Wrap li.radio01.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .radioBlockA01.radio2Wrap li.radio02{border-radius:0 4px 4px 0;} #str-main .radioBlockA01.radio2Wrap li.radio02.current{background:url(/common/images/quote/radio_bg_03.png) no-repeat left top #8bd7f6\9;} #str-main .radioBlockA01.radio2Wrap li.radio02 label{border-radius:0 4px 4px 0; border-left:none;} #str-main .radioBlockA01.radio2Wrap li.radio02.current label{ box-shadow:inset 2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset 2px 2px 8px -1px #2f6176; } #str-main .radioBlockA01.radio2Wrap li.radio03{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio2Wrap li.radio03.current{background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9;} #str-main .radioBlockA01.radio2Wrap li.radio03 label{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio2Wrap li.radio03.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .radioBlockA01.radio3Wrap li.radio01{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio3Wrap li.radio01.current{background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9;} #str-main .radioBlockA01.radio3Wrap li.radio01 label{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio3Wrap li.radio01.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .radioBlockA01.radio3Wrap li.radio02 label{border-left:none;} #str-main .radioBlockA01.radio3Wrap li.radio02.current{background:url(/common/images/quote/radio_bg_02.png) no-repeat left top #8bd7f6\9\9;} #str-main .radioBlockA01.radio3Wrap li.radio02.current label{ box-shadow:inset 0 2px 8px -1px #2f6176; -webkit-box-shadow:inset 0 2px 8px -1px #2f6176; } #str-main .radioBlockA01.radio3Wrap li.radio03{border-radius:0 4px 4px 0;} #str-main .radioBlockA01.radio3Wrap li.radio03.current{background:url(/common/images/quote/radio_bg_03.png) no-repeat left top #8bd7f6\9;} #str-main .radioBlockA01.radio3Wrap li.radio03 label{border-radius:0 4px 4px 0; border-left:none;} #str-main .radioBlockA01.radio3Wrap li.radio03.current label{ box-shadow:inset 2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset 2px 2px 8px -1px #2f6176; } /* ------------------------------------------------------------ radioBlockA02 2個並び ------------------------------------------------------------ */ #str-main .radioBlockA01{letter-spacing:-.4em; border-radius:3px; height:80px;} #str-main .radioBlockA01.radio2Wrap li{width:50%; width:49.5%\9;} #str-main .radioBlockA01 li{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; background:#fbfbfb; background:-moz-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(100%,#d1d1d1)); background:-webkit-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-o-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-ms-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:linear-gradient(to bottom,#fbfbfb 0%,#d1d1d1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#d1d1d1',GradientType=0 ); } #str-main .radioBlockA01 li.current{ background:#8bd7f6; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .radioBlockA01 li label{ overflow:hidden; display:block; border:1px solid #ababab; height:80px; text-indent:-9999px; } #str-main .radioBlockA01 li.current label{border:1px solid #40acd7;} #str-main .radioBlockA01 li label input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute;} #str-main .radioBlockA01.radio2Wrap li.radio01{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio2Wrap li.radio01.current{background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9;} #str-main .radioBlockA01.radio2Wrap li.radio01 label{border-radius:4px 0 0 4px;} #str-main .radioBlockA01.radio2Wrap li.radio01.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .radioBlockA01.radio2Wrap li.radio02{border-radius:0 4px 4px 0;} #str-main .radioBlockA01.radio2Wrap li.radio02.current{background:url(/common/images/quote/radio_bg_03.png) no-repeat left top #8bd7f6\9;} #str-main .radioBlockA01.radio2Wrap li.radio02 label{border-radius:0 4px 4px 0; border-left:none;} #str-main .radioBlockA01.radio2Wrap li.radio02.current label{ box-shadow:inset 2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset 2px 2px 8px -1px #2f6176; } /* ------------------------------------------------------------ radioBlockA03 3個並び ------------------------------------------------------------ */ #str-main .radioBlockA03 tbody tr{letter-spacing:-.4em; border-radius:3px; height:80px;} #str-main .radioBlockA03 tbody tr td{width:33%;} #str-main .radioBlockA03 tbody tr td:nth-child(2n){width:34%;} #str-main .radioBlockA03 tbody tr td label{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; background:#fbfbfb; background:-moz-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(100%,#d1d1d1)); background:-webkit-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-o-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:-ms-linear-gradient(top,#fbfbfb 0%,#d1d1d1 100%); background:linear-gradient(to bottom,#fbfbfb 0%,#d1d1d1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#d1d1d1',GradientType=0 ); } #str-main .radioBlockA03 tbody tr td.current{ background:#8bd7f6; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .radioBlockA03 tbody tr td label{ overflow:hidden; display:block; border:1px solid #ababab; height:80px; text-indent:-9999px; } #str-main .radioBlockA03 tbody tr td.current label{border:1px solid #40acd7;} #str-main .radioBlockA03 tbody tr td input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline: none;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td label{overflow:hidden; display:table-cell; vertical-align:middle; height:80px;} #str-main .radioBlockA03 tbody tr td:first-child{border-radius:4px 0 0 4px;} #str-main .radioBlockA03 tbody tr td:first-child.current{background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9;} #str-main .radioBlockA03 tbody tr td:first-child label{border-radius:4px 0 0 4px;} #str-main .radioBlockA03 tbody tr td:first-child.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .radioBlockA03 tbody tr td:nth-child(2) label{border-left:none;} #str-main .radioBlockA03 tbody tr td:nth-child(2).current{background:url(/common/images/quote/radio_bg_02.png) no-repeat left top #8bd7f6\9\9;} #str-main .radioBlockA03 tbody tr td:nth-child(2).current label{ box-shadow:inset 0 2px 8px -1px #2f6176; -webkit-box-shadow:inset 0 2px 8px -1px #2f6176; } #str-main .radioBlockA03 tbody tr td:nth-child(3), #str-main .radioBlockA03 tbody tr td:nth-child(3n){border-radius:0 4px 4px 0;} #str-main .radioBlockA03 tbody tr td:nth-child(3).current, #str-main .radioBlockA03 tbody tr td:nth-child(3n).current{background:url(/common/images/quote/radio_bg_03.png) no-repeat left top #8bd7f6\9;} #str-main .radioBlockA03 tbody tr td:nth-child(3) label, #str-main .radioBlockA03 tbody tr td:nth-child(3n) label{border-radius:0 4px 4px 0; border-left:none;} #str-main .radioBlockA03 tbody tr td:nth-child(3).current label, #str-main .radioBlockA03 tbody tr td:nth-child(3n).current label{ box-shadow:inset 2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset 2px 2px 8px -1px #2f6176; } /* ------------------------------------------------------------ switchRadioWrap ------------------------------------------------------------ */ #str-main .switchRadioWrap .radioBlockA01{padding:15px 20px;} #str-main .switchRadioWrap .radioBlockA02{padding:15px 20px;} #str-main .switchRadioWrap .radioBlockA03{padding:15px 20px;} #str-main .switchRadioWrap .text{padding:15px 20px; height:87px; vertical-align:middle;} #str-main .switchRadioWrap .switchBlock{padding:15px 20px;} #str-main .switchRadioWrap .switchBlock > div{display:none;} #str-main .switchRadioWrap .switchBlock > div.current{display:block;} /* ------------------------------------------------------------ selectBlock ------------------------------------------------------------ */ #str-main .selectBlockA01{height:45px;} #str-main .selectBlockA01.borderTopDot{border-top:1px dotted #ddd;} #str-main .selectBlockA01 select{ width:193px!important; height:45px; font-weight:bold; border:1px solid #c5c5c5; font-size:14px; border-radius:3px; box-shadow:inset 1px 1px 5px -1px #999; -webkit-box-shadow:inset 1px 1px 5px -1px #999; } #str-main .selectBlockA01 .fontSize12{ font-size:12px!important; } #str-main .selectBlockA01 span.customSelect{ overflow:hidden; font-size:14px; font-weight:bold; width:193px!important; height:43px; line-height:43px; border:1px solid #c5c5c5; border-radius:3px; box-shadow:inset 1px 1px 5px -1px #999; -webkit-box-shadow:inset 1px 1px 5px -1px #999; } #str-main .selectBlockA01 span.customSelect .customSelectInner{ text-align:center; width:150px!important; padding:0 43px 0 3px; background:url(/common/images/quote/select_icon_01.gif) no-repeat right top; } /* ------------------------------------------------------------ switchSelectWrap ------------------------------------------------------------ */ #str-main .switchSelectWrap .selectBlockA01{padding:15px 20px;} #str-main .switchSelectWrap .switchSelectBlock{padding:15px 20px; border-top:1px dotted #ddd;} #str-main .switchSelectWrap .switchSelectBlock > div.hide{display:none;} #str-main .switchSelectWrap .switchSelectBlock > div.current{display:block;} #str-main .switchSelectWrap02 .selectBlockA01{padding:15px 20px;} #str-main .switchSelectWrap02 .switchSelectBlock{padding:15px 20px; border-top:1px dotted #ddd;} #str-main .switchSelectWrap02 .switchSelectBlock > div{display:none;} #str-main .switchSelectWrap02 .switchSelectBlock > div.current{display:block;} /* ------------------------------------------------------------ infoBlock ------------------------------------------------------------ */ /* infoBlockA01 ------------------------------ */ #str-main .infoBlockA01{border:1px solid #003399; padding:5px 5px 5px 37px; background:url(/common/images/quote/cmn_icon_01.png) no-repeat 8px center #fff; font-size:73%; font-weight:normal; color:#000; line-height:1.4;} /* infoBlockA02 ------------------------------ */ #str-main .infoBlockA02{border:1px solid #ffcc00; padding:13px 10px; background:#fff; font-size:86%; color:#000; line-height:1.2;} /* infoBlockA03 ------------------------------ */ #str-main .infoBlockA03{border:1px solid #c00000; padding:5px 2px 5px 30px; background:url(/common/images/quote/cmn_icon_02.gif) no-repeat 3px center #fff; font-size:86%; font-weight:normal; line-height:1.3;} /* infoBlockA04 ------------------------------ */ #str-main .infoBlockA04{padding:0 0 0 23px; background:url(/common/images/quote/cmn_icon_10.png) no-repeat 0 0; font-weight:normal; color:#000; font-size:78%; line-height:1.4;} /* infoBlockB01 ------------------------------ */ #str-main .infoBlockB01{border:1px solid #a69a96;} #str-main .infoBlockB01 .ttl{border-bottom:1px solid #a69a96; background:url(/common/images/quote/cmn_icon_01.png) no-repeat 8px center #90bae0; padding:10px 10px 8px 38px; font-weight:bold; color:#010066; font-size:112%;} #str-main .infoBlockB01 .text{padding:5px 10px 3px 10px;} #str-main .infoBlockB01 .text ul li{margin:8px 0;} /* infoBlockB02 ------------------------------ */ #str-main .infoBlockB02{border:1px solid #c00000; margin:10px 0 0 0; padding:10px 10px 10px 35px; background:url(/common/images/quote/cmn_icon_02.gif) no-repeat 8px center #fff; font-weight:normal; line-height:1.3;} /* ------------------------------------------------------------ txtBlock ------------------------------------------------------------ */ /* txtBlockA01 ------------------------------ */ #str-main .txtBlockA01{ width:645px; padding:10px; background:#ffffe6; border-radius:3px; border:1px solid #c5c5c5; font-weight:bold; color:#224e9f; box-shadow:inset 0 0 2px 0 #cacab0; -webkit-box-shadow:inset 0 0 2px 0 #cacab0; } /* ------------------------------------------------------------ linkBlock ------------------------------------------------------------ */ /* linkBlockA01 ------------------------------ */ #str-main .linkBlockA01{letter-spacing:-.4em; margin:5px 0 0 0;} #str-main .linkBlockA01 li{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; margin:5px 0 0 0;} /* ------------------------------------------------------------ cautionBlock ------------------------------------------------------------ */ /* cautionBlockA01 ------------------------------ */ #str-main .cautionBlockA01{width:667px;} #str-main .cautionBlockA01 li{text-indent:-1.8em; margin:0 0 0 1.8em;} /* cautionBlockA02 ------------------------------ */ #str-main .cautionBlockA02 li{text-indent:-1.8em; margin:0 0 0 1.8em; line-height:1.4;} /* ------------------------------------------------------------ tableBlock ------------------------------------------------------------ */ /* tableBlockA01 ------------------------------ */ #str-main .tableBlockA01{width:909px; margin:15px 0 0 0; border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5;} #str-main .tableBlockA01 table{width:100%;} #str-main .tableBlockA01 th{background:#e0e8fb; color:#003399; font-size:123%; font-weight:bold; border-left:1px solid #a5a5a5; border-top:1px solid #a5a5a5; vertical-align:middle;} #str-main .tableBlockA01 th.loadServices{background:#ffedbd;} #str-main .tableBlockA01 th .inner{padding:15px 13px;} #str-main .tableBlockA01 th .inner .linkBlockA01 li{padding:1px 0;} #str-main .tableBlockA01 td{vertical-align:middle; border-left:1px solid #a5a5a5; border-top:1px solid #a5a5a5;} #str-main .tableBlockA01 td .inner{padding:15px 20px;} #str-main .tableBlockA01 td .inner02{padding:10px 15px;} #str-main .tableBlockA01 thead th .largeText{font-size:135%;} #str-main .tableBlockA01 thead th.ttlBlockA01{color:#fff; text-align:center; line-height:1.4;} #str-main .tableBlockA01 thead th.ttlBlockA01.plan01{background:#3bb9a2;} #str-main .tableBlockA01 thead th.ttlBlockA01.plan02{background:#cb9bc4;} #str-main .tableBlockA01 thead th.ttlBlockA01.plan03{background:#56c2f1;} #str-main .tableBlockA01 thead th.ttlBlockA01 .inner{padding:10px;} #str-main .tableBlockA01 thead td{background:#f5f7fb;} #str-main .tableBlockA01 thead .priceBlockA01 .price{vertical-align:bottom; font-weight:bold; font-size:116%; margin:0 0 15px 0; line-height:1;} #str-main .tableBlockA01 thead .priceBlockA01 .price span{display:inline-block; vertical-align:bottom;} #str-main .tableBlockA01 thead .priceBlockA01 .price span.data{ margin:0 5px 0 0; padding:7px 5px; border-radius:2px; font-size:35px; color:#ff3961; text-align:center; font-weight:normal; width:140px; width:135px\9; letter-spacing:-0.03em; background:#fff; border:none; border:1px solid #eaeaea\9; border-top:2px solid #a5a5a5\9; border-left:2px solid #a5a5a5\9; box-shadow:inset 1px 1px 3px #333; -webkit-box-shadow:inset 1px 1px 3px #333; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ #str-main .tableBlockA01 thead .priceBlockA01 .price input.textBlockA01{border:none;/* IE10 */} } #str-main .tableBlockA01 tbody td{line-height:1.5;} #str-main .tableBlockA01 tbody td .netTxt{font-weight:bold; font-size:166%; color:#dc143c;} /* tableBlockA02 ------------------------------ */ #str-main .tableBlockA02{width:909px; border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5;} #str-main .tableBlockA02 table{width:100%;} #str-main .tableBlockA02 th{background:#f6f6f6; border-left:1px solid #a5a5a5; border-top:1px solid #a5a5a5; vertical-align:top;} #str-main .tableBlockA02 th .ht45{height:45px;} #str-main .tableBlockA02 th .style01{display:inline-block; color:#dc143c; font-weight:bold; margin:0 0 5px 0;} #str-main .tableBlockA02 th .link{display:inline-block; color:#003399; font-size:140%; font-weight:bold; margin:0 0 8px 0; letter-spacing:-0.01em;} #str-main .tableBlockA02 th .tooltip span{color:#003399; border-bottom:1px dotted #003399; line-height:1.4;} #str-main .tableBlockA02 th .inner{padding:15px 13px;} #str-main .tableBlockA02 td{vertical-align:middle; border-left:1px solid #a5a5a5; border-top:1px solid #a5a5a5;} #str-main .tableBlockA02 .borderTopDot th, #str-main .tableBlockA02 .borderTopDot td, #str-main .tableBlockA02 .borderTopDot.inner{border-top:1px dotted #ddd;} #str-main .tableBlockA02 td{line-height:1.5;} #str-main .tableBlockA02 td.bgLine{background:url(/common/images/quote/calculatePremiumPage_bg_01.gif) repeat-y 235px 0;} #str-main .tableBlockA02 td .inner{padding:15px 20px;} #str-main .tableBlockA02 td .inner02{padding:10px 15px;} #str-main .tableBlockA02 td .text{font-weight:bold; font-size:14px; text-align:center;} /* tableBlockB01 ------------------------------ */ #str-main .tableBlockB01{width:195px; border:none; border-bottom:1px solid #a5a5a5;} #str-main .tableBlockB01 table{width:100%;} #str-main .tableBlockB01 table caption{margin:0 0 3px 0;} #str-main .tableBlockB01 th{background:#fffedd; border:none; border-left:1px solid #a5a5a5; border-top:2px dotted #d8d8cd; padding:4px 10px; font-weight:bold; vertical-align:middle;} #str-main .tableBlockB01 td{width:51px; height:34px; background:#fffedd; border:none; border-right:1px solid #a5a5a5; border-left:2px dotted #d8d8cd; border-top:2px dotted #d8d8cd; text-align:center; padding:4px 2px;} #str-main .tableBlockB01 .firstChild th, #str-main .tableBlockB01 .firstChild td{border-top:1px solid #a5a5a5;} /* tableBlockB02 ------------------------------ */ #str-main .tableBlockB02{width:195px; border:none; border-bottom:1px solid #a5a5a5;} #str-main .tableBlockB02 table{width:100%;} #str-main .tableBlockB02 table caption{margin:0 0 3px 0;} #str-main .tableBlockB02 th{background:#fffedd; border:none; border-left:1px solid #a5a5a5; border-top:2px dotted #d8d8cd; padding:4px; vertical-align:middle;} #str-main .tableBlockB02 td{width:68px; height:34px; background:#fffedd; border:none; border-right:1px solid #a5a5a5; border-left:2px dotted #d8d8cd; border-top:2px dotted #d8d8cd; padding:4px 2px;} #str-main .tableBlockB02 td span{color:#fe760f; font-weight:bold;} #str-main .tableBlockB02 .firstChild th, #str-main .tableBlockB02 .firstChild td{border-top:1px solid #a5a5a5;} /* tableBlockC01 ------------------------------ */ #str-main .tableBlockC01{border-right:1px solid #a5a5a5;} #str-main .tableBlockC01 table{width:100%;} #str-main .tableBlockC01 thead th{background:#c6d6eb; font-size:140%; color:#003399; font-weight:bold; border-left:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5;} #str-main .tableBlockC01 thead th .inner{ padding:13px 15px;} #str-main .tableBlockC01 tbody th{background:#f0f3fb; border-left:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; vertical-align:middle;} #str-main .tableBlockC01 tbody th .inner{padding:10px;} #str-main .tableBlockC01 tbody td{border-left:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; vertical-align:middle; line-height:1.5;} #str-main .tableBlockC01 tbody td .inner{padding:10px;} #str-main .tableBlockC01 th.link a{color:#000066;} /* tableBlockD01 ------------------------------ */ #str-main .tableBlockD01{border-top:1px solid #c5c5c5; border-right:1px solid #c5c5c5; margin:25px 0 0 0;} #str-main .tableBlockD01 table{width:100%;} #str-main .tableBlockD01 thead th{background:#ff8224; font-size:128%; color:#fff; font-weight:bold; border-left:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;} #str-main .tableBlockD01 thead th .inner{ padding:6px 10px;} #str-main .tableBlockD01 tbody td{background:#fffedd; font-size:116%; border-left:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; vertical-align:middle; line-height:1.5; font-weight:bold; height:55px;} #str-main .tableBlockD01 tbody td.person01, #str-main .tableBlockD01 tbody td.person02, #str-main .tableBlockD01 tbody td.person03, #str-main .tableBlockD01 tbody td.person04{padding:0 10px 0 38px;} #str-main .tableBlockD01 tbody td.person01{background:url(/common/images/quote/riskFactorPage_img_07.png) no-repeat 5px bottom #fffedd;} #str-main .tableBlockD01 tbody td.person02{background:url(/common/images/quote/riskFactorPage_img_08.png) no-repeat 5px bottom #fffedd;} #str-main .tableBlockD01 tbody td.person03{background:url(/common/images/quote/riskFactorPage_img_09.png) no-repeat 5px bottom #fffedd;} #str-main .tableBlockD01 tbody td.person04{background:url(/common/images/quote/riskFactorPage_img_10.png) no-repeat 5px bottom #fffedd;} #str-main .tableBlockD01 tbody td .inner{padding:0 10px;} #str-main .tableBlockD01 tbody td.person01 .inner, #str-main .tableBlockD01 tbody td.person02 .inner, #str-main .tableBlockD01 tbody td.person03 .inner, #str-main .tableBlockD01 tbody td.person04 .inner{padding:0 10px;} /* ------------------------------------------------------------ errorBlock ------------------------------------------------------------ */ /* errorBlockA01 ------------------------------ */ #str-main .errorBlockA01{background:#ffeeee; width:564px; border:1px solid #ff0000; margin:0 0 0 30px; padding:10px 12px; font-weight:bold; font-size:116%; line-height:1.4;} /* ------------------------------------------------------------ questionBlock ------------------------------------------------------------ */ /* questionBlockA01 ------------------------------ */ #str-main .questionBlockA01{margin:0 0 30px 0;} /* column2WrapA01 ------------------------------ */ #str-main .questionBlockA01 .column2WrapA01 .columnBlock01{float:left; width:590px; padding:25px 30px 30px 30px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock{background:url(/common/images/quote/riskFactorPage_line_01.gif) repeat-x left bottom;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p{background:url(/common/images/quote/riskFactorPage_icon_01_on.png) no-repeat 0 0.1em; font-size:128%; font-weight:bold; padding:5px 0 12px 42px; line-height:1.6;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p .linkText01{font-size:145%; padding:0 3px 1px 0; line-height:1; color:#ef7c00; font-weight:600;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p .linkText01 a{ background:url(/common/images/quote/riskFactorPage_icon_02.png) no-repeat right center; padding:0 21px 0 0; text-decoration:underline; color:#ef7c00;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p .linkText01 a:hover{text-decoration:none;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p .linkText02{padding:0 2px 1px 1px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p .linkText02 a{background:url(/common/images/quote/riskFactorPage_icon_02.png) no-repeat right center; padding:0 21px 0 0; text-decoration:underline;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p .linkText02 a:hover{text-decoration:none;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock2{background:url(/common/images/quote/riskFactorPage_line_01.gif) repeat-x left bottom;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock2 p{font-size:128%; font-weight:bold; padding:5px 0 12px 0px; line-height:1.6;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01{padding:25px 0 0 0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .ncdBlock{width:300px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .accidentBlock{width:300px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .checkBlockA01{margin:25px 0 0 0; font-size:104%;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .checkBlockA01 p a{display:table-cell; background:url(/common/images/quote/riskFactorPage_icon_03.png) no-repeat left center; padding:0 0 0 105px; height:34px; vertical-align:middle;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .checkBlockA01 p .icon{display:table-cell; background:url(/common/images/quote/riskFactorPage_icon_03.png) no-repeat left center; padding:0 0 0 105px; width:485px; height:34px; vertical-align:middle;} *:first-child+html #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .checkBlockA01 p a{display:block;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .questionMarkBlockA01{background:url(/common/images/quote/cmn_icon_10.png) no-repeat left center; margin:20px 0 0 0; padding:5px 0 3px 28px; font-size:104%;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01{position:relative; margin:35px 0 0 0; width:590px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .balloon01{position:absolute; top:-25px; left:125px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .balloon02{position:absolute; top:-25px; right:125px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .balloon03{position:absolute; top:-25px; left:68px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .balloon04{position:absolute; top:-25px; left:275px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .balloonBlockInnerB01{border:2px solid #91bce0; background:#fff; padding:20px; border-radius:10px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .detailBlockB01{position:relative;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .detailBlockB01 .balloonBlockA01{position:absolute; right:-290px; top:0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .detailBlockB01 .balloonBlockA01 .balloon01{position:absolute; left:0; top:27px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .listBlockA01 ul{letter-spacing:-.4em;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .listBlockA01 ul li{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; font-size:116%; padding:8px 15px 8px 0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .close{text-align:right; margin:0 0 5px 0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01 .close a{color:#000; text-decoration:none; background:url(/common/images/quote/riskFactorPage_balloon_03.gif) no-repeat 0 0; padding:3px 0 2px 23px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock02{float:right; width:234px;} #str-main .questionBlockA01 .column2WrapA01 .balloonBlockA01{position:relative; margin:17px 0 0 0; padding:0 0 0 14px; width:220px;} #str-main .questionBlockA01 .column2WrapA01 .balloonBlockA01.firstChild{margin:0;} #str-main .questionBlockA01 .column2WrapA01 .balloonBlockA01 .balloonBlockInnerA01{ background:#fffbeb; border:1px solid #fcbd4e; border-radius:5px; padding:4px; box-shadow:3px 2px 4px #ccc; -webkit-box-shadow:3px 2px 4px #ccc; } #str-main .questionBlockA01 .column2WrapA01 .balloonBlockA01 .balloon01{position:absolute; left:0; top:27px;} #str-main .questionBlockA01 .column2WrapA01 .balloonBlockA01 .ttl{padding:4px 0 7px 10px;} #str-main .questionBlockA01 .column2WrapA01 .balloonBlockA01 .text{background:#fff; border-radius:4px; padding:8px 12px; line-height:1.4; font-size:14px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01{margin:5px 0 0 0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .columnBlock01, #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .columnBlock02, #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .columnBlock03{float:left; width:176px; padding:0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .columnBlock01, #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .columnBlock02{margin:0 30px 0 0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01{ background:url(/common/images/quote/ncdAssessmentPage01_balloon_01.gif) no-repeat 0 0; padding:19px 0 0 0; } #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .balloonBlockInnerC01{position:relative; border:1px solid #9c9c9c; border-top:none; text-align:center; font-size:104%;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .balloonBlockInnerC01 label{display:block; margin:0 0 9px 0; padding:3.5em 0 100px 0;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .balloonBlockInnerC01 label.data01{background:url(/common/images/quote/ncdAssessmentPage01_img_01.gif) no-repeat center bottom;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .balloonBlockInnerC01 label.data02{background:url(/common/images/quote/ncdAssessmentPage01_img_02.gif) no-repeat center bottom;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .balloonBlockInnerC01 label.data03{background:url(/common/images/quote/ncdAssessmentPage01_img_03.gif) no-repeat center bottom;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .data01_01{position:absolute; left:10px; top:10px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .data01_02{position:absolute; right:6px; top:10px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .data02_01{position:absolute; left:10px; top:10px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .data02_02{position:absolute; right:22px; top:10px;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .column3WrapA01 .balloonBlockC01 .data03_01{position:absolute; right:52px; top:10px;} /* resultBlockA01 ------------------------------ */ #str-main .questionBlockA01 .resultBlockA01{background:url(/common/images/quote/riskFactorPage_arrow_01.png) no-repeat center top; margin:23px 0 0 0; padding:25px 0 0 0;} #str-main .questionBlockA01 .resultBlockA01 .textBlockB01{border:1px solid #c00000; margin:15px 0 0 0; padding:9px 8px 8px 8px; font-size:128%; background:#fff;} #str-main .questionBlockA01 .resultBlockA01 .textBlockB01 span{font-weight:bold;} /* resultBlockA02 ------------------------------ */ #str-main .questionBlockA01 .resultBlockA02{background:url(/common/images/quote/riskFactorPage_arrow_02.png) no-repeat center top; margin:28px 0 0 0; padding:23px 0 0 0;} #str-main .questionBlockA01 .resultBlockA02 .textBlockB01{border:1px solid #c00000; margin:15px 0 0 0; padding:9px 8px 8px 8px; font-size:128%;} #str-main .questionBlockA01 .resultBlockA02 .textBlockB01 span{font-weight:bold;} /* btnCheckBlockA01 ------------------------------ */ #str-main .questionBlockA01 #btnCheckBlockA01{margin:40px 0 0 0; text-align:center;} #str-main .questionBlockA01 #btnCheckBlockA01 .text{font-weight:bold; font-size:128%; margin:0 0 5px 0;} #str-main .questionBlockA01 #btnCheckBlockA01 .btn a{display:inline-block;} #str-main .questionBlockA01 #btnCheckBlockA01 .btn a:hover{background:url(/common/images/quote/riskFactorPage_btn_02_on.png) no-repeat 0 0;} #str-main .questionBlockA01 #btnCheckBlockA01 .btn a:hover img{visibility:hidden;} /* nextBlockA01 ------------------------------ */ #str-main .questionBlockA01 .nextBlockA01, #str-main .questionBlockA01 .unknown_next{background:url(/common/images/quote/riskFactorPage_arrow_03.png) no-repeat center top; margin:25px 0 0 0; padding:45px 0 0 0;} /* selectBlockB01 ------------------------------ */ #str-main .questionBlockA01 .selectBlockB01 .data{ font-size:224%; vertical-align:top; line-height:46px; padding:0 7px 0 5px; } #str-main .questionBlockA01 .selectBlockB01 select{ width:193px!important; height:45px; font-weight:bold; border:1px solid #000; background:#fff; font-size:16px; border-radius:1px; box-shadow:inset 1px 1px 5px -1px #999; -webkit-box-shadow:inset 1px 1px 5px -1px #999; } #str-main .questionBlockA01 .selectBlockB01 span.customSelect{ overflow:hidden; font-size:16px; font-weight:bold; width:193px!important; height:43px; background:#fff; line-height:43px; border:1px solid #000; border-radius:3px; box-shadow:inset 1px 1px 5px -1px #ccc; -webkit-box-shadow:inset 1px 1px 5px -1px #ccc; } #str-main .questionBlockA01 .selectBlockB01 span.customSelect .customSelectInner{ text-align:center; width:147px!important; padding:0 43px 0 3px; background:url(/common/images/quote/select_icon_02.gif) no-repeat right top; } #str-main .questionBlockA01 .selectBlockB01 select.year, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.year{width:235px!important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.year .customSelectInner{width:189px!important;} #str-main .questionBlockA01 .selectBlockB01 select.month, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.month{width:108px!important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.month .customSelectInner{width:62px!important;} #str-main .questionBlockA01 .selectBlockB01 select.day, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.day{width:108px!important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.day .customSelectInner{width:62px!important;} #str-main .questionBlockA01 .selectBlockB01 select.insuranceCompany, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.insuranceCompany{width:588px!important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.insuranceCompany .customSelectInner{width:535px!important; padding:0 43px 0 10px; text-align:left!important;} #str-main .questionBlockA01 .selectBlockB01 select.nonfleet, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.nonfleet{width:588px!important;margin-left:18px !important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.nonfleet .customSelectInner{width:535px!important; padding:0 43px 0 10px; text-align:left!important;} #str-main .questionBlockA01 .selectBlockB01 select.pref, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.pref{width:235px!important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.pref .customSelectInner{width:189px!important;} #str-main .questionBlockA01 .selectBlockB01 select.model, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.model{width:544px!important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.model .customSelectInner{width:491px!important; padding:0 43px 0 10px; text-align:left!important;} #str-main .questionBlockA01 .selectBlockB01 select.start, #str-main .questionBlockA01 .selectBlockB01 span.customSelect.start{width:588px!important;} #str-main .questionBlockA01 .selectBlockB01 span.customSelect.start .customSelectInner{width:535px!important; padding:0 43px 0 10px; text-align:left!important;} /* radioBlockB01-template ------------------------------ */ #str-main .questionBlockA01 .radioBlockB01 ul li{ float:left; color:#003399; text-decoration:underline; background:#dddddd; background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-o-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 ); border-radius:3px; margin:20px 30px 0 0; text-align:center; height:82px; font-size:128%; line-height:1.3; font-weight:bold; } #str-main .questionBlockA01 .radioBlockB01 ul li:hover{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB01 ul li.current{ color:#021574; text-decoration:none; background:#8bd7f6; background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .questionBlockA01 .radioBlockB01 ul li.current label, #str-main .questionBlockA01 .radioBlockB01 ul li.known.active.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .questionBlockA01 .radioBlockB01 ul li label{overflow:hidden; display:table-cell; vertical-align:middle; height:80px;} *:first-child+html #str-main .questionBlockA01 .radioBlockB01 ul li label{display:block;} #str-main .questionBlockA01 .radioBlockB01 ul li label input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline:none;} #str-main .questionBlockA01 .radioBlockB01 ul li#changeCompany{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB01 ul li#changeCompany label span#companyName{display:block; color:#003399; font-size:87%; line-height:1.2;} #str-main .questionBlockA01 .radioBlockB01 ul li#changeCompany label span.link{display:block; margin:5px 0 0 0; text-decoration:underline;} #str-main .questionBlockA01 .radioBlockB01 ul li#changeCompany:hover label span.link{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn4WrapA01 li{width:123px;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn4WrapA01 li.firstChild, #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn4WrapA01 li.nthChild2, #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn4WrapA01 li.nthChild3{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn4WrapA01 li.nthChild4n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn4WrapA01 li.nthChild4{margin:0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn4WrapA01 li label{width:123px;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn3WrapA01 li{width:176px;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn3WrapA01 li.firstChild, #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn3WrapA01 li.nthChild2{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn3WrapA01 li.nthChild3n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn3WrapA01 li.nthChild3{margin:0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn3WrapA01 li label{ min-width:174px; border:1px solid #9c9c9c; } #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn2WrapA01 li{width:280px;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn2WrapA01 li.firstChild{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn2WrapA01 li.nthChild2n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn2WrapA01 li.nthChild2{margin:0;} #str-main .questionBlockA01 .radioBlockB01 ul.radioColumn2WrapA01 li label{ min-width:278px; border:1px solid #9c9c9c; } #str-main .questionBlockA01 .radioBlockB01 ul li.current label{border:1px solid #35aad9;} #str-main .questionBlockA01 .radioBlockB01 ul li label span#companyName{display: block;color: #003399;font-size: 87%;line-height: 1.2;max-width: 136px;margin: 0 auto;} #str-main .questionBlockA01 .radioBlockB01 ul li label span.link{display: block;margin: 5px 0 0 0;text-decoration: underline;} /* 修正　ここは不要と思われる（免許証の箇所で使用していない模様） */ #str-main .questionBlockA01 .radioBlockB01 ul li label span.gold, #str-main .questionBlockA01 .radioBlockB01 ul li label span.blue, #str-main .questionBlockA01 .radioBlockB01 ul li label span.green{display:block; padding:20px 5px 20px 100px; font-size:85%;} #str-main .questionBlockA01 .radioBlockB01 ul li label span.gold{background:url(/common/images/quote/riskFactorPage_img_04.png) no-repeat 7px center;} #str-main .questionBlockA01 .radioBlockB01 ul li label span.blue{background:url(/common/images/quote/riskFactorPage_img_05.png) no-repeat 7px center;} #str-main .questionBlockA01 .radioBlockB01 ul li label span.green{background:url(/common/images/quote/riskFactorPage_img_06.png) no-repeat 7px center;} /* ここまで */ #str-main .questionBlockA01 .radioBlockB01 ul li label span.smallText{display:block; font-size:85%; font-weight:normal; margin:5px 0 0 0; line-height:1.2;} /* radioBlockB04 (4個並び) ------------------------------ */ #str-main .questionBlockA01 .radioBlockB04 tr td{ float:left; color:#003399; text-decoration:underline; background:#dddddd; background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-o-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 ); border-radius:3px; margin:20px 30px 0 0; text-align:center; height:82px; font-size:128%; line-height:1.3; font-weight:bold; } #str-main .questionBlockA01 .radioBlockB04 tr td:hover{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB04 tr td.current{ color:#021574; text-decoration:none; background:#8bd7f6; background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .questionBlockA01 .radioBlockB04 tr td.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .questionBlockA01 .radioBlockB04 tr td label{overflow:hidden; display:table-cell; vertical-align:middle; height:80px;} *:first-child+html #str-main .questionBlockA01 .radioBlockB04 tr td label{display:block;} #str-main .questionBlockA01 .radioBlockB04 tr td input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline: none;} #str-main .questionBlockA01 .radioBlockB04 tr td{width:125px;} #str-main .questionBlockA01 .radioBlockB04 tr td.firstChild, #str-main .questionBlockA01 .radioBlockB04 tr td.nthChild2, #str-main .questionBlockA01 .radioBlockB04 tr td.nthChild3{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB04 tr td.nthChild4n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB04 tr td.nthChild4{margin:0;} #str-main .questionBlockA01 .radioBlockB04 tr td label{ min-width:123px; border:1px solid #9c9c9c; } #str-main .questionBlockA01 .radioBlockB01 ul li.current label{border:1px solid #35aad9;} /* radioBlockB04d (4個並び(先頭ダミー)) ------------------------------ */ #str-main .questionBlockA01 .radioBlockB04d tr td{ float:left; color:#003399; text-decoration:underline; background:#dddddd; background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-o-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 ); border-radius:3px; margin:20px 30px 0 0; text-align:center; height:82px; font-size:128%; line-height:1.3; font-weight:bold; } #str-main .questionBlockA01 .radioBlockB04d tr td:hover{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB04d tr td.current{ color:#021574; text-decoration:none; background:#8bd7f6; background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .questionBlockA01 .radioBlockB04d tr td.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .questionBlockA01 .radioBlockB04d tr td label{overflow:hidden; display:table-cell; vertical-align:middle; height:80px;} *:first-child+html #str-main .questionBlockA01 .radioBlockB04d tr td label{display:block;} #str-main .questionBlockA01 .radioBlockB04d tr td input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline: none;} #str-main .questionBlockA01 .radioBlockB04d tr td{width:125px;} #str-main .questionBlockA01 .radioBlockB04d tr td.firstChild, #str-main .questionBlockA01 .radioBlockB04d tr td.nthChild2, #str-main .questionBlockA01 .radioBlockB04d tr td.nthChild3{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB04d tr td.nthChild4n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB04d tr td.nthChild4{margin:0;} #str-main .questionBlockA01 .radioBlockB04d tr td label{ min-width:123px; border:1px solid #9c9c9c; } #str-main .questionBlockA01.default .radioBlockB04d tr td{color:#c2c1c1; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 ); text-decoration:none;} #str-main .questionBlockA01.default .radioBlockB04d tr td label{cursor:default; border:1px solid #c2c2c2;} #str-main .questionBlockA01.default .radioBlockB04d tr td.current{color:#021574;} #str-main .questionBlockA01.default .radioBlockB04d tr td.current label{ box-shadow:inset 0px 0px 0px 0px; -webkit-box-shadow:inset 0px 0px 0px 0px; } /* radioBlockB03 (3個並び) ------------------------------ */ #str-main .questionBlockA01 .radioBlockB03 tr td{ float:left; color:#003399; text-decoration:underline; background:#dddddd; background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-o-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 ); border-radius:3px; margin:20px 30px 0 0; text-align:center; height:82px; font-size:128%; line-height:1.3; font-weight:bold; } #str-main .questionBlockA01 .radioBlockB03 tr td:hover{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB03 tr td.current{ color:#021574; text-decoration:none; background:#8bd7f6; background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .questionBlockA01 .radioBlockB03 tr td.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .questionBlockA01 .radioBlockB03 tr td label{overflow:hidden; display:table-cell; vertical-align:middle; height:80px;} *:first-child+html #str-main .questionBlockA01 .radioBlockB03 tr td label{display:block;} #str-main .questionBlockA01 .radioBlockB03 tr td input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline: none;} #str-main .questionBlockA01 .radioBlockB03 tr td{width:176px;} #str-main .questionBlockA01 .radioBlockB03 tr td.firstChild, #str-main .questionBlockA01 .radioBlockB03 tr td.nthChild2{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB03 tr td.nthChild3n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB03 tr td.nthChild3{margin:0;} #str-main .questionBlockA01 .radioBlockB03 tr td label{ min-width:174px; border:1px solid #9c9c9c; } #str-main .questionBlockA01 .radioBlockB01 ul li.current label{border:1px solid #35aad9;} #str-main .questionBlockA01 .radioBlockB03 tr td label #companyName{display: block;color: #003399;font-size: 87%;line-height: 1.2;max-width: 136px;margin: 0 auto;} #str-main .questionBlockA01 .radioBlockB03 tr td label .link{display: block;margin: 5px 0 0 0;text-decoration: underline;} /* radioBlockB02 (2個並び) ------------------------------ */ #str-main .questionBlockA01 .radioBlockB02 tr td{ float:left; color:#003399; text-decoration:underline; background:#dddddd; background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-o-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 ); border-radius:3px; margin:20px 30px 0 0; text-align:center; height:82px; font-size:128%; line-height:1.3; font-weight:bold; } #str-main .questionBlockA01 .radioBlockB02 tr td:hover{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB02 tr td.current{ color:#021574; text-decoration:none; background:#8bd7f6; background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .questionBlockA01 .radioBlockB02 tr td.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .questionBlockA01 .radioBlockB02 tr td label{overflow:hidden; display:table-cell; vertical-align:middle; height:80px;} *:first-child+html #str-main .questionBlockA01 .radioBlockB02 tr td label{display:block;} #str-main .questionBlockA01 .radioBlockB02 tr td input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline: none;} #str-main .questionBlockA01 .radioBlockB02 tr td{width:280px;} #str-main .questionBlockA01 .radioBlockB02 tr td.firstChild{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB02 tr td.nthChild2n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB02 tr td.nthChild2{margin:0;} #str-main .questionBlockA01 .radioBlockB02 tr td label{ min-width:278px; border:1px solid #9c9c9c; } #str-main .questionBlockA01 .radioBlockB01 ul li.current label{border:1px solid #35aad9;} /* radioBlockB05 (免許証の色で使う) ------------------------------ */ #str-main .questionBlockA01 .radioBlockB05 tr td{ float:left; color:#003399; text-decoration:underline; background:#dddddd; background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd)); background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-o-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:-ms-linear-gradient(top,#ffffff 0%,#dddddd 100%); background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 ); border-radius:3px; margin:20px 30px 0 0; text-align:center; height:82px; font-size:128%; line-height:1.3; font-weight:bold; } #str-main .questionBlockA01 .radioBlockB05 tr td:hover{text-decoration:none;} #str-main .questionBlockA01 .radioBlockB05 tr td.current{ color:#021574; text-decoration:none; background:#8bd7f6; background:url(/common/images/quote/radio_bg_01.png) no-repeat right top #8bd7f6\9; background:-moz-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#72cef4),color-stop(100%,#8bd7f6)); background:-webkit-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-o-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:-ms-linear-gradient(top,#72cef4 0%,#8bd7f6 100%); background:linear-gradient(to bottom,#72cef4 0%,#8bd7f6 100%); filter:none; } #str-main .questionBlockA01 .radioBlockB05 tr td.current label{ box-shadow:inset -2px 2px 8px -1px #2f6176; -webkit-box-shadow:inset -2px 2px 8px -1px #2f6176; } #str-main .questionBlockA01 .radioBlockB05 tr td label{overflow:hidden; display:table-cell; vertical-align:middle; height:80px;} #str-main .questionBlockA01 .radioBlockB05 tr td input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline: none;} #str-main .questionBlockA01 .radioBlockB05 tr td{width:176px;} #str-main .questionBlockA01 .radioBlockB05 tr td.firstChild, #str-main .questionBlockA01 .radioBlockB05 tr td.nthChild2{margin:0 30px 0 0;} #str-main .questionBlockA01 .radioBlockB05 tr td.nthChild3n{margin:20px 0 0 0;} #str-main .questionBlockA01 .radioBlockB05 tr td.nthChild3{margin:0;} #str-main .questionBlockA01 .radioBlockB05 tr td label{ min-width:69px; border:1px solid #9c9c9c; } #str-main .questionBlockA01 .radioBlockB01 ul li.current label{border:1px solid #35aad9;} #str-main .questionBlockA01 .radioBlockB05 tr td label{padding:0px 5px 0px 100px; font-size:85%; vertical-align:center} #str-main .questionBlockA01 .radioBlockB05 tr td.firstChild label{background:url(/common/images/quote/riskFactorPage_img_04.png) no-repeat 7px center;} #str-main .questionBlockA01 .radioBlockB05 tr td.nthChild2 label{background:url(/common/images/quote/riskFactorPage_img_05.png) no-repeat 7px center;} #str-main .questionBlockA01 .radioBlockB05 tr td.nthChild3 label, #str-main .questionBlockA01 .radioBlockB05 tr td.nthChild3n label{background:url(/common/images/quote/riskFactorPage_img_06.png) no-repeat 7px center;} #str-main .questionBlockA01 .radioBlockB05 tr td.smallText label{display:block; font-size:85%; font-weight:normal; margin:5px 0 0 0; line-height:1.2;} /* checkBlockB01 ------------------------------ */ #str-main .questionBlockA01 .checkBlockB01 ul li{font-size:116%; margin:15px 0 0 0;} #str-main .questionBlockA01 .checkBlockB01 ul li.firstChild{margin:0;} #str-main .questionBlockA01 .checkBlockB01 ul li label{display:block; overflow:hidden; cursor:pointer; background:url(/common/images/quote/checkbox_icon_01_off.png) no-repeat left center; min-height:30px; padding:0 0 0 40px;} *:first-child+html #str-main .questionBlockA01 .checkBlockB01 ul li label{min-height:35px; height:auto!important; height:35px;} #str-main .questionBlockA01 .checkBlockB01 ul li label.current{background:url(/common/images/quote/checkbox_icon_01_on.png) no-repeat left center;} #str-main .questionBlockA01 .checkBlockB01 ul li label input{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; outline:none;} #str-main .questionBlockA01 .checkBlockB01 ul li label .inner{display:table-cell; vertical-align:middle; height:30px;} /* inputTextBlockA01 ------------------------------ */ #str-main .questionBlockA01 .inputTextBlockA01 input[type="text"]{ font-size:16px; height:37px; line-height:37px; background:#fff; padding:3px 10px; border:1px solid #000; border-radius:3px; box-shadow:inset 1px 1px 5px -1px #ccc; -webkit-box-shadow:inset 1px 1px 5px -1px #ccc; } #str-main .questionBlockA01 .inputTextBlockA01 input[type="text"].inputWid568{width:568px;} #str-main .questionBlockA01 .inputTextBlockA01 input[type="text"].inputWid370{width:370px;} #str-main .questionBlockA01 .inputTextBlockA01 input[type="text"].inputWid333{width:333px;} #str-main .questionBlockA01 .inputTextBlockA01 .data{ font-size:224%; vertical-align:top; line-height:46px; padding:0 0 0 7px; } #str-main .questionBlockA01 .inputTextBlockA01 .text{float:left;} #str-main .questionBlockA01 .inputTextBlockA01 .btn{float:right; width:181px; vertical-align:top;} #str-main .questionBlockA01 .inputTextBlockA01 .btn .active{display:none;} #str-main .questionBlockA01 .inputTextBlockA01 .btn.active .active{display:block;} #str-main .questionBlockA01 .inputTextBlockA01 .btn.default .default{display:block;} #str-main .questionBlockA01 .inputTextBlockA01 .btn.active .default{display:none;} #str-main .questionBlockA01 .inputTextBlockA01 .btn .active a{display:inline-block;} #str-main .questionBlockA01 .inputTextBlockA01 .btn .active a:hover{background:url(/common/images/quote/riskFactorPage_btn_01_on.png) no-repeat 0 0;} #str-main .questionBlockA01 .inputTextBlockA01 .btn .active a:hover img{visibility:hidden;} /* ------------------------------------------------------------ questionBlock active ------------------------------------------------------------ */ #str-main .questionBlockA01.active .column2WrapA01 .columnBlock01{background:#e8f7fe; border-radius:10px;} /* ------------------------------------------------------------ questionBlock default ------------------------------------------------------------ */ #str-main .questionBlockA01.default .radioBlockB02 tr td{color:#c2c1c1; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 ); text-decoration:none;} #str-main .questionBlockA01.default .radioBlockB02 tr td label{cursor:default; border:1px solid #c2c2c2;} #str-main .questionBlockA01.default .radioBlockB02 tr td.current{color:#021574;} #str-main .questionBlockA01.default .radioBlockB02 tr td.current label{ box-shadow:inset 0px 0px 0px 0px; -webkit-box-shadow:inset 0px 0px 0px 0px; } #str-main .questionBlockA01 .radioBlockB02.default tr td{color:#c2c1c1; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 ); text-decoration:none;} #str-main .questionBlockA01 .radioBlockB02.default tr td label{cursor:default; border:1px solid #c2c2c2;} #str-main .questionBlockA01 .radioBlockB02.default tr td.current{color:#021574;} #str-main .questionBlockA01.default .radioBlockB03 tr td{color:#c2c1c1; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 ); text-decoration:none;} #str-main .questionBlockA01.default .radioBlockB03 tr td label{cursor:default; border:1px solid #c2c2c2;} #str-main .questionBlockA01.default .radioBlockB03 tr td.current{color:#021574;} #str-main .questionBlockA01.default .radioBlockB03 tr td.current label{ box-shadow:inset 0px 0px 0px 0px; -webkit-box-shadow:inset 0px 0px 0px 0px; } #str-main .questionBlockA01.default .radioBlockB04 tr td{color:#c2c1c1; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 ); text-decoration:none;} #str-main .questionBlockA01.default .radioBlockB04 tr td label{cursor:default; border:1px solid #c2c2c2;} #str-main .questionBlockA01.default .radioBlockB04 tr td.current{color:#021574;} #str-main .questionBlockA01.default .radioBlockB04 tr td.current label{ box-shadow:inset 0px 0px 0px 0px; -webkit-box-shadow:inset 0px 0px 0px 0px; } #str-main .questionBlockA01.default .radioBlockB05 tr td{color:#c2c1c1; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 ); text-decoration:none;} #str-main .questionBlockA01.default .radioBlockB05 tr td label{cursor:default; border:1px solid #c2c2c2;} #str-main .questionBlockA01.default .radioBlockB05 tr td.current{color:#021574;} #str-main .questionBlockA01.default .radioBlockB05 tr td.current label{ box-shadow:inset 0px 0px 0px 0px; -webkit-box-shadow:inset 0px 0px 0px 0px; } #str-main .questionBlockA01.default .column2WrapA01 .columnBlock01{background:#e8f7fe; border-radius:10px;} #str-main .questionBlockA01.default .column2WrapA01 .columnBlock01 .ttlBlock p{background:url(/common/images/quote/riskFactorPage_icon_01_off.png) no-repeat 0 0.1em;} #str-main .questionBlockA01.default .selectBlockB01 select{border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01.default .selectBlockB01 span.customSelect{border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01.default .selectBlockB01 span.customSelect .customSelectInner{background:url(/common/images/quote/select_icon_01.gif) no-repeat right top;} #str-main .questionBlockA01 .selectBlockB01.default select{border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01 .selectBlockB01.default span.customSelect{border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01 .selectBlockB01.default span.customSelect .customSelectInner{background:url(/common/images/quote/select_icon_01.gif) no-repeat right top;} #str-main .questionBlockA01 .detailBlockB01.default select{border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01 .detailBlockB01.default span.customSelect{border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01 .detailBlockB01.default span.customSelect .customSelectInner{background:url(/common/images/quote/select_icon_01.gif) no-repeat right top;} #str-main .questionBlockA01.default .radioBlockB01 ul li{color:#c2c1c1; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 ); text-decoration:none;} #str-main .questionBlockA01.default .radioBlockB01 ul li label{cursor:default; border:1px solid #c2c2c2;} #str-main .questionBlockA01.default .radioBlockB01 ul li.current{color:#021574;} #str-main .questionBlockA01.default .radioBlockB01 ul li.current label{ box-shadow:inset 0px 0px 0px 0px; -webkit-box-shadow:inset 0px 0px 0px 0px; } /* 修正（免許証の箇所が非アクティブのとき） */ #str-main .questionBlockA01.default .radioBlockB05 tr td.firstChild label{background:url(/common/images/quote/riskFactorPage_img_04_off.png) no-repeat 7px center;} #str-main .questionBlockA01.default .radioBlockB05 tr td.nthChild2 label{background:url(/common/images/quote/riskFactorPage_img_05_off.png) no-repeat 7px center;} #str-main .questionBlockA01.default .radioBlockB05 td.nthChild3n label{background:url(/common/images/quote/riskFactorPage_img_06_off.png) no-repeat 7px center;} /* ここまで */ #str-main .questionBlockA01.default .inputTextBlockA01 input[type="text"]{border:1px solid #c5c5c5; background:#f6f6f6;} #str-main .questionBlockA01.default .inputTextBlockA01 .btn .active{display:none;} #str-main .questionBlockA01.default .inputTextBlockA01 .btn .default{display:block;} #str-main .questionBlockA01.default .checkBlockB01 ul li label{cursor:default; background:url(/common/images/quote/checkbox_icon_01.png) no-repeat left center;} #str-main .questionBlockA01 #know_next.default, #str-main .questionBlockA01 #carName.default, #str-main .questionBlockA01 #carNameSpec.default {background:url(/common/images/quote/riskFactorPage_arrow_03_off.png) no-repeat center top; margin:25px 0 0 0; padding:45px 0 0 0;} #str-main .questionBlockA01 #know_next.default .selectBlockB01 select, #str-main .questionBlockA01 #carName.default .selectBlockB01 select, #str-main .questionBlockA01 #carNameSpec.default .selectBlockB01 select {border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01 #know_next.default .selectBlockB01 span.customSelect, #str-main .questionBlockA01 #carName.default .selectBlockB01 span.customSelect, #str-main .questionBlockA01 #carNameSpec.default .selectBlockB01 span.customSelect {border:1px solid #c5c5c5; background:#f6f6f6; color:#c2c2c2;} #str-main .questionBlockA01 #know_next.default .selectBlockB01 span.customSelect .customSelectInner, #str-main .questionBlockA01 #carName.default .selectBlockB01 span.customSelect .customSelectInner, #str-main .questionBlockA01 #carNameSpec.default .selectBlockB01 span.customSelect .customSelectInner {background:url(/common/images/quote/select_icon_01.gif) no-repeat right top;} #str-main .questionBlockA01 #know_next.default .ttlBlock p, #str-main .questionBlockA01 #carName.default .ttlBlock p, #str-main .questionBlockA01 #carNameSpec.default .ttlBlock p {background:url(/common/images/quote/riskFactorPage_icon_01_off.png) no-repeat 0 0.1em;} #str-main .questionBlockA01 .column2WrapA01 .columnBlock01 #vehicleSearch .detailBlockB01.default .ttlBlock p{background:url(/common/images/quote/riskFactorPage_icon_01_off.png) no-repeat 0 0.1em;} /* ------------------------------------------------------------------------------------------ ncdAssessmentPage ORIGINAL ========================================================================================== */ #str-main .ncdAssessmentPage{padding:0 0 50px 0;} #str-main .ncdAssessmentPage .ncdAssessmentPageInner{padding:0 8px;} #str-main .ncdAssessmentPage .ncdAssessmentPageInner02{padding:0 10px 70px 10px;} #str-main .ncdAssessmentPage01 .ncdAssessmentPageInner .telematicsInfo{font-size:150%;line-height:2em} #str-main .ncdAssessmentPage01 .ncdAssessmentPageInner .telematicsNoneInfo{font-size:140%;} #str-main .ncdAssessmentPage01 .ncdAssessmentPageInner .telematicsInfo .tele_Blue{color:#003399;font-weight:bold;font-size:130%;} #str-main .ncdAssessmentPage01 .ncdAssessmentPageInner .telematicsInfo .tele_Red{color:#f00000;font-weight:bold;font-size:150%;} /* ------------------------------------------------------------ columnWrap ------------------------------------------------------------ */ /* column4WrapA01 ------------------------------ */ #str-main .ncdAssessmentPage .column4WrapA01{margin:0 0 20px 0;} #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock01, #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock02, #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock03, #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock04{ float:left; width:197px; width:196px\9; padding:6px 6px 10px 6px; border:1px solid #f0f1f1; border-right:2px solid #999\9; border-bottom:2px solid #999\9; box-shadow:2px 1px 5px 0 #999; -webkit-box-shadow:2px 1px 5px 0 #999; border-radius:5px; background:#fff; } #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock01, #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock02, #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock03{margin:0 15px 0 0;} #str-main .ncdAssessmentPage .column4WrapA01 .link{width:193px; border:2px solid #ef7c00; border-radius:4px; background:#fbd99d; font-size:128%;} #str-main .ncdAssessmentPage .column4WrapA01 .link .inner{display:table; width:193px; text-align:center;} #str-main .ncdAssessmentPage .column4WrapA01 .link a{display:table-cell; width:148px; padding:33px 20px 33px 25px; color:#003399; background:url(/common/images/quote/cmn_icon_07.gif) no-repeat 10px center; vertical-align:middle; height:40px\9;} *:first-child+html #str-main .ncdAssessmentPage .column4WrapA01 .link a{display:block;} #str-main .ncdAssessmentPage .column4WrapA01 .link a span{font-weight:bold;} #str-main .ncdAssessmentPage .column4WrapA01 .link a span.smallText{font-size:81%; font-weight:normal;} #str-main .ncdAssessmentPage .column4WrapA01 .text{padding:10px 5px 0 5px; line-height:1.5; font-size:104%;} #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock01 .link .inner{background:url(/common/images/quote/ncdAssessmentPage_icon_01.gif) no-repeat 144px 2px;} #str-main .ncdAssessmentPage .column4WrapA01 .columnBloock02 .link .inner{background:url(/common/images/quote/ncdAssessmentPage_icon_02.gif) no-repeat 148px 4px;} /* column2WrapA01 ------------------------------ */ #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock01{float:left; width:635px;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock01 .listBlockA01{ } #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02{position:relative; float:right; width:200px; padding:13px; border:1px solid #608cc8; border-radius:5px;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .subNav .webBlock .ttl{margin:0 0 5px 0;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .subNav .webBlock .btn{margin:0 0 2px 0;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .subNav .webBlock .btn a{padding:8px 0; width:198px; text-align:center;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .subNav .telBlock{margin:12px 0 0 0;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .subNav .telBlock .ttl{margin:0 0 3px 0;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .subNav .telBlock .btn{margin:9px 0 0 0;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .subNav .telBlock .btn a{padding:8px 0; width:198px; text-align:center;} #str-main .ncdAssessmentPage .column2WrapA01 .columnBloock02 .image{position:absolute; top:-109px; right:8px;} /* column2WrapA02 ------------------------------ */ #str-main .ncdAssessmentPage .column2WrapA02 .columnBloock01 { float:left; } #str-main .ncdAssessmentPage .column2WrapA02 .columnBloock02 { float:right; } #str-main .ncdAssessmentPage .column2WrapA02 .columnBloock01 .linkText { background:url(/common/images/quote/ncdAssessmentPage_arrow_01.gif) no-repeat left center; padding-left: 12px; } /* column2WrapA03 ------------------------------ */ #str-main .ncdAssessmentPage .column2WrapA03 .columnBloock01 { float:left; font-size: 123%; } #str-main .ncdAssessmentPage .column2WrapA03 .columnBloock02 { float:right; } #str-main .ncdAssessmentPage .column2WrapA03 .columnBloock01 span { color: #dc143d; } /* ------------------------------------------------------------ listBlock ------------------------------------------------------------ */ /* listBlockA01 ------------------------------ */ #str-main .ncdAssessmentPage .listBlockA01 ul li{background:url(/common/images/quote/cmn_icon_08.gif) no-repeat 0 0.35em; font-size:123%; margin:19px 0 0 0; padding:0 0 0 15px; line-height:1.4;} #str-main .ncdAssessmentPage .listBlockA01 ul li.type02 { background: url(/common/images/quote/ncdAssessmentPage_icon_03.gif) no-repeat 0 0.35em; } /* listBlockA02 ------------------------------ */ #str-main .ncdAssessmentPage .listBlockA02 { background: #ddeaf6; padding: 16px; } #str-main .ncdAssessmentPage .listBlockA02 p { color: #dc143d; font-size:116%; font-weight: bold; line-height: 1.4; } #str-main .ncdAssessmentPage .listBlockA02 .circleIcon { display: inline-block; margin-right: 4px; background:url(/common/images/quote/ncdAssessmentPage_icon_04.gif) no-repeat left top; width: 14px; height: 13px; } #str-main .ncdAssessmentPage .listBlockA02 ul li { font-size:123%; margin:10px 0 0 0; line-height:1.4; padding-left: 30px; text-indent: -30px;} /* ------------------------------------------------------------------------------------------ ncdAssessmentPage01 ORIGINAL ========================================================================================== */ #str-main .ncdAssessmentPage01{padding:0 0 50px 0;} /* resultBlockA01 ------------------------------ */ #str-main .ncdAssessmentPage01 .resultBlockA01{background:url(/common/images/quote/ncdAssessmentPage01_arrow_01.gif) no-repeat center top; width:590px; margin:0 0 50px 30px; padding:48px 0 0 0;} #str-main .ncdAssessmentPage01 .resultBlockA01 .textBlockA01{border:1px solid #c00000; width:562px; margin:15px 0 0 0; padding:13px; background:#fff; text-align:center;} #str-main .ncdAssessmentPage01 .resultBlockA01 .textBlockA01 p{font-size:208%;} /* listBlockA01 ------------------------------ */ #str-main .ncdAssessmentPage01 .listBlockA01{margin:0 0 28px 0; line-height:1.5;} #str-main .ncdAssessmentPage01 .listBlockA01 .text{font-weight:bold; font-size:116%; text-indent:-1.7em; margin:0 0 0 1.7em;} #str-main .ncdAssessmentPage01 .listBlockA01 .text span{color:#ef7c00; margin:0 0.5em 0 0;} #str-main .ncdAssessmentPage01 .listBlockA01 .cautionBlockA01{width:auto; margin:3px 0 0 1.7em;} #str-main .ncdAssessmentPage01 .listBlockA01 .cautionBlockA01 li{text-indent:-1em; margin:0 0 0 1em;} /* btnBlockA01 ------------------------------ */ #str-main .ncdAssessmentPage01 .btnBlockA01{position:relative; width:650px; min-height:40px; height:auto!important; height:40px;} #str-main .ncdAssessmentPage01 .btnBlockA01 .back{position:absolute; left:0; bottom:3px;} #str-main .ncdAssessmentPage01 .btnBlockA01 .back a{background:url(/common/images/quote/cmn_icon_09.gif) no-repeat left center; padding:5px 0 3px 23px; color:#003399;} #str-main .ncdAssessmentPage01 .btnBlockA01 .btn{margin:50px 0 0 125px;} #str-main .ncdAssessmentPage01 #stoppedAssessmentBtnDiv .btn{margin:0px 0 0 125px;} #str-main .ncdAssessmentPage01 #expiryAssessmentBtnDiv .btn{margin:0px 0 0 125px;} #str-main .ncdAssessmentPage01 .btnBlockA01 .btn a:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} /* column2WrapA01 ------------------------------ */ #str-main .ncdAssessmentPage01 .questionBlockA01 .column2WrapA01 .columnBlock01 .ttlBlock p{background:url(/common/images/quote/ncdAssessmentPage01_icon_01.gif) no-repeat 0 0;} #str-main .ncdAssessmentPage01 .resultBlockA01, #str-main .ncdAssessmentPage01 .btnBlockA01{display:block; filte:inherit;} #str-main .ncdAssessmentPage01 .disNone{display:none;} /* ------------------------------------------------------------ expiryBusiness ------------------------------------------------------------ */ #str-main .ncdAssessmentPage01#page2 .radioBlockB01.expiryBusinessRadio li{height:117px;} #str-main .ncdAssessmentPage01#page2 .radioBlockB01.expiryBusinessRadio li label{height:75px; padding:40px 0 0 0;} #str-main .ncdAssessmentPage01#page2 .radioBlockB01 li.radio01 label{background:url(/common/images/quote/radio_txt_10_off.png) no-repeat center 25px;} #str-main .ncdAssessmentPage01#page2 .radioBlockB01 li.radio01.current label{background:url(/common/images/quote/radio_txt_10_on.png) no-repeat center 25px;} #str-main .ncdAssessmentPage01#page2 .radioBlockB01 li.radio02 label{background:url(/common/images/quote/radio_txt_11_off.png) no-repeat center 25px;} #str-main .ncdAssessmentPage01#page2 .radioBlockB01 li.radio02.current label{background:url(/common/images/quote/radio_txt_11_on.png) no-repeat center 25px;} #str-main .ncdAssessmentPage01#page2 .radioBlockB01 li.radio03 label{background:url(/common/images/quote/radio_txt_12_off.png) no-repeat center 25px;} #str-main .ncdAssessmentPage01#page2 .radioBlockB01 li.radio03.current label{background:url(/common/images/quote/radio_txt_12_on.png) no-repeat center 25px;} /* ------------------------------------------------------------ zstoppedBusiness01 ------------------------------------------------------------ */ #str-main .ncdAssessmentPage01#zstoppedBusiness01 .attentionBlock01 { width: 590px; padding: 10px 30px 45px 30px; } #str-main .ncdAssessmentPage01#zstoppedBusiness01 .attentionBlock01 .text01 { font-weight: bold; font-size: 116%; margin-bottom: 30px; } #str-main .ncdAssessmentPage01#zstoppedBusiness01 .attentionBlock01 .listBlockA01 { margin-bottom: 36px; } #str-main .ncdAssessmentPage01#zstoppedBusiness01 .attentionBlock01 .listBlockA01 li { background: url(/common/images/quote/cmn_icon_08.gif) no-repeat 0 0.35em; font-size: 123%; margin: 19px 0 0 0; padding: 0 0 0 15px; line-height: 1.4; } #str-main .ncdAssessmentPage01#zstoppedBusiness01 .attentionBlock01 .telBlock01 { background: #ddeaf6; padding: 14px 15px; font-weight: bold; font-size: 116%; line-height: 1.4; } #str-main .ncdAssessmentPage01#zstoppedBusiness01 .listBlockA02 { margin-bottom: 30px; line-height: 1.4; } #str-main .ncdAssessmentPage01#zstoppedBusiness01 .listBlockA02 li { font-weight: bold; font-size: 116%; padding-left: 0.6em; text-indent: -0.6em; } /* ------------------------------------------------------------ zstoppedBusiness02 ------------------------------------------------------------ */ #str-main .ncdAssessmentPage01#zstoppedBusiness02 .ncdAssessmentPageInner .resultBlockA02 { width: 590px; margin: 0 0 0 30px; } #str-main .ncdAssessmentPage01#zstoppedBusiness02 .ncdAssessmentPageInner .resultBlockA02 .text01 { font-weight: bold; font-size: 123%; } #str-main .column2WrapA01 .columnBlock01 .tableBlockC01 { border-top: 1px solid #a5a5a5; } /* ------------------------------------------------------------------------------------------ riskFactorPage ORIGINAL ========================================================================================== */ #str-main .riskFactorPage{padding:0 0 50px 0;} #str-main .riskFactorPage .riskFactorPageInner{padding:0 10px;} #str-main .riskFactorPage .questionBlockA01.changeBlock, #str-main .riskFactorPage .questionBlockA01.changeBlock #riskFactor06_result, #str-main .riskFactorPage .questionBlockA01.changeBlock #riskFactor07_result{display:none;} /* ------------------------------------------------------------ prepareBlock ------------------------------------------------------------ */ #str-main .riskFactorPage .prepareBlock{border:1px solid #fcbd4e; background:#fffbeb; border-radius:5px; margin:10px 0 0 0; padding:12px 10px 8px 18px;} /* imageRightBlockA01 ------------------------------ */ #str-main .riskFactorPage .prepareBlock .imageRightBlockA01 .text{float:left; width:340px;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA01 .text p{display:table-cell; height:120px; vertical-align:middle; font-weight:bold; font-size:128%; line-height:1.6;} *:first-child+html #str-main .riskFactorPage .prepareBlock .imageRightBlockA01 .text{padding:35px 0 0 0;} *:first-child+html #str-main .riskFactorPage .prepareBlock .imageRightBlockA01 .text p{display:block; height:auto;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA01 .image{float:right; width:520px;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA01 .image ul{letter-spacing:-.4em;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA01 .image ul li{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; padding:0 0 0 23px;} /* imageRightBlockA02 ------------------------------ */ #str-main .riskFactorPage .prepareBlock .imageRightBlockA02 .text{float:left; width:440px;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA02 .text p{display:table-cell; height:120px; vertical-align:middle; font-weight:bold; font-size:128%; line-height:1.6;} *:first-child+html #str-main .riskFactorPage .prepareBlock .imageRightBlockA02 .text{padding:35px 0 0 0;} *:first-child+html #str-main .riskFactorPage .prepareBlock .imageRightBlockA02 .text p{display:block; height:auto;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA02 .image{float:right; width:400px;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA02 .image ul{letter-spacing:-.4em;} #str-main .riskFactorPage .prepareBlock .imageRightBlockA02 .image ul li{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; padding:0 20px;} /* ------------------------------------------------------------ btnBlock ------------------------------------------------------------ */ /* btnBlockA01 ------------------------------ */ #str-main .riskFactorPage .btnBlockA01 .back a{background:url(/common/images/quote/cmn_icon_09.gif) no-repeat left center; padding:5px 0 3px 23px; color:#003399;} /* ------------------------------------------------------------ textBlock ------------------------------------------------------------ */ /* textBlockA01 ------------------------------ */ #str-main .riskFactorPage .textBlockA01{margin:25px 0; font-weight:bold; font-size:116%; line-height:1.6;} /* ------------------------------------------------------------ btnBlock ------------------------------------------------------------ */ /* btnBlockA02 ------------------------------ */ #str-main .riskFactorPage .btnBlockA02{position:relative; width:650px; margin:50px 0 0 0;} #str-main .riskFactorPage .btnBlockA02 .back{position:absolute; left:0; bottom:3px;} #str-main .riskFactorPage .btnBlockA02 .back a{background:url(/common/images/quote/cmn_icon_09.gif) no-repeat left center; padding:5px 0 3px 23px; color:#003399;} #str-main .riskFactorPage .btnBlockA02 .btn{text-align:center;} #str-main .riskFactorPage .btnBlockA02 .btn a:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} /* ------------------------------------------------------------ column2WrapA01 ------------------------------------------------------------ */ #str-main .riskFactorPage .questionBlockA01 .column2WrapA01 .columnBlock01 #company.balloonBlockB01, #str-main .riskFactorPage .questionBlockA01 .column2WrapA01 .columnBlock01 .balloonBlockB01#vehicleSearch, #str-main .riskFactorPage .questionBlockA01 .resultBlockA02#riskFactor11_result, #str-main .riskFactorPage .questionBlockA01 .resultBlockA02#riskFactor17_result, #str-main .riskFactorPage .questionBlockA01 .resultBlockA02#riskFactor20_result{display:none;} #str-main .riskFactorPage .questionBlockA01 .ttlBlock.default p{background: url(/common/images/quote/riskFactorPage_icon_01_off.png) no-repeat 0 0.1em;} #str-main .riskFactorPage .questionBlockA01 .detailBlockA01.default .radioBlockB01 ul li{color: #c2c1c1;background: #f6f6f6;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#f6f6f6',GradientType=0 );border: 1px solid #c2c2c2;text-decoration: none;} #str-main .riskFactorPage .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .labelText{font-size: 20px; font-weight:bold; padding-left:40px;} #str-main .riskFactorPage .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .ncdBlock .labelText{display: inline; padding-left:0px;} #str-main .riskFactorPage .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .ncdBlock .ncdText{float: right; padding-left:20px;} #str-main .riskFactorPage .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .accidentBlock .labelText{display: inline; padding-left:0px;} #str-main .riskFactorPage .questionBlockA01 .column2WrapA01 .columnBlock01 .detailBlockA01 .accidentBlock .accidentText{float: right; padding-right:21px;} /* ------------------------------------------------------------------------------------------ calculatePremiumPage ORIGINAL ========================================================================================== */ /* ------------------------------------------------------------ ediscountBlock ------------------------------------------------------------ */ #str-main .calculatePremiumPage .ediscountBlock .column2WrapA01 .columnBlock01{float:left; width:320px;} #str-main .calculatePremiumPage .ediscountBlock .column2WrapA01 .columnBlock02{float:right; width:320px;} #str-main .calculatePremiumPage .ediscountBlock .radioBlockA01.radio2Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_01_off.png) no-repeat center center;} #str-main .calculatePremiumPage .ediscountBlock .radioBlockA01.radio2Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_01_on.png) no-repeat center center;} #str-main .calculatePremiumPage .ediscountBlock .radioBlockA01.radio2Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_02_off.png) no-repeat center center;} #str-main .calculatePremiumPage .ediscountBlock .radioBlockA01.radio2Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_02_on.png) no-repeat center center;} /* ------------------------------------------------------------ personalBlock ------------------------------------------------------------ */ #str-main .calculatePremiumPage .personalBlock .radioBlockA01.radio2Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_03_off.png) no-repeat center center;} #str-main .calculatePremiumPage .personalBlock .radioBlockA01.radio2Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_03_on.png) no-repeat center center;} #str-main .calculatePremiumPage .personalBlock .radioBlockA01.radio2Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_04_off.png) no-repeat center center;} #str-main .calculatePremiumPage .personalBlock .radioBlockA01.radio2Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_04_on.png) no-repeat center center;} /* ------------------------------------------------------------ zeroBlock ------------------------------------------------------------ */ #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio3Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_05_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio3Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_05_on.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio3Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_06_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio3Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_06_on.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio3Wrap li.radio03 label{background:url(/common/images/quote/radio_txt_07_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio3Wrap li.radio03.current label{background:url(/common/images/quote/radio_txt_07_on.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:first-child label{background:url(/common/images/quote/radio_txt_05_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:first-child.current label{background:url(/common/images/quote/radio_txt_05_on.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:nth-child(2) label{background:url(/common/images/quote/radio_txt_06_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:nth-child(2).current label{background:url(/common/images/quote/radio_txt_06_on.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:nth-child(3) label, #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:nth-child(3n) label{background:url(/common/images/quote/radio_txt_07_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:nth-child(3).current label, #str-main .calculatePremiumPage .zeroBlock .radioBlockA03 tbody tr td:nth-child(3n).current label{background:url(/common/images/quote/radio_txt_07_on.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio2Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_08_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio2Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_08_on.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio2Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_07_off.png) no-repeat center center;} #str-main .calculatePremiumPage .zeroBlock .radioBlockA01.radio2Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_07_on.png) no-repeat center center;} /* ------------------------------------------------------------ loanerBlock ------------------------------------------------------------ */ #str-main .calculatePremiumPage .loanerBlock .radioBlockA01.radio2Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_05_off.png) no-repeat center center;} #str-main .calculatePremiumPage .loanerBlock .radioBlockA01.radio2Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_05_on.png) no-repeat center center;} #str-main .calculatePremiumPage .loanerBlock .radioBlockA01.radio2Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_07_off.png) no-repeat center center;} #str-main .calculatePremiumPage .loanerBlock .radioBlockA01.radio2Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_07_on.png) no-repeat center center;} /* ------------------------------------------------------------ disaster ------------------------------------------------------------ */ #str-main .calculatePremiumPage .disasterBlock .radioBlockA01.radio2Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_05_off.png) no-repeat center center;} #str-main .calculatePremiumPage .disasterBlock .radioBlockA01.radio2Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_05_on.png) no-repeat center center;} #str-main .calculatePremiumPage .disasterBlock .radioBlockA01.radio2Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_07_off.png) no-repeat center center;} #str-main .calculatePremiumPage .disasterBlock .radioBlockA01.radio2Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_07_on.png) no-repeat center center;} /* ------------------------------------------------------------ lawyerBlock ------------------------------------------------------------ */ #str-main .calculatePremiumPage .lawyerBlock .radioBlockA01.radio2Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_09_off.png) no-repeat center center;} #str-main .calculatePremiumPage .lawyerBlock .radioBlockA01.radio2Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_09_on.png) no-repeat center center;} #str-main .calculatePremiumPage .lawyerBlock .radioBlockA01.radio2Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_07_off.png) no-repeat center center;} #str-main .calculatePremiumPage .lawyerBlock .radioBlockA01.radio2Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_07_on.png) no-repeat center center;} #str-main .calculatePremiumPage .lawyerBlock .radioBlockA01.radio2Wrap li.radio03 label{background:url(/common/images/quote/radio_txt_05_off.png) no-repeat center center;} #str-main .calculatePremiumPage .lawyerBlock .radioBlockA01.radio2Wrap li.radio03.current label{background:url(/common/images/quote/radio_txt_05_on.png) no-repeat center center;} /* ------------------------------------------------------------ bikeBlock ------------------------------------------------------------ */ #str-main .calculatePremiumPage .bikeBlock .radioBlockA01.radio2Wrap li.radio01 label{background:url(/common/images/quote/radio_txt_05_off.png) no-repeat center center;} #str-main .calculatePremiumPage .bikeBlock .radioBlockA01.radio2Wrap li.radio01.current label{background:url(/common/images/quote/radio_txt_05_on.png) no-repeat center center;} #str-main .calculatePremiumPage .bikeBlock .radioBlockA01.radio2Wrap li.radio02 label{background:url(/common/images/quote/radio_txt_07_off.png) no-repeat center center;} #str-main .calculatePremiumPage .bikeBlock .radioBlockA01.radio2Wrap li.radio02.current label{background:url(/common/images/quote/radio_txt_07_on.png) no-repeat center center;} /* ------------------------------------------------------------ listBlock ------------------------------------------------------------ */ /* listBlockA01 ------------------------------ */ #str-main .calculatePremiumPage .listBlockA01{letter-spacing:-.4em; width:677px;} #str-main .calculatePremiumPage .listBlockA01 li{ display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; width:214px; margin:5px 0; padding:0 5px; } #str-main .calculatePremiumPage .listBlockA01 li span{ display:inline-block; width:212px; padding:6px 0 8px 0; border:1px solid #ef7c00; border-radius:3px; text-align:center; } /* listBlockA02 ------------------------------ */ #str-main .calculatePremiumPage .listBlockA02{width:667px;} #str-main .calculatePremiumPage .listBlockA02 li{ text-indent:-1.33em; margin:8px 0 0 1.33em; color:#333; } #str-main .calculatePremiumPage .listBlockA02 li:first-child, #str-main .calculatePremiumPage .listBlockA02 li.firstChild{margin:0 0 0 1.33em;} /* ------------------------------------------------------------ dark-tooltip ------------------------------------------------------------ */ .dark-tooltip{ display:none; position:absolute; z-index:99; text-decoration:none; font-weight:normal; height:auto; top:0; left:0; } .dark-tooltip.west{ width:165px; background:url(/common/images/quote/tooltip_icon_top.png) no-repeat 0 0; } .dark-tooltip.west div.img{text-align:right; padding:4px 0px 0 0;} .dark-tooltip.west div.img img{position:absolute;top:4px;left:174px;} .dark-tooltip.west div.dark-tooltip-inner{background:url(/common/images/quote/tooltip_icon_bottom.png) no-repeat 0 100%; padding:0 0px 5px 0px; font-size:13px;} .dark-tooltip.west div.dark-tooltip-inner div{padding:6px 0 10px 22px; max-width:131px; line-height:1.2; background:url(/common/images/quote/tooltip_icon_left.png) no-repeat 0 50%;} .dark-tooltip.south{ width:197px; padding: 0 0 26px 0; background:url(/common/images/quote/tooltip_icon_rd_bottom.png) no-repeat 0 100%; } .dark-tooltip.south div.dark-tooltip-inner{background: url(/common/images/quote/tooltip_icon_rd_top.png) no-repeat 0 0;} .dark-tooltip.south div.dark-tooltip-inner div{padding:10px;font-size:12px;} .dark-tooltip.south div.dark-tooltip-inner div p{color:red;} .dark-tooltip.south div.dark-tooltip-inner div p.infoTel{margin-top:1em;font-weight:bold;} /* ------------------------------------------------------------ IME ------------------------------------------------------------ */ .ui-autocomplete-input { ime-mode: disabled; } /* ------------------------------------------------------------ 151130 テレマティクスサービスページ制作 ------------------------------------------------------------ */ /*Z_AssistArea -------------------------*/ #str-main .Z_AssistArea{ width:850px; line-height:1.57; margin:80px auto 0; padding:67px 0 20px; background:url(/common/images/quote/ncdAssessmentPage01_bg_01.gif) 0 0 no-repeat; } #str-main .Z_AssistArea .title{ margin:0 0 30px; } /*headingBlock*/ #str-main .Z_AssistArea .headingBlockB03{ margin:0 0 30px; } #str-main .Z_AssistArea .headingBlockC01{ margin:35px 0 0; } /*imgRightBlock*/ #str-main .Z_AssistArea .imgRightBlock .txtArea{ width:510px; float:left; font-size:110%; } #str-main .Z_AssistArea .imgRightBlock .imgArea{ width:273px; float:right; margin-right:47px; } /*btnRightBlock*/ #str-main .Z_AssistArea .btnRightBlock{ margin:50px 0 0; } #str-main .Z_AssistArea .btnRightBlock .txtArea{ width:630px; float:left; font-size:110%; } #str-main .Z_AssistArea .btnRightBlock .btnArea{ width:201px; float:right; } #str-main .Z_AssistArea .btnRightBlock .btnArea .btnGrey a{ display:inline-block; padding:5px 10px; border:1px solid #ababab; border-radius:3px; background:#fbfbfb; background:-moz-linear-gradient(top,#fbfbfb 0,#d1d1d1 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(100%,#d1d1d1)); background:-webkit-linear-gradient(top,#fbfbfb 0,#d1d1d1 100%); background:-o-linear-gradient(top,#fbfbfb 0,#d1d1d1 100%); background:-ms-linear-gradient(top,#fbfbfb 0,#d1d1d1 100%); background:linear-gradient(to bottom,#fbfbfb 0,#d1d1d1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#d1d1d1',GradientType=0) } #str-main .Z_AssistArea .btnRightBlock .btnArea a:hover{ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff',endColorstr='#e3e8f0',GradientType=0 ); -moz-opacity:0.80; opacity:0.80; } #str-main .Z_AssistArea .imgBlockA01{ margin:20px 0 0; text-align:center; } /*listBlock*/ #str-main .Z_AssistArea .listBlockA03{ margin:10px 0 0; } #str-main .Z_AssistArea .listBlockA03 ul li{ padding-left:0.5em; text-indent:-0.5em; } /* ------------------------------------------------------------ 151214 /auto/v22/common/transferBusiness/calculatePremiumPage_151214.html ------------------------------------------------------------ */ #str-main .estimateBlock{ width:910px; height:180px; margin:0 0 20px; } #str-main .estimateBlock .imageArea{ float:left; width:625px; margin:20px 0 0 19px; } #str-main .estimateBlock .btnArea{ float:right; width:207px; margin:124px 20px 0 0; } #str-main .estimateBlock .btnArea a{ display:inline-block; } #str-main .estimateBlock .btnArea a:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.80; opacity:0.80; } /*Start: E180261-【Web】（NCDアンマッチ予防対応）PC・SP他社新規 RiskFactorページの簡易改修（等級欄の改修） */ .detailBlockA012{ background-color: #003399 !important; border-radius: 10px !important; margin-left:-16px !important; margin-top: 10px !important; width:622px !important; padding-bottom: 5px !important; margin-bottom: -15px !important; } .colorYellow{ color:#fff100 !important; } .infomation { background: url("/shared/images/common_ico_022.png") left top no-repeat; background-size: 24px; display: inline-block; line-height: 25px; margin-bottom: 10px; padding-left: 30px; margin-left: 35px; margin-top: 15px; font-weight: bolder !important; } .whiteColor{ color:#fff; font-size: large; font-weight: 300; } .pl55{padding-left:55px!important} .pl65{padding-left:65px!important} /* End:E180261-【Web】（NCDアンマッチ予防対応）PC・SP他社新規 RiskFactorページの簡易改修（等級欄の改修） */ /* WRQ-168 Start */ .cp-banner-btn{ margin-left: auto; margin-right: auto; display: block; } /* WRQ-168 End */ /* WRQ-2501 Start */ .cp-banner-btn-cp{ margin-left: auto; margin-right: auto; display: block; } /* WRQ-2501 End */ /* 2021 Auto Product Revision Phase1 ADD START */ .faq { background: url("/car/sp/app/common/images/common_ico_016.png") left top no-repeat; background-size: 14px 14px; display: inline-block; line-height:14px; margin-bottom: 10px; padding-left: 20px; } /* 2021 Auto Product Revision Phase1 ADD END */