@charset "utf-8";

/* --------------------------------------------------
	SiteName : cosmo
	FileName : index.css
	Description : product index styles
	
	== TOC =========================================
	1 : product index styles
	
-------------------------------------------------- */


/* 1. product index styles
================================================== */
/* hx */
#Conts h1{
	margin-bottom:15px;
}
#Conts h2,
#Conts h3{
	margin:0;
}
#Conts ul{
	list-style:none;
}

/* productLead */
#Conts p#productLead{
	margin:0 20px 20px;
}

/* section */
#Conts div.section{
	padding:16px 20px 20px 20px;
}
#Conts div.section p{
	margin:0 0 1em 0;
}

/* oilCategory */
#Conts div.oilCategory{
	position:relative;
	margin-bottom:3px;
	padding:15px 25px 10px 25px;
	background:#f6f6f4 url(../image/idx_bg_04.gif) repeat-x left bottom;
}
#Conts div.oilCategory ul{
	float:left;
	width:180px;
}
#Conts div.oilCategory ul li{
	margin-bottom:5px;
}
#Conts div.oilCategory p{
	position:absolute;
	left:386px;
	bottom:1.2em;
	margin:0;
	display:-moz-inline-box;
	display:inline-block;
	background-image:url(../../common/image/icn_arw_02.gif);
}
*html #Conts div.oilCategory p img,
*:first-child+html #Conts div.oilCategory p img{
	position:relative;
	left:5px;
}

/* aboutOil */
#Conts #aboutOil{
	background:transparent url(../image/idx_bg_01.jpg) no-repeat right top;
}
#Conts #aboutOil p{
	padding-right:120px;
}
#Conts #aboutOil p.linkIcon{
	margin-bottom:0;
	padding-right:0;
}

/* carOil */
#Conts #carOil{
	background:transparent url(../image/idx_bg_02.jpg) no-repeat right top;
}
#Conts #carOil p{
	padding:0 120px 0 0;
}
#Conts #carOil ul{
}
#Conts #carOil li{
	float:left;
	width:250px;
}
#Conts #carOil li.engine{
	margin-right:15px;
}
#Conts #carOil li img{
	vertical-align:bottom;
}

/* industryOil */
#Conts #industryOil{
	background:transparent url(../image/idx_bg_03.jpg) no-repeat right top;
}
#Conts #industryLead{
	padding:0 120px 5px 0;
}