@charset "utf-8";

/* 
最終更新日
2011-11-04

作業者
田渕

*/

/* ===================================================================
 style info : 基本レイアウト（ヘッダーやフッターなどサイト内共通）
=================================================================== */

/*.mainContent a:hover img,*/

.specCompTable a:hover img,
#commonSet a:hover img,
footer a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}


#commonSet a:hover img,
.ease li a:hover img{
background: #fff;
}

li.fontsize img{
vertical-align: top;
}

li.fontsize .s{
width:17px;
height:16px;
line-height: 1;
background: url(../img/gHeader/f1Btn.gif) no-repeat center top;
}

li.fontsize .m{
width:17px;
height:16px;
line-height: 1;
background: url(../img/gHeader/f2Btn.gif) no-repeat center top;
}

li.fontsize .l{
width:17px;
height:16px;
line-height: 1;
background: url(../img/gHeader/f2Btn.gif) no-repeat center top;
}


li.fontsize .m img{
visibility: hidden;
}


/*----------------------------------------------------
	共通ヘッダー
----------------------------------------------------*/
header#globalHeader { 
margin-bottom: 10px;
line-height: normal;
background: #ffffff url(../img/gHeader/back.gif) repeat-x;
}
header#globalHeader a {
outline: 0; 
color: #0164cc; 
text-decoration: none; 
}
header#globalHeader a:hover { 
color: #00bef2; 
}
header#globalHeader .inner { 
margin: 0 auto; 
position: relative; 
width: 934px; height: 113px; 

}
header#globalHeader .logo { 
position: absolute; top: 22px; left: 0; 
}

/* ユーティリティメニュー */
header#globalHeader .util { position: absolute; top: 0; right: 0; }
header#globalHeader .util li { margin-top: 10px; float: left; }
header#globalHeader .util li:nth-child(1),
header#globalHeader .util li:nth-child(2) { padding-right: 1px; background: url(../img/globalHeader_utilSep.png) right top no-repeat; }
header#globalHeader .util .fontsize dt { float: left; }
header#globalHeader .util .fontsize dd { float: left; padding-left: 3px; }
header#globalHeader .util .search { margin: 0 0 0 10px; padding: 5px; border-radius: 4px; height: 17px; background-color: #003c9c; }
header#globalHeader .util .search input[type=text] { padding: 2px; border: none; border-radius: 1px; width: 166px; height: 13px; color: #000; background-color: #fff; font-size: 85%; vertical-align: top; outline: none; }
header#globalHeader .util .search input[type=text]:focus { background-color: #fff; }
header#globalHeader .util .search input[type=image] { outline: none; vertical-align: top; opacity: 0.7; }
header#globalHeader .util .search input[type=image]:hover { opacity: 1; }

/* コーポレートメニュー */
header#globalHeader .corp { margin-right: -3px; position: absolute; top: 33px; right: 0; height: 29px; }
header#globalHeader .corp li { padding-left: 3px; float: left; }

/* グローバルナビゲーション */
header#globalHeader nav { position: absolute; top: 68px; left: 0; width: 934px; }

header#globalHeader nav ul { height: 44px; background-color: #ffffff; }
*:first-child+html header#globalHeader nav ul {height:151px; background: none;}
header#globalHeader nav li { float: left; }


header#globalHeader nav a:hover img { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100 )"; }

header#globalHeader nav li .gn_nNav li{
float: none;
}


/* トピックパス */
div#topicpath {
margin: 12px auto; 
width: 934px; 
}

div#topicpath ul{
padding-left: 14px; 
line-height: 1.2; 
color: #999999; 
background: url(../img/topicpath_homeIcon.png) no-repeat left center; 
font-size: 85%; 
}
div#topicpath li{
display: inline;
}
div#topicpath a{
	background: url(../img/topicpath_arr.gif) right no-repeat;
	position:100% 50%;
	padding-right:15px;
}



div#commonSet{
margin-top:20px;
}
div#commonSet h2{
background:url(../img/h_ttl01.gif) no-repeat 0 0;
color:#666;
font-weight:bold;
margin-bottom:10px;
padding: 10px 0 10px 20px;
border-right:1px solid #cfcfcf;
}
div#commonSet .group{
margin-bottom:20px;
}



/* タイトルバナー */
.mainBanner { text-align: center; }
.mainBanner .inner { margin: 0 auto; width: 934px; }
.mainBanner img { margin: 0 -80px; vertical-align: bottom; }


/* ドロップダウンメニュー */
header#globalHeader nav { position: absolute; top: 68px; left: 0; width: 934px;}
header#globalHeader nav ul { height: 44px; background-color: #ffffff; }
header#globalHeader nav li { float: left; }

header#globalHeader nav a:hover img { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100 )"; }

header#globalHeader nav li .gn_nNav li{
float: none;
}
div.nav2 ul.megamenu li{
position:relative;
}
	ul.megamenu li div.gnavDD ul li{
	position: static;
	}

ul.megamenu li div{
background-color: #00BEF2;
}
	*:first-child+html ul.megamenu li div { height:151px; }
ul.megamenu li div.gnavDD ul{
background-color: #00BEF2;
}
ul.megamenu li div ul li{
display: inline;
}


ul.megamenu div.mm-item-content {
background-color: #00BEF2; 
  padding: 0px;
  position: absolute;
  z-index: 9;

}

.mm-content-base {
background-color: #00BEF2; 
  position: relative;
  z-index: 11;
  padding: 5px;
 height:151px;
}
/*
.mm-js-shadow {
  background: #555;
  position: absolute;
  z-index: 10;
}
*/
.gnavDD{
width:934px;
height:154px;
position:relative;
z-index:100;
}



/*　重なり順問題 ie7*/
*:first-child+html header#globalHeader nav ul { height:151px; }
*:first-child+html header{
position:relative;
z-index:80;
}
*:first-child+html .mainBanner{
position: relative;
z-index:1 !important;
}


*:first-child+html #topimg01{
position:relative;
z-index:10 !important;
}





/* END ドロップダウンメニュー */

/* 共通　関連リンク */
aside .Related_LinkArea {
	background:url(../img/related_link/bg_related-link_area.png) top left no-repeat;
	display:block;
	width:934px;
	height:80px;
}
aside .Related_LinkArea .ttl_txt{
	float:left;
    padding:35px 0 0 25px;
    width:274px;
}
aside .Related_LinkArea ul li{
	float:left;
    padding:8px 10px 0 8px;
}

/* 共通　関連リンク テキストバージョン 

aside .RelatedLink {
	background:url(/common/img/related_link/bg_related-link_area.png) top left no-repeat;
	display:block;
	width:934px;
	height:80px;
    margin-bottom:30px;
}
aside .RelatedLink a:link,
aside .RelatedLink a:visited{
	color:#0164CC;
	font-weight:bold;
	text-decoration:none;
}
aside .RelatedLink a:hover,
aside .RelatedLink a:active {
	color:#02C5FF;
	font-weight:bold;
	text-decoration:underline;
}

aside .RelatedLink .ttl_txt{
	float:left;
    padding:35px 0 0 25px;
    width:265px;
}
aside .RelatedLink .unit {
	float:left;
	width:305px;
    padding:8px;
}
aside .RelatedLink .unit p {
	float:left;
	width:64px;
	padding:8px;
}
aside .RelatedLink .unit dl {
	margin:-5px 0 0 0;
	float:right;
	width:220px;
}
aside .RelatedLink .unit dl img {
	vertical-align:middle;
	padding-left:5px;
} 
aside .RelatedLink .unit dt span {
	font-size:85%;
}
aside .RelatedLink .unit dd {
	margin:0;
	font-size:85%;
	line-height:120%;
}

*/


.ptopbtn{
text-align: right;
margin-bottom:10px;
font-size:95%;
font-weight: bold;
}



/* 共通　車種専用リンク */

aside#car-related {
	background:url(/common/img/bg_car-related.png) right top no-repeat;
	display:block;
	width:934px;
	height:80px;
	margin-bottom:30px;
}
aside#car-related p {
	margin:0;
	padding:0 0 0 3px;
}
aside#car-related table {
	margin-top: -70px;
	margin-left: 320px;
	width:595px;
}
aside#car-related table td {
	padding-bottom:5px;
	font-size: 12px;
}

/*
aside#carRelated ul {
padding-left:140px;
padding-top: 12px;
}

aside#carRelated ul li{
width:100px;
float:left;
}


aside#related ul#relTxt{
margin:0 20px 10px;
}
*/
aside#fbnr{
margin:0;
}


/* バナー表記 */

aside#fbnr { 
margin: 0 0 20px 0;
}
aside#fbnr ul{
text-align: center;
}
aside#fbnr li { 
display: inline;
padding-right:20px; 
/*
margin-right: 17px; 
float: left;
width:173px;
*/
}

aside#fbnr li:last-child { 
padding-right:0;
}


/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
footer#globalFooter { background: url(../img/gFooter/back.png) center top repeat-x; padding-top:30px;}
footer#globalFooter a {color: #0164cc; text-decoration: none; }
footer#globalFooter a:hover { color: #00bef2;}
.pagetop a { float: right; display: block; }
.pagetop img {vertical-align: bottom;}



/* 補助メニュー */
aside#assist { position: relative; height: 88px;margin-bottom: 50px; margin-bottom:30px;}
aside#assist .purchase { float:left;padding:0; margin-right:25px; }
aside#assist .support { float:right; margin:0; padding:0; }
aside#assist dl { padding:0; margin:0; background: none;}
aside#assist dt { display:block; width:454px; height:36px;}
aside#assist dd { float:left; margin:0; padding:0;}






/*
footer#globalFooter aside .related { position: relative; height: 87px; }
footer#globalFooter aside .related dl { padding: 6px; position: absolute; top: 10px; width: 922px; height: 45px; background: url(../img/globalFooter_relatedPane.png) no-repeat; }
footer#globalFooter aside .related dt { float: left; }
footer#globalFooter aside .related dd { float: left; width: 255px; height: 45px; border-left: 1px solid #ededed; overflow: hidden; }
footer#globalFooter aside .related dd a { padding: 13px 13px 15px 30px; display: block; background: url(../img/globalFooter_relatedArw.png) no-repeat; }
footer#globalFooter aside .related dd a:hover { background-position: 0 -65px; }
*/



/* かんたんメニュー */
footer#globalFooter aside .ease {  }
footer#globalFooter aside .ease li {  
float: left; 
width:233px;
}

footer#globalFooter aside .ease li:last-child { 

}
footer#globalFooter aside .ease li:last-child a{
padding:0 0 0 10px;
display: block;
margin-bottom:5px;
}





/* ボトムバー */
footer#globalFooter .bar { padding: 20px 0; color: #ffffff; background-color: #055cd3; }
footer#globalFooter .bar:after { content: ""; display: block;}
footer#globalFooter .inner { margin: 0 auto; width: 934px; }
footer#globalFooter .bar nav { float: left; }
footer#globalFooter .bar nav ul { margin-left: -9px; font-size: 77%; }
footer#globalFooter .bar nav li { border-left: 1px dotted #82aee9; float: left; }
footer#globalFooter .bar nav li:first-child { border-left: none; }
footer#globalFooter .bar nav li a { padding: 0 9px 0 18px; color: #ffffff; background: url(../img/gFooter/navArw.gif) 9px center no-repeat; }
footer#globalFooter .bar .copyright { float: right; font-size: 77%; }










/*----------------------------------------------------
	clear fix
----------------------------------------------------*/
.container:after,
.box:after,
.group:after,
.unit:after,
.cf:after{
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}

.container,
.box,
.group,
.unit,
.cf{
zoom:1
}



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