@charset "EUC-JP;
/* CSS Document */
/*===================================================================
    Reset
===================================================================*/
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,small,span,img,pre,footer,header,section,article,table,tbody,thead,th,td,a,address,input,form,textarea,select{
	margin:0;
	padding:0;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-style:normal;
	font-size:13px;
	font-weight:normal;
	color:#1E0606;
	}
	
	ul,ol,li{list-style:none}
	
	.cf{display:inline-table}
	
	.cf:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden
	}
	* html .cf{height:1%}
	.cf{display:block}

/* -----------------------------------------------------------------
    Style Setting
------------------------------------------------------------------ */ 

html,body{
	background:#FFF;
}

img{
	max-width:100%;
}

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mt15 { margin-top: 15px; }

.font_s { font-size:80% !important; }

h2{
	/*width:100%;*/
	border: solid 1px #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top, #fff, #eee);
	padding: 5px;
	margin:0 auto 10px;
	-pie-background: linear-gradient(top, #fff, #eee);
	}
h2 span{
	border-left: 5px #5ABACA solid;
	padding-left: 10px;
}




#left{
	width:45%;
	float:left;
	margin-left:2%;
}
#center{
	padding-left:2%;
	padding-right:2%;
	width:30%;
	float:left;
}
#right{
	width:35%;
	float:right;
	margin-right:2%;
}

.fl-l { float: left; }
.fl-r { float: right; }
.text-c { text-align: center; }
.text-r { text-align: right; }
.text-l { text-align: left; }

section {
	width:94%;
	margin:0 auto;
}

/* -----------------------------------------------------------------
 header
------------------------------------------------------------------ */

header {
	width:100%;
margin-bottom:1%;
text-align:center;
}

h1 {
	background:#5ABACA;
	width:100%;
	margin-bottom:3%;
}

h1 span {
	width:96%;
	text-align:center;
	font-size:12px;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
}


/* -----------------------------------------------------------------
 Link Setting
------------------------------------------------------------------ */
a:link{
	color:#93AD27;
list-style:none;
text-decoration: none;
}

a:visited{
list-style:none;
text-decoration: none;
}

a:hover{
list-style:none;
}

/* -----------------------------------------------------------------
 nav
------------------------------------------------------------------ */
nav{
	width:96%;
	margin:0 auto 10px;
	}
nav li{
	float:left;
	width:50%;
	}
nav li a{
	display:block;
	width: 95%;
	background:#696969;
	height: 40px;
	padding-top: 15px;
	margin:2.5%;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	border-radius:10px ;
	}
nav #nav_two a{
	height:67px;
	padding-top:13px;
	}
nav .gra a{
	color:#ffffff;
	}
nav .ore a{
	color:#ffffff;
	}
	
	nav li.gra a{
	position: relative;
	background-color: #5ABACA;/*ナビボタンのカラー*/
	border-radius: 4px;
	color: #fff;
	/*line-height: 52px;*/
	-webkit-transition: none;
	transition: none;
	-webkit-box-shadow: 1px 1px 2px #afafaf;
    -moz-box-shadow: 1px 1px 2px #afafaf;
    -ms-box-shadow: 1px 1px 2px #afafaf;
    box-shadow: 1px 1px 2px #afafaf;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5ABACA), color-stop(0.00, #D5EDF1));
	background: -webkit-linear-gradient(#D5EDF1, #5ABACA);
	background: -moz-linear-gradient(#D5EDF1, #5ABACA);
	background: -o-linear-gradient(#D5EDF1, #5ABACA);
	background: -ms-linear-gradient(#D5EDF1, #5ABACA);
	background: linear-gradient(#D5EDF1, #5ABACA);*/
	color:#fff;
	
}
nav li.ore a{
	position: relative;
	background-color: #B6D33D;/*ナビボタンのカラー(下層ページ)*/
	border-radius: 4px;
	color: #fff;
	/*line-height: 52px;*/
	-webkit-transition: none;
	transition: none;
	-webkit-box-shadow: 1px 1px 2px #afafaf;
    -moz-box-shadow: 1px 1px 2px #afafaf;
    -ms-box-shadow: 1px 1px 2px #afafaf;
    box-shadow: 1px 1px 2px #afafaf;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B6D33D), color-stop(0.00, #F6F9E6));
	background: -webkit-linear-gradient(#F6F9E6, #B6D33D);
	background: -moz-linear-gradient(#F6F9E6, #B6D33D);
	background: -o-linear-gradient(#F6F9E6, #B6D33D);
	background: -ms-linear-gradient(#F6F9E6, #B6D33D);
	background: linear-gradient(#F6F9E6, #B6D33D);*/
	color:#fff;
	
}


#btn_home{
	margin:5px 0 5px 0;
}
#btn_home a{
	width:98%;
	position: relative;
	background-color: #5ABACA;
	border-radius: 4px;
	color: #fff;
	line-height: 25px;
	-webkit-transition: none;
	transition: none;
	-webkit-box-shadow: 1px 1px 2px #afafaf;
    -moz-box-shadow: 1px 1px 2px #afafaf;
    -ms-box-shadow: 1px 1px 2px #afafaf;
    box-shadow: 1px 1px 2px #afafaf;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	display:block;
	text-align:center;
	margin:0 auto;

}

/*===================================================================
  footer
===================================================================*/
#gtt{
	width:50%;
	margin-left:45%;
	height:40px;
	padding-top:10px;
	color:#000;
	background-color: #5ABACA;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5ABACA), color-stop(0.00, #D5EDF1));
	background: -webkit-linear-gradient(#D5EDF1, #5ABACA);
	background: -moz-linear-gradient(#D5EDF1, #5ABACA);
	background: -o-linear-gradient(#D5EDF1, #5ABACA);
	background: -ms-linear-gradient(#D5EDF1, #5ABACA);
	background: linear-gradient(#D5EDF1, #5ABACA);*/
	border-radius:7px;
 	margin-bottom:7px;
	}
#gtt p{
	font-size:18px;
	color:#ffffff;
	text-align:center;
	}
	
#gtt a {
	color:#FFF;
}

footer {
	border-top:2px solid #56B6C6;
	padding-top:2%;
	width:100%;
	margin:0 auto;
	text-align:center
}

#copy small{
	font-size:70%;
} 

/*#footer p{
	padding-top:17px;
	text-align:center;
	padding-bottom:-2px;
	}
#footer p small{
	font-size:50%;
	}
#footer_btn{
	text-align:center;
}*/