/* HTML Tag
-------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ab0000;
	background-image:url(css_images/body_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color: #666;
	font-family: "ＭＳ Ｐゴシック", "Osaka",Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

a { text-decoration: none; }
a:link { color: #006; }
a:visited { color: #300090; }
a:hover {
	color: #93f;
	text-decoration: underline;
}
#header a:hover,
#footer a:hover,
.innerHead a:hover,
.innerSide a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

img { border: 0; }



/* Layout
-------------------------------------------------- */

/* Container */
#container {
	width: 900px;
	background-image: url(css_images/tmp_bg_main.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #666;
	margin: 0 auto;
}

/* Header */
#header {
	position: relative;
	height: 70px;
	background-image: url(css_images/tmp_bg_header.gif);
	background-repeat: no-repeat;
}
.english #header {
	position: relative;
	height: 70px;
	background-image: url(css_images/tmp_bg_header_en.gif);
	background-repeat: no-repeat;
}

/* Contents */
#contents {
	clear: both; /* Clear */
	width: 878px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 9px 10px 10px;
}

/* Footer */
#footer {
	clear: both; /* Clear */
	position: relative;
	height: 51px;
	background-image: url(css_images/tmp_bg_footer.gif);
	background-repeat: no-repeat;
}



/* Header Area
-------------------------------------------------- */

/* Logo Title */
#header h1 {
	position: relative;
	top: 15px;
	left: 10px;
	height: 45px;
	width: 192px;
}
#header h1 a {
	display: block;
	height: 45px;
	width: 192px;
}

/* Header Navigation */
#header ul {
	position: absolute;
	top: 45px;
	right: 14px;
	list-style: none;
}
#header li {
	float: left; /* Float */
	height: 22px;
	font-size: 10px;
}
#header li a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center 0;
	text-indent: -10000px;
}
#header li a:hover { background-position: center -22px; }
#header li.home a {
	width: 55px;
	background-image: url(css_images/head_txt_02.gif);
}
#header li.pdct a {
	width: 88px;
	background-image: url(css_images/head_txt_03.gif);
}
#header li.comp a {
	width: 71px;
	background-image: url(css_images/head_txt_04.gif);
}
#header li.ir a {
	width: 62px;
	background-image: url(css_images/head_txt_05.gif);
}
#header li.rec a {
	width: 70px;
	background-image: url(css_images/head_txt_06.gif);
}
#header li.race a {
	width: 77px;
	background-image: url(css_images/head_txt_07.gif);
}

/* Header Item */
.sch {
	position: absolute;
	top: 22px;
	right: 88px;
}
.sch .tableLayout { border-collapse: collapse; }
.sch td {
	height: 20px;
	padding: 0 1px;
	font-size: 10px;
}
.sch td.en a {
	display: block;
	height: 20px;
	width: 74px;
	background-image: url(css_images/head_txt_08.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
}
.sch td.jp a {
	display: block;
	height: 20px;
	width: 74px;
	background-image: url(css_images/head_txt_08_en.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
}
.sch td.en a:hover { background-position: 0 -20px; }
.sch input.schFld {
	width: 170px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	font-size: 12px;
}



/* Footer Area
-------------------------------------------------- */
#footer ul {
	position: relative;
	top: 12px;
	height: 22px;
	padding-left: 5px;
	list-style: none;
}
#footer li {
	float: left; /* Float */
	height: 15px;
	border-right: 1px solid #cbccc6;
	padding: 0 5px;
	font-size: 10px;
}
#footer li.end { border-right: none; }
#footer li.copy {
	float: right; /* Float */
	border-right: none;
	padding: 0 5px;
	margin: 7px 5px 0 0;
}



/* Contents Area(Inner Layout)
-------------------------------------------------- */
.twoCol .inner {
	background-image: url(css_images/tmp_bg_inner.gif);
	background-repeat: repeat-y;
}
.twoCol .inner2 {
	background-image: url(css_images/tmp_bg_inner2.gif);
	background-repeat: repeat-y;
}
.twoCol .inner3 {
	background-image: url(css_images/tmp_bg_inner3.gif);
	background-repeat: repeat-y;
}

.oneCol .inner { background-color: #fff; }

.oneCol .inner2 { background-color: #000; }


/* Inner Head */
.innerHead {
	position: relative;
	height: 40px;
	background-image: url(css_images/tmp_bg_innerHead_en.gif);
	background-repeat: no-repeat;
}

/* Inner Title */
.innerTitle {
	background-image: url(css_images/bg_innerTtl.gif);
	background-repeat: repeat-x;
}

/* Inner Side */
.innerSide {
	float: left; /* Float */
	width: 143px;
}

/* Inner Main */
.twoCol .innerMain {
	float: right; /* Float */
	width: 735px;
}
.oneCol .innerMain { background-color: #ececec; }

/* Inner Foot */
.twoCol .innerFoot {
	clear: both; /* Clear */
	height: 30px;
	padding-right: 5px;
	text-align: right;
}
.oneCol .innerFoot {
	height: 30px;
	background-color: #ececec;
	padding-right: 5px;
	text-align: right;
}

.oneCol .innerFoot2 {
	clear: both; /* Clear */
	height: 30px;
	padding-right: 5px;
	text-align: right;
}


/* Contents Area(Inner Item)
-------------------------------------------------- */

/* Main Navigation */
.innerHead ul {
	position: absolute;
	top: 6px;
	left: 13px;
	list-style: none;
}
.innerHead li {
	float: left; /* Float */
	height: 21px;
	font-size: 10px;
}
.innerHead li a {
	display: block;
	height: 21px;
	background-repeat: no-repeat;
	background-position: center 0;
	text-indent: -10000px;
}
.innerHead li.wheel a, .innerHead li.wheelS a {
	width: 60px;
	background-image: url(css_images/subnavi-wheel.gif);
}
.innerHead li.parts a, .innerHead li.partsS a {
	width: 70px;
	background-image: url(css_images/subnavi-parts.gif);
}
.innerHead li.wheelac a, .innerHead li.wheelacS a {
	width: 122px;
	background-image: url(css_images/subnavi-wheelac.gif);
}
.innerHead li.picdl a, .innerHead li.picdlS a {
	width: 99px;
	background-image: url(css_images/subnavi-picdl.gif);
}
.innerHead li.maching a, .innerHead li.machingS a {
	width: 95px;
	background-image: url(css_images/subnavi-maching.gif);
}
.innerHead li.wheelS a,
.innerHead li.partsS a,
.innerHead li.wheelacS a,
.innerHead li.picdlS a,
.innerHead li.machingS a { background-position: center -21px; }

.innerHead li.sales a, .innerHead li.salesS a {
	width: 69px; /* 画像幅＋14pxに設定 */
	background-image: url(css_images/subnavi-sales.gif);
}
.innerHead li.salesS a { background-position: center -21px; }

.wheels_index {
	position: absolute;
	top: 12px;
	left: 20px;
	text-indent: -10000px;
	width:121px;
	height:20px;
	background-image:url(/images/products/wheels_index_btn.gif);
}
.wheels_index a {
	display: block;
	width:121px;
	height:20px;
background-image:url(/images/products/wheels_index_btn.gif);
}

.wheels_index a:hover {
	display: block;
	width:121px;
	height:20px;
background-image:url(/images/products/wheels_index_btn.gif);
background-position: 0 -20px;
}

.contactus {
	position: absolute;
	top: 12px;
	left: 750px;
	text-indent: -10000px;
	width:121px;
	height:20px;
	background-image:url(/images/products/contactus_btn.gif);
}
.contactus a {
	display: block;
	width:121px;
	height:20px;
background-image:url(/images/products/contactus_btn.gif);
}

.contactus a:hover {
	display: block;
	width:121px;
	height:20px;
background-image:url(/images/products/contactus_btn.gif);
background-position: 0 -20px;
}

/* Side Navigation */
.innerSide dt, .innerSide dd { font-size: 10px; }
.innerSide dt {
	height: 54px;
	width: 143px;
	overflow: hidden;
}
.innerSide dd { height: 32px; }
.innerSide dd a {
	display: block;
	height: 32px;
	width: 143px;
	background-repeat: no-repeat;
	text-indent: -10000px;
}
.innerSide dd a:hover { background-position: 0 -32px; }
.innerSide dd.selected1 a:hover { background-position: 0; }
.innerSide dd.selected2 a:hover { background-position: 0; }
.innerSide dd.bn {
	height: auto;
	margin-top: 10px;
}
.innerSide dd.bn a {
	height: auto;
	width: 123px;
	padding: 0 10px;
	text-indent: 0;
}



/* Side Navigation(Categorise) */
.wheel .innerSide dd.menu01 a { background-image: url(/css/css_images/sidebar-brand.gif); }
.wheel .innerSide dd.menu02 a { background-image: url(/css/css_images/sidebar-type.gif); }
.wheel .innerSide dd.menu01.selected1 a { background-image: url(/css/css_images/sidebar-brand-over.gif); }
.wheel .innerSide dd.menu02.selected2 a { background-image: url(/css/css_images/sidebar-type-over.gif); }
/* matching */
.wheel .innerSide dd.menu01-mc a { background-image: url(/css/css_images/sidebar-wheel.gif); }
.wheel .innerSide dd.menu02-mc a { background-image: url(/css/css_images/sidebar-gt.gif); }
.wheel .innerSide dd.menu01-mc.selected1 a { background-image: url(/css/css_images/sidebar-wheel-over.gif); }
.wheel .innerSide dd.menu02-mc.selected2 a { background-image: url(/css/css_images/sidebar-gt-over.gif); }
/* English */
.wheel .innerSide dd.menu01-en a { background-image: url(/css/css_images/sidebar-brand_en.gif); }
.wheel .innerSide dd.menu01-en.selected1-en a { background-image: url(/css/css_images/sidebar-brand-over_en.gif); }
.innerSide dd.selected1-en a:hover { background-position: 0; }

/* LAYOUT PART */
/******************************************************************/
div#flashspn { width:878px; margin:9px 0px 11px 0px; }
div#news_block { width:623px; float:left; padding-left:10px; padding-bottom:10px; background:url(/images/bg-news-btm_900.gif) bottom right no-repeat; }
div#newsmdl  { width:623px; margin:0px; padding:15px 0px 0px 0px; background:url(/images/bg-news-ul_900.gif) top left repeat-y; }
div#newsmdl-inner { width:588px; margin:0px auto; padding:0px; }
div#banner { width:225px; float:right; padding-right:10px; }

/* CONTENTS PART */
/******************************************************************/
div#newsmdl-inner td { padding-top:0px; padding-bottom:6px; vertical-align:baseline; line-height:1em; }
div#newsmdl-inner td a { line-height:1em; }
div#newsmdl-inner td img { display:inline; top:2px; }
.date { width:72px; padding:0px 0px 0px 17px; vertical-align:baseline; background:url(/common_images/img_list_news_01.gif) no-repeat; color:#666666; line-height:1em; }
ul#news { margin:0px; padding:0px; list-style:none; }
ul#news li { margin:0px 25px 0px 10px; padding:0px 0px 0px 25px; vertical-align:top; background:url(/common_images/list-news.gif) no-repeat; }


/* BANNER PART */
/******************************************************************/
div#banner p { padding:2px 0px; }


/* LINK PART */
/******************************************************************/
a:link,a:visited { color:#990000; text-decoration:none; }
a:hover,a:active { color:#990000; text-decoration:underline; }
