/* inquiry3.css */

/* スタイルシート エンコード指定 */
@charset "utf-8";
/* スタイルシート エンコード指定 */

html {
    background-image: url('../image_f/grey.png');
    height: 100%;
}

body {
    height: 100%;
    font-family: "Meiryo";
}

img {
  /* vertical-align: bottom; */ /* 画像間の空白を削除 */
}

#container {
     min-height: 100%;
     /* height: 100%;*/
     width: 800px;
     margin: 0 auto;
     padding: 0 10px;
     background-color: #fff;
     box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#header {
  /* margin-bottom: 10px; */
}

/* メニューバー */
#menu {
  /* background-color: green; */
  overflow: hidden;
  /* margin-bottom: 10px; */
  text-align: center;
  font-family: "Meiryo";
}

#menu ul {
  clear:both;
	width: 800px;
	height: 28px;
}

#menu li {
  float:left;
	width: 160px;
	height: 28px;
}

#menu ul>li>a {
  display: block;
  width: 160px;
  height: 28px;
  background-image: url("../image_f/nav_a.gif");
  background-repeat: no-repeart;
  text-align: center;
  font-size: 12px;
  padding-top: 3px;
  text-decoration: none;
  color: #000000;
}

#menu li a:hover {
  background-image: url("../image_f/nav_b.gif");
	color: #ffffff;
}

/* 下部コンテンツ */
#contentus{
  /* background-color: yellow; */
  overflow: hidden;
}

#left_menu {
  float: left;
  width: 200px;
  margin-top: 5px;
}

#right_menu {
  /* background-color: pink; */
  float: left;
  width: 600px;
  overflow: hidden;
  margin-top: 5px;
}

#ad {
  margin-left: 5px;
  margin-bottom: 20px;
}

a.a-style {
  margin-bottom: 10px;
}

/* 買取査定の流れ style */

h1.h1-style {
  margin-left: 5px;
  margin-bottom: 20px;
  border-left: 10px solid #ffad94;
  padding: 0 1em;
  font-size: 20px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
  background: linear-gradient(-150deg, #f5a254, #ffffff);
  text-shadow: 3px 3px 0 rgba(0,0,0,.2)
}

h2.h2-style {
  font-size: 20px;
  font-weight: 700;
  margin-left: 1em;
  margin-bottom: 20px;
}

img.img-style {
  margin-left: 5px;
  margin-bottom: 20px;
}

p.p-style {
  margin-left: 1em;
  margin-bottom: 1em;
}

p.p-style02 {
  margin-left: 1em;
}

p.p-style03 {
  margin-left: 1em;
  margin-bottom: 1em;
  font-weight: 700;
}

p.p-style04 {
  font-weight: 700;
  text-align: center;
  padding: 2px;
}

span.span-style {
  display: block;
}

span.span-style02 {
  display: block;
  color: rgb(255, 0, 0);
}

span.span-style03 {
  color: #85e8dc;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #00284e,
  -2px 2px 1px #00284e,
  2px -2px 1px #00284e,
  -2px -2px 1px #00284e;
}

span.span-style04 {
  color: #ff1f00;
  font-size: 25px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000000,
  -2px 2px 1px #000000,
  2px -2px 1px #000000,
  -2px -2px 1px #000000;
}

#mail-form {
  margin-left: 10px;
  margin-top: 3em;
}

p.maker {
  margin-bottom: 10px;
  margin-top: 40px;
  margin-left: 1em;
  border-bottom: 2px solid #075b4b;
  font-size: 20px;
  font-weight: 700;
}

table.table-marginleft {
  margin-left: 2em;
  border: 1px #000000 solid;
}

table.table-marginleft02 {
  margin-left: 2em;
  margin-top: 1em;
  border: 1px #000000 solid;
}

img.vertical {
  vertical-align: bottom; /* 画像間の空白を削除 */
}

img.vertical02 {
  vertical-align: bottom; /* 画像間の空白を削除 */
  padding: 2px;
}

td.solid {
  border: 1px #5e5e5e solid;
  text-align: center;
  width: 182px;
  height: 50px;
}

td.td-style {
  text-align: center;
  border: 1px #5e5e5e solid;
}

/* line 用 */
span.red {
  color: #ff0000;
}

img.u-line {
  margin-top: 2em;
}

img.u-line02 {
  margin-top: 1em;
}

p.maker02 {
  margin-top: 3em;
  margin-left: 1em;
  border-bottom: 2px solid #075b4b;
  font-size: 20px;
  font-weight: 700;
}

p.maker03 {
  margin-top: 2em;
  margin-left: 1em;
  border-bottom: 2px solid #075b4b;
  font-size: 20px;
  font-weight: 700;
}

#line {
  margin-left: 1em;
}

p.line {
  margin-top: 1px;
  font-size: 13px;
  font-weight: 700;
}

p.line02 {
  margin-bottom: 1px;
  font-weight: 700;
}

span.line {
  font-size: 30px;
  color: #00ba0d;
}

td.l-td {
  width: 400px;
}

td.l-td02 {
  width: 200px;
  text-align: center;
}

/* フッター */
#footer {
  background-color: rgb(255, 156, 64);
  margin-top: 20px;
  text-align: center;
  font-size: 120%;
  font-family: "Meiryo";
  color: rgb(255, 255, 255);
  text-shadow: 3px 3px 0 rgba(0,0,0,.2)
}
