@charset "UTF-8"; /* ------------------------------------------------------------------------------------------ Universal Reset ========================================================================================== */ body,div, dl,dt,dd,th,td, ul,ol,li, h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,textarea,p,blockquote{margin:0; padding:0;} ul,ol{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} strong{font-weight:normal;} em{font-style:normal;} caption{text-align:left;} dt{font-weight:normal;} fieldset{border:0 none;} legend{display:none;} input,select{vertical-align:middle;} label{cursor:pointer;} option{padding-right:5px;} textarea{font-size:97.5%;} address{font-style:normal;} hr{display:none;} table, th, td{border:0 none; font-size:1.0em; vertical-align:top;} th{font-weight:normal; text-align:left;} img{border:0; vertical-align:bottom; font-size:13px;} /* ------------------------------------------------------------------------------------------ common ========================================================================================== */ /* ------------------------------------------------------------ clear ------------------------------------------------------------ */ .clear{clear:both!important;} /* ------------------------------------------------------------ display ------------------------------------------------------------ */ .disp-none{display:none;} /* ------------------------------------------------------------ align ------------------------------------------------------------ */ .center{text-align:center!important;} .align-c{text-align:center!important;} .align-r{text-align:right!important; clear:both;} .textR{text-align:right!important;} .valign-m{vertical-align:middle !important;} .valign-b{vertical-align:bottom !important;} /* ------------------------------------------------------------ float ------------------------------------------------------------ */ .left{float:left;} .right{float:right;} .fNone{float:none !important;} /* ------------------------------------------------------------ position ------------------------------------------------------------ */ .top10{top:20%;} /* ------------------------------------------------------------ Text ------------------------------------------------------------ */ .text_bold{font-weight:bold!important;} .font_bold{font-weight:bold!important;} .leter_spacing{letter-spacing:-1px;} .font_circ{font-family:"ＭＳ Ｐゴシック", "MS PGothic"!important;} .line_h14{line-height:1.4!important;} /* color ------------------------------ */ .t_blue{color:#2551a8!important;} .textColor1{color:#ff0000!important;} .fontAdjust1{color:#000066!important;} .color_blue02{color:#000066!important;} .color_gray{color:#333333!important;} .color_white{color:#ffffff!important;} .fontAdjust1{color:#000066!important;} strong.text_blue {font-weight:bold!important; color:#213190!important;} .strong_text_blue {font-weight:bold!important; color:#213190!important;} /* fontSize ------------------------------ */ .text_small{ font-size:85%!important; /font-size:75%!important;} .font_85{ font-size:85%!important; /font-size:75%!important;} .font_90{ font-size:90%!important; /font-size:75%!important;} .font_100{font-size:100%!important;} .font_110{font-size:110%!important;} .smallText{font-size: 12px!important;} .smallerText{font-size: 10px!important;} /* textStyle ------------------------------ */ .textStyle1{color:#666!important; font-size:10px!important; /font-size:9px!important; } .text_style1{color:#999999!important; font-size:86%!important;} .text_style2{color:#999999!important; font-size:90%!important;} .text_style3{color:#99ffff!important;} .text_style4{color:#ff9933!important;} .text_style5{color:#000066!important; font-weight:bold!important;} .text_style6{color:#f90000 !important;} .text_style7{font-family:sans-serif!important;} /* linkType1 ------------------------------ */ .linkType1{padding-left:15px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-link-01.gif) 0 1px no-repeat; font-weight:bold; } .linkType2{padding-left:15px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-link-02.gif) 0 1px no-repeat; font-weight:bold; } /* indent ------------------------------ */ .indent1{padding-left:2em; text-indent:-2em; } .indent2{padding-left:1.8em; text-indent:-1.8em; } .indent3{padding-left:1.8em; text-indent:-1.8em; font-size: 80%; } .indent4{padding-left:1em; text-indent:-1em; } /* attention ------------------------------ */ .attention{font-weight:bold; color:#f23300; } .attention2{color:#f80000; } .attention3{font-weight:bold; } .attention4{color:#f80000; font-weight:bold; } /* p ------------------------------ */ p.urlTxt { width:210px; margin:0 auto; padding-left:20px; } /* ------------------------------------------------------------ margin ------------------------------------------------------------ */ .m0a{margin:0 auto !important;} /* marginTop ------------------------------ */ .negative1{margin-top:-40px!important;} .mtm15{margin-top:-15px !important;} .mt-5{margin-top:-5px !important;} .mt0{margin-top:0px!important;} .mt02{margin-top:2px!important;} .mt3{margin-top:3px!important;} .mt5{margin-top:5px!important;} .mt8{margin-top:8px !important;} .mt9{margin-top:9px !important;} .mt10{margin-top:10px!important;} .mt14{margin-top:14px!important;} .mt15{margin-top:15px!important;} .mt16{margin-top:16px!important;} .mt20{margin-top:20px!important;} .mt23{margin-top:23px!important;} .mt24{margin-top:24px !important;} .mt25{margin-top:25px !important;} .mt26{margin-top:26px!important;} .mt27{margin-top:27px!important;} .mt30{margin-top:30px!important;} .mt34{margin-top:34px!important;} .mt40{margin-top:40px!important;} .mt45{margin-top:45px!important;} .mt50{margin-top:50px !important;} .mt100{margin-top:100px!important;} /* marginBottom ------------------------------ */ .mb0{margin-bottom:0px!important;} .mb5{margin-bottom:5px!important;} .mb07{margin-bottom:7px !important;} .mb08{margin-bottom:8px!important;} .mb09{margin-bottom:9px!important;} .mb10{margin-bottom:10px!important;} .mb11{margin-bottom:11px!important;} .mb12{margin-bottom:12px!important;} .mb13{margin-bottom:13px!important;} .mb14{margin-bottom:14px!important;} .mb15{margin-bottom:15px!important;} .mb16{margin-bottom:16px!important;} .mb17{margin-bottom:17px!important;} .mb20{margin-bottom:20px!important;} .mb21{margin-bottom:21px!important;} .mb25{margin-bottom:25px!important;} .mb27{margin-bottom:27px!important;} .mb30{margin-bottom:30px!important;} .mb35{margin-bottom:35px!important;} .mb40{margin-bottom:40px!important;} .section01{margin-bottom:30px;} /* marginLeft ------------------------------ */ .ml-5{margin-left:-5px!important;} .ml0{margin-left:0px!important;} .ml02{margin-left:2px !important;} .ml5{margin-left:5px!important;} .ml08{margin-left:8px!important;} .ml10{margin-left:10px!important;} .ml20{margin-left:20px!important;} .ml30{margin-left:30px!important;} .ml37{margin-left:37px!important;} .ml58{margin-left:58px!important;} .ml65{margin-left:65px!important;} /* marginRight ------------------------------ */ .mr0{margin-right:0px!important;} .mr5{margin-right:5px!important;} .mr6{margin-right:6px!important;} .mr8{margin-right:8px!important;} .mr10{margin-right:10px!important;} .mr14{margin-right:14px !important;} .mr18{margin-right:18px!important;} .mr20{margin-right:20px !important;} /* ------------------------------------------------------------ padding ------------------------------------------------------------ */ /* paddingTop ------------------------------ */ .pt0{padding-top:0px!important;} .pt5{padding-top:5px!important;} .pt06{padding-top:6px!important;} .pt07{padding-top:7px!important;} .pt09{padding-top:9px!important;} .pt10{padding-top:10px!important;} .pt11{padding-top:11px!important;} .pt15{padding-top:15px!important;} .pt20{padding-top:20px!important;} .pt30{padding-top:30px!important;} .pt40{padding-top:40px!important;} /* paddingBottom ------------------------------ */ .pb0{padding-bottom:0px!important;} .pb5{padding-bottom:5px!important;} .pb07{padding-bottom:7px!important;} .pb09{padding-bottom:9px!important;} .pb10{padding-bottom:10px!important;} .pb11{padding-bottom:11px!important;} .pb13{padding-bottom:13px!important;} .pb15{padding-bottom:15px!important;} .pb20{padding-bottom:20px!important;} .pb30{padding-bottom:30px!important;} .pb40{padding-bottom:40px!important;} .pb42{padding-bottom:42px!important;} .pb50{padding-bottom:50px!important;} .pb70{padding-bottom:70px!important;} /* paddingLeft ------------------------------ */ .pl0{padding-left:0px!important} .pl05{padding-left:5px!important;} .pl06{padding-left:6px!important;} .pl07{padding-left:7px!important;} .pl09{padding-left:9px!important;} .pl10{padding-left:10px!important;} .pl16{padding-left:16px !important} /* paddingRight ------------------------------ */ .pr0{padding-right:0px!important;} .pr09{padding-right:9px!important;} .pr10{padding-right:10px!important;} .pr12{padding-right:12px!important;} .pr25{padding-right:25px!important;} /* ------------------------------------------------------------ width ------------------------------------------------------------ */ .w60{width:60px !important;} .w80{width:80px !important;} .w90{width:90px !important;} .w110{width:110px !important;} .w119{width:119px !important;} .w120{width:120px !important;} .w130{width:130px !important;} .w135{width:135px !important;} .w140{width:140px !important;} .w150{width:150px !important;} .w160{width:160px !important;} .w161{width:161px !important;} .w170{width:170px !important;} .w180{width:180px !important;} .w185{width:185px !important;} .w198{width:198px !important;} .w205{width:205px !important;} .w217{width:217px !important;} .w218{width:218px !important;} .w226{width:226px !important;} .w230{width:230px !important;} .w234{width:234px !important;} .w235{width:235px !important;} .w247{width:247px !important;} .w250{width:250px !important;} .w254{width:254px !important;} .w260{width:260px !important;} .w272{width:272px !important;} .w275{width:275px !important;} .w281{width:281px !important;} .w282{width:282px !important;} .w291{width:291px !important;} .w322{width:322px !important;} .w325{width:325px !important;} .w337{width:337px !important;} .w340{width:340px !important;} .w350{width:350px !important;} .w360{width:360px !important;} .w370{width:370px !important;} .w380{width:380px !important;} .w390{width:390px !important;} .w410{width:410px !important;} .w430{width:430px !important;} .w441{width:441px !important;} .w500{width:500px !important;} .w671{width:671px !important;} .w735{width:735px !important;} .box_270{width:270px; display:block;} /* ------------------------------------------------------------ height ------------------------------------------------------------ */ .height100{height:100px!important;} .height140{height:140px!important;} /* ------------------------------------------------------------ border ------------------------------------------------------------ */ .btnone{border-top:none!important;} /* ------------------------------------------------------------ clearfix ------------------------------------------------------------ */ .clearfix:after{content:"*"; display:block; clear:both; height:0; visibility:hidden;} .clearfix{min-height:1px;} *html .clearfix{height:1px;} /* ------------------------------------------------------------------------------------------ Base Layout ========================================================================================== */ body{font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, sans-serif; line-height:1.25; color:#000; font-size:78%; background:url(/-/Media/jpz/zrh/divert/common/images/body_bg.jpg) repeat-x;} body.mylogin{background:url(/-/Media/jpz/zrh/divert/common/images/body_bg.jpg) repeat-x 0px 35px;} body.moveLine01{background:url(/-/Media/jpz/zrh/divert/common/images/body_bg.jpg) repeat-x 0px 75px!important;} body.newLine{background:url(/-/Media/jpz/zrh/divert/common/images/new-body-bg.gif) repeat-x 0 0 !important;} body.topLayout{background-color:#8faed8 !important;} body#spBody.newLine{background: url(/-/Media/jpz/zrh/divert/common/images/new-body-bg-sp.gif) repeat-x 0 0 !important;} .layout-p1{background:none;} .layout-03 #str-main .lyt-col2.optionlocal{margin:0 0 0 -20px; padding:0;} /* ------------------------------------------------------------ paLayout ------------------------------------------------------------ */ .paLayout #header_area{margin-top:16px;} .paLayout #contents_container{margin-top:5px;} .paLayout #str_contents{padding-top:15px;} /* ------------------------------------------------------------ Link Styles ------------------------------------------------------------ */ a:link, a:visited, a:active, a:focus{color:#039; text-decoration:underline;} a{vertical-align:baseline;} a:hover{text-decoration:none;} /* ------------------------------------------------------------------------------------------ Header ========================================================================================== */ .lsstyle03{letter-spacing:-0.05em;} /* ------------------------------------------------------------ header_area ------------------------------------------------------------ */ #header_area{position:relative; z-index:1;} #header_area ul{list-style-type:none !important; padding-bottom:none !important;} #header_area ul li{margin:none !important; padding:none !important; background-image:none !important; background-repeat:none !important; background-position:none !important; line-height:none !important;} /* site-logo ------------------------------ */ #header_area #site-logo{position:relative; left:18px; top:0px; width:97px;} /* site-nam ------------------------------ */ #header_area #site-name{position:absolute; left:125px; top:43px; margin:0; padding:0;} /* copy ------------------------------ */ #header_area #copy{position:absolute; left:125px; top:0px; margin:0; padding:0; color:#c4c4c4; font-size:10px;} /* nav-header-01 ------------------------------ */ #header_area ul#nav-header-01{position:absolute; top:0px; left:630px; width:250px;} /* search ------------------------------ */ #header_area #site-search, #header_area #glossary-search, #header_area #faq-search{position:absolute; top:24px; right:3px; width:275px;} /* accident ------------------------------ */ #header_area p#accident{position:absolute; top:18px; left:635px;} /* contact-tel ------------------------------ */ #header_area p#contact-tel{position:absolute; top:20px; left:280px;} /* site-search ------------------------------ */ #header_area #site-search{width:182px; height:19px; position:absolute; top:18px; left:726px;} #header_area #site-search #site-search-query{padding:1px; border:1px solid #7f9db9; width:134px; margin-bottom:2px; margin-right:5px; margin-top:1px; font-size:10px;} #header_area #site-search #site-search-btn{position:absolute; right:0; width:38px; height:19px;} #header_area #site-search #site-search-btn02{position:absolute; right:0; width:40px; height:17px;} #header_area .nav-header-Btn-New {width:179px; _width:189px; position:absolute; left:728px; top:38px;} #header_area .nav-header-Btn-New li{float:left; width:87px; height:20px; margin:0 5px 0 0; padding:5px 0 0;} #header_area .nav-header-Btn-New li.lastChild{margin:0 0 0 0;} #header_area .nav-header-Btn-New li.right{float:right; margin:0 0 0 0;} #header_area .nav-header-Btn-New ul li a.faq {display:block; width:17px; height:15px; padding:5px 20px 5px 50px; font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-faq02.gif) no-repeat left top;} #header_area .nav-header-Btn-New ul li a.faq:hover{background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-faq02_o.gif) no-repeat left top;} #header_area .nav-header-Btn-New ul li a.glossary {display:block; width:37px; height:14px; padding:6px 10px 5px 40px; font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-glossary02.gif) no-repeat left top;} #header_area .nav-header-Btn-New ul li a.glossary:hover{background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-glossary02_o.gif) no-repeat left top;} /* ------------------------------------------------------------ header_newContainer ------------------------------------------------------------ */ #header_newContainer{margin:-16px auto 0; text-align:left; width:912px;} /* ------------------------------------------------------------ header_newTopLineArea ------------------------------------------------------------ */ #header_newTopLineArea{overflow:hidden; zoom:1; padding:2px 0; background-color:#d3d3d3; height:20px; font-size:10px; /font-size:9px;} /* topLineBlock ------------------------------ */ #header_newTopLineArea #topLineBlock{position:relative; width:912px; margin:0 auto; color:#262626;} #header_newTopLineArea #topLineBlock h1#copy{float:left; width:500px; padding-top:5px;} /* utility ------------------------------ */ #header_newTopLineArea .utility{float:right; width:400px; font-size:11px; text-align:right;} #header_newTopLineArea .utility ul{display:inline-block; *display:inline; overflow:hidden; zoom:1; padding:3px 0 0; margin:0 0 0 -7px; vertical-align:top;} #header_newTopLineArea .utility ul li{display:inline-block; *display:inline; zoom:1; margin:0 7px 0 0; padding:0; background:none; line-height:1.25;} #header_newTopLineArea .utility ul li a{display:block; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-01.gif) 0 0.3em no-repeat; color:#262626;} #header_newTopLineArea .utility ul li a:hover{text-decoration:none;} #header_newTopLineArea .utility form{display:inline-block; *display:inline; overflow:hidden; zoom:1; *width:184px; margin:0 0 0 13px; padding:0;} #header_newTopLineArea .utility form #site-search-query{float:left; width:132px; height:18px; border:1px #999 solid; border-right:none;} #header_newTopLineArea .utility form #site-search-btn02{float:left; width:50px; height:20px;} #header_newTopLineArea .utility #code{display:inline-block; *display:inline; overflow:hidden; zoom:1; width:35px; margin:0; padding:4px 0 0; color:#262626; text-align:center; vertical-align:top;} /* header_newArea ------------------------------ */ #header_newArea{position:relative; z-index:1; padding-top:90px; font-size:10px; /font-size:9px; line-height:1.3;} #header_newArea #logo{position:absolute; top:7px; left:2px;} /* hdr_3 ------------------------------ */ .hdr_3{ background-color: #F6F6F6; border-left: 5px solid #003399; padding: 8px 0 6px 10px!important; font-weight: bold; font-size: 16px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-bottom: 13px; } /* hdr_4 ------------------------------ */ .hdr_4{ border-bottom: 3px solid #E9E9E9; padding: 8px 0 6px!important; margin-bottom: 13px; } .hdr_4_bd{ border-left: 4px solid #003399; font-size: 16px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; padding-left: 11px; } .hdr_4_twolines{ border-bottom: 3px solid #E9E9E9; padding: 8px 0 6px 0!important; margin-bottom: 13px; } .hdr_4_db { display: block!important; } /* note_txt ------------------------------ */ .note_txt { font-size: 11px; margin: -10px 0 15px; text-align: right; } .arrow_txt{ font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 17px; font-weight: bold; } /* ------------------------------------------------------------ topLayout ------------------------------------------------------------ */ /* title ------------------------------ */ body.topLayout #topLineBlock h1#copy{width:530px !important; font-size:10px; /font-size:9px;} /* header_newArea ------------------------------ */ body.topLayout #header_newArea #contact-tel-02{top:30px; right:226px;} /* header_newTopLineArea ------------------------------ */ body.topLayout #header_newTopLineArea .utility{width:370px;} /* ------------------------------------------------------------ tel ------------------------------------------------------------ */ /* contact-tel-01 ------------------------------ */ #header_newArea #contact-tel-01, #header_newArea #contact-tel-02, #header_newArea #contact-tel-03{position:absolute;} #header_newArea #contact-tel-01{top:30px; right:0;} #header_newArea #contact-tel-02{top:30px; right:216px;} #header_newArea #contact-tel-03{top:20px; right:0;} /* ------------------------------------------------------------ mylogin ------------------------------------------------------------ */ /* header_newArea ------------------------------ */ .mylogin.newLine #header_newArea #head-login{position:absolute; top:7px; right:0; margin-left:-20px; text-align:right;} .mylogin.newLine #header_newArea #head-login li{display:inline-block; *display:inline; zoom:1; margin-left:20px;} .mylogin.newLine #header_newArea #head-login li a{display:block; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-02.gif) 0 0.3em no-repeat; color:#fff;} .mylogin.newLine #header_newArea #head-login li a:hover{text-decoration:none;} .mylogin.newLine #header_newArea .attention3{color:#fff;} /* header_area ------------------------------ */ .mylogin #header_area #copy{left:8px; top:0px;} .mylogin #header_area #site-logo{left:7px; top:24px; width:111px;} .mylogin #header_area #site-name{left:134px; top:78px;} .mylogin #header_area p#contact-tel{left:280px; top:20px;} .mylogin #header_area #site-search{left:726px; width:182px;} .mylogin #header_area #site-search #site-search-query{width:134px;} .mylogin #header_area .nav-header-Btn01{left:817px; right:0px;} .mylogin #header_area .nav-header-Btn02{left:817px; top:42px;} .mylogin #header_area #head-login{position:absolute; left:277px; top:75px; width:630px;} .mylogin #header_area #head-login li{float:right; margin-left:23px;} .mylogin #header_area #head-login li.last{margin-left:0px; } .mylogin #header_area #head-login li.arrow a{background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat left 0.35em transparent; display:block; padding-left:10px;} .mylogin #header_area .nav-header-Btn-New{left:728px; right:0px;} /* button ------------------------------ */ #header_area #button{position:absolute; left:340px; top:35px;} /* ------------------------------------------------------------ str-header ------------------------------------------------------------ */ #str-header{position:relative;} #str-header #site-logo{padding-top:10px;} /* nav-global ------------------------------ */ #str-header #nav-global{background:#e6e9e8 url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_o.gif") no-repeat 0 0;} #str-header #nav-global ul{padding-right:3px; float:left; background:transparent url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg.gif") no-repeat right top;} #str-header #nav-global ul li{float:left; background:transparent url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_o.gif") no-repeat left top;} #str-header #nav-global ul li a{padding:5px 8px 4px 9px; display:block; background:transparent url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-02_o.gif") no-repeat right top;} #str-header #nav-global ul li.first-child a{min-width:163px; _width:163px;} #str-header #nav-global ul li.current{background-image:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_h.gif");} #str-header #nav-global ul li.current a{background-image:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-02_h.gif"); font-weight:bold;} #str-header #nav-global ul li.current strong{background-image:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-02_h.gif"); font-weight:bold;} #str-header #nav-global ul li a:link, #str-header #nav-global ul li a:visited{color:#fff; text-decoration:none;} #str-header #nav-global ul li a:hover, #str-header #nav-global ul li a:active, #str-header #nav-global ul li a:focus{text-decoration:underline;} #str-header #nav-global ul li.current a{color:#000!important;} #str-header #nav-global ul li.current .new_strong{background-image:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-02_h.gif"); font-weight:bold;} /* nav-header-Btn-New ------------------------------ */ #str-header .nav-header-Btn-New{width:179px; _width:189px; position:absolute; right:4px; top:38px;} #str-header .nav-header-Btn-New li{float:left; width:87px; height:20px; margin:0 5px 0 0; padding:5px 0 0;} #str-header .nav-header-Btn-New li.lastChild{margin:0 0 0 0;} #str-header .nav-header-Btn-New li.right{float:right; margin:0 0 0 0;} #str-header .nav-header-Btn-New ul li a.faq{display:block; width:17px; height:15px; padding:5px 20px 5px 50px; font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-faq02.gif) no-repeat left top;} #str-header .nav-header-Btn-New ul li a.faq:hover{background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-faq02_o.gif) no-repeat left top;} #str-header .nav-header-Btn-New ul li a.glossary{display:block; width:37px; height:14px; padding:6px 10px 5px 40px; font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-glossary02.gif) no-repeat left top;} #str-header .nav-header-Btn-New ul li a.glossary:hover{background:url(/-/Media/jpz/zrh/divert/common/images/header-btn-glossary02_o.gif) no-repeat left top;} /* ------------------------------------------------------------------------------------------ Footer ========================================================================================== */ /* ------------------------------------------------------------ copyright ------------------------------------------------------------ */ #copyright{display:inline; float:right; margin-right:18px; font-size:75%;} /* ------------------------------------------------------------ str-footer ------------------------------------------------------------ */ #str-footer{width:924px; margin:7px 0; position:relative;} /* nav-common02 ------------------------------ */ .nav-common02 li{margin-right:10px;} #str-footer .nav-common02{float:left; width:770px;} #str-footer .nav-common02 li{display:inline; margin-right:15px; font-size:85%; _font-size:75%;} *html #str-footer .nav-common02 li, *:first-child+html #str-footer .nav-common02 li{font-size:75%;} #str-footer .nav-common02 li a:link, #str-footer .nav-common02 li a:visited{color:#666; text-decoration:none;} #str-footer .nav-common02 li a:hover, #str-footer .nav-common02 li a:active, #str-footer .nav-common02 li a:focus{color:#666; text-decoration:underline;} /* ------------------------------------------------------------ boxline ------------------------------------------------------------ */ .boxline{float:left; padding:0px 15px; width:143px;} .boxline li.arrow03{border-bottom:#cdcdcd 1px solid; padding:0px 15px; width:143px; text-align:center;} .boxline .border_top{margin-top:5px; padding-top:5px; border-top:#C7CCD2 solid 1px;} /* boxline01 ------------------------------ */ .boxline01{clear:both; border-top:1px solid #608cc8; padding:20px 15px 0px 15px;} /* boxline02 ------------------------------ */ .boxline02{border-top:1px solid #9cb8dd; clear:both; padding:15px 15px 0;} /* ------------------------------------------------------------ list_box ------------------------------------------------------------ */ /* list_box01 ------------------------------ */ #list_box01{width:870px; background:url(/-/Media/jpz/zrh/divert/common/images/box01_top.gif) #e2e8f1 no-repeat top left; margin:20px 0px 0px 12px;} #list_box01 .pt0{padding-top:0px;} #list_box01 .noline{border-right:none;} #list_box01 .notmb{margin-bottom:0px;} #list_box01 .top_tit{font-weight:bold; text-align:center; color:#484944; border-bottom:#C7CCD2 solid 1px; height:35px; font-size:12px;} #list_box01 ul li ul li{padding:4px 0px;} #list_box01 ul li.arrow a{display:block; font-size:12px; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl01.gif) no-repeat left 0.4em; padding-top:4px; padding-left:17px;} #list_box01 ul li.arrow01 a{display:block; font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/link-arrow-06.gif) no-repeat 0.35em 0.35em; padding-left:17px;} #list_box01 ul li.arrow01_sp a{font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/link-arrow-06.gif) no-repeat 0.35em 0.35em; padding-left:17px;} #list_box01 .tit02{background:url(/-/Media/jpz/zrh/divert/common/images/new-box01_tit_top.gif) top left no-repeat; padding-top:5px; height:28px;} #list_box01 p.tit02 a{padding-left:16px; color:#FFFFFF; font-size:12px; font-weight:bold; padding-left:62px;} #list_box01 .tit03{background:url(/-/Media/jpz/zrh/divert/common/images/new-box01_tit_top01.gif) top left no-repeat; background-color:#e1e8f2; padding-top:5px; margin-bottom:10px; height:35px;} #list_box01 p.tit03 a{padding-left:16px; color:#FFFFFF; font-size:12px; font-weight:bold; padding-left:30px;} #list_box01 .top_tit{font-weight:bold; text-align:center; color:#484944; border-bottom:#C7CCD2 solid 1px; height:35px;} #list_box01 ul li.arrow a{background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 1px 0.4em no-repeat;} /* bg_re ------------------------------ */ .bg_re{background:url(/-/Media/jpz/zrh/divert/common/images/box01_top_b.gif) #e2e8f1 no-repeat top left !important;} /* list_box02 ------------------------------ */ #list_box02{clear:both; width:691px; background-color:#e2e8f1; margin:30px 10px -30px -10px!important;} #list_box02 a:link{text-decoration:underline;} #list_box02 a:hover{text-decoration:none;} #list_box02 .tit01{background:url(/-/Media/jpz/zrh/divert/common/images/box02_top.gif) no-repeat top left; padding-top:5px; height:24px;} #list_box02 p a{padding-left:16px; color:#FFFFFF; font-size:12px; font-weight:bold;} #list_box02 .boxline{float:left; padding:0px 15px; width:200px;} #list_box02 ul li.arrow a{display:block; font-size:12px; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 1px 0.4em no-repeat; padding-top:4px; padding-left:17px;} /* list_box02_s ------------------------------ */ #list_box02_s #list_box_bot_right .usefulArea{width:505px; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-usefularea-bg-short.gif) no-repeat;} #list_box02_s #list_box_bot .leftbg a{background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-btn-03.gif) no-repeat left top;} #list_box02_s #list_box_bot .leftbg a span{position:static; padding:10px; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl04.gif) left center no-repeat; line-height:1.5; text-decoration:none;} #list_box02_s #list_box_bot .leftbg a:hover{background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-btn-03_on.gif) no-repeat left top;} #list_box02_s ul li.arrow a{padding-top:1px; padding-bottom:1px; background-position:1px 0.2em;} /* list_box03 ------------------------------ */ #list_box03{clear:both; width:870px; background-color:#e2e8f1; background:url(/-/Media/jpz/zrh/divert/common/images/box03_top.gif) #e2e8f1 no-repeat top left; margin:30px 0px 0px 15px!important;} #list_box03 p a{padding-left:16px; color:#FFFFFF; font-size:12px; font-weight:bold;} #list_box03 .tit02{background:url(/-/Media/jpz/zrh/divert/common/images/box03_tit_top.gif) no-repeat top left; padding-top:5px; height:28px;} #list_box03 ul li.arrow01 a{display:block; font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/link-arrow-06.gif) no-repeat 0.35em 0.35em; padding-left:17px;} #list_box03 ul li.arrow01_sp a{font-size:12px; background:url(/-/Media/jpz/zrh/divert/common/images/link-arrow-06.gif) no-repeat 0.35em 0.35em; padding-left:17px;} #list_box03 .boxline{float:left; padding:0px 15px; width:254px;} /* list_box05 ------------------------------ */ #list_box05 a:link{text-decoration:underline;} #list_box05 a:hover{text-decoration:none;} /* list_box_bot ------------------------------ */ #list_box_bot{clear:both; padding:20px 15px 15px; background:url(/-/Media/jpz/zrh/divert/common/images/box01_bot.gif) #e2e8f1 no-repeat bottom left;} #list_box_bot.bgBottom{background:url(/-/Media/jpz/zrh/divert/common/images/box02_bot.gif) #e2e8f1 no-repeat bottom left;} #list_box_bot .leftbg{float:left; width:220px; height:64px; margin-right:25px;} #list_box_bot .leftbg a{display:block; width:205px; height:64px; background:url(/-/Media/jpz/zrh/divert/common/images/footer-btn-01.gif) no-repeat left top; color:#fff; font-size:12px; padding-left:15px;} #list_box_bot .leftbg a:hover{background:url(/-/Media/jpz/zrh/divert/common/images/footer-btn-01_on.gif) no-repeat left top;} #list_box_bot .leftbg a span{display:block; position:relative; top:13px!important; padding:0 0px 0px 16px; line-height:1.5; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl04.gif) left center no-repeat;} #list_box_bot .lbPtC a{background:url(/-/Media/jpz/zrh/divert/common/images/footer-btn-02.gif) no-repeat left top;} #list_box_bot .lbPtC a:hover{background:url(/-/Media/jpz/zrh/divert/common/images/footer-btn-02_on.gif) no-repeat left top;} /* list_box_bot_right ------------------------------ */ #list_box_bot_right{float:left; width:596px; /width:576px;} #list_box_bot_right .formContents{padding-right:0;} #list_box_bot_right ul.utilityNav li.arrow02 a{background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 0 0.1em no-repeat;} #list_box_bot_right .usefulArea, #list_box_bot_right .usefulOtherArea{margin-bottom:2px; padding-top:3px; color:#6e6e6e; font-size:10px; line-height:1.5; text-align:center;} #list_box_bot_right .usefulArea{width:592px; height:43px; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-usefularea-bg.gif) no-repeat;} #list_box_bot_right .usefulOtherArea{width:663px; height:35px; margin-bottom:15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-usefulotherarea-bg.gif) no-repeat;} /* list_box_bot02 ------------------------------ */ #list_box_bot02{background:url(/-/Media/jpz/zrh/divert/common/images/box02_bot.gif) no-repeat bottom left; padding-bottom:15px;} /* list_box_bot_right ------------------------------ */ #list_box_bot_right{float:left; width:592px;} #list_box_bot_right .formContents{float:right; width:200px; padding-right:0; text-align:right;} #list_box_bot_right .formContents input#site-search-query {width:140px; height:18px; font-size:12px;} #list_box_bot_right #list_box_bot_right_inner .utilityNav{float:left; width:370px;} #list_box_bot_right ul.utilityNav li{/zoom:1; display:inline-block; /display:inline; margin-bottom:5px;} #list_box_bot_right ul.utilityNav li.disp-none{display:none !important;} #list_box_bot_right ul.utilityNav li.arrow02 a{ font-size:12px; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl01.gif) no-repeat left 0em; padding-left:17px; padding-bottom:3px; margin-right:25px; display:inline-block; /display:inline; /zoom:1;} #list_box_bot_right ul.utilityNav li.arrow02 a.mr00{margin-right:0px !important;} #list_box_bot_right .usefulArea, #list_box_bot_right .usefulOtherArea{margin-bottom:2px; padding-top:3px; color:#6e6e6e; font-size:10px; /font-size:9px; line-height:1.5; text-align:center;} #list_box_bot_right .usefulArea{margin-bottom:2px; padding-top:3px; color:#6e6e6e; font-size:10px; /font-size:9px; line-height:1.5; text-align:center; width:592px; height:43px; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-usefularea-bg.gif) no-repeat;} #list_box_bot_right .usefulOtherArea{width:663px; height:35px; margin-bottom:15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-usefulotherarea-bg.gif) no-repeat;} #list_box_bot_right ul.utilityNav li.arrow02 a{background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 0 0.1em no-repeat;} /* ------------------------------------------------------------ stipulation_block ------------------------------------------------------------ */ #stipulation_block{width:910px; margin:0 auto;} /* ------------------------------------------------------------ str_newFooter ------------------------------------------------------------ */ #str_newFooter{float:none; clear:both; width:920px; margin:0 auto;} /* str-footer ------------------------------ */ #str_newFooter #str-footer{position:static !important; width:910px; padding-bottom:40px; margin:0;} #str_newFooter #str-footer #copyright{margin-right:40px;} #str_newFooter #str-footer .nav-common02{padding:0 35px; width:650px;} #str_newFooter #str-footer .nav-common02 li a:link, #str_newFooter #str-footer .nav-common02 li a:visited{color:#000168;} /* list_box01 ------------------------------ */ #str_newFooter #list_box01{width:910px; margin:0; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-01.gif) 0 0 no-repeat #dee7f3;} #str_newFooter #list_box01.type02{background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-05.gif) 0 30px no-repeat;} #str_newFooter #list_box_bot{background-image:none; background-color:#dee7f3; padding:15px 35px 0;} #str_newFooter #list_box01 ul.clear{padding:20px;} #str_newFooter #list_box01 .tit02{background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-box01_tit_top.gif) top left no-repeat;} #str_newFooter #list_box01.type02 ul.footer_nav{padding:0 20px;} #str_newFooter #list_box01.type03{background:#DEE7F3 url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-06.gif) 0 30px no-repeat;} #str_newFooter #list_box01.type03 ul.footer_nav{padding:0 20px;} #str_newFooter #list_box01 .tit03{height:26px; padding-top:7px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-box01_tit_top.gif) top left no-repeat; } #str_newFooter #list_box01 .tit03 a{padding-left:62px; } #str_newFooter #str-footer{position:static; } #str_newFooter #list_box_bot .leftbg a span{*top:25px; zoom:1; cursor:pointer; } #str_newFooter #str-footer .nav-common02{padding:0 0 0 35px; width:685px;} /* footer_pagetop ------------------------------ */ .footer_pagetop{padding:5px 0; text-align:right; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-02.gif) right 0 no-repeat; margin:0 35px 0 0;} .footer_pagetop a{margin-right:8px; font-size:12px; font-weight:bold;} /* footerTxt ------------------------------ */ .footerTxt_t{ color: #000; font-size: 10px; margin: 20px auto; width: 910px; } .footerTxt_cd{ clear: both; color: #6e6e6e; font-size: 10px; margin-bottom: -50px; margin-left: 13px; width: 740px; } /* ------------------------------------------------------------------------------------------ Nav ========================================================================================== */ /* ------------------------------------------------------------ navNewArea ------------------------------------------------------------ */ #navNewArea{overflow:inherit; height:84px; padding:0;} /* global ------------------------------------- */ #navNewArea #global{height:44px; padding-right:1px; background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-line.gif) left 13px no-repeat;} #navNewArea #global.col4{margin-right:-1px;} #navNewArea #global.col4 li a{width:227px;} #navNewArea #global li{float:left; margin:0 !important; padding-right:1px; background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-line.gif) right 13px no-repeat; font-size:14px; font-weight:bold;} #navNewArea #global li.corporate, #navNewArea #global li.warning{font-size:12px;} #navNewArea #global li a{display:block; height:43px; color:#000; text-align:center;} #navNewArea #global li.direct a, #navNewArea #global li.motorbike a, #navNewArea #global li.pa a{width:196px;} #navNewArea #global li.direct a:hover, #navNewArea #global li.motorbike a:hover, #navNewArea #global li.pa a:hover, #navNewArea #global li.direct a.act, #navNewArea #global li.motorbike a.act, #navNewArea #global li.pa a.act{background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-global-hover-col5.gif) center 12px no-repeat;} #navNewArea #global li.motorbike a{width:197px;} #navNewArea #global li.corporate a, #navNewArea #global li.warning a{width:159px; padding:1px 0;} #navNewArea #global li.corporate a:hover, #navNewArea #global li.warning a:hover, #navNewArea #global li.warning a.headact:hover, #navNewArea #global li.corporate a.act, #navNewArea #global li.warning a.headact{background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-global-hover-short.gif) center 12px no-repeat;} #navNewArea #global li.warning a{width:158px;} #navNewArea #global li a span{display:inline-block; *display:inline; zoom:1; margin-top:15px; padding-left:7px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left center no-repeat; text-decoration:underline; *cursor:pointer;} #navNewArea #global li a.act span, #navNewArea #global li a:hover span{text-decoration:none;} #navNewArea #global li a:hover, #navNewArea #global li a.act{background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-global-hover-col4.gif) center 12px no-repeat;} /* add20140723 */ #navNewArea #global li.warning { position: relative; z-index: 500; } #navNewArea #global li.warning ul { display: none; z-index: 250; width: 135px; padding: 0 8px; position: absolute; top: 35px; left: 4px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-global-warning.png) 50% 100% no-repeat; } #navNewArea #global li.warning ul li { font-weight: normal; padding: 4px 0 7px; float: none; background: none; border-top: 1px solid #dae0eb; } #navNewArea #global li.warning ul li a, #navNewArea #global li.warning ul li a.headact { width: auto; height: auto; font-size: 12px; text-align: left; padding-left: 7px; background: url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 0.35em no-repeat; } #navNewArea #global li.warning ul li.firstChild { border-top: none; } #navNewArea #global li.warning ul li.firstChild a { padding-left: 0; background: none; } #navNewArea #global li.warning ul li.firstChild a.headact:hover { background: none; } #navNewArea #global li.warning ul li a.headact:hover { background: url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 0.35em no-repeat; } /* add20140723 */ /* local ------------------------------------- */ #navNewArea #local{position:relative; width:912px; background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local.gif) bottom no-repeat;} #navNewArea #local.w223 ul li a{width:223px;} #navNewArea #local.w223 ul li ul{left:5px; width:208px; background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-child-col3a.gif) left bottom no-repeat;} #navNewArea #local ul{display:inline-block;} * html #navNewArea #local ul {height:1%;} #navNewArea #local ul{_display:block;} html>/**/body #navNewArea #local ul{display /*\**/:block\9;} #navNewArea #local ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #navNewArea #local ul li{position:relative; z-index:199; float:left; padding-right:1px; background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-line.gif) right 8px no-repeat; font-size:12px; text-align:center;} #navNewArea #local ul li.last{background:none;} #navNewArea #local ul li a{display:block; width:176px; padding:10px 2px 14px; color:#333;} #navNewArea #local ul li a span{display:inline-block; *display:inline; zoom:1; padding-left:7px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 0.35em no-repeat; text-decoration:underline; *cursor:pointer;} #navNewArea #local ul li a.act span, #navNewArea #local ul li a.hover span, #navNewArea #local ul li a:hover span{text-decoration:none;} #navNewArea #local ul li a.act, #navNewArea #local ul li a.hover, #navNewArea #local ul li a:hover{background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-hover-col5.gif) 4px 6px no-repeat; position:relative; z-index:200;} #navNewArea #local ul li ul{display:none; position:absolute; z-index:100; width:156px; top:28px; left:4px; padding:0 8px; background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-child-col5.gif) left bottom no-repeat; text-align:left;} #navNewArea #local ul li ul li{position:static; float:none; padding:0; border-top:1px #dae0eb solid; background:none; text-align:left;} #navNewArea #local ul li ul li a{display:block; zoom:1; width:auto; padding:8px 0 8px 10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 1.0em no-repeat;} #navNewArea #local ul li ul li a.act, #navNewArea #local ul li ul li a.hover, #navNewArea #local ul li ul li a:hover{background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 1.0em no-repeat;} /* local_auto2 ------------------------------------- */ #navNewArea #local_auto2{position:relative; width:912px; background:url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local.gif) bottom no-repeat;} #navNewArea #local_auto2 ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #navNewArea #local_auto2 ul{display:inline-block;} * html #navNewArea #local_auto2 ul{height:1%;} #navNewArea #local_auto2 ul{display:block;} html>/**/body #navNewArea #local_auto2 ul{display /*\**/:block\9;} #navNewArea #local_auto2 { position: relative; width: 912px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local.gif) bottom no-repeat; } #navNewArea #local_auto2 ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #navNewArea #local_auto2 ul { display: inline-block; } /* Hides from IE-mac \*/ * html #navNewArea #local_auto2 ul { height: 1%; } #navNewArea #local_auto2 ul { display: block; } /* End hide from IE-mac */ /* Hides from IE8 \*/ html>/**/body #navNewArea #local_auto2 ul { display /*\**/: block\9 } /* End hide from IE8 */ #navNewArea #local_auto2 ul li { position: relative; z-index: 199; float: left; padding-right: 1px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-line.gif) right 8px no-repeat; font-size: 12px; text-align: center; } #navNewArea #local_auto2 ul li.last { background: none; } #navNewArea #local_auto2 ul li a { display: block; width: 176px; padding: 10px 2px 14px; color: #333; } #navNewArea #local_auto2 ul li a span { display: inline-block; *display: inline; zoom: 1; padding-left: 7px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 0.35em no-repeat; text-decoration: underline; *cursor: pointer; } #navNewArea #local_auto2 ul li a.act span, #navNewArea #local_auto2 ul li a.hover span, #navNewArea #local_auto2 ul li a:hover span { text-decoration: none; } #navNewArea #local_auto2 ul li a.act, #navNewArea #local_auto2 ul li a.hover, #navNewArea #local_auto2 ul li a:hover { background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-hover-col5.gif) 4px 6px no-repeat; position: relative; z-index: 200; } /* ----- localNavigation col6 ----- */ #navNewArea #local_auto2.col6 ul li a { width: 147px; } #navNewArea #local_auto2.col6 ul li a.act, #navNewArea #local_auto2.col6 ul li a.hover, #navNewArea #local_auto2.col6 ul li a:hover { background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-hover-col6.gif) 5px 6px no-repeat; position: relative; z-index: 200; } /* local_auto2.col7 ------------------------------------- */ #navNewArea #local_auto2.col7 ul li a { width: 142px; } #navNewArea #local_auto2.col7 ul li.lnf a, #navNewArea #local_auto2.col7 ul li.last a { width: 156px; } #navNewArea #local_auto2.col7 ul li a.act, #navNewArea #local_auto2.col7 ul li a.hover, #navNewArea #local_auto2.col7 ul li a:hover { background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-hover-col7_b.gif) 5px 6px no-repeat; position: relative; z-index: 200; } #navNewArea #local_auto2.col7 ul li.lnf a.act, #navNewArea #local_auto2.col7 ul li.lnf a.hover, #navNewArea #local_auto2.col7 ul li.lnf a:hover, #navNewArea #local_auto2.col7 ul li.last a.act, #navNewArea #local_auto2.col7 ul li.last a.hover, #navNewArea #local_auto2.col7 ul li.last a:hover { background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-hover-col7_c.gif) 5px 6px no-repeat; position: relative; z-index: 200; } #navNewArea #local_auto2.col7 ul ul li a{ width:auto!important; display:block; } /* local_auto2.col8 ------------------------------------- */ #navNewArea #local_auto2.col8 ul li a { width: 160px; } #navNewArea #local_auto2.col8 ul li a.act, #navNewArea #local_auto2.col8 ul li a.hover, #navNewArea #local_auto2.col8 ul li a:hover { background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-hover-col8.gif) 5px 6px no-repeat; position: relative; z-index: 200; } /* multiLine2 ------------------------------------- */ #navNewArea #local_auto2 ul.multiLine2 { padding-bottom: 6px; } #navNewArea #local_auto2 ul.multiLine2 li a { padding: 10px 2px 5px; } /* dropDownNavigation ------------------------------------- */ #navNewArea #local_auto2 ul li ul { display: none; position: absolute; z-index: 100; width: 156px; top: 28px; left: 4px; padding: 0 8px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-child-col5.gif) left bottom no-repeat; text-align: left; } #navNewArea #local_auto2 ul li ul li { position: static; float: none; padding: 0; border-top: 1px #dae0eb solid; background: none; text-align: left; } #navNewArea #local_auto2 ul li ul li a, #navNewArea #local_auto2.col6 ul li ul li a, #navNewArea #local_auto2.col7 ul li ul li a, #navNewArea #local_auto2.col8 ul li ul li a{ display: block; zoom: 1; width: auto; padding: 8px 0 8px 10px; background: url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 1.0em no-repeat; } #navNewArea #local_auto2 ul li ul li a.act, #navNewArea #local_auto2 ul li ul li a.hover, #navNewArea #local_auto2 ul li ul li a:hover, #navNewArea #local_auto2.col6 ul li ul li a.act, #navNewArea #local_auto2.col6 ul li ul li a.hover, #navNewArea #local_auto2.col6 ul li ul li a:hover, #navNewArea #local_auto2.col7 ul li ul li a.act, #navNewArea #local_auto2.col7 ul li ul li a.hover, #navNewArea #local_auto2.col7 ul li ul li a:hover, #navNewArea #local_auto2.col7 ul li.lnf ul li a.act, #navNewArea #local_auto2.col7 ul li.lnf ul li a.hover, #navNewArea #local_auto2.col7 ul li.lnf ul li a:hover, #navNewArea #local_auto2.col7 ul li.last ul li a.act, #navNewArea #local_auto2.col7 ul li.last ul li a.hover, #navNewArea #local_auto2.col7 ul li.last ul li a:hover, #navNewArea #local_auto2.col8 ul li ul li a.act, #navNewArea #local_auto2.col8 ul li ul li a.hover, #navNewArea #local_auto2.col8 ul li ul li a:hover{ background: url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-04.gif) left 1.0em no-repeat; } /* local_auto2.col6 ------------------------------------- */ #navNewArea #local_auto2.col6 ul li ul { left: 5px; width: 125px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-child-col6.gif) left bottom no-repeat; } /* local_auto2.col7 ------------------------------------- */ #navNewArea #local_auto2.col7 ul li ul { left: 5px; width: 117px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-child-col7_b.gif) left bottom no-repeat; } #navNewArea #local_auto2.col7 ul li.lnf ul, #navNewArea #local_auto2.col7 ul li.last ul { left: 5px; width: 132px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-child-col7_c.gif) left bottom no-repeat; } /* local_auto2.col8 ------------------------------------- */ #navNewArea #local_auto2.col8 ul li ul { left: 5px; width: 135px; background: url(/-/Media/jpz/zrh/divert/common/images/new-nav-bg-local-child-col8.gif) left bottom no-repeat; } /* ------------------------------------------------------------ line_style1 ------------------------------------------------------------ */ .line_style1{border-bottom:1px solid #e2e8f1; padding-bottom:12px; margin-bottom:12px;} /* ------------------------------------------------------------ nav-close ------------------------------------------------------------ */ .nav-close{margin:40px 0 0 0; padding:2px 2px 4px 2px; background:#f6f6f6; text-align:center;} .nav-close a{padding-left:16px; background:transparent url("/-/Media/jpz/zrh/divert/common/images/link-close.gif") no-repeat left center; text-decoration:none;} /* ------------------------------------------------------------------------------------------ Secondary ========================================================================================== */ /* ------------------------------------------------------------ secondary ------------------------------------------------------------ */ #secondary{margin-bottom:30px; font-size:12px;} #secondary .sideBox01{margin:0 10px; padding:8px 10px; background:#FFF;} #secondary .sideBox01 p{padding:0 0 8px 0;} #secondary .sideBox02{margin:0 10px 10px 10px;} #secondary .btfaq{width:189px; height:22px; padding-top:3px; text-align:center; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-btmbg.gif) no-repeat 0 0;} #secondary .btfaq a{display:block; padding:3px 0 0 13px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-icon7.gif) no-repeat 0 8px; margin-left:56px; color:#000; font-size:11px;} #secondary .btfaq2{width:150px; margin:12px 0 0 auto;} #secondary .btfaq2 a{display:block; padding-left:8px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-icon3.gif) no-repeat 0px 6px;} #secondary .div_h2_2{margin-top:18px; padding:6px 0 0 8px; width:181px; height:24px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-medea.gif) no-repeat 0 0; color:#FFF; font-size:14px; font-weight:bold;} #secondary #sns_wrap{background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/box-bottom.gif) no-repeat 0 bottom; padding-bottom:4px;} #secondary #snsArea{padding-bottom:0px;} #secondary #faq-q2 p{margin-left:11px; padding:8px 0 2px 0; font-weight:bold;} #secondary #faq-q2 .square{font-weight:bold; font-family:"ＭＳ ゴシック", "MS PGothic";} /* side_block ------------------------------ */ .side_block{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-01.gif) 0 0 repeat-y; margin-bottom:20px; _zoom:1;} .side_block .side_block_inner{padding:10px 10px 15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-02.gif) 0 bottom no-repeat;} .side_block_fb{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-22.gif) 0 0 repeat-y; margin-bottom:20px; _zoom:1;} .side_block_fb .side_block_inner{padding:0 0 3px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-23.gif) 0 bottom no-repeat;} /* login_area ------------------------------ */ #login_area p{font-size:12px;} *html #login_area p{margin:4px 0;} #login_area .tel_box{background:url(/-/Media/jpz/zrh/divert/img/index-bg-06.gif) 0 0 no-repeat; min-height:118px; _height:138px; padding:10px 10px 8px 10px; margin-top:10px;} #login_area .tel_box .alert{padding-left:25px; font-weight:bold;} #login_area .tel_box p{margin:8px 0;} #login_area .tel_box .info{font-size:10px; margin:6px 0 0 0; text-align:right;} #login_area .tel_box .info a{background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) no-repeat left center; display:inline-block; padding-left:9px;} #login_area .accident{margin-top:5px; _margin-top:-5px;} #login_area .accident a{background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-02.gif) no-repeat scroll left 0.3em transparent; color:#ffffff; display:inline-block; padding-left:10px;} /* ------------------------------------------------------------ secondary_new ------------------------------------------------------------ */ /* secondary_new title ------------------------------ */ #secondary_new h2{color:#ffffff; font-weight:bold; border-bottom:1px solid #000066; padding:10px 3px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-h2-02.gif) 0 0 no-repeat; text-align:center; font-size:16px;} #secondary_new h2.type02{font-size:13px} #secondary_new h3.type01{font-size:16px; color:#003399; font-weight:bold; padding-left:15px; line-height:26px; margin:0 0 8px 0; background:url(/-/Media/jpz/zrh/divert/common/images/new-h3-icon-01.gif) 0 0 no-repeat;} #secondary_new h3.type02{font-weight:bold;margin:10px 0} #secondary_new h3 span{padding:5px 40px 5px 0;} #secondary_new h3 span.square{padding-right:0; font-family:"ＭＳ ゴシック", "MS PGothic";} #secondary_new h3#car span{background:url(/-/Media/jpz/zrh/divert/img/index-h3-bg-01.gif) right 0 no-repeat;} #secondary_new h3#bike span{background:url(/-/Media/jpz/zrh/divert/img/index-h3-bg-02.gif) right 0 no-repeat;} #secondary_new h3#injury span{background:url(/-/Media/jpz/zrh/divert/img/index-h3-bg-03.gif) right 0 no-repeat; padding-right:32px;} #secondary_new h3#life span{background:url(/-/Media/jpz/zrh/divert/img/index-h3-bg-04.gif) right 0 no-repeat; padding-right:30px;} #secondary_new #login_area{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-15.png) 0 5px no-repeat;} #secondary_new #login_area_inner{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-14.png) 0 0 no-repeat; padding:8px 0 10px 13px; /zoom:1;} #secondary_new #login_area h2{background-image:none; text-align:left; border:none; padding:0;} #secondary_new #login_area .name{margin-top:9px; color:#fff; } #secondary_new #login_area .name strong{font-weight:bold; } #secondary_new #login_area .name .new_strong{font-weight:bold; } #secondary_new .leter_spacing{letter-spacing:-1px;} /* campaign_block ------------------------------ */ #campaign_block{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-16.gif) 0 bottom no-repeat; padding:8px 0 8px 11px; border-top:2px solid #333333; margin-bottom:10px;} #campaign_block ul{margin:9px 0 0 0;} #campaign_block ul li{margin-bottom:1px;} /* info ------------------------------ */ dl.info{line-height:1.7em;} dl.info dt{width:6em; float:left; color:#a69a96;} dl.info dd{margin-left:6em;} /* link_type ------------------------------ */ a.link_type09{display:block; width:173px; height:22px; padding:10px 0 0 33px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-08.gif) 0 0 no-repeat; font-weight:bold;} a.link_type09:hover, a.link_type12:hover, a.link_type13:hover, a.link_type14:hover, a.link_type15:hover{background-position:0 -32px;} a.link_type10:hover, a.link_type11:hover, a.link_type16:hover{background-position:0 -62px;} a.link_type10, a.link_type11, a.link_type16{display:block; width:100px; height:55px; padding:7px 0 0 106px; font-weight:bold;} a.link_type10{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-09.jpg) 0 0 no-repeat;} a.link_type11{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-10.jpg) 0 0 no-repeat;} a.link_type12{background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-side-bg-11.gif) 0 0 no-repeat;} a.link_type13{background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-side-bg-12.gif) 0 0 no-repeat;} a.link_type14{background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-side-bg-13.gif) 0 0 no-repeat;} a.link_type15{display:block; width:173px; height:24px; padding:8px 0 0 33px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-14.gif) 0 0 no-repeat; font-weight:bold;} a.link_type12, a.link_type13, a.link_type14{display:block; width:115px; height:22px; padding:8px 0 2px 58px; font-weight:bold;} a.link_type16{background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-16.jpg) 0 0 no-repeat;} .type16{display:block; height:40px; width:90px; padding-top:15px;} .topLayout a.link_type12:hover, .topLayout a.link_type13:hover, .topLayout a.link_type14:hover{background-position:0 -32px} .topLayout a.link_type12{background: url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-11.gif) 0 0 no-repeat} .topLayout a.link_type13{background: url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-12.gif) 0 0 no-repeat} .topLayout a.link_type14{background: url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-13.gif) 0 0 no-repeat} .topLayout a.link_type12, .topLayout a.link_type13, .topLayout a.link_type14{display:block;width:148px;height:22px;padding:8px 0 2 58px;font-weight:bold} .topLayout ul.social_list{ margin:0; } /* qrBlock ------------------------------ */ .qrBlock, .qr_img{margin:10px 0;} .qr_img{text-align:center;} .qrBlock .qrDetails{display:none; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-qr-01.gif) 0 0 repeat-y; /zoom:1;} .qrBlock .qrDetails .inner{padding:8px; font-weight:bold; word-break:break-all;} .qrBlock .qrDetails p.closed{display:block; padding:5px 0; text-align:center; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-qr-02.gif) 0 bottom no-repeat; font-size:10px; /font-size:9px; text-align:center; color:#fff;} .qrBlock .qrDetails p.closed a{color:#fff; /zoom:1;} /* faqbox ------------------------------ */ #faqbox .sub-box-01 dt{width:184px; height:13px; text-indent:-9999px; background:url(/-/Media/jpz/zrh/divert/common/images/contractor-h4-02.gif) no-repeat left top;} #faqbox .sub-box-01 ul.list-link-02 li{background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) 0px 5px no-repeat; padding-left:10px; line-height:1.5em; margin-top:5px;} #faqbox .sub-box-01 dt{margin-top:10px; width:165px;} /* ------------------------------------------------------------------------------------------ Contents ========================================================================================== */ #str_newContents{ width:912px; margin:0 auto; } /* str-container ------------------------------ */ #str-container{ margin:0 auto; padding:3px 0 12px 0; width:910px; position:relative; } #str-container p#code{ position:absolute; top:0px; left:880px; color:#999 !important; font-size:10px; text-align:right; width:2.5em; line-height:1; height:0; } #str-container p#popupCode01{ position:absolute; top:10px; right:5px; color:#999 !important; font-size:10px; text-align:right; width:2.5em; line-height:1; height:0; } #str-container p#popupCode02{ position:absolute; top:0px; right:30px; color:#999 !important; font-size:10px; text-align:right; width:2.5em; line-height:1; height:0; } /* ------------------------------------------------------------ str-newContainer ------------------------------------------------------------ */ #str-container_lesson{ width:900px; margin:0 auto; padding-top:5px; } #str-container_lesson p#popupCode02{ position:absolute; top:0px; right:30px; color:#999 !important; font-size:10px; text-align:right; width:2.5em; line-height:1; height:0; } /* ------------------------------------------------------------ playerWrapper ------------------------------------------------------------ */ #playerWrapper h1{ background-image:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/h1.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-9999px; height:98px; width:276px; position:absolute; left:0px; top:17px; } #playerWrapper .hour01, #playerWrapper .hour02, #playerWrapper .hour03, #playerWrapper .hour04{ background-repeat:no-repeat; background-position:0px 0px; text-indent:-9999px; height:98px; width:626px; position:absolute; top:17px; right:0px; } #playerWrapper .hour01{ background-image:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/h2_01.gif); } #playerWrapper .hour02{ background-image:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/h2_02.gif); } #playerWrapper .hour03{ background-image:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/h2_03.gif); } #playerWrapper .hour04{ background-image:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/h2_04.gif); } #popup_style_lesson #btnClose{ padding-top:8px; text-align:center; } #playerWrapper .moviePlayer{ height:317px; width:564px; position:absolute; left:170px; top:140px; } /* ------------------------------------------------------------ popup_style_lesson ------------------------------------------------------------ */ #popup_style_lesson{ background:none; } #popup_style_lesson #str-header #site-name{ position:absolute; top:42px; left:191px; } #popup_style_lesson #str-header{ width:900px; background:none; margin:0 auto; display:block; height:70px; } #popup_style_lesson #str-header #site-name02{ position:absolute; left:120px; top:32px; margin:0; padding:0; } #popup_style_lesson #playerWrapper{ background-image:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/900bg.jpg); clear:both; height:618px; width:900px; margin:0 auto 0; position:relative; } /* ------------------------------------------------------------ str-newContainer ------------------------------------------------------------ */ #str-newContainer{ position:relative; margin:-16px auto 0; *margin-top:-15px; padding:0; width:912px; text-align:left; } /* str-contents-container ------------------------------ */ #str-contents-container{ margin:0 0; padding-top:10px; background-color:#e6e9e8;} #str-newContainer #str-contents-container{ margin-left:1px; margin-right:1px; } /* ------------------------------------------------------------ primary ------------------------------------------------------------ */ #primary .mt_42{ margin-top:31px; } #primary .mb_42{ margin-bottom:14px; } #primary #Eail ul{ line-height:1.25; } #primary .section_2{ padding-bottom:38px; } #primary .quoteArea{ width:472px; margin-bottom:15px; padding-bottom:20px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea-btm.gif) left bottom no-repeat; } #primary .quoteArea .quoteAreaInner{ padding:12px 11px 0 12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea-top.gif) left top no-repeat; } #primary .quoteArea .txt{ } #primary .quoteArea .btn{ margin-top:10px; font-weight:bold; } #primary .quoteArea .btn a{ display:block; width:250px; height:57px; margin:0 auto; padding:13px 25px 0 42px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea-btn.gif) left top no-repeat; font-size:12px; text-align:center; } #primary .quoteArea .btn a strong{ display:block; margin-top:5px; font-size:20px; font-weight:bold; } #primary .quoteArea ul{ margin-top:15px; font-size:83.4%; /font-size:76%; } #primary .quoteArea ul li{ padding-left:1.0em; text-indent:-1.0em; } #primary .quoteArea .btn a .new_strong{ display:block; margin-top:5px; font-size:20px; font-weight:bold; } #primary .quoteArea2{ width:648px; margin-bottom:15px; margin-left:5px; padding-bottom:20px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea2-btm.gif) left bottom no-repeat; } #primary .quoteArea2 .quoteAreaInner{ padding:12px 11px 0 12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea2-top.gif) left top no-repeat; } #primary .quoteArea2 .txt{ } #primary .quoteArea2 .btn{ margin-top:10px; font-weight:bold; } #primary .quoteArea2 .btn a{ display:block; width:310px; height:57px; margin:0 auto; padding:13px 25px 0 42px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea2-btn.gif) left top no-repeat; font-size:12px; text-align:center; } #primary .quoteArea2 .btn a strong{ display:block; margin-top:5px; font-size:20px; font-weight:bold; } #primary .quoteArea2 .btn a .new_strong{ display:block; margin-top:5px; font-size:20px; font-weight:bold; } #primary .quoteArea2 ul{ margin-top:15px; font-size:83.4%; /font-size:75%; _font-size:75%; } #primary .quoteArea2 ul li{ padding-left:1.0em; text-indent:-1.0em; } .auto_contractor #primary h2.mainVisual{ margin:10px 0 0 -3px; } #primary #news{ line-height:1.6; } #primary #news dt{ float:left; clear:left; width:6.5em; } #primary #news dd{ margin-left:6.5em; *margin-left:3.5em; } #primary .menu001{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index-menu-bg.jpg) no-repeat 0 31px; overflow:visible; padding-bottom:12px; margin-top:10px; } #primary .menu001 li{ float:left; } #primary .menubox{ margin:16px 0 0 7px; } #primary .menubox02{ margin:16px 0 0 0; } #primary .menubox03{ margin:0 0 0 7px; } #primary .line_height ul.link_list li{ width:460px; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) 0px 8px no-repeat; padding-left:10px; } #primary .line_height ul li a{ line-height:1.8; display:block; background:none; padding-left:0; } #primary #title_colum{ height:34px; background-color:#f6f6f6; margin-bottom:13px; } #primary #title_colum h3{ width:200px; float:left; overflow:visible; padding:0; } #primary #title_colum p{ float:right; width:145px; margin:7px 5px 0 0; } #primary .icon{ padding:0; padding:0 0 13px 14px; margin-top:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-icon2.gif) no-repeat 0 3px; font-weight:bold; font-size:12px; } #primary .jump{ display:block; line-height:1.5em; margin:6px 5px 20px 0; text-align:right; width:470px; } #primary .mediaBlock ul li a{ display:block; height:22px; padding:13px 0 15px 63px; _padding:15px 0 20px 63px; width:90px; margin-right:5px; font-weight:bold; } #primary .mediaBlock ul li a.medialink001{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-01_02.jpg) no-repeat 0 0; } #primary .mediaBlock ul li a.medialink002{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-02_02.jpg) no-repeat 0 0; } #primary .mediaBlock ul li a.medialink003{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-03_02.jpg) no-repeat 0 0; margin-right:0; } #primary .mediaBlock ul li a.medialink001:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-01.jpg) no-repeat 0 0; } #primary .mediaBlock ul li a.medialink002:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-02.jpg) no-repeat 0 0; } #primary .mediaBlock ul li a.medialink003:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-03.jpg) no-repeat 0 0; margin-right:0; } #primary .mediaBlock ul li a img{ vertical-align:middle; margin-left:5px; } /* ------------------------------------------------------------ leadtxt ------------------------------------------------------------ */ .leadtxt_style1{ font-size:14px; font-weight:bold; } .leadtxt_style2{ font-size:16px; font-weight:bold; } .leadtxt_style3{ font-size:14px; font-weight:bold; position:relative; padding-right: 72px; width: 400px; } .leadtxt_blue{ color: #039; } .lead_ico{ position: absolute; right: 0; top: 0; } /* ------------------------------------------------------------ login_logout ------------------------------------------------------------ */ .login_img{ text-align:center; width:202px; } .logout{ text-align:right; } .logout a{ background:url("/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-02.gif") no-repeat scroll left 0.3em; color:#ffffff !important; display:inline-block; padding-left:10px; } /* ------------------------------------------------------------ colum_style1 ------------------------------------------------------------ */ #colum_style1{ width:870px; padding:10px 11px 0 11px; } #colum_style1 #primary{ width:530px; float:left; } #colum_style1 #secondary{ width:309px; float:right; } /* mypageArea ------------------------------ */ #colum_style1 #secondary .mypageArea{ margin:10px 0; padding-top:4px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-mypagearea-style1-bg-top.gif) no-repeat; } #colum_style1 #secondary .mypageArea .mypageAreaInner{ overflow:hidden; zoom:1; background:#333; } #colum_style1 #secondary .mypageArea .loginArea{ padding:7px 11px 0; color:#fff; } /* loginArea ------------------------------ */ #colum_style1 #secondary .mypageArea .loginArea .login{ margin-top:9px; } #colum_style1 #secondary .mypageArea .loginArea .txt{ margin-top:7px; } #colum_style1 #secondary .mypageArea .loginArea .check{ margin-top:9px; } #colum_style1 #secondary .mypageArea .loginArea .name{ margin-top:9px; } #colum_style1 #secondary .mypageArea .loginArea .name strong{ font-weight:bold; } #colum_style1 #secondary .mypageArea .loginArea .name .new_strong{ font-weight:bold; } #colum_style1 #secondary .mypageArea .loginArea .logout{ margin:8px 5px 0 0; text-align:right; } #colum_style1 #secondary .mypageArea .loginArea .logout a{ display:inline-block; *display:inline; zoom:1; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-02.gif) left 0.3em no-repeat; color:#fff; } /* telArea ------------------------------ */ #colum_style1 #secondary .mypageArea .telArea .info{ margin:10px 16px 0 0; text-align:right; font-size:11px; } #colum_style1 #secondary .mypageArea .telArea .info a{ display:inline-block; *display:inline; zoom:1; padding-left:9px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left center no-repeat; color:#0935a0; } #colum_style1 #secondary .mypageArea .telArea{ height:151px; margin:10px 11px 0; padding:11px 5px 0; border-top:1px #fff solid; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-mypagearea-style1-bg-tel.gif) bottom no-repeat; } #colum_style1 #secondary .mypageArea .telArea .txt{ padding:8px 4px 0 47px; font-weight:bold; } #colum_style1 #secondary .mypageArea .telArea h3{ margin-top:10px; padding:0 !important; text-align:center; } #colum_style1 #secondary .mypageArea .telArea .info{ margin:10px 16px 0 0; text-align:right; font-size:11px; } #colum_style1 #secondary .mypageArea .telArea .info a{ display:inline-block; *display:inline; zoom:1; padding-left:9px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left center no-repeat; color:#0935a0; } /* accident ------------------------------ */ #colum_style1 #secondary .mypageArea .accident{ margin:7px 7px 10px 12px; letter-spacing:-0.1em; *letter-spacing:0; } #colum_style1 #secondary .mypageArea .accident a{ display:inline-block; *display:inline; zoom:1; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-02.gif) left 0.3em no-repeat; color:#fff; } /* emergencyArea ------------------------------ */ #colum_style1 #secondary .mypageArea .emergencyArea{ margin:15px 2px 2px; padding:9px 12px 10px; background:#878787; } #colum_style1 #secondary .mypageArea .emergencyArea .section{ margin:10px 0; padding-top:3px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-emergencyarea-bg-top.gif) no-repeat; } #colum_style1 #secondary .mypageArea .emergencyArea .section div{ padding:6px 10px 7px; background:#f3f3f3 url(/-/Media/jpz/zrh/divert/common/images/new-side-emergencyarea-bg-btm.gif) left bottom no-repeat; } #colum_style1 #secondary .mypageArea .emergencyArea .section h3{ margin-bottom:5px; } #colum_style1 #secondary .mypageArea .emergencyArea .section ul{ overflow:hidden; zoom:1; margin-top:5px; } #colum_style1 #secondary .mypageArea .emergencyArea .section ul li{ line-height:1.33; } #colum_style1 #secondary .mypageArea .emergencyArea .section ul li a{ display:inline-block; *display:inline; zoom:1; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left 0.3em no-repeat; } /* campaignArea ------------------------------ */ #colum_style1 #secondary .mypageArea .campaignArea{ margin-top:-2px; padding:0 2px 2px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-mypagearea-style1-bg-btm.gif) bottom no-repeat; } #colum_style1 #secondary .mypageArea .campaignAreaInner{ zoom:1; padding:9px 11px 10px; background:#d0d0d0; } #colum_style1 #secondary .mypageArea .campaignArea h3{ padding:0 !important; } #colum_style1 #secondary .mypageArea .campaignArea ul{ margin-top:10px; } #colum_style1 #secondary .mypageArea .campaignArea ul li{ margin-top:3px; } /* maintenance ------------------------------ */ #colum_style1 #secondary #maintenance{ padding-top:3px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-infoarea-top.gif) no-repeat; } #colum_style1 #secondary #maintenance dl{ padding:0 13px 8px; background:#f0f3fb url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-infoarea-btm.gif) bottom no-repeat; line-height:1.5; } #colum_style1 #secondary #maintenance dl dt{ padding-top:5px; } #colum_style1 #secondary #maintenance dl dd a{ display:inline-block; *display:inline; zoom:1; padding-left:9px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left center no-repeat; } /* faqArea ------------------------------ */ #colum_style1 #secondary .faqArea{ margin-bottom:15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-style1-bg-btm.gif) bottom no-repeat; } #colum_style1 #secondary .faqArea h2{ padding:7px 0 6px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-style1-bg-h2.gif) no-repeat; color:#fff; font-size:13px; font-weight:bold; text-align:center; } #colum_style1 #secondary .faqArea .faqAreaInner{ padding:8px 13px 14px; } #colum_style1 #secondary .faqArea .txt{ padding:0 5px 7px; font-weight:bold; } #colum_style1 #secondary .faqArea .btn{ font-weight:bold; } #colum_style1 #secondary .faqArea .btn a{ display:block; width:218px; height:28px; padding:15px 0 0 63px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-qaarea-style1-bg-btn.gif) no-repeat; } #colum_style1 #secondary .faqArea .btn a:hover{ background:url(/-/Media/jpz/zrh/divert/common/images/new-side-qaarea-style1-bg-btn.gif) 0 -43px no-repeat; } #colum_style1 #secondary .faqArea h3{ margin-top:10px; padding:0 !important; font-weight:bold; } /* commonArea ------------------------------ */ #colum_style1 #secondary .commonArea{ margin-bottom:15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-style1-bg-btm.gif) bottom no-repeat; } #colum_style1 #secondary .commonArea h2{ padding:7px 0 6px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-style1-bg-h2.gif) no-repeat; color:#fff; font-size:13px; font-weight:bold; text-align:center; } #colum_style1 #secondary .commonArea .commonAreaInner{ padding:8px 13px 14px; } #colum_style1 #secondary .commonArea .txt{ padding:0 5px 7px; font-weight:bold; } #colum_style1 #secondary .commonArea .btn{ font-weight:bold; } #colum_style1 #secondary .commonArea .btn a{ overflow:hidden; zoom:1; display:block; width:246px; height:64px; padding:6px 0 0 35px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-style1-bg-btn.gif) no-repeat; } #colum_style1 #secondary .commonArea .btn a span.image{ overflow:hidden; zoom:1; display:block; float:left; } #colum_style1 #secondary .commonArea .btn a span.text{ overflow:hidden; display:block; padding:3px 0 0 10px; line-height:1.5; } #colum_style1 #secondary .commonArea .btn a:hover{ background:url(/-/Media/jpz/zrh/divert/common/images/new-side-style1-bg-btn.gif) 0 -70px no-repeat; } /* ------------------------------------------------------------ colum_style2-colum_style4 ------------------------------------------------------------ */ #colum_style2 #secondary .section, #colum_style4 #secondary .section{ width:189px; padding-bottom:20px; } #colum_style2 #secondary .btnArea, #colum_style4 #secondary .btnArea{ margin:-3px 0 10px; } #colum_style2 #secondary .btnArea li, #colum_style4 #secondary .btnArea li{ margin-top:3px; } #colum_style2 #secondary .quoteArea, #colum_style4 #secondary .quoteArea{ margin-bottom:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-btm.gif) bottom no-repeat; } #colum_style2 #secondary .quoteArea h2, #colum_style4 #secondary .quoteArea h2{ padding:7px 0 6px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-h2.gif) no-repeat; color:#fff; font-size:13px; font-weight:bold; text-align:center; } #colum_style2 #secondary .quoteArea .quoteAreaInner, #colum_style4 #secondary .quoteArea .quoteAreaInner{ padding:6px 6px 14px; zoom:1; } #colum_style2 #secondary .quoteArea .quoteAreaInner h3, #colum_style4 #secondary .quoteArea .quoteAreaInner h3{ padding:0 !important; } #colum_style2 #secondary .quoteArea .btnQuoteArea, #colum_style4 #secondary .quoteArea .btnQuoteArea{ margin-top:7px; } #colum_style2 #secondary .quoteArea .btnQuoteArea li, #colum_style4 #secondary .quoteArea .btnQuoteArea li{ margin-top:4px; } #colum_style2 #secondary .quoteArea .checkArea, #colum_style4 #secondary .quoteArea .checkArea{ position:relative; height:25px; margin-top:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-quotearea-bg-check.gif) no-repeat; } #colum_style2 #secondary .quoteArea .checkArea p, #colum_style4 #secondary .quoteArea .checkArea p{ overflow:hidden; zoom:1; position:absolute; font-size:10px; font-weight:bold; } #colum_style2 #secondary .quoteArea .checkArea .txt, #colum_style4 #secondary .quoteArea .checkArea .txt{ top:6px; left:4px; } #colum_style2 #secondary .quoteArea .checkArea .check, #colum_style4 #secondary .quoteArea .checkArea .check{ top:0; right:0; *right:-1px; } #colum_style2 #secondary .quoteArea .checkArea .check a, #colum_style4 #secondary .quoteArea .checkArea .check a{ display:block; width:65px; padding:6px 5px 5px 20px; } #colum_style2 #secondary .quoteArea .checkArea .check a:hover, #colum_style4 #secondary .quoteArea .checkArea .check a:hover{ background:url(/-/Media/jpz/zrh/divert/common/images/new-side-quotearea-bg-check.gif) right -25px no-repeat; } #colum_style2 #secondary .quoteArea .howto, #colum_style4 #secondary .quoteArea .howto{ margin:12px 0 0 3px; font-weight:bold; } #colum_style2 #secondary .quoteArea .howto a, #colum_style4 #secondary .quoteArea .howto a{ display:block; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left 0.3em no-repeat; } #colum_style2 #secondary .mypageArea, #colum_style4 #secondary .mypageArea{ margin-bottom:10px; padding-top:4px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-mypagearea-bg-top.gif) no-repeat; } #colum_style2 #secondary .mypageArea .mypageAreaInner, #colum_style4 #secondary .mypageArea .mypageAreaInner{ overflow:hidden; zoom:1; background:#333; } #colum_style2 #secondary .mypageArea .loginArea, #colum_style4 #secondary .mypageArea .loginArea{ padding:6px 6px 0 8px; color:#fff; } #colum_style2 #secondary .mypageArea .loginArea .login, #colum_style4 #secondary .mypageArea .loginArea .login{ margin-top:9px; } #colum_style2 #secondary .mypageArea .loginArea .txt, #colum_style4 #secondary .mypageArea .loginArea .txt{ margin-top:7px; text-align:center; } #colum_style2 #secondary .mypageArea .loginArea .check, #colum_style4 #secondary .mypageArea .loginArea .check{ margin-top:9px; } #colum_style2 #secondary .mypageArea .loginArea .name, #colum_style4 #secondary .mypageArea .loginArea .name{ margin-top:9px; } #colum_style2 #secondary .mypageArea .loginArea .name strong, #colum_style4 #secondary .mypageArea .loginArea .name strong{ font-weight:bold; } #colum_style2 #secondary .mypageArea .loginArea .name .new_strong, #colum_style4 #secondary .mypageArea .loginArea .name .new_strong{ font-weight:bold; } #colum_style2 #secondary .mypageArea .loginArea .logout, #colum_style4 #secondary .mypageArea .loginArea .logout{ margin:8px 5px 0 0; text-align:right; } #colum_style2 #secondary .mypageArea .loginArea .logout a, #colum_style4 #secondary .mypageArea .loginArea .logout a{ display:inline-block; *display:inline; zoom:1; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-02.gif) left 0.3em no-repeat; color:#fff; } #colum_style2 #secondary .mypageArea .telArea, #colum_style4 #secondary .mypageArea .telArea{ height:143px; margin:10px 6px 0 8px; padding:9px 5px 0; border-top:1px #fff solid; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-mypagearea-bg-tel.gif) bottom no-repeat; } #colum_style2 #secondary .mypageArea .telArea .txt, #colum_style4 #secondary .mypageArea .telArea .txt{ padding:8px 4px 0; font-weight:bold; } #colum_style2 #secondary .mypageArea .telArea h3, #colum_style4 #secondary .mypageArea .telArea h3{ margin-top:10px; padding:0 !important; } #colum_style2 #secondary .mypageArea .telArea .info, #colum_style4 #secondary .mypageArea .telArea .info{ margin:6px 2px 0 0; text-align:right; font-size:10px; *letter-spacing:-0.1em; } #colum_style2 #secondary .mypageArea .telArea .info a, #colum_style4 #secondary .mypageArea .telArea .info a{ display:inline-block; *display:inline; zoom:1; padding-left:9px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left center no-repeat; color:#0935a0; } #colum_style2 #secondary .mypageArea .accident, #colum_style4 #secondary .mypageArea .accident{ margin:7px 7px 10px 12px; letter-spacing:-0.1em; *letter-spacing:0; } #colum_style2 #secondary .mypageArea .accident a, #colum_style4 #secondary .mypageArea .accident a{ display:inline-block; *display:inline; zoom:1; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-02.gif) left 0.3em no-repeat; color:#fff; } #colum_style2 #secondary .mypageArea .campaignArea, #colum_style4 #secondary .mypageArea .campaignArea{ padding:0 2px 2px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-mypagearea-bg-btm.gif) bottom no-repeat; } #colum_style2 #secondary .mypageArea .campaignAreaInner, #colum_style4 #secondary .mypageArea .campaignAreaInner{ zoom:1; padding:9px 5px 10px; background:#d0d0d0; } #colum_style2 #secondary .quoteArea .campaignArea, #colum_style4 #secondary .quoteArea .campaignArea{ margin-top:8px; padding-top:11px; background: url(/-/Media/jpz/zrh/divert/common/images/new-side-quotearea-line.gif) repeat-x} #colum_style2 #secondary .mypageArea .campaignArea h3, #colum_style4 #secondary .mypageArea .campaignArea h3{ padding:0 !important; } #colum_style2 #secondary .quoteArea .campaignArea p, #colum_style4 #secondary .quoteArea .campaignArea p{ text-align:center; letter-spacing:-0.1em; *letter-spacing:0} #colum_style2 #secondary .quoteArea .campaignArea ul, #colum_style4 #secondary .quoteArea .campaignArea ul{ margin-top:10px} #colum_style2 #secondary .quoteArea .campaignArea ul li, #colum_style4 #secondary .quoteArea .campaignArea ul li{ margin-top:5px} #colum_style2 #secondary .mypageArea .campaignArea ul, #colum_style4 #secondary .mypageArea .campaignArea ul{ margin-top:10px; } #colum_style2 #secondary .mypageArea .campaignArea ul li, #colum_style4 #secondary .mypageArea .campaignArea ul li{ margin-top:3px; } #colum_style2 #secondary .faqArea, #colum_style4 #secondary .faqArea{ background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-btm.gif) bottom no-repeat; } #colum_style2 #secondary .faqArea h2, #colum_style4 #secondary .faqArea h2{ padding:7px 0 6px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-h2.gif) no-repeat; color:#fff; font-size:13px; font-weight:bold; text-align:center; } #colum_style2 #secondary .faqArea .faqAreaInner, #colum_style4 #secondary .faqArea .faqAreaInner{ zoom:1; padding:8px 9px 14px; } #colum_style2 #secondary .faqArea .txt, #colum_style4 #secondary .faqArea .txt{ padding:0 5px 7px; font-weight:bold; } #colum_style2 #secondary .faqArea .btn, #colum_style4 #secondary .faqArea .btn{ font-weight:bold; } #colum_style2 #secondary .faqArea .btn a, #colum_style4 #secondary .faqArea .btn a{ display:block; width:141px; height:36px; padding:8px 0 0 31px; background:url(/-/Media/jpz/zrh/divert/common/images/new-side-qaarea-bg-btn.gif) no-repeat; } #colum_style2 #secondary .faqArea .btn a:hover, #colum_style4 #secondary .faqArea .btn a:hover{ background:url(/-/Media/jpz/zrh/divert/common/images/new-side-qaarea-bg-btn.gif) 0 -44px no-repeat; } #colum_style2 #secondary .faqArea h3, #colum_style4 #secondary .faqArea h3{ margin-top:10px; padding:0 !important; font-weight:bold; } /* ------------------------------------------------------------ colum_style2 ------------------------------------------------------------ */ #colum_style2 .box_block01{ border:solid 1px #c7c7c7; padding:15px 10px; } #contents_container #colum_style2{ width:701px; float:right; margin-top:16px; } #contents_container #colum_style2 #primary{ width:492px; float:left; margin-right:0; } #colum_style2 #primary .section{ width:472px; padding:0 10px; padding-bottom:38px; } #colum_style2 #primary .tel_h3{ margin-top:8px; } /* Title ------------------------------ */ #colum_style2 #primary h1{ padding-bottom:20px;} #colum_style2 #primary h2{ padding-bottom:14px;} #colum_style2 #primary h3{ padding-bottom:13px;} #colum_style2 #primary h4{ padding-bottom:13px;} #colum_style2 #secondary h3{ padding-bottom:12px;} #colum_style2 #secondary h4{ padding-bottom:12px;} /* Custom Adjusment ------------------------------ */ #colum_style2 #primary h1.customAdjustment{ padding-bottom:0;} #colum_style2 #primary h2.customAdjustment{ padding-bottom:0;} #colum_style2 #primary h3.customAdjustment{ padding-bottom:0;} #colum_style2 #primary h4.customAdjustment{ padding-bottom:0;} #colum_style2 #secondary h3.customAdjustment{ padding-bottom:0;} #colum_style2 #secondary h4.customAdjustment{ padding-bottom:0;} #colum_style2 #primary h4.customPadding{ padding-bottom:10px;} /* secondary ------------------------------ */ #contents_container #colum_style2 #secondary{ width:189px; float:right; } #colum_style2 #secondary ul.campaign li{ padding-bottom:4px;} #colum_style2 #secondary .section_line{ border-bottom:1px solid #dae0eb; padding-bottom:10px; margin-bottom:10px; } #colum_style2 #secondary ul.link_list li{ margin-bottom:1px;} #colum_style2 #secondary ul.qa li{ margin-bottom:6px;} /* checkBalloon ------------------------------ */ #colum_style2 #secondary .quoteArea .checkArea .checkBalloon{ display:none; position:absolute; top:24px; right:-10px; width:193px; height:115px; padding-top:20px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/lower-bg-balloon-01.png) 0 0 no-repeat; font-size:10px; /font-size:9px; } #colum_style2 #secondary .quoteArea .checkArea .checkBalloon .balloonInner{ position:relative; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/lower-bg-balloon-02.png) 0 100% no-repeat; padding:0 10px 30px; height:105px; } #colum_style2 #secondary .quoteArea .checkArea .checkBalloon .balloonInner p{ position:relative; } #colum_style2 #secondary .quoteArea .checkArea .checkBalloon .balloonInner p .fontAdjust1{ color:#000066; } #colum_style2 #secondary .quoteArea .checkArea .checkBalloon .balloonInner p span{ font-size:10px; font-weight:bold; color:#dc143d; } #colum_style2 #secondary .quoteArea .checkArea .checkBalloon .balloonInner .closeBalloon{ position:absolute; bottom:10px; left:40%; } #colum_style2 #secondary .quoteArea .checkArea .checkBalloon .balloonInner .closeBalloon a{ padding-left:10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-icon_close.gif) 0 50% no-repeat; color:#fff; } #colum_style2 .quoteBlock{ line-height:1.5; } #colum_style2 .quoteBlock .quoteTxtBlock{ padding-bottom:25px; } #colum_style2 .quoteBlock .quoteTxtBox{ padding-bottom:25px; } #colum_style2 .quoteBlock .quoteTxtBlock dt{ padding-bottom:10px; } #colum_style2 .quoteBlock .infoBlock{ padding-top:10px; } #colum_style2 .quoteBlock .infoBlock dl dt{ font-weight:bold; padding-bottom:5px; } #colum_style2 .quoteBlock .infoBlock dl dd{ padding:10px 20px 5px 20px; background:#edf3ff; border:1px solid #9fbce2; } #colum_style2 .quoteBlock .infoBlock dl dd ul li{ float:left; padding:0 15px 5px 0; } #colum_style2 .quoteBlock .fL{ float:left; } #colum_style2 .quoteBlock .fR{ float:right; } #colum_style2 .quoteBlock .quoteLinkBlock li{ padding-bottom:5px; } #colum_style2 .quoteBlock .differenceBlock{ padding-bottom:40px; } #colum_style2 .quoteBlock .quoteFaqBlock dl{ padding:0 0 30px 0; } #colum_style2 .quoteBlock .quoteFaqBlock dl.lineBox{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #ccc; } #colum_style2 .quoteBlock .quoteFaqBlock dl dt{ padding-bottom:13px; } #colum_style2 .quoteBlock .quoteFaqBlock dl dd{ font-weight:bold; font-size:110%; text-align:justify; } #colum_style2 .quoteBlock .quoteFaqBlock dl dd .smallTxt{ font-size:90%; font-weight:normal; } #colum_style2 .quoteBlock .quoteFaqBlock02{ margin-bottom:30px; padding-top:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/difference_bg_003.gif) no-repeat 0 0; } #colum_style2 .quoteBlock .quoteFaqBlock02 dl{ padding-top:15px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/difference_bg_004.gif) repeat-y 0 0; } #colum_style2 .quoteBlock .quoteFaqBlock02 dl dt{ margin:0 15px; padding-bottom:10px; font-size:110%; font-weight:bold; line-height:1.3; border-bottom:1px dotted #333; } #colum_style2 .quoteBlock .quoteFaqBlock02 dl dd{ padding:10px 15px 25px 15px; font-size:110%; text-align:justify; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/difference_bg_005.gif) no-repeat left bottom; } #colum_style2 .quoteBlock .quoteFaqBlock02 .detailBox{ padding:20px 0 0 0; } #colum_style2 .quoteBlock .quoteFaqBlock02 .detailBox li{ width:220px; } #colum_style2 .quoteBlock .quoteFaqBlock02 .detailBox .grayBgTlt{ width:193px; margin:0 auto 15px auto; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/difference_bg_001.gif) no-repeat center top #d9d9d9; text-align:center; font-weight:bold; font-size:90%; } #colum_style2 .quoteBlock .quoteFaqBlock02 .detailBox .grayBgTlt span{ display:block; padding:3px 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/difference_bg_002.gif) no-repeat center bottom; } #colum_style2 .quoteBlock .atencionBox{ margin-bottom:30px; padding:10px 15px 9px 65px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/reconsider_icon_001.gif) no-repeat 12px center #fae9eb; } #colum_style2 .quoteBlock .atencionBox p{ font-weight:bold; font-size:110%; } #colum_style2 .quoteBlock .simulationBlock{ padding:20px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/reconsider_bg_001.gif) no-repeat 0 0 #edf3ff; } #colum_style2 .quoteBlock .simulationBlock p.tlt{ display:block; padding:10px 0; background:#608cc8; text-align:center; } #colum_style2 .quoteBlock .simulationBlock p.tlt a{ padding-left:12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/reconsider_icon_002.gif) no-repeat 0 2px; color:#fff; } #colum_style2 .quoteBlock .caseBlock{ padding-bottom:30px; } #colum_style2 .quoteBlock .caseBlock .caseTable{ width:470px; border:1px solid #608cc8; } #colum_style2 .quoteBlock .caseBlock .caseTable tr.borderBtm th, #colum_style2 .quoteBlock .caseBlock .caseTable tr.borderBtm td{ border-bottom:1px solid #dddddd; } #colum_style2 .quoteBlock .caseBlock .caseTable th{ width:43px; background:#608cc8; color:#fff; padding:10px 0; text-align:center; vertical-align:middle; font-weight:bold; line-height:1.1; } #colum_style2 .quoteBlock .caseBlock .caseTable td{ padding-left:15px; vertical-align:middle; } #colum_style2 .quoteBlock .caseBlock .caseTable td p.leftTxt{ text-align:left; padding:5px 10px 0 0; } #colum_style2 .quoteBlock .caseBlock .caseTable td p.leftTxt strong{ font-weight:bold; } #colum_style2 .quoteBlock .caseBlock .caseTable td p.leftTxt .new_strong{ font-weight:bold; } #colum_style2 .quoteBlock .caseBlock .caseTable td.purposeBox table{ width:412px; } #colum_style2 .quoteBlock .caseBlock .caseTable td.purposeBox table td{ padding-left:0; border-bottom:none; } #colum_style2 .quoteBlock .caseBlock .caseTable td.milesBox{ padding:15px 0 15px 15px; } #colum_style2 .quoteBlock .caseBlock .caseTable td.milesBox ul li{ float:left; padding-right:4px; } /* ------------------------------------------------------------ colum_style3 ------------------------------------------------------------ */ #colum_style3{ width:870px; padding:10px 10px 15px 10px; } #colum_style3 #primary{ width:651px; float:left; } #colum_style3 .section{ width:880px; padding:0 0 38px; } #colum_style3 .verisign_box2{ margin:0 auto; } /* Title ------------------------------ */ #colum_style3 h1 { padding-bottom:20px;} #colum_style3 h2 { padding-bottom:14px;} #colum_style3 h3 { padding-bottom:13px;} #colum_style3 h4 { padding-bottom:13px;} #colum_style3 #secondary h5{ padding-bottom:12px;} /* secondary ------------------------------ */ #colum_style3 #secondary{ width:189px; float:right; } #colum_style3 #secondary ul.campaign li{ padding-bottom:4px;} #colum_style3 #secondary .section_line{ border-bottom:1px solid #dae0eb; padding-bottom:10px; margin-bottom:10px; } #colum_style3 #secondary ul.link_list li, #colum_style3 #secondary ul.qa li{ margin-bottom:3px;} /* box_style5 ------------------------------ */ #colum_style3 .box_style5{ margin:0 auto; } /* ------------------------------------------------------------ colum_style4 ------------------------------------------------------------ */ #colum_style4{ padding:16px 0 15px 0; } #colum_style4 #primary{ width:681px; float:left; } #colum_style4 #primary .section{ padding:0 10px; padding-bottom:30px; } /* Title ------------------------------ */ #colum_style4 #primary h1{ padding-bottom:20px;} #colum_style4 #primary h2{ padding-bottom:14px;} #colum_style4 #primary h3{ padding-bottom:13px;} #colum_style4 #primary h4{ padding-bottom:13px;} #colum_style4 #secondary h4{ padding-bottom:12px;} /* customAdjustment ------------------------------ */ #colum_style4 #primary h1.customAdjustment{ padding-bottom:0;} #colum_style4 #primary h2.customAdjustment{ padding-bottom:0;} #colum_style4 #primary h3.customAdjustment{ padding-bottom:0;} #colum_style4 #primary h4.customAdjustment{ padding-bottom:0;} #colum_style4 #secondary h4.customAdjustment{ padding-bottom:0;} /* secondary ------------------------------ */ #colum_style4 #secondary{ width:189px; float:right; } #colum_style4 #secondary .section_line{ border-bottom:1px solid #dae0eb; padding-bottom:10px; margin-bottom:10px; } #colum_style4 #secondary ul.link_list li{ margin-bottom:1px;} #colum_style4 #secondary ul.qa li{ margin-bottom:6px;} /* quoteArea ------------------------------ */ #colum_style4 #secondary .quoteArea .checkArea .checkBalloon{ display:none; position:absolute; top:24px; right:-10px; width:193px; height:115px; padding-top:20px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/lower-bg-balloon-01.png) 0 0 no-repeat; font-size:10px; /font-size:9px; } #colum_style4 #secondary .quoteArea .checkArea .checkBalloon .balloonInner{ position:relative; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/lower-bg-balloon-02.png) 0 100% no-repeat; padding:0 10px 30px; height:105px; } #colum_style4 #secondary .quoteArea .checkArea .checkBalloon .balloonInner p{ position:relative; } #colum_style4 #secondary .quoteArea .checkArea .checkBalloon .balloonInner p .fontAdjust1{ color:#000066; } #colum_style4 #secondary .quoteArea .checkArea .checkBalloon .balloonInner p span{ font-size:10px; font-weight:bold; color:#dc143d; } #colum_style4 #secondary .quoteArea .checkArea .checkBalloon .balloonInner .closeBalloon{ position:absolute; bottom:10px; left:40%; } #colum_style4 #secondary .quoteArea .checkArea .checkBalloon .balloonInner .closeBalloon a{ padding-left:10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-icon_close.gif) 0 50% no-repeat; color:#fff; } /* ------------------------------------------------------------ str_contents ------------------------------------------------------------ */ #str_contents{ width:924px; background:url(/-/Media/jpz/zrh/divert/common/images/content-bg-top.gif) no-repeat left top; } #str_wrap{ background:url(/-/Media/jpz/zrh/divert/common/images/content-bg-btm.gif) no-repeat left bottom; width:892px; padding:0 16px 30px 16px; min-height:520px; } /* ------------------------------------------------------------ path ------------------------------------------------------------ */ ul#path{ padding:12px 0 5px 0; } *html ul#path{ float:left;} ul#path li{ display:inline;} /* ------------------------------------------------------------ maintenance ------------------------------------------------------------ */ #maintenance .lyt-box-02{ padding:1em 20px 1em 20px; margin-top:10px; background-color:#f0f3fb; } #maintenance .lyt-box-02.option{ padding:.5em 10px .1em 10px; } #maintenance strong{ font-weight:bold; } #maintenance .new_strong{ font-weight:bold; } /* ------------------------------------------------------------ sub_navi ------------------------------------------------------------ */ #sub_navi h2, #sub_navi ul li img, #sub_navi h3, #sub_navi ul li img, #sub_navi h4, #sub_navi ul li img{ padding-bottom:2px; } #sub_navi ul li ul.link_list{ width:152px; padding:0 7px 0 10px; } #sub_navi ul li ul.link_list li{ margin:10px 0; padding-bottom:10px; border-bottom:1px solid #dae0eb; } *html #sub_navi ul li ul.link_list li{ padding-top:1px;} #sub_navi ul li ul.link_list li.last{ border-bottom:0; margin-bottom:0; } #sub_navi ul li ul.link_list li.bdnone{ border-bottom:0; margin-bottom:0; padding-bottom:0; } #sub_navi ul li ul.link_list li.act{ background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) 0 5px no-repeat; padding:0 0 10px 10px; display:block; color:#5389bc; } /* ------------------------------------------------------------ contents_container ------------------------------------------------------------ */ #contents_container{ width:929px; background:url(/-/Media/jpz/zrh/divert/common/images/content-bg-mdl.gif) repeat-y; margin-left:-7px; } *html #contents_container{ position:relative;} *html #contents_container li a { zoom:1;} #contents_container #sub_navi{ width:169px; float:left; margin-top:16px; } #contents_container #sub_navi .txtLink{ padding:8px 0; } #contents_container #sub_navi .txtLink a{ display:block; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) 0px 5px no-repeat; padding-left:10px; line-height:1.5em; } /* sub_navi_txt ------------------------------------- */ #contents_container #str_contents .sub_navi_txt{ width:169px; float:left; margin-top:16px; } #contents_container #str_contents .sub_navi_txt h4{ font-size:13px; font-weight:bold; color:white; } #contents_container #str_contents .sub_navi_txt h4 a{ display:block; padding:5px 3px 8px 7px; background:url(/-/Media/jpz/zrh/divert/common/images/snav_h4_bg01_b.gif) left top no-repeat; text-decoration:none; font-size:13px; font-weight:bold; color:white; letter-spacing:-1px; } #contents_container #str_contents .sub_navi_txt .act a{ background-color:#164dba; } #contents_container #str_contents .sub_navi_txt a:hover{ background-color:#164dba; } #contents_container #str_contents .sub_navi_txt li{ font-size:12px; margin-bottom:2px; } #contents_container #str_contents .sub_navi_txt li a{ display:block; padding:5px 4px 7px 6px; font-size:12px; color:white; text-decoration:none; background-color:#608CC8; } #contents_container #sub_navi ul li ul.link_list li a, #contents_container #sub_navi li.txtLink a{ padding:0px 0px 0px 10px; font-size:12px; background-color:#ffffff !important; color:#003399; text-decoration:underline; } #contents_container #sub_navi ul li ul.link_list li a:hover, #contents_container #sub_navi li.txtLink a:hover{ background-color:#ffffff; text-decoration:none; } /* faq-q ------------------------------------- */ #contents_container #faq-q{ border-left:solid 1px #848484; border-right:solid 1px #848484; } #contents_container .div_h2{ width:155px; height:24px; padding:24px 0 0 34px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-qrip.gif) no-repeat 0 0; color:#FFF; font-size:14px; font-weight:bold; } #contents_container #faq-q p{ text-align:right; font-size:11px; padding:6px 0 2px 0; margin-right:6px; font-weight:bold; } #contents_container #faq-q table{ border:1px solid #CECECE; border-bottom:none; margin-left:5px; table-layout:fixed; border-collapse:collapse; border-spacing:0; } #contents_container #faq-q table .leftcell{ width:141px; border-right:1px dotted #848484; padding:5px 0 6px 18px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-icon3.gif) no-repeat 8px 10px; } #contents_container #faq-q .rightcell{ width:16px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-icon4.gif) #F1F1F1 no-repeat 2px center; } #contents_container #faq-q2{ overflow:hidden; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index01-line.gif) repeat-y 0 0; padding:3px 0; } /* primary ------------------------------------- */ #contents_container #primary h4{ padding-bottom:13px; } /* ------------------------------------------------------------ mainvisual_area ------------------------------------------------------------ */ #mainvisual_area, #mainvisual_grand{ width:920px; margin:0 auto; } #mainvisual_grand #login_area{ margin:25px 17px 0 0; } #mainvisual_area dl.maintenance dt{ clear:left; color:#e60012; width:16em; float:left; font-weight:bold !important; font-size:10px; /font-size:9px; } #mainvisual_area dl.maintenance dd{ margin-left:17em; font-size:10px !important; _font-size:9px !important; } /* ------------------------------------------------------------ mainvisual_Container ------------------------------------------------------------ */ #mainvisual_Container{ background:url(/-/Media/jpz/zrh/divert/common/images/new-header-bg-01.jpg) 0 0 repeat-x; } /* ------------------------------------------------------------ mainvisual_Container02 ------------------------------------------------------------ */ #mainvisual_Container02{ background:url(/-/Media/jpz/zrh/divert/common/images/new-header-bg-02.jpg) center center no-repeat #fff; height:322px; position:relative; top:-63px; font-size:12px; } /* mainvisual_area ------------------------------ */ #mainvisual_Container02 #mainvisual_area{ position:relative; } #mainvisual_Container02 #mainvisual_area .maintenance{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-maintenance.gif) 0 0 no-repeat; width:912px; height:20px; position:absolute; top:45px; left:4px; padding:7px 20px 0; } #mainvisual_Container02 #mainvisual_area .maintenance dd{ /font-size:9px!important; /padding-top:2px; } #mainvisual_Container02 #mainvisual_area #ttl_block{ padding:83px 0 0 138px;/* /padding-top:78px; //comment-out 120801 */ } #mainvisual_Container02 #mainvisual_area #flash_block{ position:absolute; right:3px; top:85px; } /* adjust_autoTop ------------------------------ */ .adjust_autoTop01{ margin-top:-38px; } .adjust_autoTop02{ position:relative; margin-top:-202px; } .adjust_autoTop03{ position:relative; margin-top:-68px; } /* faqSearch ------------------------------ */ .faqSearch{ background:url(/-/Media/jpz/zrh/divert/common/images/box06_bottom.gif) left bottom no-repeat; padding-bottom:8px; } .faqSearch .bg{ background:url(/-/Media/jpz/zrh/divert/common/images/box06_top.gif) left top no-repeat; padding:8px 10px 0 10px; } .faqSearch .main .ttl{ float:left; width:100px; } .faqSearch .main .input{ float:left; width:312px; } .faqSearch .main .input input{ float:left; margin-top:2px; width:303px; height:18px; } .faqSearch .main .search{ float:left; width:60px; margin-top:1px; } .faqSearch .detail{ padding:0px 0 10px 100px; } .faqSearch .detail p{ margin-top:10px; } .faqSearch .detail label{ margin-right:10px; } .faqSearch .detail input{ margin-right:4px; vertical-align:middle; _position:relative; _top:-2px; } .faqSearch .keyword{ margin:10px 5px 10px 30px; padding:6px 10px; background:#FFFFFF; } .faqSearch .keyword li{ float:left; margin-right:5px; white-space :nowrap; } .faqSearchDetBtn{ text-align:right; } /* ------------------------------------------------------------ contents_newContainer ------------------------------------------------------------ */ #contents_newContainer{ background:url(/-/Media/jpz/zrh/divert/common/images/new-content-bg-01.jpg) 0 0 repeat-x #8faed8; margin-top:-66px; } /* secondary_new ------------------------------ */ #contents_newContainer #secondary_new{ width:227px; float:right; font-size:12px; } /* primary_new ------------------------------ */ #contents_newContainer #primary_new{ width:660px; float:left; } /* ------------------------------------------------------------ maintenanceUrl ------------------------------------------------------------ */ #maintenanceUrl{ width:912px; font-size:10px; /* WRQ_E130470 height:27px; */ height:23px; } .maint2 { background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-maintenance2.gif) 0 0 no-repeat; height:40px; padding:5px 20px 0; margin:2px 0 0 0; } .maint1 { background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-maintenance.gif) 0 0 no-repeat; height:20px; padding:7px 20px 0; } #maintenanceUrl dl{ width:900px; } #maintenanceUrl dt{ float:left; width:200px; clear:both; font-weight:bold; color:#F00; } #maintenanceUrl dd{ width:600px; margin-left:200px; } /* ------------------------------------------------------------ faqBlock ------------------------------------------------------------ */ .faqBlock{ zoom:1; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-faqblock-01.gif) 0 100% no-repeat; } .faqBlock h4{ padding:8px 8px 12px; } .faqBlock .faqInner{ padding:8px 8px 0; overflow:hidden; clear:both; zoom:1; position:relative; } .faqBlock .faqInner h4{ padding:0 0 12px; } .faqBlock .faqInner .carType{ overflow:hidden; /zoom:1; margin-left:-2px; } .faqBlock .faqInner .carType li{ float:left; width:190px; margin-left:9px; display:inline; } /*151021追記 carType02*/ .faqBlock .faqInner .carType02{ width:398px; margin:0 auto; overflow:hidden; /zoom:1; } .faqBlock .faqInner .carType02 li{ float:left; width:190px; margin-left:9px; display:inline; } .faqBlock .conversionBar{ text-align:center; margin-top:20px; padding:10px; background-color:#e6e6e6; overflow:hidden; clear:both; zoom:1; position:relative; /vertical-align:middle; } .faqBlock .conversionBar span.convText{ display:inline-block; margin-top:-25px; } .faqBlock .conversionBar span.convBtn{ display:inline-block; width:184px; height:26px; margin-left:10px; padding-top:12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-02.gif) 0 0 no-repeat; } .faqBlock .conversionBar a{ padding-left:10px; font-weight:bold; font-size:14px; } .faqBlock .firstBlock{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-faqblock-02.gif) 0 100% no-repeat; } .faqBlock .faqTable1{ border-collapse:collapse; margin:5px 0 15px; width:100%; } .faqBlock .faqTable1 th, .faqBlock .faqTable1 td{ border:#cdcdcd 1px solid; padding:5px; vertical-align:middle; } .faqBlock .faqTable1 thead th{ background-color:#d1deef; font-weight:bold; } .faqBlock .note1{ color:#000066; font-size:14px; font-weight:bold; } .faqBlock .borderBox1{ padding-top:12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-border-01.gif) 0 0 no-repeat; } .faqBlock .borderBox1 .boxInner{ padding:0 12px 15px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-border-01.gif) 0 100% no-repeat; overflow:hidden; /zoom:1; } .faqBlock .borderBox1 .boxInner .listType1{ overflow:hidden; /zoom:1; margin-left:-15px; } .faqBlock .borderBox1 .boxInner .listType1 li{ float:left; width:40%; margin:5px 0 0 15px; padding-left:15px; display:inline; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 0 2px no-repeat; font-weight:bold; } .faqBlock .borderBox1 .accidentBtn{ float:left; width:200px; margin-right:10px; display:inline; } .faqBlock .borderBox1 .accidentBtn a{ display:block; width:170px; height:41px; padding:10px 0 0 30px; color:#fff; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-06.gif) 0 0 no-repeat; } .faqBlock .borderBox1 .accidentBtn a:hover{ background-position:0 -51px; } .faqBlock .borderBox1 .listType2{ overflow:hidden; /zoom:1; } .faqBlock .borderBox1 .listType2 li{ float:left; width:auto; display:inline; white-space:nowrap; margin:8px 0 0 15px; padding-left:15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 0 2px no-repeat; font-weight:bold; } .faqBlock .borderBox1 .irregular{ margin-left:-15px; } .faqBlock .borderBox1 .planLineup{ overflow:hidden; /zoom:1; margin-bottom:5px; padding-bottom:15px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/bg-dotline-02.gif) 0 100% repeat-x; } .faqBlock .borderBox1 .planLineup dt{ float:left; width:174px; } .faqBlock .borderBox1 .planLineup dd{ float:left; width:390px; } .faqBlock .borderBox1 .planLineup dt a{ display:block; width:144px; height:41px; padding:10px 0 0 30px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-04.gif) 0 0 no-repeat; font-weight:bold; } .faqBlock .borderBox1 .planLineup dt a:hover{ background-position:0 -51px; } .faqBlock .borderBox1 .planLineup dt.single a{ height:25px; padding:7px 0 0 30px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-03.gif) 0 0 no-repeat; } .faqBlock .borderBox1 .planLineup dt.single a:hover{ background-position:0 -32px; } .faqBlock .borderBox1 .planLineup dt.semiDouble a{ height:35px; padding:16px 0 0 30px; } .faqBlock .borderBox1 .planEnd{ margin-bottom:0; padding-bottom:0; background:none; } .faqBlock .faqOutline{ padding:0 8px 10px; } .faqBlock .faqDetails{ padding:0 8px; display:none; } .faqBlock .faqDetails .conversionBar{ margin:20px -7px 0; } .faqBlock .faqToggle{ padding:10px; text-align:center; border-top:#b3b3b3 1px solid; } .faqBlock .faqToggle a{ padding:2px 0 3px 25px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-faq-open.gif) 0 0 no-repeat; font-weight:bold; } .faqBlock .active a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-faq-close.gif) 0 0 no-repeat; } .faqBlock .road_serv{ padding-left:1px; } .faqBlock .road_serv dt{ color:#333333; font-weight:bold; font-size:16px; margin-bottom:7px; } .faqBlock .road_serv dd{ color:#333333; margin-bottom:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index_blt_0909.gif) no-repeat left center; padding-left:12px; margin-left:10px; } .faqBlock .road_serv_dt01{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-01.gif) no-repeat left top; padding:4px 0 5px 55px; } .faqBlock .road_serv_dt02{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-02.gif) no-repeat left top; padding:4px 0 5px 42px; } .faqBlock .road_serv .dd_last01{ margin-bottom:18px; } .faqBlock .road_serv .dd_last02{ margin-bottom:20px; background:none; padding-left:0px; } .faqBlock .road_serv .dd_last03{ margin-bottom:15px; } .faqBlock .road_serv .dd_last04{ background:none; margin-bottom:18px; padding-left:95px; } .faqBlock .road_serv .dd_last05{ background:none; padding-left:163px; line-height:160%; } .faqBlock .list_set{ width:596px; margin:0 auto; } .faqBlock .list_set ul{ margin-bottom:15px; } .faqBlock .list_set li{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index_blt_1211.gif) no-repeat left 0.3em; padding-left:19px; font-weight:bold; color:#333333; margin:8px 0; } .faqBlock .z_express{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-zex_top.gif) no-repeat left top; background-color:#d6deee; margin:20px auto 17px; width:596px; } .faqBlock .z_express_inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-zex_btm.gif) no-repeat left bottom; } .faqBlock .z_express_txtarea{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-zex_img.gif) no-repeat right 8px; padding:10px 112px 14px 10px; } .faqBlock .z_express .z_express_ttl{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-05.gif) no-repeat left top; height:14px; width:460px; /*446px;*/ padding:5px 0 5px 14px; color:#333333; font-weight:bold; font-size:14px; } .faqBlock .z_express .z_express_txt{ font-size:110%; font-weight:bold; color:#333333; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index_blt_1211blk.gif) no-repeat left center; padding-left:14px; } .faqBlock .borderBox1 .boxInner .listType1 .list_width{ width:30%; } .faqBlock .borderBox1 .planLineup02 dt.single a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-btn-02.gif) no-repeat left top; height:28px; padding:14px 0 0 33px; display:block; font-weight:bold; width:131px; } .faqBlock .borderBox1 .planLineup02 dt.single a:hover{ background-position:0 -42px; } .faqBlock .borderBox1 .planLineup02 dt{ float:left; width:164px; } .faqBlock .borderBox1 .planLineup02 dd{ float:left; width:400px; } .faqBlock .borderBox1 .planLineup03 dt.single a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-btn-02.gif) no-repeat left top; height:28px; padding:14px 0 0 33px; display:block; font-weight:bold; width:131px; } .faqBlock .borderBox1 .planLineup03 dt.single a:hover{ background-position:0 -42px; } .faqBlock .borderBox1 .planLineup03 dt{ float:left; width:164px; margin-top: 9px; } .faqBlock .borderBox1 .planLineup03 dd{ float:left; width:400px; } .faqBlock .borderBox1 .listType2 .li_mgset{ margin:3px 0 2px 15px; } .faqBlock .h5set{ font-size:14px; font-weight:bold; color:#ffffff; } .faqBlock .choice01{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgtitle-01.gif) no-repeat center top; padding:35px 0 0; height:27px; } .faqBlock .choice02{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgtitle-02.gif) no-repeat center top; padding:33px 0 0; height:22px; } .faqBlock .choice03{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgtitle-03.gif) no-repeat center top; padding:38px 0 0; height:22px; } .faqBlock .choice04{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgtitle-04.gif) no-repeat center top; padding:34px 0 0; height:22px; } .faqBlock .choice_txtblock{ margin:0 auto; width:578px; } .faqBlock .choice_headtxt{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index_blt_1009.gif) no-repeat left center; padding-left:12px; } .faqBlock .choice_bluebox{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgtop-01.gif) no-repeat left top; background-color:#e2e8f3; line-height:1.5; } .faqBlock .choice_bluebox .choice_bluebox_inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgbtm-01.gif) no-repeat left bottom; padding:7px 10px 10px 10px; } .faqBlock .choice_bluebox .choice_bluebox_inner .choice_line{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgline-01.gif) no-repeat left bottom; } .faqBlock .choice_bluebox .choice_bluebox_inner .choice_line02{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgline-02.gif) no-repeat left bottom; } .faqBlock .height_set01{ _height:190px; min-height:190px; } .faqBlock .choice_whitebox{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgwhite-top.gif) no-repeat left top; background-color:#ffffff; line-height:1.5; width:274px; float:left; } .faqBlock .choice_bluebox .choice_whitebox_inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bgwhite-btm.gif) no-repeat left bottom; padding:8px 0px 10px 0px; } .faqBlock .choice_bluebox .choice_whitebox_inner dl{ margin:0 13px 0 11px; } .faqBlock .choice_bluebox .choice_whitebox_inner dt{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index_blt_1009.gif) no-repeat left center; padding:6px 0 3px 12px; text-align:left; } .faqBlock .choice_bluebox .choice_whitebox_inner dd{ text-align:left; color:#333333; line-height:133%; } .faqBlock .merit_list{ text-align:left; margin-bottom:13px; } .faqBlock .merit_list li{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index_blt_1009.gif) no-repeat left center; padding-left:12px; color:#333333; font-weight:bold; margin-bottom:4px; } .faqBlock .notice_list{ text-align:left; font-size:90%; /font-size:75%; } .faqBlock .notice_list .textindent01{ text-indent:-1.7em; padding-left:1.7em; } .faqBlock .choice_bluebox .choice_bluebox_inner .textindent{ text-indent:-1em; padding-left:1em; } .faqBlock .faqTable_set01{ margin:0; border-collapse:collapse; width:100%; color:#333333; } .faqBlock .faqTable_font02{ margin:11px 0 0; } .faqBlock .faqTable_font03{ margin:9px 0 21px; } .faqBlock .faqTable_set01 thead th{ border:1px solid #231815; background-color:#d6d6e6; vertical-align:middle; padding:4px 6px; } .faqBlock .faqTable_font01 thead th{ font-size:90%; text-align:left; } .faqBlock .faqTable_font02 thead th{ text-align:center; } .faqBlock .faqTable_font03 thead th{ text-align:center; padding:10px 0; } .faqBlock .faqTable_set01 td{ border:1px solid #231815; vertical-align:middle; text-align:center; } .faqBlock .faqTable_font01 td{ padding:15px 0px; } .faqBlock .faqTable_font02 td{ padding:11px 13px 8px; } .faqBlock .faqTable_font03 td{ padding:6px 0; } .faqBlock .bgclr_set{ background-color:#f1f1f6; } .faqBlock .faqToggle01 a{ padding:0px 0 0px 15px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-link-01.gif) left center no-repeat; font-weight:bold; } .faqBlock .faqToggle02{ padding:10px; text-align:center; border-top:#b3b3b3 1px solid; } .faqBlock .faqToggle02 a{ padding:2px 0 3px 25px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-faq-open.gif) 0 0 no-repeat; font-weight:bold; } .faqBlock .active01 a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-link-03.gif) 0 0 no-repeat; } .faqBlock .conversionBar01{ text-align:center; margin-top:20px; padding:10px; background-color:#e6e6e6; overflow:hidden; clear:both; zoom:1; vertical-align:middle; } .faqBlock .conversionBar01 span.convText{ display:inline-block; margin-top:-25px; } .faqBlock .conversionBar01 span.convBtn{ display:inline-block; width:184px; height:26px; margin-left:10px; padding-top:12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-02.gif) 0 0 no-repeat; } .faqBlock .conversionBar01 a{ padding-left:10px; font-weight:bold; font-size:14px; } .faqBlock .faqDetails .conversionBar01{ margin:20px -7px 0; } .faqBlock .color_blue{ color:#000066; font-size:110%; } .faqBlock .color_blue_130{ color:#000066; font-size:130%; } .faqBlock .color_blue02{ color:#000066; } .faqBlock .color_gray{ color:#333333; } .faqBlock .font_110{ font-size:110%; } .faqBlock .font_90{ font-size:90%; } .faqBlock .font_85{ font-size:85%; /font-size:75%; } .faqBlock .font_bold{ font-weight:bold; } .faqBlock .leter_spacing{ letter-spacing:-1px; } .faqBlock .font_circ{ font-family:"ＭＳ ゴシック", "MS PGothic"; } .faqBlock .line_h14{ line-height:1.4; } .faqBlock .faqInner h4.newTextIndex01{ font-size:130%; color:#333; font-weight:bold; line-height:1.9; background-color:#4c4c94; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-h4-01-bg.gif) no-repeat 0 0; padding-left:14px; display:block; } .faqBlock .newTextIndex02{ font-size:130%; color:#333; font-weight:bold; line-height:1.9; background-color:#4c4c94; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-h4-01-bg.gif) no-repeat 8px 8px; padding-left:24px; display:block; } /* ------------------------------------------------------------ faqDetails ------------------------------------------------------------ */ .faqDetails .faqRequest{ padding:0 0 10px 11px; width:578px; } .faqDetails .faqRequest dd{ width:578px; background:url("/direct/auto/img/new/index-tab2nd-bgbtm-01.gif") no-repeat left bottom #e2e8f3; margin-bottom:10px; padding-bottom:3px; } .faqDetails .faqRequest dd div{ width:502px; padding:0 10px 0 66px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-06.gif) left top no-repeat; min-height:59px; _height:59px; } .faqDetails .faqRequest dd p{ margin-bottom:6px; } .faqDetails .faqRequest dd p span{ font-weight:bold; } /* ------------------------------------------------------------ faqMore ------------------------------------------------------------ */ .faqMore{ width:588px; padding:5px 10px 0 0; } .faqMore .moreLink{ clear:both; width:auto; float:right; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-link-02.gif) left center no-repeat; padding:2px 0 3px 15px; font-weight:bold; } /* ------------------------------------------------------------ tabBtns ------------------------------------------------------------ */ #tabBtns{ overflow:hidden; /zoom:1; } #tabBtns h2{ cursor:pointer; } #tabBtns h2#tab1st{ float:left; display:inline; } #tabBtns h2#tab2nd{ float:right; display:inline; } /* tabBtnsBottom1-tabBtnsBottom2 ------------------------------ */ .tabBtnsBottom1, .tabBtnsBottom2{ overflow:hidden; /zoom:1; margin:30px -21px 0 -22px; } .tabBtnsBottom1 .guide{ float:left; display:inline; } .tabBtnsBottom2 .guide{ float:right; display:inline; } .tabBtnsBottom1 .changeTab{ float:right; display:inline; cursor:pointer; } .tabBtnsBottom2 .changeTab{ float:left; display:inline; cursor:pointer; } /* ------------------------------------------------------------ index-box ------------------------------------------------------------ */ /* index-box5 ------------------------------ */ .index-box5{ padding-bottom:29px; } .index-box5 dl dt{ float:left; line-height:1.6; } .index-box5 dl dd{ margin-left:6.5em; line-height:1.6; } /* ------------------------------------------------------------ naviMenu ------------------------------------------------------------ */ table #content ul#naviMenu{ margin-top:10px; zoom:1; background:#E7EFF7; } table #content ul#naviMenu:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } table #content ul#naviMenu li{ margin:0 0 0 5px; padding:5px 0 5px 10px; font-size:0; line-height:0; background:none; float:left; } table #content ul#naviMenu li.end{ margin-right:0; } /* ------------------------------------------------------------ code_btm ------------------------------------------------------------ */ #code_btm{ padding-left:10px; font-size:90%; } /* ------------------------------------------------------------ big_arrow ------------------------------------------------------------ */ .big_arrow{ text-align:center; padding:15px; } /* ------------------------------------------------------------ index-tab ------------------------------------------------------------ */ /* index-tab1st ------------------------------ */ .index-tab1st{ background:#4c4c94 url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-h3-bg.gif) no-repeat 0 0; width:617px; padding:10px 0 6px; border-bottom:1px solid #000066; font-size:140%; color:#FFF; text-align:center; font-weight:bold; line-height:1.1; } /* index-tab2st ------------------------------ */ .index-tab2st{ width:660px; height:41px; font-size:150%; color:#FFF; font-weight:bold; line-height:2.2; background-color:#4c4c94; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-h2-02-bg.gif) no-repeat 0 0; text-indent:15px; } /* ------------------------------------------------------------ box_newTextArea ------------------------------------------------------------ */ /* box_newTextArea01 ------------------------------ */ .box_newTextArea01{ width:660px; height:34px; font-size:150%; color:#FFF; font-weight:bold; line-height:1.6; background-color:#4c4c94; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-h2-04-bg.gif) no-repeat 0 0; text-indent:65px; } /* box_newTextArea02 ------------------------------ */ .box_newTextArea02{ width:660px; height:37px; font-size:150%; color:#FFF; font-weight:bold; line-height:1.8; background-color:#4c4c94; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/new-winning-h2-02.-bg.gif) no-repeat 0 0; text-indent:25px; } /* box_newTextArea03 ------------------------------ */ .box_newTextArea03{ width:660px; height:34px; font-size:150%; color:#FFF; font-weight:bold; line-height:1.6; background-color:#4c4c94; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-h2-04-bg.gif) no-repeat 0 0; text-indent:55px; } /* ------------------------------------------------------------ newTextIndex ------------------------------------------------------------ */ /* newTextIndex02 ------------------------------ */ .newTextIndex02 span{ color:#222288; } /* newTextIndex04 ------------------------------ */ .newTextIndex04{ font-size:130%; color:#333; font-weight:bold; line-height:1.3; background-image:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-h4-05-bg_b.gif); background-position:8px 65%; background-repeat:no-repeat; } .newTextIndex04 span{ padding-top:5px; padding-left:20px; display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-h4-bg-a.gif) no-repeat left top; } .newTextIndex04 span strong{ font-weight:bold; color:#222288; } .newTextIndex04 span.SmartSoltion{ padding-top:0px; padding-left:0px; display:inline; background:none; } .newTextIndex04 span .new_strong{ font-weight:bold; color:#222288; padding-top:0px; padding-left:0px; display:inline; background:none; } /* ------------------------------------------------------------ SmartSoltion ------------------------------------------------------------ */ .SmartSoltion{ font-size:11px; font-weight:normal; } /* ------------------------------------------------------------ unrestricted ------------------------------------------------------------ */ .unrestricted{ width:578px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-01a.gif) no-repeat 0 center; margin-left:12px; } .unrestricted .limitless01{ padding-top:10px; display:block; color:#333; font-size:110%; font-weight:bold; margin-left:60px; line-height:20px; } .unrestricted .limitless01 em{ font-weight:normal; font-size:85%; /font-size:75%; } .unrestricted .limitless01 strong{ font-size:130%; font-weight:bold; color:#222288; text-decoration:underline; } .unrestricted .limitless01 .new_strong{ font-size:130%; font-weight:bold; color:#222288; text-decoration:underline; } /* ------------------------------------------------------------ newTab2nd_bg ------------------------------------------------------------ */ /* newTab2nd_bg_a ------------------------------ */ .newTab2nd_bg_a{ display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-a.gif) no-repeat 0 0; padding-left:65px; color:#111177; font-weight:bold; font-size:100%; padding-top:1px; } /* newTab2nd_bg_b ------------------------------ */ .newTab2nd_bg_b{ display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-b.gif) no-repeat 0 0; padding-left:65px; color:#111177; font-weight:bold; font-size:100%; letter-spacing:-1px; padding-top:1px; } /* ------------------------------------------------------------ personalInjury ------------------------------------------------------------ */ .personalInjury{ font-weight:bold; color:#333; font-size:110%; margin-top:10px; width:598px; height:47px; line-height:55px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-01a.gif) no-repeat 0 0; margin-left:12px; text-indent:48px; } .personalInjury strong{ font-size:120%; font-weight:bold; color:#111177; text-decoration:underline; } .personalInjury .new_strong{ font-size:120%; font-weight:bold; color:#111177; text-decoration:underline; } .personalInjury .fontSmall{ font-weight:lighter; font-size:10px; } /* ------------------------------------------------------------ specialContract ------------------------------------------------------------ */ .specialContract{ width:578px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-h6-bg.gif) repeat-y 0 0; text-align:left; text-indent:15px; font-size:110%; font-weight:bold; color:#555; } .specialContract strong{ display:block; color:#111177; font-size:120%; font-weight:bold; } .specialContract .new_strong{ display:block; color:#111177; font-size:120%; font-weight:bold; } /* ------------------------------------------------------------ login_area ------------------------------------------------------------ */ #login_area p a#btn-login{ width:202px; height:62px; display:block; text-indent:-99999px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-01.jpg) no-repeat -621px 0; } #login_area p a#btn-login:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-01.jpg) no-repeat -621px -62px; } /* ------------------------------------------------------------ campaign_block ------------------------------------------------------------ */ #campaign_block ul li a{ display:block; text-indent:-99999px; width:207px; } #campaign_block ul li a#campaign01{ height:66px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-01.jpg) no-repeat 0 0; } #campaign_block ul li a#campaign01:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-01.jpg) no-repeat 0 -66px; } #campaign_block ul li a#campaign02{ height:66px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-01.jpg) no-repeat -207px 0; } #campaign_block ul li a#campaign02:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-01.jpg) no-repeat -207px -66px; } #campaign_block ul li a#campaign03{ height:71px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-02.jpg) no-repeat 0 0; } #campaign_block ul li a#campaign03:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/index-btn-splite-02.jpg) no-repeat 0 -71px; } /* ------------------------------------------------------------ hrHDI ------------------------------------------------------------ */ #hrHDI{ margin-top:-15px; height:15px; border-top:1px solid #c1c1c1; position:float; } /* ------------------------------------------------------------ page_top ------------------------------------------------------------ */ .page_top{ clear:both; position:relative; text-align:right; margin:44px 10px 0 0; } .page_top2{ clear:both; text-align:right; margin:8px 0 0 0; } /* ------------------------------------------------------------ procedure_box ------------------------------------------------------------ */ .procedure_box{ width:189px; padding-bottom:11px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg_side_btm.gif) left bottom no-repeat; } .procedure_box p{ padding:0 8px 8px 8px;} /* ------------------------------------------------------------ column_wrap ------------------------------------------------------------ */ .column_wrap dl:after{ content:"*"; display :block; clear:both; height:0; visibility:hidden;} .column_wrap dl{ min-height:1px;} *html .column_wrap dl{ height:1px;} .column_wrap{ clear:both; margin:0 0; } .column_wrap .column_box01{ float:left; } .column_wrap .column_box02{ float:right; } .column_wrap .column_list{ float:left; width:217px; margin-right:5px; } /* ------------------------------------------------------------ bg_box ------------------------------------------------------------ */ /* bg_box01 ------------------------------ */ .bg_box01{ padding:0 0 10px 0; background-color:#edf3ff; } .bg_box01 .style_inner{ padding:10px 10px 0 10px; } .bg_box01 .style_inner img{ font-size:0; } /* bg_box02 ------------------------------ */ .bg_box02{ padding:10px 10px; background:#f3f6ff; border:1px solid #aac4e0; } /* bg_box03 ------------------------------ */ .bg_box03{ padding:10px 10px; background:#edf3ff; } /* bg_box04 ------------------------------ */ .bg_box04{ padding:0 0 10px 0; background:#edf3ff url(/-/Media/jpz/zrh/divert/common/images/cmn-bg-04.gif) no-repeat left bottom; } .bg_box04 .style_inner{ padding:10px 10px 0 10px; background:url(/-/Media/jpz/zrh/divert/common/images/cmn-bg-03.gif) no-repeat left top; } .bg_box04 .style_inner img{ font-size:0; } /* ------------------------------------------------------------ column_list01 ------------------------------------------------------------ */ .column_list01 ul li{ float:left; } /* ------------------------------------------------------------ Title.index ------------------------------------------------------------ */ h1.index{ padding:17px 0 0 0px; } h2.index{ padding:17px 0 0 0px; } /* ------------------------------------------------------------ mobile2 ------------------------------------------------------------ */ #mobile2{ width:472px; padding:28px 0 0 0; } #mobile2 h4{ padding-bottom:15px; } #mobile2 .left{ width:231px; } #mobile2 .right{ width:240px; } #mobile2 .right img{ padding-left:8px; } /* ------------------------------------------------------------ popup_style01-popup_style02 ------------------------------------------------------------ */ #popup_style01, #popup_style02{ background:none;} #popup_style01 .section, #popup_style02 .section{ margin-bottom:38px;} #popup_style01 #str-header #site-logo, #popup_style02 #str-header #site-logo{ padding-bottom:10px; } #popup_style01 #str-header #nav-global, #popup_style02 #str-header #nav-global{ background-position:right top; } /* ------------------------------------------------------------ popup_style01 ------------------------------------------------------------ */ #popup_style01 #copy{ margin:0 0 21px 0; padding:6px 0 6px 15px!important; font-size:22px; font-weight:boldl; border-left:solid 4px #003399; background:#f6f6f6; } #popup_style01 h1{ padding-bottom:14px;} #popup_style01 h2{ padding-bottom:13px;} #popup_style01 h3{ padding-bottom:13px;} #popup_style01 #str-container{ width:600px; } #popup_style01 #str-contents{ padding:0 10px 20px 10px; background:#e6e9e8 url("/-/Media/jpz/zrh/divert/common/images/popup-bg-02.gif") no-repeat left bottom; } #popup_style01 #str-main-container{ padding:20px 10px 10px 10px; background:#fff url("/-/Media/jpz/zrh/divert/common/images/popup-bg-03.gif") no-repeat left top; } #popup_style01 #str-footer{ width:600px; } #popup_style01 #str-footer #copyright{ margin-right:0px; } /* ------------------------------------------------------------ popup_style02 ------------------------------------------------------------ */ #popup_style02 h1{ padding-bottom:20px;} #popup_style02 h2{ padding-bottom:14px;} #popup_style02 h3{ padding-bottom:13px;} #popup_style02 h4{ padding-bottom:13px;} #popup_style02 #str-container{ width:910px;} #popup_style02 #str-header #site-name{ position:absolute; top:42px; left:191px; } #popup_style02 #str-header{ background:url("/-/Media/jpz/zrh/divert/common/images/popup-bg-01.gif") no-repeat scroll 0 bottom transparent; padding-bottom:10px; } #popup_style02 #str-header #site-name02{ position:absolute; left:110px; top:52px; margin:0; padding:0; } #popup_style02 #copy{ position:absolute; left:190px; top:10px; margin:0; padding:0; color:#c4c4c4; font-size:10px; } #popup_style02 #str-contents{ padding:0 10px 20px 10px; background:#e6e9e8 url("/-/Media/jpz/zrh/divert/common/images/popup-bg-04.gif") no-repeat left bottom; } #popup_style02 #str-main-container{ padding:20px 20px 10px 20px; background:#fff url("/-/Media/jpz/zrh/divert/common/images/popup-bg-05.gif") no-repeat left top; } #popup_style02 #str-footer{ width:928px; } /* ------------------------------------------------------------ h2Block01 ------------------------------------------------------------ */ .h2Block01{ position:relative;} .h2Block01 .hdBtn{ position:absolute; top:22px; right:0; } /* ------------------------------------------------------------ verisign_box ------------------------------------------------------------ */ /* verisign_box ------------------------------ */ .verisign_box{ width:530px; padding-top:10px; } .verisign_box .verisign{ width:115px; float:left; padding:10px 0; } .verisign_box .verisign_text{ float:left; } /* verisign_box2 ------------------------------ */ .verisign_box2{ width:472px; padding:10px 0; } .verisign_box2 .verisign{ width:115px; float:left; padding-right:10px; } .verisign_box2 .verisign_text{ padding-top:27px; float:left; } /* ------------------------------------------------------------ log_title ------------------------------------------------------------ */ .log_title{ text-align:center; padding:5px 0 10px 0; } /* ------------------------------------------------------------ col_bg_style5 ------------------------------------------------------------ */ .col_bg_style5{ padding-bottom:46px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-01-btm.gif) left bottom no-repeat; } .col_bg_style5 .left, .col_bg_style5 .right{ border-left:1px solid #bdd4f1; border-right:1px solid #bdd4f1; background-color:#edf3ff; } .col_bg_style5 .style_inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-01-top.gif) left top no-repeat; padding:6px 0 0 0; } /* ------------------------------------------------------------ col_bg_style6 ------------------------------------------------------------ */ .col_bg_style6{ padding-bottom:6px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-06-btm.gif) left bottom no-repeat; } .col_bg_style6 .left, .col_bg_style6 .right{ border-left:1px solid #6a9adc; border-right:1px solid #6a9adc; } .col_bg_style6 .style_inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-06-top.gif) left top no-repeat; padding-top:6px; } .col_bg_style6 h3{ border-bottom:1px solid #e2e8f1; padding:8px 0 10px 0; margin-bottom:12px; } .box_style6{ width:472px; } .box_style6 .left{ width:211px; padding:0 9px; } .box_style6 .right{ width:211px; padding:0 9px; } .box_style6 ul{ border-bottom:1px solid #E2E8F1; margin-bottom:12px; padding-bottom:12px; } .box_style6 ul.lastChild{ border-bottom:0; margin-bottom:0; } /* ------------------------------------------------------------ box_style1 ------------------------------------------------------------ */ .box_style1box{ width:442px; display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-022-md.gif) repeat-y; padding:5px 15px 10px; } .box_style1boxtop{ width:472px; display:block; position:relative; } .box_style1boxtop p{ position:absolute; top:35px; right:10px; } .box_style1boxtop a{ background:url("/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif") no-repeat scroll 0 5px transparent; line-height:1.5em; padding-left:10px; } .box_style1box .style_inner ul il{ display:block; } .box_style1boxtop_inner{ display:block; background:#edf3ff; padding:10px; width:422px; } /* ------------------------------------------------------------ box_style2box ------------------------------------------------------------ */ .box_style2box{ width:500px; display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-026-md.gif) repeat-y; padding:5px 15px 10px; } .box_style2boxtop{ width:530px; display:block; position:relative; } .box_style2boxtop p{ position:absolute; top:35px; right:10px; } .box_style2boxtop a{ background:url("/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-01.gif") no-repeat scroll 0 5px transparent; line-height:1.5em; padding-left:10px; } .box_style2boxtop_inner{ display:block; background:#edf3ff; padding:10px; width:480px; } /* ------------------------------------------------------------ box_style5 ------------------------------------------------------------ */ .box_style5{ width:472px; position:relative; } .box_style5 .left{ width:229px; } .box_style5 .right{ width:229px; } .box_style5 p{ padding:0 10px; } .box_style5 p.log_title{ padding:5px 0; } .box_style5 .log_btn{ position:absolute; height:36px; bottom:-36px; margin-top:10px; padding:0 0 46px 20px; border-top:1px solid #EDF3FF; } .box_style5 dl.f_type1{ padding:0 8px; } .box_style5 dl.f_type1 dd p{ padding:0 0 5px 0; } /* ------------------------------------------------------------ box_style7 ------------------------------------------------------------ */ .box_style7{ padding-bottom:15px; background:#e2eeff url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/contractor-bg-01.gif) left bottom no-repeat; } .box_style7 p{ padding:0 10px 10px; } .box_style7 p a{ background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat scroll 0 5px transparent; display:block; padding-left:10px; float:right; width:auto; } /* ------------------------------------------------------------ box_style8 ------------------------------------------------------------ */ .box_style8{ width:472px; } .box_style8 .left{ width:170px; text-align:center; } .box_style8 .right{ width:287px; } .box_style8 h3{ padding-bottom:10px; } .box_style8 .right h5{ padding-bottom:10px; } .box_style8 .right p{ padding-bottom:10px; } .box_style8 .right p.arrow{ width:auto; float:right; padding:0; } .box_style8.lW160 .left{ width:160px; text-align:center; } .box_style8.lW160 .right{ width:297px; } /* ------------------------------------------------------------ box_style9 ------------------------------------------------------------ */ .box_style9{ padding-bottom:6px; background:#f1f1f1 url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-01-btm.gif) left bottom no-repeat; } .box_style9 .style_inner{ padding:6px 0 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-01-top.gif) left top no-repeat; } .box_style9 p{ border-left:1px solid #ececec; border-right:1px solid #ececec; padding:4px 14px; } .box_style9 p.attention{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/contractor-bg-03.gif) 10px 4px no-repeat; padding:4px 14px 4px 50px; font-weight:normal; color:#000; height:auto !important; height:30px; min-height:30px; } /* ------------------------------------------------------------ box_style10 ------------------------------------------------------------ */ .box_style10{ padding-bottom:6px; background:#f1f1f1 url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-07-btm.gif) left bottom no-repeat; } .box_style10 .style_inner{ padding:6px 0 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-07-top.gif) left top no-repeat; } .box_style10 dl{ border-left:1px solid #ececec; border-right:1px solid #ececec; padding:4px 9px; } .box_style10 dl dt{ font-weight:bold; } /* ------------------------------------------------------------ box_style11 ------------------------------------------------------------ */ .box_style11{ padding-bottom:6px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-02-btm.gif) left bottom no-repeat; } .box_style11 .style_inner{ padding:15px 13px 9px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-02-top.gif) left top no-repeat; } .box_style11 .left{ width:140px; } .box_style11 .right{ width:270px; } /* ------------------------------------------------------------ box_style13 ------------------------------------------------------------ */ .box_style13{ border-top:2px solid #e9e9e9; border-bottom:1px solid #dae0eb; padding:15px 0 17px 0; } .box_style13 .left{ width:230px; } .box_style13 .right{ width:230px; } /* ------------------------------------------------------------ box_style14 ------------------------------------------------------------ */ .box_style14{ width:472px; padding-bottom:10px; background:#edf3ff url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-03-btm.gif) left bottom no-repeat; } .box_style14 .style_inner{ width:452px; padding:10px 10px 0; background:#edf3ff url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-03-top.gif) left top no-repeat; } .box_style14 .big_arrow{ padding:5px; } .box_style14 dl{ border:1px solid #4469b4; padding:10px; background:#fff; } .box_style14 dl dd{ margin-top:5px; } .box_style14 dl.lastChild{ border:1px solid #db1c1c; } .box_style14 dl.lastChild dd{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/campaign/img/campaign-bg-01.gif) 10px top no-repeat; padding:10px 0 10px 60px; height:auto!important; height:18px; min-height:18px; } /* ------------------------------------------------------------ box_style15 ------------------------------------------------------------ */ .box_style15{ width:472px; padding-bottom:10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-04-btm.gif) left bottom no-repeat; } .box_style15 .style_inner{ width:452px; padding:10px 10px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-04-top.gif) left top no-repeat; } /* ------------------------------------------------------------ box_style16 ------------------------------------------------------------ */ .box_style16{ width:880px; padding-bottom:10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-05-btm.gif) left bottom no-repeat; } .box_style16 .style_inner{ width:850px; padding:10px 15px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-1colbox-05-top.gif) left top no-repeat; } /* ------------------------------------------------------------ box_style21 ------------------------------------------------------------ */ #box_style21{ padding:10px 35px 5px; } #box_style21 img{ vertical-align:top; } #box_style21 #certificate{ width:232px; } #box_style21 #family-name, #box_style21 #first-name{ width:101px; } /* ------------------------------------------------------------ box_style22 ------------------------------------------------------------ */ .box_style22{ padding:0 0 10px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/accident/img/accident-bg-01.gif) no-repeat left bottom; } .box_style22 img{ vertical-align:top; } .box_style22 .txt{ margin:5px 15px 0 15px; } /* ------------------------------------------------------------ box_style23 ------------------------------------------------------------ */ .box_style23 .box_style23Txt{ padding:0 10px; } .box_style23 .box_style23Txt02{ padding:10px; } .box_style23 .careBtnArea{ position:relative; width:430px; } .box_style23 .careBtnArea .careBtn01{ position:absolute; top:61px; right:10px; } .box_style23 .careBtnArea .careTxt{ position:absolute; top:19px; left:10px; } .box_style23 .careBtnArea .careBtn02{ position:absolute; top:25px; right:10px; } .box_style23Bg03{ background-color:#edf3ff; margin-top:10px; width:471px; } /* ------------------------------------------------------------ box_style24 ------------------------------------------------------------ */ .box_style24{ margin:0 0 0 0; padding:0 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/accident/img/consultatoin-bg-01.gif) no-repeat bottom; } .box_style24 img{ vertical-align:top; } .box_style24 .style_inner{ padding:10px 10px 10px 100px; } /* ------------------------------------------------------------ box_style29 ------------------------------------------------------------ */ .box_style29{ margin:0 0 10px 0; } .box_style29 dt{ float:left; width:49px; } .box_style29 dd{ float:right; width:416px; } /* ------------------------------------------------------------ box_style30 ------------------------------------------------------------ */ .box_style30{ margin:5px 0 20px 0; } .box_style30 .txt{ width:360px; float:left; } /* ------------------------------------------------------------ box_style31 ------------------------------------------------------------ */ .box_style31 ul{ float:right; } .box_style31 ul li{ display:inline; float:left; margin-left:5px; } /* ------------------------------------------------------------ box_style32 ------------------------------------------------------------ */ .box_style32{ background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/accident/img/zsticker-bg-02.gif) #edf3ff left bottom no-repeat; width:472px; } .box_style32_inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/accident/img/zsticker-bg-01.gif) left top no-repeat; padding:11px 0; } .box_style32 dl{ margin:0 10px; padding:0 0 48px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/accident/img/care-bg-02.gif) no-repeat left bottom; } .box_style32 dl dt{ margin-bottom:8px; font-size:0; } .box_style32 dl dd{ margin:0 12px; } .box_style32 div.last_block{ border:1px solid #4469b4; background:#fff; margin:0 10px; padding:10px; } .box_style32 div.last_block .left{ width:273px; } .box_style32 div.last_block .right{ width:144px; } /* ------------------------------------------------------------ box_style33 ------------------------------------------------------------ */ .box_style33{ width:472px; margin-bottom:20px; } .box_style33 .left, .box_style33 .right{ width:231px; background:#f4f4f4; } .box_style33 .left ul, .box_style33 .right ul{ width:211px; margin:0 10px; } .box_style33 .left ul li, .box_style33 .right ul li{ margin-bottom:5px; } /* ------------------------------------------------------------ box_style34 ------------------------------------------------------------ */ .box_style34{ margin-bottom:20px; } .box_style34 li{ float:left; margin-right:4px; } /* ------------------------------------------------------------ box_style35 ------------------------------------------------------------ */ .box_style35{ clear:both; width:472px; background:#edf3ff url(/-/Media/jpz/zrh/divert/direct/auto/about/img/about-bg-01.gif) no-repeat left top; } .box_style35 .style_inner{ padding:0 13px; background:url(/-/Media/jpz/zrh/divert/direct/auto/about/img/about-bg-02.gif) no-repeat left bottom; } .box_style35 .box01{ padding:10px 0 10px 88px; margin-bottom:10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/about/img/about-bg-03.gif) no-repeat left bottom; } .box_style35 .box02{ padding:0 0 10px 88px; background:url(/-/Media/jpz/zrh/divert/direct/auto/about/img/about-bg-04.gif) no-repeat left bottom; } /* ------------------------------------------------------------ box_style36 ------------------------------------------------------------ */ .box_style36{ position:relative; margin:0 0 20px 0; padding:0 0 30px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/choice/img/compensation-bg-02.gif) no-repeat left bottom; } .box_style36 .box01{ float:left; width:231px; background:url(/-/Media/jpz/zrh/divert/direct/auto/choice/img/compensation-bg-01.gif) no-repeat left top; } .box_style36 .box01_inner{ padding:10px 10px 0 10px; } .box_style36 .box02{ float:right; width:231px; background:url(/-/Media/jpz/zrh/divert/direct/auto/choice/img/compensation-bg-01.gif) no-repeat left top; } .box_style36 .box02_inner{ padding:10px 10px 0 10px; } .box_style36 .box01 .arrow{ position:absolute; bottom:10px; right:252px; white-space:nowrap; } .box_style36 .box02 .arrow{ position:absolute; bottom:10px; right:10px; white-space:nowrap; } .box_style36_bg01{ position:relative; margin:0 0 20px 0; padding:0 0 30px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/choice/img/compensation-bg-03.gif) no-repeat left bottom; } .box_style36_bg01 .box01{ float:left; width:231px; background:url(/-/Media/jpz/zrh/divert/direct/auto/choice/img/compensation-bg-01.gif) no-repeat left top; } .box_style36_bg01 .box01_inner{ padding:10px 10px 0 10px; } .box_style36_bg01 .box01 .arrow{ position:absolute; bottom:10px; right:252px; white-space:nowrap; } /* ------------------------------------------------------------ box_style37 ------------------------------------------------------------ */ .box_style37{ margin:0 0 20px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/voice/img/whole-bg-02.gif) no-repeat left bottom; } .box_style37 .style_inner{ padding:10px 12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/voice/img/whole-bg-01.gif) no-repeat left top; } .box_style37 .style_inner ul{ min-height:53px; height:auto !important; height:63px; padding:0 0 10px 60px; } .box_style37 .style_inner ul.bg_style01{ background:url(/-/Media/jpz/zrh/divert/direct/auto/voice/img/whole-bg-03.gif) no-repeat left top; } .box_style37 .style_inner ul.bg_style02{ background:url(/-/Media/jpz/zrh/divert/direct/auto/voice/img/whole-bg-04.gif) no-repeat left top; } .box_style37 .style_inner ul li{ margin:0 0 2px 0; padding:0 0 0 13px; color:#003399; background:url(/-/Media/jpz/zrh/divert/direct/auto/voice/img/whole-ico-01.gif) no-repeat left 5px; } .box_style37 .style_inner dl{ padding:10px 0 0 60px; background:url(/-/Media/jpz/zrh/divert/direct/auto/voice/img/whole-bg-05.gif) no-repeat left top; } .box_style37 .style_inner dl dt{ margin:0 0 5px 0; font-weight:bold; } /* ------------------------------------------------------------ box_style38 ------------------------------------------------------------ */ .box_style38 dl{ float:left; width:199px; margin:0 18px 0 0; } .box_style38 dt{ margin:0 0 10px 0; } .box_style38 dt img{ vertical-align:top; } /* ------------------------------------------------------------ box_style39 ------------------------------------------------------------ */ .box_style39 ul{ border-bottom:1px #dddddd solid; } .box_style39 ul li{ width:166px; float:left; text-align:center; margin-right:5px; margin-bottom:0 !important; background:#083a9d url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_o.gif") no-repeat left top; } .box_style39 ul li.current{ background:#e6e9e8 url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_h.gif") no-repeat left top; } .box_style39 ul li a{ margin-left:4px; padding:7px 11px 6px 8px; display:block; color:#FFFFFF; text-decoration:none; background:transparent url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_o.gif") no-repeat right top; } .box_style39 ul li a:hover{ text-decoration:underline; } .box_style39 ul li a:visited{ color:#FFFFFF; } .box_style39 ul li.current a{ background-image:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_h.gif"); color:#333333 !important; font-weight:bold; } /* ------------------------------------------------------------ box_style40 ------------------------------------------------------------ */ .box_style40{ position:relative; margin-bottom:20px; padding:0 0 20px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/navi/img/accident-bg-02.gif) no-repeat left bottom; } .box_style40_bg01{ background:url(/-/Media/jpz/zrh/divert/direct/auto/navi/img/accident-bg-03.gif) no-repeat left bottom; } .box_style40_bg02{ background:url(/-/Media/jpz/zrh/divert/direct/auto/navi/img/accident-bg-06.gif) no-repeat left bottom; } .box_style40 .box01, .box_style40 .box02, .box_style40 .box03{ float:left; width:272px; margin:0 17px 0 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/navi/img/accident-bg-01.gif) no-repeat left top; } .box_style40 .box03{ margin-right:0; } .box_style40 .box01 .style_inner, .box_style40 .box02 .style_inner, .box_style40 .box03 .style_inner{ padding:10px 15px; } .box_style40 .box01 .arrow{ position:absolute; bottom:10px; right:592px; white-space:nowrap; } .box_style40 .box02 .arrow{ position:absolute; bottom:10px; right:301px; white-space:nowrap; } .box_style40 .box03 .arrow{ position:absolute; bottom:10px; right:12px; white-space:nowrap; } /* ------------------------------------------------------------ box_style41 ------------------------------------------------------------ */ .box_style41{ position:relative; width:561px; background:url(/-/Media/jpz/zrh/divert/direct/auto/navi/img/accident-bg-05.gif) no-repeat left bottom; } .box_style41 .style_inner{ padding:10px 15px; background:url(/-/Media/jpz/zrh/divert/direct/auto/navi/img/accident-bg-04.gif) no-repeat left top; } .box_style41 .arrow{ position:absolute; bottom:11px; right:12px; } /* ------------------------------------------------------------ box_style42 ------------------------------------------------------------ */ .box_style42{ margin:0 0; } .box_style42 .column_box01{ float:left; margin:12px 6px 0 0; } .box_style42 .column_box02{ float:left; margin:12px 5px 0 0; } .box_style42 .columnBlock03{ float:left; } /* ------------------------------------------------------------ box_style44 ------------------------------------------------------------ */ .box_style44{ padding:0 0 5px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/iphone-bg-02.gif) no-repeat left bottom; } .box_style44 .style_inner{ min-height:175px; background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/iphone-bg-01.gif) no-repeat left top; } .box_style44 dt img{ font-size:0; margin:0 0 6px 0; vertical-align:top; } .box_style44 dd{ padding:0 10px 5px 10px; } .box_style44 .step01, .box_style44 .step02, .box_style44 .step03, .box_style44 .step04{ display:inline; float:left; padding:10px 0 0 0; } .box_style44 .step01{ width:141px; margin-left:11px; } .box_style44 .step02{ width:141px; margin-left:25px; } .box_style44 .step03{ width:141px; margin-left:25px; } .box_style44 .step04{ width:141px; margin-left:25px; } /* ------------------------------------------------------------ box_style45 ------------------------------------------------------------ */ .box_style45{ padding:10px 10px 5px; background:#edf3ff url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/iphone-bg-05.gif) bottom no-repeat; } /* ------------------------------------------------------------ box_style48 ------------------------------------------------------------ */ .box_style48{ background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/img/index-bg-02.gif) no-repeat left bottom; } .box_style48 .column_box01{ float:left; width:231px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/img/index-bg-01.gif) no-repeat left top; } .box_style48 .column_box02{ float:right; width:231px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/img/index-bg-01.gif) no-repeat left top; } .box_style48 .column_box01 .style_inner, .box_style48 .column_box02 .style_inner{ padding:8px 10px 12px 10px; } /* ------------------------------------------------------------ box_style49 ------------------------------------------------------------ */ .box_style49{ padding:0 0 50px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/person-bg-01.gif) no-repeat left bottom; } .box_style49 dl dt{ float:left; width:90px; } .box_style49 dl dd{ float:right; width:360px; } /* ------------------------------------------------------------ box_style50 ------------------------------------------------------------ */ .box_style50{ font-family:sans-serif; } .box_style50 dt{ float:left; width:110px; font-weight:bold; } .box_style50 dd{ float:right; width:355px; } /* ------------------------------------------------------------ box_style51 ------------------------------------------------------------ */ .box_style51{ font-family:sans-serif; } .box_style51 dt{ float:left; width:95px; font-weight:bold; } .box_style51 dd{ float:right; width:370px; } /* ------------------------------------------------------------ box_style52 ------------------------------------------------------------ */ .box_style52{ font-family:sans-serif; } .box_style52 dt{ float:left; width:85px; font-weight:bold; } .box_style52 dd{ float:right; width:380px; } /* ------------------------------------------------------------ box_style53 ------------------------------------------------------------ */ .box_style53 .column_box01{ float:left; width:90px; } .box_style53 .column_box02{ float:right; width:360px; } .box_style53 .column_box02 dl{ margin:0 0 10px 0; padding:0 0 38px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/object-bg-01.gif) no-repeat center bottom; } .box_style53 .column_box02 ul{ margin:0 0 10px 0; padding:0 0 38px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/object-bg-01.gif) no-repeat center bottom; } /* ------------------------------------------------------------ box_style54 ------------------------------------------------------------ */ .box_style54 .column_box01{ float:left; width:90px; } .box_style54 .column_box02{ float:right; width:360px; } /* ------------------------------------------------------------ box_style55 ------------------------------------------------------------ */ .box_style55{ background:#edf3ff; } .box_style55 ul li{ float:left; } .box_style55 ul li img{ font-size:0; } /* ------------------------------------------------------------ box_style56 ------------------------------------------------------------ */ .box_style56{ background:#EDF3FF url(/-/Media/jpz/zrh/divert/common/images/cmn-bg-02.gif) no-repeat left bottom; } .box_style56 p img{ font-size:0; } .box_style56 .style_inner{ padding:10px; } /* ------------------------------------------------------------ box_style60 ------------------------------------------------------------ */ .box_style60{ padding:10px; background:#eeeeee; } /* ------------------------------------------------------------ box_style62 ------------------------------------------------------------ */ .box_style62{ background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/accident/img/index-bg-01.gif) left top repeat-y; padding:0 12px; } /* ------------------------------------------------------------ box_style63 ------------------------------------------------------------ */ .box_style63{ float:left; margin-right:14px; background:url("/direct/auto/demo/img/method_tel-img-list_07.gif") no-repeat scroll left top transparent; width:210px; height:184px; } .box_style63 p{ padding:20px 10px 0; width:190px; } /* ------------------------------------------------------------ box_style64 ------------------------------------------------------------ */ .box_style64{ float:left; margin-right:14px; background:url("/direct/auto/demo/img/method_tel-img-list_08.gif") no-repeat scroll left top transparent; width:210px; height:184px; } .box_style64 p{ padding:20px 10px 0; width:190px; } /* ------------------------------------------------------------ box_style65 ------------------------------------------------------------ */ .box_style65{ float:left; background:url("/direct/auto/demo/img/method_tel-img-list_09.gif") no-repeat scroll left top transparent; width:210px; } .box_style65 p{ padding:20px 10px 0; width:190px; height:184px; } /* ------------------------------------------------------------ box_style66 ------------------------------------------------------------ */ .box_style66{ float:left; width:118px; margin-right:14px; } /* ------------------------------------------------------------ box_style67 ------------------------------------------------------------ */ .box_style67{ float:left; width:118px; } .box_style66 a, .box_style67 a, .box_style70 a, .box_style68.box_style68_02 a{ background:url("/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif") no-repeat scroll left 0.3em transparent; display:block; padding-left:10px; } /* ------------------------------------------------------------ box_style68 ------------------------------------------------------------ */ .box_style68{ float:left; width:190px; margin-right:10px; position:relative; } .box_style68_02{ width:205px; margin-right:60px; } /* ------------------------------------------------------------ box_style69 ------------------------------------------------------------ */ .box_style69{ width:80px; margin-right:5px; } /* ------------------------------------------------------------ box_style70 ------------------------------------------------------------ */ .box_style70{ width:80px; position:absolute; top:15px; left:85px; } /* ------------------------------------------------------------ box_style71 ------------------------------------------------------------ */ .box_style71{ float:left; width:190px; position:relative; } /* ------------------------------------------------------------ box_style72 ------------------------------------------------------------ */ .box_style72{ background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/img/index-bg-03.gif) no-repeat left top; } .box_style72 .style_inner{ padding: 11px 17px; } .box_style72 .style_inner .image{ margin-right: 25px; float: left; } .box_style72 .style_inner .text{ overflow: hidden; zoom: 1; } /* ------------------------------------------------------------ box_style73 2015/6/17追記 ------------------------------------------------------------ */ .box_style73{ margin:0 0 10px 0; } .box_style73 dt{ float:left; width:38px; } .box_style73 dd{ float:right; width:427px; } /* ------------------------------------------------------------ box_style_zero_main ------------------------------------------------------------ */ .box_style_zero_main{ padding:0; background:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/zero_main_bg.jpg) no-repeat left bottom; display:block; height:205px; width:660px; } .box_style_zero_main .column_box01{ float:right; width:440px; display:block; height:130px; text-align:left; padding:50px 15px 0px 0px; } .zero_main{ font-size:1.2em; font-weight:bold; color:#333333; } .box_style_zero_cont{ padding:0; display:block; height:auto; width:650px; } .box_style_zero_cont .style_inner_top{ height:58px; background:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/zero-inner-top_bg.gif) no-repeat left top; display:block; height:58px; } .box_style_zero_cont .style_inner_main{ height:225px; background:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/zero-inner-main_bg.gif) repeat-y left top; } .box_style_zero_cont .style_inner_buttom{ height:50px; background:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/zero-inner-buttom_bg.gif) no-repeat left top; } .box_style_zero_cont .style_inner_main ul li{ display:block; } /* ------------------------------------------------------------ zero_cont_curriculum1 ------------------------------------------------------------ */ .zero_cont_curriculum1{ font-size:1.1em; font-weight:bold; color:#FFF; background:url(/-/Media/jpz/zrh/divert/direct/auto/zero/img/zero_cont_curriculum1_bg.gif) no-repeat center center; letter-spacing:0.5em; display:block; } .zero_cont_curriculum2{ font-size:1.2em; color:#0935a0; font-weight:bold; padding:6px 0; display:block; height:25px; } .zero_cont_curriculum2 a{ color:#0935a0; font-weight:bold; padding:10px 0 10px 0; } /* ------------------------------------------------------------ zero_column_box01 ------------------------------------------------------------ */ .zero_column_box01{ float:left; width:320px; height:auto; display:block; height:auto; text-align:center; } .zero_column_box02{ float:right; width:320px; height:auto; display:block; text-align:center; } /* ------------------------------------------------------------ nav_pageback ------------------------------------------------------------ */ .nav_pageback{ display:block; *display:inline; padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) left center no-repeat; *cursor:pointer; } /* ------------------------------------------------------------ zero_box ------------------------------------------------------------ */ .zero_box{ display:block; height:60px; width:600px; margin-left:130px; margin-top:10px; } .zero_alert{ display:block; height:30px; width:600px; margin-top:10px; } /* ------------------------------------------------------------ col_bg_style21 ------------------------------------------------------------ */ .col_bg_style21{ padding-bottom:6px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-06-btm.gif) left bottom no-repeat; } .col_bg_style21 .left, .col_bg_style21 .right{ border-left:1px solid #6a9adc; border-right:1px solid #6a9adc; } .col_bg_style21 .style_inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/bg-2colbox-06-top.gif) left top no-repeat; padding-top:6px; } .col_bg_style21 h4{ border-bottom:1px solid #e2e8f1; padding:8px 0 10px 0; margin-bottom:12px; } /* ------------------------------------------------------------ f_type1 ------------------------------------------------------------ */ dl.f_type1{ margin-top:15px; } dl.f_type1 dt{ padding-bottom:5px; } dl.f_type1 dd{ padding-bottom:15px; } /* ------------------------------------------------------------ info ------------------------------------------------------------ */ dl.info{ line-height:1.7em; } dl.info dt{ width:6em; float:left; color:#a69a96; } dl.info dd{ margin-left:6em; } /* ------------------------------------------------------------ maintenance ------------------------------------------------------------ */ .maintenance dl{ padding:15px 0 0 0; margin-top:28px; border-top:1px solid #dae0eb; } .maintenance dl dt{ padding-bottom:6px; } .maintenance dl dd{ padding-bottom:19px; } /* ------------------------------------------------------------ form ------------------------------------------------------------ */ input.input_bar, select.input_bar{ border:1px solid#7f9db9; } input.input_bar{ width:238px; } input.input_bar2{ width:209px; } /* ------------------------------------------------------------ arrow ------------------------------------------------------------ */ #arrow{ display:block; margin:0px auto; } p.arrow a{ display:block; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat left 0.35em; padding-left:10px; } p.arrow2{ overflow:hidden; } p.arrow2 a{ display:block; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) left center no-repeat; padding-left:10px; float:right; } p.arrow2 a:hover{ text-decoration:none !important; } p.arrow_c1 a{ background:url("/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif") no-repeat scroll left 0.35em transparent; display:block; padding-left:10px; /margin-top:20px; } /* ------------------------------------------------------------ link_list ------------------------------------------------------------ */ ul.link_list li a{ background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) 0px 5px no-repeat; padding-left:10px; display:block; line-height:1.5em; } ul.link_list2 li{ display:block; background:url(/-/Media/jpz/zrh/divert/common/images/ico-sq-bl.gif) 0px 5px no-repeat; padding-left:15px; line-height:1.5em; margin-bottom:5px; } /* ------------------------------------------------------------ link_pdf ------------------------------------------------------------ */ ul.link_pdf li{ background:url(/-/Media/jpz/zrh/divert/common/images/ico-pdf.gif) 0px 0px no-repeat; line-height:1.5em; margin-bottom:5px; } ul.link_pdf li a{ padding-left:22px; } /* ------------------------------------------------------------ text_indet_box01 ------------------------------------------------------------ */ .text_indet_box01 li{ padding-left:12px; text-indent:-12px; margin-bottom:2px; } /* ------------------------------------------------------------ list_box01 ------------------------------------------------------------ */ ul.list_box01{ padding:0 0 0 19px; } ol.list_box01{ padding:0 0 0 26px; } ul.list_box01 li{ margin:0 0 4px 0; list-style:disc; } ol.list_box01 li{ margin:0 0 4px 0; list-style:decimal; } ol.list_box01 li ul li{ list-style:none; } ol.list_box01 li ul.list_box04 li{ margin:0 0 4px 0; list-style:lower-alpha; } /* ------------------------------------------------------------ list_box02 ------------------------------------------------------------ */ ul.list_box02{ margin:0 0 30px 3px; } ul.list_box02 li{ padding:0 0 4px 11px; background:url(/-/Media/jpz/zrh/divert/common/images/list-ico-01.gif) no-repeat left 0.55em; } /* ------------------------------------------------------------ list_box03 ------------------------------------------------------------ */ ul.list_box03 li{ padding:0 0 3px 11px; background:url(/-/Media/jpz/zrh/divert/common/images/list-ico-02.gif) no-repeat left 0.25em; } ul.list_box03 li li{ background:none; } ul.list_box03 ul.list_box02 li{ padding:0 0 4px 11px; background:url(/-/Media/jpz/zrh/divert/common/images/list-ico-01.gif) no-repeat left 0.55em; } /* ------------------------------------------------------------ list_box04 ------------------------------------------------------------ */ ul.list_box04{ padding:0 0 0 26px; } ul.list_box04 li{ margin:0 0 4px 0; list-style:lower-alpha; } ul.list_box04 li li{ list-style:none; } /* ------------------------------------------------------------ list_box05 ------------------------------------------------------------ */ ul.list_box05{ margin:0 0 10px 3px; } /* ------------------------------------------------------------ caution_block01 ------------------------------------------------------------ */ .caution_block01 li{ margin:0 0 4px 0; text-indent:-12px; padding-left:12px; } .caution_block01 li li{ text-indent:0; padding-left:0; } /* ------------------------------------------------------------ caution_block02 ------------------------------------------------------------ */ .caution_block02 li{ margin:0 0 4px 0; text-indent:-19px; padding-left:19px; } /* ------------------------------------------------------------ caution_block03 ------------------------------------------------------------ */ .caution_block03{ text-indent:-10px; padding-left:10px; font-size:80%; } /* ------------------------------------------------------------ indentBox01 ------------------------------------------------------------ */ .indentBox01{ paddin:0 10px; } /* ------------------------------------------------------------ table_style1 ------------------------------------------------------------ */ .table_style1{ } .table_style1 table{ border-left:1px solid #97bce1; border-top:1px solid #97bce1; } .table_style1 table th, .table_style1 table td{ border-bottom:1px solid #97bce1; border-right:1px solid #97bce1; padding:9px; } .table_style1 table thead th{ background:#c2defe; } .table_style1 table tbody th{ background:#e3f3ff; width:155px; } .table_style1 table th{ font-weight:bold; vertical-align:middle; } /* ------------------------------------------------------------ table_style2 ------------------------------------------------------------ */ .table_style2{ } .table_style2 table{ border-left:1px solid #97bce1; border-top:1px solid #97bce1; } .table_style2 table th, .table_style2 table td{ border-bottom:1px solid #97bce1; border-right:1px solid #97bce1; padding:9px; } .table_style2 table thead th{ background:#c2defe; } .table_style2 table tbody th{ background:#c2defe; width:185px; } .table_style2 table th{ vertical-align:middle; } /* ------------------------------------------------------------ table_style4 ------------------------------------------------------------ */ .table_style4 table{ width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; } .table_style4 table th, .table_style4 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:9px; } .table_style4 table thead th{ background:#608cc8; text-align:center; color:#FFFFFF; } .table_style4 table tbody th{ background:#F6F6F6; } .table_style4 table th{ vertical-align:middle; } .table_style4 table td{ color:#666666; } /* ------------------------------------------------------------ table_style5 ------------------------------------------------------------ */ .table_style5 table{ border-left:1px solid #ddd; border-top:1px solid #ddd; } .table_style5 table th, .table_style5 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:8px; font-family:sans-serif; vertical-align:middle; } .table_style5 table thead th{ background:#608cc8; text-align:center; color:#FFFFFF; } .table_style5 table tbody th{ background:#F6F6F6; } .table_style5 table th{ vertical-align:middle; } .table_style5 table .bg_style01{ color:#FFFFFF; background:#608cc8; } /* ------------------------------------------------------------ table_style6 ------------------------------------------------------------ */ .table_style6 table{ border-left:1px solid #ddd; border-top:1px solid #ddd; } .table_style6 table th, .table_style6 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:6px; text-align:center; vertical-align:middle; } .table_style6 table thead th{ background:#608cc8; color:#FFFFFF; } .table_style6 table tbody th{ background:#f6f6f6; border-left:6px solid #8b8b8b; } .table_style6 table .bg_style01{ background:#003399; } .table_style6 table .bg_style02{ background:#8b8b8b; } .table_style6 table .bgStyle03{ background:#fff1c8; } .table_style6 table .thStyle01{ background:#8b8b8b; text-align:left; color:#FFF; } /* ------------------------------------------------------------ table_style7 ------------------------------------------------------------ */ .table_style7 table{ border-left:1px solid #ddd; border-top:1px solid #ddd; } .table_style7 table th, .table_style7 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px; vertical-align:middle; } .table_style7 table thead th{ background:#608cc8; text-align:center; color:#FFFFFF; } .table_style7 table tbody th{ background:#F6F6F6; } .table_style7 table th{ vertical-align:middle; } .table_style7 table .text_style6{ font-family:sans-serif!important; } /* ------------------------------------------------------------ table_style8 ------------------------------------------------------------ */ .table_style8 table{ width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; } .table_style8 table th, .table_style8 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:9px; } .table_style8 table thead th{ background:#608cc8; text-align:center; color:#FFFFFF; } .table_style8 table tbody th{ background:#F6F6F6; } .table_style8 table th{ vertical-align:middle; } /* ------------------------------------------------------------ table_style11 ------------------------------------------------------------ */ .table_style11{ width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; background:#FFF; color:#666666; } .table_style11 table th, .table_style11 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:6px; color:#000; } .style11_th{ background:#608cc8; padding:0px; width:26px; } .style11_td{ background:#F6F6F6; vertical-align:middle; } /* ------------------------------------------------------------ search_map ------------------------------------------------------------ */ .search_map{ position:relative; width:560px; height:308px; } .search_map ul li{ margin:0 0 !important; padding:0 0 !important; } .search_map ul li img{ vertical-align:top; } .search_map ul li.area01{ position:absolute; left:475px; top:5px; } .search_map ul li.area02{ position:absolute; left:475px; top:79px; } .search_map ul li.area03{ position:absolute; left:425px; top:104px; } .search_map ul li.area04{ position:absolute; left:475px; top:104px; } .search_map ul li.area05{ position:absolute; left:475px; top:129px; } .search_map ul li.area06{ position:absolute; left:425px; top:129px; } .search_map ul li.area07{ position:absolute; left:475px; top:154px; } .search_map ul li.area08{ position:absolute; left:475px; top:204px; } .search_map ul li.area09{ position:absolute; left:475px; top:179px; } .search_map ul li.area10{ position:absolute; left:425px; top:179px; } .search_map ul li.area11{ position:absolute; left:425px; top:204px; } .search_map ul li.area12{ position:absolute; left:475px; top:229px; } .search_map ul li.area13{ position:absolute; left:425px; top:229px; } .search_map ul li.area14{ position:absolute; left:425px; top:254px; } .search_map ul li.area15{ position:absolute; left:425px; top:154px; } .search_map ul li.area16{ position:absolute; left:375px; top:179px; } .search_map ul li.area17{ position:absolute; left:375px; top:229px; } .search_map ul li.area18{ position:absolute; left:375px; top:204px; } .search_map ul li.area19{ position:absolute; left:375px; top:254px; } .search_map ul li.area20{ position:absolute; left:325px; top:254px; } .search_map ul li.area21{ position:absolute; left:325px; top:279px; } .search_map ul li.area22{ position:absolute; left:325px; top:229px; } .search_map ul li.area23{ position:absolute; left:325px; top:179px; } .search_map ul li.area24{ position:absolute; left:275px; top:179px; } .search_map ul li.area25{ position:absolute; left:325px; top:204px; } .search_map ul li.area26{ position:absolute; left:275px; top:204px; } .search_map ul li.area27{ position:absolute; left:225px; top:229px; } .search_map ul li.area28{ position:absolute; left:225px; top:204px; } .search_map ul li.area29{ position:absolute; left:275px; top:229px; } .search_map ul li.area30{ position:absolute; left:275px; top:254px; } .search_map ul li.area31{ position:absolute; left:225px; top:179px; } .search_map ul li.area32{ position:absolute; left:175px; top:179px; } .search_map ul li.area33{ position:absolute; left:175px; top:204px; } .search_map ul li.area34{ position:absolute; left:125px; top:179px; } .search_map ul li.area35{ position:absolute; left:125px; top:204px; } .search_map ul li.area36{ position:absolute; left:165px; top:264px; } .search_map ul li.area37{ position:absolute; left:165px; top:239px; } .search_map ul li.area38{ position:absolute; left:115px; top:239px; } .search_map ul li.area39{ position:absolute; left:115px; top:264px; } .search_map ul li.area40{ position:absolute; left:55px; top:179px; } .search_map ul li.area41{ position:absolute; left:5px; top:179px; } .search_map ul li.area42{ position:absolute; left:5px; top:204px; } .search_map ul li.area43{ position:absolute; left:5px; top:229px; } .search_map ul li.area44{ position:absolute; left:55px; top:204px; } .search_map ul li.area45{ position:absolute; left:55px; top:229px; } .search_map ul li.area46{ position:absolute; left:55px; top:254px; } .search_map ul li.area47{ position:absolute; left:5px; top:284px; } /* ------------------------------------------------------------ line_style2 ------------------------------------------------------------ */ .line_style2{ margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px solid #e9e9e9; } /* ------------------------------------------------------------ bdnone ------------------------------------------------------------ */ .bdnone{ border-bottom:none !important; } /* ------------------------------------------------------------ nav-tab-01 ------------------------------------------------------------ */ .nav-tab-01{ clear:both; border-bottom:1px solid #dddddd; } .nav-tab-01 ul, .nav-tab-01 ul li{ margin-bottom:0; } .nav-tab-01 ul li{ background:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_o.gif") no-repeat scroll left top #083A9D; float:left; margin-right:1px; } .nav-tab-01 ul li.current{ background:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_h.gif") no-repeat scroll left top #E6E9E8; } .nav-tab-01 ul li a{ background:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_o.gif") no-repeat scroll right top transparent; display:block; margin-left:4px; padding:7px 11px 6px 8px; color:#FFFFFF; text-decoration:none; } *html .nav-tab-01 ul li a{ display:inline; } .nav-tab-01 ul li a:visited{ color:#FFFFFF; } .nav-tab-01 ul li a:hover{ text-decoration:underline; } .nav-tab-01 ul li.current a{ background-image:url("/-/Media/jpz/zrh/divert/common/images/nav-global-bg-01_h.gif"); font-weight:bold; color:#333333 !important; text-decoration:none; } .nav-tab-01 ul li.current a:hover{ text-decoration:underline; } .nav-tab-01 ul.option li a{ width:75px; } /* ------------------------------------------------------------ nav-tab-01 ------------------------------------------------------------ */ .nav-btn{ margin-top:1.6em; text-align:right; } .nav-btn img{ margin-bottom:0; } ul.nav-btn li{ float:left; margin-right:10px; } ul.nav-btn li.last-child{ float:right; margin-right:0; } div.nav-btn{ position:relative; text-align:left; } div.nav-btn ul{ float:left; } div.nav-btn p{ bottom:0; float:right; margin-bottom:0; position:absolute; right:0; } /* ------------------------------------------------------------ section_Simulation ------------------------------------------------------------ */ #section_Simulation{ width:850px; position:relative; } #section_Simulation #simulation_Logo{ position:absolute; top:0px; right:-8px; } /* ------------------------------------------------------------ box_Simulation ------------------------------------------------------------ */ .box_Simulation{ width:850px; padding:76px 0 0 0; background:url("/-/Media/jpz/zrh/divert/direct/auto/demo/simulation/img/index0-img-02.gif") no-repeat left top #f0f3f8; } .box_Simulation_Inner{ position:relative; width:850px; height:462px; padding:0 0 12px 0; background:url("/-/Media/jpz/zrh/divert/direct/auto/demo/simulation/img/index0-img-03.gif") no-repeat left bottom #f0f3f8; } /* Title ------------------------------ */ .box_Simulation h2, .box_Simulation h3{ text-align:center; } .box_Simulation h3{ margin:10px 0 0 0; } /* input_Simulation ------------------------------ */ .box_Simulation .input_Simulation{ position:relative; } .box_Simulation .input_Simulation img.preLableImg{ margin:0 12px 0 0; /margin:0 12px 0 0; } .box_Simulation .input_Simulation img.input_Base_Img{ margin:0; } .box_Simulation .input_Simulation .chk_Base{ display:inline-block; position:relative; margin:0 0 0 0; _margin:0 0 0 0; width:37px; height:37px; } .box_Simulation .input_Simulation .input_Base{ display:inline-block; position:relative; margin:0 0 0 0; width:100px; height:47px; z-index:10; zoom:1 } .box_Simulation .input_Simulation .input_Base img{ z-index:20; } .box_Simulation .input_Simulation .input_Base input{ width:88px; height:47px; padding:0 6px 0 6px; border:none; position:absolute; top:0px; right:0px; font-size:32px; font-weight:bold; text-align:right; line-height:1.5; background:url("/-/Media/jpz/zrh/divert/direct/auto/demo/simulation/img/index0-chk-03.gif") no-repeat scroll 0 0 transparent; z-index:100; ime-mode:disabled; } .box_Simulation .input_Simulation .chk_Base .chk_Img{ position:absolute; top:-6px; right:-3px; visibility:hidden; } .box_Simulation .input_Simulation .chk_Label{ padding:0 0 0 12px; } .box_Simulation .input_Simulation .setS05_Label{ /position:relative; /top:14px; } .box_Simulation .input_Simulation .setS06_Label{ /position:relative; /top:14px; } .box_Simulation .input_Simulation .chk_Label img{ vertical-align:top; } /* btn_Set ------------------------------ */ .box_Simulation .btn_Set{ position:absolute; bottom:36px; left:0px; width:850px; text-align:center; background:none repeat scroll 0 0 #f0f3f8; } .box_Simulation .btn_Set li{ display:inline; margin:0 20px 0 0; } /* span_Table ------------------------------ */ .box_Simulation #span_Table{ display:inline-block; position:relative; width:609px; height:205px; } .box_Simulation #span_Table .span_Table_Text{ display:block; position:absolute; width:169px; height:26px; padding:7px 4px 0 8px; font-size:16px; font-weight:bold; color:#DC143C; } .box_Simulation #span_Table .noAmends{ color:#000000; } .box_Simulation #span_Table .val01{ top:35px; right:1px; z-index:7; } .box_Simulation #span_Table .val02{ top:69px; right:1px; z-index:6; } .box_Simulation #span_Table .val03{ top:103px; right:1px; z-index:5; } .box_Simulation #span_Table .val04{ top:137px; right:1px; z-index:4; } .box_Simulation #span_Table .val05{ top:171px; right:1px; z-index:3; } /* input_S07080910 ------------------------------ */ .box_Simulation.input_S07080910{ padding:40px 0 0 0; } .box_Simulation.input_S07080910 .btn_Set{ bottom:30px; } .box_Simulation.input_S07080910 p{ padding:14px 27px 0 0; text-align:right; } .box_Simulation.input_S07080910 .input_Simulation .input_Base{ width:240px; } .box_Simulation.input_S07080910 .input_Simulation .input_Base span.setText{ display:block; width:228px; height:41px; padding:6px 6px 0 6px; position:absolute; top:0px; right:0px; font-size:28px; font-weight:bold; text-align:center; color:#dc143c; background:none repeat scroll 0 0 Transparent; } /* ------------------------------------------------------------ simulation ------------------------------------------------------------ */ .simulation .nav-close{ margin:20px 0 0; background:none repeat scroll 0 0 #ffffff; } .simulation .nav-close a{ padding-left:0; background:none; } /* ------------------------------------------------------------ borderDotto ------------------------------------------------------------ */ .borderDotto{ background:url(/-/Media/jpz/zrh/divert/common/images/new-dotto-01.gif) 0 bottom repeat-x; padding-bottom:10px; margin-bottom:10px; } /* ------------------------------------------------------------ dial_ttl ------------------------------------------------------------ */ .dial_ttl{ font-weight:bold; margin:10px 0; } .dial_ttl span{ font-family:"ＭＳ ゴシック", "MS PGothic"; } /* ------------------------------------------------------------ table_time ------------------------------------------------------------ */ #table_time{ margin-top:5px; width:442px; height:203px; border:solid 1px #CBCBCB; text-align:center; border-bottom:none; } #table_time th{ width:36px; height:25px; text-align:center; } #table_time td{ vertical-align:middle; width:35px; height:25px; } /* ------------------------------------------------------------ bg_a ------------------------------------------------------------ */ .bg_a{ background-color:#F0F0F0; } .bg_b{ background-color:#D7EFFE; } .bg_c{ background-color:#D8FFD6; } .bg_d{ background-color:#FFF9CE; } .bg_e{ background-color:#FFEADF; } .bg_f{ background-color:#FFFFFF; } /* ------------------------------------------------------------ img_a ------------------------------------------------------------ */ .img_a{ display:block; width:12px; margin:0 auto; padding:5px 0; } /* ------------------------------------------------------------ border_a ------------------------------------------------------------ */ .border_a{ border-style:none solid solid none; border-width:2px; border-color:#CBCBCB; } .border_b{ border-style:none solid solid none; border-width:0 1px 2px 0; border-color:#CBCBCB; } .border_c{ border-style:none solid solid none; border-width:0 2px 1px 0; border-color:#CBCBCB; } .border_d{ border-style:none solid solid none; border-width:0 1px 1px 0; border-color:#CBCBCB; } .border_e{ border-style:none none solid none; border-width:0 0 2px 0; border-color:#CBCBCB; } .border_f{ border-style:none none solid none; border-width:0 0 1px 0; border-color:#CBCBCB; } /* ------------------------------------------------------------ inquiry_table_box ------------------------------------------------------------ */ .inquiry_table_box{ padding:0 14px 10px 14px; width:444px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/42_08_bottom.gif) repeat-y left bottom; } .inquiry_table_box p{ padding:19px 0 21px 0; } .inquiry_table_box .inquiry_ul{ margin-top:-10px; padding:0; } .inquiry_table_box .inquiry_ul li{ text-indent:-10px; margin-left:10px; } /* ------------------------------------------------------------ b_ ------------------------------------------------------------ */ #b_top{ width:472px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/42_top.gif) no-repeat 0 0; margin:15px 0 10px 0; padding-top:5px; } #b_btm{ width:472px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/42_btm.gif) no-repeat 0 bottom; padding-bottom:5px; } #b_mid{ width:443px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/42_mdl.gif) repeat-y 0 0; padding:10px 10px 25px 19px; } #b_mid h4{ padding-bottom:13px; } /* ------------------------------------------------------------ serect_box ------------------------------------------------------------ */ #serect_box{ width:300px; margin:21px 0 0 8px; _border-bottom:solid 1px #7E9DB9; } #serect_box select{ width:420px; } /* ------------------------------------------------------------ input_S01-input_S07 ------------------------------------------------------------ */ .input_S02, .input_S03, .input_S04, .input_S05, .input_S06, .input_S07080910{ display:none;} .input_S01 .box_Simulation_Inner{ height:230px; } .input_S02 .box_Simulation_Inner{ height:420px; } .input_S03 .box_Simulation_Inner{ height:250px; } .input_S04 .box_Simulation_Inner{ height:280px; } .input_S05 .box_Simulation_Inner{ height:395px; } .input_S06 .box_Simulation_Inner{ height:337px; } /* 201510　V22対応ここから */ .input_S07080910 .box_Simulation_Inner{ height:682px; } /* 201510　V22対応ここまで */ /* ------------------------------------------------------------ directAutoIndexTxtA01 ------------------------------------------------------------ */ .directAutoIndexTxtA01{ text-align:left !important; } /* ------------------------------------------------------------ dadImageBlock ------------------------------------------------------------ */ .dadImageBlock{ width:661px; margin:0 auto 10px; } .dadImageBlock p, .dadImageBlock a{ font-size:0; line-height:0; margin:0 auto; } .dadBtnBlock{ width:661px; height:118px; text-align:center; background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/index_b-bg-01.gif) no-repeat left top; } /* ------------------------------------------------------------ omitsumori01 ------------------------------------------------------------ */ div.omitsumori01{ background:none!important; margin:0 0 20px!important; width:920px; line-height:1.33; position:relative; } div.omitsumori01 #code_btm{ text-align:right; margin:10px 10px 0; } div.omitsumori01 #colum_style3{ width:910px; padding:21px 7px 0px 3px; } div.omitsumori01 #colum_style3 h3{ padding-bottom:20px; } div.omitsumori01 .index01{ position:relative; } div.omitsumori01 .btn01{ position:absolute; top:420px; left:22px; } div.omitsumori01 .btn02{ position:absolute; top:420px; left:465px; } div.omitsumori01 .btn03{ position:absolute; top:420px; right:20px; } div.omitsumori01 .btn_area{ background-color:#e1e6ef; padding-top:10px; padding-bottom:15px; } .omitsumori01 .close01{ position:relative; } .omitsumori01 .close02 li a{ background:url("/-/Media/jpz/zrh/divert/campaign/omitsumori2012/img/index-ico-001.gif") no-repeat scroll left 0.35em transparent; display:block; padding-left:10px; color:#FFF; } .omitsumori01 .close02 li{ position:absolute; top:245px; left:590px; } .omitsumori01 .close02_2013 li{ top:232px; left:inherit; left:400px; } .omitsumori01 .close02_2013 li a{ background:none; padding-left:0; } .omitsumori01 .likebox{ position:absolute; top:279px; left:94px; } .omitsumori01 .btn01_close{ position:absolute; top:205px; left:93px; } .omitsumori01 .btn02_close{ position:absolute; top:170px; left:272px; } .omitsumori01 .page_top_close{ text-align:right; } /* ------------------------------------------------------------ feature_btn ------------------------------------------------------------ */ .feature_btn1{ position:relative; left:340px; top:-26px; margin-bottom:-20px; } .feature_btn2{ position:relative; left:340px; top:-90px; margin-bottom:-20px; } .feature_btn3{ position:relative; left:340px; top:-55px; margin-bottom:-20px; } .feature_btn4{ position:relative; left:195px; top:-70px; margin-bottom:-30px; } /* ------------------------------------------------------------ 150916追記 ------------------------------------------------------------ */ .feature_btn5{ position:relative; left:341px; top:-106px; margin-bottom:-20px; } .feature_btn6{ position:relative; left:341px; top:-56px; margin-bottom:-20px; } /* ------------------------------------------------------------ listico01 ------------------------------------------------------------ */ .listico01 li{ list-style:disc!important; margin-left:15px; } /* ------------------------------------------------------------ td_style01 ------------------------------------------------------------ */ .td_style01{ padding:5px; } /* ------------------------------------------------------------ prizeBlock ------------------------------------------------------------ */ #prizeBlock{ overflow:hidden; /zoom:1; } #prizeBlock .prizeBox{ float:left; width:300px; margin:0 0 20px 10px; display:inline; overflow:hidden; /zoom:1; } #prizeBlock .prizeBox .lumpL{ float:left; margin-right:10px; } #prizeBlock .prizeBox .lumpEnd{ overflow:hidden; /zoom:1; } /* ------------------------------------------------------------ other_btn ------------------------------------------------------------ */ p.other_btn a{ display:block; width:73px; height:15px; font-size:12px; padding:3px 0 3px 20px; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-04.gif) 0 0 no-repeat; } p.other_btn a:hover{ background-position:0 -21px; } /* ------------------------------------------------------------ social_area ------------------------------------------------------------ */ .social_area{ position:relative; margin:0 15px 0 0; } .social_area .google_adjust{ margin-right:-25px; } .social_area .box_other{ display:none; width:247px; height:37px; padding:14px 0 0 10px; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-03.gif) 0 0 no-repeat; position:absolute; top:20px; right:25px; } .social_area .box_other ul li{ margin:0 7px 0 0; float:left; } /* ------------------------------------------------------------ pinterest_btn ------------------------------------------------------------ */ .pinterest_btn{ position:relative; top:-5px; } /* ------------------------------------------------------------ mediaBlock ------------------------------------------------------------ */ .mediaBlock ul li{ float:left; } .mediaBlock ul li.medialist01 { background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-01_02.jpg) no-repeat 0 0;} .mediaBlock ul li.medialist02 { background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-02_02.jpg) no-repeat 0 0;} .mediaBlock ul li.medialist03 { background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/new-socal-bg-03_02.jpg) no-repeat 0 0;} /* ------------------------------------------------------------ radio_box ------------------------------------------------------------ */ #radio_box input{ margin-right:6px; } /* ------------------------------------------------------------ update ------------------------------------------------------------ */ .update{ margin:-10px 10px 0 0; text-align:right; } /* ------------------------------------------------------------ index_2_h5 ------------------------------------------------------------ */ .index_2_h5{ margin-top:-1px; } /* ------------------------------------------------------------ tabstContents ------------------------------------------------------------ */ #tab1stContents.motorbike, #tab2ndContents.motorbike{ margin:0 0 30px; padding:23px 21px 0 22px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-bg-tabcontents.gif) 0 0 repeat-y; } #tab2ndContents.motorbike{ display:none; } #tab2ndContents.motorbike .txtArea{ overflow:hidden; zoom:1; } #tab2ndContents.motorbike .txtArea h5{ margin-top:15px; font-size:83.4%; font-weight:bold; } #tab2ndContents.motorbike .txtArea dl{ overflow:hidden; zoom:1; font-size:83.4%; *margin-left:-1px; } #tab2ndContents.motorbike .txtArea dt{ display:inline; margin-left:0.2em; padding-left:0.5em; border-left:1px #333 solid; line-height:1.5; } #tab2ndContents.motorbike .txtArea dd{ display:inline; line-height:1.5; } /* ------------------------------------------------------------ motorbike ------------------------------------------------------------ */ .motorbike .faqBlock{ background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-bg-faqblock-01.gif) 0 100% no-repeat; } .motorbike .faqBlock h4{ padding:8px 8px 12px; } .motorbike .faqBlock .faqInner{ padding:8px 8px 0; overflow:hidden; clear:both; zoom:1; position:relative; } .motorbike .faqBlock .faqInner h4{ padding:0 0 12px; } .motorbike .faqBlock .faqInner .carType{ overflow:hidden; /zoom:1; margin-left:-2px; } .motorbike .faqBlock .faqInner .carType li{ float:left; width:190px; margin-left:9px; display:inline; } .motorbike .faqBlock .conversionBar{ overflow:hidden; zoom:1; width:595px; margin-top:20px; margin-left:-7px; padding:10px; background-color:#e6e6e6; text-align:left; } .motorbike .faqBlock .conversionBar ul{ overflow:hidden; zoom:1; float:right; margin-right:-10px; } .motorbike .faqBlock .conversionBar li{ float:left; margin-right:10px; padding:0; text-align:center; } .motorbike .faqBlock .conversionBar li a{ display:block; width:158px; height:35px; padding:7px 5px 4px 21px; text-decoration:none; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-estimate-btn-03.gif) no-repeat; } .motorbike .faqBlock .conversionBar li a span{ display:block; color:#fff; font-size:10px; font-weight:bold; line-height:1.0; } .motorbike .faqBlock .conversionBar li a strong{ font-size:13px; font-weight:bold; text-decoration:underline; } .motorbike .faqBlock .conversionBar li a:hover strong{ text-decoration:none; } .motorbike .faqBlock .conversionBar li a .new_strong{ font-size:13px; font-weight:bold; text-decoration:underline; } .motorbike .faqBlock .conversionBar li a:hover .new_strong{ text-decoration:none; } .motorbike .faqBlock .conversionBar li.left .target, .motorbike .faqBlock .conversionBar li.right .target{ width:158px; margin-bottom:2px; padding-bottom:2px; } .motorbike .faqBlock .conversionBar li.left .target{ background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-estimate-txt-03-btm.gif) left bottom no-repeat; } .motorbike .faqBlock .conversionBar li.right .target{ background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-estimate-txt-04-btm.gif) left bottom no-repeat; } .motorbike .faqBlock .conversionBar li.left .target span{ padding-top:2px; background:#039 url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-estimate-txt-03-top.gif) no-repeat; } .motorbike .faqBlock .conversionBar li.right .target span{ padding-top:2px; background:#ef6500 url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-estimate-txt-04-top.gif) no-repeat; } .motorbike .faqBlock .conversionBar p{ overflow:hidden; padding:10px 5px 0 12px; } .motorbike .faqBlock .firstBlock{ background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-bg-faqblock-02.gif) 0 100% no-repeat; } .motorbike .faqBlock .faqTable1{ border-collapse:collapse; margin:5px 0 15px; width:100%; } .motorbike .faqBlock .faqTable1 th, .motorbike .faqBlock .faqTable1 td{ border:#cdcdcd 1px solid; padding:5px; vertical-align:middle; } .motorbike .faqBlock .faqTable1 thead th{ background-color:#d1deef; font-weight:bold; } .motorbike .faqBlock .note1{ color:#000066; font-size:14px; font-weight:bold; } .motorbike .faqBlock .borderBox1{ padding-top:12px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-bg-border-01.gif) 0 0 no-repeat; } .motorbike .faqBlock .borderBox1 .boxInner{ padding:0 12px 15px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-bg-border-01.gif) 0 100% no-repeat; overflow:hidden; /zoom:1;} .motorbike .faqBlock .borderBox1 .boxInner .listType1{ overflow:hidden; /zoom:1; margin-left:-15px; } .motorbike .faqBlock .borderBox1 .boxInner .listType1 li{ float:left; width:40%; margin:5px 0 0 15px; padding-left:15px; display:inline; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 0 2px no-repeat; font-weight:bold; } .motorbike .faqBlock .borderBox1 .accidentBtn{ float:left; width:200px; margin-right:10px; display:inline; } .motorbike .faqBlock .borderBox1 .accidentBtn a{ display:block; width:170px; height:33px; padding:18px 0 0 30px; color:#fff; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-tab1st-btn-06.gif) 0 0 no-repeat; } .motorbike .faqBlock .borderBox1 .accidentBtn a:hover{ background-position:0 -51px; } .motorbike .faqBlock .borderBox1 .listType2{ overflow:hidden; /zoom:1;} .motorbike .faqBlock .borderBox1 .listType2 li{ float:left; width:auto; display:inline; white-space:nowrap; margin:8px 0 0 15px; padding-left:15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) 0 2px no-repeat; font-weight:bold; } .motorbike .faqBlock .borderBox1 .irregular{ margin-left:-15px; } .motorbike .faqBlock .borderBox1 .planLineup{ overflow:hidden; /zoom:1; margin-bottom:5px; padding-bottom:15px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/bg-dotline-02.gif) 0 100% repeat-x; } .motorbike .faqBlock .borderBox1 .planLineup dt{ float:left; width:174px; } .motorbike .faqBlock .borderBox1 .planLineup dd{ float:left; width:400px; } .motorbike .faqBlock .borderBox1 .planLineup dt a{ display:block; width:144px; height:41px; padding:10px 0 0 30px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-tab1st-btn-04.gif) 0 0 no-repeat; font-weight:bold; } .motorbike .faqBlock .borderBox1 .planLineup dt a:hover{ background-position:0 -51px; } .motorbike .faqBlock .borderBox1 .planLineup dt.single a{ height:25px; padding:7px 0 0 30px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/index-tab1st-btn-03.gif) 0 0 no-repeat; } .motorbike .faqBlock .borderBox1 .planLineup dt.single a:hover{ background-position:0 -32px; } .motorbike .faqBlock .borderBox1 .planLineup dt.semiDouble a{ height:35px; padding:16px 0 0 30px; } .motorbike .faqBlock .borderBox1 .planEnd{ margin-bottom:0; padding-bottom:0; background:none; } .motorbike .faqBlock .faqOutline{ padding:0 8px 10px; } .motorbike .faqBlock .faqDetails{ padding:0 8px; display:none; } .motorbike .faqBlock .faqDetails .conversionBar{ margin:20px -7px 0; } .motorbike .faqBlock .faqToggle{ padding:10px; text-align:center; border-top:#b3b3b3 1px solid; } .motorbike .faqBlock .faqToggle a{ padding:2px 0 3px 25px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/icon-faq-open.gif) 0 0 no-repeat; font-weight:bold; } .motorbike .faqBlock .active a{ background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/icon-faq-close.gif) 0 0 no-repeat; } .motorbike .faqBlock .page_top{ margin:10px 0; line-height:1.0; } .motorbike .faqBlock .linkBnr{ } .motorbike .faqBlock .linkBnr li{ position:relative; zoom:1; margin-top:10px; text-align:center; } .motorbike .faqBlock .linkBnr li a{ display:block; position:absolute; bottom:10px; right:12px; background:url(/-/Media/jpz/zrh/divert/motorbike/img/new/icon-link-02.gif) left center no-repeat; padding:2px 0 3px 15px; font-weight:bold; } /* ------------------------------------------------------------ tabBtnsBottom ------------------------------------------------------------ */ .tabBtnsBottom1, .tabBtnsBottom2{ overflow:hidden; /zoom:1;margin:30px -21px 0 -22px; } .tabBtnsBottom1 .guide{ float:left; display:inline; } .tabBtnsBottom2 .guide{ float:right; display:inline; } .tabBtnsBottom1 .changeTab{ float:right; display:inline; cursor:pointer; } .tabBtnsBottom2 .changeTab{ float:left; display:inline; cursor:pointer; } /* ------------------------------------------------------------ top_social_list ------------------------------------------------------------ */ ul.top_social_list li{ margin:7px 0; } ul.top_social_list li a img{ margin-left:3px; } /* ------------------------------------------------------------ to_exclusive ------------------------------------------------------------ */ .to_exclusive a{ background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) 0px 5px no-repeat; padding-left:10px; line-height:1.5em; margin-top:5px; display:block; } .to_exclusive2 a{ background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-0001.gif) 0px 8px no-repeat; padding-left:10px; line-height:1.5em; display:block; padding-left:10px; } .to_exclusive3 a{ padding-left:5px; line-height:1.5em; font-size:120%; font-weight:bold; } .to_exclusive3 img{ padding-bottom:7px; } /* ------------------------------------------------------------ exclusive_tel ------------------------------------------------------------ */ .exclusive_tel{ display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/img/new-ico-tel-01.png) 0px 2px no-repeat; padding-left:23px; line-height:2em; font-weight:bold; } /* ------------------------------------------------------------ more_mobile_phone ------------------------------------------------------------ */ .more_mobile_phone{ display:block; width:472px; border:1px solid #CCC; word-break:break-all; } .more_mobile_phone ul{ padding-bottom:10px; } .more_mobile_phone ul li{ float:left; _height:123px; _width:100px } .more_mobile_phone2{ display:block; width:530px; border:1px solid #CCC; word-break:break-all; } .more_mobile_phone2 ul{ position:relative; padding-bottom:10px; } .more_mobile_phone2 ul li{ float:left; position:relative; _height:123px; _width:100px } .more_mobile_phone2 .mobileLeft{ float:left; width:156px; } .more_mobile_phone .mobileLeft{ float:left; width:132px; } .more_phone{ display:block; line-height:160%; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/common/images/ico-sq-black.gif) no-repeat left center; padding-top:5px; padding-bottom:5px; padding-left:15px; } /* ------------------------------------------------------------ contrac_navbox ------------------------------------------------------------ */ #contrac_navbox{ display:block; } /* ------------------------------------------------------------ contrac_nav ------------------------------------------------------------ */ .contrac_nav{ clear:both; display:block; height:74px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/contract/img/change-bg.gif) no-repeat left 67px; } .contrac_nav ul li{ float:left; } .contrac_nav .teltab{ margin-top:18px; margin-left:4px; } .contrac_nav .inttab{ margin-top:18px; margin-right:4px; } #contrac_nav2{ clear:both; display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/renew/img/contrac_nav_bg.jpg) no-repeat center top; height:60px; padding-top:20px; } #contrac_nav2 ul{ float:left; position:relative; left:50%; } #contrac_nav2 ul li{ left:-50%; float:left; display:block; position:relative; } #contrac_nav3{ display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/renew/img/contrac_nav_b_bg.jpg) no-repeat center bottom; height:40px; } .contrac_nav4{ display:block; height:72px; } .contrac_nav4 ul li{ float:left; } .contrac_nav4 .teltab{ margin-top:-1px; } /* ------------------------------------------------------------ qr_info ------------------------------------------------------------ */ .qr_info{ display:block; } /* ------------------------------------------------------------ flow ------------------------------------------------------------ */ .flow{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/renew/img/index-h3-02.gif) no-repeat left top; text-align:right; } .flow img{ padding-right:4px; padding-bottom:5px; } .flow_demo{ background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/method-h3-02.gif) no-repeat left top; text-align:right; } .flow_demo img{ padding-right:4px; padding-bottom:5px; } .flow_change{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/contract/img/change-h3-022.gif) no-repeat left top; text-align:right; } .flow_change img{ padding-right:4px; padding-bottom:3px; } /* ------------------------------------------------------------ customNagare ------------------------------------------------------------ */ #nagare.custom{ position:relative; } #nagare.custom .customHeading{ position: absolute; left: 0px; } #nagare.custom .customIcon{ position:relative; } #nagare.custom a{ position:relative; } /* ------------------------------------------------------------ documents_box ------------------------------------------------------------ */ .documents_box{ background:#eaf1fe; display:block; padding:15px; width:442px; border:1px solid #c1d6f2; height:100px; } .documents_box_tel{ background:#eaf1fe; display:block; padding:10px; width:452px; } .demo_documents_box_tel{ background:#eaf1fe; display:block; padding:10px 10px 20px; width:645px; } .demo_documents_box_method_tel{ background:#eaf1fe; display:block; padding:10px 10px 20px; width:645px; } .change_box_tel{ background:#eaf1fe; display:block; padding:10px; width:452px; height:auto; } .demo_documents_box{ background:#eaf1fe; display:block; padding:10px; width:600px; border:1px solid #c1d6f2; height:130px; } .documents_box_tel_00{ background:#eaf1fe; display:block; padding:10px; width:452px; height:auto; } .documents_box_00{ background:#dae4f9; display:block; padding:10px; width:430px; height:100px; } .documents_box_change{ background:#dae4f9; display:block; padding:15px 15px 0; width:420px; } .documents_box_demo{ background:#eaf1fe; display:block; padding:10px 10px 0; width:635px; border:1px solid #c1d6f2; height:140px; } .documents_demo_00{ background:#dae4f9; display:block; padding:10px; width:430px; border:1px solid #c1d6f2; height:130px; } .documents_box_demo_method_tel{ background:#dae4f9; display:block; padding:10px 10px 0 15px; width:615px; height:140px; } .documents_box_bank{ background:#eaf1fe; display:block; padding:10px; width:452px; border:1px solid #c1d6f2; } .documents_box_banktxt{ line-height:110%; } /* ------------------------------------------------------------ demo_documents ------------------------------------------------------------ */ .demo_documents_box_bank{ background:#eaf1fe; display:block; padding:15px; width:630px; border:1px solid #c1d6f2; } .demo_documents_box_banktxt{ line-height:110%; } #demo_contract_list_box{ display:block; width:650px; padding-left:10px; } .demo_list_contracter{ clear:both; position:relative; } dl.demo_list_contracter dt{ display:block; clear:both; float:left; width:241px; } dl.demo_list_contracter dd{ margin-left:250px; width:390px; _margin-left:10px; } dl.demo_list_contracter_top dt{ display:block; clear:both; float:left; width:242px; } dl.demo_list_contracter_top dd{ display:block; margin-left:250px; width:390px; _margin-left:10px; } /* ------------------------------------------------------------ contract_list_box ------------------------------------------------------------ */ #contract_list_box{ display:block; width:472px; padding-left:10px; } /* ------------------------------------------------------------ list_contracter ------------------------------------------------------------ */ dl.list_contracter dt{ display:block; clear:left; float:left; width:230px; } dl.list_contracter dd{ display:block; margin-left:230px; width:230px; } /* ------------------------------------------------------------ list_change ------------------------------------------------------------ */ dl.list_change dt{ display:block; clear:left; float:left; width:230px; } dl.list_change dd{ display:block; margin-left:230px; width:230px; } .change_documents_box_inner{ display:block; background:#FFF url(/-/Media/jpz/zrh/divert/direct/auto/contractor/contract/img/change-call.gif) no-repeat left top; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; padding:5px; height:20px; width:441px; } /* ------------------------------------------------------------ documents_box_inner ------------------------------------------------------------ */ .documents_box_inner{ display:block; background:#FFF url(/-/Media/jpz/zrh/divert/direct/auto/contractor/renew/img/index-img-tel2.gif) no-repeat left top; border:1px solid #9fbce2; padding:10px; width:430px; position:relative; height:185px; } .documents_box_inner ul{ position:absolute; top:40px; } .documents_box_inner ul li{ display:block; line-height:150%; font-size:120%; } /* ------------------------------------------------------------ demo_documents_box_inner ------------------------------------------------------------ */ .demo_documents_box_inner{ display:block; background:#FFF url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/demo-img-tel2.gif) no-repeat left top; border:1px solid #9fbce2; padding:10px 10px 15px; width:620px; position:relative; height:120px; } .demo_documents_box_inner ul{ position:absolute; top:40px; } .demo_documents_box_inner ul li{ display:block; line-height:150%; font-size:120%; } /* ------------------------------------------------------------ ol_outside ------------------------------------------------------------ */ .ol_outside{ list-style-position:outside !important; font-size:0.8em; line-height:150%; } /* ------------------------------------------------------------ contrac_nav_demo ------------------------------------------------------------ */ .contrac_nav_demo{ clear:both; display:block; } .contrac_nav_demo ul li{ float:left; } #contrac_nav_demo2{ clear:both; display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/demo_nav_bg.jpg) no-repeat center top; height:60px; padding-top:15px; } #contrac_nav_demo_b{ display:block; background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/demo_nav_b_bg.jpg) no-repeat left bottom; height:40px; } #contrac_nav_demo2 ul{ margin-left: 10px; } #contrac_nav_demo2 ul li{ float: left; } /* ------------------------------------------------------------ demo_apl ------------------------------------------------------------ */ #demo_apl{ padding-top:6px; } #demo_apl ul li{ float:left; } /* ------------------------------------------------------------ license_box ------------------------------------------------------------ */ .license_box{ background:#dae4f9; display:block; height:120px; width:425px; } /* ------------------------------------------------------------ ocEvent ------------------------------------------------------------ */ .ocEvent .more_mobile_phone{ width:auto!important; } .ocEvent .ocTarget{ clear:both; } .ocEvent .ocBtn{ margin:-20px 0 0; text-align:right; } .ocEvent .ocBtn a{ padding:2px 0 3px 25px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-faq-open.gif) 0 0 no-repeat; font-weight:bold; outline:none; } .ocEvent .active{ border:#ccc 1px solid; border-top:none; padding:8px 0; margin-top:0!important; text-align:center; } .ocEvent .active a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/icon-faq-close.gif) 0 0 no-repeat; } /* ------------------------------------------------------------ heartful1030 ------------------------------------------------------------ */ #contents_container.heartful1030{ width:968px; background:url(/-/Media/jpz/zrh/divert/common/images/content-bg-mdl.gif) repeat-y; margin-left:0; } .heartful1030 #str_contents{ width:968px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/heartful/img/index-bg-002.jpg) no-repeat left top; } .heartful1030 #str_wrap{ background:url(/-/Media/jpz/zrh/divert/common/images/content-bg-btm.gif) no-repeat left bottom; width:960px; padding:0 0 30px 8px; min-height:520px; } .heartful1030 #str_wrap #main{ position:relative; min-height:409px; font-size:0; } .heartful1030 #str_wrap #main h2{ position:relative; left:170px; top:52px; width:628px; } .heartful1030 #str_wrap #main div.Inner{ position:absolute; left:172px; top:140px; width:605px; } .heartful1030 #str_wrap #main .ml80{ margin-left:80px; } .heartful1030 #str_wrap #main .ml64{ margin-left:64px; } .heartful1030 .loginBlockWrap{ width:910px; background:#eef1f7; padding-bottom:20px; } .heartful1030 .loginBlockWrap ul{ margin-left:26px; } .heartful1030 .loginBlockWrap ul li{ padding:15px 0 12px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/heartful/img/index-bg-002.gif) no-repeat left bottom; } .heartful1030 .loginBlockWrap ul li.last{ padding:12px 0 15px 0; background:none; } .heartful1030 .loginBlock01{ position:relative; width:858px; margin:0 0 0 26px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/heartful/img/campaign_bg_003.gif) no-repeat left bottom; } .heartful1030 .loginBlock01 .style_inner{ width:858px; padding:0 0 88px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/heartful/img/campaign_bg_004.gif) no-repeat left top; } .heartful1030 .loginBlock01 p{ line-height:1.5; } .heartful1030 .loginBlock01 .st01{ width:390px; } .heartful1030 .loginBlock01 dl{ width:390px; margin-left:4px; } .heartful1030 .loginBlock01 dl dt, .heartful1030 .loginBlock01 dl dd{ float:none; width:390px; } .heartful1030 .loginBlock01 .left{ float:left; width:424px; } .heartful1030 .loginBlock01 .leftInner{ margin:11px 12px; } .heartful1030 .loginBlock01 .right{ float:right; width:424px; } .heartful1030 .loginBlock01 .rightInner{ margin:11px 12px; } .heartful1030 .loginBlock01 .attention{ color:#f80000; } .heartful1030 .loginBlock01 .loginBtn01{ position:absolute; left:32px; bottom:15px; } .heartful1030 .loginBlock01 .loginBtn02{ position:absolute; right:28px; bottom:15px; } .heartful1030 .loginBlock01 .arrow{ padding-left:13px; } .heartful1030 .verisignBlock{ width:870px; } .heartful1030 .verisignBlock .verisignImg{ float:left; width:130px; } .heartful1030 .verisignBlock .verisignTxt{ float:right; width:740px; margin-top:25px; } .heartful1030 #colum_style3{ width:858px; padding:20px 26px 15px 26px; } .heartful1030 #colum_style3 .section{ width:858px; } .heartful1030 #colum_style3 ul.indent li{ text-indent:-0.5em; padding-left:0.5em; line-height:1.5; } .heartful1030 #colum_style3 ul.indent li span{ display:block; text-indent:-1em; padding-left:1em; } .heartful1030 .page_top{ position:static; text-align:right; margin:10px 10px 0 0; } .campaign #str_contents{ width:968px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/heartful/img/campaign-bg-001.jpg) no-repeat left top; } .campaign #str_wrap{ min-height:520px; height:auto!important;height:520px; } .campaign #str_wrap #main{ min-height:409px; height:auto!important;height:409px; } .campaign #str_wrap #main h2{ position:relative; left:56px; top:47px; width:816px; } .campaign #str_wrap #main div.Inner{ position:absolute; left:151px; top:170px; width:742px; } .campaign #str_wrap #main .mr115{ margin-right:115px; } .campaign #str_wrap #main .mr140{ margin-right:140px; } .campaign02 #str_contents{ width:968px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/heartful/img/campaign-bg-003.jpg) no-repeat left top; } .campaign02 #str_wrap #main{ position:relative; zoom: 1; } .campaign02 #str_wrap #main h2{ position:absolute; left:46px; top:69px; } .campaign02 #str_wrap #main div.Inner{ position: static; } .campaign02 #str_wrap #main .main_txt_01{ position:absolute; left:31px; top:18px; } .campaign02 #str_wrap #main .main_txt_02{ position:absolute; left:779px; top:10px; } .campaign02 #str_wrap #main .main_txt_03{ position:absolute; left:408px; top:345px; } .campaign02 #str_wrap #main .main_txt_a{ position:absolute; left:361px; top:186px; } .campaign02 #str_wrap #main .main_txt_b{ position:absolute; left:399px; top:251px; } .heartful_index .bnr_block{ width: 655px; } .heartful_index .bnr_block .left_box{ width: 302px; float: left; } .heartful_index .bnr_block .right_box{ width: 302px; float: right; } .heartful_index .bnr_block p{ margin-bottom: 10px; } .heartful_index .bnr_block .box_inner{ padding: 0 8px; } /* ------------------------------------------------------------ featureBlock ------------------------------------------------------------ */ .featureBlock{ color:#333333; } .featureBlock .pagetop{ margin:40px 2px 15px 0; text-align:right; } .featureBlock .fL{ float:left; } .featureBlock .fR{ float:right; } .featureBlock a.iconLink{ padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat left center; } .featureBlock .featureBlock01 .accidentBox{ float:left; width:222px; padding-right:24px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/index-icon-01.gif) no-repeat right 70px; } .featureBlock .featureBlock01 .accidentBox dl{ padding-bottom:13px; } .featureBlock .featureBlock01 .accidentBox dl dd.bg{ text-align:right; padding:5px 10px 10px 5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/index-bg-03.gif) no-repeat left bottom; } .featureBlock .featureBlock01 .s_serviceBox{ float:right; width:222px; } .featureBlock .featureBlock01 .s_serviceBox dl{ padding-bottom:13px; } .featureBlock .featureBlock01 .s_serviceBox .bg{ text-align:right; padding:5px 10px 10px 5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/index-bg-04.gif) no-repeat left bottom; } .featureBlock .featureBlock01 .featureBox{ margin-top:20px; padding-top:13px; width:222px; border-top:1px solid #003399; } .featureBlock .featureBlock01 .featureBox ul li{ padding-bottom:4px; } .featureBlock .voiceBlock01{ margin-bottom:20px; } .featureBlock .voiceBlock01 dl{ padding-bottom:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-bg-02.gif) no-repeat left bottom; } .featureBlock .voiceBlock01 dl dd{ padding:0 0 10px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-bg-01.gif) repeat-y 0 0; } .featureBlock .voiceBlock01 dl dd ul{ padding:0 10px 0 10px; } .featureBlock .voiceBox01 dl dd ul.bg{ padding:10px 110px 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-img-01.gif) no-repeat right top; } .featureBlock .voiceBox02 dl dd ul.bg{ padding:10px 110px 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-img-02.gif) no-repeat right top; } .featureBlock .voiceBox03 dl dd ul.bg{ padding:10px 110px 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-img-03.gif) no-repeat right top; } .featureBlock .voiceBlock01 dl dd ul li{ margin-left:18px; list-style:disc outside; line-height:1.5; } .featureBlock .voiceBlock01 dl dd p{ padding:10px 10px 0 0; text-align:right; } /* ------------------------------------------------------------ customVoiceBlock ------------------------------------------------------------ */ .featureBlock .voiceBlock01 .customContent{ padding-bottom:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-bg-02.gif) no-repeat left bottom; } .featureBlock .voiceBlock01 .customContent .customContentDescription{ padding:0 0 10px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-bg-01.gif) repeat-y 0 0; } .featureBlock .voiceBlock01 .customContent .customContentDescription ul{ padding:0 10px 0 10px; } .featureBlock .voiceBox01 .customContent .customContentDescription ul.bg{ padding:10px 110px 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-img-01.gif) no-repeat right top; } .featureBlock .voiceBox02 .customContent .customContentDescription ul.bg{ padding:10px 110px 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-img-02.gif) no-repeat right top; } .featureBlock .voiceBox03 .customContent .customContentDescription ul.bg{ padding:10px 110px 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/feature/img/voice-img-03.gif) no-repeat right top; } .featureBlock .voiceBlock01 .customContent .customContentDescription ul li{ margin-left:18px; list-style:disc outside; line-height:1.5; } .featureBlock .voiceBlock01 .customContent .customContentDescription p{ padding:10px 10px 0 0; text-align:right; } /* ------------------------------------------------------------ compensationBlock ------------------------------------------------------------ */ .compensationBlock{ color:#333333; } .compensationBlock .pagetop{ margin:40px 2px 15px 0; text-align:right; } .compensationBlock .partnerBlock01 a.iconLink{ padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat left center; } .compensationBlock .partnerBlock01{ margin-bottom:20px; } .compensationBlock .partnerBlock01 dl{ padding-bottom:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-02.gif) no-repeat left bottom; } .compensationBlock .partnerBlock01 dl dd{ position:relative; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-01.gif) repeat-y 0 0; padding:0 10px 8px 10px; } .compensationBlock .partnerBlock01 dl dd .imgBox{ float:left; padding:10px 0 0 0; } .compensationBlock .partnerBlock01 dl dd .txtBox{ float:right; width:350px; padding:8px 0 1em 0; line-height:1.4; } .compensationBlock .partnerBlock01 dl dd p.link{ position:absolute; bottom:5px; right:10px; } /* ------------------------------------------------------------ customPartnerBlock ------------------------------------------------------------ */ .compensationBlock .partnerBlock01 .customContent{ padding-bottom:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-02.gif) no-repeat left bottom; } .compensationBlock .partnerBlock01 .customContent .customContentDescription{ position:relative; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-01.gif) repeat-y 0 0; padding:0 10px 8px 10px; } .compensationBlock .partnerBlock01 .customContent .customContentDescription .imgBox{ float:left; padding:10px 0 0 0; } .compensationBlock .partnerBlock01 .customContent .customContentDescription .txtBox{ float:right; width:350px; padding:8px 0 1em 0; line-height:1.4; } .compensationBlock .partnerBlock01 .customContent .customContentDescription p.link{ position:absolute; bottom:5px; right:10px; } .compensationBlock a.iconLink{ padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat left center; } .compensationBlock .txtCenter{ text-align:center; } .compensationBlock .carBlock01{ color:#333333; margin-bottom:20px; } .compensationBlock .carBlock01 dl{ padding-bottom:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-02.gif) no-repeat left bottom; } .compensationBlock .carBlock01 dl dd{ position:relative; width:452px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-01.gif) repeat-y 0 0; padding:0 10px 10px 10px; } .compensationBlock .carBlock01 dl dd div.lineBox{ border-top:1px solid #dddddd; } .compensationBlock .carBlock01 dl dd .imgBox{ float:left; padding:10px 0 0 0; } .compensationBlock .carBlock01 dl dd .txtBox{ float:right; width:350px; padding:8px 0 1.5em 0; line-height:1.4; } .compensationBlock .carBlock01 dl dd .txtBox strong{ display:block; font-weight:bold; } .compensationBlock .carBlock01 dl dd .txtBox .new_strong{ display:block; font-weight:bold; } .compensationBlock .carBlock01 dl dd p.link{ position:absolute; bottom:8px; right:10px; } .compensationBlock .carBlock02{ padding-bottom:3px; width:472px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/car/img/index-bg-03.gif) no-repeat left bottom; } .compensationBlock .carBlock02 .carBlock02Inner{ padding:0 11px 1px 11px; width:451px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/car/img/index-bg-01.gif) repeat-y 0 0; } .compensationBlock .carBlock02 dl{ margin-bottom:10px; padding-bottom:8px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/car/img/index-bg-02.gif) no-repeat left bottom; } .compensationBlock .carBlock02 dl dd div.lineBox{ border-top:1px solid #dddddd; } .compensationBlock .carBlock02 dl dd{ position:relative; width:450px; padding-bottom:10px; background:#fff; } .compensationBlock .carBlock02 dl dd .imgBox{ float:left; padding:12px 0 0 10px; } .compensationBlock .carBlock02 dl dd .txtBox{ float:right; width:325px; padding:8px 10px 1.5em 0; line-height:1.3; } .compensationBlock .carBlock02 dl dd .txtBox strong{ display:block; font-weight:bold; } .compensationBlock .carBlock02 dl dd .txtBox .new_strong{ display:block; font-weight:bold; } .compensationBlock .carBlock02 dl dd p.link{ position:absolute; bottom:8px; right:10px; } /* ------------------------------------------------------------ customCarBlock ------------------------------------------------------------ */ .compensationBlock .carBlock01 .customContent{ padding-bottom:5px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-02.gif) no-repeat left bottom; } .compensationBlock .carBlock01 .customContent .customContentDescription{ position:relative; width:452px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/index-bg-01.gif) repeat-y 0 0; padding:0 10px 10px 10px; } .compensationBlock .carBlock01 .customContent .customContentDescription div.lineBox{ border-top:1px solid #dddddd; } .compensationBlock .carBlock01 .customContent .customContentDescription .imgBox{ float:left; padding:10px 0 0 0; } .compensationBlock .carBlock01 .customContent .customContentDescription .txtBox{ float:right; width:350px; padding:8px 0 1.5em 0; line-height:1.4; } .compensationBlock .carBlock01 .customContent .customContentDescription .txtBox strong{ display:block; font-weight:bold; } .compensationBlock .carBlock01 .customContent .customContentDescription .txtBox .new_strong{ display:block; font-weight:bold; } .compensationBlock .carBlock01 .customContent .customContentDescription p.link{ position:absolute; bottom:8px; right:10px; } .compensationBlock .carBlock02 .customContent{ margin-bottom:10px; padding-bottom:8px; background:url(/-/Media/jpz/zrh/divert/direct/auto/compensation/car/img/index-bg-02.gif) no-repeat left bottom; } .compensationBlock .carBlock02 .customContent .customContentDescription div.lineBox{ border-top:1px solid #dddddd; } .compensationBlock .carBlock02 .customContent .customContentDescription{ position:relative; width:450px; padding-bottom:10px; background:#fff; } .compensationBlock .carBlock02 .customContent .customContentDescription .imgBox{ float:left; padding:12px 0 0 10px; } .compensationBlock .carBlock02 .customContent .customContentDescription .txtBox{ float:right; width:325px; padding:8px 10px 1.5em 0; line-height:1.3; } .compensationBlock .carBlock02 .customContent .customContentDescription .txtBox strong{ display:block; font-weight:bold; } .compensationBlock .carBlock02 .customContent .customContentDescription .txtBox .new_strong{ display:block; font-weight:bold; } .compensationBlock .carBlock02 .customContent .customContentDescription p.link{ position:absolute; bottom:8px; right:10px; } /* ------------------------------------------------------------ meritBlock ------------------------------------------------------------ */ .meritBlock{ color:#333; line-height:1.4; } .meritBlock .pagetop{ margin:40px 2px 15px 0; text-align:right; } .meritBlock .meritBtn01{ } .meritBlock a.iconLink{ padding-left:10px; background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat left center; } .meritBlock .meritBlock01 .meritBtnSec{ position:relative; width:472px; margin-bottom:20px; } .meritBlock .meritBlock01 .meritBtnSec a{ display:block; width:472px; color:#333; text-decoration:none; } .meritBlock .meritBlock01 .meritBtnSec .tltBox{ display:block; padding:40px 0 0 82px; } .meritBlock .meritBlock01 .meritBtnSec .tltBox .btnBox{ position:absolute; bottom:15px; right:10px; } .meritBlock .meritBlock01 .meritBtnSec .tltBox .btnBox2{ position:absolute; bottom:17px; right:10px; } /* ------------------------------------------------------------ customSlicing ------------------------------------------------------------ */ .customAdjustment .customSlice > img{ margin: 15px 83px 0px; } .meritBlock .meritBlock01 .meritBtnSec .customSlice .tltBox{ padding:3px 0 0 82px; } .meritBlock .meritBlock01 .meritBtn01 a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-01_o.gif) no-repeat 0 0; height:111px; } .meritBlock .meritBlock01 .meritBtn01 a:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-01_h.gif) no-repeat 0 0; } .meritBlock .meritBlock01 .meritBtn02 a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-02_o.gif) no-repeat 0 0; height:111px; } .meritBlock .meritBlock01 .meritBtn02 a:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-02_h.gif) no-repeat 0 0; } .meritBlock .meritBlock01 .meritBtn03 a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-03_o.gif) no-repeat 0 0; height:111px; } .meritBlock .meritBlock01 .meritBtn03 a:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-03_h.gif) no-repeat 0 0; } .meritBlock .meritBlock01 .meritBtn04 a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-04_o.gif) no-repeat 0 0; height:111px; } .meritBlock .meritBlock01 .meritBtn04 a:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-04_h.gif) no-repeat 0 0; } .meritBlock .meritBlock01 .meritBtn05 a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-05_o.jpg) no-repeat 0 0; height:101px; } .meritBlock .meritBlock01 .meritBtn05 a:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/img/index-bg-05_h.jpg) no-repeat 0 0; } .meritBlock .savingTtl{ position:relative; width:472px; margin-top:20px; } .meritBlock .savingTtl span{ position:absolute; right:15px; top:14px; } .meritBlock .savingBlock01{ background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/saving/img/index-bg-01.gif) repeat-y 0 0; } .meritBlock .savingBlock01 .savingBlockInner{ padding:10px 0 15px 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/saving/img/index-bg-02.gif) no-repeat left bottom; } .meritBlock .savingBlock01 .savingBlockInner .readBox{ padding:0 10px 0 3px; } .meritBlock .savingBlock01 .savingBlockInner dl.savingBox{ padding:10px 0; } .meritBlock .savingBlock01 .savingBlockInner dl.savingBox dt{ padding-bottom:10px; } .meritBlock .savingBlock01 .savingBlockInner dl.savingBox dd{ padding:0 15px 0 5px; } .meritBlock .savingBlock01 .savingBlockInner .link{ padding:5px 15px 0 0; text-align:right; } .meritBlock .savingBlock01 .savingBlockInner .pointListBlock li{ float:left; padding:0 10px 10px 0; } /* ------------------------------------------------------------ col_bg_style5 ------------------------------------------------------------ */ .col_bg_style5{ padding-bottom:66px; } .box_style5 .log_btn{ padding:0 0 66px 23px; _padding:0 0 56px 23px; } /* ------------------------------------------------------------------------------------------ /car/ ========================================================================================== */ /* ------------------------------------------------------------ estimateBlock ------------------------------------------------------------ */ #estimateBlock{ padding:15px 21px 18px; } #estimateBlock .heading{ margin-bottom:10px; padding:4px 0 4px 15px; background:url(/-/Media/jpz/zrh/divert/common/images/new-h3-icon-01.gif) 0 0 no-repeat; font-size:14px; font-weight:bold; } /* ------------------------------------------------------------ linkBtns ------------------------------------------------------------ */ .linkBtns{ overflow:hidden; /zoom:1; margin:0 0 10px -20px; padding-left:2px; } .linkBtns li{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-01.gif) 0 0 no-repeat; float:left; width:297px; height:64px; margin-left:19px; display:inline; } .linkBtns li a{ display:block; padding:10px 10px 10px 30px; text-align:center; } .linkBtns li a span{ font-size:20px; display:block; line-height:1.3; font-weight:bold; } .linkBtns li.first a{ padding:12px 10px 8px 30px; } /* ------------------------------------------------------------ discountCheck ------------------------------------------------------------ */ .discountCheck{ position:relative; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-check-bg-01.gif) 0 0 no-repeat; margin-bottom:10px; padding:7px 10px 0; height:34px; } .discountCheck .outline{ float:left; width:340px; margin-right:25px; } .discountCheck .escort{ float:left; width:106px; height:20px; margin-right:5px; padding-top:7px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-check-bg-02.gif) 0 0 no-repeat; text-align:center; font-weight:bold; } .discountCheck .checkBtn{ float:left; width:116px; height:26px; } .discountCheck .checkBtn a{ display:block; padding:5px 0 0 30px; width:86px; height:21px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-check-btn.gif) 0 0 no-repeat; } .discountCheck .checkBtn a:hover{ background-position:0 -26px; } .discountCheck .checkBalloon{ display:none; position:absolute; top:33px; right:-20px; width:186px; padding-top:20px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-bg-balloon-01.png) 0 0 no-repeat; font-size:10px; /font-size:9px; } .discountCheck .checkBalloon .balloonInner{ position:relative; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-bg-balloon-02.png) 0 100% no-repeat; padding:0 10px 30px; } .discountCheck .checkBalloon .balloonInner .closeBalloon{ position:absolute; bottom:5px; left:40%; _bottom:23px; } .discountCheck .checkBalloon .balloonInner .closeBalloon a{ padding-left:10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-icon_close.gif) 0 50% no-repeat; color:#fff; } .discountCheck .checkBalloon span{ font-size:10px; /font-size:9px; font-weight:bold; color:#dc143d; } /* ------------------------------------------------------------ box_newContainer01 ------------------------------------------------------------ */ .box_newContainer01{ background:url(/-/Media/jpz/zrh/divert/common/images/new-box01-bg-01.gif) 0 0 repeat-y; margin-bottom:20px; _zoom:1; } .box_newContainer01 .box_newBlock{ background:url(/-/Media/jpz/zrh/divert/common/images/new-box01-bg-02.gif) 0 bottom no-repeat; padding:16px; _zoom:1; } /* ------------------------------------------------------------ discountBox ------------------------------------------------------------ */ .discountBox{ padding:10px; background:#d1deef url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-bg-01.gif) 0 100% no-repeat; } /* ------------------------------------------------------------ tab1stContents-tab2ndContents ------------------------------------------------------------ */ #tab1stContents, #tab2ndContents{ zoom:1; margin-bottom:30px; padding:23px 21px 0 22px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-bg-tabcontents.gif) 0 0 repeat-y; } #tab2ndContents{ display:none; } /* ------------------------------------------------------------ endConversion ------------------------------------------------------------ */ .endConversion{ margin:30px 0 0 120px; } .endConversion a{ display:block; width:367px; height:70px; padding:14px 0 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-05.gif) 0 0 no-repeat; text-align:center; font-size:16px; font-weight:bold; } .endConversion a span{ font-size:27px; display:block; } /* ------------------------------------------------------------ box_newBlock ------------------------------------------------------------ */ .box_newBlock .index-box5{ padding-bottom:15px; } .box_newBlock h3{ margin:0 0 10px 0; } /* ------------------------------------------------------------ snsBlock ------------------------------------------------------------ */ #snsBlock ul{ overflow:hidden; /zoom:1; margin-left:-10px; } #snsBlock ul li{ float:left; width:202px; height:67px; margin-left:10px; display:inline; } #snsBlock ul li a{ display:block; width:118px; height:45px; padding:22px 0 0 84px; font-size:18px; font-weight:bold; } #snsBlock ul li a img{ margin-left:10px; } #snsBlock ul li.facebook a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-sns-btn-01.gif) 0 0 no-repeat; } #snsBlock ul li.twitter a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-sns-btn-02.gif) 0 0 no-repeat; } #snsBlock ul li.google a{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-sns-btn-03.gif) 0 0 no-repeat; } #snsBlock ul li a:hover{ background-position:0 -67px; } #snsBlock .fb_accountLink{ margin: 10px 0; } #snsBlock .fb_accountLink a{ padding-left: 10px; background: url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) no-repeat 0 4px; } /* ------------------------------------------------------------ newPriceNotes ------------------------------------------------------------ */ #newPriceNotes{ margin:20px auto; width:912px; } #newPriceNotes ul li{ margin-top:10px; font-size:10px; /font-size:9px; } #str_newFooter #list_box01{ width:910px; margin:0; background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-01.gif) 0 0 no-repeat #dee7f3; } #str_newFooter #list_box01.type02{ background:url(/-/Media/jpz/zrh/divert/common/images/new-footer-bg-05.gif) 0 30px no-repeat; } /* ------------------------------------------------------------ ttl_block ------------------------------------------------------------ */ .ttl_block{ position:relative; } .ttl_block p.link_btn{ position:absolute; top:0; right:0; } *html .ttl_block p.link_btn{ right:16px; } .ttl_block .link_btn a{ background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-05.gif) no-repeat 1px 0.4em; display:block; font-size:12px; font-weight:bold; padding:4px 0 0 17px; } /* ------------------------------------------------------------ new_list ------------------------------------------------------------ */ dl.new_list dd a{ display:block; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) 0 5px no-repeat; padding-left:10px; } /* ------------------------------------------------------------ contactBlock ------------------------------------------------------------ */ #contactBlock{ overflow:hidden; /zoom:1; } #contactBlock .telColumn{ float:left; width:400px; } #contactBlock .mailColumn{ float:left; width:206px; padding-left:10px; margin-left:10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/bg-dotline-01.gif) 0 0 repeat-y; } #contactBlock .mailColumn .front{ width:174px; height:28px; margin:0 auto 10px; } #contactBlock .mailColumn .front a{ display:block; height:22px; padding:6px 0 0 28px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-contact-btn-01.gif) 0 0 no-repeat; font-weight:bold; } #contactBlock .mailColumn .front a:hover{ background-position:0 -28px; } /* ------------------------------------------------------------ winning_block ------------------------------------------------------------ */ .winning_block{ margin-bottom:25px; } .winning_block dl{ width:305px; float:left; } .winning_block dl.right{ float:right !important; } .winning_block dl dt{ clear:left; width:100px; float:left; } .winning_block dl dd{ margin-left:100px; } /* ------------------------------------------------------------ note_block ------------------------------------------------------------ */ .note_block{ background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-04.gif) 0 bottom no-repeat; margin:10px 0 20px 0; } .note_block p{ background:url(/-/Media/jpz/zrh/divert/common/images/new-side-bg-03.gif) 0 0 no-repeat; padding:8px; _zoom:1; font-size:10px; /font-size:9px; } /* ------------------------------------------------------------ social_list ------------------------------------------------------------ */ ul.social_list{ margin:0 0 0 7px; } ul.social_list li{ margin:7px 0;} ul.social_list li a img{ margin-left:10px;} ul.social_list .fb_accountLink{ margin: 5px 0 10px; } ul.social_list .fb_accountLink a{ padding-left: 10px; background: url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) no-repeat 0 4px; } /* ------------------------------------------------------------ car2nd ------------------------------------------------------------ */ .car2nd{ overflow:hidden; } .car2nd .btn2nd{ float:right; height:52px; margin-top:7px; width:174px; } .car2nd .btn2nd a{ background:url("/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-btn-01.gif") no-repeat left top; display:block; font-weight:bold; height:41px; padding:11px 0 0 26px; width:148px; } .car2nd .btn2nd a:hover{ background-position:0 -52px; } /* ------------------------------------------------------------ car_toph2 ------------------------------------------------------------ */ #car_toph2{ display:block; height:41px; width:660px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-h2-01.gif) no-repeat; } #car_toph2 a{ color:#FFF; display:block; width:280px; padding:12px 20px 4px 0px; float:right; text-align:right; } #car_toph2 img{ vertical-align:middle; } /* ------------------------------------------------------------ 20130212追記 ------------------------------------------------------------ */ #mainvisual_Container02.cam2013 { background:url(/-/Media/jpz/zrh/divert/common/images/new-header-bg-04.gif) center center no-repeat #fff; height:321px; top:-66px; font-size:12px; } #mainvisual_Container02.cam2013 #mainvisual_area #ttl_block { padding:0; } #mainvisual_Container02.cam2013 #mainvisual_area #ttl_block h2{ position:absolute; top:68px; right:260px; } .cam2013 .cam2013Txt { position:absolute; top:230px; left:570px; } .cam2013 .cam2013Txt li { width:100px; } .cam2013 .cam2013Txt li a { background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) no-repeat 0 5px; margin:0; padding:0 0 0 10px; } .cam2013Txt02 { margin-bottom:-7px; z-index:100; } #estimateBlock .linkBtns li.cam2013List { background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-02.gif) 0 0 no-repeat; } /* ------------------------------------------------------------ 20130212追記 ------------------------------------------------------------ */ #str_newFooter #str-footer #copyright{ background:url(/-/Media/jpz/zrh/divert/common/images/common_base_001.gif) 0 0 no-repeat; background-position: 0 0; width: 138px; height: 13px; } .winning_block dl dt { background:url(/-/Media/jpz/zrh/divert/common/images/common_base_001.gif) 145px 0 repeat-y; } .winning_block dl dt.sprite-new-winning-img-01{ background-position: 0 -482px; width: 92px; height: 58px; } .winning_block dl dt.sprite-new-winning-img-03{ background-position: 0 -590px; width: 92px; height: 58px; } .winning_block dl dt.sprite-new-winning-img-04{ background-position: 0 -698px; width: 92px; height: 58px; } .winning_block dl dt.sprite-new-winning-img-05{ background-position: 0 -806px; width: 92px; height: 58px; } .winning_block dl dt.sprite-new-winning-img-06{ background-position: 0 -914px; width: 92px; height: 58px; } #login_area h2.sprite-new-side-login-h3-01{ overflow:hidden; text-indent:-500px; background: url(/-/Media/jpz/zrh/divert/common/images/common_base_001.gif) 0 0 no-repeat !important; background-position: 0 -63px !important;width: 150px; height: 17px; } #login_area p.sprite-new-side-login-txt-01{ background:url(/-/Media/jpz/zrh/divert/common/images/common_base_001.gif) 0 0 no-repeat; background-position: 0 -130px; width: 202px; height: 22px; overflow:hidden; text-indent:-500px; } /* ------------------------------------------------------------ 20130522追記 ------------------------------------------------------------ */ .applicationBtnContainer { margin-bottom: 11px; width: 617px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-bg-01.gif) 0 100% no-repeat; } .applicationBtnContainer .leftBlock { width: 408px; float: left; } .applicationBtnContainer .rightBlock { width: 199px; float: right; } .applicationBtnContainer .blockInner { padding: 11px; } .applicationBtnContainer .title { margin-bottom: 6px; text-align: center; } .applicationBtnContainer .leftBlock .leftBox { width: 187px; float: left; } .applicationBtnContainer .leftBlock .rightBox { width: 187px; float: right; } .applicationBtnContainer .leftBlock .rightBox .textLink a { display: block; width: 187px; height: 82px; text-align: center; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-04.gif) 0 0 no-repeat; font-size: 17px; font-weight: bold; overflow: hidden; zoom: 1; } .applicationBtnContainer .leftBlock .rightBox .textLink a:link, .applicationBtnContainer .leftBlock .rightBox .textLink a:visited, .applicationBtnContainer .leftBlock .rightBox .textLink a:hover, .applicationBtnContainer .leftBlock .rightBox .textLink a:active { text-decoration: none; } .applicationBtnContainer .leftBlock .rightBox .textLink a .copy { margin-top: 13px; display: block; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-04-2.gif) 50% 0 no-repeat; color: #e60012; font-size: 12px; line-height: 21px; text-decoration: none; } .applicationBtnContainer .leftBlock .rightBox .textLink a strong { margin-top: 10px; font-weight: bold; display: block; } .applicationBtnContainer .leftBlock .rightBox .textLink a:link strong, .applicationBtnContainer .leftBlock .rightBox .textLink a:visited strong { text-decoration: underline; } .applicationBtnContainer .leftBlock .rightBox .textLink a:hover strong, .applicationBtnContainer .leftBlock .rightBox .textLink a:active strong { text-decoration: none; } .applicationBtnContainer .leftBlock .rightBox .textLink a .new_strong { margin-top: 10px; font-weight: bold; display: block; } .applicationBtnContainer .leftBlock .rightBox .textLink a:link .new_strong, .applicationBtnContainer .leftBlock .rightBox .textLink a:visited .new_strong { text-decoration: underline; } .applicationBtnContainer .leftBlock .rightBox .textLink a:hover .new_strong, .applicationBtnContainer .leftBlock .rightBox .textLink a:active .new_strong { text-decoration: none; } .applicationBtnContainer .leftBlock.typeB .leftBox { width: 221px; float: left; } .applicationBtnContainer .leftBlock.typeB .rightBox { width: 150px; float: right; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a { display: block; text-align: center; font-weight: bold; overflow: hidden; zoom: 1; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-09.gif) 0 0 no-repeat; width: 221px; height: 82px; font-size: 18px; } .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-10.gif) 0 0 no-repeat; width: 150px; height: 82px; font-size: 16px; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:link, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:visited, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:hover, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:active, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:link, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:visited, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:hover, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:active { text-decoration: none; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a .copy, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a .copy { margin-top: 13px; display: block; color: #e60012; line-height: 21px; text-decoration: none; word-break:keep-all; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a .copy { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-09-2.gif) 50% 0 no-repeat; font-size: 13px; } .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a .copy { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-10-2.gif) 50% 0 no-repeat; font-size: 11px; color:#039; letter-spacing:-0.05em; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a strong { margin-top: 10px; font-weight: bold; display: block; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:link strong, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:visited strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:link strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:visited strong { text-decoration: underline; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:hover strong, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:active strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:hover strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:active strong { text-decoration: none; } .applicationBtnContainer .rightBlock .textLink a { display: block; padding: 6px; width: 164px; height: 60px; text-align: center; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-06.gif) 0 0 no-repeat; font-size: 11px; overflow: hidden; zoom: 1; } .applicationBtnContainer .rightBlock .textLink a span { margin: 7px 0 3px; display: block; font-size: 13px; font-weight: bold; /margin-top: 12px; /* IE6,7 */ } .applicationBtnContainer .rightBlock .textLink a .aftLogin { margin-top: 12px; /margin-top: 13px; /* IE6,7 */ } *:first-child+html .applicationBtnContainer .rightBlock .textLink a .aftLogin { margin-top: 18px; /* IE7 */ } .applicationBtnContainer .rightBlock .loginLink{ padding-left: 3px; } .applicationBtnContainer .rightBlock .loginLink li{ margin-top: 2px; } .endConversionContainer { margin-top: 30px; } .endConversionContainer .leftBlock { width: 184px; float: left; } .endConversionContainer .rightBlock { width: 411px; float: right; } .endConversionContainer .rightBlock .textLink a { display: block; width: 411px; height: 86px; text-align: center; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-08.gif) 0 0 no-repeat; font-size: 27px; font-weight: bold; overflow: hidden; zoom: 1; } .endConversionContainer .rightBlock .textLink a:link, .endConversionContainer .rightBlock .textLink a:visited, .endConversionContainer .rightBlock .textLink a:hover, .endConversionContainer .rightBlock .textLink a:active { text-decoration: none; } .endConversionContainer .rightBlock .textLink a .copy { margin-top: 13px; display: block; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-08-2.gif) 50% 0 no-repeat; color: #e60012; font-size: 15px; line-height: 25px; text-decoration: none; } .endConversionContainer .rightBlock .textLink a strong { margin-top: 4px; font-weight: bold; display: block; } .endConversionContainer .rightBlock .textLink a:link strong, .endConversionContainer .rightBlock .textLink a:visited strong { text-decoration: underline; } .endConversionContainer .rightBlock .textLink a:hover strong, .endConversionContainer .rightBlock .textLink a:active strong { text-decoration: none; } .endConversionContainer .rightBlock .textLink a .new_strong { margin-top: 4px; font-weight: bold; display: block; } .endConversionContainer .rightBlock .textLink a:link .new_strong, .endConversionContainer .rightBlock .textLink a:visited .new_strong { text-decoration: underline; } .endConversionContainer .rightBlock .textLink a:hover .new_strong, .endConversionContainer .rightBlock .textLink a:active .new_strong { text-decoration: none; } #colum_style2 #secondary .quoteArea .btnQuoteArea02, #colum_style4 #secondary .quoteArea .btnQuoteArea02 { margin-top: 9px; border-top: #d4d4d4 1px solid; } #colum_style2 #secondary .quoteArea .btnQuoteArea02 dt, #colum_style4 #secondary .quoteArea .btnQuoteArea02 dt { margin: 11px 0 3px; text-align: center; } #primary .quoteArea .btnContainer { margin-top: 20px; } #primary .quoteArea .btnContainer .title { margin-bottom: 4px; text-align: center; } #primary .quoteArea .btnContainer .leftBlock { width: 184px; float: left; } #primary .quoteArea .btnContainer .rightBlock { width: 263px; float: right; } #primary .quoteArea .btnContainer .rightBlock .textLink a { display: block; width: 263px; height: 74px; text-align: center; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea-02.gif) 0 0 no-repeat; font-size: 20px; font-weight: bold; overflow: hidden; zoom: 1; } #primary .quoteArea .btnContainer .rightBlock .textLink a:link, #primary .quoteArea .btnContainer .rightBlock .textLink a:visited, #primary .quoteArea .btnContainer .rightBlock .textLink a:hover, #primary .quoteArea .btnContainer .rightBlock .textLink a:active { text-decoration: none; } #primary .quoteArea .btnContainer .rightBlock .textLink a .copy { margin-top: 10px; display: block; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea-02-2.gif) 50% 0 no-repeat; color: #e60012; font-size: 12px; line-height: 20px; text-decoration: none; } #primary .quoteArea .btnContainer .rightBlock .textLink a strong { margin-top: 5px; font-weight: bold; display: block; } #primary .quoteArea .btnContainer .rightBlock .textLink a:link strong, #primary .quoteArea .btnContainer .rightBlock .textLink a:visited strong { text-decoration: underline; } #primary .quoteArea .btnContainer .rightBlock .textLink a:hover strong, #primary .quoteArea .btnContainer .rightBlock .textLink a:active strong { text-decoration: none; } #primary .quoteArea .btnContainer .rightBlock .textLink a .new_strong { margin-top: 5px; font-weight: bold; display: block; } #primary .quoteArea .btnContainer .rightBlock .textLink a:link .new_strong, #primary .quoteArea .btnContainer .rightBlock .textLink a:visited .new_strong { text-decoration: underline; } #primary .quoteArea .btnContainer .rightBlock .textLink a:hover .new_strong, #primary .quoteArea .btnContainer .rightBlock .textLink a:active .new_strong { text-decoration: none; } #primary .quoteArea2 .btnContainer { margin: 20px 23px 0; width: 575px; } #primary .quoteArea2 .btnContainer .title { margin-bottom: 4px; text-align: center; } #primary .quoteArea2 .btnContainer .leftBlock { width: 171px; float: left; } #primary .quoteArea2 .btnContainer .rightBlock { width: 384px; float: right; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a { display: block; width: 384px; height: 79px; text-align: center; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea2-02.gif) 0 0 no-repeat; font-size: 24px; font-weight: bold; overflow: hidden; zoom: 1; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a:link, #primary .quoteArea2 .btnContainer .rightBlock .textLink a:visited, #primary .quoteArea2 .btnContainer .rightBlock .textLink a:hover, #primary .quoteArea2 .btnContainer .rightBlock .textLink a:active { text-decoration: none; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a .copy { margin-top: 10px; display: block; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/bg-quotearea2-02-2.gif) 50% 0 no-repeat; color: #e60012; font-size: 13px; line-height: 20px; text-decoration: none; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a strong { margin-top: 10px; font-weight: bold; display: block; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a:link strong, #primary .quoteArea2 .btnContainer .rightBlock .textLink a:visited strong { text-decoration: underline; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a:hover strong, #primary .quoteArea2 .btnContainer .rightBlock .textLink a:active strong { text-decoration: none; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a .new_strong { margin-top: 10px; font-weight: bold; display: block; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a:link .new_strong, #primary .quoteArea2 .btnContainer .rightBlock .textLink a:visited .new_strong { text-decoration: underline; } #primary .quoteArea2 .btnContainer .rightBlock .textLink a:hover .new_strong, #primary .quoteArea2 .btnContainer .rightBlock .textLink a:active .new_strong { text-decoration: none; } /* ------------------------------------------------------------ 20131017追記 ------------------------------------------------------------ */ .applicationBtnContainer .leftBlock.typeB .leftBox { width: 221px; float: left; } .applicationBtnContainer .leftBlock.typeB .rightBox { width: 150px; float: right; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a { display: block; text-align: center; font-weight: bold; overflow: hidden; zoom: 1; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-09.gif) 0 0 no-repeat; width: 221px; height: 82px; font-size: 18px; } .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-10.gif) 0 0 no-repeat; width: 150px; height: 82px; font-size: 16px; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:link, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:visited, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:hover, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:active, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:link, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:visited, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:hover, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:active { text-decoration: none; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a .copy, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a .copy { margin-top: 13px; display: block; color: #e60012; line-height: 21px; text-decoration: none; word-break:keep-all; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a .copy { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-09-2.gif) 50% 0 no-repeat; font-size: 13px; } .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a .copy { background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-estimate-btn-10-2.gif) 50% 0 no-repeat; font-size: 11px; color:#039; letter-spacing:-0.05em; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a strong { margin-top: 10px; font-weight: bold; display: block; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:link strong, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:visited strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:link strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:visited strong { text-decoration: underline; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:hover strong, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:active strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:hover strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:active strong { text-decoration: none; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a .new_strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a .new_strong { margin-top: 10px; font-weight: bold; display: block; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:link .new_strong, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:visited .new_strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:link .new_strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:visited .new_strong { text-decoration: underline; } .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:hover .new_strong, .applicationBtnContainer .leftBlock.typeB .leftBox .textLink a:active .new_strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:hover .new_strong, .applicationBtnContainer .leftBlock.typeB .rightBox .textLink a:active .new_strong { text-decoration: none; } /* ------------------------------------------------------------------------------------------ /car/popup/ ========================================================================================== */ /* ------------------------------------------------------------ 130313追記 ------------------------------------------------------------ */ #popupArea { background-color:#FFFFFF; /*background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/popup_bg.gif) repeat-x;*/ } #popupArea .popupheader { zoom: 1; width: auto; height: 52px; background:url(/-/Media/jpz/zrh/divert/car/pop/img/popup_bg_header_02.gif) repeat-x 0 0; } #popupArea .popupheaderInner{ width:675px; margin: 0 auto; } #popupArea .logo{ float: left; margin-right: 48px; padding-top: 9px; } #popupArea .title{ float: left; margin: 0 65px 0 0; padding-top: 11px; text-align: center; } #popupArea .title01{ float: left; margin: 0 65px 0 0; padding-top: 11px; text-align: center; } #popupArea .pageid{ float: left; padding: 12px 10px 0 0; font-size:11px; color:#262626; } #popupArea #contents { overflow-y:auto; /overflow-x:hidden; width:100%; margin: 0 auto; } #popupArea #contentsInner { width:675px; margin: 0 auto; } #popupArea #contents .faqBlock {width: 624px; margin:0 auto; padding:5px 15px 10px 20px; background:none;} #popupArea #contents .faqDetails {display:block;} #popupArea #contents h1.index-tab1st{ background:url(/-/Media/jpz/zrh/divert/car/pop/img/popup_bg_01.jpg) repeat-x 0 0; width: 100%; padding:11px 0 10px; border-bottom:1px solid #000066; font-size:140%; color:#FFF; text-align:center; font-weight:bold; line-height:1.1; } #popupArea #contents h2{padding:8px 8px 12px 25px;} #popup .popupfooter { position: absolute; left: 0; width: 100%; height: 77px; background: url(/-/Media/jpz/zrh/divert/car/pop/img/popup_footer_02.gif) 0 100% repeat-x; } #popup .popupfooterInner { position:relative; width:675px; margin: 0 auto; } #popup .popupleft { position:absolute; top:12px; left:5px; color:0935a0; font-weight:bold; } #popup .popupleft a { display: block; min-height: 29px; _height: 29px; padding: 0 0 0 25px; background: url(/-/Media/jpz/zrh/divert/car/pop/img/popup_icon_arrow_01.gif) 0 50% no-repeat; } #popup .popupright { position:absolute; top:12px; right:5px; color:0935a0; font-weight:bold; } #popup .popupright a { float: right; display: block; min-height: 29px; _height: 29px; padding: 0 25px 0 0; background: url(/-/Media/jpz/zrh/divert/car/pop/img/popup_icon_arrow_02.gif) 100% 50% no-repeat; } #popup .popupclose {position:absolute; top:58px; left:300px; background:url(/-/Media/jpz/zrh/divert/car/pop/img/popup_icon.gif) no-repeat 0 -0.1em;padding-left:20px;} #popup .popupclose a {color:#FFFFFF;} #popupArea .personalInjury{ font-weight: bold; color: #333; font-size: 110%; margin-top: 10px; width: 525px; padding: 11px 0 0 60px; line-height: 126%; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab2nd-bg-01a.gif) no-repeat 0 0; margin-left: 12px; text-indent: 0; } #popupArea .newTextIndex04{ background-position:8px 8px; } #popupArea .newTextIndex04 strong{ font-weight:bold; color:#222288; } #popupArea .newTextIndex04 .new_strong{ font-weight:bold; color:#222288; padding-top:0px; padding-left:0px; display:inline; background:none; } /* ------------------------------------------------------------------------------------------ /direct/auto/merit/quote/importance.html ========================================================================================== */ /* ------------------------------------------------------------ 130128追記 ------------------------------------------------------------ */ .importance#str-container{ width:552px!important; margin:0 auto!important; padding:0!important; } .importance#str-container #str-header #site-name02{ left:110px; margin:0; padding:0; position:absolute;top:52px } .layout-p1 #str-header{ padding-bottom:10px;background:transparent url(/-/Media/jpz/zrh/divert/shared/images/str-header-bg-p1.gif) no-repeat 0 bottom; } .layout-p1 #str-header #site-logo{padding-bottom:10px} .layout-p1 .importance #str-header { background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/importance_str-header-bg-p1.png) 0 bottom no-repeat; } .layout-p1 .importance #str-contents { background:#e6e9e8 url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/importance_str-contents-bg-02.png) center bottom no-repeat; padding:0 0 20px 0; width:552px; } .importance#str-container #str-footer{ width:100%!important;} .layout-p1 .importance #str-contents-container { padding-top:6px; } .layout-p1 .importance #str-main-container { padding:20px 0 10px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/importance_str-main-bg-02.gif) center 0 no-repeat; } .importance .page_top { position:static; text-align:right; margin:44px 10px 0 0; } .importance #str-main-container table { margin-bottom:0; } .layout-p1 .importance #str-main { width:492px; margin:0 auto; } .importance #str-main-container .nav-close { margin:0; } .importance #str-main-container .section { background:none; } .importance #colum_style2 .quoteBlock .quoteTxtBlock { padding-bottom:15px; } .importance #colum_style2 #primary h2 { margin-top:5px; } .importance #colum_style2 #primary .leadTxt { padding:0 10px; } /* ------------------------------------------------------------------------------------------ /direct/auto/merit/quote/nonfleet.html ========================================================================================== */ /* ------------------------------------------------------------ 130327追記 ------------------------------------------------------------ */ #colum_style2 .quoteBlock .nonfleetBlock01 { color:#333; margin: 0 0 20px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_002_repeat.gif) repeat-y 0 0; } #colum_style2 .quoteBlock .nonfleetBlock01 .nonfleetBlockInr { padding:0 20px 20px 20px; width:432px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_002_bottom.gif) no-repeat left bottom; } #colum_style2 .quoteBlock .nonfleetBlock01 .lineBlock { margin-top:8px; padding-top:8px; border-top:1px solid #ebebeb; } #colum_style2 .quoteBlock .nonfleetBlock01 .txt { padding:0 0 5px 0; } #colum_style2 .quoteBlock .nonfleetBlock01 .caution { padding:0 0 5px 0; font-size:90%; _font-size:75%; } #colum_style2 .quoteBlock .nonfleetBlock01 .link, #colum_style2 .quoteBlock .nonfleetBlock02 .link{ text-align:right; } #colum_style2 .quoteBlock .nonfleetBlock01 .link a.arrow { padding:0 0 0 10px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_ico_002.gif) no-repeat left center; } #colum_style2 .quoteBlock .nonfleetBlock01 .link a.anchor, #colum_style2 .quoteBlock .nonfleetBlock02 .link a.anchor { padding:0 0 0 12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_ico_003.gif) no-repeat left center; } #colum_style2 .quoteBlock .nonfleetBlock01 .nonfleetmoreBlock { background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_001_repeat.gif) repeat-y 0 0; } #colum_style2 .quoteBlock .nonfleetBlock01 .nonfleetmoreBlock .nonfleetmoreBlockInr { background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_001_top.gif) no-repeat 0 0; } #colum_style2 .quoteBlock .nonfleetBlock01 .nonfleetmoreBlock .nonfleetmoreBlockInr02 { padding:10px 13px 10px 10px; width:407px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_001_bottom.gif) no-repeat left bottom; } #colum_style2 .quoteBlock .nonfleetBlock01 .nonfleetmoreBlock .nonfleetmoreBlockInr02 .line { margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #ead3ac; } #colum_style2 .quoteBlock .nonfleetBlock02 { color:#333; } #colum_style2 .quoteBlock .nonfleetBlock02 .faqBox { padding:0 0 15px 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .faqBox dt { padding:0 0 13px 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .txtBold { font-weight:bold; font-size:110%; text-align:justify; } #colum_style2 .quoteBlock .nonfleetBlock02 .roundedBlock { color:#333333; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_003_repeat.gif) repeat-y 0 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .roundedBlock .roundedBlockInr { background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_003_top.gif) no-repeat 0 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .roundedBlock .roundedBlockInr02 { padding:25px 11px 20px 11px; width:450px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_bg_003_bottom.gif) no-repeat left bottom; } #colum_style2 .quoteBlock .nonfleetBlock02 .roundedBlock .ttl { padding:0 0 10px 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .roundedBlock .txt { padding:0 11px 8px 11px; } #colum_style2 .quoteBlock .nonfleetBlock02 .arwBlock { text-align:center; padding:20px 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .nonfleetSimulationBlock { margin:25px 0 0 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .nonfleetSimulationBlock .ttl { padding:10px 0; text-align:center; background:#000066; } #colum_style2 .quoteBlock .nonfleetBlock02 .nonfleetSimulationBlock .nonfleetSimulationBlockInr { padding:10px 13px 10px 15px; border-left:1px solid #608cc8; border-right:1px solid #608cc8; border-bottom:1px solid #608cc8; } #colum_style2 .quoteBlock .nonfleetBlock02 .nonfleetSimulationBlock .txt { float:left; padding:0 25px 0 0; width:200px; line-height:1.4; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_ico_001.gif) no-repeat right center; } #colum_style2 .quoteBlock .nonfleetBlock02 .nonfleetSimulationBlock .btn { float:right; padding:5px 0 0 0; width:206px; } #colum_style2 .quoteBlock .nonfleetBlock02 .nonfleetSimulationBlock .btn a { display:block; font-weight:bold; font-size:105%; padding:13px 0 0 23px; width:183px; height:31px; background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_btn_001.gif) no-repeat 0 0; } #colum_style2 .quoteBlock .nonfleetBlock02 .nonfleetSimulationBlock .btn a:hover { background:url(/-/Media/jpz/zrh/divert/direct/auto/merit/quote/img/nonfleet_btn_001.gif) no-repeat 0 -44px; } #colum_style2 .quoteBlock .nonfleetBlock02 .discListBlock { margin:0 0 0 15px; padding:5px 11px 0 11px; } #colum_style2 .quoteBlock .nonfleetBlock02 .discListBlock.discListLineBlock { border-top:2px solid #ebebeb; } #colum_style2 .quoteBlock .nonfleetBlock02 .discListBlock li { padding:2px 0; list-style:disc outside; } #colum_style2 .quoteBlock .nonfleetBlock02 .discListBlock.font_105 li { font-size:105%; } /* ------------------------------------------------------------ 131126追記 ------------------------------------------------------------ */ .quoteBlock .cautionBlockA01 p{ margin-left:1em; text-indent:-1em; line-height:1.2; } .quoteBlock .duplicateTxt01{ line-height:1.4; } /* ------------------------------------------------------------------------------------------ /direct/auto/contactus/ ========================================================================================== */ /* ------------------------------------------------------------ 1300302追記 ------------------------------------------------------------ */ #contents_container #primary .index03_h3{ background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index02-icon.gif) no-repeat 0 0 #F6F6F6; font-size:14px; padding:8px 0 8px 11px; font-weight:bold; margin-bottom:13px; } #primary .compensation_css dd, #primary .compensation_css dt{ float: left; line-height:1.8; } #primary .compensation_css dt{ padding-left:0px; color:#003399; font-weight:bold; width:24px; } #primary .compensation_css dd { width: 448px; } #primary #search_wrap{ background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index02-boxbt.gif) no-repeat 0px bottom; padding-bottom:7px; margin-bottom:18px; margin-top:33px; zoom:1;/*IE7*/ } #primary #search_bt{ background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index02-boxtp.gif) no-repeat 0px 0; padding-top:7px; } #primary #search_bt_in{ border-left:solid 1px #72A0DE; border-right:solid 1px #72A0DE; width:470px; } #primary #search_bt_in h2{ padding:10px 0 16px 0px; border-bottom:solid 1px #E2E8F1; margin-left:10px; width:450px; } #primary #search_bt_in ul{ margin:9px 0 0 13px; padding-bottom:4px; line-height:1.8; } #primary #search_bt_in ul li{ padding-left:8px; background: url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat 0px 8px; } #primary #search_bt_in ul .act{ color:#5389BC; } #primary .index11_h3{ font-size:14px; font-weight:bold; padding-left:29px; padding-top:2px; background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index11-icon1.gif) no-repeat 0 0px; } #primary #index11_wrap{ border: solid 1px #9FBCE2; padding:8px 8px; } #primary #index11_wrap #index11_top h4{ background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index11-icon2.gif) no-repeat 0 2px; float:left; width:60px; padding-left: 23px; font-size:15px; font-weight:bold; padding-bottom:10px; } #primary #index11_wrap #index11_top p{ float:right; width:250px; text-align:right; font-size:12px; color:#666666; margin:0 } #primary #index11_wrap p{ margin-bottom: 20px; line-height:1.8; } #primary #index11_wrap .mb11{ margin-bottom: 14px; } #primary .index11_btn{ width:157px; margin:0 5px 20px auto; } #primary .index11_box_wrap{ background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index11-line2.gif) no-repeat 0 bottom; padding-bottom:3px; margin-bottom:10px; } #primary .index11_box{ background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index11-line1.gif) no-repeat 0 top; padding-top:3px; } #primary .index11_box_inner{ background: url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/index11-line3.gif) repeat-y 0 0; padding-bottom:9px; } #primary #index11_wrap .index11_box_inner h4{ padding: 7px 0 8px 14px; } #primary #index11_wrap .index11_box_inner ul{ margin:0 0 0 10px; background: #FFFFFF; width:412px; padding:10px; } #primary #index11_wrap .index11_box_inner .list_style{ margin-left:10px; width:412px; } #primary #index11_wrap .index11_box_inner .list_style li{ background: url(/-/Media/jpz/zrh/divert/common/images/list-ico-01.gif) no-repeat scroll left 0.55em transparent; padding-left:10px; } #primary #index11_btnArea{ margin-bottom:26px; } #primary #index11_btnArea .left_btn{ float:left; width:145px; } #primary #index11_btnArea .right_btn{ float:right; width:198px; } #primary #otoiawase{ margin:20px 0; border: solid 1px #9FBCE2; padding-bottom:4px; } #primary #otoiawase h3{ margin:1px 0 0 1px; } #primary #otoiawase .left_img{ width:227px; float:left; padding-left:9px; } #primary #otoiawase #mail{ width:234px; float:left; } #primary #otoiawase #mail h4{ padding:0; margin:0 0 8px 10px; } #primary #otoiawase .mail_img{ width:46px; float:left; margin:0px 0 0 6px; } #primary #otoiawase .mail_btn{ width:169px; float:left; margin: -5px 0 0 5px; } #primary .menubox2{ margin:16px 7px 0 0; } #search_h3{ margin-top:30px; } .answer_01{ float:left; margin: 10px 0 5px 12px; font-size: 12px; } .search01_bold { font-weight:bold; } #rank_ul{ float:right; margin-top: 10px; } .rank_li{ border-style:none none none solid; border-width:1px; border-color:#5F8BC8; margin-left:5px; margin-bottom:10px; padding-left:5px; } #rank_ul { margin: 10px 0 5px 0; } #rank_ul li{ float:left; } .h4_block{ border-style:none none none solid; border-width:4px; border-color:#5F8BC8; padding-left:10px; } #rank_table{ width:472px; border-style:none solid solid solid; border-width:1px; border-color:#CCCCCC; font-size: 12px; } .rank_th_01{ width:403px; background-color:#5F8BC8; color:#FFFFFF; font-weight:bold; text-align:center; padding:6px 0; } .rank_th_02{ width:69px; border-style:none none none solid; border-width:1px; border-color:#CCCCCC; background-color:#5F8BC8; color:#FFFFFF; font-weight:bold; text-align:center; padding:6px 0px; } .rank_td{ width:365px; padding:13px 13px 10px 33px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/43_02.gif) no-repeat 10px 13px; line-height:150%; } .rank_p{ width:330px; margin-left:32px; border-style: dotted none none none; border-width:2px; border-color:#CCCCCC; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/43_03.gif) no-repeat left 10px; padding:10px 10px 10px 20px; } .rank_02{ width:69px; border-style:none none none solid; border-width:1px; border-color:#CCCCCC; text-align:center; vertical-align: middle; } .bg_red{ background-color:#FFD8D8; } .bottom_bg{ width:472px; heigth: 29px; border-style:none solid solid solid; border-width:1px; border-color:#CCCCCC; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/43_04.gif) repeat-x left top; text-align: center; } .bottom_a { padding:3px; } .bottom_b a{ display:block; width:472px; border-style:none solid solid solid; border-width:1px; border-color:#CCCCCC; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/43_04.gif) repeat-x left top; padding:4px 0; text-align: center; } .view_more { background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/43_arrow.gif) no-repeat left center; padding-left:20px; } .rank_td_02{ width:420px; padding:13px 3px 10px 33px; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/43_05.gif) no-repeat 10px 13px; line-height:150%; } .rank_p_02{ width:390px; margin-left:32px; border-style: dotted none none none; border-width:2px; border-color:#CCCCCC; background:url(/-/Media/jpz/zrh/divert/direct/auto/contactus/img/43_03.gif) no-repeat left 10px; padding:10px 10px 10px 20px; } #if_01 { margin:0 10px 20px 10px; } #if_02{ margin:10px; line-height: 150%; } #hint_box{ border:1px solid #CCCCCC; background-color:#e3ecfd; padding:14px 11px; } #search_h3{ margin-top:30px; } #hint_box .point{ font-weight:bold; } #hint_box h4{ margin-bottom:13px; } #hint_box h5{ margin-bottom:10px; } #hint_box p{ line-height:1.8; } /* ------------------------------------------------------------ 1300606追記 ------------------------------------------------------------ */ .notice_box .image{ margin-right: 10px; float:left; } .notice_box .text{ overflow: hidden; zoom: 1; } .object_over_box .box_style53 { margin-bottom: 20px; } .object_over_box .box_style53 .column_box02 dl { margin-bottom: 0; padding-bottom: 0; background: none; } .object_over_box .arrow_wrap { margin: 0 0 10px 0; padding: 0 0 38px 0; background: url(/-/Media/jpz/zrh/divert/direct/auto/compensation/partner/img/object-bg-01.gif) no-repeat center bottom; } .object_over_indent { padding-left: 1em; text-indent: -1em; } .object_over_indent_inner { margin-left: 1em; } .table_style5 table .em_cell { border: #ff0000 2px solid; } .table_style5 table .em_cell_02 { border: #ff0000 2px solid; border-left: none; } .total_loss_box01{ margin: 30px 0 5px; background: url(/-/Media/jpz/zrh/divert/direct/auto/compensation/car/img/total_loss-bg-01.gif) no-repeat center bottom; } .total_loss_box01 .box_inner{ padding: 10px; } /* ------------------------------------------------------------------------------------------ /direct/auto/compensation/other/living.html 140224追記 ========================================================================================== */ .recommendIco img{ padding:0 0 0.15em 0; } /* ------------------------------------------------------------ 140916追記 ------------------------------------------------------------ */ .icoListType01 li{ background: url(/-/Media/jpz/zrh/divert/direct/auto/feature/accident/img/cmn-ico-01.gif) no-repeat left center; padding-left:15px; } /* ------------------------------------------------------------ 141215追記 ------------------------------------------------------------ */ .winningBlock03 h4 { background:url(/-/Media/jpz/zrh/divert/common/images/ico-sq-black.gif) no-repeat left center; padding-left:12px; margin:8px 0; } .social_block01 dl{ float:left; } .social_block01 dl.newleft_box{ width:220px; } .social_block01 dl.newcenter_box { width:195px; margin:0 25px; } .social_block01 dl.newright_box { width:160px; } .social_block01 dl dd a{ display:block; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) 0 5px no-repeat; padding-left:10px; } /* ------------------------------------------------------------------------------------------ /direct/auto/compensation/ 150216追記 ========================================================================================== */ #contents_container #str_contents .sub_navi_txt .bnrBlock a:hover{ background:none; } #contents_container #str_contents .sub_navi_txt .bnrBlock{ padding:12px 0 0 0; border-top:1px solid #d6d6d6; } /* ------------------------------------------------------------------------------------------ /car/ 150216追記 ========================================================================================== */ /* ------------------------------------------------------------ car1st ------------------------------------------------------------ */ .car1st{ position:relative; } .car1st .btnBlock{ position:absolute; top:10px; right:20px; } .car1st .btnBlock .btn1st{ width:194px; height:32px; margin-bottom:5px; } .car1st .btnBlock .btn1st a{ display:block; width:164px; height:24px; padding:8px 0 0 30px; background:url(/-/Media/jpz/zrh/divert/direct/auto/img/new/index-tab1st-btn-09.gif) 0 0 no-repeat; font-weight:bold; } .car1st .btnBlock .btn1st a:hover{ background-position:0 -32px; } /* ------------------------------------------------------------------------------------------ /car/howto/ 150216追記 ========================================================================================== */ /* ------------------------------------------------------------ /car/howto/index ------------------------------------------------------------ */ #colum_style4 #primary.howtoArea{ width:661px; padding:20px 0 0 20px; } #colum_style4 #primary.howtoArea h2{ padding:0; } /*imageRightBlockA01*/ #primary.howtoArea .imageRightBlockA01{ padding:0 0 7px 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/index-bg-01.gif) repeat-x left bottom; } #primary.howtoArea .imageRightBlockA01 .text{ float:left; width:345px; font-size:116.66%; } #primary.howtoArea .imageRightBlockA01 .text h2{ margin:0 0 25px 0; } #primary.howtoArea .imageRightBlockA01 .text p{ margin:15px 0 0 0; } #primary.howtoArea .imageRightBlockA01 .image{ float:right; width:282px; } /*imageLeftBlockA01*/ #primary.howtoArea .listBlockA01{ margin:11px 0 0 0; } #primary.howtoArea .listBlockA01 .imageLeftBlockA01 .text{ float:right; width:550px; padding:10px 0; } #primary.howtoArea .listBlockA01 .imageLeftBlockA01 .text .title{ font-weight:bold; margin:0 0 5px 0; font-size:133.33%; } #primary.howtoArea .listBlockA01 .imageLeftBlockA01 .text .title a{ color:#00a686; text-decoration:none; } #primary.howtoArea .listBlockA01 .imageLeftBlockA01 .image{ float:left; width:91px; padding:0 0 0 0; } #primary.howtoArea .listBlockA01 .linkBlockA01{ margin:0 0 20px 0; border-bottom:1px solid #eaeded; text-align:right; } #primary.howtoArea .listBlockA01 .linkBlockA01 p{ display:inline-block; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/index-bg-03.gif) no-repeat right top #33b89e; } #primary.howtoArea .listBlockA01 .linkBlockA01 a{ display:block; padding:4px 13px; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/index-bg-02.gif) no-repeat left top; color:#fff; text-decoration:underline; } #primary.howtoArea .listBlockA01 .linkBlockA01 a:hover{ text-decoration:none; } #primary.howtoArea .listBlockA01 .linkBlockA01 a span{ padding:0 0 0 12px; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/index-ico-01.gif) no-repeat left center; } /* ------------------------------------------------------------ /car/howto/partner/index ------------------------------------------------------------ */ /*imageLeftBlockA01*/ #primary.howtoArea .howtoBlock .imageLeftBlockA01{ display:table; margin:30px 0 0 0; } #primary.howtoArea .howtoBlock .imageLeftBlockA01 .text{ display:table-cell; width:493px; vertical-align:middle; } #primary.howtoArea .howtoBlock .imageLeftBlockA01 .text .title{ margin:0 0 5px 0; font-size:192%; } #primary.howtoArea .howtoBlock .imageLeftBlockA01 .text .title a{ color:#000; text-decoration:none; } #primary.howtoArea .howtoBlock .imageLeftBlockA01 .text .link a{ padding:0 0 0 9px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) no-repeat 0 0.3em; font-weight:bold; } #primary.howtoArea .howtoBlock .imageLeftBlockA01 .image{ display:table-cell; width:153px; padding:0 15px 0 0; } /*imageLeftBlockA01*/ #primary.howtoArea .howtoBlock .imageLeftBlockA02{ display:table; margin:30px 0 0 0; } #primary.howtoArea .howtoBlock .imageLeftBlockA02 .text{ display:table-cell; width:533px; vertical-align:middle; } #primary.howtoArea .howtoBlock .imageLeftBlockA02 .text .title{ margin:0 0 5px 0; font-size:192%; } #primary.howtoArea .howtoBlock .imageLeftBlockA02 .text .title a{ color:#000; text-decoration:none; } #primary.howtoArea .howtoBlock .imageLeftBlockA02 .text .link a{ padding:0 0 0 9px; background:url(/-/Media/jpz/zrh/divert/common/images/new-ico-arrow-03.gif) no-repeat 0 0.3em; font-weight:bold; } #primary.howtoArea .howtoBlock .imageLeftBlockA02 .image{ display:table-cell; width:113px; padding:0 15px 0 0; } /*imageLeftBlockB01*/ #primary.howtoArea .howtoBlock .imageLeftBlockB01{ display:table; margin:8px 0 0 0; } #primary.howtoArea .howtoBlock .imageLeftBlockB01 .text{ display:table-cell; font-size:116.66%; vertical-align:middle; } #primary.howtoArea .howtoBlock .imageLeftBlockB01 .image{ display:table-cell; width:153px; padding:0 15px 0 0; } /*column2WrapA1*/ #primary.howtoArea .howtoBlock .column2WrapA01{ margin:30px 0 0 0; } #primary.howtoArea .howtoBlock .column2WrapA01 .column01{ float:left; width:327px; } #primary.howtoArea .howtoBlock .column2WrapA01 .column02{ float:right; width:327px; } #primary.howtoArea .howtoBlock .column2WrapA01 .column01 .imageLeftBlockA01, #primary.howtoArea .howtoBlock .column2WrapA01 .column02 .imageLeftBlockA01{ margin:0; } #primary.howtoArea .howtoBlock .column2WrapA01 .column01 .imageLeftBlockA01 .text, #primary.howtoArea .howtoBlock .column2WrapA01 .column02 .imageLeftBlockA01 .text{ width:150px; } #primary.howtoArea .howtoBlock .column2WrapA01 .column01 .imageLeftBlockA02, #primary.howtoArea .howtoBlock .column2WrapA01 .column02 .imageLeftBlockA02{ margin:0; } #primary.howtoArea .howtoBlock .column2WrapA01 .column01 .imageLeftBlockA02 .text, #primary.howtoArea .howtoBlock .column2WrapA01 .column02 .imageLeftBlockA02 .text{ width:190px; } /*textBlock*/ #primary.howtoArea .howtoBlock .textBlockA01{ margin:15px 0; font-size:130%; line-height:1.4; } #primary.howtoArea .howtoBlock .textBlockB01{ margin:20px 0; font-size:110%; line-height:1.4; } /*textBlock*/ #primary.howtoArea .howtoBlock .bgBlockA01{ padding:18px 15px; background:#e0efe4; font-size:110%; line-height:1.4; } /*cautionBlockB01*/ #primary.howtoArea .howtoBlock .cautionBlockB01{ margin:10px 0 0 0; text-align:left; } #primary.howtoArea .howtoBlock .cautionBlockB01 li{ text-indent:-1.3em; margin-left:1.3em; } /*cvBlock*/ #primary.howtoArea .howtoBlock .cvBlock{ margin:40px 0 0 0; padding:15px; background:#e7edf2; text-align:center; } #primary.howtoArea .howtoBlock .cvBlock .text{ position:relative; display:inline-block; } #primary.howtoArea .howtoBlock .cvBlock .link{ position:absolute; top:0; right:0; } #primary.howtoArea .howtoBlock .cvBlock .btn{ margin:8px 0 0 0; } #primary.howtoArea .howtoBlock .cvBlock .cautionBlockA01{ margin:10px 0 0 0; padding:0 0 0 30px; text-align:left; } #primary.howtoArea .howtoBlock .cvBlock .cautionBlockA01 li{ text-indent:-1em; margin-left:1em; font-size:85%; } /*pageLinkBlock*/ #primary.howtoArea .howtoBlock .pageLinkBlock{ margin:30px 0 0 0; border-top:1px solid #eaeded; } #primary.howtoArea .howtoBlock .pageLinkBlock .top{ float:left; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-bg-02.gif) no-repeat right bottom #cce5d2; } #primary.howtoArea .howtoBlock .pageLinkBlock .top a{ display:block; padding:8px 25px 9px; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-bg-01.gif) no-repeat left bottom; font-size:120%; color:#000; } #primary.howtoArea .howtoBlock .pageLinkBlock .back{ float:left; margin:0 10px 0 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-bg-02.gif) no-repeat right bottom #cce5d2; } #primary.howtoArea .howtoBlock .pageLinkBlock .back a{ display:block; padding:8px 25px 9px 15px; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-bg-01.gif) no-repeat left bottom; font-size:120%; color:#000; } #primary.howtoArea .howtoBlock .pageLinkBlock .back a span{ padding:0 0 0 20px; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-ico-03.gif) no-repeat left center; } #primary.howtoArea .howtoBlock .pageLinkBlock .next{ float:right; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-bg-04.gif) no-repeat right bottom #00a686; } #primary.howtoArea .howtoBlock .pageLinkBlock .next a{ display:block; padding:9px 27px 9px 40px; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-bg-03.gif) no-repeat left bottom; font-size:150%; color:#fff; } #primary.howtoArea .howtoBlock .pageLinkBlock .next a span{ padding:0 20px 0 0; background:url(/-/Media/jpz/zrh/divert/direct/auto/howto/img/cmn-ico-02.gif) no-repeat right center; } /*pageTop*/ #primary.howtoArea .howtoBlock .pageTop{ margin:25px 0 0 0; text-align:right; } /* ------------------------------------------------------------ KnowledgeSyndication ------------------------------------------------------------ */ div.KnowledgeSyndication { background:url(/-/Media/jpz/zrh/divert/common/images/contractor-h4-02.gif) no-repeat 0 0; padding-top:13px; margin-top:10px; width:100%; } div.rn_Content .rn_Item{ background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) no-repeat 0 5px; padding-left:10px; line-height:1.5em; margin-top:5px } /* ------------------------------------------------------------------------------------------ /car/feature/accident/exclusive.html 150618追記 ========================================================================================== */ .exclusiveBlockA01 .leftBlock01{ width:226px; float:left; } .exclusiveBlockA01 .rightBlock01{ width:226px; float:right; } .exclusiveBlockA01 .leftBlock01 .textBgBlockA01, .exclusiveBlockA01 .rightBlock01 .textBgBlockA01{ background:#dae1ec; text-align:center; padding:5px; margin:0 0 8px; font-weight:bold; font-size:112.15%; } /* ------------------------------------------------------------------------------------------ /car/feature/accident/report.html 150618追記 ========================================================================================== */ .reportBtn1 a{ display:block; width:180px; height:34px; margin:10px 0 0; float:right; } /* ------------------------------------------------------------------------------------------ 紹介割引露出アップ施策(phase1) 2015/06/17追記 ========================================================================================== */ #mgm_index.layout-02 #header_area #site-info{ position:absolute; top:0; right:0; } #mgm_index.layout-02 #str_contents{ background:none; } #mgm_index.layout-02 #str_wrap{ position:relative; } #mgm_index.layout-02 .kvBlock{ position:absolute; left:4px; top:0; background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/mgm/img/index-bg-01.jpg) no-repeat left bottom; height:416px; } #mgm_index.layout-02 .kvBlockInner{ padding:10px 10px 0 20px; } #mgm_index.layout-02 .kvBlock ul{ margin-top:10px; } #mgm_index.layout-02 .kvBlock ul li{ float:left; } #mgm_index.layout-02 #colum_style3{ width:872px; padding-top:435px; font-size:112.2%; line-height:1.42; } #mgm_index.layout-02 .cautionBlockA01{ margin-top:20px; } #mgm_index.layout-02 .cautionBlockA01 ul li{ color:#ff0000; text-indent:-1em; padding-left:1em; } #mgm_index.layout-02 .cautionBlockA02{ margin-top:15px; } #mgm_index.layout-02 .cautionBlockA02 ul li{ text-indent:-1em; padding-left:1em; } #mgm_index.layout-02 #colum_style3 h3{ padding-bottom:20px; } #mgm_index.layout-02 .bgColorBlockA01Outer{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/mgm/img/index-bg-bottom-01.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom:35px; } #mgm_index.layout-02 .bgColorBlockA01{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/mgm/img/index-bg-repeat-01.gif) repeat-y left 10px; } #mgm_index.layout-02 .bgColorBlockA01Inner{ background:url(/-/Media/jpz/zrh/divert/direct/auto/contractor/mgm/img/index-bg-top-01.gif) no-repeat left top; padding:20px 20px 15px; } #mgm_index.layout-02 .bgColorBlockA01 dl dt{ font-weight:bold; font-size:107.2%; } #mgm_index.layout-02 .bgColorBlockA01 dl dd{ font-size:92.9%; } #mgm_index.layout-02 .bgColorBlockA01 dl dd.col01{ color:#ff0000; } #mgm_index.layout-02 .bgColorBlockA01 dl dd ul li{ text-indent:-0.5em; padding-left:0.5em; } #mgm_index.layout-02 .to_exclusive04 a{ background:url(/-/Media/jpz/zrh/divert/common/images/ico-tri-bl.gif) 0px 5px no-repeat; padding-left:10px; line-height:1.5em; margin-top:5px; display:inline-block; } #mgm_index.layout-02 #code_btm{ font-size:80%; } /* ------------------------------------------------------------ 20150807追記 ------------------------------------------------------------ */ /* txt_price ------------------------------ */ .txt_price { font-size: 12px; font-weight: bold; position: relative; top: -8px; } .em_pos { position: relative; top: 1px; left: 1px; } .em_low { color: #FF7200; font-size: 15px; } .em_high { color: #FF2424; font-size: 15px; } .side_text{ font-size: 16px; font-weight: bold; position: relative; padding: 10px 0 10px 94px; width: 377px; left: 0; top: 5px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; } .side_text>img{ position: absolute; left: 30px; top: -5px; } .side_text2{ font-size: 14px; font-weight: bold; position: relative; padding-left: 28px; margin-bottom: 10px; left: 0; top: 0; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; color: #039; } .side_text2 .side{ position: absolute; left: 0; top: 50%; margin-top: -10px; font-size: 20px; } /* car_ea ------------------------------ */ .car_ea_list{ margin-bottom: 5px; } .car_ea_list li{ display:inline-block; *display:inline; zoom:1; width: 140px; text-align: center; font-size: 12px; font-weight: bold; margin-right: 7px; padding: 5px; } .car_ea_list li.last{ margin-right: 0 !important; } /* add20151013 */ /* awardBlockA01 ------------------------------ */ .awardBlockA01 .imageLeftBlockA01{ width:325px; } .awardBlockA01 .imageLeftBlockA01 .txt{ width:223px; } .awardBlockA01 .imageLeftBlockA02{ width:295px; } .awardBlockA01 .imageLeftBlockA02 .txt{ width:193px; } /* link_Tx ------------------------------ */ .link_Txt{ position:relative; display:inline-block; } .link_Txt .link{ position:absolute; top:0; right:0; } /* btnBlockA01 ------------------------------ */ .btnBlockA01{ width:560px; } .btnBlockA01 a{ display:block; padding:8px 5px 7px 40px; text-decoration:none; font-size:12px; font-weight:bold; background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/undertaking-btn-bg_001_o.gif) 0 0 no-repeat; height:30px; } .btnBlockA01 a:hover{ background:url(/-/Media/jpz/zrh/divert/direct/auto/demo/img/undertaking-btn-bg_001_h.gif) 0 0 no-repeat; } .btnBlockA01 .btnLeft{ float:left; width:276px; } .btnBlockA01 .btnRight{ float:right; width:276px; } /* ------------------------------------------------------------ 20151119追記 ------------------------------------------------------------ */ /* CM ------------------------------ */ .bg-gray p { background-color: #eaeaea; padding: 18px 20px 20px 20px; font-size: 12px; border-radius: 7px; } #contents_container #primary .column_box01 h4.mb5 { padding-bottom: 0px; } #contents_container #primary .column_box01 h4.mb5 img { margin-right: 5px; margin-bottom:1px; } .cvtBtn:hover { opacity:0.8; } .endConversionContainer .rightBlock, .endConversionContainer .leftBlock{ width:auto; } .cm-outside { overflow: hidden; } .cm-number { overflow: hidden; width: 210px; float: right; } .cm-number p { float: left; padding-top: 69px; padding-right: 9px; } .cm-number img { float: right; } /* ------------------------------------------------------------ 20151130追記 ------------------------------------------------------------ */ .faqBlock .faqInner .carType02 { width:auto; } .font_12 { font-size:12px!important; margin-bottom: 20px; } .font_14 { font-size:14px!important; margin-bottom:5px; } #newPriceNotes ul li { font-size: 12px; line-height: 16px; margin-bottom:20px; } .footerTxt_t #code_btm { font-size:12px; } #newPriceNotes { margin: 10px auto 20px; } #server_maintenance { background-color:#f0f3fb; padding: 12px 20px; } /* ------------------------------------------------------------------------------------------ /-/Media/jpz/zrh/divert/car/contractor/mgm/ 151204 add ========================================================================================== */ /* tableBlockA01 ------------------------------ */ #mgm_index.layout-02 .tableBlockA01 { width: 100%; border: none; border-bottom: 1px solid #b9b9b9; } #mgm_index.layout-02 .tableBlockA01 .red { color:#ff0000; } #mgm_index.layout-02 .tableBlockA01 table { width: 100%; border-collapse: separate; border-spacing: 0; } #mgm_index.layout-02 .tableBlockA01 thead th { padding: 9px 11px 5px 11px; background: #608cc8; border: none; border-left: 1px solid #b9b9b9; border-top: 1px solid #b9b9b9; color: #ffffff; font-weight: bold; text-align: center; font-size: 116%; } #mgm_index.layout-02 .tableBlockA01 tbody th { width: 140px; padding: 19px 19px 120px 19px; border-top: 0; background: #e4eff8; border: none; border-left: 1px solid #b9b9b9; color: #000000; font-weight: bold; vertical-align: middle; font-size: 85%; } #mgm_index.layout-02 .tableBlockA01 tbody td { padding: 16px 19px 15px 19px; background: #ffffff; border: none; border-right: 1px solid #b9b9b9; border-left: 1px solid #b9b9b9; font-size: 85%; border-top: 0; line-height: 1.7; } #mgm_index.layout-02 .tableBlockA01 tbody td ul.listA01 li { padding-left: .7em; text-indent: -.5em; } #mgm_index.layout-02 .tableBlockA01 tbody td ul.listB01 li { padding-left: 2em; text-indent: -2em; } #mgm_index.layout-02 .tableBlockA01 tbody td ul.listC01 li { padding-left: 0.8em; text-indent: -0.8em; } #mgm_index.layout-02 .tableBlockA01 tbody td ul.listC01 .indent01 { padding-left: 1.2em; } #mgm_index.layout-02 .tableBlockA01 tbody td ul li span { padding: 0 0 0 10px; background: url(/-/Media/jpz/zrh/divert/common/images/quote/introduction_MGM_ico_02.png) no-repeat 0 48%; } #mgm_index.layout-02 .tableBlockA01 tbody td ul.listC01 li ul.listA01 li { padding-left: 1.2em; text-indent: -1em; } /* ------------------------------------------------------------------------------------------ /car/merit/first/ 151207 add ========================================================================================== */ /* bgBule ------------------------------ */ #str-newContainer .bgBule{ background:url(/-/Media/jpz/zrh/divert/direct/auto/img/zassist-bg-001.gif) left top repeat-y; margin:0 auto 50px; padding:0 0 32px; width:472px; } /* bgBule ------------------------------ */ #str-newContainer .bgWhite{ background:#fff; margin:30px 15px 0 18px; padding:15px 14px; } /* imgBlockA01 ------------------------------ */ #str-newContainer .imgBlockA01{ margin:15px 0 0; } /* cautionBlockB ------------------------------ */ #str-newContainer .cautionBlockB02{ font-size:12.5px; padding:28px 15px 0 17px; } #str-newContainer .cautionBlockB02 ul{ text-indent:-1em; margin:0 0 0 12px; } #str-newContainer .cautionBlockB03{ font-size:12.5px; padding:13px 15px 18px 14px; } #str-newContainer .cautionBlockB03 ul{ text-indent:-0.5em; margin:0 0 0 11px; } #str-newContainer .cautionBlockB02 .bold{ font-weight:bold; } /* btnBlockA02 ------------------------------ */ #str-newContainer .btnBlockA02{ margin:25px 0 0 18px; } #str-newContainer .btnBlockA02 .btn a{ font-size:14px; font-weight:bold; display: block; width: 143px; height: 39px; margin:0 11px 0 10px; padding: 7px 0 5px 35px; background: url(/-/Media/jpz/zrh/divert/direct/auto/img/zassist-btn-001.gif) no-repeat; } #str-newContainer .btnBlockA02 .btn a:hover{ background: url(/-/Media/jpz/zrh/divert/direct/auto/img/zassist-btn-001.gif) 0 -51px no-repeat; } /* imgRightBlockA01 ------------------------------ */ #str-newContainer .imgRightBlockA01{ margin:5px 15px 0 18px; } #str-newContainer .imgRightBlockA01 .img{ float:right; } #str-newContainer .imgRightBlockA01 .txtBlockA01{ float:left; font-size:12.5px; width:263px; word-break:break-all; } /* ------------------------------------------------------------------------------------------ /-/Media/jpz/zrh/divert/car/z-assist/ 151207 add ========================================================================================== */ /* ------------------------------------------------------------ z-assist_index ------------------------------------------------------------ */ body.z-assist_index{ -webkit-text-size-adjust:100%; } body.z-assist_index #str-newContainer{ width:100%; } body.z-assist_index #str-newContainer #header_newArea{ width:912px; margin:0 auto; } body.z-assist_index #str-newContainer ul#path{ width:912px; margin:0 auto; padding:12px 0 12px; } body.z-assist_index #str-newContainer #contents_container{ width:100%; margin:0; background:none; } body.z-assist_index #str-newContainer #str_contents{ width:100%; background:none; } body.z-assist_index #str-newContainer #str_wrap{ width:100%; background:none; padding:0; } body.z-assist_index #str-newContainer #str_wrap #code_btm{ width:912px; margin:0 auto; } body.z-assist_index #str-newContainer #str_wrap .footer_wrap{ width:893px; margin:41px auto 0; padding: 0 11px 0 8px; } body.z-assist_index #str-newContainer .codeexample{ width:912px; margin:0 auto; } body.z-assist_index #str-newContainer .codeexample #list_box01{ margin:20px 21px 0px 21px; } body.z-assist_index #str-newContainer #str-footer{ margin:7px auto; } /* ------------------------------------------------------------ primary ------------------------------------------------------------ */ body.z-assist_index #str-newContainer #primary{ color:#333333; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:15px; line-height:1.8; } body.z-assist_index #str-newContainer #primary a{ color:#1453d1; } body.z-assist_index #str-newContainer #primary a img:hover{ opacity:0.8; filter : alpha(opacity=80); -ms-filter : "alpha(opacity=80)"; } body.z-assist_index #str-newContainer #primary h4{ padding:0; } body.z-assist_index #str-newContainer #primary ul.indent01 li{ padding-left:1em; text-indent:-1em; } body.z-assist_index #str-newContainer #primary ul.indent02 li{ padding-left:1.2em; text-indent:-1.2em; } body.z-assist_index #str-newContainer #primary span.orange{ color:#f17800; } body.z-assist_index #str-newContainer #primary .f13{ font-size:13px; } body.z-assist_index #str-newContainer #primary .f15{ font-size:15px; } /* ------------------------------------------------------------ keyVisualBlock ------------------------------------------------------------ */ body.z-assist_index #str-newContainer .keyVisualBlock{ width:850px; min-height:268px; margin:0 auto 29px; padding:30px; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_001.gif) no-repeat 0 0; } body.z-assist_index #str-newContainer .keyVisualBlock .headingBlockB01{ float:left; width:344px; margin:20px 0 0 0; } body.z-assist_index #str-newContainer .keyVisualBlock .headingBlockB01 .btnBlock{ margin:26px 0 0 0; } body.z-assist_index #str-newContainer .keyVisualBlock .headingBlockB01 .btnBlock .btn{ margin:26px 0 0 0; } body.z-assist_index #str-newContainer .keyVisualBlock .movieBlockA01{ float:right; width:471px; border:2px solid #f77b00; font-size:0; } /* ------------------------------------------------------------ bgBlock ------------------------------------------------------------ */ /* bgBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .bgBlockA01 .headingBlockC01.bg{ background:#3c66b3; text-align:center; } body.z-assist_index #str-newContainer .bgBlockA01 .headingBlockC01.bg h3{ width:910px; margin:0 auto; padding:23px 0 21px; } body.z-assist_index #str-newContainer .bgBlockA01 .headingBlockC02.bg{ background:#3c66b3; text-align:center; } body.z-assist_index #str-newContainer .bgBlockA01 .headingBlockC02.bg h3{ width:910px; margin:0 auto; padding:47px 4px 49px 0; } body.z-assist_index #str-newContainer .bgBlockA01 .sectionInner.bg{ background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_002.gif) #c8def1 no-repeat 50% 0; } body.z-assist_index #str-newContainer .bgBlockA01 .sectionInner.bg .enclose{ width:910px; margin:0 auto; padding:43px 0 40px; } /* ------------------------------------------------------------ detailBlock ------------------------------------------------------------ */ /* detailBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .detailBlockA01Outer{ padding:8px 0 0 0; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_003.gif) no-repeat 0 0; } body.z-assist_index #str-newContainer .detailBlockA01{ padding:0 0 9px 0; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_005.gif) no-repeat 0 100%; } body.z-assist_index #str-newContainer .detailBlockA01Inner{ padding:42px 52px 43px 50px; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_004.gif) repeat-y 0 0; } body.z-assist_index #str-newContainer .detailBlockA01 .sectionInner{ padding:39px 0 0 0; } /* ------------------------------------------------------------ imageLeftBlock ------------------------------------------------------------ */ /* imageLeftBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .imageLeftBlockA01{ margin:0 0 25px 0; } body.z-assist_index #str-newContainer .imageLeftBlockA01 .img{ float:left; width:273px; margin:0 27px 0 0; } body.z-assist_index #str-newContainer .imageLeftBlockA01 .txt{ float:left; width:490px; margin:25px 0 0 0; font-size:17px; font-weight:bold; } /* ------------------------------------------------------------ imageRightBlock ------------------------------------------------------------ */ /* imageRightBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .imageRightBlockA01{ margin:1px 0 0; } body.z-assist_index #str-newContainer .imageRightBlockA01 .textBlockA01{ float:left; width:500px; } body.z-assist_index #str-newContainer .imageRightBlockA01 .img{ float:right; width:273px; margin:0 -1px 0 0; } /* ------------------------------------------------------------ frameBlock ------------------------------------------------------------ */ /* frameBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .frameBlockA01{ margin:25px 0 0 0; padding:14px 20px; background:#f4f4f4; } body.z-assist_index #str-newContainer .frameBlockA01 .cautionBlockD01{ margin:23px 0 0 0; } /* frameBlockB01 ------------------------------ */ body.z-assist_index #str-newContainer .frameBlockB01{ margin:25px 0 0 0; padding: 20px; background:#fffae4; } body.z-assist_index #str-newContainer .frameBlockB01 .cautionBlockE01{ margin:23px 0 0 0; } /* ------------------------------------------------------------ answerBlock ------------------------------------------------------------ */ /* answerBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .answerBlockA01{ padding-top:29px; padding-bottom:50px; border-top:2px dotted #385fa7; } body.z-assist_index #str-newContainer .answerBlockA01:first-child{ padding-top:0; border-top:0; } body.z-assist_index #str-newContainer .answerBlockA01.lastChild{ padding-bottom:0; } body.z-assist_index #str-newContainer .answerBlockA01 .numberBlockA01{ margin:0; } body.z-assist_index #str-newContainer .answerBlockA01 .numberBlockA01 .num{ float:left; width:43px; margin:0 22px 0 0; } body.z-assist_index #str-newContainer .answerBlockA01 .numberBlockA01 .txt{ float:left; width:743px; margin:-4px 0 0 0; } body.z-assist_index #str-newContainer .answerBlockA01Inner{ margin:30px 0 0 0; } body.z-assist_index #str-newContainer .answerBlockA01 .tableBlockA01{ margin:34px 0 0 0; padding:0 30px; } body.z-assist_index #str-newContainer .answerBlockA01 .tableBlockA01 p{ line-height:1; } body.z-assist_index #str-newContainer .answerBlockA01 .tableBlockA01 table{ margin:20px 0 0 0; padding:0; border-collapse:collapse; border-top:1px solid #cecece; border-left:1px solid #cecece; } body.z-assist_index #str-newContainer .answerBlockA01 .tableBlockA01 table th, body.z-assist_index #str-newContainer .answerBlockA01 .tableBlockA01 table td{ border-bottom:1px solid #cecece; border-right:1px solid #cecece; padding:15px 20px 14px; } body.z-assist_index #str-newContainer .answerBlockA01 .tableBlockA01 table th{ width:135px; background:#608cc8; color:#ffffff; } body.z-assist_index #str-newContainer .answerBlockA01 .textBlockA01{ padding:0 0 45px 0; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_006.gif) no-repeat 50% 100%; } body.z-assist_index #str-newContainer .answerBlockA01 .textBlockA01.lastChild{ padding:0; background:none; } body.z-assist_index #str-newContainer .answerBlockA01 .textBlockA01 .ttl{ padding:0 0 8px 3px; line-height:1; font-size:13px; } /* ------------------------------------------------------------ relationBlock ------------------------------------------------------------ */ /* btnBlockB02 ------------------------------ */ body.z-assist_index #str-newContainer .btnBlockB02{ margin:0; } body.z-assist_index #str-newContainer .btnBlockB02 .btn a{ font-size:100%; font-weight:normal; display:inline; width:auto; height:auto; margin:0; padding:0; background:none; } body.z-assist_index #str-newContainer .btnBlockB02 .btn a:hover{ background:none; } /* relationBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .relationBlockA01Inner{ width:910px; margin:0 auto; padding:30px 0 0; } body.z-assist_index #str-newContainer .relationBlockA01 .btnBlockB01 a, body.z-assist_index #str-newContainer .relationBlockA01 .btnBlockB02 a{ height:auto; padding:0; background:none; } body.z-assist_index #str-newContainer .relationBlockA01 .btnBlockB02{ overflow:hidden; width:790px; margin:45px auto 0; } body.z-assist_index #str-newContainer .relationBlockA01 .btnBlockB02 ul{ width:852px; } body.z-assist_index #str-newContainer .relationBlockA01 .btnBlockB02 ul li{ float:left; width:364px; margin:0 62px 0 0; } /* ------------------------------------------------------------ applyBlock ------------------------------------------------------------ */ /* applyBlockA01 ------------------------------ */ body.z-assist_index #str-newContainer .applyBlockA01{ background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_008.gif) #ffffff no-repeat 0 100%; padding:0 0 8px; } body.z-assist_index #str-newContainer .applyBlockA01 .titleBlockA01{ background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_007.gif) #003399 no-repeat 0 0; } body.z-assist_index #str-newContainer .applyBlockA01 .titleBlockA01 p{ padding:16px 0 16px; text-align:center; } body.z-assist_index #str-newContainer .applyBlockA01Inner{ padding:29px 0 24px; border-left:2px solid #003399; border-right:2px solid #003399; } body.z-assist_index #str-newContainer .applyBlockA01 .textBlockA01{ width:653px; margin:0 auto; padding:0 0 0 23px; } body.z-assist_index #str-newContainer .applyBlockA01 .textBlockA01 p{ float:left; } body.z-assist_index #str-newContainer #primary .applyBlockA01 .textBlockA01 .link a img:hover{ opacity:1; filter : alpha(opacity=100); -ms-filter : "alpha(opacity=100)"; } body.z-assist_index #str-newContainer .applyBlockA01 .textBlockA01 .img{ margin:37px 0 0 9px; } body.z-assist_index #str-newContainer .applyBlockA01 .btnBlockB01{ width:508px; margin:30px auto 0; background:none; text-align:center; } /* ------------------------------------------------------------ cautionBlock ------------------------------------------------------------ */ /* cautionBlockE01 ------------------------------ */ body.z-assist_index #str-newContainer .cautionBlockE01 ul li{ } /* cautionBlockE012 ------------------------------ */ body.z-assist_index #str-newContainer .cautionBlockE02 ul li{ padding-left:1.2em; text-indent:-1.2em; } /* cautionBlockD01 ------------------------------ */ body.z-assist_index #str-newContainer .cautionBlockD01 ul li{ font-size:13px; } /* cautionBlockD02 ------------------------------ */ body.z-assist_index #str-newContainer .cautionBlockD02{ font-size:100%; padding:0; } body.z-assist_index #str-newContainer .cautionBlockD02 ul{ text-indent:0; margin:0; } body.z-assist_index #str-newContainer .cautionBlockD02 ul li{ padding-left:1.2em; text-indent:-1.2em; font-size:13px; } /* cautionBlockD03 ------------------------------ */ body.z-assist_index #str-newContainer .cautionBlockD03 ul li{ margin-left:4px; padding-left:1em; text-indent:-1.3em; font-size:13px; } body.z-assist_index #str-newContainer .cautionBlockD03 ul li span.ico{ margin-right:9px } /* ------------------------------------------------------------------------------------------ /car/z-assist/about.html 151207 add ========================================================================================== */ /* ------------------------------------------------------------ z-assist_about ------------------------------------------------------------ */ body.z-assist_about{ -webkit-text-size-adjust:100%; } body.z-assist_about #str-newContainer{ width:100%; } body.z-assist_about #str-newContainer #header_newArea{ width:912px; margin:0 auto; } body.z-assist_about #str-newContainer ul#path{ width:912px; margin:0 auto; padding:12px 0 12px; } body.z-assist_about #str-newContainer #contents_container{ width:100%; margin:0; background:none; } body.z-assist_about #str-newContainer #str_contents{ width:100%; background:none; } body.z-assist_about #str-newContainer #str_wrap{ width:100%; background:none; padding:0; } body.z-assist_about #str-newContainer #str_wrap #code_btm{ width:912px; margin:0 auto; } body.z-assist_about #str-newContainer #str_wrap .footer_wrap{ width:893px; margin:40px auto 0; padding: 0 11px 0 8px; } body.z-assist_about #str-newContainer .codeexample{ width:912px; margin:0 auto; } body.z-assist_about #str-newContainer .codeexample #list_box01{ margin:20px 21px 0px 21px; } body.z-assist_about #str-newContainer #str-footer{ margin:7px auto; } /* ------------------------------------------------------------ primary ------------------------------------------------------------ */ body.z-assist_about #str-newContainer #primary{ color:#333333; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:15px; line-height:1.8; } body.z-assist_about #str-newContainer #primary a{ color:#1453d1; } body.z-assist_about #str-newContainer #primary img{ line-height:1; } body.z-assist_about #str-newContainer #primary a img:hover{ opacity:0.8; filter : alpha(opacity=80); -ms-filter : "alpha(opacity=80)"; } body.z-assist_about #str-newContainer #primary h4{ padding:0; } body.z-assist_about #str-newContainer #primary ul.indent01 li{ padding-left:1em; text-indent:-1em; } body.z-assist_about #str-newContainer #primary ul.indent02 li{ padding-left:1.2em; text-indent:-1.2em; } body.z-assist_about #str-newContainer #primary span.orange{ color:#f17800; } /* ------------------------------------------------------------ keyVisualBlock ------------------------------------------------------------ */ body.z-assist_about #str-newContainer .keyVisualBlock{ width:871px; min-height:298px; margin:0 auto 29px; padding:31px 8px 0 31px; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_009.gif) no-repeat 0 0; } body.z-assist_about #str-newContainer .keyVisualBlock .headingBlockB01 p.img{ margin:28px 0 0 16px; } /* ------------------------------------------------------------ headingBlock ------------------------------------------------------------ */ /* headingBlockD01 ------------------------------ */ body.z-assist_about #str-newContainer .headingBlockD01{ margin:5px 0 0 0;; } /* ------------------------------------------------------------ bgBlock ------------------------------------------------------------ */ /* bgBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC01.bg, body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC02.bg, body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC03.bg, body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC04.bg{ background:#3c66b3; } body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC04.bg{ text-align:center; } body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC01.bg h3{ width:910px; margin:0 auto; padding:41px 0 42px; } body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC02.bg h3{ width:910px; margin:0 auto; padding:25px 0 25px; } body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC03.bg h3{ width:910px; margin:0 auto; padding:24px 0 26px; } body.z-assist_about #str-newContainer .bgBlockA01 .headingBlockC04.bg h3{ width:910px; margin:0 auto; padding:49px 2px 47px 0; } body.z-assist_about #str-newContainer .bgBlockA01 .sectionInner.bg{ background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_002.gif) #c8def1 no-repeat 50% 0; } body.z-assist_about #str-newContainer .bgBlockA01 .sectionInner.bg .enclose{ width:910px; margin:0 auto; padding:43px 0 40px; } /* ------------------------------------------------------------ detailBlock ------------------------------------------------------------ */ /* detailBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .detailBlockA01Outer{ padding:8px 0 0 0; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_003.gif) no-repeat 0 0; } body.z-assist_about #str-newContainer .detailBlockA01{ padding:0 0 9px 0; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_005.gif) no-repeat 0 100%; } body.z-assist_about #str-newContainer .detailBlockA01Inner{ padding:37px 52px 36px 50px; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_004.gif) repeat-y 0 0; } body.z-assist_about #str-newContainer .detailBlockA01 .sectionInner{ padding:35px 0 0 0; } body.z-assist_about #str-newContainer .detailBlockA01 .textBlockB01{ margin:42px 0 0 0; } body.z-assist_about #str-newContainer .detailBlockA01 .textBlockB01:first-child{ margin:5px 0 0 0; } body.z-assist_about #str-newContainer .detailBlockA01 .textBlockB01 p.ttl{ margin:0 0 0 2px; line-height:1; } body.z-assist_about #str-newContainer .detailBlockA01 .textBlockB01 p{ margin:8px 0 0 0; } /* ------------------------------------------------------------ imageRightBlock ------------------------------------------------------------ */ /* imageRightBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .imageRightBlockA01{ margin:0 0 25px 0; } body.z-assist_about #str-newContainer .imageRightBlockA01 .textBlockA01{ float:left; width:500px; } body.z-assist_about #str-newContainer .imageRightBlockA01 .img{ float:right; width:273px; margin:6px 5px 0 0; } /* ------------------------------------------------------------ frameBlock ------------------------------------------------------------ */ /* frameBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .frameBlockA01{ margin:25px 0 0 0; padding:14px 20px; background:#f4f4f4; } body.z-assist_about #str-newContainer .frameBlockA01 .cautionBlockE01{ margin:23px 0 0 0; } /* frameBlockB01 ------------------------------ */ body.z-assist_about #str-newContainer .frameBlockB01{ margin:26px 0 0 0; padding:19px 22px 20px 22px; background:#fffae4; } body.z-assist_about #str-newContainer .frameBlockB01 .cautionBlockE01{ margin:23px 0 0 0; } body.z-assist_about #str-newContainer .frameBlockB01 dl.questionBlock dt{ float:left; width:113px; margin:0 20px 0 0; line-height:1; } body.z-assist_about #str-newContainer .frameBlockB01 dl.questionBlock dd{ float:left; width:621px; } body.z-assist_about #str-newContainer .frameBlockB01 dl.questionBlock dd ul li{ min-height:26px; margin:9px 0 0 0; padding:2px 0 0 41px; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_ico_005.gif) no-repeat 0 0; } body.z-assist_about #str-newContainer .frameBlockB01 dl.questionBlock dd ul li:first-child{ margin:1px 0 0 0; } body.z-assist_about #str-newContainer #primary .frameBlockB01 dl.questionBlock dd ul li a{ color:#333333; } /* frameBlockC01 ------------------------------ */ body.z-assist_about #str-newContainer .frameBlockC01{ padding:15px 20px; background:#e1f1ff; } /* ------------------------------------------------------------ btnRightBlock ------------------------------------------------------------ */ /* btnRightBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .btnRightBlockA01{ width:736px; margin:6px auto 18px; overflow:hidden; } body.z-assist_about #str-newContainer .btnRightBlockA01 div{ width:776px; } body.z-assist_about #str-newContainer .btnRightBlockA01 .btn{ float:left; width:348px; margin:0 40px 0 0; } /* ------------------------------------------------------------ answerBlock ------------------------------------------------------------ */ /* answerBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .answerBlockA01{ padding-top:30px; padding-bottom:50px; border-top:2px dotted #385fa7; } body.z-assist_about #str-newContainer .answerBlockA01:first-child{ padding-top:0; border-top:0; } body.z-assist_about #str-newContainer .answerBlockA01.lastChild{ padding-bottom:0; } body.z-assist_about #str-newContainer .answerBlockA01Inner{ margin:30px 0 0 0; } body.z-assist_about #str-newContainer .answerBlockA01 .textBlockA01{ padding:0 0 33px 0; background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_006.gif) no-repeat 50% 100%; } body.z-assist_about #str-newContainer .answerBlockA01 .textBlockA01.lastChild{ padding:0; background:none; } body.z-assist_about #str-newContainer .answerBlockA01 .textBlockA01 .ttl{ padding:0 0 7px 3px; } /* ------------------------------------------------------------ relationBlock ------------------------------------------------------------ */ /* btnBlockB02 ------------------------------ */ body.z-assist_about #str-newContainer .btnBlockB02{ margin:0; } body.z-assist_about #str-newContainer .btnBlockB02 .btn a{ font-size:100%; font-weight:normal; display:inline; width:auto; height:auto; margin:0; padding:0; background:none; } body.z-assist_about #str-newContainer .btnBlockB02 .btn a:hover{ background:none; } /* relationBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .relationBlockA01Inner{ width:910px; margin:0 auto; padding:30px 0 0; } body.z-assist_about #str-newContainer .relationBlockA01 .btnBlockB01 a, body.z-assist_about #str-newContainer .relationBlockA01 .btnBlockB02 a{ height:auto; padding:0; background:none; } body.z-assist_about #str-newContainer .relationBlockA01 .btnBlockB02{ overflow:hidden; width:790px; margin:45px auto 0; } body.z-assist_about #str-newContainer .relationBlockA01 .btnBlockB02 ul{ width:852px; } body.z-assist_about #str-newContainer .relationBlockA01 .btnBlockB02 ul li{ float:left; width:364px; margin:0 62px 0 0; } /* ------------------------------------------------------------ applyBlock ------------------------------------------------------------ */ /* applyBlockA01 ------------------------------ */ body.z-assist_about #str-newContainer .applyBlockA01{ background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_008.gif) #ffffff no-repeat 0 100%; padding:0 0 8px; } body.z-assist_about #str-newContainer .applyBlockA01 .titleBlockA01{ background:url(/-/Media/jpz/zrh/divert/car/z-assist/img/contents_bg_007.gif) #003399 no-repeat 0 0; } body.z-assist_about #str-newContainer .applyBlockA01 .titleBlockA01 p{ padding:16px 0 16px; text-align:center; } body.z-assist_about #str-newContainer .applyBlockA01Inner{ padding:29px 0 24px; border-left:2px solid #003399; border-right:2px solid #003399; } body.z-assist_about #str-newContainer .applyBlockA01 .textBlockA01{ width:653px; margin:0 auto; padding:0 0 0 24px; } body.z-assist_about #str-newContainer .applyBlockA01 .textBlockA01 p{ float:left; } body.z-assist_about #str-newContainer #primary .applyBlockA01 .textBlockA01 .link a img:hover{ opacity:1; filter : alpha(opacity=100); -ms-filter : "alpha(opacity=100)"; } body.z-assist_about #str-newContainer .applyBlockA01 .textBlockA01 .img{ margin:37px 0 0 9px; } body.z-assist_about #str-newContainer .applyBlockA01 .btnBlockB01{ width:508px; margin:30px auto 0; background:none; text-align:center; } /* applyBlockA02 ------------------------------ */ body.z-assist_about #str-newContainer .applyBlockA02{ background:#e1f1ff; } body.z-assist_about #str-newContainer .applyBlockA02Inner{ padding:28px 65px 32px 90px; } body.z-assist_about #str-newContainer .applyBlockA02 .textBlockA01{ width:653px; margin:0 auto; } body.z-assist_about #str-newContainer .applyBlockA02 .textBlockA01 p{ float:left; } body.z-assist_about #str-newContainer #primary .applyBlockA02 .textBlockA01 .link a img:hover{ opacity:1; filter : alpha(opacity=100); -ms-filter : "alpha(opacity=100)"; } body.z-assist_about #str-newContainer .applyBlockA02 .textBlockA01 .img{ margin:37px 0 0 9px; } body.z-assist_about #str-newContainer .applyBlockA02 .btnBlockB01{ width:508px; margin:30px auto 0; padding:0 23px 0 0; background:none; text-align:center; } body.z-assist_about #str-newContainer .applyBlockA02 .btnBlockB01 a{ height:auto; padding:0; background:none; } /* ------------------------------------------------------------ cautionBlock ------------------------------------------------------------ */ /* cautionBlockE01 ------------------------------ */ body.z-assist_about #str-newContainer .cautionBlockE01 ul li{ } /* cautionBlockE012 ------------------------------ */ body.z-assist_about #str-newContainer .cautionBlockE02 ul li{ padding-left:1.2em; text-indent:-1.2em; } /* cautionBlockD01 ------------------------------ */ body.z-assist_about #str-newContainer .cautionBlockD01 ul li{ font-size:13px; } /* cautionBlockD02 ------------------------------ */ body.z-assist_about #str-newContainer .cautionBlockD02{ font-size:100%; padding:0; } body.z-assist_about #str-newContainer .cautionBlockD02 ul{ text-indent:0; margin:0; } body.z-assist_about #str-newContainer .cautionBlockD02 ul li{ padding-left:1.2em; text-indent:-1.2em; font-size:13px; } /* cautionBlockC01 ------------------------------ */ body.z-assist_about #str-newContainer .cautionBlockC01 ul li{ font-size:15px; font-weight:bold; } /* cautionBlockC02 ------------------------------ */ body.z-assist_about #str-newContainer .cautionBlockC02 ul li{ padding-left:1.2em; text-indent:-1.2em; font-size:15px; font-weight:bold; } /* ------------------------------------------------------------ 20160106 テレマティクスページ対応 ------------------------------------------------------------ */ body.z-assist_about #str-newContainer .btnRightBlockA01 .btn{ margin: 0 34px 0 0; } /* frameBlockD01 ------------------------------ */ body.z-assist_about #str-newContainer .frameBlockD01{ padding:10px 20px 15px; background:#e1f1ff; margin:0 0 7px; } /* btnBlockC01 ------------------------------ */ body.z-assist_about #str-newContainer .btnBlockC01{ width:644px; margin:0 auto 5px; overflow:hidden; } body.z-assist_about #str-newContainer .btnBlockC01 div{ width:772px; } body.z-assist_about #str-newContainer .btnBlockC01 .btn{ float:left; text-align:center; width:290px; margin:0 64px 0 0; } body.z-assist_about #str-newContainer .btnBlockC01 .btn span{ display:block; padding:0 0 7px; } /* add20160114　サイドナビタグ修正 */ #secondary .quoteArea .btnQuoteArea02 li{ margin: 11px 0 3px; text-align: center; } #secondary .quoteArea .btnQuoteArea02 li .quoteArea_txt01{ display:block; padding:0 0 3px; } /* add20160201　グランドTOP 繁忙期CP訴求強化 */ body.layout-01 #header_area .banner01{ position: absolute; right: 0px; top: 0px; width: 468px; } /* add20160419　4月運用（おまとめ・2台目訴求ページ変更） */ #omatomeCampaignArea a img:hover{ opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)" } /* ------------------------------------- 20160620 TCID added /car/contractor/contract/endorsement/index.html OE static page ===================================== */ .endorsement_box ul li{ float: left; display: table; } .endorsement_box ul li a{ border: 1px solid #d4d4d4; width: 228px; height: 114px; padding: 0 17px 0 100px; font-weight: bold; color: #000000; background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-bgbox-01.png) no-repeat; background-position: center bottom; text-decoration: none; box-sizing: border-box; display: table-cell; vertical-align: middle; } .endorsement_box ul li.car{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-01.png) 10% center no-repeat; } .endorsement_box ul li.home{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-02.png) 10% center no-repeat; } .endorsement_box ul li.note{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-03.png) 18% center no-repeat; } .endorsement_box ul li.road{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-04.png) 10% center no-repeat; } .endorsement_box ul li.wheel{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-05.png) 15% center no-repeat; } .endorsement_box ul li.license{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-06.png) 11% center no-repeat; } .endorsement_box ul li.door{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-07.png) 20% center no-repeat; } .endorsement_box ul li.paper{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-08.png) 15% center no-repeat; } .endorsement_box ul li.people{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/index-img-09.png) 14% center no-repeat; } .endorsement_box ul li:hover > a{ border: 1px solid #608cc8; } .endorsement_box ul li:hover{ background-color: #edf3ff; } .license_custom_box{ background-color: transparent; border: 1px solid #608cc8; height: auto; } .license_custom_box p{ line-height: 1.5; } .yellow_box{ padding: 20px 15px; background-color: #fff9da; width: 472px; box-sizing: border-box; } .yellow_box .title_box{ border-bottom: 1px solid #ffc07d; padding-bottom: 10px; } /* ------------------------------------- 20160617 TCID added /car/contractor/contract/endorsement/vehicle/index.html OE static page ===================================== */ .mr12{margin-right: 12px !important;} .text_style8{color: #e92232 !important;} .font_base{ font-size: 113% !important; line-height: 1.5; } .red_box{ border: 1px solid #e92232; padding: 14px 10px; } .vehicle_blue_border{ border: 1px solid #003399; padding: 19px 14px 20px 14px; } .vehicle_blue_box{ border: 1px solid #c1d6f2; border-radius: 1px; background-color: #edf3ff; width: 442px; box-sizing: border-box; text-align: center; display: block; padding: 18px 0; color: #003399; } .font_tel{ padding-left: 48px; background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/common-img-07.gif) no-repeat 0 0; font-size: 228% !important; } .vehicle_gray_border{ border: 1px solid #d4d4d4; padding: 20px 14px; } ul.vehicle_question li{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/vehicle-q-01.gif) top left no-repeat; padding-left: 20px; } .vehicle_title01{ font-size: 117%; border-bottom: 1px solid #608cc8; padding-bottom: 10px; } .vehicle_listBox li{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/vehicle-arrow-01.gif) center left no-repeat; padding-left: 10px; float: left; width: 226px; } .link_list_ico{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/vehicle-arrow-01.gif) center left no-repeat; padding-left: 10px; } .vehicle_btn{ background-color: #608cc8; display: inline-block; border-radius: 5px; } .vehicle_btn a{ padding: 10px 10px 10px 25px; background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/vehicle-arrow-02.gif) 5% center no-repeat; display: block; color: #FFFFFF; } .btnHover:hover{ text-decoration:underline; opacity:.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; } .vehicle_title02{ padding: 14px 0 12px; background-color: #003399; text-align: center; } .color_black{color:#000000 !important;} .font_normal{font-weight: normal !important;} /* ------------------------------------- 20160620 TCID added /car/contractor/contract/endorsement/address/index.html OE static page ===================================== */ .column2{ width: 310px; margin: auto; } /* ------------------------------------- 20160620 TCID added /car/contractor/contract/endorsement/compansation/index.html OE static page ===================================== */ .rec_ico{ background: url(/-/Media/jpz/zrh/divert/car/contractor/contract/endorsement/img/compansation-blurec-01.gif) left center no-repeat; padding-left: 12px; } /* ------------------------------------- 20160620 TCID added /car/contractor/contract/endorsement/number/index.html OE static page ===================================== */ .column1 { width: 150px; margin: auto; }