@charset "utf-8";



body{
	font-size: 14px ; 
	scrollbar-face-color:#61C7FF;
	scrollbar-highlight-color:#61C7FF;
	scrollbar-shadow-color:#0088E2;
	scrollbar-base-color:#0088E2;
	scrollbar-arrow-color:#0088E2;
	scrollbar-darkshadow-color:#61C7FF;
	background-image:url("./img/image001.gif");
}


@media screen and (min-width:330px) {

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

#header {
  flex-direction: column;
    align: center;
    width: 100%; 
    height: 40px;
    margin: 0;
font-size:1.5em;
font-weight:bold;
}
#headerlogo {
    float: right;
    width: 100%;
    height: 40px;
    margin: 0;
}

#menu{
	display: flex;
	flex-direction: column;
	width: 100%;
    	height: auto;
	margin: 0px auto;
	padding:0px 0px 10px 0px;
	justify-content:center;
	}

    .box-item{
      text-align: center;
      padding: 5px;
    }  
#main{
    clear: both;
    width: 100%;
    height: auto;
    background-color: #ffffff;
}

@media screen and (min-width:700px) {

#header {
 	 flex-direction: row;
	 display: flex;
 }

 #headertext {
    float: left;    /* 左配置*/
    width: 100%; 
    height: 40px;
    margin: 0;
    font-size:1.3em;
    font-weight:bold;
 }

 #headerlogo {
    float: right;    /* 右配置 */ 
    width: 100%;
    height: 40px;
    margin: 0;
 }


 #boxset{
    flex-direction: column;
    display: flex;
    height: 93%;
 }

 #menu{
	display: flex;
	flex-direction: row;
	float: left;
	width: 20%;
    	height: auto;
    	margin: 0px auto;
	padding:10px 0px 10px 0px;
	}

    .box-item{
      text-align: center;
      padding: 5px;
    }  

 #main{
    float: right;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    margin: 0 auto;
 }

}

@media screen and (min-width:1200px) {

 #header {
 	 flex-direction: row;
 display: flex;
 }

 #headertext {
    float: left;    /* 左配置*/
    width: 100%; 
    height: 40px;
    margin: 0;
    font-size:1.3em;
    font-weight:bold;
 }

 #headerlogo {
    float: right;    /* 右配置 */ 
    width: 100%;
    height: 40px;
    margin: 0;
 }

 #boxset{
    flex-direction: row;
    display: flex;
    height: 93%;
 }

 #menu{
	flex-direction: column;
	float: left;
	width: 20%;
    	height: auto;
    	margin: 0px auto;
	padding:10px 0px 10px 0px;
	}

    .box-item{
      text-align: center;
      padding: 5px;
    }  

 #main{
    float: right;
    width: 80%;
    height: 100%;
    background-color: #ffffff;
    margin: 0 auto;
 }

}



/* 背景に画像を指定 */

.bi_1{

	background-color: #ffff99;
	background-image: url(img/image001.gif);
	background-repeat: repeat;
}


h1 {
	font-size:1.5em;
	color:#2d444f;
	background-color:#c5e1ed;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center
	margin-bottom:0
	}

h1 em {
	font-family:Verdana, Helvetica, sans-serif;
	font-style:normal;
	padding-right:5px
	}

h2 {
	font-size:1em;
	border-left:solid 18px #5e8eab;
	padding-left:5px;
	margin-top:2em;
	margin-bottom:1em
	}

p {
	font-size:1.25em;
	line-height:1.5em;
	color:#555555;
	width:90%;
	margin-left:30px
	}

p.policy {
	font-size:0.75em;
	font-weight:bold;
	color:#5e8eab;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-top:5px;
	border-bottom:solid 3px #c5e1ed;
	padding-bottom:5px
	}

address {
	font-size:0.625em;
	font-weight:bold;
	font-style:normal;
	color:#5e8eab;
	border-top:solid 9px #c5e1ed;
	padding-top:4px;
	margin-top:30px
	}

address a {
	color:#5e8eab;
	}

.news{
    margin:5px 0px 5px 5px;
    font-size: 1.25em;
    color: #6C6C6C;
    }

.photo{
	float:right;
	margin-left:20px;
	margin-right:20px;
	font-size:0.8em
	color:#5e8eab;
	width:320px;
	}

.photo_s{
	float:right;
	margin-left:20px;
	margin-right:20px;
	font-size:0.8em
	color:#5e8eab;
	width:235px;
	}

.photo_L{
	float:left;
	margin-left:20px;
	margin-right:20px;
	font-size:0.8em
	color:#5e8eab;
	width:320px;
	}

.photo_Ls{
	float:left;
	margin-left:20px;
	margin-right:20px;
	font-size:0.8em
	color:#5e8eab;
	width:235px;
	}


.NoFloat{
	clear:both;
	}


/****** Postman用 ******/
/*ヘッダ用枠*/
#head {
	background: #00428e;
	color: #fff;
}
#head-in {
	padding: 8px 2em;
}
#body {
	margin-left: 1.5em;
}

/* for table */
#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
#form td {
	background: #fff;
}
p.btn input {
	width: 110px;
	height: 32px;
}
/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}