@charset "UTF-8";
html, body {
  background:#fff0d8 url("../img/back.jpg") repeat left top;
}
body {
	font-family:Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
	line-height:1.75;
	color:#131313;
	}
  img {
    width:100%;
  }
/*********************
      header
*********************/
header {
  width:auto;
  height:42px;
  padding:5px 0;
  background-color:#280a0a;
}
header #header {
  width:960px;
  margin:0 auto;
  overflow: hidden;
}
header #header #top_link {
  float:left;
}

header #header #menu {
  float:right;
}
header #menu nav ul {
  overflow: hidden;
}
header #menu li {
  float:left;
  height:40px;
  margin:0 5px;
}
header #menu li a {
  height:32px;
  padding:3px;
	line-height:32px;
  border:1px solid #fff;
}

header #header #menu:after , #menu nav ul:after  {
  clear: both;
}
/*********************
      共通タグ
*********************/
h1 {
  font-size: 21px;
}
h2 {
  margin-top:10px;
  font-weight: normal;
  font-size: 16px;
}
#mes {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  margin:1% 0;
}

a.btn {
  display:block;
  width:160px;
  background-color:#b91e18;
  color:#fff;
  text-align:center;
}
a.btn:hover {
  background-color:#e6c832;
  color:#111;
}

/*********************
    main
*********************/
main {
  width:960px;
  margin:2% auto;
}

#slider ul li {
  list-style: none;
  text-align: center;
}

.top_main {
  overflow: hidden;
  position: relative;
}
.top_main:after {
  clear: both;
}
.title {
  position: absolute;
  top:0;
  z-index:999;
  width:100%;
  text-align: center;
}
.title img {
  width:500px;
}
#menu .title {
  position: static;
  margin:10px auto;
}

.col3 {
  background-color:#fff;
  float:left;
  width:320px;
  height:360px;
  margin-top:70px;
  position: relative;
}
#menu .col3 {
  margin-top:0;
  margin-bottom:20px;
}
.col3 div {
  height:140px;
  padding:10px;
}
.col3-b {
  height:420px;
}
.col3-b div.tetsu {
  height:220px;
}
.col3 div h2{
  margin:0;
}
.col3 div .h2_s{
  font-size: 14px;
}
.col3 ul{
  width:100%;
  overflow: hidden;
  position: absolute;
  bottom:0;
  margin:0.5em 0;
}
.col3-b div.tetsu ul.first{
  position:static;
}
.col3 li{
  float:left;
  width:50%;
}

.menu {
  background-color:#280a0a;
  color:#fff;
  text-align: center;
}
.menu div{
  height: 340px;
}
.menu p{
  line-height: 2.0;
}
.menu span{
  font-size:150%;
}
.menu #m_link{
  margin:1em auto;
  padding:15px;
  font-size:21px;
  border:8px solid #280a0a;
   -webkit-box-shadow: 0 0 0 1px #fff;
  -moz-box-shadow:0 0 0 1px #fff;
  -o-box-shadow:0 0 0 1px #fff;
  box-shadow:0 0 0 1px #fff;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}

.map div {
  height:140px;
  width:280px;
  padding:0;
  margin:20px;
}
.map div.iframe_res {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.iframe_res iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*********************
      footer
*********************/

footer {
  width:auto;
  margin-top: 30px;
  background-color: #280a0a;
}
footer #sub_bk {
    width:100%;
    background:#fff0d8 url("../img/back.jpg") repeat left top;
}
footer #sub {
    width:960px;
    margin:0 auto;
    padding-bottom: 5px;
    font-size:14px;
}
#sub_bk dl {
  overflow: hidden;
}
#sub_bk dt , #sub_bk dd {
  float:left;
}
#sub_bk dd {
  margin: 0 20px;
}
#sub_bk dd table{
  width: 100%;
}
#sub_bk dd th , #sub_bk dd td {
  padding:0 5px;
  text-align: left;
}
#sub_bk dl:after {
  clear: both;
}
#sub_bk dd  a {
  padding:5px;
  margin:0 5px;
}

#footer {
  width:960px;
  margin:0 auto;
  padding:3px 0;
  font-size:12px;
  color: #fff;
}
#footer p {
  text-align: center;
}

/*----------------------------------------------------

	タブ向けホ対応 - 960px以下 -

----------------------------------------------------*/
@media only screen and (max-width: 959px){
  header #header {width:100%;}
  main {width:90%;}
  #slider {margin-top: 2%;}
  
  .title {position: static;}
  .col3 {width:50%; height:auto; margin-top: 0;}
  .menu #m_link{width:auto; margin:1em;}
  .map div { width:auto;}  

  footer #sub_bk #sub {width:90%; text-align: center;}
  #sub_bk dt , #footer dd {float:none;}
  #sub_bk dd {margin:10px 0;}
  #sub_bk dd th , #sub_bk dd td {display: block;}
  #footer {width: auto;  padding:10px; text-align: center;}

}


/*----------------------------------------------------

	最少対応 - 640px以下 -

---------------------------------------------------- */
@media only screen and (max-width: 640px){
  header {height:auto; padding: 0;}
  header #header {text-align:center; padding:5px 0; border-top: 1px solid #281e1e;}
  header #header #top_link {float:none;}
  
  .col3 {width:100%; float: none; margin:3px auto;}
  .title img {width:auto;}

}