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

body {  
	text-align: center;
	height:100%;
	line-height:1.5em;
	}  
div#wrap { 
	position:relative; 
    width: 700px;  
    margin: 0 auto;  
    text-align: left;
	height:100%;
	background-color:fff;
} 

div#wrap850{
	position:relative; 
    width: 850px;  
    margin: 0 auto;  
    text-align: left;
	height:100%;
	background-color:fff;
	
}
#header{
	width: 700px;
	/*margin: 0 auto;*/
	background: #fff;
}

#main{
	position:absolute;
	z-index:-1;
	width: 900px;
	top:170px;
	line-height:1.5em;
	left: -2px;
}

#footer{
	width:900px;
	height:30px; 
	text-align:center;
	margin:0 auto; 
	z-index:-1;

}

#dropmenu{
  /*z-index:1;*/
  z-index:1;
  list-style-type: none;
  width: 900px;
  height: 35px;
  margin: 30px auto 300px;
  padding: 0;
  background: #4f85b7;
  border-bottom: 5px solid #0e5292;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  /*position: absolute;*/
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}

  
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #4f85b7;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #a1c2e0;
  color: #ecfc72;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #fff2ef;
  border-bottom: 1px solid #fff2ef;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

span#type1_left {
	float: left;
}
span#type1_right {
	float: right;
}

/*　画像エリア　*/
.img_01 {
 margin-left:100px;
}

.img_02{
 margin-left:300px;
}


/*　お知らせ　*/

.info_01 {
	font-weight:700;
	color:#F30;
	margin-left:20px;
}

.info_02{
	position:relative;
}

/*  トップページ以外の開始位置 */
.childP{
	/*-z-index:-1;*/
	z-index:-1;
	overflow:hidden;
	position:absolute;
	top:192px;
	width: 900px;
	/*margin: 0 auto;*/
	background: #fff;
	line-height:1.5em;
	/*left: -5px;*/
}

/*　フッター */
.foot{
	font-size:9pt;
	text-align:center;
}

/*  回り込み　*/
.fleft{
	float:left;
}
.fright{
	float:right;
}
.fclear{
	clear:both;
}

/* 位置 */
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}

/* color */
.dred{
	color:#900;
}
.red{
	color:#C00;
}
.redff{
	color:#f00;
}
.dblue{
	color:#009;
}
.blue{
	color:#00c;
}
.brown{
	color:#900;
}
.white{
	color:#fff;
}
.lightbrown{
	color:lightcoral;
}
/* background color */
.bkblue td{
	 background: #fff8dc;
}

/* font　weight */
.fbold{
	font-weight:bold;
}

/* image の周囲の余白 */
img.sp1{
	margin:20px 20px 5px 0px;
}
img.sp2{
	margin:20px 0px 5px 10px;
}
img.sp3{
	margin:0px 20px 0px 0px;
}


/* 文字枠 */
.waku{
	border-style:solid;
	border-width:1px;
	border-color:#00F;
	padding:5px;
	color:#00F;
	font-weight：;
	line-height:2.5em;
}
.waku2{
	padding:1em;
}


.box1{
	border-radius: 16px;         /* CSS3 */
   	border:2px #999999 solid;     /* 枠線の装飾 */
   	background-color: #f7fdfe;   /* 背景色 */
	width:660px;
	line-height:1.5em;
	padding:20px 20px 20px 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

.box2{
	border-radius: 8px;         /* CSS3 */
   	border:#d5d5d5 solid 1px;     /* 枠線の装飾 */
   	background-color: #fafcf3;   /* 背景色 */
	width:650px;
	line-height:1.7em;
	padding:20px 20px 20px 20px;
	
	font-size:smaller;
}

.topbox{
	background-color:#fbf2cf;
	padding:1.0em;
	color:#1a5136;
	font-size:small;
}

.middlebox{
	background-color:#fbf2cf;
	padding:0.5em;
	
	font-weight:600;
}

.middlebox2{
	background-color:#e1fff5;
	padding:0.5em;
	font-size:middle;
	font-weight:300;
	kineheight:1.5em;
}
.ms{
	font-size:smaller;
	font-weight:300;
	color:darkslategray;
	line-height:1.5em;
}
.pad1em{
	padding-left:1em;
}

.lpad{
	padding-left:5em;
}

caption{
	font-size:small;
	font-weight:600;
}

td, th{
	font-size:small;
	padding-left:0.5em;
	padding-right:0.5em;
	
	line-height:1.6em;
}

.hr1{
    border:0;
    border-bottom: 1px dashed #000000;
}
.larger{
	font-size: larger;
}
.top15{
	padding-top: 15px;
}

.kaigyo{
	padding-bottom:1px;
}

ul{
	list-style-type: none;
	padding-left:60px;
}