@charset "utf-8";

/****************************************************************************
会社概要　#about
****************************************************************************/

#about #gn01 a{background-position:left;}

#about #headimg{background-image:url(images/about_headimg.jpg);}
	
	#about .columnleft,
	#about .columnright{
	width:460px;
	padding-bottom:10px;
	}

	#about .columnleft h2,
	#about .columnright h2{
	background-image:url(images/line_w460.gif);
	margin-bottom:5px;
	}

	#about #container li{
	border-bottom:1px solid #404040;
	}

		#about #container li h3{
		float:left;
		clear:both;
		width:90px;
		height:43px;
		font-size:1em;
		font-weight:normal;
		line-height:43px;
		}
		
		#about #container li p{
		margin-left:90px;
		line-height:43px;
		}
	
		#about #container li p.lines{
		line-height:22px;
		padding:0.7em 0;
		}

	#about .columnbottom h2{background-image:url(images/line_w960.gif);}
	
		#map{
		width:958px;
		height:348px;
		border:1px solid #cbcbcb;
		margin-top:20px;
		}
		#map div{
		color:#4d4d4d;
		}

/****************************************************************************
サービス　#service
****************************************************************************/

#service #gn02 a{background-position:left;}

#service #headimg{background-image:url(images/service_headimg.jpg);}

#service .column{
padding-bottom:1px;
background:url(images/line_w960.gif) no-repeat left bottom;
margin-bottom:20px;
}

	#service #svlist{
	width:1020px;
	margin:30px 0 0 -60px;
	}
	
		#service #svlist li{
		float:left;
		width:450px;
		margin-left:60px;
		_display:inline;
		padding-bottom:40px;
		}
		
			#service #svlist li h3{
			padding-bottom:20px;
			}
	
			#service #svlist li p{
			float:left;
			width:210px;
			}
			
				#service #svlist .link{
				float:none;
				width:450px;
				clear:both;
				padding-top:1em;
				white-space:nowrap;
				position:relative;
				}
				
					#service #svlist .link a{
					color:#cbcbcb;
					text-decoration:underline;
					} 
	
			#service #svlist li .img{
			float:right;
			}

#ecoitem{
position:relative;
width:100%;
height:520px;
background:url(images/service_ecoitem.png) no-repeat left top;
}

	#ecoitem h2{
	width:960px;
	height:95px;
	text-indent:-9999px;
	overflow:hidden;
	background:none;
	padding:0;
	margin:0;
	}

	#ecoitem .copy{
	padding-left:50px;
	}

	#ecoitem ol{
	width:440px;
	padding:30px 0 0 50px;
	}
	
		#ecoitem ol a{
		text-decoration:underline;
		}
	
		#ecoitem li{
		float:left;
		width:150px;
		height:30px;
		padding-left:30px;
		line-height:30px;
		background:no-repeat left 3px;
		}
		
		#ecoitem #ol01{background-image:url(images/service_ol01.png);}
		#ecoitem #ol02{background-image:url(images/service_ol02.png);}
		#ecoitem #ol03{background-image:url(images/service_ol03.png);}
		#ecoitem #ol04{background-image:url(images/service_ol04.png);}
		#ecoitem #ol05{background-image:url(images/service_ol05.png);}
		#ecoitem #ol06{background-image:url(images/service_ol06.png);}
		#ecoitem #ol07{background-image:url(images/service_ol07.png);}
		#ecoitem #ol08{background-image:url(images/service_ol08.png);}
		#ecoitem #ol09{background-image:url(images/service_ol09.png);}

		* html #ecoitem #ol01{background-image:url(images/service_ol01.gif);}
		* html #ecoitem #ol02{background-image:url(images/service_ol02.gif);}
		* html #ecoitem #ol03{background-image:url(images/service_ol03.gif);}
		* html #ecoitem #ol04{background-image:url(images/service_ol04.gif);}
		* html #ecoitem #ol05{background-image:url(images/service_ol05.gif);}
		* html #ecoitem #ol06{background-image:url(images/service_ol06.gif);}
		* html #ecoitem #ol07{background-image:url(images/service_ol07.gif);}
		* html #ecoitem #ol08{background-image:url(images/service_ol08.gif);}
		* html #ecoitem #ol09{background-image:url(images/service_ol09.gif);}

.item{
position:absolute;
padding:33px;
background:no-repeat left top;
color:#353535;
}

#service .item{
left:272px;
top:27px;
width:350px;
height:350px;
background-image:url(images/service_item.png); 
text-align:right;
}

	.close{
	cursor:pointer;
	margin:20px 20px 0 0;
	}
	
	.inner{
	text-align:left;
	padding:0 20px;
	width:310px;
	height:270px;
	
	display:table-cell;
	vertical-align:middle;
	}

	/*for IE6 */  
	* html .inner{height:230px; padding-top:40px;}
	/*for IE7 */  
	*+html .inner{height:230px; padding-top:40px;}
	
		.inner h3{
		font-size:18px;
		}
	
		.inner p{
		line-height:30px;
		}

			
	.item .itemlist{
	text-align:center;
	font-size:18px;
	}

		.item a{
		font-size:18px;
		font-weight:bold;
		color:#353535;
		}
		
			.prev{
			padding:0 5px 0 22px;
			background:url(images/service_item_prev.gif) no-repeat left 50%;
			}
			
			.next{
			padding:0 22px 0 5px;
			background:url(images/service_item_next.gif) no-repeat right 50%;
			}

/****************************************************************************
タイヤラインナップ　#tire
****************************************************************************/

#tire #gn03 a{background-position:left;}

#tire #headimg{background-image:url(images/tire_headimg.jpg);}

	#tire .title{
	float:left;
	width:510px;
	height:82px;
	}
	
		#tire .title h2{
		background:none;
		padding-top:20px;
		padding-bottom:20px;
		}
		
	#tire .linkbtn{
	float:right;
	width:450px;
	height:40px;
	padding:30px 0 12px 0;
	}

		#tire .linkbtn:hover{
		filter:alpha(opacity=50);
		opacity:0.5;
		}

	#tire #tirelist{
	clear:both;
	padding-top:20px;
	padding-bottom:1px;
	background:url(images/line_w960.gif) no-repeat left bottom;
	}
		
		#tirelist li{
		padding-top:21px;
		padding-bottom:20px;
		background:url(images/line_w960.gif) no-repeat left top;
		}
		
			#tirelist li div{
			float:left;
			width:450px;
			}
			
			#tirelist li div.right{
			padding-left:60px;
			}
			
				#tirelist li img{
				float:left;
				}
				
				#tirelist li h3,
				#tirelist li p{
				float:right;
				width:293px;
				}

				#tirelist li p{
				padding-top:10px;
				}

	#tire #contactbox{
	width:610px;
	height:110px;
	padding-top:50px;
	margin:0 auto;
	}

		#tire #contactbox:hover{
		filter:alpha(opacity=50);
		opacity:0.5;
		}

/*タイプ*/
	
	#tiretypelist{
	float:right;
	width:680px;
	padding-top:20px;
	padding-bottom:1px;
	background:url(images/line_w680.gif) no-repeat left bottom;
	}
	
	#tiretypelist h3{
	padding-bottom:10px;
	}

		#tiretypelist li{
		padding-top:21px;
		padding-bottom:20px;
		background:url(images/line_w680.gif) no-repeat left top;
		}
		
			#tiretypelist li div{
			float:left;
			width:320px;
			}
			
			#tiretypelist li div.right{
			padding-left:40px;
			}
			
				#tiretypelist li img{
				float:left;
				}
				
				#tiretypelist li h4,
				#tiretypelist li p{
				float:right;
				width:163px;
				}

				#tiretypelist li p{
				padding-top:10px;
				}

	#tnavi{
	float:left;
	width:240px;
	padding-top:20px;
	}
		
		#tnavi li{
		width:240px;
		height:40px;
		margin-bottom:10px;
		}
		
			#tnavi li a{
			display:block;
			width:240px;
			height:16px;
			padding:12px 0;
			background:#3F3F3F;
			text-align:center;
			}
			
			#tnavi li a:hover,
			.type01 #tn01 a,
			.type02 #tn02 a,
			.type03 #tn03 a,
			.type04 #tn04 a,
			.type05 #tn05 a,
			.type06 #tn06 a{
			background:#77B318;
			}
			
/****************************************************************************
モータースポーツ　#sports
****************************************************************************/

#sports #gn04 a{background-position:left;}

#sports #headimg{background-image:url(images/sports_headimg.jpg);}

#sports .imglist01{
width:990px;
margin:30px 0 0 -30px;
}
		
	#sports .imglist01 li{
	float:left;
	margin-left:30px;
	_display:inline;
	}
	
#sports .imglist02{
float:right;
}

	#sports .imglist02 li{
	padding-top:30px;
	}

#sports .column{
float:left;
width:630px;
padding-top:30px;
}

	#sports .column h2{
	padding-top:0;
	background-image:url(images/line_w630.gif);
	}
	
	#sports .column li{
	border-bottom:1px solid #404040;
	}

		#sports .column li h3{
		float:left;
		width:130px;
		height:43px;
		font-size:1em;
		font-weight:normal;
		line-height:43px;
		}
		
		#sports .column li div{
		float:left;
		width:495px;
		}
		
		#sports .column li div.nh{
		padding-left:130px;
		}
		
			#sports .column li div .date{
			float:left;
			width:90px;
			height:43px;
			line-height:43px;
			}

			#sports .column li div .txt,
			#sports .column li div .txts{
			float:left;
			width:405px;
			line-height:43px;
			}
			
			#sports .column li div .txts{
			line-height:22px;
			padding:0.7em 0;
			}
		
/****************************************************************************
スタッフブログ　#blog
****************************************************************************/

#blog #gn05 a{background-position:left;}

#blog #headimg{
background-image:url(images/blog_headimg.jpg);
padding-bottom:30px;
}

	#blog .columnleft{
	width:680px;
	}

		#blog .columnleft h1,
		#blog .columnleft .posttitle{
		height:1.286em;
		line-height:1.286em;
		font-size:1.286em;
		padding:0 0 11px 0;
		background:url(images/line_w680.gif) no-repeat left bottom;
		position:relative;
		}

		#blog .columnleft .date{
		text-align:right;
		margin-top:-28px;
		padding-bottom:28px;
		}

		#blog .entrybody p{
		padding-bottom:1em;
		}
		
		#blog .commulist{
		margin-top:20px;
		padding-top:6px;
		padding-bottom:20px;
		background:url(images/line_w680.gif) no-repeat left top;
		}
		
			.commulist li{
			float:left;
			padding-right:1.5em;
			font-size:0.858em;
			}

		#blog .columnleft h2{
		background-image:url(images/line_w680.gif);
		margin-bottom:20px;
		}

		#blog .columnleft #tbbox,
		#blog .columnleft #combox{
		padding-bottom:20px;
		background:url(images/line_w680.gif) no-repeat left bottom;
		}
		
			#tbbox .tb{
			color:#fff;
			margin-bottom:1em;
			}
			
			#combox dl{
			background:url(images/line_w680.gif) no-repeat left bottom;
			margin-bottom:20px;
			}
			
				#combox dt{
				padding-left:20px;
				background:url(images/square.gif) no-repeat left center;
				}
				
				#combox dd{
				padding:10px 0 20px 20px;
				}
				
				.approved{
				padding-top:1em;
				color:#FF3300;
				}
				
				#combox form{
				padding-top:1em;
				}
		
	#blog .columnright{
	width:240px;
	}

		#calendar,
		#entrybox,
		#categorybox,
		#mobilebox{
		padding-top:20px;
		margin-bottom:40px;
		background:url(images/line_w240.gif) no-repeat left top;
		}

		#blog .columnright h2{
		padding:0;
		margin:0;
		padding-left:10px;
		background:none;
		}
	
			#calendar .date{
			height:16px;
			line-height:16px;
			margin-top:-16px;
			margin-right:10px;
			text-align:right;
			font-style:italic;
			font-weight:bold;
			position:relative;
			}

			#calendar div,
			#entrybox dl,
			#categorybox ul,
			#mobilebox div{
			padding-bottom:20px;
			margin-top:10px;
			background:url(images/line_w240.gif) no-repeat left bottom;
			}
			
			#entrybox dl,
			#categorybox ul{
			padding:0 10px 10px 10px;
			}
			
			#mobilebox div{
			padding:0 10px 20px 10px;
			}
			
			#mobilebox div p{
			padding-bottom:20px;
			}
			
				#calendar table{
				width:100%;
				}
				
				#calendar th,
				#calendar td{
				text-align:center;
				padding:2px;
				}
					
					#calendar td a{
					display:block;
					background:#77B318;
					}
					
				#entrybox dt{
				display:inline;
				padding:0.25em 10px;
				margin-bottom:0.5em;
				background:#77B318;
				color:#fff;
				}
				
				#entrybox dd{
				margin:1em 0;
				}
				
				#categorybox li{
				margin-bottom:0.5em;
				}

				#entrybox dd a,
				#categorybox li a{
				text-decoration:underline;
				}
			
/****************************************************************************
お問い合わせ　#contact
****************************************************************************/

#contact #gn06 a{background-position:left;}
 
#contact #headimg{background-image:url(images/contact_headimg.jpg);}

	#contact .columnleft{
	width:585px;
	}

		#contact .columnleft h2{
		height:46px;
		background-image:url(images/line_w585.gif);
		}
	
		#contact .columnleft .caution{
		font-size:0.858em;
		text-align:right;
		margin-top:-25px;
		padding-bottom:25px;
		position:relative;
		}
		
		#contact .columnleft form{
		padding-bottom:20px;
		background:url(images/line_w585.gif) no-repeat left bottom;
		}
	
	#contact .columnright{
	width:315px;
	}
	
	#contact .comp{
	padding-top:20px;
	}
	
		#contact .columnright h2{
		height:46px;
		background-image:url(images/line_w315.gif);
		margin-bottom:20px;
		}
			
		#contact #phon{
		margin:1em 0 0.5em 0;
		}

#contact .item{
left:50%;
margin-left:-343px;
width:620px;
height:420px;
background-image:url(images/contact_item.png);
}

	#contact .item h2{
	width:0;
	height:0;
	overflow:hidden;
	}
	
	#contact .item .close{
	float:right;
	}

	.flame{
	width:570px;
	padding:0 20px 0 20px;
	height:330px;
	overflow:auto;
	}
	
		.flame h3{
		font-size:12px;
		padding-bottom:0.5em;
		}
		
		.flame p{
		font-size:12px;
		padding-bottom:1em;
		}
		
/****************************************************************************
リンク　#link
****************************************************************************/

#link #hn02 a{background-position:top;}

#link #headimg{
background-image:url(images/link_headimg.jpg);
}

#link #container{
padding-bottom:30px;
}

#link #container ul{
padding-bottom:10px;
}

	#link #container li{
	width:33.3333%;
	float:left;
	margin-top:15px;
	}
	
		#link #container h3{
		font-size:1em;
		font-weight:normal;
		padding-left:15px;
		background:url(images/arrow_green.png) no-repeat left center;
		}

		#link #container p{
		padding-left:15px;
		}
		
		#link #container li a{
		text-decoration:underline;
		}

/****************************************************************************
トップページ　#home
****************************************************************************/

#home{
background-image:url(images/home_body.gif);
}
		
#home #hn01 a{background-position:top;}		

#home #headimg{
margin-top:-5px;
height:298px;
padding:0 0 1px 0;
background:url(images/line_gradation.gif) no-repeat center bottom;
}

#home #container{
padding-top:20px;
}

	#home #container div{
	width:300px;
	}

		#home #container h2{
		height:50px;
		padding:0;
		background:none;
		}
	
	#newsbox{
	float:left;
	padding-right:30px;
	}
	
		#newsbox dl{
		padding-top:20px;
		}
	
			#newsbox dt{
			height:24px;
			background:url(images/arrow.png) no-repeat left center;
			padding-left:19px;
			color:#fff;
			}
			
				#newsbox dt span{
				display:inline-block;
				height:24px;
				line-height:24px;
				background:#77B318;
				padding:0 0.5em;
				}
		
			#newsbox dd{
			padding:6px 0 0 19px;
			margin-bottom:15px;
			background:url(images/line_w300.gif) no-repeat left bottom;
      min-height:60px;
      height:auto !important;
      height:60px;
			}
      
      #newsbox dd.last{ 
      background:none;
      padding-bottom:0;
      margin-bottom:0;
      }
      
      #newsbox dd a{
        text-decoration:underline;
      }
	
	#blogbox{
	float:left;
	}
		
		#blogbox ul{
		padding-top:20px;
		}
		
			#blogbox li{
			padding-bottom:15px;
			margin-bottom:15px;
			background:url(images/line_w300.gif) no-repeat left bottom;
			}
			
				#blogbox a.imgbox{
				display:block;
				float:left;
				width:140px;
				height:105px;
				overflow:hidden;
				}
			
				#blogbox a.imgbox img{
				-ms-interpolation-mode: bicubic;
				}
			
				#blogbox h3,
				#blogbox p{
				width:150px;
				float:right;
				}
				
				#blogbox h3{
				font-size:1em;
				padding-bottom:0.5em;
				}
				
					#blogbox h3 a{
					font-size:1em;
					text-decoration:underline;
					}

	#pickupbox{
	float:right;
	}
		#pickupbox ul{
		padding-top:20px;
		}
		
			#pickupbox li{
			margin-bottom:15px;
			}
			
				#pickupbox a.imgbox{
				display:block;
				float:left;
				width:115px;
				height:115px;
				overflow:hidden;
				}
	
				#pickupbox h3{
				float:right;
				width:175px;
				height:85px;
				text-align:right;
				}
				
				#pickupbox p{
				float:right;
				width:130px;
				height:30px;
				}
				
					#pickupbox p a{
					display:block;
					width:130px;
					height:30px;
					text-indent:-9999px;
					line-height:1%;
					overflow:hidden;
					background:url(images/home_pickupbox_p.gif);
					}

					a.imgbox:hover,
					#pickupbox p a:hover{
					filter:alpha(opacity=50);
					opacity:0.5;
					}