body {
  font-family:Helvetica, Arial, sans-serif;
  background: url(index/indexbg.jpg);
  margin:0px;
  border:0px;
}
#indexarea {
  width: 96%;
  margin: 0px auto 0px auto;
  text-align: center
}
h1 {
  font-size: 3.2vw;
  line-height:4.2vw;
  margin: 0px auto 0px auto;
  /*width: 160px;*/
  font-weight: normal;
  text-align:center!important;
}
#indexlogo {
  margin: 0px auto 1.2vw auto;
  width: 80%;
}
.reset {
	clear:both;
	display:block;
	height:1px;
	font-size:1px;
	line-height:1px;
}

/* entrance ----------------------------------------------------------------------------------------------- */
#top_time {
  margin: 0px auto 0px auto;
  width: 90%;
  text-align: center;
  display: block;
  color: #463301;
  font-size: 5.2vw;
  line-height:6.2vw;
  font-weight: bold;
}
#top_time2 {
  margin: 0px auto 0px auto;
  width: 90%;
  text-align: center;
  display: block;
  color: #463301;
  font-size: 4.2vw;
  line-height:5.2vw;
  font-weight: bold;
}


#indextel {
   width: 100%;
 color: #463301;
  margin: 0px auto 0px auto;
  text-align: center;
}
#indextel .mark {
  background: url(base/telmark.png) no-repeat 0.4vw 0.4vw;
  -webkit-background-size: auto 90%;
  -moz-background-size: auto 90%;
  -ms-background-size: auto 90%;
  -o-background-size: auto 90%;
  background-size: auto 90%;
  float: left;
  color: #463301;
  width: 20%;
  height: 8.2vw;
  border: 0.4vw solid #463301;
  margin:1.4vw 0px 0px 0px;
  text-align: right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 2.8vw;
  line-height:4.1vw;
}
#indextel .tel {
  color: #463301;
  float: right;
  display: block;
  width: 76%;
  font-size: 10.4vw;
  height:11.0vw;
  line-height:11.0vw;
  font-weight: bold;
  text-align: left;
}

a:LINK,
a:VISITED,
a:ACTIVE {text-decoration: none;}
a:HOVER {text-decoration: none;}

#top_txt {
  margin: 1.2vw auto 0px auto;
  width: 90%;
  text-align: center;
  display: block;
  color: #333333;
  font-size: 4.2vw;
  line-height:5.2vw;
  font-weight: bold;
}
#top_txt2 {
  margin: 0px auto 0px auto;
  width: 90%;
  text-align: center;
  display: block;
  color: #333333;
  font-size: 4.2vw;
  line-height:5.2vw;
  font-weight: bold;
}


#enter{
	background:#03a6fb;
	margin: 3.2vw auto 0px auto;
	width:100%;
	height: 100px;
}


#enter a.in{
  color: #03a6fb;
  text-align: center;
	font-size:70px;
	font-family: 'Oswald', sans-serif;
	display:block;
	background:#ffffff;
	margin: 10px auto 0px auto;
	width: 90%;
	height: 80px;
	line-height: 80px;
}

#enter a.in:HOVER { color: #ffffff;background:#035bfb;}

#ban{
	margin: 3.2vw auto 0px auto;
	width:100%;
}
#footer {
  margin:10px 0px 0px 0px ;
  text-align: center;
  border: 1px solid #333;
  color: #ffffff;
  background: #133b7f;
  -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0px -1px 2px rgba(0,0,0,.2);
  box-shadow: 0px -1px 2px rgba(0,0,0,.2);
}

h4{
  font-size: 12px;
  text-align: center;
  display: block;
  margin:0px;
  padding: 0;
}

.index18kin {
	margin: 8.2vw auto 0px auto;
  width: 45px;
  height: 45px;
  background: url(index/index18kin.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}