@charset "UTF-8";

html,body{
	width: 100%;
	height: 100%;
	margin: auto;
}
body {
	background: #EDEDED;
	color: #000;
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
a{
	color: #000;
}
#wrapper{
	position: relative;
	width: 100%;
}

/*footer*/
footer{
	width: 100%;
	padding: 20px;
	text-align: center;
	color: #fff;
	background: #000;
	box-sizing: border-box;
	line-height: 1.8em;
}
footer a{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
footer .banner{
	padding: 10px 0 30px;
}
footer .banner img{
	box-shadow: 0 0 5px 2px #fff;
	display: block;
	margin: auto;
}

/*maincontents*/
#maincontent{
	width: 1000px;
	margin: auto;
}
#maincontent img{
	max-width: 740px;
	display: block;
	margin: auto;
}
#mainvis{
	width: 1000px;
	height: 487px;
	background: url("../image/firstview.jpg");
	background-size: cover;
	position: relative;
}
#mainvis .m1{
	position: absolute;
	top: 20px;
	right: 20px;
	width:
}
#mainvis .m2{
	position: absolute;
	bottom: 0;
	width: 1000px;
	max-width: 1000px !important;
	top: 380px;
}
#mainvis .m3{
	position: absolute;
	bottom: 20px;
	right: 50px;
	width: 250px;
	top: 435px
}
#contents{
	text-align: center;
	margin: auto;
	padding: 20px 0;
}
#contents img{
	padding: 10px 0;
}

/*nav*/
#side {
	position: absolute;
	top: 500px;
	right: 0;
	width: 104px;
	height: 606px;
}

/*form*/
#form{
	width: 1000px;
	margin: 30px auto;
}
#form form{
	width: 740px;
	margin: 40px auto;
	vertical-align: middle;
	line-height: 1.5em;
}
#form form img{
	display: inline;
}
#form form div .left:last-child{
	width: 60%;
}
#form form div .left:first-child{
	width: 40%;
}
#form form input[type="text"],#form form textarea,#form form select{
	width: 100%;
	border: 1px solid #000;
	box-shadow: none;
}
#form form input[type="submit"]{
	display: block;
	margin: auto;
}
#form form .cf{
	padding: 20px;
	box-sizing: border-box;
}
#form form table{
	margin: 20px auto;
	text-align: center;
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 10px;
}
#form form table th{
	background: #ff0;
	border: solid 1px #000;
}
#form form table th,#form form table td{
	width: 20%;
}
#form form table td>*{
	width: 98% !important;
}
#form1,#form2,#form3{
	display: none;
}

/*下層ページ*/
.un{
	width: 1000px !important;
	padding: 50px 0;
}
.un table{
	border-collapse: separate;
	border-spacing: 10px;
	width: 757px;
	margin: 20px auto;
}
.c-table{
	border-collapse: separate;
	border-spacing: 2px;
	width: 800px;
	margin: 20px auto;
}
.un table th,.un table td{
	border: solid 1px #000;
	padding: 20px;
}
.c-table th,.c-table td{
	border: solid 1px #000;
	padding: 5px;
}
.un table th{
	background: #ff0;
	width: 30%;
}
.c-table th{
	background: #ff0;
}
.un table td,.c-table td{
	background: #fff;
}
.confirm{
	text-align: center;
}



/*レスポンシブ*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
@media screen and (min-width: 769px){}
@media screen and (max-width: 768px){}
@media screen and (max-width:640px){}


/*クラス指定*/
.bold{font-weight: bold;}
.red{color: red;}
.blue{color: blue;}
.left{float: left;}
.right{float: right;}

/*clearfix*/
.cf:after {
  content: "";
  clear: both;
  display: block;
}
/* For IE 6/7 only */
.cf {
  *zoom: 1;
}