/* contents

======================================*/

#contents{

width:auto !important;

text-align:center !important;

font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS-PGothic,sans-serif;

font-size:.923em;

}







/* universal elements

======================================*/



/* h1 */

#contents h1{

display:none;

}





/* ul,ol */

#contents ul,

#contents ol{

list-style:none;

padding-left:0;

}





/* a */

#contents a{

text-decoration:none;

color:#222222;

cursor:pointer;

}

#contents a:hover{

color:#cf0000;

}





/* img */

#contents img{

vertical-align:top;

}







/* universal class

======================================*/



/* clearfix */

.clearfix:before,

.clearfix:after{

content:"";

display:table;

}

.clearfix:after{

clear:both;

}

.clearfix{

*zoom:1;

}





/* image replacement */

.ir{

background-color:transparent;

border:0;

overflow:hidden;

/* IE 6/7 fallback */

*text-indent:-9999px;

}

.ir:before{

content:"";

display:block;

width:0;

height:150%;

}





/* other */

.clear{

clear:both;

}







/* javascript module

======================================*/



/* .over */

.over{

position:relative;

}

.over.active{

z-index:1;

}

.over .over-menu{

display:none;

position:absolute;

z-index:1;

}

.active .over-menu{

display:block;

}





/* .tabbable */

.tabbable .nav-tabs:before,

.tabbable .nav-tabs:after	{content:"";display:table;}

.tabbable .nav-tabs:after	{clear:both;}

.tabbable .nav-tabs			{*zoom:1;}

.tabbable .nav-tabs li{

float:left;

}

.tabbable .tab-content .tab-panel{

display:none;

}

.tabbable .tab-content .active{

display:block;

}





/* .carousel */

.carousel{

position:relative;

width:100%;

}

.carousel .item{

float:left;

position:relative;

} 

.carousel .carousel-control{

display:none;

position:absolute;

top:50%;

margin-top:-13px;

background:url(../image/btn_carousel.png) no-repeat 0 0;

cursor:pointer;

}

.carousel .prev{

left:-22px;

background-position:0 0;

width:26px;

height:26px;

}

.carousel .next{

right:-22px;

background-position:-26px 0;

width:26px;

height:26px;

}



.carousel-indicators{

position:relative;

overflow:hidden;

}

.carousel-indicators ul{

float:left;

position:relative;

left:50%;

margin:0;

}

.carousel-indicators li{

float:left;

position:relative;

left:-50%;

margin:0 4px;

}

.carousel-indicators .carousel-control{

float:left;

display:block;

position:static;

margin-top:2px;

background-position:-102px 0;

width:10px;

height:10px;

}

.carousel-indicators .active .carousel-control{

background-position:-92px 0;

}

.carousel-indicators .prev{

margin-top:0;

background-position:-52px 0;

width:20px;

height:14px;

}

.carousel-indicators .next{

margin-top:0;

background-position:-72px 0;

width:20px;

height:14px;

}







/* styling module 

======================================*/



/* .section */

.section{

margin:30px auto;

width:980px;

text-align:left;

}

.section .heading{

margin:15px 0;

font-size:1em;

}





/* .column2 */

.column2{

margin-top:0;

margin-bottom:0;

}

.column2:before,

.column2:after	{content:"";display:table;}

.column2:after	{clear:both;}

.column2		{*zoom:1;}



.column2 .section{

float:left;

width:auto;

}

.column2 .column-right{

float:right;

}





/* .item */

.items{

margin:0;

line-height:1.75;

}

.item a{

display:block;

}

.item .sub{

display:block;

margin-top:5px;

font-size:.833em;

color:#666;

}

.item .name{

display:block;

}

.item .icon{

vertical-align:middle !important;

}





/* .banner */

.banner{

margin:12px auto;

}



.banners{

margin:0;

}

.banners:before,

.banners:after	{content:"";display:table;}

.banners:after	{clear:both;}

.banners		{*zoom:1;}



.banners li{

float:left;

display:inline;

margin:6px;

}





/* .link */

.link{

background:url(../image/ico_arrow2.png) no-repeat 0 50%;

padding-left:15px;

}





/* .go_pagetop*/

.go_pagetop{

clear:both;

margin:0 auto;

border-top:1px solid #ccc;

padding:15px 10px;

width:960px;

text-align:right;

}

/*IE6*/

* html .go_pagetop{

width:980px;

}







/* #branding

======================================*/

#branding{

margin:16px 0 9px;

background:url(../image/loader.gif) no-repeat 50% 50%;

}

#branding .carousel{

height:345px;

overflow:hidden;

}

#branding .carousel .items{

position:absolute;

top:0;

left:0;

width:9840px;/*MAX10*/

}

#branding .item{

width:980px;

border-left:2px solid #fff;

border-right:2px solid #fff;

height:345px;

overflow:hidden;

}

#branding .carousel .carousel-control{

display:block;

top:0;

margin-top:0;

background:url(../image/btn_carousel_l.png) no-repeat 100% 0;

width:1002px;

height:345px;

}

#branding .carousel .prev{

left:50%;

margin-left:-1472px;

background-position:100% 0;

}

#branding .carousel .next{

right:50%;

margin-right:-1473px;

background-position:0 0;

}

* html #branding .carousel .prev{

margin-left:-1467px;

}

* html #branding .carousel .next{

margin-right:-1470px;

}





/* #nav

======================================*/

#nav{

position:relative;

z-index:1;

margin:0 0 -10px;

background:url(../image/bg_nav.png) no-repeat 50% 0;

width:100%;

text-align:center;

}

#nav:before,

#nav:after	{content:"";display:table;}

#nav:after	{clear:both;}

#nav		{*zoom:1;}





/* タブ */

#nav .nav{

position:relative;

z-index:1;

background:url(../image/bg_nav.png) no-repeat 50% 0;

height:51px;

}

#nav .nav-tabs{

margin:0 0 0 -490px;

position:absolute;

top:0;

left:50%;

width:981px;

text-align:left;

}





/* オーバーメニュー */

#nav .over-menu{

top:43px;

left:0;

box-shadow:0 0 22px 0 #999;

border-radius:0 0 5px 5px;

border-top:solid 3px #8c0000;

background:#fff url(../image/bg_over.png) repeat-y 0 0;

}

#nav .over-menu .heading{

position:absolute;

top:-41px;

margin:0;

}

#nav .over-menu .menu{

float:left;

margin:0;

padding:18px 1px 18px 18px;

width:206px;

}

#nav .over-menu .menu .heading{

position:static;

margin:0 0 10px;

border:none;

width:auto !important;

font-size:0;

}

#nav .over-menu .menu ul{

margin:0;

}

#nav .over-menu .menu li{

float:none;

background:url(../image/ico_arrow.png) no-repeat 0 50%;

padding-left:15px;

line-height:2;

}

/*IE6*/

* html #nav .over-menu{

top:46px;

border:solid 1px #cfcfcf;

border-top:none;

}

* html #nav .over-menu .heading{

position:relative;

top:auto;

left:-1px;

margin:-41px 0 0;

border-bottom:solid 3px #8c0000;

}

* html #nav .over-menu .menu{

width:224px;

}



/* バイクライフを楽しむ・バイクについて知る */

#nav #entertainment,

#nav #knowledge{

width:675px;

}

/*IE6*/

* html #nav #entertainment .heading,

* html #nav #knowledge .heading{

width:675px;

}



/* バイクを購入する */

#nav #purchase{

width:450px;

}

/*IE6*/

* html #nav #purchase .heading{

width:450px;

}



/* アフターサービス */

#nav #afterService{

width:450px;

}

/*IE6*/

* html #nav #afterService .heading{

width:450px;

}



/* タブ切替コンテンツ */

#nav .tab-panel{

margin-top:-51px;

background:#efefef;

padding:51px 0 1px;

}

#nav .tab-panel .inner{

margin:0 auto;

width:980px;

text-align:left;

}

#nav .module{

position:relative;

margin:20px 0;

}

#nav .module .heading{

margin:0;

border-bottom:solid 1px #ccc;

padding:3px 15px 10px;

}

#nav .module .more{

position:absolute;

top:0;

right:0;

margin:0;

}

#nav .module .rss{

margin-left:20px;

}

#nav .module .rss img{

vertical-align:middle;

}

#nav .article{

margin:0;

}

#nav .article li{

border-top:dotted 1px #ccc;

padding:8px 15px;

}

#nav .article .date{

position:absolute;

left:15px;

}

#nav .article .link{

margin-left:7em;

}







/* #recommend

======================================*/

#recommend .carousel-inner{

width:972px;

overflow:hidden;

}

#recommend .carousel .carousel-control{

top:37px;

}

#recommend .carousel .items{

width:2916px;/*MAX12*/

margin-left:15px;

}

#recommend .item{

display:inline;

/*margin-left:15px;

margin-right:8px;*/

margin-right:23px;

width:220px;

}







/* #lineup

======================================*/

#lineup{

border-bottom:solid 1px #e1e1e1;

background:#e1e1e1 url(../image/bg_lineup.png) no-repeat 50% 100%;

width:100%;

height:718px;

text-align:center;

}



#lineup .more{

margin:0 auto;

border-top:solid 1px #ccc;

padding:8px 15px;

width:950px;

text-align:right;

letter-spacing:20px;

}

/*IE6*/

* html #lineup .more{

width:980px;

}





/* 最近チェックした車種・最新車種・人気車種 */

#lineup .tabbable{

background:#fff;

}

#lineup .nav-tabs{

margin:0 auto 20px;

background:#efefef url(../image/bg_lineup_nav.png) no-repeat 0 0;

padding:8px;

width:964px;

height:34px;

text-align:left;

}

/*IE6*/

* html #lineup .nav-tabs{

margin-right:0;

margin-left:0;

width:980px;

height:50px;

overflow:hidden;

}

#lineup .nav-tabs li{

display:none;

}

#lineup .nav-tabs .active{

margin-bottom:-6px;

}

#lineup .nav-tabs .more{

float:right;

display:block;

margin:-7px;

border:none;

padding:0;

width:auto;

}



#lineup .tab-content{

margin:0 auto;

background:url(../image/loader.gif) no-repeat 50% 50%;

width:980px;

height:160px;

}

#lineup .tab-content .carousel-inner{

margin-left:35px;

width:910px;

text-align:left;

overflow:hidden;

}

#lineup .tab-content .items{

width:2730px;/*MAX15*/

}

#lineup .tab-content .item{

margin-right:12px;

width:170px;

height:135px;

text-align:center;

}

#lineup .tab-content .item .icon{

position:absolute;

top:6px;

left:6px;

}

#lineup .tab-content .item .name{

margin-top:5px;

}

#lineup .tab-content .carousel-indicators{

bottom:-22px;

margin:-3px auto 0;

background:url(../image/bg_lineup_carousel.png) no-repeat 0 100%;

padding:0 0 23px;

width:388px;

}





/* カテゴリから選ぶ */

#lineup #category{

border-top:solid 1px #CCC;

padding-top:16px;

}

#lineup #category .heading{

margin:0 auto 15px;

width:980px;

text-align:left;

}

#lineup #category .buttons{

margin:0 auto 20px;

width:750px;

overflow:hidden;

}

#lineup #category li{

float:left;

margin-right:1px;

}





/* 排気量から選ぶ */

#lineup #displacement{

margin:0 auto;

width:980px;

}

#lineup #displacement .heading{

margin-top:15px;

margin-bottom:15px;

text-align:left;

}

#lineup #displacement .buttons{

margin:0 auto;

width:780px;

overflow:hidden;

}

#lineup #displacement li{

float:left;

display:inline;

margin-right:14px;

margin-left:14px;

}





/* 目的から選ぶ */

#lineup #purpose{

margin:0 auto;

border-bottom:solid 1px #fff;

width:980px;

}

#lineup #purpose .heading{

margin-top:15px;

margin-bottom:15px;

text-align:left;

}

#lineup #purpose .buttons{

margin:0 auto 30px;

width:912px;

overflow:hidden;

}

#lineup #purpose li{

float:left;

display:inline;

margin-right:10px;

margin-left:10px;

}







/* #campaign

======================================*/

#campaign .carousel-inner{

width:972px;

overflow:hidden;

}

#campaign .carousel .items{

width:2916px;/*MAX12*/

margin-left:15px;

}

#campaign .item{

display:inline;

border-radius:3px;

border:solid 1px #ccc;

border-bottom-width:3px;

/*margin-left:15px;

margin-right:8px;*/

margin-right:23px;

width:218px;

overflow:hidden;

}

#campaign .item a{

padding-bottom:30px;

}

#campaign .item .sub,

#campaign .item .name{

margin-left:14px;

margin-right:14px;

}

#campaign .item .limit{

position:absolute;

bottom:0;

right:0;

display:block;

border-top:solid 1px #E8E8E8;

background:#F3F3F3;

padding-left:14px;

padding-right:14px;

width:190px;

height:23px;

line-height:23px;

text-align:right;

color:#c00;

}

#campaign .item .date{

font-family:"Trajan Pro","ヒラギノ明朝 Pro","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;

}

#campaign .item .date em{

font-style:normal;

font-size:1.333em;

}

* html #campaign .item,

* html #campaign .item .limit{

width:220px;

}/*IE6*/



/* 2個の時 */

#campaign .span2{

width:461px;

}

#campaign .span2 .limit{

width:433px;

}

* html #campaign .span2,

* html #campaign .span2 .limit{

width:463px;

}/*IE6*/



/* 1個の時 */

#campaign .span4{

padding-bottom:0;

width:947px;

height:90px !important;

}

#campaign .span4 .image{

float:left;

position:relative;

z-index:1;

margin-right:15px;

}

#campaign .span4 .sub{

margin-top:0;

padding-top:5px;

}

#campaign .span4 .limit{

width:919px;

}

* html #campaign .span4,

* html #campaign .span4 .limit{

width:949px;

}/*IE6*/







/* #voice

======================================*/

#voice .inner{

position:relative;

}

#voice .inner .heading{

}

#voice .btn{

position:absolute;

top:92px;

left:372px;

margin:0;

}

#voice .best-shot{

position:absolute;

top:19px;

left:663px;

background:#3e4851;

width:280px;

height:140px;

color:#fff;

overflow:hidden;

}

#voice .presentation{

border-collapse:collapse;

width:280px;

height:140px;

font-size:1em;

color:#fff;

}

#voice .best-shot td{

width:50%;

vertical-align:middle;

text-align:center;

}

#voice .best-shot .thumbnail{

border-right:solid 1px #121618;

background:url(../image/bg_voice.png) no-repeat 0 0;

}

#voice .best-shot span{

font-weight:bold;

font-size:1.333em;

}

#voice .best-shot .title{

font-weight:bold;

font-size:1.167em;

}

#voice .best-shot .name{

font-size:1em;

}







/* #environment

======================================*/

#environment{

width:287px;

margin-bottom:12px;

}







/* .facebook

======================================*/

.facebook iframe{

border:none;

width:663px;

height:390px;

overflow:hidden;

}


._4s7c{
padding-bottom:2px;
}




/* #relatedInformation

======================================*/

#relatedInformation{

margin-top:0;

margin-bottom:10px;

width:750px;
float:right;

}

#relatedInformation .heading{

margin-bottom:5px;

}

#relatedInformation .banners{

background:#ebebeb;

padding:15px;

}


#infobox{
	width:980px;
	margin:0 auto;
}
.dammybnbg{
	background-color:#ebebeb;
}
#hondatvbox{
	width:180px;
	float:left;
	margin-left:15px;
}
#hondatvbox h2{
	margin-top:8px;
	margin-bottom:0;
	padding:0 0 8px 0;
	border-bottom:1px dotted #333;
	text-align:left;
}
#hondatvbox p{
	font-size:12px;
	line-height:1.4;
	padding:7px 0;
	margin:0;
	text-align:left;
}
#hondatvbox a.tvlink{
	font-size:11px !important;
	text-align:left;
}