@charset "utf-8";
@import url("default.css");

body {
	margin:			0px;
	color:			#fff;
	background:		#000 url(../contents/img/global/bg_body.gif) repeat-x;
	text-align:		center;
	font-size:		small;
	font-family:	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:	20px;
}
a{
	color:			#c00;
/*	text-decoration:none;*/
}
a:hover {
	color:			#f00;
	text-decoration:underline;
}

h1 {
	font-size:		14px;
}
h2 {
	font-size:		14px;
	letter-spacing:	1px;
	border-left:	6px solid #c00;
	text-indent:	7px;
}
.caption {
	font-size:		10px;
}
.large-txt {
	font-size:18px;
}
img {
	border-width:	0;
}
.pagetop {
	text-align:right;
	padding-right:10px;
	margin:1em 0;
}
.pageback {
	text-align:right;
}
.clear {
	clear:both;
}
hr {
	background-color: #666;
	color:#666;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/*----------------------------
	
----------------------------*/
#container {
	margin:	0 auto;
	text-align:	center;
}
#headArea {
	width:780px;
	margin:0 auto;
	text-align:left;
}
/*----------------------------
	
----------------------------*/
#header{
	height:52px;
}

#header #logo {
	width:220px;
	margin:0;
	float:left;
}
#header #headerNavi {
	margin:0;
	float:left;
	width:560px;
	text-align:right;
}
#headerClear{
	margin:0;
	clear:both;
	height:1px;
}
#goHome{
	float:right;
	margin:11px 0 0 0;
}
#goEnglish{
	float:right;
	margin:11px 0 0 15px;
}
#topImg-area {
	text-align:center;
	width:100%;
	height:101px;
	background:url(../contents/img/global/bg_topImgArea.gif) repeat-x;
}
/*----------------------------
	
----------------------------*/
#bottom_menu {
	padding:5px 0;
	margin:0;
	border-top: 1px #333 solid; 
	color: #555;
	text-align:center;
	font-size:0.8em;
}
div#bottom_menu A {color:#ccc; text-decoration:none}
div#bottom_menu A:visited {color:#ccc; text-decoration:none}
div#bottom_menu A:hover	{color:#c00; text-decoration:none}

#bottomNavi {
	margin:0 auto;
	padding:0;
	text-align:center;	
	width:780px;
}
#bottomNavi li{
	display:inline;
}
#footer {
	clear:both;
	padding:10px 0;
	border-top: 1px #333 solid; 
	color:#666;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
.pageBack {
	clear:both;
	margin-top:10px;
	text-align:right;
}
#bottomCaption {
	clear:both;
	text-align:center;
	margin:0 0 0 0;
	padding-top:35px;
}
/*----------------------------
	
----------------------------*/
#navi {
	height:26px;
	margin:0 0 3px 0px;
	padding:0;
}
#navi li {
	margin:0 0 0 0;
	padding:0;
	float:left;
	display:block;
	overflow:hidden;
	height:26px;	
	text-indent:-9999px;
	list-style-type:none;
}
#navi li a{
	display:block;
	height:26px;
	background-repeat:no-repeat;
}
#navi li a:hover{
	background-position:0 bottom;
}
li#naviParts a {
	width:86px;
	background:url(../contents/img/global/naviBtn_parts.gif) no-repeat;
}
li#naviTune a {
	width:86px;
	background:url(../contents/img/global/naviBtn_tune.gif) no-repeat;
}
li#naviEngine a {
	width:112px;
	background:url(../contents/img/global/naviBtn_engine.gif) no-repeat;
}
li#naviCorp a {
	width:83px;
	background:url(../contents/img/global/naviBtn_corp.gif) no-repeat;
}
li#naviConcept a {
	width:85px;
	background:url(../contents/img/global/naviBtn_concept.gif) no-repeat;
}
li#naviBlog a {
	width:110px;
	background:url(../contents/img/global/naviBtn_blog.gif) no-repeat;
}
li#naviInq a {
	width:79px;
	background:url(../contents/img/global/naviBtn_inquiry.gif) no-repeat;
}
li#naviHRK a {
	width:139px;
	background:url(../contents/img/global/naviBtn_hrk.gif) no-repeat;
}
li#naviHome a {
	width:80px;
	background:url(../contents/img/global/naviBtn_home.gif) no-repeat;
}


/*----------------------------
	
----------------------------*/
#mainContent{
	margin:0 auto;
	width:760px;
	padding-bottom:15px;
}
#mainArea {
	float:left;
	width:610px;
	border-right:1px solid #4D4D4D;
	text-align:left;
}
#mainArea a{
	color:			#ddd;
	text-decoration:none;
}
#mainArea a:hover {
	color:			#c00;
	text-decoration:underline;
}
#sideArea {
	float:right;
	width:141px;
	padding-top:30px;
}

/*----------------------------
	Side Navi
----------------------------*/
#sideNavi {
	width:141px;
	margin:0;
	padding:0;
}
#sideNavi li {
	display:block;
	width:141px;
	margin:0 0 6px 0;
	padding:0;
	display:block;
	overflow:hidden;
	height:34px;	
	text-indent:-9999px;
	list-style-type:none;
}
#sideNavi li a{
	display:block;
	height:34px;
	background-repeat:no-repeat;
}
#sideNavi li a:hover{
	background-position:0 bottom;
}
li#sideNavi_01 a {
	background:url(../contents/img/global/product_naviBtn_01.gif) no-repeat;
}
li#sideNavi_02 a {
	background:url(../contents/img/global/product_naviBtn_02.gif) no-repeat;
}
li#sideNavi_03 a {
	background:url(../contents/img/global/product_naviBtn_03.gif) no-repeat;
}
li#sideNavi_04 a {
	background:url(../contents/img/global/product_naviBtn_04.gif) no-repeat;
}
li#sideNavi_05 a {
	background:url(../contents/img/global/product_naviBtn_05.gif) no-repeat;
}
li#sideNavi_11 a {
	background:url(../contents/img/global/product_naviBtn_11.gif) no-repeat;
}
li#sideNavi_12 a {
	background:url(../contents/img/global/product_naviBtn_12.gif) no-repeat;
}
li#sideNavi_13 a {
	background:url(../contents/img/global/product_naviBtn_13.gif) no-repeat;
}
li#sideNavi_14 a {
	background:url(../contents/img/global/product_naviBtn_14.gif) no-repeat;
}
li#sideNavi_21 a {
	background:url(../contents/img/global/product_naviBtn_21.gif) no-repeat;
}
li#sideNavi_22 a {
	background:url(../contents/img/global/product_naviBtn_22.gif) no-repeat;
}
li#sideNavi_23 a {
	background:url(../contents/img/global/product_naviBtn_23.gif) no-repeat;
}
li#sideNavi_24 a {
	background:url(../contents/img/global/product_naviBtn_24.gif) no-repeat;
}
li#sideNavi_25 a {
	background:url(../contents/img/global/product_naviBtn_25.gif) no-repeat;
}
li#sideNavi_26 a {
	background:url(../contents/img/global/product_naviBtn_26.gif) no-repeat;
}
#sideArea #searchLabel{
	margin:10px 0 0;
}
#sideArea form{
	margin:5px 0;
}
#sideArea .txtbox{
	width:130px;
	margin-bottom:3px;
	background:#e3e3e3;
}

/*----------------------------
	Order Navi
----------------------------*/
#order-navibtn {
	margin:15px 0;
}
	#order-navibtn a {
		display:block;
		width:141px;
		height:90px;
		background:url(../contents/img/global/orderbtn_01.gif) no-repeat 0 bottom;
	}
	#order-navibtn a:hover {
		background-position:0 top;
	}
	#order-navibtn a span {
			display:none;
		}

/* old */
#orderNavi {
	width:141px;
	margin:0 0 20px;
	padding:0;
}
#orderNavi li {
	display:block;
	width:141px;
	margin:0 0 8px 0;
	padding:0;
	display:block;
	overflow:hidden;
	height:50px;	
	list-style-type:none;
}
#orderNavi li a{
	display:block;
	height:50px;
	background-repeat:no-repeat;
}
#orderNavi li a span {
	display:none;
}
#orderNavi li a:hover{
	background-position:0 bottom;
}
li#orderNavi_parts a {
	background:url(../contents/img/global/orderbtn_parts.gif) no-repeat;
}
li#orderNavi_hrk a {
	background:url(../contents/img/global/orderbtn_hrk.gif) no-repeat;
}
li#orderNavi_shaft a {
	background:url(../contents/img/global/orderbtn_shaft.gif) no-repeat;
}
li#orderNavi_tune a {
	background:url(../contents/img/global/orderbtn_tune.gif) no-repeat;
}

/* -----------------------------
	Engine
----------------------------- */
#engineTop{
	margin-top:30px;
}
h1#engineH1 {
	font-size:15px;
/*	font-family: Verdana, Geneva, sans-serif;*/ 
	height: 22px;
	margin: 3px 0 10px;
	padding: 4px 0 0 15px;
	color: #ffffff;
	line-height:1em;
	background:#000 url(../contents/img/global/bg_h1_pro.gif) no-repeat;
	overflow:hidden;
	letter-spacing:1px;
}
div#contents01 {width: 630px;
	margin: 5px 0 0 0;
	padding: 0 0 30px 0;
	background-image: url(../contents/img/index_img/bg_engine01.jpg);
	background-repeat: no-repeat;
	background-position : 0px 0px;
	text-align: left;
}
div#contents h1 {margin: 0 0 0 5px;
	padding-top: 8px;
	color: #ffffff;
	font: bold 12pt/250% "ＭＳ Ｐゴシック",osaka,"san serif";
	text-align: left; 
}
div.type01 {
	margin: 13px 0 0 30px;
	color: #ffffff;
}
img#highres {
	margin-bottom: 20px; 
	border: 0px #666666 solid;
}
/* -----------------------------
	会社概要
----------------------------- */

#comp{
	width: 750px;
	margin:35px auto 20px;
	text-align:left;
	background: url(../contents/img/company_img/bg_pic2.jpg) no-repeat 350px 0px;
	border-collapse:collapse;
}
#comp td {
	vertical-align:top;
	padding:5px 6px;
}
#comp .item {
	width:100px;
	text-align:right;

}
/* -----------------------------
	事業内容
----------------------------- */
div#contents h1#con {

}
div#guide{width: 750px;
	margin: 30px auto;	
	text-align:left;
}
.guide_img {width: 230px;
	margin: 25px 0 0 30px;
	float: right;
	text-align: right;
}
.guide_img img{
	margin-bottom:10px;
}
#guide1{
	background: url(../contents/img/guide_img/bg_180sx.jpg) no-repeat 350px 20px;
}
#guide1 ul{
	margin:20px auto 20px 40px;
	padding:0;
	font-size:13px;
	line-height:25px;
}
#guide2{
	margin: 20px 0 0 0;
/*	background-image: url(../contents/img/guide_img/bg_guide2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50px;*/
}

/* -----------------------------
	通信販売
----------------------------- */
.buy-content h2 {
	font-size:18px;
	border-bottom:1px solid #ccc;
	padding-top:6px;
	padding-bottom:4px;
}
.buy-content h3 {
	font-size:15px;
}
.buy-content .left-box {
	float:left;
	margin:0 0 30px;
}
.buy-content .right-box {
	float:right;
	margin:0 0 30px;
}
	.buy-content .buy-flow {
		border:1px solid #666;
		background:#282828;
		padding:5px;
		margin:4px 0;
	}
		.buy-content .buy-flow dt {
			font-weight:bold;
			font-size:15px;
			margin:5px 0 10px;
			padding-bottom:4px;
			border-bottom:1px dotted #666;
		}
		.buy-content .buy-flow dt .number {
			color:#ccc;
		}
		.buy-content .buy-flow dd {
			margin-left:31px;
		}

.buy-content ul li {
	margin-bottom:10px;
}

.deli-tbl {
	border-collapse:collapse;
}
	.deli-tbl th,
	.deli-tbl td {
		border:1px solid #666;
		padding:2px 4px;
	}
	.deli-tbl th {
		background:#333;
	}
	.deli-tbl td.item {
	}
	.deli-tbl td.value {
		text-align:right;
	}
	
.carriage-tbl {
	margin-bottom:30px;
}
	.carriage-tbl td {
		text-align:center;
	}
	
.buy-content .arrow {
	background:url(../contents/img/arrow_flow.gif) no-repeat center 0px;
	height:20px;
}
	.buy-content .arrow span {
		display:none;
	}
	
	.buy-content .sentence {
		margin-left:15px;
	}

/*----------------------------
	Order Form Btn
----------------------------*/


#orderformNavi {
	margin:0 0 30px;
	padding:0;
}
#orderformNavi li {
	width:141px;
	float:left;
	margin:0 20px 8px 0;
	padding:0;
	display:block;
	overflow:hidden;
	list-style-type:none;
	text-align:center;
}
#orderformNavi li a.btn {
	display:block;
	height:50px;
	margin-bottom:3px;
	background-repeat:no-repeat;
}
#orderformNavi li a.btn span {
	display:none;
}
#orderformNavi li a:hover{
	background-position:0 bottom;
}
li #orderNavi_parts {
	background:url(../contents/img/global/orderbtn_parts.gif) no-repeat;
}
li #orderNavi_hrk {
	background:url(../contents/img/global/orderbtn_hrk.gif) no-repeat;
}
li #orderNavi_shaft {
	background:url(../contents/img/global/orderbtn_shaft.gif) no-repeat;
}
li #orderNavi_tune {
	background:url(../contents/img/global/orderbtn_tune.gif) no-repeat;
}



/* -----------------------------
	HighResponseKit
----------------------------- */
#hrkFlash {
	margin: 15px auto 25px;
}
#hrkContent {
	width:760px;
	margin:auto;
	text-align:left;
	line-height:1.2em;
}
#hrkLineup {
	margin:45px auto 30px;
}
#hrkList {
	width:690px;
	margin:10px auto;
	border-collapse:collapse;
}
#hrkList td{
	padding:0 10px;	
}
#hrkList .photo{
	padding-bottom:3px;
}
#hrkList .name{
	text-indent:8px;
	padding-bottom:25px;
}
#hrkList a {
	color:#ddd;
	text-decoration:none;
}
#hrkList a:hover{
	color:#c00;
	text-decoration:underline;
}

/*----------------------------
	OUTLET STORE ORDER cgi
----------------------------*/
#orderArea {
	margin:0 auto 30px;
	padding:30px;
	background:#dfdfdf;
	color:#555;
	text-align:center;
}
	#orderArea-inner {
		width:700px; margin:0 auto;
}
	#orderArea h1 {
		margin-top:0 !important;
}
	#orderArea .notes {
		text-align:left;
		margin-top:1em;
		padding:1em;
		border:1px solid #bbb;
		background:#fff;
}
.orderTbl {
		width:700px;
		font-size:10pt;
		text-align:left;
		margin:auto;
		border:1px solid #bbb;
		border-collapse:collapse;
}
	.orderTbl th{
		background:#000;
		border:1px solid #111;
		color:#fff;
		padding:5px;
		text-align:center;
		font-size:14px;
}
	.orderTbl td{
		padding:0.5em 1em;
		background:#fff;
		vertical-align:top;
}
	.orderTbl td.item {
		background:#f8eed8;
		color:#000;
}
	.orderTbl td.value {
}
	.orderTbl td.bdr {
		border-bottom:1px dotted #aaa;
}
	.orderTbl .annot{
		color:#f00;
}

/*********************************************************************/
/* clearfix Start */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}
/* clearfix End */