/* product.css */

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

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

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

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

img.vertical {
  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;
}

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

span.br {
  display: block;
}

span.color {
  color: #ff0000;
}

span.br02 {
  margin-top: 1em;
  display: block;
}

span.br03 {
  display: block;
  font-size: 12px;
}

/* #view 配下 */

#view {
  margin-left: 10px;
}

table.type01 td {
  /* padding: 10px; */
  border: 1px #484f4f solid;
  text-align: center;
  padding: 2px;
}

img.type01 {
  width: 255px;
  height: 255px;
  vertical-align: bottom;
}

.bxslider img {
  margin:0 auto;
  display:block;
}

/* #info 配下 */

#info {
  margin-top: 50px;
  margin-left: 10px;
  text-align:center;
}

table.type02 td {
  border: 1px #484f4f solid;
  padding: 2px;
}

table.type02 th {
  border: 1px #484f4f solid;
  padding: 2px;
}

td.type01 {
  width: 265px;
  text-align: center;
  background-color: rgba(241, 182, 196, 0.41);
}

td.type02 {
  width: 500px;
}

th.type01 {
    width: 200px;
    text-align: center;
    background-color: rgba(241, 182, 196, 0.41);
}

td.type03 {
  width: 200px;
  text-align: center;
  color: rgb(255, 0, 0);
  background-color: rgba(241, 182, 196, 0.41);
}

td.type04 {
  width: 400px;
  text-align: center;
  color: rgb(255, 0, 0);
}

td.type05 {
  width: 600px;
}

td.type06 {
  text-align: center;
}

p.margin-top-br {
  margin-top: 1em;
  margin-bottom: 1em;
}

p.margin-top {
  margin-top: 1em;
}


#mail-form {
  margin-top: 2em;
  width: 800px;
}

/* line 用 */

img.u-line {
  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: 500px;
  text-align: right;
}

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

/* 改行用 */
p.br {
  margin-bottom: 1em;
}

/* 赤文字 */
p.s-red {
  color: #ff0000;
}

p.b-red {
  font-weight: 700;
  color: #ff0000;
}

p.b-red-br {
  margin-bottom: 1em;
  font-weight: 700;
  color: #ff0000;
}

p.b-black-br {
  margin-bottom: 1em;
  font-weight: 700;
}

span.br {
  display: block;
}

#margin-left {
  margin-left: 1em;
}

/* フッター */
#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)
}