/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }

@font-face {
    font-family: 'abarth_heavyregular';
    src: url('../font/abarth_heavy-webfont.eot');
    src: url('../font/abarth_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/abarth_heavy-webfont.woff') format('woff'),
         url('../font/abarth_heavy-webfont.ttf') format('truetype'),
         url('../font/abarth_heavy-webfont.svg#abarth_heavyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
赤色：#c51216
明るい赤色：#d9232e
線色：#dadada
文字色：#373737
*/

/**** common ****/
html{min-height: 100%;background: #26272c}
body,html{width: 100%;overflow-x: hidden;letter-spacing: 0em;font-family: Arial, Verdana, Geneva,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; font-size: 12px; line-height: 1.5;}
.pc {display: block;}
.sp {display: none;}
a{text-decoration: none;}
img{vertical-align: bottom;}
*{outline: none; margin: 0; padding: 0}
hr{height: 4px;background-color: #000000;border: none;margin-top: 6px;margin-bottom: 6px;}
hr.wh{background-color: #828282; border: 0 none; height: 1px; margin:5px 0; }
hr.footer_line {border: 0px; height: 1px; background-color: #353639; margin-top: 20px; margin-bottom: 20px; }
.btn{background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dedede 87%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(87%,#dedede), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 87%,#ececec 100%); background: -o-linear-gradient(top, #ffffff 0%,#dedede 87%,#ececec 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dedede 87%,#ececec 100%); background: linear-gradient(to bottom, #ffffff 0%,#dedede 87%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); font-family: 'abarth_heavyregular','Arial Black', sans-serif; text-decoration: none; font-size: 12px; color: #282828; font-weight: bold; height: 42px; padding-left: 15px; padding-right: 15px; border: 1px solid #bfbfbf; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); display: inline-block; *display: inline; *zoom: 1; cursor: pointer; line-height: 42px; text-align: center; }
.btn.w100{width: 100%; box-sizing: border-box;}
.btn.btn_min{width: 120px; height: 22px; line-height: 22px; }
.btn:hover{color: #282828; background: #ffffff; background: -moz-linear-gradient(top, #ececec 0%, #dedede 13%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(13%,#dedede), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #ececec 0%,#dedede 13%,#ffffff 100%); background: -o-linear-gradient(top, #ececec 0%,#dedede 13%,#ffffff 100%); background: -ms-linear-gradient(top, #ececec 0%,#dedede 13%,#ffffff 100%); background: linear-gradient(to bottom, #ececec 0%,#dedede 13%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); }
.home_spacer {height: 42px;}
.spacer_s {height: 20px;}
.corner_top_right {width: 24px; height: 24px; background-image: url(../img/corner.png); background-position: -25px 0px; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px; }
.corner_bottom_left {width: 24px; height: 24px; background-image: url(../img/corner.png); background-position: 0px -25px; background-repeat: no-repeat; position: absolute; bottom: 0px; left: 0px; }
.corner_bottom_right {width: 24px; height: 24px; background-image: url(../img/corner.png); background-position: -25px -25px; background-repeat: no-repeat; position: absolute; bottom: 0px; right: 0px; }
.corner_top_left {width: 24px; height: 24px; background-image: url(../img/corner.png); background-position: 0px 0px; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; }
.left{float: left;}
.right{float: right;}
.more{font-weight: bold; background-position: right center; background-repeat: no-repeat; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 12px; height: 28px; padding-right: 50px; padding-top: 10px; text-decoration: none; background-image: url("../img/arrow.png"); color: #fff;}
.tx_r{text-align: right;}
.tx_c{text-align: center;}
.tx_l{text-align: left;}
.vt_t{vertical-align: top;}
.vt_m{vertical-align: middle;}
.vt_b{vertical-align: bottom;}
.mauto{margin-left: auto; margin-right: auto;}
.gototop{margin-top: 20px; margin-bottom: 20px; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 16px; text-decoration: none; color: #f7f7ff; background-image: url(../img/top.png); background-position: right; background-repeat: no-repeat; padding-right: 25px; padding-top: 4px; height: 23px; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; }
.bkdark{background: #1A1B1F}
.m{font-size: 16px;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mb30{margin-bottom: 30px;}
.mb50{margin:0 0 50px;}
.inner_Rs,.inner_Ls{width:50%;display: block;float: left;text-align: left;}
.inner_Ls img, .inner_Rs img{max-width:340px;}
.note {font-size: 10px; line-height: 12px; margin: 10px 0; display: inline-block; *display: inline; *zoom: 1; color: #868889; }
.note_red {font-size: 11px; line-height: 12px; margin: 10px 0; display: inline-block; *display: inline; *zoom: 1; color: #D9232E; }
.red {color: #D9232E;}



/*========== HEDARE ==========*/
.header_bk{height: 100px;}
.header {background: #fff; position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; }
.headnav_body,.mainnav_body{width: 960px; margin: 0 auto;}
.headnav_body {text-align: right; position: relative; z-index: 20; font-size: 0;}
.headnav_body > li{display: inline-block; *display: inline; *zoom: 1; position: relative; border-left: 1px solid #dadada;}
.headnav_body > li:first-child{border:none;}
.headnav_body > li:hover{background: #dadada;}
.headnav_body > li span,.headnav_body > li a{display: inline-block; *display: inline; *zoom: 1; padding-left: 20px; padding-right: 20px; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 11px; color: #373737; text-decoration: none; padding-top: 5px; height: 18px; cursor: pointer; line-height: 13px; }
.headnav_body > li img{vertical-align: middle;}
.headnav_body > li ul {position: absolute; background: #fff; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-left: -1px; left: 0; top: 24px; display: none}
.headnav_body > li ul li{text-align: left}
.headnav_body > li.pull{cursor: pointer;}
.headnav_body > li.red a{background: #c51216; color: #fff;}
.headnav_body > li.red:hover a{background: #dadada;}
.mainnav{border-top: 1px solid #dadada; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); }
.mainnav_body {position: relative;}
.mainnav_body h1{position: absolute;top: -15px;}
.mainnav_body .nav{text-align: left; font-size: 0;}
.mainnav_body .nav li{display: inline-block; *display: inline; *zoom: 1; font-size: 12px;}
.mainnav_body .nav li a{border-right: 1px solid #dadada; display: block; padding-top: 21px; padding-left: 20px; padding-right: 20px; height: 34px; font-weight: bold; color: #373737; transition:all .3s;}
.mainnav_body .nav li.selected a,.mainnav_body .nav li:hover a{color: #ffffff; background: #26272c; background: -moz-linear-gradient(top, #26272c 0%, #141417 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26272c), color-stop(100%,#141417)); background: -webkit-linear-gradient(top, #26272c 0%,#141417 100%); background: -o-linear-gradient(top, #26272c 0%,#141417 100%); background: -ms-linear-gradient(top, #26272c 0%,#141417 100%); background: linear-gradient(to bottom, #26272c 0%,#141417 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26272c', endColorstr='#141417',GradientType=0 ); }
.mainnav_body .nav li:first-child a{padding-left: 56px;}
.mainnav_body .nav li:first-child{margin-left: 38px;}
.mainnav_bottom{background: #141417; background: -moz-linear-gradient(top, #141417 0%, #0a0b0c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141417), color-stop(100%,#0a0b0c)); background: -webkit-linear-gradient(top, #141417 0%,#0a0b0c 100%); background: -o-linear-gradient(top, #141417 0%,#0a0b0c 100%); background: -ms-linear-gradient(top, #141417 0%,#0a0b0c 100%); background: linear-gradient(to bottom, #141417 0%,#0a0b0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141417', endColorstr='#0a0b0c',GradientType=0 ); height: 23px; }

/*========== PULLDOWN_MODELS ==========*/
.nav_open_body{height: 404px; width: 100%; position: relative;}
.nav_open_body ul{width: 100%; background: #fff; }
.nav_open .bx-prev {display: block; height: 404px; width: 56px; text-indent: -9999px; background: url(../img/arrow-sx.png) no-repeat center center; position: absolute; left: 0; top: 0;}
.nav_open .bx-next{display: block; height: 404px; width: 56px; text-indent: -9999px; background: url(../img/arrow-dx.png) no-repeat center center; position: absolute; right: 0; top: 0;}
.nav_open .disabled{display: none;}

.nav_open_body ul li{height: 404px; width: 184px; display: table; }
.nav_open_body ul li a{display: table-cell; vertical-align: middle; padding-left: 56px; }
.nav_open_body ul li h3{font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 12px; font-weight: bold; color: #000; line-height: 30px; border-top: 4px solid #000; border-bottom: 4px solid #000; }
.nav_open_body ul li p{color: #000; font-size: 11px; margin-top: 5px; }
.nav_open{position: relative; width: 100%;}
.nav_open > li{z-index: -10; opacity: 0; filter: alpha(opacity=0); position: fixed; width: 100%; height: 404px; background: #fff; transition: opacity .3s; left: 0; top: 100px; *position: absolute; *top: 0; *z-index: 100;}
.nav_open > li.selected{z-index: 100001; opacity: 1; filter: alpha(opacity=100);}
/*.nav_open_body .bx-controls{position: absolute; right: 0; top: 0; }*/


/*========== PULLDOWN_LINEUP ==========*/

/*.nav_open_body ul.lineup li{height: 404px; width: 404px; display: table; }*/
.nav_open_body ul.lineupslide li .colorPls_tgt img {width: 80%; padding: 0 10% 10px;}
.nav_open_body ul.lineupslide li a {display: table-cell; vertical-align: middle; padding-left: 40px; padding-top: 25px;}
.nav_open_body ul.lineupslide li .price {font-weight: bold; font-size: 10px; padding-bottom: 5px;}
.nav_open_body ul.lineupslide li .price span {font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 10px; color: #000;}
.colorPls span{margin: 0 4px 4px 0; border:1px solid #ccc; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; border-radius: 30px; height: 20px; width: 20px;}
.colorPls span.color_pls_1{background: url(../img/color/color_1.jpg) center center}
.colorPls span.color_pls_2{background: url(../img/color/color_2.jpg) center center}
.colorPls span.color_pls_3{background: url(../img/color/color_3.jpg) center center}
.colorPls span.color_pls_4{background: url(../img/color/color_4.jpg) center center}
.colorPls span.color_pls_5{background: url(../img/color/color_5.jpg) center center}
.colorPls span.color_pls_6{background: url(../img/color/color_6.jpg) center center}
.colorPls span.color_pls_7{background: url(../img/color/color_7.jpg) center center}
.colorPls span.color_pls_8{background: url(../img/color/color_8.jpg) center center}
.colorPls span.color_pls_9{background: url(../img/color/color_9.jpg) center center}

/*========== PULLDOWN_MODELS_OPEND ==========*/
.nav_open_model_all{position: absolute; width: 404px; width: 100%;}
.nav_open_model_all,.open_models{opacity:0; filter: alpha(opacity=0); z-index: -10;transition:opacity .3s;}
.nav_open_model_all.selected,.open_models.selected{opacity:1; filter: alpha(opacity=100); z-index: 1000;}
.nav_open_model_body{height: 404px; position: relative; width: 100%; margin:0 auto; font-size: 0; background: #fff; }
.nav_open_model_body .close{position: absolute; right: 0; top: 0; background: url(../img/x.png) no-repeat; height: 42px; width: 42px; display: block; top: 22px; right: 60px; }
.nav_open_model_body > li > div{display: table; height: 404px; margin: 0 auto; position: absolute; width: 100%; }
.nav_open_model_body > li > div > ul{display: table-cell;vertical-align: middle;}
.nav_open_model_wrap{text-align: center; }
.nav_open_model_wrap li{display: inline-block; *display: inline; *zoom: 1; font-size: 12px; width: 320px; padding:0 20px; text-align: left; }
.nav_open_model_wrap li h4{font-size: 13px; font-weight: bold; font-family: 'abarth_heavyregular','Arial Black', sans-serif; }
.nav_open_model_wrap li p{font-size: 12px; margin-top: 1em; }


/*========== MAIN_SLIDER ==========*/
.main{border-bottom:12px solid #C50117; position: relative; background:#000;}
.slideBody{height: 404px; width: 100%; background: #000;}
.slideBody .cover {width: 1280px; height: 404px; margin: 0 auto;display: table;}
.slideBody .cover h2{font-size: 40px; color: #fff; font-family: 'abarth_heavyregular','Arial Black', sans-serif; text-transform: uppercase; margin-bottom: 1em; }
.slideBody .cover h2 .jp {font-weight: bold;}
.slideBody .cover h2 .sub {font-size: 22px;}
.slideBody .cover > div{display: table-cell; vertical-align: middle; padding-left: 100px;}
.main .bx-controls{position: absolute; bottom: 10px; width: 100%; text-align: center;}
.main .bx-pager-item{display: inline-block; *display: inline; *zoom: 1; margin: 0 3px;}
.main .bx-pager-item a{display: block; height: 10px; width: 10px; background: #fff; text-indent: -9999px; border-radius: 10px; opacity: 0.5; filter: alpha(opacity=50);}
.main .bx-pager-item a.active{opacity: 1; filter: alpha(opacity=100);}

/*========== SUB ==========*/
.subnav{background: #F7F7F7; padding-top: 48px; padding-bottom: 22px; padding-left: 5%; padding-right: 5%;}
.subnav h1{font-size: 14px; text-align: center; margin:0 0 40px 0}
.subnav .subnav_body {font-size: 0; text-align: center;}
.subnav .subnav_body li{display: inline-block; *display: inline; *zoom: 1; margin: 0 10px 20px;}

/*========== CONTENTS ==========*/
.contents{padding:44px 0 0 0; background: #26272c;position: relative;}
.view770{width: 770px; margin: 0 auto; max-width: 100%;}
.caption{background: #fff;}
.caption .caption_wrap{padding:7px;}
.caption .caption_wrap > div:first-child{float: left;}
.caption .caption_wrap > div{width: 50%;float: right;}
.caption .caption_wrap p{padding: 0 0 0 7px;text-align: justify;margin-right: 7px;line-height: 1.7;font-size: 12px}
.caption .caption_body img {max-width: 100%;}
dl.list {margin: 0 0 20px;}
dl.list dt {font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-weight: bold; font-size: 18px; text-transform: uppercase; padding-top: 25px; padding-bottom: 4px;}
dl.list dd {color: #ccc; font-size: 11px;}
.facebook-likebox{background: #fff;}

/*=== BOX ===*/
.box {width: 313px;position: relative;padding: 24px; max-width: 40%;}
.box img{margin: 20px 0; padding-bottom: 38px; max-width: 100%;}
.box h2{color: #fff;font-family: 'abarth_heavyregular','Arial Black', sans-serif;font-size: 28px;font-weight: normal;}
.box h3{color: #fff; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 15px; font-weight: normal; }
.fadeslide_body,.fadeslide_body{position: relative;}
.fadeslide_body .more,.fadeslide_body .more{position: absolute; right: 0; bottom: 0;}
.fadeslide_wrap .bx-prev{display: none;}
.fadeslide_wrap .bx-next{display: block; position: absolute; bottom: 30px; left: 30px; background: url(../img/refresh-gray.png); width: 23px; height: 26px; text-indent: -9999px; z-index: 10000}
.bgwhite{background: #fff;}
.box.bgwhite .more,.box.bgwhite h3,.box.bgwhite h2{color: #000;}
.bgwhite table th {background: #26272C; color: #fff;}
#newsfeed .thumb_body{height: 146px; width: 308px; background-position: center; background-repeat: no-repeat; background-size: cover;}
#newsfeed .thumb_wrap{margin: 20px 0; padding-bottom: 38px;}
#newsfeed h3{height: 3em; overflow: hidden;}
#newsfeed .bx-next{display: block; position: absolute; bottom: 30px; left: 30px; background: url(../img/refresh-gray.png); width: 23px; height: 26px; text-indent: -9999px; z-index: 10000}
#newsfeed{max-height: 300px; overflow: hidden;}

/*========== FOOTER ==========*/
.footer {background: #000000; background: -moz-linear-gradient(top, #000000 0%, #26272c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#26272c)); background: -webkit-linear-gradient(top, #000000 0%,#26272c 100%); background: -o-linear-gradient(top, #000000 0%,#26272c 100%); background: -ms-linear-gradient(top, #000000 0%,#26272c 100%); background: linear-gradient(to bottom, #000000 0%,#26272c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#26272c',GradientType=0 ); color: #656565; padding-bottom: 30px; padding-top: 58px; }
.footer a{color:#656565;}
.sns{text-align: center;}
.sns li{display: inline-block; *display: inline; *zoom: 1; margin: 0 60px 30px;}
.footer_links{font-size: 0;}
.footer_links > div{display: inline-block; *display: inline; *zoom: 1; width: 33%; text-align: center; vertical-align: middle;}
.footer_links ul li{display: inline-block; *display: inline; *zoom: 1; font-size: 12px; margin: 0 10px; vertical-align: middle;}
.footer_part ul{text-align: center;}
.footer_part ul li{display: inline-block; *display: inline; *zoom: 1; margin: 0 28px; line-height: 100px; vertical-align: middle;}
.footer_part ul li a{display: inline-block; *display: inline; *zoom: 1;}
.footer_part ul li a img{vertical-align: middle;}
.ftnav {margin-bottom: 10px;}

/*========== SUBPAGE ==========*/
/*=== HEADER ===*/
.subhead_wrap {height: 404px; width: 100%;　min-width: 960px;  background:#000;}
.subhead_wrap.white {background: #fff;}
.subhead_wrap .cover, .subhead_wrap .contain {width: 1280px; height: 404px; margin: 0 auto; z-index: 2; position: absolute; left: 50%; margin-left: -640px; top: 0; background-repeat: no-repeat; background-position: center;}
.subhead_wrap .cover > div > img, .subhead_wrap .contain > div > img {top: 0px!important;}
.subhead {width: 956px; margin: 0 auto; position: relative;}
.subhead_wrap .subhead h1{font-size: 26px; color: #fff; font-family: 'abarth_heavyregular','Arial Black', sans-serif; text-transform: uppercase; margin-bottom: 1em; line-height: 1.2; position: absolute; left: 180px; top: 15px;}
.subhead_wrap .subhead h1 .subtxt {font-size: 18px;}
.subhead_wrap .subhead h1.black{color: #000;}
.subhead_wrap .subhead .subpage_nav h1{margin-bottom: 1em; line-height: 1.2; position: absolute; left: 0; top: 15px; text-align: center; border-top: 5px solid #fff; border-bottom: 5px solid #fff; padding: 15px 0; width: 148px;}
.subhead_wrap h1 .subtxt.red{font-weight: bold;color: #c50117;}
.subhead .subpage_nav {width: 148px; padding-top: 15px; padding-left: 0; vertical-align: top;}
.subpage_nav img {max-width: 100%;}
.subpage_nav ul {margin: 15px 0;}
.subpage_nav .btn {height: auto; padding: 10px 5px; line-height: 18px; margin-bottom: 6px; text-align: center; display: block;}
.blacktile {height: 404px; position: absolute; z-index: 1; width: 50%; right: 0px; background: #000;}
.subhead_wrap .blacktile.cover, .subhead_wrap .blacktile.contain {width: 50%; margin-left: 0; background-position: left center; }
.whitetile {width: 50%; height: 404px; margin: 0 auto; z-index: 2; position: absolute; right: 50%; top: 0; background: no-repeat　center; min-width: 480px; }
.subhead_wrap .whitetile .subhead {height: 404px; display: table-cell; vertical-align: middle; text-align: center;}
.subhead_wrap .whitetile .subhead h1 {color: #26272C; margin: 0; position: static; display: inline-block; line-height: 1;}
.subhead_wrap .subhead .fs30 {font-size: 30px;}
.subhead_wrap .subhead .fs40 {font-size: 40px;}
.subhead_wrap .subhead .fs50 {font-size: 50px;}
.subhead_wrap .subhead .fs60 {font-size: 60px;}
.subhead_wrap .subhead .fs70 {font-size: 70px;}
.subhead_wrap .subhead .bkcross {padding: 36px 46px; background: url(../img/cross2.png) left top no-repeat; display: inline-block;}

/*=== BASE ===*/
.container {width: 956px; margin: 0 auto; color: #fff;}
.container p {padding-bottom: 10px;}
.container img {vertical-align: bottom;}
.container .bgwhite {padding: 20px 38px; color: #373737; margin-bottom: 30px;}
.container_cross {background-image: url('../img/cross-white.png'); background-repeat: no-repeat; padding: 20px 38px; }
@media (-webkit-min-device-pixel-ratio: 2) {
    .container_cross {background-image: url('../img/cross-white@2x.png'); background-size: 40px;}
}

.subbody h2 {color: #FFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 40px; font-weight: normal; line-height: 40px; text-transform: uppercase; margin: 10px 0 15px; }
.subbody h3 {color: #FFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 24px; font-weight: normal; line-height: 40px; text-transform: uppercase; margin: 10px 0; }
.subbody h4 {color: #FFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 20px; font-weight: normal; line-height: 40px; text-transform: uppercase; margin: 10px 0; }
.subbody h2 .jp, .subbody h3 .jp, .subbody h4 .jp {font-weight: bold;}
.subbody h5{}
.subbody p.subcapt{font-size: 15px;padding: 40px 0; line-height: 2;}

.title{position: relative; padding:20px;}
.column .title, .title.view770 {position: relative; padding:20px 0; margin: 0 auto;}
.title h1 {color: #FFFFFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 28px; font-weight: normal; text-align: center; }
.title h2 {color: #FFFFFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 23px; font-weight: normal; text-align: center; margin: 0;}
.title h1 .jp, .title h2 .jp {font-weight: bold;}
.title h3{text-align: center;}
.title h1 span, .title h2 span {font-weight: bold;}
.title p{text-align: center; font-weight: bold; font-size: 18px;}
.title p.lead{text-align: center; font-weight: bold; font-size: 14px;}
.title_small {width: 320px;}
.title_bgb {background: #222227; text-align: center; font-size: 18px; line-height: 2; padding: 20px; margin: 0px auto 30px; font-weight: bold;}

.bd_title {border-top: 7px solid #fff; border-bottom: 7px solid #fff; margin-bottom: 30px; padding: 10px; text-align: left;}

h2.redh2 {color: #B71010; line-height: 40px; text-align: left; font-size: 40px;}
h3.redh3 {color: #B71010; line-height: 24px; text-align: left; font-size: 24px;}

/*=== COLUMN ===*/
.inner_cell {float: left;}
.inner_cell.right {float: right;}
.column {margin-left: 25px;}
.column.first {margin-left: 0;}
.col_single {width: 302px;}
.col_double {width: 628px;}
.col_half {width: 460px;}
.photoL {width: 58%; margin-right: 2%;}
.photoL img {max-width: 100%;}
.txtR {width: 40%;}
.column.col_half {margin-left: 35px;}
.column.col_half.first {margin-left: 0;}
.center{text-align: center;}
.corner {position: relative; padding:20px; margin: 0 0 30px;}
.corner .title {padding: 0 ;}
.corner .col_half {width: 435px; margin-left: 40px;}
.corner .col_half.first {margin-left: 0;}

/*=== TABLE ===*/
.table_spec {width: 100%; table-layout: fixed; margin-bottom: 10px; border-collapse: collapse;}
.table_spec th, .table_spec td {border: 1px solid #828282; padding: 8px 16px; vertical-align: middle;}
.table_spec th {width: 330px;}
.table_spec td {text-align: center;}
.table_spec thead td {background: #fff; color: #26272C;}
.table_spec .highlight td {background: #35373D;}

/*=== LIST ===*/
.listTypei{list-style-type: lower-roman;}
.listTypei li {margin-left: 26px; list-style: lower-roman; }
.prv_li li {list-style-type: square; }
.listTypeSq{list-style-type:square;padding-left:20px;}
.listTypeSq li {list-style-type: square; }
b.underLine{text-decoration:underline;}


/*=== IMAGE ===*/
.corner_img {width: 586px; padding: 20px; position: relative; text-align: center;}
.corner_img img {max-width: 100%;}
.corner_img_spec {padding: 20px; position: relative; text-align: center;}
.corner_img_spec img {max-width: 100%;}
.imgbd img {border: 8px solid #fff; box-sizing: border-box;}
.imgbd img {vertical-align: bottom;}

/*========== PRODUCT ==========*/

/*=== SLIDER ===*/
.productslide_wrap {position: relative;}
.productslide_wrap .bx-controls-direction a {position: absolute; top: 0; width: 30px;  background:#000 no-repeat center; height: 100%; text-indent: -99999px;}
.productslide_wrap .bx-controls-direction .bx-prev {left: -60px; background-image: url(../img/arr_L.png);}
.productslide_wrap .bx-controls-direction .bx-next {right: -60px; background-image: url(../img/arr_R.png);}
.productslide_wrap .bx-controls-direction .disabled {opacity: 0.1; filter: alpha(opacity=10); cursor: default;}

/*=== SIDE FIX BUTTONS ===*/
.sidefix_wrap{position: fixed; right: 15px; top: 0; z-index: 10004; width: 6%;}
.sidefix_buttons {margin-top: 180px;}
.sidefix_buttons li {display: block; margin-bottom: 17px; }
.sidefix_buttons li div {background-image: url('../img/corner-little.png'); width: 56px; height: 53px; float: left; margin-left: 17px; margin-bottom: 17px; cursor: pointer;}
.sidefix_buttons li div.active {background: none;}
.sidefix_buttons li img {padding: 16px;}
@media (max-width: 480px){
    .sidefix_buttons li {display: inline;}
}

/*=== SIDE FIX BUTTONS - OPEN ===*/
.overlay {position: fixed; left: 0; top: 102px; z-index:10002; width: 100%; height: 100%; background: url(../img/bk_overlay.png); display: none;}
.overlay.show {display: block;}
.popover_wrap {position: fixed; left: 0; top: 102px; z-index:10003; width: 100%; height: 404px; opacity: 0; filter: alpha(opacity=0); top: -100%;}
.popover_wrap.show {opacity: 1; filter: alpha(opacity=100); top: 100px;}
.popover_slider {overflow: hidden;}
.popover_body {position: relative; max-width: 1028px; margin: 0 auto;}
.ie8 .popover_body .bx-wrapper {max-width: none !important}
.popover_body .bx-viewport {overflow-y: visible!important; height: 100%!important;}
.popover_body .bx-controls-direction a {position: absolute; top: 50%; no-repeat center; margin-top: 40px; text-indent: -99999px; width: 16px; height: 33px; display: block;}
.popover_body .bx-controls-direction .bx-prev {left: 0px; background-image: url(../img/overlay-prev.png);}
.popover_body .bx-controls-direction .bx-next {right: 0px; background-image: url(../img/overlay-next.png);}
.popover_body .bx-controls-direction .disabled {opacity: 0.1; filter: alpha(opacity=10); cursor: default;}
.popover_body .title {margin: 40px 0 40px;}
.popover_category > li {position: absolute; left: 0; top: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); top: -100%;}
.popover_category > li.show {opacity: 1; filter: alpha(opacity=100); top: 0;}
.popover_slider img{width: 285px;border: 10px solid #fff; cursor: pointer;}
.popover_zoom {position: fixed; left: 0; top: 142px; z-index:10005; width: 100%; text-align: center; display: none; cursor: pointer;}
.popover_zoom img {max-width: 100%; border: 10px solid #fff;}
.overlay.zoomed {z-index:10004;}

/*=== MODELS ===*/
.models {text-align: center;}
.model {display: inline-block; *display: inline; *zoom: 1; margin-left: 21px;}
.model.first {margin-left: 0;}
.corner_img_model{padding: 20px; position: relative; text-align: center; margin-bottom: 10px;}
.double .corner_img_model{padding: 30px 45px;}
.double .model{margin-left: 50px;}
.corner_img_model img {max-width: 100%;}
.col_double ul li {max-width: 50%;float: left;}
.col_double img {width: 100%;}
#model .first {margin-left: 0;}
#model h4 {color: #FFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 20px; font-weight: normal; line-height: 40px; text-transform: uppercase; margin: 10px 0;}

/*=== EXTERIOR ===*/
#exterior .wheels {width: 100%;text-align: center;}
#exterior .wheels li {width: 142px; margin: 0 7px 40px; text-align: center;display: inline-block; *display: inline; *zoom: 1;}
.abarth595 #exterior .wheels li{margin-left: 7%}
#exterior .wheels li.first {margin-left: 0;}
#exterior .wheels li img {width: 100%;margin: 10px 0;}
.colorPls img {padding: 0 10px 10px 0;}
.colorPls_name {font-size: 13px; padding: 10px 0;}

/*=== INTERIOR ===*/
/*= COLORCOMBINATION =*/
.table_colorcombi {width: 99%; table-layout: fixed; margin-bottom: 10px; border-collapse: collapse;}
.table_colorcombi thead img {max-width: 130px; display: block; margin: 0 auto;}
.table_colorcombi thead span{margin-top: 30px; display: block;}
.table_colorcombi th, .table_colorcombi td {padding: 8px 16px; vertical-align: top; text-align: center;}
.table_colorcombi tbody th, .table_colorcombi tbody td {border: 1px solid #828282; padding: 8px 16px; vertical-align: middle;}
.table_colorcombi th.combiint {width: 150px; background: #fff;}
.table_colorcombi th.va_b {vertical-align: bottom;}


/*=== SPEC ===*/
/*= SCROLLBAR =*/
.specBody {margin: 0 20px 0 0; position: relative; }
.specBody .viewport {height: 570px; overflow:hidden; position:relative; }
.specBody .overview {list-style:none; position:absolute; left:0; top:0; }
.specBody .scrollbar {position:absolute; background-position:0 0; right: -20px; top:0; width:10px; }
.specBody .track {background: #3c3d41; height: 100%; width: 10px; position: relative; }
.specBody .thumb {background: #bebebe; height: 50px; width: 10px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0; }
.specBody .thumb .end {display: none; height:0; width:10px; }
.specBody .disable {display:none; }

.select_wrap {text-align: center; margin: 30px 0 -10px; position: relative; font-size: 11px;}
.select_wrap:before {content: " "; display: block; position: absolute; width: 100%; height: 1px; z-index: 0; background: #828282; left: 0; top: 50px;}
.slide_select {padding: 0 20px; background: #26272C; position: relative; z-index: 2; display: inline-block; *display: inline; *zoom: 1;}
.slide_select a {display: inline-block; *display: inline; *zoom: 1; width: 60px; color: #fff; font-size: 12px; padding: 5px 5px 0;}
.slide_select a .icon {background: #3c3d41; display: block; width: 20px; height: 20px; margin: 5px auto 10px;}
.slide_select a.active .icon {background: #fff;}
#specification .topic {color: #bebebe; font-weight: bold; }
#specification .name {padding-top: 10px; height: 60px; color: #fff;display: block;}
#specification .price {padding-bottom: 10px; color: #d9232e; font-size: 13px;}


/*=== ESSEESSE ===*/
/*.abarth500 #esseesse .productslide_wrap .bx-controls-direction a {height: 420px; margin-top: -180px;}*/
#model, #specification, #esseesse {margin-bottom: 30px;}
#esseesse h3{margin-bottom: 30px;}
#esseesse h4 {color: #FFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 20px; font-weight: normal; line-height: 1.8; text-transform: uppercase; margin: 0 0 10px;}
#esseesse h4.jp {font-size: 18px; font-weight: bold;}
#esseesse .mt {margin-top: 20px;}
#esseesse .price {line-height: 2; font-size: 12px; font-weight: bold; padding-top: 20px; font-family: 'abarth_heavyregular','Arial Black', sans-serif; margin: 0 0 5px 0;}
#esseesse .price span {color: #FFF; font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 18px; padding: 0 3px 0 0; font-weight: normal; line-height: 40px; text-transform: uppercase; margin: 10px 0;}
#esseesse .color_pls_name {margin: 5px 0; width: auto; color: #000;}
/*#esseesse .color_pls_name {font-weight: bold;margin: 15px 0 0;background: #eee;padding: 5px 10px;width: 310px;border-radius: 2px;}*/
.brembo595_img{text-align: center; width: 810px; margin: 20px auto 0;}
.brembo595_img li {float: left; width: 33%; font-weight: bold; color: #ccc;text-align: center;}
.brembo595_img li img {width: 170px;}
.spec .hyou {font-weight: normal; color: #fff; width: 720px;margin: 0 auto; font-size: 10px; border-collapse: collapse;}
.spec .hyou td,.spec .hyou th {border: 1px solid #828282;padding: 8px 16px; vertical-align: middle; text-align: center;}
.prod_guide {margin: 10px;}
/*= SCROLLBAR =*/
#esseesse .productslide li .scrollbar {display: none;}

#performance h3 {padding-bottom: 20px; font-family: 'abarth_heavyregular','Arial Black', sans-serif; color: #fff; font-size: 21px; line-height: 1.4; margin: 0 0 5px 0; letter-spacing: -1px; }
#performance img {max-width: 100%;}

.combiint p{font-size: 10px; color: #000; margin-bottom: -10px;}
#financialsolusions h3{color: #c50117;}
.fn1{position: relative; margin: 30px 0;}
.fn1 p{position: absolute; left: 95px; top: 50px;}
.fn1-2{position: relative; margin: 10px 0 0 0;}
.fn1-2 p{position: absolute; left: 95px; top: 70px;}
.fn1-3 img,.fn2 img,f.fn3 img,.fn4 img,.fn5 img,.fn1-3,.fn4,.fn5{margin: 15px 0;}
.fn2 p{display: inline-block; *display: inline; *zoom: 1; width: 45%;}
.fn2 p span{border-bottom: 1px solid #c50117; line-height: 2}
.view302{width: 302px; display: inline-block; *display: inline; *zoom: 1; margin: 15px 22px 15px 0;}
@media screen and (max-width: 800px) {
    .fn2 p{width: 100%;}
    .view302{width: 100%; display: block; margin: 15px 0;}
    .view302 p{text-align: center !important;}
}
.return{margin-right: 0;}
.merit p {font-size: 12px; text-align: left; padding: 0 20px; line-height: 1.6;}
.merit span {font-size: 24px; color: #c50117; color: #999; font-family:'abarth_heavyregular','Arial Black', sans-serif; }
.R{color: #c50117; font-weight: bold;}


/*========== LIST_PAGE ==========*/
.subbody .prod_list h3 {font-size: 14px; font-weight: bold; line-height: 1.6; margin: 0 0 10px;}
.subbody .prod_list .btn {margin: 10px 0;}
.sold_caption {font-size: 14px; font-weight: bold;}

/*========== HISTORY ==========*/
.history_movie embed {width: 100%; height: 250px; margin-bottom: 20px;}
.story img { border: 7px solid #FFF; box-sizing: border-box;}
.story .corner .title {margin-bottom: 30px;}

/*========== RECYCLE ==========*/
.recycle h3 {font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-weight: bold; font-size: 18px; text-transform: uppercase; padding-top: 25px; padding-bottom: 4px; margin: 0;}
.recycle a {color: #ccc;}

/*========== FINANCIAL ==========*/
.pageFinan header h2{display: none;}
.pageFinan .container_cross{background-image: none;}


/*========== MAESTRO SERVICE ==========*/
.maestro a{color: #808080;}
.maestro b{font-size: 13px; font-weight: bold;}
.maestro .imgbd {position: relative;}
.maestro .flow .fl{float: left; width: 458px;}
.maestro .flow .first{margin-right: 40px;}
.maestro .flow li{margin-bottom: 30px;}
.maestro .left700 {margin-bottom: 20px;}
.maestro .left700 p{width: 680px; padding-right: 20px; font-weight: normal;}
.maestro .left700 img{float: right;}
.maestro .right700{margin-bottom:20px;}
.maestro .right700 img{float: left;}
.maestro .right700 p{width: 700px; float: right;}
.maestro .tenken ol {margin-bottom: 20px;}
.maestro .tenken dd{font-size: 11px; line-height: 1.6;}
.maestro .hidebx {display:none; height: 350px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #808080; padding: 15px; margin-bottom:20px;}
.maestro .hidebx .right700 p {width: 645px; padding: 10px; float: right;}
.maestro .hidebx .col_single {margin-bottom: 15px; margin-right: 15px; width: 275px; background: #222227; color: #ccc; padding: 8px;}
.maestro .showhide{display: inline; *display: inline; *zoom: 1; cursor: pointer; color: #C5001F; font-weight: bold;}
.maestro .parts li {margin-bottom: 20px;}


/*========== FORM ==========*/
.form table{width:100%; border-collapse: collapse;}
.form table tr td{padding: 10px;border: 1px solid #525252;}
.form table tr td.password_submit {text-align: center;}
.form table tr td.password_submit input{text-align: center; margin:0 auto;}
.form table tr td.title{background:#1A1B1F;width:224px;}
.form table .password_form p{margin-top: 1em; padding: 0;}
.form table .password_form label{display: block;}
.form table .password_form label:first-child{margin-bottom: 10px;}
.form table tr td textarea,.form table tr td input[type="text"]{width: 300px; line-height: 24px; height: 24px; margin-top:10px; background: #fff; border: none; padding: 5px; }
.form table tr td textarea{height: 200px; width:500px; margin: 0; }
.form table tr td textarea:focus,.form table tr td input[type="text"]:focus{background: #ccc;}
.form table tr td input[type="text"]:first-child{margin: 0;}
.form table tr td input.s{width:100px; margin:0 10px 0 10px;}
.form table tr td input.s:first-child{margin:0 10px 0 0;}
.form table label{cursor: pointer;}
.form table .radio_wrap input,.form table .checkbox_wrap input{opacity: 0; filter: alpha(opacity=0); position: absolute; left:0; top:0;}
.form table .radio_wrap,.form table .checkbox_wrap{display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 25px; padding-right: 15px; margin: 7px 0; line-height: 20px; height: 20px; float: left; }
.form table .radio_wrap{background-image: url(../img/form_radio@1x.png); background-repeat: no-repeat; background-position: left bottom;}
.form table .checkbox_wrap{background-image: url(../img/form_checkbox@1x.png); background-repeat: no-repeat; background-position: left bottom;}
.form table .checkbox_wrap.on,.form table .radio_wrap.on{background-position: left top; }
.form table .agreebox {text-align: center;}
.form table .agreebox label{float: none;}
.form table .form_submits input[name="submit"]{margin-bottom: 10px}
.form table .form_submits .btn{width:50%;}
.form_conform{display: none}
.form table .msg{color: #EBC21F}
.form table .customSelect {font-size:13px; line-height: 24px; color: #000; height: 24px; width: 300px; padding: 5px; background:url(../img/pulldown@1x.png) no-repeat right center #fff; }
.doui{margin: 20px 0 30px 0}
.listup{margin:10px 0 20px 0; padding:10px; background: #1A1A1B}

/*========== [FORM - POPUP] ==========*/
.form_popup {width: 94%;margin: 3%;}
.form_popup .container{width: 100%}
.form_popup .title{margin: 0;}
.form_popup.contents{padding: 0;}
.form_tab > ul{display: table;width:100%;}
.form_tab > ul > li{display: table-cell; vertical-align: middle; width:70%;}
.form_tab > ul > li:first-child{width:30%; background: #c51216; color: #fff; text-indent: 10px;}
.form_tab > ul > li h1{font-family: 'abarth_heavyregular','Arial Black', sans-serif; font-size: 18px;}
.form_tab_body{width:100%; display: table; background: #fff;}
.form_tab_body li{display: table-cell; vertical-align: middle; width:20%;}
.form_tab_body li a{border-left: 1px solid #dadada; display: block; text-align: center; line-height: 80px; height: 80px; font-weight: bold; color: #373737; transition: all .3s; }
.form_tab_body li a.on,.form_tab_body li:hover a{color: #ffffff; background: #26272c; border-left: 1px solid #26272c; background: -moz-linear-gradient(top, #26272c 0%, #141417 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26272c), color-stop(100%,#141417)); background: -webkit-linear-gradient(top, #26272c 0%,#141417 100%); background: -o-linear-gradient(top, #26272c 0%,#141417 100%); background: -ms-linear-gradient(top, #26272c 0%,#141417 100%); background: linear-gradient(to bottom, #26272c 0%,#141417 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26272c', endColorstr='#141417',GradientType=0 ); }
.modal_form{position: fixed; z-index:100010; width:100%; height: 100%; display: none;}
.modal_form_body{width:1000px; height: 600px; position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -500px; z-index: 3;}
.modal_form_inner{position: relative;}
.modalBK{background:#000; position: absolute; top:0; left:0; width: 100%; height: 100%; cursor: pointer; z-index: 1; opacity: 0.8; filter: alpha(opacity=80);}
.modal_form .close{position: absolute; right: 0; z-index: 4; top: 0; cursor: pointer; width: 15px; height: 15px; text-align: center; line-height: 15px; background: #000; color: #fff; font-size: 15px;}
.form_popup .smp_tmpl{border-top: 3px solid #A00;}
.modal_form,.modal_form iframe{overflow: auto;}
.form table tr.form_doui td{padding: 20px 20px 0px 20px;}
.form_doui h4{font-weight: bold; margin-bottom: 1em}
.form_doui p{padding: 0;text-align: left;}
.form_doui ul{padding:10px 0; margin: 5px 0;}
.form_doui ul li{text-align: left;}
.form_doui_wrap{margin: 20px 0; text-align: center;}
.form table .form_doui_wrap label.checkbox_wrap{float: none;}
.form_popup .form_conform{display: none}

/*========== MODEL ==========*/
#interior div{padding: initial;}
#interior .corner_img_model{padding:20px;}
#interior .corner_img_model div{}
#interior .colorcombi_wrap{padding: 20px 0;}
#model, #specification, #esseesse, #koni{margin-bottom: 30px; position: relative;}
#model .shareWrap{position: absolute; right: 0; top: 0; z-index: 1000;}

/*========== DEALER ==========*/
/*#dealer_wrapper{background: #26272C;}*/
.map_bubble{width: 200px;}
#dealer_hd {width: 620px; margin: 0px auto 40px auto; color: #fff;}
#dealer_hd h1 {float: left; font-size: 1.6em; line-height: 1.1em; width: 100%; text-transform: uppercase; padding: 7px 0 0 0; }
#dealer_hd .leftwrap {float: left; width: 218px; }
#map_s {height: 32px; line-height: 32px; background: url(../common_20140616/img/bk_map_search.png) no-repeat; border: none; width: 339px; padding: 6px 46px 8px 11px; }
.matches{border-bottom: 1px solid #dadada; font-size: 12px; /*font-weight: bold; margin: 0 5px 0 15px;*/ padding: 15px 5px 10px 10px; height: 30px; }
.map_toggle {background: url("../img/btn_map_hide.png"); display: block; float: right; height: 27px; margin-right: -30px; text-indent: -9999px; width: 20px; }
#maparea{height: 573px; width: 100%; position: relative; border-top: solid 1px #000;}
#gmap_canvas{width: 100%; height: 573px; position: absolute; left: 360px;}
#marker_list{width: 360px;}
.map_list{display: block; padding: 15px; margin: 15px 0; position: relative; border-bottom: 1px solid #dadada;overflow: hidden; cursor: pointer;}
.map_left{width: 70px; float: left; }
.map_right{width: 250px; float: left; }
#map_menu {width: 350px; clear: both; margin: 0; position: absolute; left: 0px; background: #f8f8f8; padding: 0px 10px 0 0; top: -27px; border-right: 1px solid #dadada; }
#map_menu .viewport { width: 340px; height: 544px; overflow: hidden; position: relative; }
#map_menu .overview { list-style: none; position: absolute; left: 0; top: 0; }
#map_menu .thumb .end,
#map_menu .thumb { background-color: #fff; }
#map_menu .scrollbar { position: relative; float: right; width: 7px; }
#map_menu .track { background-color: #bcbcbc; height: 100%; width:5px; border-left: 1px solid #ececec;border-right: 1px solid #ececec; position: relative; padding: 0 1px; }
#map_menu .thumb { height: 20px; width: 7px; border:1px solid #bcbcbc; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin: 0 0 0 -2px;}
#map_menu .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#map_menu .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#map_menu .map_right {font-size: 12px; line-height: 1.7;}
.map_right a{color: #000; text-decoration: underline;}
.map_view{color: #C50117;}
.expand a.map_root{background: url("/dealer_tools/ico_expand.png") 1px 2px no-repeat;}
.goprint a.map_root{background: url("/dealer_tools/ico_print.png") 0 1px no-repeat;}
.seemap{background: url("/dealer_tools/ico_map.png") 1px 4px no-repeat;text-indent: 1.3em;}
.map_right p{font-weight: normal;}
.map_right p.map_title{font-weight: bold;}
.map_right a.map_root{color: #C50117; text-decoration: none;}
#gmap_canvas{left:0;}
#dealer_hd{margin:0px auto 80px;}
.map_toggle {background: #f8f8f8 ;display: block; float: right; height: 33px; margin-right: -30px; text-indent: 0; width: 19px; line-height: 22px; text-align: center; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada;}
#dropdown_container{ position:absolute; left:360px; top:-27px; width:70%; min-width:730px; }
.dropdown{width:100%; margin: 0 0 0 20px;}
.dropdown_item{float:left; width:12.5%; background: #f8f8f8; color:#000; text-align: left; line-height: 33px; color: #fff; transition: all 0.2s;}
.dropdown_item p{padding:0 10%; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; transition: all 0.2s; text-align: center; color:#000; }
.dropdown_item ul{display: none;}
.dropdown_item li{cursor: pointer; padding: 0 10%; border: 1px solid #dadada; border-right: 0; border-top: 0; background: #000;}
.dropdown_item:hover {margin-top:-3px; }
.dropdown_item:hover p{background:#000; border-bottom: 1px solid #c000; color: #fff;}
.dropdown_item li:hover{ color:#fff; font-weight: bold;}
.cat_service {display: none;}
.map_sort li {float: left; width: 165px; border: 1px solid #000; color: #000; text-align: center; line-height: 30px; cursor: pointer;}
.map_sort li:first-child {border-right: none;}
.map_sort li.on, .map_sort li:hover {background: #000; color: #fff; }
.map_submits{display:table; width: 100%; margin-top: 10px; border: 1px solid #000;}
.map_submits li{display:table-cell; width: 50%;}
.map_submits li:first-child{border-right: 1px solid #000}
.map_submits li a{display: block; text-align: center; text-decoration: none; line-height: 30px; height: 30px;}

/*-- 吹き出し --*/
.map_bubble{font-size: 12px; line-height: 1.7; font-family:'Arial', sans-serif;}
.map_bubble .txt1{font-weight: bold; border-bottom: 1px dotted #ececec;}
.map_right p.map_title span,.map_bubble .txt1 span{color:#fff; font-weight: bold; font-size: 11px;}
.map_bubble p{margin: 0 0 5px 0; padding: 0 0 5px 0;}
.map_bubble a{color:#c51216; text-decoration: none;}

/*------ 検索 ------*/
#resultBd{width: 950px; margin:30px auto; overflow: hidden;}
#cse-search-results{width: 600px; margin: 0 auto}
#searchBd{position: relative;}
#searchform{position: absolute; right: 0px; top: 4px; display: none;}
#searchform_inpt{width: 194px; height: 21px; line-height: 21px; background:url(../img/search.png) no-repeat; border: none; }
#searchform_btn{position: absolute; top: 0px; background: none; border:none; right: 0px; width: 21px; height: 21px; cursor: pointer; }

#contentarea{min-width:1100px;}

/*------ シェア ------*/
.shareWrap {position: relative; margin: 10px 0; font-family: 'abarth_heavyregular','Arial Black', sans-serif; display: inline-block; *display: inline; *zoom: 1;}
.shareBtn { padding: 5px 0px; text-align: center; width: 100px; display: inline-block; *display: inline; *zoom: 1; box-shadow: 0 1px 0 #80a1cc inset;}
.shareBd a {background: #fff; color: #000; display: block; width: 60px; padding: 5px 20px; height: 15px; line-height: 15px;}
.shareWrap .shareBtn{background:#c51216; box-shadow: 0 1px 0 #D14043 inset; color: #fff;}
.shareBd a:hover {background: #dadada;}
.shareBd{display: none;}
.sharePagetop{position: absolute; top: 0; right: 0; margin: 0}

/*------ オペラ文字化け ------*/
.opera .headnav_body > li span, 
.opera .headnav_body > li a,
.opera .btn,
.opera .subbody h2, 
.opera .subbody h3, 
.opera .subbody h4, 
.opera .title h1, 
.opera .title h2, 
.opera .subhead_wrap .subhead h1, 
.opera .box h2, 
.opera .box h3, 
.opera dl.list dt, 
.opera .nav_open_body ul li h3, 
.opera .nav_open_body ul.lineupslide li .price span, 
.opera .nav_open_model_wrap li h4, 
.opera .slideBody .cover h2, 
.opera #model h4, 
.opera #esseesse h4, 
.opera #esseesse .price,
.opera #esseesse .price span, 
.opera #performance h3, 
.opera .recycle h3,
.opera .nav_open_body ul li h3, 
.opera .merit span,
.opera .shareWrap {font-family:'Arial Black', sans-serif; }