@charset "UTF-8";

/* Common */

body{
	font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	xbackground:#66CCFF;
	xbackground-image:url(../images/bg.gif);
	xbackground-repeat:repeat-y;
	xbackground-position:center top;
	color:#000;
	font-size: 15px;
	line-height:24px;
}

a{
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

li{
	list-style-type:none;
}

.container{
	padding:0 5%;
}

.container, #banner, .map-canvas-wrapper{
	margin-top:35px;
}
	
#navSetM li{
	width:22%;
	background:#8bca05;
	border-bottom:4px solid #8bca05;
	float:left;
	vertical-align: middle;
	text-align:center;
	font-size:13px;
}

#navSetM li:nth-child(3){
	width:43%;
}

#navSetM a{
	display:block;
	color:#FFF;
	padding-top:10px;
	height:30px;
}

#navSetM a:hover{
	opacity:.6;
}

#navSetM li img{
	height:15px;
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

#navSetM li:first-child{
	width:13%;
}

#navSetM li:first-child img{
	margin: 0 0 2px 0;
}

#navSetM li:nth-child(even){
	background-color:#aae330;
}

header{
	position:relative;
}

#header{
	background-image:url(../images/head_bg.gif);
	background-repeat:repeat-x;
}

header h1{
	clear:both;
	padding:25px 5% 15px;
	text-align:center;
}

header h1 img{
	width:100%;
}

header .navList{
	background:#fff;
	position:absolute;
	top:44px;
	clear:both;
	display:none;
	z-index:1000;
}

.navList li{
	float:left;
	background:#fff;
	width:50%;
	font-size:12px;
}

.navList li a{
	display:block;
	padding:15px 30px 15px 8px;
	border-bottom:1px solid #767676;
	color:#000;
}

.navList li:nth-child(odd) a{
	border-right:1px solid #767676;
}

.navList p{
	padding:20px 0 20px;
	text-align:center;
	clear:both;
}

header #navSetPcBottom{
	font-size:13px;
	display:none;
}

#pageTop{
	clear:both;
	padding:20px 0;
}

#pageTop a{
	margin:0 auto;
	display:block;
	width:150px;
	height:120px;
}

#pageTop a:hover{
	opacity:.6;
}

#pageTop a img{
	width:100%;
}

footer{
	clear:both;
	text-align:center;
	color:#FFF;
	font-size:14px;
}

footer .navList li:nth-child(1){
	border-top: 1px solid #000;
}

footer .navList li:nth-child(2){
	border-top: 1px solid #000;
}

footer{
background-color: #8bca05;
}

address{
	padding:20px;
	clear: both;
	font-style: normal;
}

address p{
	padding-bottom:20px;
	color: #fff;
	text-align: left;
}

address span{
	display:block;
}


address a:link,
address a:visited{
	text-decoration:underline;
	color:#000;
}

address a:hover{
	text-decoration:underline;
	color:#666;
}


#pageTop{
	clear:both;
	padding-bottom:20px;
}


@media only screen and (min-width: 480px){
.navList li a{
	padding:15px 80px 15px 8px;
}
}


@media only screen and (min-width: 770px){
	
	body{
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:center top;
}

	
	#header{

	}

	header{
		width:980px;
		margin: 0 auto;
		height:200px;
	}

	header h1{
		position:absolute;
		top:10px;
		xleft:140px;
		padding:0;
	}
	
	header h1 img{
		width:530px;
	}
	
	header .navList{
		display:block !important;
		position:absolute;
		background:none;
		bottom:20px;
		top:auto;
		width:100%;
	}
	
	header .navList p{
		display:none;
	}

	header .navList ul{
		xtext-align:center;
		margin-left:50px;
	}
	
	header .navList li{
		float:none;
		width:auto;
		margin:0 0;
		display:inline-block;
		font-size:15px;
	}
	
	header .navList li a{
		background:none;
		color:#fff;
		border-bottom:none;
		margin:0 10px 0 0;
		background-color:#8bca05;
		xborder:#eefdce 3px solid;
		border-radius:10px;
		padding: 7px 30px;
	}
	
	header .navList li a:hover{
		margin-bottom:0;
		background-color:#ace730;
	}
	
	header .navList li:nth-child(odd) a{
		border-right:none;
	}
	
	header .navList li:nth-child(6){
		display:none;
	}
	
	.navList li{
		background:none;
		xpadding-right: 30px;
	}
	
	header #navSetM, #recruitM{
		display:none;
	}
	
	header #navSetPcBottom{
		display:block;	
	}
	
	header #navSetPcBottom li a{
		color:#278506;
	}
		
	header #navSetPcBottom ul{
		position:absolute;
		right:30px;
		top:30px;
	}
	
	header #navSetPcBottom li{
		margin-left:15px;
		float:left;
	}
	
	header #navSetPcBottom li a{
		display:block;
		padding:3px 37px;
		background-color:#fff;
		color: #000;
		border:2px dashed #8bca05;
		border-radius:10px;
	}
	
	header #navSetPcBottom li a:hover{
		background-color:#fff;
		color: #000;
	}	
	
	footer {
		clear: both;
	}

	address{
		width:980px;
		margin: 0 auto;
	}
	address p{
		padding:0;
		text-align:center;
	}
	
	address span{
		display:inline-block;
		padding-right:30px;
	}

	footer .navList{
		display:none;	
	}
	
	#pageTop{
		text-align:right;
		position:fixed;
		right:0px;
		bottom:65px;
		display:none;
	}
}


@media only screen and (min-width: 980px){

.container{
		padding:0;
	}
	
}