@charset "UTF-8";

/* ============================== mod_mp.css ============================== */

.lt { text-align: left; } .rt { text-align: right; } .ct { text-align: center; } .multi-column2 .column { float: left; padding-left: 20px; } .multi-column2 .column .column { padding-left: 15px; } .multi-column2 .column.first { margin-left: 0 !important; padding-left: 0; } .multi-column2 .column { width: 325px; } .multi-column2 .column .multi-column2 .column { width: 155px; } .multi-column2 .column.first-child, .multi-column3 .column.first-child { padding-left: 0 !important; _margin-top: 0 !important; } .panelFull-content02 .multi-column2 .column { width: 670px; } .panelFull-content02 .multi-column2 .column.first { width: 220px; } .panelFull-content02 .multi-column2 .multi-column3 .column { width: 210px; padding-left: 20px; } .multi-column3 { *zoom: 1; } .multi-column3:after { clear: both; content: ""; display: block; } body.bajl-enabled #section1 .multi-column3.frame .column { height: auto; } p code { background: #eeeeee; border: #999999 solid 1px; display: block; padding: 0.8em; } ol ol { margin: 0 0 0 3em; padding: 0.8em 0 0; list-style-type: none; } ol ol li { margin: 0.25em 0 0; padding: 0; position: relative; zoom: 1; } ol ol li:first-child { margin-top: 0; } ol ol li span.marker { width: 1.5em; padding-right: 5px; text-align: right; position: absolute; top: 0; right: 100%; } .flat { margin-top: 0 !important; padding-top: 0 !important; } .lt { text-align: left; } .rt, table.rt td { text-align: right; } .ct, table.ct td { text-align: center; } img.lt, img.rt { vertical-align: middle; } img.lt { float: left; margin-right: 0.8em; } img.rt { float: right; margin-left: 0.8em; } .listA01, .listA02 { margin: 0; list-style: none; } .listA01 li, .listA02 li { padding-left: 15px; text-indent: -15px; } .listA01 li .marker, .listA02 li .marker { margin-right: 9px; } .listA01 { padding: 0.2em 0 0; *padding-top: 0.25em; } .listA02 { padding: 0.6em 0 0; } div.button-listC01 { } div.button-listC01 ul { list-style-type: none; margin-bottom: 0; margin-left: 0; padding-left: 0; } div.button-listC01 ul li { display: inline; } .float-area { *zoom: 1; } .float-area:after { clear: both; content: ""; display: block; } dl.float-area { margin: 0; padding: 0.8em 0 0; } dl.float-area dt { margin: 0; padding: 0; } dl.float-area dd { margin: 0; padding: 0; } div.float-area p.ajustA01 img { padding-top: 1.5em; *padding-top: 1.55em; } div.figure-blockB01 { width: 170px; } div.figure-blockB01.rt { float: right; margin-left: 20px; text-align: left; } div.figure-blockB01.lt { float: left; margin-right: 20px; } div.figureB01 { font-size: 83.33%; margin-bottom: 10px; } div.figureB01 .figure-object img { margin-top: 0.3em; } div.figureB01 .figure-caption { color: #a69d8b; margin-top: 0.5em; } 



/* ============================== mod_marketing_function.css ============================== */

body.function input.text,body.function input.password,body.function select,body.function textarea{background:#fafafa;border:#e2dbbf solid 1px}body.function div.form-tableA01{border:#e2dbbf solid 1px;border-top:none;margin:.5em 0 0;padding:0}body.function div.form-tableA01 table{width:100%;border-collapse:collapse}body.function div.form-tableA01 table th,body.function div.form-tableA01 table td{text-align:left;color:#4d3b17;border-top:#e2dbbf solid 1px}body.function div.form-tableA01 table th{background:#fcf9f2;vertical-align:top;padding:6px 9px}body.function div.form-tableA01 table td.rowspan{border-right:#e2dbbf solid 1px;vertical-align:top}body.function div.form-tableA01 table td{vertical-align:middle;padding:3px 10px}body.function dl.form-tableA01{border:#e2dbbf solid 1px;margin:.5em 0 0;padding:0}body.function dl.form-tableA01:first-child{margin-top:1.7em}body.function dl.form-tableA01 dt.heading{color:#4d3b17;background:#fcf9f2;font-weight:bold;margin:0;padding:8px 9px}body.function dl.form-tableA01 dd{color:#4d3b17;margin:0;padding:.7em 9px}body.function dl.form-tableA01 dd div.validate-required{position:relative;left:-4px}body.function div.form-tableB01 table th,body.function div.form-tableB01 table td{border:none;text-align:left;vertical-align:top;padding:0}body.function div.form-tableC01 th{display:none}body.function div.form-tableC01 table th,body.function div.form-tableC01 table td{border:none;text-align:left;padding:0}body.function span.requiredA01{padding-right:4px;font-weight:bold;color:#cc3300}body.function th span.requiredA01{padding-right:0;padding-left:5px}body.function #bty{display:inline}body.function input#bty,body.function input#tel1,body.function input#tel2,body.function input#tel3,body.function input#zip1,body.function input#zip2{width:63px;padding:2px 5px}body.function input#sn,body.function input#nm,body.function input#ksn,body.function input#knm{width:162px}body.function input#ml,body.function input#oldPw,body.function input#pw1,body.function input#pw2,body.function input#adr1,body.function input#adr2,body.function textarea#ban8{width:346px}body.function .panel-asideA01 form input#ml,body.function .panel-asideA01 form input#pw1{width:94.5%}body.function textarea#view{width:354px}body.function input#pw1,body.function input#pw2{padding:1px 5px 4px}body.function .textA01 p .buttonB01,body.function input#zipMatching,body.function input#zipret{margin-left:6px}body.function .textA01 p textarea{margin-bottom:5px}body.function .form-itemA01{margin-top:10px;background:#fcf9f2 url(../../img/shared/bg/bg_function-block03_01.gif) left top no-repeat}body.function .form-itemA01-content{background:url(../../img/shared/bg/bg_function-block03_02.gif) left bottom no-repeat;padding:10px}body.function .form-itemB01{border-color:#e2dbbf;border-style:solid;border-width:1px 0;margin:10px 0 20px;padding:10px}body.function div.form-inputA01 ul.note-listA01{margin-bottom:-1px;padding-top:.2em}body.function div.form-inputA01 form.validation dl.form-tableA01 ins + ul.note-listA01{padding-left:18px}body.function ul.note-listC01{list-style-type:none;margin:.8em 0 0 20px;padding:0}body.function ul.note-listD01{font-size:83%;list-style:none;margin:.3em 0;padding:0}body.function ul.note-listE01{list-style-type:none;margin:0;padding:.3em 0 1em 1.25em}body.function ul.note-listE01 li{font-size:83%;text-indent:-1.5em;margin:.25em 0 0;padding:0}body.function div.button-listB01{padding-top:1.3em}body.function .button-listB01.action li{display:inline;padding:0 1px}body.function .note-textA01{margin-left:20px;color:#8c742a;font-size:83%}body.function .plain,body.function ul.plain li,body.function ol.plain li,body.function dl.plain dt,body.function dl.plain dd{background-color:transparent;background-image:none;border:none;color:inherit;font-weight:normal;list-style:none;margin:0;padding:0}body.function div.textA01 ul.plain{padding-top:.6em}body.function dl.compactA01 dt,body.function dl.compactA01 dd{float:left;margin:0;padding:0}body.function dl.compactA01 dt{width:2em}body.function dl.compactA01 dd input.text{width:100%}body.function .panelFull .panelFull-content01{min-height:518px;_height:518px;padding-bottom:20px}body.function div.headingA01{padding:.9em 0 0}body.function h2{padding-top:.37em;margin:0}body.function h2.step{margin-bottom:.85em;padding-top:.85em}body.function h2.headingA02,body.function h3.headingA02{font-size:125%;color:#4D3B17;margin:1.6em 0 0;padding:0}body.function h3.headingA03{color:#4d3b17;font-size:100%;margin:0;padding:1.45em 0 0}body.function div.textA01 p{margin-top:.8em;padding-top:0}body.function div.textA01 p.flat{margin-top:.6em;word-break:break-all;word-wrap:break-word}body.function div.important-informationB02 div.textA01 p,body.function div.important-informationB02 div.textA01 p.flat{margin-top:.6em!important}body.function h3.headingA03 + div.textA01 p{margin-top:.25em}body.function img.icoB02{margin-right:3px;vertical-align:-.2em}body.function img.icoB03{margin-right:0}body.function td div.option-listA01 ul,body.function td div.option-listB01 ul,body.function div.option-listA01 td ul,body.function div.option-listB01 td ul{text-indent:0}body.function td div.option-listA01 ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}body.function div.form-tableA01 div.option-listA01 ul li{padding-right:9px}body.function div.option-listC01 dd ul{position:relative;_position:static;left:-4px}body.function div.option-listC01 dt em{padding-right:10px}body.function div.option-listC01 dd li{float:left;padding-right:5px;list-style-type:none}body.function .figureA02{margin-top:.8em}body.function div.headingA01 + .figureA02{margin-top:1.65em}body.function .important-informationA01{background:#fcf9f2 url(../../img/shared/bg/bg_function-block03_01.gif) left top no-repeat;margin:20px 0 10px}body.function .important-informationA01-content{background:url(../../img/shared/bg/bg_function-block03_02.gif) left bottom no-repeat;padding:10px 10px 6px}body.function .important-informationA01 div.button-listB01{padding-top:0}body.function .important-informationB01{color:#cc3300;background:#fff2f2 url(../../img/shared/bg/bg_function-block02_01.gif) left top repeat-y;margin:1.7em 0;padding:0}body.function .important-informationB01-content{background:url(../../img/shared/bg/bg_function-block02_02.gif) left top no-repeat}body.function .important-informationB01-content-body{background:url(../../img/shared/bg/bg_function-block02_03.gif) left bottom no-repeat;padding:1.3em 20px}body.function .important-informationB02{background:#fcf9f2 url(../../img/shared/bg/bg_function-block01_01.gif) left top repeat-y;margin:1.7em 0 0;padding:0}body.function .important-informationB02-content{background:url(../../img/shared/bg/bg_function-block01_02.gif) left top no-repeat}body.function .important-informationB02-content-body{background:url(../../img/shared/bg/bg_function-block01_03.gif) left bottom no-repeat;padding:1.3em 20px 1.5em}body.function .important-informationC01{padding-top:.8em;padding-bottom:0}body.function .important-informationC01 div.figureA01{padding-left:29px}body.function .important-informationC01 ul.note-listA01{padding-top:1.85em}body.function .important-informationC01 ul.note-listA01 li{text-align:center}body.function .point-informationA01{position:relative;z-index:1;background:#fcf9f2 url(../../img/shared/bg/bg_point-information-block01_01.gif) left top repeat-y;width:329px;margin:1.7em auto 0;padding:0}body.function .point-informationA01-content{background:url(../../img/shared/bg/bg_point-information-block01_02.gif) left top no-repeat}body.function .point-informationA01-content-body{background:url(../../img/shared/bg/bg_point-information-block01_03.gif) left bottom no-repeat;padding:1.3em 20px 1.5em}body.function .point-informationA01-content-body.with-star{background:url(../../img/shared/bg/bg_point-information-block01_with-star.gif) left bottom no-repeat}body.function .point-informationA01 .textA01 .ct{margin-top:.1em}body.function .point-informationB01{z-index:2;background:#fcf9f2 url(../../img/shared/bg/bg_point-information-block01_04.gif) left top repeat-y;width:329px;position:relative;margin:-1.6em auto 0;padding:0}body.function .point-informationB01-content{background:url(../../img/shared/bg/bg_point-information_b01.jpg) no-repeat;background-position:90% 80%;position:relative}body.function .point-informationB01-content-body{background:url(../../img/shared/bg/bg_point-information-block01_03.gif) left bottom no-repeat;position:relative;padding:1.3em 20px 1.5em}body.function .point-informationB01 .guidance-info-block{text-align:left;padding-top:1.3em;border-top:solid 1px #e7e3d6}body.function .point-informationB01 .guidance-info-block .link-listA01 li a{background-position:0 .4em}body.function body.function .ct span.get-point-textA01{padding-right:.3em}body.function .point-informationA01 .textA01 .ct .get-point-textA01{color:#4D3B17}body.function .point-informationA01 .textB01 span.get-point-textA01{color:#cc3300}body.function .form-tableA01 span.get-point-textA01{font-weight:bold;color:#cc3300}body.function em .device-starD01,body.function td .device-starD01{color:#bfbc65}body.function .scroll-areaA01{height:241px;overflow:auto;overflow-x:hidden;overflow-y:scroll;margin-top:1.3em;border:#e2dbbf solid 1px;padding:0 7px 7px}body.function ul.note-listB01.error,body.function div.textB01 p.flat,body.function div.textB01 .note-listA01,body.function div.important-informationB02 .note-listA01{font-size:120%}body.function input.swap-img{vertical-align:bottom}body.function dl.compactA01,body.function div.option-listC01 dd ul,.multi-column2{height:1%}body.function dl.compactA01:after,body.function div.option-listC01 dd ul:after,.multi-column2:after{clear:both;content:"";display:block;height:0;visibility:hidden}body.function td .textA01.first-child ul.plain{margin-top:.75em}body.function input.checkbox,body.function input.radio{_vertical-align:middle}body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01{margin-top:0;margin-bottom:10px;overflow:hidden}body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.link-listA01{margin-bottom:10px}body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.note-listB01.error{padding-top:0!important;margin-bottom:10px}body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.button-listA01 li{float:left;list-style-type:none;padding-right:8px;margin:0}body.function div.form-inputA01 div.social-button-listA01{width:420px;margin:5px 0 0}body.function div.form-inputA01 div.social-button-listA01 ul.button-listA01 li{float:left;list-style-type:none;margin:0 10px 0 0;padding:0 0 5px}body.function div.form-inputA01 div.social-button-listA01 .note-listA01{clear:both}.social-button-listA01 .sp-login-embed ul li{padding-right:8px}.social-button-listA01 .sp-login-embed ul li a{width:30px;height:30px;background-position:left top;background-repeat:no-repeat}.social-button-listA01 .sp-login-embed ul li a.facebook{background:url(/img/shared/btn/ico_social_facebook_01.gif) left top no-repeat}.social-button-listA01 .sp-login-embed ul li a.twitter{background:url(/img/shared/btn/ico_social_twitter_01.gif) left top no-repeat}.social-button-listA01 .sp-login-embed ul li a.google{background:url(/img/shared/btn/ico_social_google_01.gif) left top no-repeat}.social-button-listA01 .sp-login-embed ul li a.yahoo{background:url(/img/shared/btn/ico_social_yahoo_01.gif) left top no-repeat}.social-button-listA01 .sp-login-embed ul li a.mixi{background:url(/img/shared/btn/ico_social_mixi_01.gif) left top no-repeat}body.function div.form-tableA01 table td .social-acount-listA01,body.function dl.form-tableA01 dd.social-acount-listA01{margin:0!important;padding:0!important}body.function div.form-tableA01 table td .social-acount-listA01 dl,body.function dl.form-tableA01 dd.social-acount-listA01 dl{margin:0}body.function div.form-tableA01 table td .social-acount-listA01 dl dt{clear:left;float:left;width:19px;height:17px;margin:0;padding:.7em 6px .7em 0}body.function dl.form-tableA01 dd.social-acount-listA01 dl dt{clear:left;float:left;width:19px;height:17px;margin:0;padding:.7em 6px .7em 9px}body.function div.form-tableA01 table td .social-acount-listA01 dl dd{font-weight:bold;margin:0;padding:9px 9px 0 0}body.function dl.form-tableA01 dd.social-acount-listA01 dl dd{font-weight:bold;margin:0;padding:10px 9px 0 0}body.function div.form-tableA01 table td div.textA01 p,body.function div.form-tableB01,body.function div.form-tableC01,body.function .flat{margin-top:0}body.function dl.form-tableA01 dd div.option-listB01,body.function ul.note-listB01.error{padding-top:.5em}body.function div.form-tableB01 table,body.function div.form-tableC01 table{width:100%;border-collapse:collapse;border:none}ul.note-listD01 li span.marker,ul.note-listE01 li span.marker{margin-right:.5em}body.function dl.compactA01,body.function div.option-listC01,body.function div.option-listC01 dl,body.function div.option-listC01 dt,body.function div.option-listC01 dd,body.function div.option-listC01 dd ul,body.function div.option-listC01 dd li{margin:0;padding:0}body.function dl.compactA01 dd,body.function img.icoB01{margin-right:10px}body.function strong,body.function .important-informationB02 div.textB01 em{color:#4d3b17}body.function td div.option-listA01 ul,body.function .form-itemA01-content,body.function .important-informationA01-content,body.function .important-informationB01-content-body,body.function .important-informationB02-content-body{zoom:1}body.function textarea,body.function div.important-informationB02 ul.note-listA01{font-size:100%}body.function img.icoB01,body.function img.icoB03,body.function div.form-tableA01 table th.social{vertical-align:middle}body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.button-listA01,body.function div.form-inputA01 div.social-button-listA01 ul.button-listA01{margin-bottom:0}



/* ============================== mod_marketing_popup.css ============================== */

body.popup #sapporo-header-area { min-width: 330px; } body.popup #sapporo-header-area .header { text-align: center; width: auto; } body.popup #sapporo-header-area .header .corporate-identity { float: none; padding-left: 0; } body.popup #sapporo-header-area .header .corporate-identity img { display: inline; } body.popup #structure { width: 330px; } body.popup .panelFull { background: #ffffff url(../../img/shared/bg/bg_main_05.gif) left top no-repeat !important; width: 330px; } body.popup .panelFull .panelFull-content { background-image: url(../../img/shared/bg/bg_main-inner_05.gif); _height: 272px; min-height: 272px; padding-right: 20px; padding-left: 20px; } body.popup .headingA01 { padding-top: 1.35em; } body.popup select { margin-top: 1.1em; } body.popup .important-informationB01 { background-image: url(../../img/shared/bg/bg_function-block06_01.gif); } body.popup .important-informationB01-content { background-image: url(../../img/shared/bg/bg_function-block06_02.gif); } body.popup .important-informationB01-content-body { background-image: url(../../img/shared/bg/bg_function-block06_03.gif); } body.popup #sapporo-footer-area { margin-top: 19px; padding: 19px 0; width: auto; min-width: 330px; background-color: #ffffff; } body.popup #sapporo-footer-area .footer { text-align: center; width: auto; } body#add_search #sapporo-header-area, body#add_search #sapporo-footer-area { min-width: 580px; } body#add_search #structure, body#add_search .panelFull { width: 580px; } body#add_search .panelFull { background-image: url(../../img/shared/bg/bg_main_03.gif) !important; } body#add_search .panelFull .panelFull-content { background-image: url(../../img/shared/bg/bg_main-inner_03.gif); } body#add_search select { border-color: #e2dbbf; display: block; padding: 0; width: 100%; } body#add_search select option { padding: 4px 10px; } body#add_search select option:hover { background-color: #f0ebdf; } body#add_search .button-listB01 a img { margin-top: 5px; margin-bottom: 4px; vertical-align: inherit; } body#add_search .important-informationB01 { background-image: url(../../img/shared/bg/bg_function-block08_01.gif); } body#add_search .important-informationB01-content { background-image: url(../../img/shared/bg/bg_function-block08_02.gif); } body#add_search .important-informationB01-content-body { background-image: url(../../img/shared/bg/bg_function-block08_03.gif); } 



/* ============================== inquire.css ============================== */

.ime-a { ime-mode: active; } .ime-d { ime-mode: disabled; } 



