@charset "utf-8";

* {
  margin: 0px;
  padding: 0px;
}

html, body {
  height: 100%;
}

h2 {
	width: 95%;
	margin-bottom: 20px;
	font-size: 1.2em;
	top: 2px;
	right: 2px;
	clip: rect(2px,2px,auto,auto);
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding: 5px;
  background-color: #b6b6b6;
}

/* for general */

#wrapper, #wrapper_staff {
  font-size: small;
  width: 850px;
  background-color: #DADADA;
  margin: 0 auto;
}

#wrapper {
  background-color: #DADADA;
}

#header, #footer {
  background-image: url("./img/header_bg.gif");
  background-color: #ED1C24;
  text-align: center;
  height: 20px;

}

#footer {
  clear: both;
}

#navigation {
  width: 850px;
  height: 30px;
  font-weight: bold;
}

#navigation td {
  background-image: url("./img/navi_bg.gif");
  text-align: center;
  height: 30px;
}

#navigation td .selected {
  background-image: url("./img/navi_bg_selected.gif");
  text-align: center;
  height: 30px;
}

#contents {
  float: right;
  width: 660px;
  padding: 20px;
}

#contactus, #staff, #blog, #web_album {
  width: 810px;
  padding: 20px;
}

#blog .blog_link {
  margin: 40px 30px ;
}

#left_menu, #contents {
  background-color: #DADADA;
}

#left_menu {
  float: left;
  padding-top: 20px;
  width: 150px;
  height: 100%;
}

#left_menu img {
	border-style: none;
}

#left_menu ul {
  list-style: none;
  padding-left: 0px;
}

#left_menu li {
   margin-top: 10px;
}

.left_banner {
  float: left;
  padding: 10px 0px 10px 0px;
  width: 150px;
  height: 100%;
  border-top:dotted 1px #000000;
  overflow: hidden;
}

.left_banner img {
	border-style: none;
}

.comment {
   padding: 10px;
 }

#contents .bottom_img img {
   margin: 5px;
}

#contents .oil_description {
  background-color: #fffabc;
  width: 300px;
  padding: 10px;
  float: left;
}

/* oil works description */

.oil_description li{  
  margin-left:1em; 
  font-size: 1.2em;
  padding-top: 3px;
}  

.oil_description li ul, .oil_description li ol{  
  margin-left:1em;  
  padding-left:0;  
}  

.oil_description li li{  
  margin-left:0;  
}  

.oil_description p {
  margin-top: 10px;
}

.oil_image {
  float: right;
}

/* end of oil work description */

.caution {
  color: red;
  font-weight: bold;
}

table.insp_table {
  background-color: #cdcdcd;
  border: dotted 1px #ff0000;
  border-collapse: separate;
  margin: 20px auto;
  clear: both;
}

.insp_table th, .insp_table td {
  padding: 3px;
  }

.insp_table th {
  background-color: #ff0000;
  background-image: url("./img/table_header_bg.gif");
  height: 20px;
  color: #FFFFFF;
}

.insp_table td {
  border-bottom: solid 1px #000000;
}

.price {
   text-align: right;
}

.odd td {
        background-color: #dedede;
}

table.company_history {
  float: left;
  padding: 10px;
  background-color: #fffabc;
}

.company_history td {
  padding: 5px;
  vertical-align: top;
  border-bottom: solid 1px #a7a7a7;
  }

#company_detail {
  float: right;
}

table.company_info {
  float: right;
  width: 100%;
  padding: 5px;
  border: solid 1px #a7a7a7;
  margin-top: 20px;
  border-collapse: collapse;
}

.company_info td {
  border: solid 1px #a7a7a7;
  padding: 10px;
}

#outline {
        background-color: #fff799;
}

.staff_prof {
	clear: both;
	height: auto;
	padding: 20px 0;
  margin: 10px;
}

.staff_prof img {
  float: left;
  margin: 0 0 30px 20px;
  display: block;
}

.prof_text {
	padding: 0 30px 0 0;
  width: 400px;
  float: right;
}

.prof_text h3 {
  background-image: url("./img/table_header_bg.gif");
  color: #ffffff;
  padding-left: 20px;
}

.prof_text p {
  margin: 20px;
}

.prof_text .personal_comment {
  background: #fffabc;
  padding: 20px;
}

.prof_text h4 {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 5px;
}

table.custom_table {
  margin: 0 0 20px 0;
  width: 95%; 
  border: dotted 1px #ff0000;

}

.custom_table th {
  height: 20px;
  color: #ffffff;
  background-image: url("./img/table_header_bg.gif");
}

.custom_table td {
  margin: 0 auto;
  vertical-align: top;
  padding: 0 5px;
}

.custmo_table img {
  margin: 0 5px;
}

#contactus form {
    background-image: url("./img/contactus_bg.jpg");
    background-position: right top;
    background-repeat: no-repeat;
}

#shop_title {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 10px;
    line-height: 1.5;
    border-top: solid 2px #ff0000;
    border-bottom: solid 2px #ff0000;
}

table#bottom_company_info {
    width: 630px;
    margin: auto;
}