@charset "UTF-8";

/*CSSDocument*/


/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

*{ margin:0px; padding:0px;}

body{
	color:#000;
	margin:0;
	padding:0;
	background:#fff;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
	text-align:center;
	font-size:100%;
}

a:link{ color:#32457a;text-decoration:none;}
a:visited{ color:#32457a;text-decoration:none;}
a:hover{ color:#32457a;text-decoration:underline;}
a:active{ color:#32457a;text-decoration:none;}

ul{ list-style:none;}

a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.60;
opacity:0.60;
}

img{
	margin:0;
	padding:0;
	vertical-align:top;
	}

/*
html ----------------------------------------------------------*/




/* body base
===============================================================*/

#main{
	width:100%;
	position:relative;
	}




#wrap{
	max-width:1280px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:100px;
	}



/* header
===============================================================*/



header#headerArea{
	width:100%;
	border-bottom:1px solid #dddddd;
	margin-bottom:60px;
	min-height:100px;
	box-sizing:border-box;
	padding:17px 0 0 0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
	}
header#headerArea.top{
	width:100%;
	border-bottom:none;
	margin-bottom:20px;
	}



header#headerArea .inner{
	max-width:1000px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
header#headerArea .inner .logo{
	float:left;
	}

header#headerArea .inner .menu{
	float:right;
	text-align:right;
	padding-top:20px;
	}

header#headerArea .inner .menu li{
	display:inline-block;
	margin-left:25px;
	}



header#headerArea .inner .menu li.home{
	background:url(../images/ico_home.gif) no-repeat left 50%;
	background-size:20px;
	padding-left:25px;
	font-size:16px;
	padding:4px 0 4px 25px;
	}
header#headerArea .inner .menu li.about{
	background:url(../images/ico_about.gif) no-repeat left 50%;
	background-size:20px;
	padding-left:25px;
	font-size:16px;
	padding:4px 0 4px 25px;
	}
header#headerArea .inner .menu li.award{
	background:url(../images/ico_award.gif) no-repeat left 50%;
	background-size:20px;
	padding-left:25px;
	font-size:16px;
	padding:4px 0 4px 25px;
	}
header#headerArea .inner .menu li.history{
	background:url(../images/ico_history.gif) no-repeat left 50%;
	background-size:20px;
	padding-left:25px;
	font-size:16px;
	padding:4px 0 4px 25px;
	}

header#headerArea .inner .menu li a{
	display:block;
	text-decoration:none;
	color:#000;
	}
header#headerArea .inner .menu li a:hover{
	display:block;
	text-decoration:none;
	color:#999;
	}

	#nav-toggle {
	display:none;
	}	

@media screen and (max-width: 480px) {

header#headerArea{
	padding:0;
	min-height:auto;
	margin-bottom:15px;
	overflow:hidden;
}
header#headerArea.top{
	border-bottom:1px solid #dddddd;
	}

	
header#headerArea .inner{
	max-width:100%;
	box-sizing:border-box;
	padding:3%;
	overflow:hidden;
	}
	
header#headerArea .inner .logo img{
	width:60%;
	height:auto;
	}
	
header#headerArea .inner .menu{
	display:none;
	}
	

/* Toggle Button */

#nav-toggle {
	position:absolute;
    display: block;
    right: 12px;
    top: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
	display:block;
}
#nav-toggle a{
	display:block;
    width: 28px;
    height: 28px;
	}

#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
}


	
#nav-toggle.open  span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
#nav-toggle.open  span:nth-child(2) {
	width: 0;
	left: 50%;
}
#nav-toggle.open  span:nth-child(3) {
	top: 8px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

	
	
}
	
/* footer
===============================================================*/

footer#footerArea{
	width:100%;
	clear:both;
	text-align:center;
	background:#71c2d3;
	position:relative;
	padding:45px 0;
	overflow:hidden;
	}

footer#footerArea .inner{
	max-width:1000px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}

.fmenu{
	float:left;
	width:70%;
	text-align:left;
	margin-bottom:20px;
	}
.sns{
	float:left;
	width:30%;
	text-align:right;
	margin-bottom:60px;
	}

.fmenu li{
	display:inline-block;
	border-right:1px solid #fff;
	color:#fff;
	padding-right:20px;
	margin-right:15px;
	}
	
.fmenu li a{
	color:#fff;
	}	

.fmenu li:last-child{
	border:none;
	}

	
.sns li{
	display:inline-block;
	margin-left:5px;
	}
	
	
.flogo{
	float:left;
	}	
	

.copyright{
	float:right;
	}

.copyright small{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:93%;
	}
	
	
@media screen and (max-width: 480px) {
	
footer#footerArea{
	width:100%;
	padding:10px 0;
	}
footer#footerArea img{
	width:100%;
	height:auto;
	}
footer#footerArea .inner{
	max-width:100%;
	box-sizing:border-box;
	padding:3%;
	}
.fmenu{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	display:block;
	}
.sns{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	display:block;
	}
.sns li img{
	width:20px;
	height:auto;
	}
	
.fmenu li{
	padding-right:5px;
	margin-right:2px;
	}
	

.flogo{
	float:left;
	width:30%;
	}	
	

.copyright{
	float:right;
	width:70%;
	text-align:right;
	}

.copyright small{
	font-size:10px;
	}



}