#oil {background-color:#b4b4b4;
font-family:ＭＳ Ｐゴシック,Osaka;
background-image: url(img/no.png);
font-size: 12px;
margin:0;
padding:0;
height:100%;
}
 /* 全体の設定 */
html,body{
background-color:#173461;
background-image: url(img/back.png);
background-position: top center;  
background-repeat: repeat-y;  
background-attachment: fixed;    
font-size: 12px;
font-family:ＭＳ Ｐゴシック,Osaka;
margin:0;
padding:0;
height:100%;
}
img{
border:0px;
}

body > #wrap{
height:auto;}

div{
text-align:left;
}


h3{
letter-spacing:3px;
font-size:15px;
padding-left:20px;
border-left: 10px solid #173461;
border-bottom: 1px dashed #173461;
}

a {
text-decoration: none;
color: #00529C;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 -ms-transition: 0.5s;
  transition: 0.5s;
}

a:hover {
color:#429FF4;
}

#over {
text-align:center;
position:relative;
}

 /* 囲みDIV */
#wrap { 
background-color:#ffffff;
width:740px;
height:100%;
min-height:100%;
height: auto !important;
margin:0 auto;
text-align:center;
position:relative;
}

 /* ヘッダー */
#head {
padding:5px 10px;
background-color:#D00000;
color:#ffffff;
font-size: 10px;
text-align:left;
border-bottom: 12px double #ffffff;
}

 /* トップ */
#top {
width:740px;
height:350px;
text-align:left;
}

#top2 {
position:absolute; top: 300px; left: 20px;
z-index:21;
text-align:left;
}

#top1 {
position:relative; top: 0px; right: 0px;
text-align:left;
z-index:1;
}

 /* メニュー */
#menu {
width:740px;
height:35px;

padding:0;
margin:0;
}


#menulist{
      width:740px;
      height: 35px;
}


#menulist ul{
margin: 0;
padding:0;
	list-style: none; /* リスト形式を削除 */
}

#menulist ul li{
	width: 148px;
	height: 35px;
	float: left;
}
#menulist ul li a{
	text-indent: -9999px; /* テキストをふっとばす */  
	text-decoration: none;  
	display: block;  
	width: 148px;  
	height: 35px;  
	background-image: url(menulist.gif);  
	background-repeat: no-repeat;  
　　　margin: 0;
       padding: 0;
}

 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#menulist ul li#info a { background-position: 0 0; }   
#menulist ul li#contact a { background-position: -148px 0px; }  
#menulist ul li#stock a { background-position: -296px 0px; }  
#menulist ul li#buying a { background-position: -444px 0px; }  
#menulist ul li#top a { background-position: -592px 0px; } 



#menulist ul li a:hover{
	text-decoration: none;  
	background-image: url(menulist.gif);  
	background-repeat: no-repeat;   
}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#menulist ul li#info a:hover { background-position: 0 -35px; }   
#menulist ul li#contact a:hover { background-position: -148px -35px; }  
#menulist ul li#stock a:hover { background-position: -296px -35px; }  
#menulist ul li#buying a:hover { background-position: -444px -35px; }  
#menulist ul li#top a:hover { background-position: -592px -35px; } 


 /* インデックスメニュー */
#in_menu_over{
padding-bottom:100px;}
#in_menu img:hover {
-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#in_menu img:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}
#in_menu {
width:100%;
overflow: hidden;  
    height: auto; 
text-align:center;
margin:30px 0px 0px 0px;
padding:0px 12px ;
}
#in_menu_1{
float:left;
margin-right:10px;
width:220px;
border-left:1px dotted #808080;
border-right:1px dotted #808080;
padding-right:5px;
padding-left:5px;
padding-bottom: 32767px;  
margin-bottom: -32767px;  
}
#in_menu_2{
float:left;
margin-right:10px;
width:220px;
border-left:1px dotted #808080;
border-right:1px dotted #808080;
padding-right:5px;
padding-left:5px;
padding-bottom: 32767px;  
margin-bottom: -32767px;  
}
#in_menu_3{
float:left;
width:220px;
border-left:1px dotted #808080;
border-right:1px dotted #808080;
padding-right:5px;
padding-left:5px;
padding-bottom: 32767px;  
margin-bottom: -32767px;  
}

/*　カレンダー　*/
#calender{
width:700px;
margin:0 auto;
text-align:center;
}


 /* トピックス（ブログ） */
#topics{ 
width:450px;
float:left;
margin:10px 5px 10px 15px;
text-align:left;
}

#topics img:hover {
-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

#topics img:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}

 /* トップページリンク */
#link{
width:210px;
float:right;
margin:10px 15px 10px 5px;
text-align:center;
position:center;
}

#link img {
margin:10px 0px;
border:0px;
}

#link img:hover {
-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

#link img:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}


 /* インフォメーション */
#info{ 
width:740px;
}

#logo{
text-align:left;
width:600px;
padding:30px 0px 0px 0px;}

#center{
width:600px;
margin:0 auto;
text-align:center;
}

.list {
margin:0px 0px 50px 0px;
}
.list table {
width: 600px;
border: 1px #808080 solid;
border-collapse: collapse;
background-color: #ffffff;
font-size:14px;
}

.list td {
border: 1px #808080 solid;
padding: 4px 4px;
text-align: justify;
}

.list th {
width:150px;
border: 1px #808080 solid;
background-color: #d3d3d3;
padding: 4px 4px;
text-align: center;
font-weight: normal;
}

/* 料金表 */
.list2 {
margin:0px 0px 50px 0px;
}
.list2 table {
width: 600px;
border: 1px #808080 solid;
border-collapse: collapse;
background-color: #ffffff;
font-size:14px;
}

.list2 td {
border: 1px #808080 solid;
padding: 4px 4px;
text-align: justify;
}

.list2 th {
width:300px;
border: 1px #808080 solid;
background-color: #d3d3d3;
padding: 4px 4px;
text-align: center;
font-weight: normal;
}

 /* コンタクト */
#caution{
width:600px;
margin:0px 0px 0px 0px;
padding:30px 10px 100px 10px;}

#contact{
width:570px;
padding:0px 0px 30px 0px;
margin-left:auto;
}

 /* 修理風景 */
#huukei{
width:600px;
}
#huukei1{
float:left;
width:190px;
border:0px;
margin-right:15px;
}
#huukei2{
float:left;
width:190px;
border:0px;
margin-right:15px;
}
#huukei3{
float:left;
width:190px;
border:0px;
}

 /* 整備 */
#yazirusi {
margin:20px auto;
text-align:center;
display: block;
}
#seibi_back{
width600px;
margin-bottom:20px;
background-color:#d4d4d4;
padding:20px;
line-height:20px;
}
#seibi_back_img{
width:600px;
text-align:center;
margin-top:20px;
}
#seibi_back_img img{
margin:5px;
}
 /* よくある質問 */
#q_koumoku{
width:100%;
padding-bottom:80px;
padding-top:20px;
}
#q_koumoku1{
padding-right:5px;
font-size:1.2em;
width:295px;
float:left;
line-height:170%;
}
#q_koumoku2{
padding-left:5px;
font-size:1.2em;
width:295px;
float:right;
line-height:170%;
}
#q_koumoku1 b{
font-size:1.3em;
}
#q_koumoku2 b{
font-size:1.3em;
}

 /* 配送料金 */
#haisou{
width:100%;
clear:both;
margin:50px 0px 300px 0px;
}
#haisou1{
width:258px;
float:left;
border-right:1px dotted #000000;
border-left:1px dotted #000000;
padding:20px;
}
#haisou2{
border-right:1px dotted #000000;
width:259px;
float:right;
padding:20px;
}
#haisou_img{
display:block;
margin:0 auto;
text-align:center;}


 /* その他 */
#margin{
margin:100px;}


#clear{
clear:both;
padding:20px 0px;
}

 /* コピーライト */

#copy{
width:740px;
margin:30px 0px;
position:absolute; 
bottom:0;
text-align:center;
display:block;
}

 /* ナビ */
#nav{
text-align:center;
width:730px;
height:20px;
margin:10px 5px 0px 5px;
background-color:CACACA;
border-top:dotted 1px #808080;
border-bottom:dotted 1px #808080;
bottom:0;
}

#nav ul{
margin:0 auto;
padding:5px 0px;
text-align: center;
list-style-type: none;
}

#nav li{
　float:left;
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

#nav li a{
display: block;
padding: 0px 20px 0px 20px;
}


 /* ビューワー */
#viewer {
	margin: 0 auto;
	width: 740px;
	height: 350px;
	overflow: hidden;
	position: relative;
}

#viewer img {
        width:741px;
	top: 0;
	left: 0;
	position: relative;
}

 /* シャドウ */
.shadow{
	-moz-box-shadow: 0px 0px 5px 1px #cacaca;
	-webkit-box-shadow: 0px 0px 5px 1px #cacaca;
	box-shadow: 0px 0px 5px 1px #cacaca;
}
.shadow2{
	-moz-box-shadow: 0px 0px 15px 2px #000;
	-webkit-box-shadow: 0px 0px 15px 2px #000;
	box-shadow: 0px 0px 15px 2px #000;
}

#oil{
text-align:center;
}
#oil_header{
width:100%;
margin:0 auto;
padding:20 0px;
background-color:#aa0000;
text-align:center;
}
#oil_wrap{
width:700px;
height:100%;
border:0px;
margin:0 auto;
text-align:center;
}
#oil_in{
clear:both;
text-align:center;
margin-top:30px;
}
#oil_inner_left{
background-color:#ffffff;
text-align:center;
padding:30 10px;
width:180px;
margin:0 auto;
float:left;
}
#oil_inner_left a img:hover {
-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#oil_inner_left a img:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}
#oil_inner_left hr{
border:none;
margin:30 5 10 5px ;
border-top:1px #000000 dotted;
}
#lineup{
text-align:center;
}
#oil_inner_right{
padding-left:30px;
padding-right:30px;
margin-left:0px;
margin-right:0px;
width:440px;
float:right;
line-height:24x;
background-color:#4a4a4a;
color:#ffffff;
padding-bottom: 32767px;  
margin-bottom: -32767px;  
}
#oil_inner_right_in{
padding:30 0px;
}
#img-left{
text-align:left;
margin-left:0;}

#yacco{
background-color:#ffffff;
margin:10 0px;
width:700px;
height: auto;
text-align:center;  
overflow: hidden;  
}
#yacco img{
display:block;
margin:0 auto;
text-align:center;
}
#amalie{
background-color:#ffffff;
margin:10px 0px;
width:700px;
height: auto;
overflow: hidden;  
}
#amalie img{
display:block;
margin:0 auto;
text-align:center;
}

#autoglym{
background-color:#ffffff;
margin:10 0px;
width:700px;
height: auto;
overflow: hidden;  
}
#autoglym img{
display:block;
margin:0 auto;
text-align:center;
}

#oilmenu_wrap img{
display:block;
text-align: left;
margin-left:0;
}


#oilmenu_wrap{
margin:0 auto;
text-align: center;
padding-top:20px;
width:840px;
clear:both;
}

#oilmenu_left{
float:left;
width:400px;
}

#oilmenu_right{
float:right;
width:400px;
}
#oilmenu_left table{
border-collapse: collapse;
width:400px;
font-size: 12px;
font-family:ＭＳ Ｐゴシック,Osaka;
	
	height:450px;
min-height:450px;
}
#oilmenu_right table{
width:400px;
border-collapse: collapse;
font-size: 12px;
font-family:ＭＳ Ｐゴシック,Osaka;
min-height:450px;

	height:450px;
}
#oil_img{
width:150px;
background-color:#ffffff;
}
#oil_img img{
display:block;
margin:0 auto;
text-align:center;}

#oil_title{
height:30px;
background-color:#aa0000;
}
#oil_yen{
height:25px;
background-color:#4a4a4a;
color:#ffffff;
}
#oil_yen td{
border-left:1px dashed #ffffff;
padding-left:20px;
}

#oil_comets{
background-color:#4a4a4a;
color:#ffffff;
padding:10px;
line-height:20px;
width:250px;
border-bottom:1px solid #ffffff;
}
#oil_return{
padding:50px;
clear:both;}