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

/*global*/

body{ line-height:1.5; font-size:0.95em;font-family:"源柔ゴシックL Light" !important;
      background-color:#fff;
	  background-repeat:repeat;
	  height:auto;
	  background-position:center top;
	  }

img.bg {
  min-height: 100%;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}


/*ヘッダーの設定。メニューはstyle5.cssを参照の事 */
#head h1{margin:2% 2% 2% 2%;}

#head h1 img{
	width:80%;}

.menu-a{font-weight:bold;}

/*メニューバー*/
.dropmenu{ 
  *zoom: 1; 
  list-style-type: none; 
  width: 100%; 
  margin-top:-1%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1.5%; 
  padding:auto;
   } 
 
.dropmenu:before, .dropmenu:after{ 
  content: ""; 
  display: table; } 
 
.dropmenu:after{ 
  clear: both; } 
 
.dropmenu li{ 
  position: relative; 
  width: 25%; 
  float: left; 
  margin: 0; 
  padding: 0; 
  text-align: center; } 
 
.dropmenu li a{ 
 display: block; 
  margin: 0; 
  padding-left:auto;
  padding-right:auto;
  padding-top:5%;
  padding-bottom:5%; 
  background: #769da6; 
  color:  #c5c6c7; 
  font-size: 16px; 
  line-height: 4; 
  text-decoration: none;
  border-right:1px solid #dcdcdc;} 

.dropmenu li ul{ 
  list-style: none; 
  position: absolute; 
  z-index: 9999; 
  top: 100%; 
  left: 0; 
  margin: 0; 
  padding: 0; } 
 
.dropmenu li ul li{ 
  width: 100%; } 
 
.dropmenu li ul li a{ 
  padding-left:5%;
  padding-top:5%;
  padding-bottom:5%; 
  border-top: 1px solid #dcdcdc; 
  background:#72899e; 
  text-align: left; } 

.dropmenu li:hover > a{ 
  background:  #99c1cc;
  color: white;
  font-weight:bold; } 

#normal li ul{ 
  display: none; } 
 
#normal li:hover ul{ 
  display: block; } 
/*メニューバーここまで*/
#wrapper{
	position:relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	/*z-index:100;*/
	overflow:hidden;
	
	}

/*content*/


#content{width:100%;
               min-height:500px;
			   background-color:#fff;
               padding-bottom:0;
}
.text{padding-left:6%;
      padding-right:3%;
      margin-top:1%;}

.title{text-align:center;
}

.subtitle{position:relative;
          width:70%;
          margin:2% auto 2% auto;
          letter-spacing: 0.1em;
		  padding:2px 0;
		  border:4px solid #769da6;
          background:white;
          text-align:center;
		  font-size:1.5em;
		  font-weight:bold;
          color:#769da6;}

/*ページ上部へのジャンプボタン*/
#page-top {
	position: fixed;
	bottom: 30px;
	right: 1%;
	font-size: 100%;
	font-weight:bold;}
	
#page-top a {
	background:#769da6;
	text-decoration: none;
	color: white;
	width: 60px;
	padding: 6px 0;
	text-align: center;
	display: block;
	border-radius: 0.1em;}

#page-top a:hover {
	text-decoration: none;
	background:#8a9691;
	color:white;}


/*fooder*/
#fooder{
	width:100%;
	height:50px;
	margin:0 auto;
	background-color:#769da6;}

#fooder a{
	margin:2% 1% 0 5%;
	float:left;
	text-decoration:none;
	color:white;
	font-size:0.5em;}
	
#fooder a:hover{font-weight:bold;}	

#copyright{
	margin:8px 1% 0 0;
	float:left;
	text-decoration:none;
	color:white;
	font-size:0.6em;}


 /*float*/
.cf {
   }
.cf:before,
.cf:after {
     content: " ";
     display: table;
	    }
.cf:after {
  clear: both;
   }