*{
  font-family :Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
/*-- 初期化 --*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,em,strong,b,i,table,tr,th,td,ul,ol,li,dl,dt,dd,footer,header,menu {
  margin:0;
  padding:0;
}
h1,h2,h3,h4,h5,h6{
  font-size:100%;
  font-weight:normal;
}
a{
  outline:none;
  text-decoration: none;
}
img{
  border: none;
}
body{
  text-align: center;
  background-color: #F9F9F9;
  background-image: url(./img/bg.png);
  background-repeat: repeat-x;
}

a:hover img{
  opacity: 0.6;
  -moz-opacity: 0.6; /* Firefox */
  filter: alpha(opacity=60); /* IE6/7 */
  -ms-filter: "alpha(opacity=60)"; /* IE8 */
}
/* ---------------------- 右動リンク ------------------- */

div#pagetop{
  width: 100%;	
}
div#pagetop a{
  bottom: 155px;
  right: 0;
}
/* ---------------------- 白背景 ---------------------- */
#wrapper {
}
#white_bg {
  position: relative;
  width: 1000px;
  background-image: url(./img/white_bg.png);
  background-repeat: repeat-y;
  text-align: center;
  padding:15px 0px 20px 0px;
  margin: 0 auto;
}
#cont {
  width: 1000px;
  background-image: url(./img/white_bg.png);
  background-repeat: repeat-y;
  text-align: center;
  padding:  20px 0px 35px 0px;
  margin: 0 auto;
  font-size: 12px;
}
#footer {
  width: 1000px;
  background-image: url(./img/white_bg.png);
  background-repeat: repeat-y;
  text-align: center;
  padding:  0px 0px 0px 0px;
  margin: 0 auto;
  font-size: 10px;
}


br.clear{
  clear: both;
}

/*-- ヘッダーエリア --*/

div#header {
  width:100%;
  height:135px;
  background: url(./img/header_bg.png) repeat-x;
}

div#header h1 span{
  width:100%;
  height: 100px;
  position: absolute;
  background: url(./img/logo.png) no-repeat;
  text-indent: -1000em;
  left: 0px;
  display: block;
  z-index: 9999;
}
div#header .header_wrap {
  width: 550px;
  right: 0px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  float: right;
  margin-bottom: 10px;  
}

/*-- フッターエリア --*/

div#footer {
  width: 100%;
  margin-top:5px;  
  padding: 10px 0;
}

div#footer_area {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

div.copyright {
  float: right;
  display: inline;
  color: #000;
  font-size: 10px;
  margin-top:120px;
}

/* ------------ contents --------- */
.container {margin:auto;}
@media (max-width:999px){.container {width:767px;}}
@media (min-width:1000px){.container {width:1000px;}}
@media (max-width:999px){.container2 {width:767px;}}
@media (min-width:1000px){.container2 {width:767px;}}
.container h2 {color:#181f7b;font-weight:Bold;text-shadow: 1px 2px 3px #dfdfdf;text-align:center;}
@media (max-width:999px){.container h2 {font-size: 18px;}}
@media (min-width:1000px){.container h2 {font-size: 36px;}}
.container h3 {color:#000;font-weight:Bold;text-align:left;border-bottom:1px solid #000;}
@media (max-width:999px){.container h3 {font-size: 18px;}}
@media (min-width:1000px){.container h3 {font-size: 24px;}}
.container p {text-align:left;}
@media (max-width:999px){.container p {font-size:1.0em;}}
@media (min-width:1000px){.container p {font-size:1.4em;}}
.left {text-align:left;}

@media (min-width:1000px){.otoiawase {padding-left:300px;}}
@media (max-width:999px){.otoiawase {padding-left:70px;}}
.otoiawase p {font-size:0.8em;}

.space-top30 {padding-top:30px;}
.space-bottom30 {padding-bottom:30px;}
.space-top60 {padding-top:60px;}
.space-bottom60 {padding-bottom:60px;}
.space30 {padding-top:30px;padding-bottom:30px;}
.space60 {padding-top:60px;padding-bottom:60px;}
@media (max-width:767px){.space-side60 {margin:0 20px;}}
@media (min-width:768px){.space-side60 {margin:0 80px;}}

.bg-gray {background-color:#eeeeee;}
.bg-orange {background-color:#ffcc66;}
.bg-green {background-color:#e3f1e3;}

.youtube {position: relative;width:100%;padding-top:56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

img {max-width:100%;height:auto;width:auto;}
img.radius {border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

ul.topBaner01{list-style-type:none;text-align:center;padding-top:20px;clear:both;}
ul.topBaner01 li {display:inline;padding:5px;}
ul.topBaner01 li a {margin:5px;}

/* ------------ アコーディオン --------- */
.accbox {margin: 2em 0;padding: 0;}
.accbox label {display: block;margin: 1.5px 0;padding : 11px 12px;color :#000;font-weight: bold;cursor :pointer;transition: all 0.5s;}
@media (max-width:767px){.accbox label {font-size:1.0em;}}
@media (min-width:768px){.accbox label {font-size:1.4em;}}
.accbox input {display: none;}
.accbox .accshow {height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;}
.cssacc:checked + .accshow {height: auto;padding:15px;background: #eaeaea;opacity: 1;}

/* ------------ form --------- */


.contSpace {
}
.contAreaC {
  padding-top:50px;
  text-align:center;
  margin: 0 auto;
}
.contArea {
  margin: 0 auto;
}
.contArea:after {
  content: ".";
  font-size: 0;
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}


.dc_txt0 {
  width:100%;
  font-size:1.3em;
  line-height:1.6em;
  color:#333;
  padding-top:20px;
}
.dc_txt {
  width:45%;
  font-size:1.3em;
  line-height:1.6em;
  color:#333;
  padding-top:20px;
}
.dc_txt2 {
  width:90%;
  font-size:1.3em;
  line-height:1.6em;
  color:#333;
  padding-top:20px;
  padding-left:80px;
}
.dc_Img {
  font-size:1.0em;
  line-height:1.5em;
  color:#333;
}

li.item h5 {text-align:left;}

/* 問合わせエリア */

#toiawase {
  margin-top:40px;
  padding:30px;
  text-align:center;
}
#toiawase a:hover {
  opacity:0.6;
}
.toi_area01,.toi_area02,.toi_area03 {
  text-align:center;
  overflow:hidden;
}
.toi_area01,.toi_area03 {
  padding-top:30px;
}

  .toiawase000 {
    position:relative;
    right:300px;
    font-size: 12px;
  }
  .toiawase002 {
    display:none;
  }
  .toi_area01 {
    position: relative;
  }
  .toiawase01 {
    position: relative;
    top: -290px;
    left: 190px;
  }
  .toiawase02 {
    position: relative;
    top: -280px;
    left: 190px;
 }

@media (min-width: 850px) {
  .toi_area02 em {
    display:none;
  }
}
.toi_area02 a img {
  margin: 5px;
  box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.2);
}

/* 問合わせエリア end */
