/* --- 共通デザイン --- */

body {
  margin:0;
  padding:0;
  font-size: 16px;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
  word-break: break-all;
}
* {margin: 0;padding: 0;}
td {vertical-align: top;}
img { border: 0;}
ul, ol {
  margin: 0;padding: 0;
  list-style: none;
}
a:link,a:visited {color:#d78741;text-decoration:none;}
a:hover {color:#d78741;text-decoration:underline;}
a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: #fff;
}

.clear{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  float: none;
}

/* --- レイアウト --- */

.main_bg {
  width:100%;
  background: #ffdab9;
}

.main {
  width:830px;
  margin:0 auto;
  padding: 0 0 20px 0;
  background: #ffdab9;
}

.main_bg2 {
  width:100%;
  background: #eee;
}

.main2 {
  width:800px;
  margin:0 auto;
  padding: 30px 2%;
  background: #eee;
}

#footer_bg {
  width:100%;
  background: #b32036;
}

#footer {
  width:830px;
  margin:0 auto;
  padding: 20px 0;
  color:#fff;
  background: #b32036;
  text-align: center;
}

.mainimg {
	margin: 0 auto 25px;
}

.text,.checkbox,.news{
  border: 3px double #ddd;
  padding: 15px 2%;
  border-radius: 2px;
  margin: 30px auto 0;
  width: 90%;
  line-height: 35px;
  background: #fff;
}

h1 {
color: #364e96;/*文字色*/
padding: 10px 0 7px 2%;/*上下の余白*/
margin: 0 2% 15px 2%;
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
font-size: 20px;
}

@media only screen and (max-width: 480px) {
  .main,#footer { width:100%;}
  .main2 {width:96%;}
  .tel img{width: 100%;}
  .checkbox img {width: 90%;}
  img.pcimg {display: none;}
  img.spimg {width: 100%;}
}

@media only screen and (min-width: 481px) {
  img.spimg {display: none;}
}

.tel{
  margin: 20px 1% 0 10%;
  padding: 8px 0 0 1%;
  font-size: 24px;
  font-weight: bold;
}

.checkbox li {
  padding-left: 33px;
  padding-top: 2px;
  margin-bottom: 15px; 
  background: url(../images/check.png) no-repeat 0 1px;
  font-weight:bold;
  font-size: 19px;
}

.news dl dt {
  clear: left;
  float: left;
  width:100px;
  padding: 0 2% 3px 0;
  color:#86593b;
  word-break: break-all;
}

.news dl dd {
  margin: 6px 1%;
  padding: 0 0 3px 0;
  border-bottom: dashed 1px #9a6855;
  color:#86593b;
  word-break: break-all;
}

#g_map {
    width:720px;
    height:500px;
    margin:10px auto;
}

@media screen and (max-width: 640px) {
    #g_map {
        width:95%;
        height:480px;
        margin:10px auto;
    }
}