/* ********************************* FileName: style.css UpdatedBy: - *********************************** */ /* ********************************* *********************************** */ /* ********************************* 001 : Base Layout 002 : General purpose ID & CLASS 003 : Exclusive use ID & CLASS 004 : Popup *********************************** */ /* ********************************* 001 : Base Layout *********************************** */ /* --------------------------------- base ----------------------------------- */ body { margin:0; padding:0; text-align:center; color:#666666; font-size:80%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:150%; /* background:url(../images/common/body_bg02.jpg) center 8px repeat-x;*/ border-top:3px solid #0065B5; } body#index {background:none;} body#popup {background:none;} /* wrap */ #wrapper {width:680px;_width:720px;margin:0 auto;text-align:left;padding:0 20px;} body#index #wrapper_header {width:680px;_width:720px;margin:0 auto;text-align:left;padding:0 20px;} body#index #wrapper_gnavi {background:url(../images/index/navi_bg.jpg) 0 0 repeat-x;} /* --------------------------------- header ----------------------------------- */ #header {margin-top:5px; } body#index #header {} body#index #wrapper_header #header {} /* header_navi */ #header_navi {float:right;margin-top:10px;} #header_navi ul {} #header_navi li {float:left;} #header_navi li a {display:block;width:142px;height:29px;} #header_navi li a span {display:none;} #header_navi li#li_contractor a {background:url(../images/common/header_navi.jpg) 0px 0 no-repeat;margin-right:5px;} #header_navi li#li_inquiry a {background:url(../images/common/header_navi.jpg) -147px 0 no-repeat;} #header_navi li#li_contractor a:hover {background-position: 0px -29px;} #header_navi li#li_inquiry a:hover {background-position:-147px -29px;} /* #logo */ #logo {float:left;padding:13px 4px 16px;} * html #logo {float:left;padding:13px 4px 19px;} #logo a {display:block;width:443px;height:41px;background:url(../images/common/h1.gif) 0 0 no-repeat;} #logo a span {display:none;} body#index #logo {float:left;padding:13px 4px 10px;} /* main_img */ /* body#index #main_img {clear:both;height:335px;text-align:center;width:100%;min-width:680px;background:url(../images/common/mainimg_bg.jpg) 0 0 repeat-x;}*/ body#index #main_img #flashcontent div {padding-top:50px;} body#index #main_img #flashcontent h2 { margin-bottom:10px !important; font-size: 120%; line-height:1.5em;} body#index #main_img #flashcontent div p { line-height:1.3em; font-size: 90%;} body#index #main_img #flashcontent div p span { display:block; font-size:20px; font-weight:bold;line-height:2em; margin-bottom:20px;} /* gnavi */ #gnavi {clear:both;width:680px;margin:0 auto;text-align:left;} body#index #gnavi {clear:both;width:680px;_width:720px;margin:0 auto;text-align:left;padding:0 20px;} #gnavi ul {color:#FFFFFF;width:680px;} #gnavi li {float:left;} #gnavi li a{display:block;height:60px;width:158px;} #gnavi li a span {display:none;} #gnavi li.li_01 a{background:url(../images/common/gnavi.jpg) 0px 0px no-repeat;width:159px;} #gnavi li.li_02 a{background:url(../images/common/gnavi.jpg) -159px 0px no-repeat;} #gnavi li.li_03 a{background:url(../images/common/gnavi.jpg) -317px 0px no-repeat;} #gnavi li.li_04 a{background:url(../images/common/gnavi.jpg) -475px 0px no-repeat;} #gnavi li.li_05 a{background:url(../images/common/gnavi.jpg) -633px 0px no-repeat;} #gnavi li.li_06 a{background:url(../images/common/gnavi.jpg) -791px 0px no-repeat;width:159px;} #gnavi li.li_01 a:hover {background-position: 0px -60px;} #gnavi li.li_02 a:hover {background-position: -159px -60px;} #gnavi li.li_03 a:hover {background-position: -317px -60px;} #gnavi li.li_04 a:hover {background-position: -475px -60px;} #gnavi li.li_05 a:hover {background-position: -633px -60px;} #gnavi li.li_06 a:hover {background-position: -791px -60px;} /* --------------------------------- contents ----------------------------------- */ #contents {} /* ----- Index Page ----- */ #index #contents {margin-top:30px;} /* -------------------------- */ #contents #mainvisual {width:680px;float:left;padding-bottom:5px;} #contents #side {width:240px;float:right;padding-bottom:30px;} /* -------------------------- */ /* TopicPath */ #topicpath {padding:17px 0 25px; font-size:90%; font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} #topicpath p {display:inline;} #topicpath h1 {display:inline;} #topicpath a {background:url(../images/common/ico_topicpath.gif) right 3px no-repeat;padding-right:10px;margin-right:5px;_height:15px;} * html #topicpath a {background-position:right 5px;} #topicpath a span.home {padding-left:5px;} /* --------------------------------- footer & footer_navi ----------------------------------- */ #footer {padding:15px 40px 15px 0;margin:0 auto; border-bottom:1px solid #FFFFFF;font-size:10.5px;background:url(/images/footer_bg.jpg) 0 0 repeat-x; color:#FFFFFF;line-height:1.2;width:950px;} * html #footer { width:100%; width:expression( (document.documentElement.clientWidth > 950)? "950px": (document.documentElement.clientWidth < 950)? "100%" : "auto");} #footer_inner {width:950px;_width:990px;margin:0 auto;text-align:left;padding:0 20px;} #footer_navi {float:left; width:660px;} #footer_navi:after{content:"";display:block;height:0;clear:both;visibility:hidden;} #footer_navi ul { clear:both;} #footer_navi ul li {float:left;padding:0 10px 0 0; margin-bottom:5px;margin-right:10px;border-right:1px solid #FFFFFF;} #footer_navi ul li.last {border-right:none;margin-right:0;padding:0} #footer_navi ul li.cl { clear:both;} #copyright {float:right;} #copyright p {text-align:right;} /* ********************************* 002 : General purpose ID & CLASS *********************************** */ /* --------------------------------- text ----------------------------------- */ /* bold */ .bold {font-weight:bold;} /* color */ .txt_red {color:#EB0000;} .txt_blue {color:#003399;} .txt_green{color:#006633;} /* size */ .fsize_l { font-size:200%; vertical-align:bottom; /vertical-align:middle;} /* --------------------------------- margin & padding ----------------------------------- */ /* margin */ .mgB20 {margin-bottom:20px;} /* --------------------------------- headline ----------------------------------- */ /* h2 */ h2 {margin-bottom:20px;} h2.h2_01 {margin-bottom:1px;} /* h3 */ h3 {margin-bottom:20px;} /* h4 */ h4 {} /* h5 */ h5 {} /* --------------------------------- link text ----------------------------------- */ a {text-decoration:none;color:#0168B3;} a:hover {text-decoration:underline;} #footer a {color:#FFFFFF;} /* --------------------------------- line & border ----------------------------------- */ .line01 {background:url(../images/common/line_border01.jpg) center center no-repeat;height:50px;font-size::0.1px;line-height:0;} .line02 {background:url(../images/common/line_dot02.gif) center center repeat-x;height:30px;font-size::0.1px;line-height:0;} /* --------------------------------- clearfix ----------------------------------- */ .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /* --------------------------------- link_arrow ----------------------------------- */ .btn_link {background:url(../images/common/ico_arrow01.gif) 0 1px no-repeat;padding-left:18px;margin:5px 0;} .btn_link2 {background:url(../images/common/ico_arrow01.gif) 0 1px no-repeat;padding-left:18px; margin:0 5px; float:right;} .btn_link3 {background:url(../images/common/ico_arrow01.gif) 0 1px no-repeat;padding:3px 0px 3px 18px; margin:5px 0;} /* --------------------------------- pagetop ----------------------------------- */ /* mainvisual lower */ .mv_footer {background:url(../images/common/line_dot02.gif) 0 10px repeat-x;padding-top:30px;} .mv_footer p {text-align:right;} .mv_footer p.pagetop { float:right;background:url(../images/common/ico_arrow02.gif) 0 3px no-repeat;padding-left:15px;margin:20px 0 0;} .mv_footer02 {} .mv_footer02 p {text-align:right;} .mv_footer02 p.pagetop { float:right;background:url(../images/common/ico_arrow02.gif) 0 3px no-repeat;padding-left:15px;margin:20px 0 0;} /* --------------------------------- Adobe Reader DownLoad ----------------------------------- */ #adobe_reader {margin-bottom:20px;} #adobe_reader dl {padding-top:5px;} #adobe_reader dt {float:left;} #adobe_reader dd {padding:2px 0 2px 170px;border:1px solid #E1E1E1;line-height:1.3;} /* --------------------------------- Side Navigation Box ----------------------------------- */ #side #side_navi {background:url(../images/common/side_bg_navi.gif) 0 bottom no-repeat;margin-bottom:10px;padding-bottom:5px;} #side #side_navi h2 {margin-bottom:1px;width:240px;height:70px;text-indent:-9999em;} #side #side_navi ul {margin:0 5px;border-bottom:1px solid #C9CBCA;} #side #side_navi li {} #side #side_navi li a {display:block;background:url(../images/common/side_bg_navi_li.jpg) 0 0 no-repeat;height:29px;width:205px;padding:10px 0 0 25px;color:#666666;} * html #side #side_navi li a {height:39px;width:230px;} #side #side_navi li.long a {height:34px;width:205px;padding:5px 0 0 25px; line-height:1.2;} * html #side #side_navi li.long a {height:39px;width:230px;} #side #side_navi li a:hover, #side #side_navi li a.on {background-position:0 -39px;text-decoration:none;} #side .side_box01 {background:url(../images/common/side_box01.gif) 0 bottom no-repeat;margin-bottom:10px;padding-bottom:1px;} #side .side_box01 h2 {margin-bottom:10px;} #side .side_box01 ul {margin:0 15px;padding-bottom:8px;} #side .side_box01 li {margin-bottom:5px;} #side .side_box02 {background:url(../images/common/side_box02.gif) 0 bottom no-repeat;margin-bottom:10px;padding-bottom:1px;} #side .side_box02 .upper {font-size:0.1px;line-height:0.1px;height:6px;background:url(../images/common/side_box02_upper.gif) 0 0 no-repeat;} #side .side_box02 ul {margin:0 5px;} #side .side_box02 li {margin-bottom:5px;} /* --------------------------------- Mainvisual Box ----------------------------------- */ .mv_normalbox { margin-bottom:29px; clear:both;background:url(../images/common/mv_bg_normal.gif) 0 0 repeat-y;} .mv_normalbox .upper {background:url(../images/common/mv_bg_normal_up.gif) 0 0 no-repeat;height:5px;font-size:1px;line-height:0;} .mv_normalbox .lower {background:url(../images/common/mv_bg_normal_low.gif) 0 0 no-repeat;height:5px;font-size:1px;line-height:0;} .mv_normalbox .middle { padding:10px 20px;} .mv_yellowbox { margin-bottom:29px; clear:both;background:url(../images/common/mv_bg_yellow.gif) 0 0 repeat-y;} .mv_yellowbox .upper {background:url(../images/common/mv_bg_normal_up.gif) 0 0 no-repeat;height:5px;font-size:1px;line-height:0;} .mv_yellowbox .lower {background:url(../images/common/mv_bg_normal_low.gif) 0 0 no-repeat;height:5px;font-size:1px;line-height:0;} .mv_yellowbox .middle { padding:10px 20px;} .mv_yellowbox .middle dl { zoom:1;} .mv_yellowbox .middle dt {padding:0 0 5px; zoom:1;} .mv_yellowbox .middle dd {background:url(../images/common/dot.gif) 0 100% repeat-x;padding:0 15px 10px 75px;margin-bottom:10px;} .mv_yellowbox .middle dd.none {background:none; padding-bottom:0;margin-bottom:0;} .mv_yellowbox .middle dl.dl_01 { zoom:1;} .mv_yellowbox .middle dl.dl_01 dt {float:left;padding:0 0 10px; zoom:1;} .mv_yellowbox .middle dl.dl_01 dd {background:url(../images/common/dot.gif) 0 100% repeat-x;padding:3px 15px 15px 75px;margin-bottom:15px;} .mv_yellowbox .middle dl.dl_01 dd.none {background:none; padding-bottom:0;margin-bottom:5px;} .mv_yellowbox .middle dl.dl_02 { zoom:1;} .mv_yellowbox .middle dl.dl_02 dt {float:left;padding:0 0 10px; zoom:1;} .mv_yellowbox .middle dl.dl_02 dd {background:url(../images/common/dot.gif) 0 100% repeat-x;padding:3px 15px 15px 90px;margin-bottom:15px;} .mv_yellowbox .middle dl.dl_02 dd.none {background:none; padding-bottom:0;margin-bottom:5px;} .mv_pinkbox { margin-bottom:29px; clear:both;background:url(/images/mv_bg_pink.gif) 0 0 repeat-y;} .mv_pinkbox .upper {background:url(/images/mv_bg_normal_up.gif) 0 0 no-repeat;height:5px;font-size:1px;line-height:0;} .mv_pinkbox .lower {background:url(/images/mv_bg_normal_low.gif) 0 0 no-repeat;height:5px;font-size:1px;line-height:0;} .mv_pinkbox .middle { padding:10px 20px;} .mv_1step {} .mv_1step .box01 {background:url(../images/common/mv_bg_1step.jpg) 0 bottom no-repeat;margin-bottom:20px;} .mv_1step .box01 .bg_img {} .mv_1step h3 a {text-decoration:none;} .mv_1step p {margin:10px;padding:0 180px 10px 80px;} .mv_2steps {} .mv_2steps .box01 {background:url(../images/common/mv_bg_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;} .mv_2steps .box01 .left {float: left;width:330px;} .mv_2steps .box01 .right {float:right;width:330px;} .mv_2steps h3 a {text-decoration:none;} .mv_2steps p { margin:10px; padding-left:70px; padding-bottom:10px; } .mv_2steps .box02 {background:url(../images/common/mv_bg_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;width:330px;} .mv_2steps .box02 .left {width:330px;} .mv_gray {background:url(../images/common/mv_bg_gray.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_gray h3 {margin-bottom:15px;} .mv_gray .box {background:url(../images/common/mv_bg_graybox_long.jpg) 0 bottom no-repeat;margin:0 13px;padding-bottom:1px;margin-bottom:10px;} .mv_gray .box .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_graybox_long_upper.gif) 0 0 no-repeat;} .mv_gray .box h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_gray .box h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} /* 20120509 */ .mv_gray .box h4.linknone span {display:block; padding:10px 0;color:#024A96;font-weight:bold;} .mv_gray .box dd span.link { position:absolute; bottom:0; right:0; display:block; text-align:right;} .mv_gray .box dl {margin:10px 13px;} .mv_gray .box dt {float:left;padding-bottom:10px;} .mv_gray .box dd {padding-left:130px;} .mv_gray_2steps {background:url(../images/common/mv_bg_gray.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_gray_2steps h3 {margin-bottom:12px;} .mv_gray_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_graybox_2steps_upper.gif) 0 0 no-repeat;} .mv_gray_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_gray_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} /* 20120509 */ .mv_gray_2steps h4.linknone span {display:block; padding:10px 0;color:#024A96;font-weight:bold;} .mv_gray_2steps dd span.link { position:absolute; bottom:5px; right:10px; display:block; text-align:right;} .mv_gray_2steps dl {margin:10px 13px;} .mv_gray_2steps dt {float:left;padding-bottom:10px;} .mv_gray_2steps dd {padding-left:130px;} /* 通常２個並びの場合 */ .mv_gray_2steps .box01 {padding:0 12px;background:url(../images/common/mv_bg_graybox_2steps.gif) 12px bottom no-repeat;margin-bottom:12px;} .mv_gray_2steps .box01 .left {float: left;width:322px; position:relative;} .mv_gray_2steps .box01 .right {float:right;width:322px; position:relative;} .mv_gray_2steps .box01 .left2 {float: left;width:322px; position:relative; padding-bottom:15px} .mv_gray_2steps .box01 .right2 {float:right;width:322px; position:relative; padding-bottom:15px} /* 通常２個並びで、直下に詳細コンテンツが１つの場合 -- このブロックの記述後に [.mdl_lower]のdivを挿入 -- */ .mv_gray_2steps .box02 {padding:0 12px;background:url(../images/common/mv_bg_graybox_2steps.gif) 12px bottom no-repeat;} .mv_gray_2steps .box02 .left {float: left;width:322px;} .mv_gray_2steps .box02 .right {float:right;width:322px;} .mv_gray_2steps .mdl_lower {clear:both;font-size:0.1px;line-height:0.1px;height:12px;background:url(../images/common/mv_bg_graybox_2steps_mdl_lower.gif) 0 bottom no-repeat;} /* 上部に２個並びが存在し、コンテンツが１つの場合 */ .mv_gray_2steps .box03 {padding:0 0 0 12px;background:url(../images/common/mv_bg_gray2.gif) 0 bottom no-repeat;} .mv_gray_2steps .box03 .upper {background:url(../images/common/mv_bg_graybox_2steps_upper2.gif) 0 0 no-repeat;} .mv_gray_2steps .box03 .left {width:322px;padding-bottom:15px;} /* グループの中でコンテンツが１つしかない場合の場合 */ .mv_gray_2steps .box04 {padding:0 0 0 12px;background:url(../images/common/mv_bg_gray2.gif) 0 bottom no-repeat;} .mv_gray_2steps .box04 .upper {background:url(../images/common/mv_bg_graybox_2steps_upper3.gif) 0 bottom no-repeat;height:15px;} .mv_gray_2steps .box04 .left {width:322px;padding-bottom:15px;} .mv_gray_2steps h3.none {margin-bottom:0;} /* mv_gray_2steps PAST 2010/10/06 */ /* .mv_gray_2steps {background:url(../images/common/mv_bg_gray.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_gray_2steps h3 {margin-bottom:15px;} .mv_gray_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_graybox_2steps_upper.gif) 0 0 no-repeat;} .mv_gray_2steps .box01 {margin:0 12px;background:url(../images/common/mv_bg_graybox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;} .mv_gray_2steps .box01 .left {float: left;width:322px;} .mv_gray_2steps .box01 .right {float:right;width:322px;} .mv_gray_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_gray_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} .mv_gray_2steps dl {margin:10px 13px;} .mv_gray_2steps dt {float:left;padding-bottom:10px;} .mv_gray_2steps dd {padding-left:130px;} .mv_gray_2steps .box02 {margin:0 12px;background:url(../images/common/mv_bg_graybox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;width:322px;} .mv_gray_2steps .box02 .left {width:322px;} */ .mv_red_2steps {background:url(../images/common/mv_bg_red.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_red_2steps h3 {margin-bottom:0px;} .mv_red_2steps .txt {padding:0px 13px 15px 13px;background:url(../images/common/mv_txt_bg.jpg) 0px bottom no-repeat;margin-bottom:12px;} .mv_red_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_redbox_2steps_upper.gif) 0 0 no-repeat;} .mv_red_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_red_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} .mv_red_2steps dl {margin:10px 13px;} .mv_red_2steps dt {float:left;padding-bottom:10px;} .mv_red_2steps dd {padding-left:130px;} /* 通常２個並びの場合 */ .mv_red_2steps .box01 {padding:0 12px;background:url(../images/common/mv_bg_redbox_2steps.gif) 12px bottom no-repeat;margin-bottom:12px;} .mv_red_2steps .box01 .left {float: left;width:322px;} .mv_red_2steps .box01 .right {float:right;width:322px;} /* 通常２個並びで、直下に詳細コンテンツが１つの場合 -- このブロックの記述後に [.mdl_lower]のdivを挿入 -- */ .mv_red_2steps .box02 {padding:0 12px;background:url(../images/common/mv_bg_redbox_2steps.gif) 12px bottom no-repeat;} .mv_red_2steps .box02 .left {float: left;width:322px;} .mv_red_2steps .box02 .right {float:right;width:322px;} .mv_red_2steps .mdl_lower {clear:both;font-size:0.1px;line-height:0.1px;height:12px;background:url(../images/common/mv_bg_redbox_2steps_mdl_lower.gif) 0 bottom no-repeat;} /* 上部に２個並びが存在し、コンテンツが１つの場合 */ .mv_red_2steps .box03 {padding:0 0 0 12px;background:url(../images/common/mv_bg_red2.gif) 0 bottom no-repeat;} .mv_red_2steps .box03 .upper {background:url(../images/common/mv_bg_redbox_2steps_upper2.gif) 0 0 no-repeat;} .mv_red_2steps .box03 .left {width:322px;padding-bottom:15px;} /* グループの中でコンテンツが１つしかない場合の場合 */ .mv_red_2steps .box04 {padding:0 0 0 12px;background:url(../images/common/mv_bg_red2.gif) 0 bottom no-repeat;} .mv_red_2steps .box04 .upper {background:url(../images/common/mv_bg_redbox_2steps_upper3.gif) 0 bottom no-repeat;height:15px;} .mv_red_2steps .box04 .left {width:322px;padding-bottom:15px;} .mv_red_2steps h3.none {margin-bottom:0;} /* mv_red_2steps PAST 2010/10/06 */ /* .mv_red_2steps {background:url(../images/common/mv_bg_red.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_red_2steps h3 {margin-bottom:15px;} .mv_red_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_redbox_2steps_upper.gif) 0 0 no-repeat;} .mv_red_2steps .box01 {margin:0 12px;background:url(../images/common/mv_bg_redbox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;} .mv_red_2steps .box01 .left {float: left;width:322px;} .mv_red_2steps .box01 .right {float:right;width:322px;} .mv_red_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_red_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} .mv_red_2steps dl {margin:10px 13px;} .mv_red_2steps dt {float:left;padding-bottom:10px;} .mv_red_2steps dd {padding-left:130px;} .mv_red_2steps .box02 {margin:0 12px;background:url(../images/common/mv_bg_redbox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;width:322px;} .mv_red_2steps .box02 .left {width:322px;} */ .mv_blue_2steps {background:url(../images/common/mv_bg_blue.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_blue_2steps h3 {margin-bottom:0px;} .mv_blue_2steps .txt {padding:0px 13px 15px 13px;background:url(../images/common/mv_txt_bg.jpg) 0px bottom no-repeat;margin-bottom:12px;} .mv_blue_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_bluebox_2steps_upper.gif) 0 0 no-repeat;} .mv_blue_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_blue_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} .mv_blue_2steps dl {margin:10px 13px;} .mv_blue_2steps dt {float:left;padding-bottom:10px;} .mv_blue_2steps dd {padding-left:130px;} /* 通常２個並びの場合 */ .mv_blue_2steps .box01 {padding:0 12px;background:url(../images/common/mv_bg_bluebox_2steps.gif) 12px bottom no-repeat;margin-bottom:12px;} .mv_blue_2steps .box01 .left {float: left;width:322px;} .mv_blue_2steps .box01 .right {float:right;width:322px;} /* 通常２個並びで、直下に詳細コンテンツが１つの場合 -- このブロックの記述後に [.mdl_lower]のdivを挿入すること -- */ .mv_blue_2steps .box02 {padding:0 12px;background:url(../images/common/mv_bg_bluebox_2steps.gif) 12px bottom no-repeat;} .mv_blue_2steps .box02 .left {float: left;width:322px;} .mv_blue_2steps .box02 .right {float:right;width:322px;} .mv_blue_2steps .mdl_lower {clear:both;font-size:0.1px;line-height:0.1px;height:12px;background:url(../images/common/mv_bg_bluebox_2steps_mdl_lower.gif) 0 bottom no-repeat;} /* 上部に２個並びが存在し、コンテンツが１つの場合 */ .mv_blue_2steps .box03 {padding:0 0 0 12px;background:url(../images/common/mv_bg_blue2.gif) 0 bottom no-repeat;} .mv_blue_2steps .box03 .upper {background:url(../images/common/mv_bg_bluebox_2steps_upper2.gif) 0 0 no-repeat;} .mv_blue_2steps .box03 .left {width:322px;padding-bottom:15px;} /* グループの中でコンテンツが１つしかない場合の場合 -- この場合は h3にclass:noneを適用させること*/ .mv_blue_2steps .box04 {padding:0 0 0 12px;background:url(../images/common/mv_bg_blue2.gif) 0 bottom no-repeat;} .mv_blue_2steps .box04 .upper {background:url(../images/common/mv_bg_bluebox_2steps_upper3.gif) 0 bottom no-repeat;height:15px;} .mv_blue_2steps .box04 .left {width:322px;padding-bottom:15px;} .mv_blue_2steps h3.none {margin-bottom:0;} /* mv_blue_2steps PAST 2010/10/06 */ /* .mv_blue_2steps {background:url(../images/common/mv_bg_blue.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_blue_2steps h3 {margin-bottom:15px;} .mv_blue_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_bluebox_2steps_upper.gif) 0 0 no-repeat;} .mv_blue_2steps .box01 {margin:0 12px;background:url(../images/common/mv_bg_bluebox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;} .mv_blue_2steps .box01 .left {float: left;width:322px;} .mv_blue_2steps .box01 .right {float:right;width:322px;} .mv_blue_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_blue_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} .mv_blue_2steps dl {margin:10px 13px;} .mv_blue_2steps dt {float:left;padding-bottom:10px;} .mv_blue_2steps dd {padding-left:130px;} .mv_blue_2steps .box02 {margin:0 12px;background:url(../images/common/mv_bg_bluebox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;width:322px;} .mv_blue_2steps .box02 .left {width:322px;} */ .mv_green_2steps {background:url(../images/common/mv_bg_green.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_green_2steps h3 {margin-bottom:0px;} .mv_green_2steps .txt {padding:0px 13px 15px 13px;background:url(../images/common/mv_txt_bg.jpg) 0px bottom no-repeat;} .mv_green_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_greenbox_2steps_upper.gif) 0 0 no-repeat;} .mv_green_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_green_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} .mv_green_2steps dl {margin:10px 13px;} .mv_green_2steps dt {float:left;padding-bottom:10px;} .mv_green_2steps dd {padding-left:130px;} /* 通常２個並びの場合 */ .mv_green_2steps .box01 {padding:0 12px;background:url(../images/common/mv_bg_greenbox_2steps.gif) 12px bottom no-repeat;margin-bottom:12px;} .mv_green_2steps .box01 .left {float: left;width:322px;} .mv_green_2steps .box01 .right {float:right;width:322px;} /* 通常２個並びで、直下に詳細コンテンツが１つの場合 -- このブロックの記述後に [.mdl_lower]のdivを挿入 -- */ .mv_green_2steps .box02 {padding:0 12px;background:url(../images/common/mv_bg_greenbox_2steps.gif) 12px bottom no-repeat;} .mv_green_2steps .box02 .left {float: left;width:322px;} .mv_green_2steps .box02 .right {float:right;width:322px;} .mv_green_2steps .mdl_lower {clear:both;font-size:0.1px;line-height:0.1px;height:12px;background:url(../images/common/mv_bg_greenbox_2steps_mdl_lower.gif) 0 bottom no-repeat;} /* 上部に２個並びが存在し、コンテンツが１つの場合 */ .mv_green_2steps .box03 {padding:0 0 0 12px;background:url(../images/common/mv_bg_green2.gif) 0 bottom no-repeat;} .mv_green_2steps .box03 .upper {background:url(../images/common/mv_bg_greenbox_2steps_upper2.gif) 0 0 no-repeat;} .mv_green_2steps .box03 .left {width:322px;padding-bottom:15px;} /* グループの中でコンテンツが１つしかない場合の場合 */ .mv_green_2steps .box04 {padding:0 0 0 12px;background:url(../images/common/mv_bg_green2.gif) 0 bottom no-repeat;} .mv_green_2steps .box04 .upper {background:url(../images/common/mv_bg_greenbox_2steps_upper3.gif) 0 bottom no-repeat;height:15px;} .mv_green_2steps .box04 .left {width:322px;padding-bottom:15px;} .mv_green_2steps h3.none {margin-bottom:0;} /* mv_red_2steps PAST 2010/10/06 */ /* .mv_green_2steps {background:url(../images/common/mv_bg_green.gif) 0 bottom no-repeat;margin-bottom:20px;} .mv_green_2steps h3 {margin-bottom:15px;} .mv_green_2steps .upper {font-size:0.1px;line-height:0.1px;height:5px;background:url(../images/common/mv_bg_greenbox_2steps_upper.gif) 0 0 no-repeat;} .mv_green_2steps .box01 {margin:0 12px;background:url(../images/common/mv_bg_greenbox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;} .mv_green_2steps .box01 .left {float: left;width:322px;} .mv_green_2steps .box01 .right {float:right;width:322px;} .mv_green_2steps h4 {margin:0 13px; background:url(../images/common/line_dot02.gif) 0 bottom repeat-x;} .mv_green_2steps h4 a {display:block; background:url(../images/common/ico_arrow03.gif) right center no-repeat;padding:10px 0;color:#024A96;font-weight:bold;} .mv_green_2steps dl {margin:10px 13px;} .mv_green_2steps dt {float:left;padding-bottom:10px;} .mv_green_2steps dd {padding-left:130px;} .mv_green_2steps .box02 {margin:0 12px;background:url(../images/common/mv_bg_greenbox_2steps.jpg) 0 bottom no-repeat;margin-bottom:20px;width:322px;} .mv_green_2steps .box02 .left {width:322px;} */ /* ********************************* 003 : Exclusive use ID & CLASS *********************************** */ /* --------------------------------- Index Page ----------------------------------- */ /* mainvisual */ #index #mainvisual #mv_box01 {padding-bottom:20px;} #index #mv_box01 #firstone {float:left;width:322px;} #index #mv_box01 #firstone h2 {background:url(../images/index/mv_h2_01.jpg) 0 0 no-repeat;width:322px;height:45px;text-indent:-9999px;margin-bottom:5px;} #index #mv_box01 #corp_customer {float:right;width:322px;} #index #mv_box01 #corp_customer h2 {background:url(../images/index/mv_h2_02.jpg) 0 0 no-repeat;width:322px;height:45px;text-indent:-9999px;margin-bottom:5px;} #index #mainvisual #news {} #index #news {position:relative;} #index #news h2 {background:url(../images/index/mv_h2_03.jpg) 0 0 no-repeat;height:35px;margin-bottom:5px;} #index #news .list_link { position:absolute;top:2px;right:2px; background:url(../images/common/ico_arrow01.gif) 0 2px no-repeat;padding-left:18px;font-size:90%; } #index #news dl {} #index #news dt { float:left; padding-bottom:5px; margin-bottom:5px; } #index #news dd {padding-left:100px;background:url(../images/common/line_dot01.gif) 0 bottom repeat-x;padding-bottom:5px;margin-bottom:5px;} #index #news dd p{background:url(../images/common/ico_arrow01.gif) 0 2px no-repeat;padding-left:20px;} #index #news dd span.new {background:url(../images/common/ico_new.gif) 4px 0px no-repeat;padding-right:35px;} /* --------------------------------- Secondary Page ----------------------------------- */ #mv_navi3_dd {margin-bottom:20px;} #mv_navi3_dd ul {color:#FFFFFF;width:680px;} #mv_navi3_dd li {float:left;} #mv_navi3_dd li a {display:block;} #mv_navi3_dd li span {display:block;visibility:hidden;position:absolute;z-index:3;} #mv_navi4_dd {margin-bottom:20px;} #mv_navi4_dd ul {color:#FFFFFF;width:680px;} #mv_navi4_dd li {float:left;} #mv_navi4_dd li a {display:block;} #mv_navi4_dd li span {display:block;visibility:hidden;position:absolute;z-index:3;} /* ********************************* 004 : Popup *********************************** */ /* Corporation - Service - webcast */ Body.wc #footer_inner {width:800px;} Body.wc {} Body.wc .img_box {padding-bottom:10px;} Body.wc .close {margin-bottom:10px;} /* Corporation - Service - supernavi */ Body.sn #footer_inner {width:480px;} Body.sn {} Body.sn .img_box {padding:10px 0;} Body.sn .close {margin-bottom:10px;} /* Corporation - Lineup - kousyo */ Body.kousyo #footer_inner {width:480px;} Body.kousyo {} Body.kousyo .ttl_box {background-color:#666666;color:#FFFFFF;font-weight:bold;font-size:120%;padding:5px;margin:0 auto;text-align:center;margin-bottom:15px;} Body.kousyo .ttl_box p {text-align:left;width:480px;} Body.kousyo .img_box {padding:10px 0 0;} Body.kousyo .txt_box {padding:10px 0 20px;width:390px;margin:0 auto;text-align:center;} Body.kousyo .txt_box p {text-align:left;} Body.kousyo .close {margin-bottom:10px;} /* ********************************* rnetacar form ********************************** */ /* ********************************* FileName: form.css UpdatedBy: - *********************************** */ .main_box{ border-left:#D1D1D1 solid 1px; border-right:#D1D1D1 solid 1px; padding:12px; } .main_box_top{ background-image:url(/images/common/main_box_top.jpg); width:680px; height:7px; margin-top:10px; } .main_box_bottom{ background-image:url(/images/common/main_box_bottom.jpg); width:680px; height:10px; margin-bottom:35px; } .form-table{ border:none; padding:0px; margin:0px; } .form-table .form-hr{ background-color:#D1D1D1; height:1px; padding:0; } .form-table .form-hr2{ background-color:#FFFFFF; height:18px; margin:0px; padding:0px; } .form-table th{ background-color:#F0F0F0; width:200px; padding:5px 0 5px 5px; nowrap; } .form-table td{ padding:5px 0 5px 5px; } .form-table .title{ background-color:#F0F0F0; font-size:14px; font-weight:bold; padding:5px 0 5px 5px; background:url(/images/common/footer_bg.jpg) repeat-x 0px 0px; color:#ffffff; } .form-table .title_ntt{ background-color:#F0F0F0; font-size:14px; font-weight:bold; padding:5px 0 5px 5px; background:url(/inquiry/images/ntt/footer_bg.jpg) repeat-x 0px 0px; color:#ffffff; } .form-table .title_lease{ background-color:#F0F0F0; font-size:14px; font-weight:bold; padding:5px 0 5px 5px; background:url(/inquiry/images/lease/footer_bg.jpg) repeat-x 0px 0px; color:#ffffff; } .form-table .title_member{ background-color:#F0F0F0; font-size:14px; font-weight:bold; padding:5px 0 5px 5px; background:url(/member/images/footer_bg.jpg) repeat-x 0px 0px; color:#ffffff; } #nextSubmit .next{ width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/inquiry/images/form_btn_next.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .next:hover {background-position: 0px -35px;} #nextSubmit .close{ width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_close.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .close:hover {background-position: 0px -35px;} #nextSubmit .order_cancel{ width:150px; height:35px; display:block; text-align: center; border: 0; text-indent: -9999px; background:url(/inquiry/images/form_btn_order_cancel.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .order_cancel:hover{background-position: 0px -35px;} #GeneralWindow .order_cancel{ width:150px; height:35px; display:block; text-align: center; border: 0; text-indent: -9999px; background:url(/inquiry/images/form_btn_order_cancel.jpg) no-repeat 0px 0px; cursor: pointer; } #GeneralWindow .order_cancel:hover{background-position: 0px -35px;} #GeneralWindow .cancel { width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/inquiry/images/form_btn_cancel.jpg) no-repeat 0px 0px; cursor: pointer; } #GeneralWindow .cancel:hover {background-position: 0px -35px;} #nextSubmit .confirm{ width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_confirm.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .confirm:hover {background-position: 0px -35px;} #nextSubmit .send_regist_url{ width:180px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_send_regist_url.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .send_regist_url:hover {background-position: 0px -35px;} #nextSubmit .login{ width:180px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_login.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .login:hover {background-position: 0px -35px;} #nextSubmit .send_set_pass{ width:240px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_send_set_pass.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .send_set_pass:hover {background-position: 0px -35px;} #nextSubmit .to_login{ width:180px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_to_login.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .to_login:hover {background-position: 0px -35px;} #nextSubmit .member_input_check{ width:180px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_input_check.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .member_input_check:hover {background-position: 0px -35px;} #nextSubmit .member_regist{ width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_regist.jpg) no-repeat 0px 0px; cursor: pointer; } #nextSubmit .member_regist:hover {background-position: 0px -35px;} .form-table .modify{ width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/inquiry/images/form_btn_modify.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .modify:hover {background-position: 0px -35px;} .form-table .back_edit{ width:180px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_back_180.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .back_edit:hover {background-position: 0px -35px;} .form-table .send{ width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/inquiry/images/form_btn_send.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .send:hover {background-position: 0px -35px;} .form-table .top{ width:150px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/inquiry/images/form_btn_top.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .top:hover {background-position: 0px -35px;} h3{ padding-bottom:5px; border-bottom:1px #d1d1d1 solid; } .style1 {color: #FF0000} .status-order{ background-color: #FF0000; color: #FFFFFF; font-size:14pt; font-weight: bold; padding: 5px 15px 5px 15px; width: 640px; margin:0 auto 0 auto; } .status-reserved{ background-color: #0000f5; color: #FFFFFF; font-size:14pt; font-weight: bold; padding: 5px 15px 5px 15px; width: 640px; margin:0 auto 0 auto; } .status-order-sub{ background-color: #ffaaaa; color: #666666; font-size:14pt; font-weight: bold; padding: 5px 15px 5px 15px; width: 640px; margin:0 auto 0 auto; } .status-reserved-sub{ background-color: #d3fff8; color: #d5d5d5; font-size:14pt; font-weight: bold; padding: 5px 15px 5px 15px; width: 640px; margin:0 auto 0 auto; } .regist-mail-input{ ime-mode: disabled; font-size:14pt; font-weight: bold; padding: 2px 2px 2px 2px; } .regist-mail-at{ height: 35px; text-align: center; font-size:20px; font-weight: bold; padding: 2px 2px 2px 2px; } .regist-mail-note{ font-size:10pt; font-weight: bold; text-align: center; padding: 2px 2px 2px 2px; margin: 10px 0 20px 0; } .regist-mail-alert{ color: #ff3333; font-size:10pt; font-weight: bold; text-align: center; padding: 2px 2px 2px 2px; margin: 10px 0 20px 0; } .cation{ line-height:150%; text-align: center; background-color: #FF0000; color: #FFFFFF; border: 1px solid #FF0000; font-size:14pt; font-weight: bold; padding: 5px 15px 5px 15px; margin:0 auto 0 auto; } .login-input{ ime-mode: disabled; font-size:12pt; font-weight: bold; padding: 2px 2px 2px 2px; } .form-table .rentacar_top{ width:240px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_rentacar_top.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .rentacar_top:hover {background-position: 0px -35px;} .form-table .webmember_top{ width:210px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_webmember_top.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .webmember_top:hover {background-position: 0px -35px;} .form-table .close240{ width:240px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/images/rentacar/form_btn_close240.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .close240:hover {background-position: 0px -35px;} .form-table .copy{ width:240px; height:35px; display:block; border: 0; text-indent: -9999px; background:url(/member/images/form_btn_copy.jpg) no-repeat -0px 0px; cursor: pointer; } .form-table .copy:hover {background-position: 0px -35px;} .messageUpper { font-size:16px; font-weight:bold; margin:40px 0 0 10px; padding: 5px; line-height:200%; } .messageMiddle { text-align: left; font-size:14px; font-weight:bold; } .messageUpper1670 { font-size:16px; font-weight:bold; margin:70px 0 0 0; padding:5px; } #WindowMask { position:absolute; top:0px;left:0px; z-index:9000; background-color:#ffbaba; filter: alpha(opacity=40); opacity: 0.4; display:none; } #GeneralWindow { display:none; position:absolute; padding:0; margin:0; background-color:#ffffff; border:2px solid #0065b5; z-index:9999; } .document_title { line-height: 120%; font-size: 65%; } .pamphlet { width: 100%; border-top: 1px solid #444444; border-right: 1px solid #444444; } .pamphlet th, .pamphlet td { vertical-align: middle; border-bottom: 1px solid #444444; border-left: 1px solid #444444; padding: 3px 8px; } .pamphlet th { background: #4472C4; color: #ffffff; font-weight: bold; } .mo_table { display: none; } @media screen and (max-width: 480px) { .pamphlet { border-top: none; border-right: none; } .mo_table { display: block; } .pc_table { display: none; } .mo_table td, .mo_table th { width: 100%; display: block; text-align: center; border-left: 1px solid #444444; border-right: 1px solid #444444; } .pamphlet td { border-bottom: none; } .pamphlet { border-bottom: 1px solid #444444; } }