@charset "UTF-8";


#wrapper{
	width: 980px;
	margin: 0 auto;
}





/*ボタンエリアの設定*/

.btn{
	text-align: center;
	margin-top: 30px;
}

.btnAnime01{
	margin-left: 20px;
}

.btnAnime01 {
    -webkit-animation-name:btnAnime02;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    
    -moz-animation-name:btnAnime02;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}
@-webkit-keyframes btnAnime02 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -8px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes btnAnime02 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -8px);}
    100% {-moz-transform:translate(0, 0);}
}


.btn_2{
  text-align: center;
  margin-top: 30px;
}

.btn-flat-border {

  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #67c5ff;
  color: white;
}













 






/*contactエリアの設定*/

#contact{
	margin-top: 40px;

}	
	

#contact h2{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 0px;
}

#contactArea{
	/*background: url(../web_img/bgContent_contact02.png) no-repeat center;*/
	width: 980px;
/*	height: 800px;*/
	margin: 0 auto ;
	padding: 60px 0px 0 0;
	position: relative;
	margin-bottom: 80px;
}

#contactArea .titleBox{
	position: absolute;
	top: 20px;
	left: 38px;
}

#contactArea .titleBox ul{
	padding-left: 3px;
}

#contactArea .titleBox ul li a{
	background: url(../img/icoShared_arrow.gif) no-repeat left center;
	padding-left: 12px;
	color: #6cc;
}

#contactArea #formWrap{
	margin-left: 200px;
	margin-right: 80px;
}

#contactArea #formWrap p#lead{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.8em;
	color: #333;
	text-align: center;
  line-height: 150%;
}

#contactArea #formWrap p.shousai{
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 1.2em;
	color: #333;
	text-align: center;
}

#contactArea .cntBox h3{
	margin-bottom: 10px;
	line-height: 1;color: #000;
	
}

#contactArea #formWrap .explanation{
	background-color: #f5f5f5;
	padding: 20px 0px ;
	text-align: center;
	margin-top: 30px;
	font-size: 1.1em;
	line-height: normal;
}

#contactArea #formWrap #explanation2{
	background-color: #f5f5f5;
	padding: 20px 0;
	text-align: center;
	margin-top: 20px;
}



#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom: 30px;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}


/*過去レポエリア*/

.kakorepo{
	width: 100%;
	/*height: 500px;*/
	margin: 0 auto;

}

.kakorepo h2{
	text-align: center;
	margin-bottom: 20px;

}

.kakorepo ul{
  /*float: left;*/
	text-align: center;
	margin-bottom: 3em;
}


.kakorepo ul li img{

	width: 100%;
	margin-right: 25px;
	margin-top: 5px;
	margin-bottom: 5px;

}


.kakorepo h4 {
	width: 300px;
	text-align: left;
	font-size: 1.5em;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 1.5em;
  color: #010079;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #010079;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}





/*soraエリアの設定*/

.sora{
	width: 600px;
  margin-top: 70px;
}

.sora h3{
	text-align: center;
	margin-top: 70px;
	margin: 0 auto;
	margin-left: 00px;

}

.n{
  width: 600px;
}

.n .nishi .aboutImage{
	float: left;
	margin-right: 50px;
	margin-left: 90px;
	margin-top: 20px;
}

.n .nishibun{
	width: 230px;
	float: left;
	margin-top: 10px;
	text-align: left;
}


.n .nishibun h5{
	font-size: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 230px;
	text-align: left;
}

.n .nishibun p{
	width: 600px;
	text-align: left;
	
}

.n .nishibun p.aboutbun{
	float: clear;
	text-align: left;
}

.n .nishi .aboutDescription{
	font-size: 0.8em;
	line-height: 5px;
	margin-top: 0px;
	text-align: left;
}

.n{
	float: clear;
}

.n .aboutDescription{
	font-size: 0.8em;
	text-align: left;
}




.m{
  width: 600px;
}

.m .masa .aboutImage{
	float: left;
	margin-right: 50px;
	margin-left: 90px;
	margin-top: 70px;
}

.m .masabun{
	width: 230px;
	float: left;
	margin-top: 50px;
}


.m .masabun h5{
	font-size: 1.3em;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 230px;
	text-align: left;
}

.m .masabun p{
	width: 600px;
	text-align: left;
}

.m .masabun p.aboutbun{
	float: clear;
}

.m .masa .aboutDescription{
	font-size: 0.8em;
	line-height: 5px;
	margin-top: 0px;

}




.m h5{
	margin-top: 10px;
	margin-bottom: 10px;
}

.m .aboutDescription{
	font-size: 0.8em;
		text-align: left;
}

.m{
	float: clear;
}

.m .masa .aboutDescription{
	font-size: 0.8em;
}






.i{
  width: 600px;
}

.i .ino .aboutImage{
	float: left;
	margin-right: 50px;
	margin-left: 90px;
	margin-top: 70px;
}

.i .inobun{
	width: 230px;
	float: left;
	margin-top: 50px;
}


.i .inobun h3{
	font-size: 1.3em;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 230px;
}

.i .inobun p{
	width: 600px;
	
}

.i .inobun p.aboutbun{
	float: clear;
}

.i .ino .aboutDescription{
	font-size: 0.8em;
	line-height: 5px;
	margin-top: 0px;
}




.i h3{
	margin-top: 10px;
	margin-bottom: 10px;
}

.i .aboutDescription{
	font-size: 0.8em;
}

.i{
	float: clear;
}

.i .ino .aboutDescription{
	font-size: 0.8em;
}





.s{
	width: 600px;
}

.s .susu .aboutImage{
	float: left;
	margin-right: 50px;
	margin-left: 90px;
	margin-top: 70px;
}

.s .susubun{
	width: 230px;
	float: left;
	margin-top: 90px;
	text-align: left;
}


.s h5{
	font-size: 1.3em;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 230px;
	text-align: left;
}

.s .susubun p{
	width: 600px;
	text-align: left;
}

.s .susubun p.aboutbun{
	float: clear;
	text-align: left;
}

.s h5{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.s .aboutDescription{
	font-size: 0.8em;
	text-align: left;
}

.s .s{
	float: clear;
}

.s .susu .aboutDescription{
	font-size: 0.8em;
	text-align: left;
}






.h{
  width: 600px;
}

.h .hira .aboutImage{
	float: left;
	margin-right: 50px;
	margin-left: 90px;
	margin-top: 70px;
}

.h .hirabun{
	width: 230px;
	float: left;
	margin-top: 140px;
	text-align: left;
}

.h h5{
	font-size: 1.3em;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 230px;
	text-align: left;
}

.h .hirabun p{
	width: 600px;	
	text-align: left;
}

.h .hirabun p.aboutbun{
	float: clear;
	text-align: left;
}

.h h5{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.h .aboutDescription{
	font-size: 0.8em;
	text-align: left;
}

.h{
	float: clear;
}

.h .hira .aboutDescription{
	font-size: 0.8em;
	text-align: left;
}


.juyouannai {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.juyouannai p {
    margin: 0; 
    padding: 0;
	  font-size: 1.3em;
}

.juyouannai p b{
	border-bottom: solid 1px ;
}