@charset "UTF-8"; /** * HONDA N-ONE * * index.css * @version 1.0 (updated: 2014.10.27) */ /* -------------------------------- タイプ・価格 - タイプ一覧 -------------------------------- */ /* 共通 ---------- */ .mainVis{ width:900px; margin:30px auto 0;} .wrap{ width:900px; margin:0 auto;} ul.tab_01 { margin: 43px auto 0px; width: 900px; line-height:0; } ul.tab_01 li { float: left; font-size: 1px; height: 64px; text-indent: -9999px; width: 450px; zoom:1; } ul.tab_01 li a { background: url(../image/tab_001.png) no-repeat left top; display: block !important; height: 64px; outline: medium none; zoom:1; } ul.tab_01 li.tab_01_01 a { } ul.tab_01 li.tab_01_02 a { background-position: -450px 0; } ul.tab_01 li.tab_01_01 a:hover { background-position: 0 -67px; } ul.tab_01 li.tab_01_02 a:hover { background-position: -450px -67px; } ul.tab_01 li.tab_01_01 a.js_current, ul.tab_01 li.tab_01_01 a.js_current:hover { background-position: 0 -135px; } ul.tab_01 li.tab_01_02 a.js_current, ul.tab_01 li.tab_01_02 a.js_current:hover { background-position: -450px -135px; } .tabContentGroup{ background:url(../image/bg_001.png) left top repeat-x; } .tabContentGroup .wrap{ width:900px; margin:0 auto;} #tabContentGroup_02{ display:none;} .tabContent{} .link_list{ margin-right:-40px; /*padding-bottom:30px; border-bottom:1px solid #e6e6e6; margin-bottom:40px;*/} .link_list li{ float:left; margin-right:30px;} #type_02, #type_04{border-bottom:1px solid #e6e6e6; margin-bottom:30px;} .att_text10{ font-size:10px !important;} /* article ---------- */ .wrap_01{ padding-top:30px;} .article_01{ background:url(../image/bg_002.png) center bottom no-repeat; margin-top:30px;} .article_01 .caption{ padding:15px 20px 25px;} .article_01 .caption .lead.txt16{ margin-bottom:8px;} .wrap_02{ padding-top:30px;} .article_02{ background:url(../image/bg_003.png) right bottom no-repeat; float:left; width:442px; margin-bottom:30px;} .article_02 .img{ text-align:center;} .article_02 .caption{ padding:15px 20px 25px;} .article_02 .caption .lead.txt16{ margin-bottom:8px;} .height01{height:348px;} /* 01 ---------- */ #section_01 {} #section_01 .container {} #section_01 h2 { width: 900px; margin: 0 auto; padding: 48px 0 0;} #section_01 ul.tab { width: 900px; height: 52px; margin: 15px auto 0;} #section_01 ul.tabFoot { margin-top: 40px;} #section_01 ul.tab li { float: left; width: 300px; height: 52px; font-size: 1px; text-indent: -9999px;} #section_01 ul.tab li a { outline: none; display: block; height: 52px; background: url(../image/cmn_tab.png) no-repeat;} #section_01 ul.tabFoot li a {background: url(../image/cmn_tab_foot.png) no-repeat;} #section_01 ul.tab li.tab_02 a { background-position: -300px 0;} #section_01 ul.tab li.tab_03 a { background-position: -600px 0;} #section_01 ul.tab li.tab_01 a:hover { background-position: 0 -52px;} #section_01 ul.tab li.tab_02 a:hover { background-position: -300px -52px;} #section_01 ul.tab li.tab_03 a:hover { background-position: -600px -52px;} #section_01 ul.tab li.tab_01 a.current { background-position: 0 -156px;} #section_01 ul.tab li.tab_02 a.current { background-position: -300px -156px;} #section_01 ul.tab li.tab_03 a.current { background-position: -600px -156px;} #section_01 .type { background: url(../image/type_bg.png) repeat-x left bottom;} #section_01 .type .container { width: 900px; margin: 0 auto; padding: 59px 0 55px;} #section_01 .type .content { float: right; width: 479px; padding-top: 20px;} #section_01 .type .content table.spec { width: 479px;} #section_01 .type .content table.spec th { text-align: center; background: #4b4b4b; border-right: 2px solid #fff; padding: 4px 0; color: #fff;} #section_01 .type .content table.spec th span { font-size: 10px; padding: 0 0 0 5px;} #section_01 .type .content table.spec th span a { color: #fff;} #section_01 .type .content table.spec td { text-align: center; background: #e4e4e4; border-top: 2px solid #fff; border-right: 2px solid #fff; padding: 4px 0;} #section_01 .type .content table.spec th.h_01 { width: 122px;} #section_01 .type .content table.spec th.h_02 { width: 79px;} #section_01 .type .content table.spec th.h_03 { width: 137px;} #section_01 .type .content table.spec th.h_04, #section_01 .type .content table.spec td.last { border-right: 0;} #section_01 .type .content .function { position: relative; width: 479px; min-height: 118px; height: auto !important; height: 118px; margin: 20px 0 0;} #section_01 .type .content .function p.img { position: absolute; top: 0; left: 0; width: 118px;} #section_01 .type .content .function h5 { padding: 0 0 0 139px; line-height: 1.25; font-weight: bold;} #section_01 .type .content .function h6 { padding: 10px 0 0 139px; font-weight: bold;} #section_01 .type .content .function p.desc { padding: 3px 0 0 139px; line-height: 1.42;} #section_01 .type .content ul.btn { padding: 16px 0 0 124px;} #section_01 .type .content ul.btn li { float: left; height: 25px; padding: 0 0 0 15px;} #section_01 .type .content p.price { position: relative; margin: 20px 0 0; padding: 20px 0 0; background: url(../image/type_border.png) repeat-x;} #section_01 .type .content p.price span.turbo-ico{ background: url(../image/turbo-ico.png) no-repeat top left; display: inline-block; width: 78px; height: 16px; position: absolute; top: -8px; left: 0px; } #section_01 .type .content p.price span.anchor_01 { position: absolute; top: 45px; left: 240px; } #section_01 .type .content p.price span.anchor_02 { position: absolute; top: 89px; left: 239px; } #section_01 .type .content p.mitsumori { margin-top:17px;} #section_01 .type .gallery { float: left; width: 401px; margin-top: -51px; overflow:hidden;} #section_01 .type .gallery .galleryContentWrap { position: relative; height: 391px;} #section_01 .type .gallery .galleryContent { display: none; position: absolute; top: 0; left: 0; height: 391px;} #section_01 .type .gallery .colorGallery { display: block;} #section_01 .type .gallery .colorGallery { position: relative; width: 401px;} #section_01 .type .gallery .colorGallery .slide { position: absolute; top: 0; left: 0; display: none;} /* カラー選択ナビ */ #section_01 .type .gallery .colorGallery .colorSelector { width: 395px;} #section_01 .type .gallery .colorGallery .colorSelector { position: absolute; top: 345px; left: 0; width: 336px; height: 38px;} #section_01 .type_premium .gallery .colorGallery .colorSelector { position: absolute; top: 345px; left: 0; width: 336px; height: 38px;} #section_01 .type .gallery .colorGallery .colorSelector p.h { float: left; width: 47px; height: 38px; background: url(../image/type_color_02.png) no-repeat; font-size: 1px; text-indent: -9999px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav { overflow:hidden; } #section_01 .type .gallery .colorGallery .colorSelector ul.nav li { float: left; width: 28px; height: 19px; margin: 0 2px 0 0; } #section_01 .type .gallery .colorGallery .colorSelector ul.nav li a { display: block; height: 19px; background: url(../image/type_color_02.png) no-repeat;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li a { background: url(../image/type_color_01.png) no-repeat;} /*standard*/ #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_01 a { background-position: -47px 0;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_02 a { background-position: -76px 0;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_03 a { background-position: -105px 0;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_04 a { background-position: -134px 0;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_05 a { background-position: -163px 0;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_06 a { background-position: -192px 0;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_07 a { background-position: -47px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_08 a { background-position: -76px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_09 a { background-position: -105px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_10 a { background-position: -134px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_11 a { background-position: -163px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_12 a { background-position: -192px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_13 a { background-position: -221px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_14 a { background-position: -250px -19px;} /* Premium */ #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_01 a { background-position: -47px 0;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_02 a { background-position: -76px 0;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_03 a { background-position: -105px 0;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_04 a { background-position: -134px 0;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_05 a { background-position: -163px 0;} /*#section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_06 a { background-position: -192px 0;}*/ #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_06 a { background-position: -47px -19px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_07 a { background-position: -76px -19px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_08 a { background-position: -105px -19px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_09 a { background-position: -134px -19px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_10 a { background-position: -163px -19px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_11 a { background-position: -192px -19px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_12 a { background-position: -221px -19px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_01 a:hover { background-position: -47px -38px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_02 a:hover { background-position: -76px -38px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_03 a:hover { background-position: -105px -38px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_04 a:hover { background-position: -134px -38px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_05 a:hover { background-position: -163px -38px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_06 a:hover { background-position: -192px -38px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_07 a:hover { background-position: -76px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_08 a:hover { background-position: -105px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_09 a:hover { background-position: -134px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_10 a:hover { background-position: -163px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_11 a:hover { background-position: -192px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_12 a:hover { background-position: -221px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_07 a:hover { background-position: -47px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_08 a:hover { background-position: -76px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_09 a:hover { background-position: -105px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_10 a:hover { background-position: -134px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_11 a:hover { background-position: -163px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_12 a:hover { background-position: -192px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_13 a:hover { background-position: -221px -57px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_14 a:hover { background-position: -250px -57px;} /* premium */ #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_01 a:hover { background-position: -47px -38px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_02 a:hover { background-position: -76px -38px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_03 a:hover { background-position: -105px -38px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_04 a:hover { background-position: -134px -38px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_05 a:hover { background-position: -163px -38px;} /*#section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_06 a { background-position: -192px 0;}*/ #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_06 a:hover { background-position: -47px -57px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_07 a:hover { background-position: -76px -57px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_08 a:hover { background-position: -105px -57px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_09 a:hover { background-position: -134px -57px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_10 a:hover { background-position: -163px -57px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_11 a:hover { background-position: -192px -57px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_12 a:hover { background-position: -221px -57px;} /* standard */ #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_01 a.js_current { background-position: -47px -76px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_02 a.js_current { background-position: -76px -76px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_03 a.js_current { background-position: -105px -76px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_04 a.js_current { background-position: -134px -76px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_05 a.js_current { background-position: -163px -76px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_06 a.js_current { background-position: -192px -76px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_07 a.js_current { background-position: -47px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_08 a.js_current { background-position: -76px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_09 a.js_current { background-position: -105px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_10 a.js_current { background-position: -134px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_11 a.js_current { background-position: -163px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_12 a.js_current { background-position: -192px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_13 a.js_current { background-position: -221px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_14 a.js_current { background-position: -250px -96px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li.nav_15 a.js_current { background-position: -279px -96px;} /* Premium */ #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_01 a.js_current { background-position: -47px -76px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_02 a.js_current { background-position: -76px -76px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_03 a.js_current { background-position: -105px -76px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_04 a.js_current { background-position: -134px -76px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_05 a.js_current { background-position: -163px -76px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_06 a.js_current { background-position: -47px -95px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_07 a.js_current { background-position: -76px -95px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_08 a.js_current { background-position: -105px -95px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_09 a.js_current { background-position: -134px -95px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_10 a.js_current { background-position: -163px -95px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_11 a.js_current { background-position: -192px -95px;} #section_01 .type_premium .gallery .colorGallery .colorSelector ul.nav li.nav_12 a.js_current { background-position: -221px -95px;} #section_01 .type .gallery .colorGallery .colorSelector ul.nav li a span { display: none;} /* インテリアカラー選択ナビ */ #section_01 .type .gallery .interior .slide { position: absolute; top: 0; left: 0; display: none;} /* カラー選択ナビ */ #section_01 .type .gallery .interior .colorSelector { position: absolute; top: 335px; left: 0; width: 336px; height: 38px;} #section_01 .type_premium .gallery .interior .colorSelector { width: 395px;} #section_01 .type .gallery .interior .colorSelector p.h { float: left; width: 94px; height: 51px; background: url(../image/interior_color_02.png) no-repeat; font-size: 1px; text-indent: -9999px;} #section_01 .type .gallery .interior .colorSelector ul.nav { overflow:hidden; } #section_01 .type .gallery .interior .colorSelector ul.nav li { float: left; width: 33px; height: 51px; margin: 0 2px 0 0; } #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_01 { width: 33px;} #section_01 .type .gallery .interior .colorSelector ul.nav li a { display: block; height: 51px; background: url(../image/interior_color_02.png) no-repeat;} #section_01 .type_premium .gallery .interior .colorSelector ul.nav li a { background: url(../image/interior_color_01.png) no-repeat;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_01 a { background-position: -94px 0;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_02 a { background-position: -129px 0;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_03 a { background-position: -164px 0;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_04 a { background-position: -199px 0;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_05 a { background-position: -235px 0;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_06 a { background-position: -271px 0;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_01 a:hover { background-position: -94px -51px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_02 a:hover { background-position: -129px -51px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_03 a:hover { background-position: -164px -51px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_04 a:hover { background-position: -199px -51px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_05 a:hover { background-position: -235px -51px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_06 a:hover { background-position: -271px -51px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_01 a.js_current { background-position: -94px -102px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_02 a.js_current { background-position: -129px -102px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_03 a.js_current { background-position: -164px -102px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_04 a.js_current { background-position: -199px -102px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_05 a.js_current { background-position: -235px -102px;} #section_01 .type .gallery .interior .colorSelector ul.nav li.nav_06 a.js_current { background-position: -271px -102px;} #section_01 .type .gallery .interior .colorSelector ul.nav li a span { display: none;} /* 室内選択ナビ */ #section_01 .type .gallery .seat .slide { position: absolute; top: 0; left: 0; display: none;} /* カラー選択ナビ */ #section_01 .type .gallery .seat .colorSelector { position: absolute; top: 335px; left: 0; width: 336px; height: 38px;} #section_01 .type_premium .gallery .seat .colorSelector { width: 395px;} #section_01 .type .gallery .seat .colorSelector p.h { float: left; width: 94px; height: 51px; background: url(../image/interior_color_02.png) no-repeat; font-size: 1px; text-indent: -9999px;} #section_01 .type .gallery .seat .colorSelector ul.nav { overflow:hidden; } #section_01 .type .gallery .seat .colorSelector ul.nav li { float: left; width: 33px; height: 51px; margin: 0 2px 0 0; } #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_01 { width: 33px;} #section_01 .type .gallery .seat .colorSelector ul.nav li a { display: block; height: 51px; background: url(../image/interior_color_02.png) no-repeat;} #section_01 .type_premium .gallery .seat .colorSelector ul.nav li a { background: url(../image/interior_color_01.png) no-repeat;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_01 a { background-position: -94px 0;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_02 a { background-position: -129px 0;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_03 a { background-position: -164px 0;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_04 a { background-position: -199px 0;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_05 a { background-position: -235px 0;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_06 a { background-position: -271px 0;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_01 a:hover { background-position: -94px -51px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_02 a:hover { background-position: -129px -51px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_03 a:hover { background-position: -164px -51px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_04 a:hover { background-position: -199px -51px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_05 a:hover { background-position: -235px -51px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_06 a:hover { background-position: -271px -51px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_01 a.js_current { background-position: -94px -102px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_02 a.js_current { background-position: -129px -102px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_03 a.js_current { background-position: -164px -102px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_04 a.js_current { background-position: -199px -102px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_05 a.js_current { background-position: -235px -102px;} #section_01 .type .gallery .seat .colorSelector ul.nav li.nav_06 a.js_current { background-position: -271px -102px;} #section_01 .type .gallery .seat .colorSelector ul.nav li a span { display: none;} #section_01 .type .gallery ul.galleryNav { height: 35px; overflow: hidden; padding: 21px 0 0; background: url(../image/type_border.png) repeat-x;} #section_01 .type .gallery ul.galleryNav li { float: left; width: 134px; height: 35px; font-size: 1px; text-indent: -9999px;} #section_01 .type .gallery ul.galleryNav li.nav_03 { width: 133px;} #section_01 .type .gallery ul.galleryNav li a { outline: none; display: block; height: 35px; background: url(../image/type_gallery_nav.png) no-repeat;} #section_01 .type .gallery ul.galleryNav li.nav_02 a { background-position: -134px 0;} #section_01 .type .gallery ul.galleryNav li.nav_03 a { background-position: -268px 0;} #section_01 .type .gallery ul.galleryNav li.nav_01 a:hover { background-position: 0 -35px;} #section_01 .type .gallery ul.galleryNav li.nav_02 a:hover { background-position: -134px -35px;} #section_01 .type .gallery ul.galleryNav li.nav_03 a:hover { background-position: -268px -35px;} #section_01 .type .gallery ul.galleryNav li.nav_01 a.js_current { background-position: 0 -70px;} #section_01 .type .gallery ul.galleryNav li.nav_02 a.js_current { background-position: -134px -70px;} #section_01 .type .gallery ul.galleryNav li.nav_03 a.js_current { background-position: -268px -70px;} #section_01 .type ul.note { padding: 25px 0 0;} /* 02 ---------- */ #section_02 {} #section_02 .container { width: 900px; margin: 0 auto;} #section_02 h2 { padding: 71px 0 0;} #section_02 table.specIndex { width: 900px; margin: 40px 0 0;} #section_02 table.specIndex th { line-height: 1.17; padding: 8px 0; color: #fff; background: #888; text-align: center; font-weight: bold; border-right: 1px solid #fff;} #section_02 table.specIndex th.last { border-right: 0;} #section_02 table.specIndex th span { font-size: 83%;} #section_02 table.specIndex th span a { color: #fff;} #section_02 table.specIndex td { line-height: 1.3; padding: 7px 4px; text-align: center; border-right: 1px solid #dadada; border-bottom: 2px solid #dadada;} #section_02 table.specIndex td.dotted { border-bottom: 1px dotted #dadada;} #section_02 table.specIndex td.tdblank { border-bottom:none;width:2px;border-left: 1px solid #dadada;border-right: 1px solid #dadada; padding:0;} #section_02 table.specIndex td.last { border-right: 0;} #section_02 table.specIndex td.type { padding: 0 16px; background: #f0f0f0; border-bottom: 2px solid #fff; text-align: left; font-weight: bold;} #section_02 table.specIndex td.type_08 { border-bottom: 0;} #section_02 table.specIndex td.type a { display: block; color: #555;} #section_02 p.bnr { padding: 45px 0 0 76px;} #section_02 p.note { padding: 5px 0 0;} #section_02 p.note img { vertical-align: top; position: relative; top: -1px; left: -2px;} #section_02 ul.note { padding-top:8px;} #section_02 .noteArea { margin: 30px 0 0;} span.ttl{font-weight: bold !important;}