@charset "utf-8";
/*----------------------------------------
	global menu
----------------------------------------*/
#globalHeader {
	border-bottom:2px solid #0066CC;
	padding-top: 10px;
	height: 38px;
}
#globalHeader .secLine {
	border-left:1px solid #E0E0E0;
	padding-left: 10px;
	margin-left: 10px;
}

#suzukiLogo,#globalMenu li{float: left;}

#suzukiLogo{width: 146px;}

#globalMenu {
	float: right;
	width: auto;
}

#globalMenu li {display: inline;}

#globalMenu li a {
	font-size: 0.8em;
	line-height: 30px;
	margin-left: 7px;
	text-decoration: none;
	white-space: nowrap;
}

#globalMenu li a:hover {text-decoration: underline;}

#globalMenu .secLine a {margin-left: 0px;}

/*----------------------------------------
	google search
----------------------------------------*/
#searchArea {
	float: right;
	width: 250px;
	margin:0;
	position:relative;
	height: 30px;
}

#searchArea .gsc-control-cse, #searchArea .gsc-control-cse-ja, #searchArea .gsib_a {
	margin:0 !important;
	padding:0 !important;
}

#searchArea table.gsc-search-box {
	padding:0 !important;
	line-height: 0;
	margin-top: 1px;
}

/* テキスト入力フォームとボタンの位置 */
#searchArea table.gsc-search-box td, #gsearchAreasc table.gsc-search-box input {
	vertical-align: top !important;
	padding:0 !important;
}

/* テキスト入力フォーム */
#searchArea input[type="text"] {
	height: 13px !important;
	padding: 5px !important;
	margin-top: 0px !important;
	border: 1px solid #E0E0E0 !important;
	font-size: 0.8em;
}

#searchArea input[type="text"]:focus {outline: 0;  /*safariの自動フォーカスを切る */}

/* テキスト入力フォームの影を消す */
#searchArea #gsc-iw-id1 {border:none !important;}

/* テキスト入力フォームの背景画像位置調整 */
#searchArea #gs_tti0 input {background-image: none !important;}

/* ボタンの色 */
#searchArea input.gsc-input, .gsc-input-box, #searchArea .gsc-input-box-hover, #searchArea .gsc-input-box-focus {
	border-color: #D9D9D9;
}

#searchArea input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	border: none;
	background-color: #CCCCCC;
	background-image: none;
	filter: none;
}

/* ボタンの位置調整と角丸消し */
#searchArea .gsc-search-button {
	margin-top:0 !important;
	border-radius:0;
}

/* 入力時に出る「×」ボタンの位置調整 */
#searchArea .gsib_b a {display :none;}

/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#searchArea .gsib_b span {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:0;
}

/*----------------------------------------
	 main menu
----------------------------------------*/
#top #mainMenu {
	background:url(../img/bg_gnav.jpg) repeat-x;
	clear: both;
	height:68px;
	line-height:0px;
}

#mainMenu {
	background:url(../img/bg_gnav.gif) repeat-x;
	height:30px;
}

#mainMenu .contents{
	margin-right:auto;
	margin-left:auto;
}

#mainMenu li{float:left;}

/*----------------------------------------

	mainimage slide

----------------------------------------*/
#mainimage {
	position: relative;
	width: 100%;
	height: 392px;
	overflow: hidden;
	padding-bottom:50px;
	background-color: #FFF;
}

#top #mainimage #mainimage_loading {
	position: absolute;
	background-color: #F4F3F1;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 392px;
	top: 0;
	left: 0;
	z-index: 10;
}

#mainimage ul li {
	display: block;
	float: left;
	background-color: #FFFFFF;
}

#images {
	width: 100%;
	height: 392px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#images ul {
	overflow: visible;
}

#images li {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

#slideControls {
	width: 100%;
	height: 50px;
	position: absolute;
	left:0;
	bottom:0;
	background-image: url(../img/wrap_topbtn.gif) ;
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 15;
}

#thumbs {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	opacity: 0;
	clear:both;
	filter: alpha(opacity=0);
	height: 50px;
}

#thumbs ul {
	top: 0;
	left: 0;
	position: absolute;
}

#thumbs li {
	width: 188px;
	height: 38px;
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#thumbs #selected {
	position: absolute;
	left: 50%;
	top: -6px;
	margin-left: -94px;
	height: 50px;
}

#slide_prev {
	width: 62px;
	height: 62px;
	display: block;
	position: absolute;
	top: -240px;
	background-color: transparent;
	background-image: url(../img/ico_back.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	left: -30px;
	z-index: 5;
}

#slide_next {
	width: 62px;
	height: 62px;
	display: block;
	background-color: transparent;
	background-image: url(../img/ico_next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: -240px;
	right: -30px;
	z-index: 5;
}

#slide_prev:hover {background-image: url(../img/ico_back_on.png);}

#slide_next:hover {background-image: url(../img/ico_next_on.png);}

#stage{overflow:hidden;}

/*----------------------------------------
	pankuzu
----------------------------------------*/
#pankuzu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	clear: both;
	font-size: 0.8em;
}

#pankuzu .contents{margin:15px auto 10px auto;}

/*----------------------------------------
	content
----------------------------------------*/
#top #contentWrapper{
	background:url(../img/bg_gra.jpg) repeat-x;!important
}

@-moz-document url-prefix() {
	Selector {
		margin-top: -5px;
	}
}

/*----------------------------------------
	content article
----------------------------------------*/
#top section{
	margin-bottom:30px;
	overflow:hidden;
}

#top article{float:right;}

#top article,#top article .Box{
	width:680px;
	line-height:1.5em;
}

article .titWrap{
	width:680px;
	margin-bottom:15px;
	position:relative!important;
}

#top h2,#license h2,#lineup h2{
	border-top:4px solid #333333;
	padding:5px 0px;
	border-bottom:1px solid #E2E2E2;
}

#top .titWrap,#license .titWrap,#lineup .titWrap{border-bottom:3px solid #F9F9F8;}

h2{
	border-top:4px solid #333333;
	padding:5px 0px;
	border-bottom:3px solid #F9F9F8;
}

.titWrap,#top article h2,#top article .Box dl,#top article .Box{clear:both;}

#top article .Box dl dt,#top article .Box dl dd{float:left;}

#top article .Box{
	margin-bottom:10px;
	overflow:hidden;
}

#top article .Box dl dt{width:200px;}

#top article .Box dl dd{width:480px;}

#top article .Box dl dl dd{
	padding:10px 30px 5px 0px;
	width:440px;
}

#top article .Box dl dl dt{
	border-bottom:1px solid #E2E2E2;
	width:450px;
	padding-bottom:10px;
}

#top article .Box dl dl{margin-left:10px;}

#top article #news,#top article .titWrap .btn_Right{
	position:absolute;
	top:13px;
}

#top article .titWrap .btn_Right{right:0px;}

#top article #news{right:65px;}

#top article #hotNews,#top article #Campaign,#top article #Event{overflow: auto;}

#top article #hotNews{
	width: 680px;
	height: 500px;
	max-height:500px;
}

#top article #Event{
	width: 680px;
	height: 370px;
	max-height:370px;
}


#top article #Campaign{
	width: 680px;
	height: 130px;/*1-130--2-260--3-370--def500*/
	max-height:130px;/*1-130--2-260--3-370--def500*/
}


/*----------------------------------------
	content aside
----------------------------------------*/
#top aside,#top aside ul#linrUp li dt,#top aside ul#linrUp li dd{float:left;}

/*
#top aside ul#linrUp li img{padding:10px 0px 0px 9px;}
*/

#top aside ul#linrUp li{
/*
	background:url(../img/bg_lineup.jpg) repeat-x;
*/
	height:41px;
	width:260px;
/*
	border-bottom:1px solid #CCC;
*/
	overflow:hidden;
}
#top aside ul#linrUp {
	border: 0;
	padding: 0;
}
#top aside ul#linrUp li.Last {
	border-bottom:0;
}

#top aside{
	width:260px;
	line-height:0px;}

#top aside ul{
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px 10px 0px 10px;
}

#top aside section .none,#top aside ul#linrUp{padding:0px;}

#top aside ul li img{ margin-bottom:10px;}

#top aside ul li{clear:both;}

	
#top aside ul.noneLine{
	border-bottom:0px;
/*
	margin-bottom:-5px;
*/
}

#top aside section .none{border:0px;}
#top aside section .none img{margin-left:0px;}

#top h3{
	background-image:none;
	padding-left:0px;
	margin:0px;}

/*----------------------------------------
	footer
----------------------------------------*/
footer {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	line-height:1.5em;
	clear:both;
	position: relative;
}

/*----------------------------------------
	footer-top area / sns & pagetop
----------------------------------------*/
footer #snsBtn {
	position: relative;
	bottom: -40px;
}
#product #snsBtn .addthis_button_favorites {
	color: #ffffff;
}
#footerT {
	background-color: #333;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #06C;
	width:100%;
	overflow: hidden;
}
#footerT .contents {
/*
	padding-top: 15px;
*/
	width:980px;
/*
	position: relative;
*/
	height: 50px;
}

#footerT .contents .sns{width:980px;}

/*#footerT .sns {
	float: left;
	margin-right: 10px;
}*/

#footerT .sns ol li{
	float: left;
	margin-right: 10px;
}
/*#footerT .fb {
	float: left;
	width: 58px;
}*/

#footerT .pageTop {
	float: right;
	height: 50px;
/*
	position: absolute;
*/
	position: relative;
	width: 50px;
/*
	top: 0px;
	right: 10px;
*/
	z-index: 9999;
}

/*----------------------------------------
	footer-middle area
----------------------------------------*/
#footerM {
	background-color: #F4F3F1;
	padding-bottom: 20px;
	width:100%;
}

#footerM .title {
	border-bottom:1px solid #CCCCCC;
	font-weight: bold;
	padding-bottom: 3px;
}

#footerM .None{border-bottom:0px;}

#footerM li span{
	font-size:8px;
	margin-right:-0.5em;}

#footerM .footerMbox{float: left;}

#footerM .footerMbox {
	width: 224px;
	margin-right: 28px;
	padding-top: 25px;
}

#footerM .lastRight{margin-right: 0px;}

#footerM .footerMbox ul {
	margin-top: 10px;
	margin-bottom: 20px;
}

#footerM .footerMbox li {
	margin-left: 1px;
	line-height: 1.3em;
}

#footerM .footerMbox li a {padding-left: 7px;}

#footerM .footerMbox li a,#footerM .footerMbox2 .left,#footerM .footerMbox2 .right {font-size: 0.8em;}

#footerM #footerBnr,#smpBtn {clear: both;}

#footerM #footerBnr {padding-top: 10px;}

#footerM #footerBnr li {
	display: inline;
}

#footerM #footerBnr a {
	display: inline;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

#footerM #footerBnr .Last a{margin-right:0px;}

#smpBtn {
	margin-top: 20px;
	display: none;
}

/*----------------------------------------
	footer-bottom area
----------------------------------------*/
#footerB {
	font-size: 0.8em;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F4F3F1;
}

#footerB .contents {
	padding: 10px;
	width: 980px;
}

#footerB .left {width: 450px;}

#footerB .right {width: auto;}

#footerB li {
	display: inline;
	float: left;
}

#footerB li a {
	margin-left: 10px;
	white-space: nowrap;
}

/*----------------------------------------
	下層 header
----------------------------------------*/
header{overflow:hidden;}

#mainContents {
	clear: both;
	margin-top: -7px; /* シャドー分を上にずらす */
	border-top: 1px solid #ffffff; /* jsの制御になぜか必要 */
}

#mainContents .contents {
	position: relative;
	min-height: 300px;
	height: auto !important;  
    height: 300px;
	padding-top:40px;
}

/*----------------------------------------
	下層footer
----------------------------------------*/
#conversionMenu{
	background:url(../img/bg_footer_gra.jpg) repeat-x;
	width:100%;
	overflow: hidden;
	padding:20px 0px 40px 0px;
}

#conversionMenu ul{
	width:980px;
	margin:30px auto 0px auto;
}

#conversionMenu li{float:left;}

/*----------------------------------------
	lineup ・　license
----------------------------------------*/
.titWrap h2{
	font-size:20px;
	font-weight:bold;
	padding-top:10px;
}

#license section,#lineup section,#mainContents .txtBox{overflow:hidden;!important}

#lineup section,#license section{padding-bottom:40px;!important}

#lineup #mainContents .txtBox,#license #mainContents .txtBox{
	width:980px;
	margin:20px 0px 10px 0px;}

#lineup #mainContents .txtBox img,.lineup,#license #mainContents .txtBox img{float: left;}

#lineup #mainContents .txtBox img,#license #mainContents .txtBox img{ margin-right:10px;}

#lineup #mainContents .txtBox{clear:both;!important}

.txtBox01{
	padding:15px;
	border:1px solid #CCCCCC;
}

#mainContents .titWrap01{
	background:url(../img/bg_tit.jpg) repeat-x;
	height:66px;
	width:100%;
}

#mainContents .titWrap01 h1{
	margin:0 auto;;
	width:980px;
	padding-top:20px;
	font-weight:bold;
	font-size:20px;
}

/*----------------------------------------
	trim
----------------------------------------*/
#mainContents .Category_Wrap{
	background:url(../img/bg_Category.jpg) left bottom repeat-x;
	width:100%;
	height:auto;
	background-color:#F6F6F6;
	margin-top:-60px;
	overflow:hidden;
}

#mainContents .Category{
	background:url(../img/bg_Category_top.jpg) 0 0 repeat-x;
	line-height:1.8;
	padding:10px 0px;
	overflow:hidden;
}

#mainContents .Category ul{
	width:980px;
	margin:0 auto;
}

#mainContents .Category ul li{white-space: nowrap;}	

#mainContents .Category ul li a{
	background: url(../img/ico_point_bla_s.gif) no-repeat left center;
	padding-left:15px;
	margin-right:15px;
}

.Boxtipe_01,.Boxtipe_02,.Boxtipe_03,.Boxtipe_04{
	padding-bottom:35px;
	clear:both;
	overflow:hidden;
}

.Boxtipe_01 p,.Boxtipe_02 p,.Boxtipe_03 p,.Boxtipe_04 p{font-size:14px;}

.Boxtipe_01 p,.Boxtipe_02 p,.Boxtipe_03 p,.Boxtipe_04 p,.Boxtipe_04 img,h3{margin-bottom:20px;}

h3{
	font-size:18px;
	background:url(../img/ico_point_bla_l.gif) no-repeat left 4px!important;
	padding-left:25px;
	margin-top:20px;
}

.Boxtipe_01,.Boxtipe_02,.Boxtipe_03,.Boxtipe_04{
	border-top:1px solid #E2E2E2;
	margin-top:-4px;}

#mainContents .Category ul li,.Boxtipe_02 dt,.Boxtipe_03 dt,.Boxtipe_02 dd p{ float:left;}

.Boxtipe_02 dd p,Boxtipe_03 dd img,.Boxtipe_03 dd{float: right;}

.Boxtipe_02 dt img,.Boxtipe_02 dd p,.Boxtipe_03 dt p,.Boxtipe_03 dd img,.Boxtipe_03 dd{ width:482px;}

/*----------------------------------------
	parts
----------------------------------------*/
.partsBox{
/*
	width:233px;
	margin:40px 16px 40px 0px;
*/
	width:205px;
	margin:40px 53px 40px 0px;
}

#parts #mainContents .contents{padding-top:0px;}

.partsBox{float:left;}

.partsBox .heightLine-group5 p,.partsBox .heightLine-group2 p,.Price{
	font-size:14px;
	font-weight:bold;
}

.partsBox p,.partsBox dt,.partsBox dd{margin:5px 0px ;}

#parts .Last{margin-right:0px;}

.partsBox dd span img{ margin:0px 5px -5px 5px;}

.txtBox02{
	border:1px solid #FF0000;
	width:980px;
	margin-top: 50px;
}

.txtBox02,.txtBox03{clear:both;}

.txtBox02 p{
	color:#FF0000;
	padding:10px;
	text-align:center;
}

#parts section{
	border-bottom:1px solid #E2E2E2;
	overflow:hidden;
}

#parts .contents ol{
	width:264px;
	margin:40px auto;
}

/*----------------------------------------
	specification
----------------------------------------*/
.btnBox li,.btnBox01 li{
/*
	width:488px;
*/
/* 2014.9.28
*	height:33px;
*/
	height:48px;
	text-align:center;
	border:1px solid #CCCCCC;
	font-size:15px;
/* 2014.9.28
*	padding-top:15px;
*/
}

.btnBox01 li {
	width:488px;
}

/*
.btnBox_col2 li{
	width:488px;
}

.btnBox_col3 li{
	width:324px;
}
*/

.btnBox01{
	width:980px;
	margin:40px auto 0px auto;
	overflow:hidden;
}

.btnBox li a,.btnBox01 li a{
	display: block;
	padding-top: 15px;
	height: 33px;
/*
	height: 100%;
*/
	text-decoration: none;
}

.btnBox .btn_01,.btnBox li:hover{background:url(../img/bg_btn01.jpg) repeat-x;}

.btnBox01 .btn_03,.btnBox01 li:hover{
	background:url(../img/bg_btn03.jpg) repeat-x;
	border-top:none;
/* 2014.9.28
*	height:34px;
*/
	height:49px;
}
.btnBox01 .btn_03 a,
.btnBox01 li:hover a{
	padding-top: 16px;
}

.btnBox li,.btnBox01 li{background:url(../img/bg_btn02.jpg) repeat-x;}

h2 span {font-size:13px}

.btnBox,.btnBox ul{background-color:#F6F6F6;}
		
#specification #mainContents .contents,#specification #mainContents .contents .titWrap,.btnBox,.btnBox ul,
#specification #mainContents table,#mainContents .tipe1,#mainContents .tipe2,#mainContents .tipe3{overflow: hidden;}

#stage #mainContents .contents{height:auto;}
	
.btnBox ul{
	margin:0 auto;
	padding-bottom:20px;
}

.btnBox ul{width:980px; margin-top:20px;}

#specification #mainContents table,#specification #mainContents table tr{width:978px;!important}

.btnBox ul,#specification #mainContents table{margin-top:20px;}

.btnBox,#specification #mainContents table th,#specification #mainContents table td{
	border:1px solid #CCCCCC;
	padding:5px;
}

#specification #mainContents table td,#specification #mainContents table th{ width:489px;}

#specification #mainContents table th.widTh{width:200px;}

#specification #mainContents .contents .titWrap{padding-top:30px;}

#specification #mainContents table th{background-color:#E0DFDC;}

#specification #mainContents table,#mainContents .tipe1,#mainContents .tipe2,#mainContents .tipe3{margin-bottom:30px;}

#mainContents dl.tipe2 dt dl dt,#mainContents dl.tipe2 dt dl dd,#mainContents dl.tipe2 dd dl dt,#mainContents dl.tipe2 dd dl dd,
#mainContents dl.tipe3 dt,#mainContents dl.tipe3 dd,#mainContents ul li,.btnBox li img{float:left;}

#mainContents dl.tipe2 dt dl dd,#mainContents dl.tipe3 dd p{font-weight:bold;}

#mainContents dl.tipe2 dt img{margin-right:5px;}

#mainContents dl.tipe2 dd dl dt{width:15px;}

#mainContents dl.tipe2 dd dl,#mainContents .tipe2,#mainContents .tipe3{clear:both;}

#mainContents dl.tipe3 dt{width:100px;}

/*----------------------------------------
	price
----------------------------------------*/

#price #mainContents dl dt,#price #mainContents dl dd{ float:left;}

#detailBox .colorChip,.txtBox{clear:both;}

#price #mainContents dl dt{
	color:#E10000;
	font-size:24px;
	font-weight:bold;
}

#price #mainContents h3 span,#price #mainContents dl dd{font-size:14px;}

.gradeBox {
	width: 980px;
	clear:both;
	text-align: center;
	position: relative;
	overflow:hidden;
}

#detailBox .bodyImg {
	margin-top:30px;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
}

#detailBox .bodyImg,#detailBox .bodyImg li img{
	width:540px;
	height: 324px;
}

#detailBox .bodyImg li {
	cursor: pointer;
	display:none;
}
#detailBox .next, #detailBox .prev {
	position:absolute;
	top: 150px;
	width:62px;
	height:62px;
	overflow:hidden;
	display:block;
	z-index:10;
	padding-top: 60px;
}
#detailBox .prev {
	background: url(../img/ico_back.png)  no-repeat;
	left:100px;
}
#detailBox .next {
	background: url(../img/ico_next.png)  no-repeat;
	right:100px;
}

#detailBox .prev:hover {background: url(../img/ico_back.png)  no-repeat;}
#detailBox .next:hover {background: url(../img/ico_next.png)  no-repeat;}
#detailBox .bodyColorName {
	text-align: center;
	width: 980px;
	padding-top: 11px;
	display: block;
}
#detailBox .colorChip {
	padding-bottom: 2px;
	background-color: #333333;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#detailBox .colorChip ul {
	margin-left: 2px;
}
#detailBox .colorChip li {
	display: block;
	position: relative;
	float: left;
	height: 20px;
	margin-right: 2px;
	margin-top: 2px;
}

#detailBox .colorChip li a {display: block;}

#detailBox .colorChip li .colorChip_on {
	position: absolute;
	height: 20px;
	left: 0px;
	top: 0px;
	display: block;
}

#detailBox .colorChip.size1 {
	width: 44px;
}
#detailBox .colorChip.size2 {
	width: 86px;
}
#detailBox .colorChip.size3 {
	width: 128px;
}
#detailBox .colorChip.size4 {
	width: 170px;
}
#detailBox .colorChip.size5 {
	width: 212px;
}
#detailBox .colorChip.size6 {
	width: 254px;
}
#detailBox .colorChip.size7 {
	width: 296px;
}
#detailBox .colorChip.size8 {
	width: 338px;
}
#detailBox .colorChip.size9 {
	width: 380px;
}
#detailBox .colorChip.size10 {
	width: 422px;
}
#detailBox .colorChip.size11 {
	width: 464px;
}
#detailBox .colorChip.size12 {
	width: 506px;
}

#detailType ul {padding-top: 0;}
#detailType li {
	display: inline;
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
}
#detailType p {padding-bottom: 10px;}
#detailType li:nth-of-type(6) {margin-right: 0;}
#detailColor th {
	background-color: #E0DFDC;
	text-align: center;
}
#detailColor td {
	text-align: center;
	padding: 10px;
}
#detailColor p {padding-top: 10px;}

#detailColor ul {padding-top: 0px;}

#detailColor li {
	text-indent: -50px;
	padding-left: 50px;
	line-height: 1.3em;
	padding-top: 10px;
}

#detailColor li:first-child {padding-top: 0px;}

#detailColor .color {
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#detailColor .color img {
	margin-right: 10px;
	vertical-align: middle;
}

#price .txtBox{
	border:1px solid #CCC;
	padding:10px;
	margin:50px 0px;
	overflow:hidden;
}

section{overflow:hidden;}

#price h3{background-position:-20px 0px;}

#price dl dd{margin-top:10px;}

/*----------------------------------------
	product
----------------------------------------*/

#product #mainimage .images{
	margin:0px auto;
	width:980px;
}

#product #mainimage{
	padding:0px;
	height:343px;
	border-bottom:24px solid #333333;
}

/*----------------------------------------
	product内　banner slide
----------------------------------------*/
#bannerSlide {
	width: 980px;
	height: 140px;
	position: relative;
}
/*#bannerSlide_loading {
	position: absolute;
	background-color: #F4F3F1;
	background-image: url(/car/commons/img/loading1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 140px;
	top: 0;
	left: 0;
	z-index: 10;
}*/
#bannerSlide .images {
	width: 978px;
	margin:0px auto;
	height: 115px;
	border: 1px solid #CCC;
	background-color: #F6F6F6;
	opacity: 0;
}

#bannerSlide .images ul {
	padding-top: 0;
	margin-top: 19px;
	margin-bottom: 19px;
}

#bannerSlide .images li {
	display: block;
	float: left;
	width: 300px;
	height: 80px;
	margin-left: 6px;
	margin-right: 6px;
}

#bannerSlide .cloneBox {
	width: 978px;
	height: 113px;
	border: 1px solid #CCC;
	background-color: #F6F6F6;
	z-index: 90;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#bannerSlide .cloneBox ul {
	padding-top: 19px;
}

#bannerSlide .cloneBox li {
	display: block;
	float: left;
	width: 300px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 12px;
}

#bannerSlide #ocBtn {
	position: absolute;
	right: 28px;
	top: -11px;
	width: 100px;
	z-index: 99;
	cursor: pointer;
	display: none;
}

#bannerSlide #bnr_slide_prev {
	width:26px;
	height:113px;
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	background-image: url(../img/bnr_slide_prev.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 5;
}

#bannerSlide #bnr_slide_next {
	width:26px;
	height:113px;
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
	background-image: url(../img/bnr_slide_next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 5;
}

#bannerSlide #bnr_slide_prev:hover {background: url(../img/bnr_slide_prev_on.png) no-repeat;}

#bannerSlide #bnr_slide_next:hover {background: url(../img/bnr_slide_next_on.png) no-repeat;}

/*#bannerSlide #bannerPagination {
	text-align: center;
	background: #FFF;
	width: 980px;
	height: 24px;
	padding-top: 3px;
}
#bannerSlide #bannerPagination a {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	display: inline-block;
	background-image: url(/car/commons/img/catalog/top/slide_control2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bannerSlide #bannerPagination a.selected {
	cursor: pointer;
	background-image: url(/car/commons/img/catalog/top/slide_control_on.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bannerSlide #bannerPagination a span {
	display: none;
}*/





/* ***** append ***** */

#lineup #loadingImgArea {
	padding: 100px;
	text-align: center;
	background-color: #f4f3f1;
}
#license #loadingImgArea {
	padding: 120px;
	text-align: center;
	background-color: #f4f3f1;
}

#specification .tipe3 dt,
#specification .tipe3 dd {
	float: left;
}
#specification .tipe3 dd {
	width: 880px;
}

#globalNavi ul {
	clear:both;
	position: absolute;
	z-index: 1000;
	margin-top: -4px;
	width: 161px;
	display: block;
	visibility: hidden;
	display: none;
}

#globalNavi ul li {
	clear: both;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}
#globalNavi ul li.last {
	clear: both;
	border-bottom: 1px solid #c0c0c0;
}

#globalNavi ul li a {
	display:block;
/* width: 161px */
	width: 136px;
	padding: 5px 5px 5px 20px;
	background-color: #ffffff;
	background-image: url(../img/ico_point.png);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	font-size: 12px;
}
#globalNavi ul li.multi a {
	background-position: 5px 18px;
}
#globalNavi ul li a:hover {
	text-decoration: none;
	background-color: #cccccc;
}

#footerM .contents #btn_smartphone_area {
	padding-top: 20px;
}

#followMenu{
	position: relative;
	width: 100%;
	z-index: 999;
}

#followMenu li {
	display: inline;
}

#followMenu li a {
	float: left;
	line-height: 1;
}

#followMenu #followMenuSub1bg {
	background-color: #0063CF;
	border-bottom: 1px solid #ffffff;
}
#followMenu #followMenuSub1{
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
}
#followMenu #followMenuSub1 h1 {
	float:left;
	width:350px;
	color:#FFF;
	line-height: 44px;
	font-size:20px;
}

#lineup  #followMenu #followMenuSub1 h1,
#license #followMenu #followMenuSub1 h1 {
	line-height: 0;
}

#product       #followMenu #followMenuSub1 h1,
#trim          #followMenu #followMenuSub1 h1,
#price         #followMenu #followMenuSub1 h1,
#specification #followMenu #followMenuSub1 h1,
#parts         #followMenu #followMenuSub1 h1 {
	line-height: 44px;
}

#followMenu #followMenuSub1 #headConversion {
	float: right;
	margin-top: 8px;
}

#followMenu #followMenuSub2bg {
	background-color: #0063CF;
}
#followMenu #followMenuSub2{
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
}
#followMenu #followMenuSub2 ul li a{
	line-height: 0;
}

#followMenu #followMenuSub3bg {
	background: #f6f6f6 url(../img/bg_freemenu.jpg) repeat-x top;
}
#followMenu #followMenuSub3{
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
}

#followMenu #followMenuSub3 ul {
	margin: 8px 0;
}
#followMenu #followMenuSub3 ul li{
	padding: 0 15px;
	background: url(../img/ico_point_bla_s.gif) no-repeat left 8px;
	float:left;
}
#followMenu #followMenuSub3 ul li a{
	line-height: 1.8;
}

#followMenu #followMenuSub4bg {
	background-color: #0046B1;
}
#followMenu #followMenuSub4{
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
}

#followMenu #followMenuSub4 ul {
	margin: 7px 0;
}
#followMenu #followMenuSub4 ul li a {
	color: #FFF;
	line-height: 1.5;
	padding: 4px 25px 4px 15px;
	background: url(../img/ico_link.gif) no-repeat left 10px;
}

#followMenu #followMenuSub4 a:hover {text-decoration: none;}



#followMenu #bottom {
	background: url(../img/bg_followmenu_bottom.png) repeat-x top left;
	height: 7px;
}

.noTitle {
	border-top: 0 !important;
}






#top nav{
	padding:30px 0px;
}

#top nav a {
	display: block;
	cursor: pointer;
	text-decoration: none;
}
#top nav a:hover {
	color:#E70000;
}

#top nav .navLinkInner {
	border-bottom:1px dotted #CCC;
	width:176px;
	margin-left:10px;
	padding: 10px 0px 8px 0px;
	line-height: 10px;
	font-size:10px;
	vertical-align: top;
}
#top nav .navLinkInner img {
	padding-right: 6px;
}

#top nav dd.none .navLinkInner {
	border-bottom:0px;
}

#top nav dl{
	padding: 0;
	float: left;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-bottom:-5px;
	line-height:0px;
}
#top nav dd li {
	float:left;
}

#top nav dl.Last {
	width:194px;
	border-right:1px solid #CCC;
}

#top nav dt,
#top nav dd {
	clear:both;
}

#top article #hotNews a,
#top article #Campaign a,
#top article #Event a{
	display: block;
	cursor: pointer;
	text-decoration: none;
}

#top aside #lineupArea {
	position: relative;
}
#top aside #topLineupBottom {
	position: absolute;
	bottom: 0;
}

#top aside #osusume {
	padding-right: 9px;
	padding-left: 9px;
}




.lineup {
	display: block;
	width: 233px;
	position: relative;
	margin: 9px 15px 6px 0;
	cursor: pointer;
}
.lineup:hover {
	text-decoration: none;
}
.lineup.Last {
	margin-right: 0;
}

.lineup .topImg {
	position: absolute;
	top: 0;
	left: -1px;
}
.lineup .bottomImg {
	position: absolute;
	bottom: 0;
	left: -1px;
}

.lineup .lineupInfo{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	position: relative;
	text-align: center;
}

.lineup .lineupInfo .area1 {
	border-bottom:1px solid #CCC;
	font-weight:bold;
	/*font-size:13px;*/
}

.lineup .lineupInfo .area1 .lineupimg {
	display: block;
	margin:5px auto;
	background: #FFF;
}

.lineup .lineupInfo .area1 div{margin-bottom:5px;}

.lineup .lineupInfo .area2 {
	border-top:1px solid #FFF;
	background-color:#F4F3F1;
	text-align:left;
	padding:10px;
}

.lineup .lineupInfo .area2 span{margin-left:1em;}

.lineup .newMark{
	position: absolute;
	top: 0;
	left: 0px;
	width: 46px;
	z-index: 10;
}

#lineup #lineuparea,
#license #lineuparea {
	display: none;
	position: absolute;
	top: -99999px;
}