@charset "UTF-8";

/*=============================
Since: 2010-12-20
Guideline: Ver.0.1
==============================*/
/*----------------------------------------------------------------------------------------
リセット
----------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
  margin: 0; 
  padding: 0;
}
html{
  overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
  font-size: 100%; 
  font-weight: normal;
}
ul{
  list-style:none;
}

fieldset, img{
  border:0;
}
table{
  border-collapse: collapse; 
  border-spacing:0;
}
caption, th{
  text-align: left;
}
address, caption, cite, code, dfn, em, th, var{
  font-style: normal; 
  font-weight: normal;
}

img {
  border: 0;
  vertical-align: bottom;
}
/*----------------------------------------------------------------------------------------
基本設定
----------------------------------------------------------------------------------------*/
body {
  font-family: "Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
  background:#FCF7EE;
  font-size: 10px;
  color:#4a390d;
}
a:link, 
a:visited,  
a:active{
  color: #466a13;
  text-decoration:none;
}
a:hover {
  color: #578616;
  text-decoration:none;
}
/*----------------------------------------------------------------------------------------
大枠設定
----------------------------------------------------------------------------------------*/
#container{
  width: 640px;
  margin:0 auto;
  background-color: #FFFFFF;
  font-size: 1.2em;
  line-height: 1.6;
}

#container p.pbot {
  padding: 10px 20px 0 0;
  text-align: right;
}
/*----------------------------------------------------------------------------------------
ヘッダー
----------------------------------------------------------------------------------------*/
#header {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 1px solid #000000;
  height: 85px;
  margin-bottom: 12px;
  position: relative;
}
#header p.logo {
  left: 20px;
  position: absolute;
  text-align: left;
  top: 22px;
}
#header p {
  color: #990000;
  font-size: 0.9em;
  position: absolute;
  right: 20px;
  text-align: left;
  top: 48px;
  line-height: 1.4;
}
#header address {
  position: absolute;
  right: 20px;
  top: 18px;
}
/*----------------------------------------------------------------------------------------
メイン
----------------------------------------------------------------------------------------*/
#main {
  border-bottom: 1px solid #000000;
  overflow: hidden;
  padding: 0 20px;
}
/*----------------------------------------------------------------------------------------
コンテンツ
----------------------------------------------------------------------------------------*/
#content {
  float: right;
  width: 600px;
}
#content p.psame, #content #first dl dt {
  color: #333333;
  font-family: "Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1;
  padding: 0 0 5px;
}
#content #map {
  border: 5px solid #637A1B;
  height: 390px;
  margin: 0 0 12px;
}
#content #first {
  overflow: hidden;
}
#content #first .lef {
  float: left;
  width: 212px;
}
#content #first .rig {
  float: right;
  width: 370px;
}
#content #first dl {
  margin-bottom: 12px;
}
#content #first dl dd.special {
  margin-bottom: 7px;
}
#content #first dl dd {
  margin: 0 0 8px;
}






#content #first #lr dl {
  float:left;
  width:50%;
  margin-bottom: 0px;
}
#content #first #lr dl dd {
  margin: 0 0 4px;
}
#content #first #lr dl.right {
  margin:14px 0 0 0;
}
#content .w85 {
  width: 85px;
}
#content table th, #content table td {
  background-color: #4A390D;
  border: 1px solid #DBD7CE;
  color: #FFFFFF;
  font-weight: normal;
  line-height: 1;
  padding: 9px 0 8px;
  text-align: center;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  width: 100%;
}
#content table td {
  background-color: #FFFFFF;
  color: #333333;
  border: 1px solid #DBD7CE;
  font-weight: normal;
  line-height: 1;
  padding: 9px 0 8px;
  text-align: center;
}
/*---文字色---*/

.ftcl_01{
  color:#F00;
}
.clear{
  clear:both;
}

@media only screen and (max-width: 800px) {
  img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
  }
  #header {
    height: auto;
    padding: 15px 0;
  }
  #header p.logo {
    position: static;
    margin: 0 0 15px;
    text-align: center;
  }
  #header p {
    position: static;
    text-align: center;
    margin: 0 0 15px;
  }
  #header address {
    position: static;
    text-align: center;
  }
  #container {
    width: 100%;
  }
  #content {
    float: none;
    width: 100%;
  }
  .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0!important;
    overflow: hidden;
  }
  .map iframe,
  .map object,
  .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #content #first #lr dl {
    float: none;
    width: 100%;
  }
  #container p.pbot {
    text-align: center;
    padding: 10px 0 0;
  }
}