@charset "UTF-8";

html {
  font-size: 62.5%; /* sets the base font to 10px for easier math */
  overflow: auto;	
  }

body {
	width: 100%;
	margin-right: auto;
	margin-left : auto;
	font-size: 15px;
	font-size: 1.5rem;  
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
	color:#2c4b79;
	line-height:1.6;
	-webkit-text-size-adjust: none;
	background:#fdf8f1;
    overflow-x: hidden;
    position: relative;
	}

/*画面サイズが480px以上はここを読み込む*/
@media screen and (min-width:480px){
body {
	min-width: 480px;
	width: 80%;
	}
}





header,nav,ul,li,p,a{margin:0; padding:0;}

/*枠組み*/
div.title{
	width:auto;
	border: 1px solid #eee;
	border-top: 1em solid #3498db;
	border-bottom: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin: 0px 0px 1em 0px;
	padding: 1em;
	}
div.box {
	width:auto;
	margin: 0;
	padding: 0 0 1em 0;
	border: #eee solid 1px;
	border-top: 0px
	background-color: #fff;
	}


/メニュー*/
.navi{
	width: 100%;
	display: block;
	padding: 0;
	overflow: hidden;
	}
.navi li {
	box-sizing: border-box;
	width: 100%;
	font-size:18px;
	font-size:1.8rem;
	padding: 0;
	height: 50px;
	line-height: 50px;
	list-style: none;
	}
.navi li a {
    display: block;
	text-decoration: none;
	text-align: center;
	color:#000;
	height: 50px;
	}
.navi li a:hover {
    background: #7da8db;
	}
.bg1 {
	background: #b2b6db;
}
.bg2 {
	background: #e4c4db;
}
.bg3 {
	background: #dbe585;
}
.bg4 {
	background: #eac39a;
}
.bg5 {
	background: #ebe9ae;
}

/*画面サイズが768px以上はここを読み込む*/
@media screen and (min-width:768px){
	.navi li {
		width: 20%;
    	float: left;
		}
	.cl {
		clear:both;
		}
	}


/*見出し*/
h1 {
	color:#3a614f;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	line-height:1;
}

h2{
	color:#3a614f;	
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
	line-height:1;
}

h3 {
	margin-top : 2em;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	border-bottom: 1px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	font-weight: normal;
	}
h4 {
	margin; 0;
	padding-left: 0.8em;
	color: #0000aa;
	font-size: 17px;
	font-size: 1.7rem;
	}


/*その他*/
.jisage{
	margin-left: 30px;
	margin-left: 3rem;
	margin-right: 10px;
	margin-right: 1rem;	
	}
	
.right{
	text-align: right;
	}
.print{
	display: none;
	}