@charset "UTF-8";

/*==================================================
          
   class.css
		  
==================================================*/

/*TOP*/

.topImg {
	background: url(../img/top/topImg.jpg) no-repeat top left;
	width: 960px;
	height: 380px;
}

.topImgNavi {
	float: right;
	padding: 270px 18px 0px 0px;
	}
	.topImgNavi li {
		float: left;
		margin: 0px 9px 0px 0px;
		background: #999999;
		}

.news {
	border-bottom: 1px solid #D0D1D3;
	padding: 0px 0px 20px 0px;
	}
	.news li {
		padding: 10px;
		zoom: 1;
		overflow: hidden;
		}
		.news li.odd { background: #F5F6F6; }
		#page .news li p {
			color: #333333;
			padding: 0px 10px 0px 0px;
			float: left;
			width: 470px;
			line-height: 140%;
			}
			#page .news li p a { color: #0040B6; }
			#page .news li p.day {
				font-family: arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
				color: #999999;
				width: 100px;
				padding: 0px 0px 0px 0px;
			}
			#page .news_list li p { width:540px; padding: 0; }
.newsList {
 width:650px;
 clear:both;
 }
.newsList a {
 background: url(../img/common/headIcon.gif) no-repeat center left;
 padding: 0px 0px 0px 15px;
 color: #3366FF;
 }

.social li {
	float: left;
	}
.newsDtTitle {
	background: url(../img/dealer/dealerIcon.gif) no-repeat center left;
	margin: 0px 0px 20px 0px;
	color: #111F79;
	font-weight: bold;
	padding: 6px 0 6px 35px;
	border-bottom: solid 1px #999999;
	font-size: 12px;
	}

.newsDt {
	margin: 0px 0px 0px 10px;
	width: 650px;
	padding: 10px;
	}
		#page .newsDt dl {
				border-top:1px solid #CCC;
				margin-top:15px;
				padding:20px 0;
			}

		#page .newsDt dt {
				font-family: arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
				color: #999999;
				font-size:12px;
				width: 100px;
				float:left;
				padding: 0px 0px 0px 0px;
			}
		#page .newsDt dd  {
				float: left;
				width:540px;
				margin-bottom:15px;
			}
		#page .newsDt dd h5  {
				color: #000;
				font-weight: bold;
				font-size: 14px;
				margin-bottom:15px;
				width:540px;
				float:left;
			}
		.newsDt a {
			color: #3366FF;
			}
		.newsDt p.returnlist {
			border-top: 1px solid #CCC;
			width:650px;
			clear:both;
		}
		.newsDt p.returnlist a {
			background: url(../img/common/headIcon.gif) no-repeat center left;
			padding: 0px 0px 0px 15px;
			color: #3366FF;
			}

/*about*/

#page p.about {
	background: url(../img/about/aboutBg01.jpg) no-repeat 10px 10px;
	padding: 70px 10px 10px 10px;
	}

.conceptList li {
	padding: 0px 0px 13px 0px;
	}

.expansion {
	background: url(../img/about/aboutBg02.jpg) no-repeat top right;
	height: 148px;
	padding: 0px 358px 20px 0px;
	}

#page p.domestic {
	background: url(../img/about/aboutBg03.jpg) no-repeat bottom right;
	padding: 0px 0px 845px 10px;
	}

/*download*/

.magazineList {
	border-bottom: #999999 1px dotted;
	padding: 0px 0px 30px 0px;
	width: 670px;
	float: right;
	}
	.magazineList li {
		width: 140px;
		float: left;
		margin: 0px 78px 0px 0px;
		}
		#page .magazineList li p {
			line-height: 120%;
			}
			#page .magazineList li p a {
				color: #0000FF;
				font-family: arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
				}

.downloadList {
	padding: 0px 0px 0px 10px;
	}
	.downloadList li {
		padding: 10px;
		zoom: 1;
		overflow: hidden;
		}
		.downloadList li.odd { background: #F5F6F6; }
		#page .downloadList li a {
			color: #0000FF;
			text-decoration: underline;
			}
			#page .downloadList li a:hover {
				text-decoration: none;
				}
				
/*faq*/

.faq dt {
	border: #EAEAEB 1px solid;
	border-top: #081364 3px solid;
	background: #FAFAFB url(../img/faq/qIcon.jpg) no-repeat 10px 15px;
	font-size: 18px;
	padding: 20px 20px 15px 75px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}
	
.faq dd {
	padding: 20px 20px 10px 70px;
	background: url(../img/faq/aIcon.jpg) no-repeat 10px 15px;
	}
	#page .faq dd p {
		padding: 0px 0px 30px 0px;
		}
		#page .faq dd p span {
			font-weight: bold;
			}

.faqList {
	margin: 0px 0px 60px 0px;
	}
	.faqList li {
		border-bottom: #DDDDDF 1px solid;
		padding: 7px 0px;
		}
		.faqList li a {
			color: #0040B6;
			background: url(../img/common/headIcon.gif) no-repeat 10px 5px;
			padding: 0px 0px 0px 25px;
			
			}
	

/*fullerene*/


.featurefull {
	background: url(../img/fullerene/fullereneImgBg01.jpg) no-repeat top left;
	padding: 0px 0px 0px 360px;
	margin: 25px 0px 0px 10px;
	}
	.featurefull li { padding: 3px 0px; }
		#page p.aboutfull {
			padding: 0px 0px 30px 0px;
			margin: 0px 0px 0px 10px;
			border-bottom: 1px dotted #999999;
			}

.jyunkatu {
	background: url(../img/fullerene/fullereneImgBg02.jpg) no-repeat top right;
	padding: 0px 370px 0px 0px;
	}
	#page .jyunkatu p {
		padding: 0px 10px 20px; 
		}
		#page .jyunkatu p.attention {
			font-size: 10px;
			}

.st {
	color: #CC0000;
	font-weight: bold;
	}


/*lineup*/

.productsNavi {
	border-bottom: 2px solid #060E5C;
	margin:  0px  0px 30px 0px;
	}
	.productsNavi li {
		background: url(../img/lineup/productsNaviBg.jpg) no-repeat top left;
		height: 44px;
		}
		.productsNavi li a {
			background: url(../img/common/headIcon.gif) no-repeat 10px 20px;
			display: block;
			padding: 13px  0px 12px 35px;
			}
			.productsNavi li a:hover {
				background-position: 11px 20px;
				}

.itemList li {
	background: #151515;
	padding: 24px 17px 30px 23px;
	margin:  0px  0px 20px  0px;
	}
	.itemList li ol li {
		background: none;
		margin: 0px 4px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
	.itemList li .itemImg {
		padding: 160px 0px 20px 0px;
		width: 640px;
		height: 34px;
		}
		.itemList li.itemS .itemImg { background: url(../img/lineup/lineupSmainImg.jpg) no-repeat top left; }
		.itemList li.itemH .itemImg { background: url(../img/lineup/lineupHmainImg.jpg) no-repeat top left; }
		.itemList li.itemR .itemImg { background: url(../img/lineup/lineupRmainImg.jpg) no-repeat top left; }
	#page .itemList p {
		padding: 110px 0px 0px 0px;
		color: #FFFFFF;
		}
		#page .itemS p { background: url(../img/lineup/lineupSBg.jpg) no-repeat top left; }
		#page .itemH p { background: url(../img/lineup/lineupHBg.jpg) no-repeat top left; }
		#page .itemR p { background: url(../img/lineup/lineupRBg.jpg) no-repeat top left; }

.kakakuTitle {
	 color: #FFFFFF;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 padding: 20px 0px 10px 0px;
	}
	
.kakakuTable {
	color: #FFFFFF;
	font-family: Osaka,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	width: 640px;
	}
	.kakakuTable th {
		background: #333333;
		font-weight: normal;
		padding: 3px 0px;
		}
	.kakakuTable td {
  border-bottom: 1px solid #333333;
  padding: 5px 0px;
  text-align: center;
  vertical-align: middle;
		}

#oildaihyo {
	padding: 0px 20px 20px;
	}
	#oildaihyo h3{
		margin: 0px;
		}

.daihyoTable {
	width: 660px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin: 13px 0px 0px 0px;
	line-height: 200%;
	}
	.daihyoTable .dTH {
		border-bottom: 1px solid #CCCCCC;
		}
	.daihyoTable th {
		background: #F5F6F6;
		font-weight: normal;
		border-bottom: dotted 1px #CCCCCC;
		}
	.daihyoTable td {
		text-align: center;
		border-bottom: dotted 1px #CCCCCC;
		}
		.daihyoTable .thisr {
			background: #CC0000;
			color: #FFFFFF;
			}
		.daihyoTable .this {
			background: #E4EAF4;
			font-weight: bold;
			}

.suishoTable {
	width: 660px;
	border-top: 1px solid #CCCCCC;
	margin: 13px 0px 0px 0px;
	line-height: 200%;
	}
	.suishoTable th {
		font-weight:bold;
		color:#0B176A;
		border-bottom: solid 1px #CCCCCC;
		background: url(../img/common/headIcon.gif) no-repeat 10px 15px #F5F6F6;
		padding: 3px 5px 3px 20px;
		text-align:left;
		vertical-align:top;
		width:130px;
		}
	.suishoTable td {
		text-align: left;
		padding:3px 10px;
		border-bottom: solid 1px #CCCCCC;
		}

/*product*/

.oilseries {
	background: url(../img/product/itemMainImgBg.jpg) no-repeat top left;
	width: 495px;
	height: 72px;
	padding: 268px 0px 20px 185px;
	}
	.oilseriesList li {
		float: left;
		margin: 0px 9px 0px 0px;
		background: #999999;
		}

.featureoil {
	background: #E6E6E8 url(../img/product/producImgBg01.jpg) no-repeat top right;
	padding: 24px 0px 50px 19px;
	margin: 0px 0px 50px 0px;
	}
	.featureoil h3 {
		margin: 0px 0px 10px 0px;
		}

.featurefoil01 {
	width: 483px;
	height: 300px;
	margin-bottom:30px;
	}

.oilfull {
	background: url(../img/product/producImgBg02.jpg) no-repeat top right;
	margin: 20px 0px 0px 0px;
	width: 640px;
	}

.featurefoil02 {
	padding: 0px 0px 40px 0px;
	}
	#page .featurefoil02 p {
		width: 368px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

.featurefList {
	width: 620px;
	padding: 0px 0px 0px 0px;
	}
	.featurefList li {
		float: left;
		margin: 0px 10px 10px 0px;
		}
		
.tofull {
	width: 250px;
	float: right;
	padding: 135px 0px 0px 0px;
	}

#page .featurefoil03 p {
	width: 398px;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.lineupListTate {
	float: right;
	width: 220px;
	padding: 10px 20px 0px 0px;
	}
	.lineupListTate li {
		padding: 0px 0px 10px 0px;
		}

.lineupListYoko li {
	width: 220px;
	float: left;
	margin: 0px 10px 0px 0px;
	}
	.lineupListYoko li.last {
		margin: 0px;
		}
	.lineupListYoko img {
		margin: 0px 0px 10px 0px;
		}
	.lineupListYoko a {
		color: #003FB3;
		text-decoration: underline;
		}
		.lineupListYoko a:hover {
			text-decoration: none;
			}

/*dealer*/

.dealerListTitle,
.storeListTitle {
	background: url(../img/dealer/dealerIcon.gif) no-repeat center left;
	margin: 0px 0px 0px 10px;
	color: #111F79;
	font-weight: bold;
	padding: 6px 0 6px 35px;
	border-bottom: dotted 1px #999999;
	font-size: 12px;
	}
	.dealerListTitle span {
		color: #333333;	
		font-weight: normal;
		padding: 0px 0px 0px 10px;
		}

.dealerList {
	margin: 15px 5px 0px 5px;
	border-bottom: 1px solid #CCCCCC;
	}
	.dealerList li {
		padding: 8px 13px 13px 20px;
		width: 637px;
		}
		.dealerList li.odd {
			background: #F5F6F6;			
			}
		.dealerList dt {
			background: url(../img/common/headIcon.gif) no-repeat center left;
			padding: 5px 0px 5px 10px;
			font-weight: bold;
			line-height: 100%;
			}
		#page .dealerList p {
			float: left;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			line-height: 100%;
			}
			#page .dealerList p.dyubin {
				width: 93px;
				padding: 0px 0px 0px 10px;
				}
			.dealerList p.dbasyo {
				width: 314px;
				}

#page p.hantenLink {
	padding: 10px 0px 0px 10px; 
	}

.hantenLink a {
	font-size: 12px;
	text-decoration: underline;
	color: #003FB2;
	}
	.hantenLink a:hover {
		text-decoration: none;
		}

/*store*/

.storeListTitle {
	margin: 0px 0px 20px 10px;
	}

.storeList {
	margin: 0px 0px 0px 10px;
	}
	.storeList li {
		width: 650px;
		padding: 10px;
		}
		#page .storeList li p {
			width: 216px;
			float: left;
			padding: 0px 0px 0px 0px;
			}	
		.storeList a {
			background: url(../img/common/headIcon.gif) no-repeat center left;
			padding: 0px 0px 0px 15px;
			color: #3366FF;
			}
		.storeList li.odd {
			background: #F5F6F6;
			}

.ouradd {
	border: 1px solid #CCCCCC;
	padding: 20px 15px;
	margin: 0px 0px 0px 10px;
	}	
	.ouradd th {
		font-weight: normal;
		vertical-align: top;
		padding: 0px 20px 0px 0px;
		}
		
/*privacy policy*/

#page p.privacyinfo {
	padding:0px 0px 30px 0px;
	font-weight:bold;
	}
	
#page ul.privacy_list {
	border:1px solid #CCC;
	padding:15px 20px;
	margin:0px 5px 10px 5px;
	}
	#page ul.privacy_list li {
		background: url(../img/common/headIcon.gif) no-repeat 5px 10px;
		display: block;
		padding: 3px  0px 3px 20px;
		}

/*sitemap*/
#page ul.sitemap_list {
	}
	#page ul.sitemap_list li {
  background: url(../img/common/headIcon.gif) no-repeat 5px 20px;
  display: block;
  padding: 15px 0px 13px 40px;
  border-bottom:1px dotted #999;
  margin-bottom:0px;
		}
	#page ul.sitemap_list li a { color: #0040B6; }
	#page ul.sitemap_list li.none  {
		background:none;
		border-bottom:none;
		padding-top:0px;
		padding-bottom:0px;
		margin-bottom:0px;
		}

/*
	2013.08 added
--------------------------------------------------------------------*/
.newsEntry {
	border-bottom: 1px solid #D0D1D3;
	padding: 0px 0px 20px 0px;
	}
	.newsEntry li {
		padding: 10px;
		zoom: 1;
		overflow: hidden;
		}
		.newsEntry li.odd { background: #F5F6F6; }
		.newsEntry li div.img {
			float:left;
			border:#D0D1D3 1px solid;
			clear:both;
			width:100px;
		}
		
		.newsEntry li div.txt {
			color: #333333;
			padding: 0px 10px 0px 110px;
			}
			.newsEntry li a { color: #0040B6; }
			.newsEntry li div.day {
				font-family: arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
				color: #999999;
				width: 100px;
				padding: 0px 0px 0px 0px;
			}

.newsDt02{
	margin: 0px 0px 0px 10px;
	width: 650px;
	padding: 10px;
	}
	.newsDt02 dl{
		border-top:1px solid #CCC;
		margin-top:15px;
		padding:20px 0;
		}
		.newsDt02 dt{
			font-family: arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			color: #999999;
			font-size:12px;
			text-align:right;
			}
		.newsDt02 dd {
			overflow:hidden;
			}
		.newsDt02 dd h5 {
			font-size:18px;
		}
		.newsDt02 dd .imgBox img{
			border:#D0D1D3 1px solid;
		}

/*
 oil_table.html
------------------------------------------------*/
.f18px{ font-size:18px; }

.oilBox01{
	background-color:#F5F5F6;
	padding:15px 20px;
}

.tbl01{
	border-left:#D0D1D3 4px solid;
	border-top:#D0D1D3 1px solid;
	}
	.tbl01 table{
		width:100%;
		}
	.tbl01 table tr.ov{
		background-color:#F5F6F6;
		}
	.tbl01 table th{
		border-right:#D0D1D3 1px solid;
		border-bottom:#D0D1D3 1px solid;
		padding:5px;
		font-weight:normal;
		}
		
	.tbl01 table td{
		border-right:#D0D1D3 1px solid;
		border-bottom:#D0D1D3 1px solid;
		text-align:center;
	}
/*--------------------------------------------------------------------*/

/*
 gazoo.html November 2013
------------------------------------------------*/
.f16px{ font-size:16px; }
.f17px{ font-size:17px; }
.imgList01{
	margin:0px -20px 80px 0px;
	zoom: 1;
	overflow: hidden;
	}
.imgList01 ul{}
.imgList01 li{
	float:left;
	margin:0px 20px 20px 0px;
	}

.icon01{
	background: url(../img/dealer/dealerIcon.gif) no-repeat center left;
	padding-left:2.5em;
}
.icon02{
	background: url(../img/common/headIcon.gif) no-repeat 10px 5px;
	padding-left:1.5em;
}

.teamBox01{
	zoom: 1;
	overflow: hidden;
	border-bottom:#D0D1D3 1px solid;
	padding-bottom:30px;
	margin-bottom:30px;
	}
.teamBox01 .img{
	width:240px;
	float:left;
	}
.teamBox01 .txt{
	padding-left:270px;
	}
.teamBox01 .teamTbl{
	width:100%;
	border-top:#D0D1D3 1px solid;
	}
.teamBox01 .teamTbl th{
	padding:5px 10px;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	}
.teamBox01 .teamTbl tr.ov th,
.teamBox01 .teamTbl tr.ov td{
	background:#F5F6F6;
}