@charset "utf-8";

/* ===========================================================
	base
=========================================================== */
body {
	color:#666666;
	line-height:1;
}



.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* ===========================================================
	Hyper text
=========================================================== */
a {
	text-decoration:none;
	/*\*/
	overflow:hidden;
	color: #666666;
	/**/	
}

#main a {
	text-decoration:underline;
	/*\*/
	overflow:hidden;
	color: #FFFFFF;
	/**/	
}


a:hover {
	text-decoration:none;
	color:#FFFFFF;
	border:none;
}

#main a:hover {
	text-decoration:underline;
	color:#666666;
	border:none;
}

a:focus {
	outline:none;
	}



/* ===========================================================
	common_setteing
=========================================================== */




/* ===========================================================
	wrapper
=========================================================== */
#wrapper {
	margin:0 auto;
	background:url(../common/bg.png) repeat-x;
}



/* ===========================================================
	header
=========================================================== */
#header {
	margin:0 auto;
	max-width:1200px;
	min-width:960px;
	width:expression(document.body.clientWidth < 962? "960px" : document.body.clientWidth > 1202? "1200px" : "auto");
	height:96px;
	position:relative;
}

#header h1 a{
	display:block;
	width:282px;
	height:56px;
	background:url(./images/header_logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:25px;
	left:5px;
}

#header p.text{
	display:block;
	font-size:	76.9%;
	position:absolute;
	top:2px;
	left:5px;
}

#header .info{
	width:230px;
	position:absolute;
	top:0;
	right:5px;
}

#header .info p.lead{
	display:block;
	padding-bottom:7px;
	width:230px;
	height:30px;
	background:url(../common/header_lead.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header .info ul li.bt001{
	display:block;
	float:left;
	width:93px;
	height:20px;
	background:url(../common/header_tel.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}



#header .info ul li.bt002 a,
#header .info ul li.bt002 a:hover{
	width:120px;
	height:20px;
	float:left;
	padding-left:15px;
	vertical-align:top;
	margin-top:2px;
}

#header .info ul li.bt002 a img,
#header .info ul li.bt002 a:hover img{
	vertical-align:top;
}


#header .info ul li.bt003{
	display:block;
	width:230px;
	height:15px;
	background:url(../common/header_open.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	vertical-align:middle;
}

/* ===========================================================
	#header .navi
=========================================================== */
.navi{
	margin:0 auto;
	height:31px;
	max-width:1200px;
	min-width:960px;
	width:expression(document.body.clientWidth < 962? "960px" : document.body.clientWidth > 1202? "1200px" : "auto");
	background:url(../common/bg_gnavi.png) repeat-x;
	position:relative;
}
	
/*globalnavi
-------------------------------- */
.navi #globalnavi {
	height:31px;
	width:818px;
	position:absolute;
	right:0;
	top:0;
}

.navi #globalnavi li{
	display:block;
	height:31px;
	float:left;
}

.navi #globalnavi li.bt001{width:100px;}
.navi #globalnavi li.bt002{width:155px;}
.navi #globalnavi li.bt003{width:122px;}
.navi #globalnavi li.bt004{width:111px;}
.navi #globalnavi li.bt005{width:100px;}
.navi #globalnavi li.bt006{width:82px;}
.navi #globalnavi li.bt007{width:91px;}
.navi #globalnavi li.bt008{width:57px;}
.navi #globalnavi li.bt009{width:100px;}


/*topic_path
-------------------------------- */
#topic_path {
	display:block;
	width:150px;
	height:30px;
	position:absolute;
	top:10px;
	left:5px;
	
}

#topic_path li {
	float:left;
	padding-right:7px;
	color:#FFF;
	font-size:76.9%;
	vertical-align:middle;
	line-height:1.2;
}

#topic_path li.this {
	margin-bottom:1px;
	padding:0 0 1px 11px;
	background:url(../common/icon005.png) no-repeat left center;
	line-height:1.2;
}

/* ===========================================================
	mainvisual
=========================================================== */
body#top #mainvisual {
	background:url(./images/mainvisual.gif) no-repeat;
    background-position: 50% 0;
    background-repeat: no-repeat;
	background-color:#000;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
	min-width:960px;
	height:525px;
}

body#concept #mainvisual {
	background:url(../concept/images/mainvisual.jpg) no-repeat;
    background-position: 50% 0;
    background-repeat: no-repeat;
	background-color:#000;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	min-width:960px;
	height:525px;
	position:relative;
}

body#top #mainvisual p{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}




/* ===========================================================
	main
=========================================================== */
#main_area{
	width:100%;
	background:#000;
}

body#concept #main_area{
	height:641px;
	z-index:1;
}

body#top #main {
	background:#000;
	padding:6px 20px 19px 17px;
	min-width:960px;
	max-width:1200px;
	width:expression(document.body.clientWidth < 962? "960px" : document.body.clientWidth > 1202? "1200px" : "auto");
	margin:0 auto;
}

body.sec #main {
	background:#000;
	padding:6px 20px 19px 17px;
	width:840px;
	margin:0 auto;
	padding-top:50px;
}

body#concept #main {
	margin:0 auto;
	width:960px;
	z-index:10;
}

body#recommend_car #main {
	width:990px;
}

/*#top
---------------------------------------------------*/
/*unit001*/
body#top #main .unit001{
	float:left;
	padding-top:10px;
	width:700px;
}

body#top #main .unit001 h2{
	display:block;
	width:320px;
	height:19px;
	background:url(../images/topics.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

body#top #main .unit001 dl{
	padding:21px 0 0 9px;

}

body#top #main .unit001 dt,
body#top #main .unit001 dd{
	line-height:1.6;
}
	
body#top #main .unit001 dt{
	padding-left:15px;
	background:url(../common/icon002.png) no-repeat left center;
	float:left;
	padding-right:20px;
}


/*unit002*/
body#top #main .unit002 a{
	width:150px;
	padding-top:43px;
	float:right;
}

/*sec
---------------------------------------------------*/
body.sec #main h2{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

body.sec #main p,
body.sec #main dt,
body.sec #main dd{
	line-height:1.5;
	color:#FFF;
}

body.sec #main .unit001 .text_box{
	padding:35px 0 0 0;
}

body.sec #main p.lead{
	margin-left:10px;
}

body.sec #main .unit001 h3{
	display:block;
	margin-bottom:16px;
	width:500px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
}

/*concept
---------------------------------------------------*/
body#concept #mainvisual h2{
	text-indent:-9999px;
	overflow:hidden;
}
	
body#concept #main_area #main .unit001{
	width:310px;
	padding-top:190px;
}

body#concept #mainvisual p{
	text-indent:0;
	line-height:2.0;
	padding-bottom:20px;
	text-align:left;
	color:#FFF;
	display:inline;
	width:170px;
}



/*#recommend_car
---------------------------------------------------*/
body#recommend_car #main .unit001 h2{
	width:149px;
	height:40px;
	background:url(../recommend_car/images/unit001_h2.png) no-repeat;
}


body#recommend_car #main .unit009 h2{
	width:149px;
	height:40px;
	background:url(../recommend_car/images/unit001_h9.png) no-repeat;
}

body#recommend_car #main .unit001 .box001{
	margin:30px 0 30px 0;
	padding:47px 0 47px 0;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	width:980px;
}


/*#contact
---------------------------------------------------*/
body#contact #main .unit001 h2{
	width:149px;
	height:40px;
	background:url(../contact/images/unit001_h2.png) no-repeat;
}

body#contact #main .unit001 h3{
	background:url(../contact/images/unit001_h3.png) no-repeat;
}

body#contact #main .unit001 .box001 li{
	float:left;
}

body#contact #main .unit001 .box001 li.first{
	margin-right:40px;
}

body#contact #main .unit001 .text_box{
	padding:35px 0 40px 0;
}


/*#outline
---------------------------------------------------*/
body#outline #main .unit001 h2{
	width:105px;
	height:40px;
	background:url(../outline/images/unit001_h2.png) no-repeat;
}

body#outline #main .unit001 h3{
	background:url(../outline/images/unit001_h3.png) no-repeat;
}

body#outline #main .unit001 .box001{
	margin:30px 0 30px 0;
	padding:47px 0 47px 0;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
}

body#outline #main .unit001 .box001 dl{
	padding:10px 0 18px 0;
}

body#outline #main .unit001 .box001 dl dt{
	display:block;
	float:left;
	margin-right:23px;
	padding-left:5px;
	width:125px;
	border-bottom:solid 1px #5A5A5A;
	font-weight:bold;
}

body#outline #main .unit001 .box001 dl dd{
	display:block;
	padding-left:5px;
	width:410px;
	float:left;
	border-bottom:solid 1px #5A5A5A;
}

body#outline #main .unit001 .box001 dl dd span.map{
	margin-left:40px;
}


/*#parts
---------------------------------------------------*/
body#parts #main .unit001 h2{
	width:146px;
	height:40px;
	background:url(../parts/images/unit001_h2.png) no-repeat;
}

body#parts #main .unit001 .box001{
	margin:25px 0 25px 0;
	padding:25px 0 25px 10px;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
}

body#parts #main .unit001 .box001 .block{
	float:left;
	margin-right:30px;
	padding-right:30px;
	/*border-right:1px dotted #555;*/
	padding-bottom:10px;
}

body#parts #main .unit001 .box001 .last{
	border:none;
}

body#parts #main .unit001 .box001 .text{
	line-height:2.5;
}

body#parts #main .unit001 .box001 dl{
	padding:10px 0 18px 0;
}

body#parts #main .unit001 .box001 dl dt{
	display:block;
	float:left;
	margin-right:23px;
	padding-left:5px;
	width:125px;
	border-bottom:solid 1px #5A5A5A;
	font-weight:bold;
}

body#parts #main .unit001 .box001 dl dd{
	display:block;
	padding-left:5px;
	width:410px;
	float:left;
	border-bottom:solid 1px #5A5A5A;
}

body#parts #main .unit001 .box001 dl dd span.map{
	margin-left:40px;
}


/*#support
---------------------------------------------------*/
body#support #main .unit001 h2{
	width:322px;
	height:40px;
	background:url(../support/images/unit001_h2.png) no-repeat;
}

body#support #main .unit{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:solid 1px #404040;
}

body#support #main .unit001 ul.page_navi li {
	float:left;
	margin-top:30px;
	padding-right:2px;
}

body#support #main .unit001 ul.page_navi li.last {
	padding-right:0;
}

body#support #main h3{
	display:block;
	padding:0 0 20px 0;
	width:322px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}
/*h3 setting*/
body#support #main .unit002 h3{background:url(../support/images/unit002_h3.png) no-repeat;}
body#support #main .unit003 h3{background:url(../support/images/unit003_h3.png) no-repeat;}
body#support #main .unit004 h3{background:url(../support/images/unit004_h3.png) no-repeat;}
body#support #main .unit005 h3{background:url(../support/images/unit005_h3.png) no-repeat;}
/**/

body#support #main .unit002 .box001{
	margin-top:30px;
}

body#support #main .unit002 p{
	margin-bottom:10px;
}

body#support #main .unit002 p.text{
	float:left;
	font-size:92.3%;
	padding-right:20px;
}
	

/*#backorder,#purchase
---------------------------------------------------*/
body#backorder #main .unit001,
body#purchase #main .unit001{
	float:left;
	width:381px;
}

body#backorder #main .unit001 h2{
	width:263px;
	height:40px;
	background:url(../backorder/images/unit001_h2.png) no-repeat;
}

body#purchase #main .unit001 h2{
	width:263px;
	height:40px;
	background:url(../purchase/images/unit001_h2.png) no-repeat;
}

body#backorder #main .unit001 p,
body#purchase #main .unit001 p{
	margin-bottom:20px;
}

body#backorder #main .unit002,
body#purchase #main .unit002{
	float:right;
}

body#backorder #main .unit002 dt.title{
	display:block;
	margin-bottom:17px;
	width:351px;
	height:15px;
	background:url(../backorder/images/unit002_title.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


body#purchase #main .unit002 dt.title{
	display:block;
	margin-bottom:17px;
	width:351px;
	height:15px;
	background:url(../purchase/images/unit002_title.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

body#backorder #main .unit002 dd{
	margin-bottom:14px;
	padding-bottom:26px;
	width:353px;
	height:120px;
	background:url(../backorder/images/icon001.png) no-repeat center bottom;
}

body#purchase #main .unit002 dd{
	margin-bottom:14px;
	padding-bottom:26px;
	width:353px;
	height:90px;
	background:url(../purchase/images/icon001.png) no-repeat center bottom;
}

body#backorder #main .unit002 dd.last,
body#purchase #main .unit002 dd.last{
	margin-bottom:0;
	background:none;
}

body#backorder #main .unit002 p,
body#purchase #main .unit002 p{
	display:block;
	width:353px;
	height:9px;
	text-align:right;
}

/*#access
---------------------------------------------------*/
body#access #main .unit001 h2{
	width:171px;
	height:40px;
	background:url(./images/unit001_h2.png) no-repeat;
}

body#access #main .unit002 {
	margin-top:25px;
}

body#access #main .unit002 .box001{
	float:left;
	width:323px;
	height:420px;
	margin-right:29px;
}

body#access #main .unit002 .box002{
	float:left;
	width:467px;
}

body#access #main .unit002 .box002 dl{
	padding:15px 0 13px 0;
	border-top:solid 1px #5A5A5A;
}

body#access #main .unit002 .box002 dl dt{
	display:block;
	float:left;
	width:100px;
}

body#access #main .unit002 .box002 dl dd{
	float:left;
}

body#access #main .unit002 .box002 dl dd.text001{
	padding-left:30px;
}

body#access #main .unit002 .box002 dl dd.text002{
	padding-left:100px;
}

body#access #main .unit002 .box002 dl dd.text003{
	padding-left:100px;
	display:block;
	width:300px;
	height:40px;
}

body#access #main .unit002 .box002 dl dd span{
	padding-left:13px;
}

body#access #main .unit002 .box002 dl dd span.icon{
	background:url(../common/icon005.png) no-repeat left center;
}


/*#policy
---------------------------------------------------*/
body#policy #main .unit001 h2{
	width:238px;
	height:40px;
	background:url(../policy/images/unit001_h2.png) no-repeat;
}

body#policy #main .unit001 .text_box{
	width:735px;
	padding:35px 95px 0 10px;
	border-bottom:solid 1px #666666;
}

body#policy #main .unit001 .last{
	border:none;
}

body#policy #main .unit001 .text_box p,
body#policy #main .unit001 .text_box dt,
body#policy #main .unit001 .text_box dd{
	margin-bottom:30px;
}

body#policy #main .unit001 .text_box dt{
	font-size:	107.7%;
	margin-left:-7px;
}

body#policy #main .unit001 .text_box dl.info dt,
body#policy #main .unit001 .text_box dl.info dd{
	margin:0;
}



/*#sitemap
---------------------------------------------------*/
body#sitemap #main .unit001 h2{
	width:151px;
	height:40px;
	background:url(../sitemap/images/unit001_h2.png) no-repeat;
}

body#sitemap #main .unit001 .box001{
	margin:30px 0 30px 0;
	padding:47px 0 47px 0;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
}

body#sitemap #main .unit001 .box001 .block{
	float:left;
	width:250px;
	margin-right:30px
}

body#sitemap #main .unit001 .box001 .block a{
	text-decoration:none;
}

body#sitemap #main .unit001 .box001 .block_last{
	margin-right:0;
}

body#sitemap #main .unit001 .box001 .page{
	margin-bottom:40px;
	padding:0 0 6px 3px;
	border-bottom:solid 1px #5A5A5A;
	font-weight:bold;
}

body#sitemap #main .unit001 .box001 .page_home{
	padding-left:17px;
	background:url(../common/icon004.png) no-repeat left top;
}

body#sitemap #main .unit001 .box001 .page002{
	margin-bottom:12px;
}

body#sitemap #main .unit001 .box001 .list{
	margin:5px 0 0 130px;
	padding-left:13px;
	background:url(../common/icon005.png) no-repeat left center;
}
/* ===========================================================
	footer
=========================================================== */
#footer_area {
	width:100%;
	height:33px;
	background:#FFF;
}

#footer{
	margin:0 auto;
	height:33px;
	min-width:960px;
	max-width:1200px;
	width:expression(document.body.clientWidth < 962? "960px" : document.body.clientWidth > 1202? "1200px" : "auto");
	position:relative;
}

#footer .fnavi{
	display:block;
	position:absolute;
	right:0;
	top:16px;
}

#footer .fnavi li{
	float:left;
	font-size:	84.6%;
	padding:0 6px;
	background:url(../common/icon003.png) no-repeat left center;
}

#footer .fnavi li.first{
	padding:0 6px 0 15px;
	background:url(../common/icon001.png) no-repeat left center;
}

#footer .fnavi li a:hover{
	color:#BBBBBB;
}

#footer .copy{
	display:block;
	width:271px;
	height:8px;
	background:url(../common/copy.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:0;
}


/* ===========================================================
 pagetop
=========================================================== */
.pagetop {
	display:block;
	width:100%;
	background:#000;
}

.pagetop p{
	display:block;
	margin:0 auto;
	padding:15px 0 20px 0;
	min-width:960px;
	max-width:1200px;
	width:expression(document.body.clientWidth < 962? "960px" : document.body.clientWidth > 1202? "1200px" : "auto");
	text-align:right;
}