@charset "utf-8";
/* CSS Document */

html{overflow-y: scroll;}
body {background-color:#FFFFFF;  margin:0; font-size: 1.2em;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
 }
.none{ display: none;}

   /* 横向きの場合のスタイル */
@media screen and (orientation: landscape) {
	.pc { display: block !important; }
.sp { display: none !important; }

input{
			font-size:16px;
		}

#main{
	background-color:#FFFFFF;
	width:100%;
	min-height: 1000px;}
.border{
	border: #565656 solid 1px;  margin-top: 10px;margin-left: -10px;}
img {
   max-width: 100%;
}
	
.secsion{border: #AAAAAA  dotted 1.5px;}
	
#menubar{
	background-color:#FFFFFF;
	width: 960px;
	margin-top:3px;
	margin-left: auto;
	margin-right: auto;}
	
.menubg {background-color:#FFFFFF;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
  z-index: 999;
	text-align: center;
	}
.imgmargin{
	margin-top:5px;
	margin-right: 15px;
	margin-left:15px;} 
.img2{border: #AAAAAA 1px solid; margin:2px; width:220px;float:left;}
.img_text{ margin:2px; width:60%;height:100%; float:left;}
.clear{
	clear:both;
}
.top{	padding-top: 10px;

	width: 100%;

	}
	.bottan{
			display: flexbox;
	vertical-align: top; 
	display: inline-block;
		width:45%;
		height: 250px;

	}
#head2{width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-repeat:no-repeat;
	background-position: right bottom;
	}
#head2_tab{height: 30px;}
.text{

		font-size:1.0em;
	line-height: 2.0em;
	width:700px; 
	margin-bottom: 200px;
	margin-left: auto;
	margin-right: auto;}
	
.title{
	
	border-bottom: #565656 solid 1px;
	border-top: #565656 solid 1px;
	text-align: center;
	font-size:1.4em;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	}
	
	
.logbox
      {
         width: 300px;
         height: 200px;
         padding: 0.5em;
         overflow: auto;
      }

.left{text-align:right;}
	
  .slicknav_menu {display: none;}}

/*タブレット切り替え*/
@media screen and (orientation: portrait) {
	body{font-size:1.5em }
.cleartab {clear: both;}
.pc { display: none !important; }
.sp { display: block !important; width: 100%;}
	.tab{padding-top:25px;}
#main{

	background-color:#FFFFFF;
	width:100%;
	margin-left: auto;
	margin-right: auto;}

.menubg { display: none!important; }

.top{
	display: block
	width: 100%;

	}
	.bottan{width:100%;}
	#head2{width: 100%;
		height: 280px;
	margin-left: auto;
	margin-right: auto;
	background-repeat:no-repeat;
	background-position: right bottom;
	background-image:url(../img/head02.jpg);}

.text{width: 90%;
	 margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;}
	
	.title{

	border-bottom: #565656 solid 1px;
	border-top: #565656 solid 1px;
	text-align: center;
	font-size:1.0em;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	}
.left{text-align:right;}
	
}
.text{	color:#999999; 	transition: .8s;}
.title{	color: #4C4C4C;}

.title2{
	margin-top:-2px;
	border-bottom: #565656 solid 1px;
	border-top: #565656 solid 1px;
	text-align: center;
	font-size:1.0em;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	}
#head{width: 100%;
	height: 100px;
		margin-top: 45px;
	background-repeat:repeat-x;
	background-position: right bottom;
	background-color: #EDEDEB;
	background-image:url(../img/head.jpg);
	}

.ahr{margin-top:-50px;
	padding-top:50px;}

.bottan{border: solid 1px #565656; padding:2%; 	margin-top:10px;}

.top2{
	width: 100%;
	height: 100px;
	background-repeat:repeat-x;
	background-position: right bottom;
	background-color: #EDEDEB;
	background-image:url(../img/title.jpg);
	}
	
.top3{width: 100%;
	height: 100px;
	background-repeat:repeat-x;
	background-position: right bottom;
	background-color: #EDEDEB;
	background-image:url(../img/title02.jpg);
	}
.top4{width: 100%;
	height: 100px;
	background-repeat:repeat-x;
	background-position: right bottom;
	background-color: #EDEDEB;
	background-image:url(../img/title03.jpg);
	}
.top5{width: 100%;
	height: 100px;
	background-repeat:repeat-x;
	background-position: right bottom;
	background-color: #EDEDEB;
	background-image:url(../img/title04.jpg);
	}

.foot{ border-top:solid #000000 1px ;
	padding-top: 20px;
	color: #FFFFFF;
	width:100%; background-color: #412D1C;}

/*装飾*/

.textli {
			font-size:1.0em;
	line-height: 2.0em;
display: inline-block;
padding: 0.1em 0.3em;
transition: all .3s;
}

.textli:link{color: #E5881F;}
.textli:visited {color: #E5881F;}
.textli:active {color: #E5881F;}
.textli:hover {
color: #fff;
background-color: #E5881F;
}

p.img_center{

  text-align: center;
}

.center{
  text-align: center;
}

p.title_center{
  text-align: center;
}
.margin50{margin-top:30px;}
.wid100{width: 100%:}

.form{width:50%;}

textarea {
width: 90%;
height: 10em;
}

span.red{ display: inline-block; background-color:#D91616; color: #fff; padding: 2px;　font-weight: bold; }




/**/
.box2 {
	width:100%;


    color: #565656;/*文字色*/
    background: #FFF;

    border: double 5px #BDBDBD;
}
.box2 th{
	 font-weight: bold;
	padding: -2em ;
	color:#FFF;/*文字色*/
    background: #BDBDBD;
	text-align:left;
	}
.box2 td{ 
        padding: 0.5em 0.5sem;
   		 margin: 2em 0;
			 border-bottom: solid  1px #BDBDBD;}
.center{	text-align:center;}