@charset "shift_jis";

/*基本設定
---------------------------------------------------------------------------*/ 
body {
	background:url(img/all_back01.jpg) top center repeat-y;
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	color: #4e3b34;
	margin: 0px;
	padding: 0px;
	height:100%;
	text-align:center;
}

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { 
	margin: 0;
	padding: 0;
}

/*フォントサイズ（13pxを基準としたサイズ）
---------------------------------------------------------------------------*/

.text10 { font-size:77%; line-height: 120%; }
.text11 { font-size:85%; line-height: 120%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


/*h1タグ設定
---------------------------------------------------------------------------*/
h1 {
	font-size: 10px;
	text-align: left;
}

span.font1 {
	font-size: 12px;
	line-height:150%;
}

span.font2 {
	font-size: 12px;
	line-height:150%;
	text-indent: 1em;
}


/*コンテナー設定
---------------------------------------------------------------------------*/

#container {
 width:900px;
 margin-left:auto;
 margin-right:auto;
}

#pankuzu {
   width: 900px;
   margin:0px 0px 0px 0px;
   padding:0 0 0 10px;   
}

#header {
   width: 1000px;
}

#menu {
   width: 266px;
   float: right;
   margin:0px 10px 0px 0px;
   padding:0px 0px 0px 0px;
}

#main {
   width: 600px;
   text-align:left;
   float: left;
   margin:0px 0px 0px 0px;
   padding:0 0 0 10px;
}

#foot {
   clear: both;
   width: 1000px;
   background: url(img/foot_bk.jpg) ;
   background-repeat: repeat-x;
   background-position: top center ;
}

/*コンテナー設定（リスト）
---------------------------------------------------------------------------*/

#container_list {
 width:900px;
 margin-left:auto;
 margin-right:auto;
}

#pankuzu {
   width: 900px;
   margin:0px 0px 0px 0px;
   padding:0 0 0 10px;   
}

#header {
   width: 900px;
}

#main_list {
   width: 900px;
   text-align:left;
   float: left;
   margin:0px 0px 0px 0px;
   padding:0 0 0 10px;
}

#foot {
   clear: both;
   width: 900px;
   background: url(img/foot_bk.jpg) ;
   background-repeat: repeat-x;
   background-position: top center ;
}

/*パンくずリスト
---------------------------------------------------------------------------*/

ol#topicPath {
	margin: 10px 0px 0px 5px;
	padding:0px 0px 20px 0px;
	font-size: 80%;
	list-style: none;
}
ol#topicPath li {
	float: left;
	padding-right: 7px;
	padding-left: 10px;
	background: url(img/icon01.gif) no-repeat 0 50%;
}
ol#topicPath li.home {
	padding-left: 0;
	background: none;
}
ol#topicPath li a:link,
ol#topicPath li a:visited {
	color: #666666;
	text-decoration: underline;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #990033;
	text-decoration: underline;
}
ol#topicPath li em {
	font-style: normal;
}

/* ヘッダー
---------------------------------------------------------------------------*/

.top_header{
   background:url("img/main.jpg") no-repeat;
   text-indent:-9999px;
   width: 950px;
   height:243px;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
}


/*本文右側
---------------------------------------------------------------------------*/

img.img_info{
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

img.img_tel{
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

div.info_txt{
	line-height:150%;
   margin:0px 0px 10px 0px;
}

div.info1_txt {
   font-size:14px;
   margin:10px 0 0 0;
   padding:0px;
}

div.info2_txt {
   font-size:15px;
   color: #1153A4;
   font-weight: bold; 
}

div.info3_txt {
   font-size:14px;
}

div.jigyo {
   background: url(img/gigyou_b.jpg) ;
   background-repeat: no-repeat;
}

img.img_jigyo1{
   padding:0px 0px 0px 0px ;
   margin:0px 0px 0px 100px ;
}

img.img_jigyo2{
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 100px;
}

/*共通部品
---------------------------------------------------------------------------*/

.title_main {
	height:34px;
	width:594px;
	background: url(img/title_bk01.jpg) center left no-repeat;
	font-size:14px;
	text-indent:12px;
	color:#FFF;
	line-height:35px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	}

.title_main2 {
	height:25px;
	width:594px;
	background: url(img/title_bk02.jpg) center left no-repeat;
	font-size:14px;
	text-indent:10px;
	color:#009;
	line-height:27px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 5px;
	}

.title_main3 {
	height:34px;
	width:882px;
	background: url(img/title_bk03.jpg) center left no-repeat;
	font-size:14px;
	text-indent:12px;
	color:#FFF;
	line-height:35px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	}

/*トップページ
---------------------------------------------------------------------------*/

.copy_text {
	width:350px;
	height:210px;
	font-size:16px;
	line-height:180%;
	margin: 10px 0px 10px 250px;
	padding: 0px 0px 0px 0px;
	}

.copy_text2 {
	width:580px;
	font-size:16px;
	line-height:180%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	}
	
.copy_img {
	background-image:url(img/main01.jpg);
	background-repeat:no-repeat;
}

.clearLeft { clear: left; }
.clearRight { clear: right; }

img.img_exon_b{
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

img.img_kosaka_b{
   padding:0px 0px 0px 0px;
   margin:0px 5px 0px 0px;
}

/*最新情報*/
.rireki_box{
	border: 0px;
	width: 590px;
	height: 160px;
	padding: 10px;
	overflow: auto;
	text-align:left;
      }

.rireki_box p{
	font-size:13px;
	line-height:150%;
      }

/*会社概要
---------------------------------------------------------------------------*/

.table_kaisya {
	width: 590px;
	margin: 20px 0px 0px 0px;
}

.table_kaisya th {
	font-weight: normal;
	vertical-align: top;
	width: 130px;
	padding: 5px 10px 12px 2px;
	background: url(img/bg_table_th.gif) no-repeat right bottom;
	color: #666;
}

.table_kaisya td {
	padding: 5px 10px 12px 10px;
	background: url(img/bg_table_td.gif) repeat-x right bottom;
	}

.kaisya_img01 {
	width:580px;
	padding:0px 0px 0px 0px;
	margin:10px 0 0 5px;
	background: url(img/main_gazou01.jpg) left top no-repeat;
}

.kaisya_text01 {
	width:460px;
	top:15px;
	line-height: 185%;
	font-size:15px;
	padding:0px 0px 0px 0px;
	margin:0px 0 0 120px;
}

.kaisya_text02 {
	width:560px;
	top:15px;
	line-height: 185%;
	font-size:15px;
	padding:0px 0px 0px 0px;
	margin:5px 0 0 20px;
}

.kaisya_copy {
	width:580px;
	font-size:16px;
	line-height:180%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}

/* リスト
---------------------------------------------------------------------------*/
table.table4 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 600px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 10px;
}

table.table4 caption {
  margin-top: 0.2em;
  text-align: left;
}

table.table4 th,
table.table4 td {
  padding: 0px 2px;
}

table.table4 th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #b8daf8;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
}

table.table4 td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #f1f5f8;
  text-align: left;
  white-space: nowrap;
}

.list_link_yoko{
	width:850px;
	height:20px;
	margin:10px 0 0 0;
	padding:0 0 0 5px;
}

.list_link_yoko a{
	color:#009;
}

.list_link_yoko a:hover{
	color:#C00;
	}

/* フッダー
---------------------------------------------------------------------------*/
.footer_box {
   width:900px;
   height:150px;
   background-color:#004394;
   font-size:13px;
   color:#FFF;
   text-align:left;
   margin:0;
}

.footer_link {
	color:#FFF;
	text-indent:10px;
	padding:15px 0 0 0;
	}

.footer_link a {
	color:#FFF;
	}
	
.footer_link a:hover{
	color:#C00;
	}
	
.footer_copyright {
	text-indent:10px;
	padding:98px 0 0 0;
	}

.footer_pege_top {
	width:900px;
	text-align:right;
	padding:0 10px 10px 0;
	}

	
/* 画像の回り込み
---------------------------------------------------------------------------*/


img.img02 { 
	float: right;
	vertical-align: middle;
	margin-left: 1em;

}

/*サービスステーション
---------------------------------------------------------------------------*/

.ss {
   padding:10px 0px 0px 15px;
   line-height: 140%;
}

.ss a{
	color:#009;
}

.ss a:hover {
	color:#C00;
}

div.ss_name {
   font-size:17px;
   color: #1153A4;
   font-weight: bold; 
}

img.img_kosaka {
   float: left;
   padding:0px 0px 0px 0px;
   margin:10px 10px 0px 0px;
}

div.kosaka_text {
   font-size:13px;
   line-height: 160%;
   margin:15px 5px 0px 0px;
}

div.kosaka_copy {
   font-size:15px;
   margin:10px 0px 0px 10px;
   color:#CC0000;
   font-weight: bold; 
}



/*お知らせ
---------------------------------------------------------------------------*/

.osirase {
   width:570px;
  /* height:200px;*/
   font-size:14px;
   line-height: 160%;
   margin:10px 0px 0px 10px;
}

.osirase_text {
	width:570px;
   font-size:14px;
  /* line-height: 150%;*/
   margin:10px 0px 0px 10px;
}

.osirase_title{
   width : 595px ;
   font-size :13px ;
   font-weight: bold; 
   color:#1153A4;
   padding : 2px 0px 2px 10px ;
   margin : 15px 0px 10px 0px ;
   background : #E4EFFC ;
   border-bottom : solid 1px #1153A4;
}

/*お問い合わせ
---------------------------------------------------------------------------*/

div.otoiawase_form {
   width: 580px;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 30px;
   font-size: 120%;
   text-align:left;
   line-height:150%;
}

input.line01 { 
   width: 200px;
 }

input.yubin { 
   width: 50px;
 }

input, select, textarea {
font-size: 100%;
}

table#table-01 {
    width: 580px;
	margin:0 0 0 5px;
    border: 1px #004394 solid;
    border-collapse: collapse;
	background-color: #FFFFFF;
}

table#table-01 th {
    padding: 5px;
    border: #004394 solid;
    border-width: 0px 0px 1px 1px;
    background: #F5F5F5;
    line-height: 120%;
}
table#table-01 td {
    padding: 5px;
    border: 1px #004394 solid;
    border-width: 0px 0px 1px 1px;
	background-color:#F5F5F5;
}

.toiawase_text {
	width:500px;
	font-size:14px;
	padding:0 0 0 15px;
	margin:0 0 20px 0;
	line-height:190%;
	}
	
/*潤滑油ラインナップ
---------------------------------------------------------------------------*/

.table_list {
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	}


.table_list th {
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    color:#000000;
    background-color:#000000;
    background-position:left top;
    padding:0;
    text-align:center;
	}


.table_list td {
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:5px 0px 5px 0px;
}



table col.yuatu {
  }

td.yuatu {
	font-size:10px;
	white-space:nowrap;
	}

td.syurui {
	font-size:10px;
	text-align:center;
	}

td.suuti {
	font-size:12px;
	text-align:center;
	}
	
td.suuti_small {
	font-size:11px;
	text-align:center;
	}
	
.nendo1 {
	color:#6CF;
}

.nendo2 {
	color:#FFCC00;
}
.nendo3 {
	color:#00dd55;
}

/* ↓スクロールに応じて要素を固定↓ */
.sticky {
    position: -webkit-sticky; /* Safari用 */
    position:sticky; /* 要素をスクロールに応じて固定 */
    top:0; /* 縦スクロールに追従 */
    z-index: 100; /* z-indexで最前面に持ってくる */
}
.thead-sticky {
    position: -webkit-sticky; /* Safari用 */
    position: sticky; /* 要素をスクロールに応じて固定 */
    top: 0; /* 縦スクロールに追従 */
    z-index: 3; /* z-indexで前面に持ってくる */
}
.th-sticky {
    position: -webkit-sticky; /* Safari用 */
    position: sticky; /* 要素をスクロールに応じて固定 */
    left: 0; /* 横スクロールに追従 */
    z-index: 2; /* z-indexで前面に持ってくる */
}
/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
background-image: url("img/top_menu2_.jpg");
background-size:auto;
height:46px;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
  /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
   background-color: #cc0000; /* メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}
/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */