@charset "UTF-8";

/*----------------
*	Style Name: Screen Layout Stylesheet
*	Description: ディスプレイ向けレイアウト用のスタイル
*
*	=1. Settings
*	=2. Header
*	=3. Global Navigation
*	=4. Main
*	=5. Aside
*	=6. Footer
*
*	Suggested order:
*		content
*		quotes
*		counter
*		marker-offset
*		list-style
*		cursor
*		outline
*		display
*		position
*		z-index
*		float
*		clear
*		direction
*		unicode-bidi
*		width
*		height
*		line-height
*		vertical-align
*		clip
*		visibility
*		margin
*		padding
*		border
*		caption-side
*		table-layout
*		border-collapse
*		border-spacing
*		empty-cells
*		speak-header
*		color
*		font
*		text-indent
*		text-align
*		text-decoration
*		text-shadow
*		letter-spacing
*		word-spacing
*		text-transform
*		white-space
*		background
----------------*/

/*======================================

	=1. Settings

=======================================*/

body {
	text-align: center;
	background: url(../images/layout/bg.gif) repeat;
}
div#container {
	width: 862px;
	margin: 0 auto;
	background: url(../images/layout/bodybg.gif) repeat-y center;
}

#home div#content, 
#shopinfo div#content {
	margin-top:10px;
	background:url(../images/common/container_bg.gif) repeat-y;
}




div#containerFooter {
	clear:both;
	width: 852px;
	margin: 15px auto 0;
}

div#header,
div#nav,
div#content,
div#footer {
	width: 852px; /* for IE5 */
	width: /**/ 852px;
	margin: 0 auto;
}

/*--------------------------------------
	=1-1. Clearfix
---------------------------------------*/
div#nav ul,
div.section,
div#header,
div#nav,
div#content,
div#footer {
	clear: both;
	min-height: 1px;
	margin: 0 auto;
	font-size: 100.01%;
	text-align: left;
/* for MacIE5 \*//*/
	height: auto;
	overflow: hidden;
/* end */
}

div#nav ul:after,
div.section:after,
div#header:after,
div#nav:after,
div#content:after,
div#footer:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

* html div#header  { height: 1px; }
* html div#nav     { height: 1px; }
* html div#content { height: 1px; }
* html div#footer  { height: 1px; }

div#header,
div#main,
div#aside,
div#footer {
	padding-top: 1px;
	padding-bottom: 1px;
}

/*--------------------------------------
	=1-2. Header
---------------------------------------*/

div#header {
	padding-top:70px;
	background:#c5000c url(../images/layout/winstop.gif) repeat-x;
	position:relative;
}

div#header div#logo {
	position:absolute;
	top:31px;
	left:8px;
}

div#header ul {
	position:absolute;
	top:45px;
	left:665px;
	_left:625px;
	margin:0;
	padding:0;
}

div#header ul#top_menu_home li{
	float:left;
	display:block;
	margin:0 0 0 34px;
}


/*--------------------------------------
	=1-3. Global Navigation
---------------------------------------*/

div#nav{
	background-color:#c20008;
	border-bottom: solid 1px #c20008;
}

div#nav ul#MenuBar1{
	padding:1px 1px 0 0;
	margin:0;
}

div#nav ul li {
	width:141px;
	margin:0 0 0 1px;
	padding:0;
	float:left;
	list-style-type:none;
}

div#nav ul li.navi-last {
	width:140px;
	margin:0;
	padding:0;
	float:right;
	background-color:#CCFFFF;
	list-style-type:none;
}

div#nav ul#MenuBar1 li ul{
	padding:0;
	margin-top:1px;
}

div#nav ul#MenuBar1 li ul li{
	width:141px;
	min-height:15px;
	margin:1px 0 0 0;
	background-color:7b7b7b;
}

div#nav ul li ul li a {
	width:131px;
	min-height:15px;
	padding:5px;
	text-align:center;
	display:block;
	list-style-type:none;
}


div#eyecatch {
	margin:0;
	padding:0;
}










/*--------------------------------------
	=1-4. Main
---------------------------------------*/
#oilcatch div#main,
#category div#main,
#sitemap div#main,
#privacy div#main,
#maker div#main,
#parts div#main {
	width:832px;
	margin:15px auto 0;
}


#home div#main,
#shopinfo div#main {
	width:540px;
	margin-left:10px;
	text-align:left;
	float:left;
}

#home div#main p {
	line-height:1.5em;
}

#home div#main dl {
	clear: both;
	border-bottom: 1px solid #444;
	margin-top:15px;
}

#home div#main dl dt {
	clear: both;
	padding-top: 6px;
	border-top: 1px solid #444;
	font-weight: bold;
	color:#FF0000;
}

#home div#main dl dt img {
	margin-bottom: 6px;
	margin-right:10px;
	float:left;
}

#home div#main dl dt br {
	display: none;
}

#home div#main dl dd {
	margin: 0.4em 0 6px 151px;
	line-height:1.4;
}

#home div#main dl dd ul li {
	list-style: none;
}


div#main h1 {
	color:#FF0000;
	font-weight:bold;
	font-size:1.1em;
	margin: 0 ;
}


#category div#main h1#parts-big-title {
	width:830px;
    height:30px;
	line-height:30px;
	font-size:1em;
	font-weight:normal;
	color:#000000;
	border:#888888 solid 1px;
	margin-bottom:20px;
}

#category div#main h1#parts-big-title div{
	float:right;
	margin:0;
}

#category div#main h1#parts-big-title img{
	margin:2px 0 1px 3px;
}

#category div#main div#middle-title {
	margin:0 0 20px 10px;
}

#category div#main div.parts-box{
	margin:0 30px 10px;
}

#category div#main div.parts-box div.small-title {
	width:772px;
	height:19px;
	margin-bottom:5px;
	background:url(../images/parts/exterior/red-line.jpg) repeat-x bottom;
	clear:both;
}

#category div#main div.parts-box div.small-title p {
	font-weight:bold;
	float:right;
	margin-top:0;
}

#category #main div.synopsis {
	clear:both;
}

#category #main div.synopsis p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

#category #main div.synopsis p.syn-text {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:617px;
	padding:0 10px;
}

/*for IE6 */
* html #main div.synopsis p,
div.synopsis p.syn-text,
#main div.oil-synopsis p,
div.oil-synopsis p.oil-syn-text {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html #main div.synopsis p,
div.synopsis p.syn-text,
#main div.oil-synopsis p,
div.oil-synopsis p.oil-syn-text {
	display: inline;
	zoom: 1;
}

/*オイルキャッチタンク*/

#category div#main div.oil-parts-box {
	margin:10px 0 20px;
}

#category div#main div.oil-parts-box p#what-oil {
	margin:0 20px 0 20px;
}

#category div#main div.oil-parts-box div.oil-small-title {
	width:832px;
	height:19px;
	margin-bottom:10px;
	background:url(../images/parts/exterior/red-line.jpg) repeat-x bottom;
	clear:both;
}

#category div#main div.oil-parts-box div.oil-small-title p {
	font-weight:bold;
	float:right;
	margin-top:0;
}

#category #main div.oil-synopsis {
	clear:both;
}


#category #main div.oil-synopsis p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:201px;
}


#category #main div.oil-synopsis p.oil-syn-text {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:600px;
	padding:0 10px 0 20px;
}

#category #main div.oil-synopsis p.oil-syn-text span {
	color:#FF0000;
	font-size:1.1em;
	font-weight:bold;
}

#category div#main div.oil-parts-box table {
	padding:10px;
}


#category div#main div.oil-parts-box table tr,
#category div#main div.oil-parts-box table td {
	vertical-align:middle;
	border:none;
}

#category div#main div.oil-parts-box table td img {
	margin-bottom:10px;
}




#maker div#main {
	margin-top:10px;
}

#maker div#main div.section {
	clear:both;
}

#maker div#main th,
#maker div#main td {
	width:200px;
	border:#CCCCCC solid 1px;
	padding:3px;
}

#maker div#main ul{
	margin:0;
	padding:0;
}

#maker div#main p.shashu-list {
	margin:0 0 10px 0;
}

#maker div#main ul.shashu-list {
	width:250px;
	margin-top:8px;
	float:left;
}

#maker div#main div.shashu-img {
	margin-top:20px;
}

#maker div#main div.shashu-img img{
	margin-left:4px;
}

#maker div#main ul.shashu-list li {
	list-style-type:none;
	width:auto;
	padding:0;
	margin-left:5px;
	margin-top:5px;
	background-color:#FFFFFF;
	float:none;
}

#maker div#main div.section ul li{
	list-style-type:none;
	display:block;
	float:left;
}

#maker div#main div.section td a{
	display:block;
}

#maker div#main div.section h3 {
	margin:1.5em 0 0.2em;
}

#maker div#main div.section th {
	text-align:left;
}

#maker div#main div.section th img {
	margin-bottom:6px;
}

#maker div.section h2 {
	background:url(../images/common/h2-bg.gif) repeat-x bottom;
	height:16px;
	margin-top:50px;
}

#maker div.section h2#suzuki-h {
	background:url(../images/common/h2-bg.gif) repeat-x bottom;
	height:20px;
	margin-top:20px;
} 

#maker div#main div.section h3 {
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:#cccccc solid 2px;
}

#maker div#main img.model {
	float:left;
}

#maker div#main div.recommendation {
	width:610px;
	float:right;
}

#maker div#main div#maker-big-title {
	width:830px;
    height:30px;
	line-height:30px;
	font-size:1em;
	font-weight:normal;
	color:#000000;
	border:#888888 solid 1px;
	margin-bottom:20px;
}

#maker div#main div#maker-big-title div{
	float:right;
	margin:0;
}

#maker div#main div#maker-big-title img{
	margin:2px 0 1px 3px;
}


#maker div#main div.section ul#jimny-menu {
	width:832px;
	margin-bottom:10px;
}


#maker div#main div.section ul#jimny-menu li#jim-1 {
	text-decoration: none;
	display:block;
	text-align:left;
	margin-right:5px;
}

#maker div#main div.section ul#jimny-menu li#jim-2 {
	text-decoration: none;
	display:block;
	text-align:left;
	margin-right:5px;
}

#maker div#main div.section ul#jimny-menu li#jim-3 {
	text-decoration: none;
	display:block;
	text-align:left;
	margin-right:5px;
}

#maker div#main div.section ul#jimny-menu li#jim-4 {
	text-decoration: none;
	display:block;
	text-align:left;
}



#parts div.section {
	margin-bottom:30px;
}


#parts div.price-box {
	padding:10px;
	width:320px;
	float:left;
	font-size:1.1em;
	border:#CCCCCC solid 1px;
	background-color:#eeeeee;
}

#parts div.price-box p{
	clear:both;
	width:320px;
	margin:15px 0 0 0 ;
	padding:0;
	line-height:1.5;
	display:block;
}

#parts div.price-box ul.gallery {
	margin:10px 0 0 0;
	padding:0;
}

#parts div.price-box ul.gallery li{
	list-style-type:none;
	width:100px;
	margin-right:10px;
	float:left;
}

#parts div.price-box ul.gallery li.last {
	margin-right:0px;
}

#parts div.price-box div {
	background-color:#FFFFFF;
	padding:0 10px 1px;
	margin:10px -10px -10px;
	border-top:#CCCCCC solid 1px;
	font-weight:bold;
}

#parts div.price-box div#slideshow {
	padding:0;
	margin:0;
	border-top:none;
}

/*ギャラリー*/

.pics { height: 240px; width: 320px; padding:0; margin:0; overflow: hidden }
.pics img { top:0; left:0 }



#parts div.price-box div p.price,
#parts div.price-box div ul.price,
#parts div.story-box div p.price {
	font-weight:normal;
	margin-bottom:1em;
}

#parts div.story-box {
	width:470px;
	float:right;
	margin-bottom:0;
}

#parts div.story-box div {
	border:#CCCCCC solid 1px;
	padding:0 10px;
	font-weight:bold;
}

#parts div.story-box div p {
	margin-bottom:-1em;
}

#parts div.story-box div ul.price2 {
	margin-top:20px;
	color:#FF0000;
}

#parts div#main div.section table td,
#oilcatch div#main table td {
	vertical-align:middle;
	padding:10px;
	background-color:#F6FEFF;
}

#parts div#main div.section table td.long-text {
	vertical-align:top;
}

#parts div#main div.section table td#muffler-pic span {
	margin-right:18px;
	vertical-align:top;
}

#parts div#main div.section table td img {
	margin-bottom:10px;
}

#parts div#main div.section table.price-list th,
#oilcatch div#main table.price-list th {
	text-align:center;
}

#parts div#main div.section table.price-list td,
#oilcatch div#main table.price-list td {
	padding:5px 10px;
	text-align:center;
}

#parts div#main div.section table.price-list td.item-title,
#oilcatch div#main table.price-list td.item-title {
	text-align:center;
	background-color:#F2F2F2;
}

#parts div#main div.section h3 {
	font-weight:bold;
	color:#000000;
	margin-top:20px;
	margin-bottom:-0.5em;
}

#parts div#main div.section h3.supplement-title {
	margin-bottom:1em;
}

#parts div#main p.attention-airfilter {
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:20px;
	padding:0;
}

#parts div#main div.section div.price-box2 {
	margin-bottom:20px;
	padding:0;
	width:830px;
	background-color:#ffffff;
	border:#CCCCCC solid 1px;
	overflow:hidden;
}

#parts div#main div.section div.price-box2 div {
	background-color:#eeeeee;
	padding:10px;
	float:left;
	margin-right:10px;
	border-right:#CCCCCC solid 1px;
	margin-bottom:0;
}

#parts div#main div.section div.price-box2 p {
	margin:15px 0 0 0;
}

#parts div#main div.section div.price-box2 p.price {
	margin-top:0px;
}

#parts div#main div.section dl dt {
	display: list-item;
	list-style:circle inside;
	margin:20px 10px 10px;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.2em;
}

#parts div#main div.section dl dd {
	margin:0 25px 10px 25px;
}

#parts div#main div.section dl#q-a {
	margin-left:10px;
	margin-right:10px;
}

#parts div#main div.section dl#q-a dt {
	background:#eeeeee;
	padding:10px;
	margin:0;
	list-style:none outside;
	border:#cccccc solid 1px;
	border-bottom:none;
	clear:left;
}

#parts div#main div.section dl#q-a dd {
	margin:0 0 10px;
	padding:10px 10px 10px 0;
	border:#cccccc solid 1px;
}

#parts div#main div.section dl#q-a dt span.question {
	color:#FF0000;
	font-size:1.2em;
	margin-right:10px;
}

#parts div#main div.section dl#q-a dd.answer {
	color:#3399FF;
	font-size:1.2em;
	width:1em;
	margin-left:12px;
	float:left;
	font-weight:bold;
	border:none;
}

#parts div#main div.section h3#qa-title {
	font-size:1.2em;
	margin-left:10px;
	margin-bottom:20px;
	padding-bottom:2px;
	border-bottom:#FF0000 solid 2px;
	height:1.2em;
}

#parts div#main div.section-country {
	margin-top:100px;
}

#parts div#main div.section-country h2 {
	margin-top:0;
	color:#FF0000;
	font-size:1.3em;
}

#parts div#main div.section-plural {
	margin:36px 0 0;
	clear:both;
}

.fat-font {
	font-weight:bold;
}

#oilcatch div#main h1#oil_t {
	width:832px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#3366ff;
}

#oilcatch div#main h1#oil_m {
	width:832px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#BF0039;
}

#oilcatch div#main h1#oil_n {
	width:832px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#003366;
}

#oilcatch div#main h1#oil_s {
	width:832px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#009933;
}

#oilcatch div#main h1#oil_i {
	width:832px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#990000;
}

#oilcatch div#main h1#oil_g {
	width:832px;
	font-size:1em;
	margin-bottom:20px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#333333;
}

#oilcatch div#main h3 {
	width:832px;
	margin-top:40px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:center;
	color:#ff0000;
	border-bottom:1px solid #000000;
}

#oilcatch div#main h3#title_n {
	width:832px;
	margin-top:40px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:center;
	color:#003366;
	border-bottom:1px solid #000000;
}

#oilcatch div#main h3#title_i {
	width:832px;
	margin-top:40px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:center;
	color:#990000;
	border-bottom:1px solid #000000;
}

#oilcatch div#main p {
	color:#ff0000;
	margin:0 30px 40px 30px;
}

#oilcatch div#main p.text_n {
	color:#003366;
	margin:0 30px 40px 30px;
}

#oilcatch div#main p.text_i {
	color:#990000;
	margin:0 30px 40px 30px;
}

#oilcatch div#main p.text_gr {
	color:#000000;
	margin:0 0 0 10px;
}

#oilcatch div#main p.text_maker-list {
	text-align:center;
	color:#000000;
	margin-bottom:10px;
}

#oilcatch div#main table {
	margin-bottom:25px;
	border:1px #4B4B4B solid;
	vertical-align:middle;
}

#oilcatch div#main table td,
#oilcatch div#main table th {
	margin-bottom:25px;
	border:1px #4B4B4B solid;
	vertical-align:middle;
}

#oilcatch div#main table td.cartype_t {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	border:1px #4B4B4B solid;
	background-color:#3366ff;	
}

#oilcatch div#main table td.cartype_m {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	border:1px #4B4B4B solid;
	background-color:#BF0039;	
}

#oilcatch div#main table td.cartype_n {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	border:1px #4B4B4B solid;
	background-color:#003366;	
}

#oilcatch div#main table td.cartype_s {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	border:1px #4B4B4B solid;
	background-color:#009933;	
}

#oilcatch div#main table td.cartype_i {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	border:1px #4B4B4B solid;
	background-color:#990000;	
}

#oilcatch div#main table td.cartype_r {
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	border:1px #4B4B4B solid;
	background-color:#009999;	
}

#oilcatch div#main table.maker-list,
#parts div#main table.maker-list {
	margin:0 auto;
	border:2px #ffffff solid;
	width:300px;
}

#oilcatch div#main table.maker-list td,
#parts div#main table.maker-list td {
	text-align:center;
	color:#ff0000;
	background-color:#ffffcc;
	border:2px #ffffff solid;
}

#oilcatch div#main table.maker-list td.now-reading {
	text-align:center;
	color:#ff0000;
	font-weight:bold;
	background-color:#ffffcc;
	border:2px #ffffff solid;
}

.maker-list a {
	text-decoration:none;
}

.maker-list a:visited {
	color:#003399;
	text-decoration:none;
}


#privacy div#main {
	margin-top:15px;
}

#privacy div#main ul li {
	list-style:decimal inside;
	margin-top:20px;
}

#privacy div#main ul.second li {
	list-style-type:decimal;
	margin-top:5px;
}


#privacy div#main ul li ul li {
	list-style-type:none;
	margin-top:10px;
}

#privacy div#main div.section {
	width:760px;
	margin:30px 0 0;
	clear:both;
}

#privacy div#main p.second {
	margin-top:50px;
}


p.attention {
	font-weight:bold;
	color:#FF0000;
	margin-top:-1em;
}

#shopinfo p.attention {
	margin-top:0;
}

#shopinfo div#main dl {
	clear: both;
}

#shopinfo div#main dl dt {
	margin-top:30px;
	font-weight: bold;
	color:#FF0000;
}

#shopinfo div#main dl dt.first {
	margin-top:0;
}

#shopinfo div#main dl dd {
	margin-top:10px;
}

#shopinfo div#main dl dd p{
	margin-top:20px;
}

#shopinfo div#main dl dd ul li {
	list-style-type:disc;
}

#shopinfo div#main dl dd ul.no-mark, 
#shopinfo div#main dl dd ul.no-mark2 {
	padding:0;
	margin:0;
}

#shopinfo div#main dl dd ul.no-mark2 {
	margin-top:20px;
}

#shopinfo div#main dl dd ul.no-mark li,
#shopinfo div#main dl dd ul.no-mark2 li {
	list-style-type:none;
}



/*--------------------------------------
	=1-5. Aside
---------------------------------------*/

div#aside {
	width:263px;
	text-align:left;
	float:right;
	margin:0 10px 0 0;
	font-size:0.9em;
}

#home div#aside dl {
	margin:0;
	padding:0;
}

#home div#aside dt {
	color:#FF0000;
	font-weight:bold;
	margin:25px 0 0;
}

#home div#aside dt.first {
	margin-top:0;
}

#home div#aside dd {
	margin:10px 0 0;
	padding:0 5px 5px;
	border-bottom:#CCCCCC dotted 1px;
}

#home div#aside ul {
	padding:0 0 0 10px;
	margin:0;
}

#home div#aside ul li {
	margin:10px 10px 0;
	list-style-type:disc;
}

#home div#aside p.attention {
	margin:20px 0 0;
	line-height:1.5;
	font-weight:normal;
}

#home div#aside p.information {
	margin-top:20px;
	padding:5px;
	line-height:1.5;
	color:#FFFFFF;
	background-color:#c5000c;
}

#shopinfo div#aside div#shop-calender {
	margin-top:20px;
	padding:5px;
	border:#CCCCCC dotted 1px;
}

#shopinfo div#aside div#shop-map {
	margin-top:20px;
}


#sitemap div#main table {
	margin-top:20px;
}

#sitemap div#main table td {
	border:none;
}

#sitemap div#main table td span {
	font-weight:bold;
}

#sitemap div#main table td ul{
	margin:0;
	padding:0 0 0 17px;
}

#sitemap div#main table td ul li {
	margin-top:5px;
	list-style-type:disc;
}


p.reverse {
	text-align:right;
}


/*--------------------------------------
	=1-6. Footer
---------------------------------------*/

div#footer {
	padding-top: 21px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
}

div#footer p#copyright {
	font-size:0.8em;
	color:#CCCCCC;
}