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

/*Media Queries*/

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

nav{
	width:100%;
	padding:0;
	margin:0;
}
	

div#navi{
	width:16.6%;
	padding:7% 0 0 0;
	margin:0 3% 0 0;
	float:left;
}

div#navi a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

div.half{
	width:100%;
	padding:0;
	margin:3% 0;
}

div.half3{
	width:100%;
	padding:0;
	margin:3% 0;
}

div.half3l{
	width:100%;
	padding:0;
	margin:3% 0;
}

div.half3r{
	width:100%;
	padding:0;
	margin:3% 0;
}

div.info{
	width:100%;
	margin:3% 0 5% 0;
	background-image:url(image/naviinfo_pc.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}

.info ul{
	padding:95% 0 20% 6%;
	margin:0;
	list-style-type:none;
	width:100%;
}

.info li.left{
	padding:3% 0;
	margin:0;
}

.info li.left a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:200%;
	padding:0;
	margin:0;
	color:#0097e0;
}

.info li.left a:hover{
	color:#87cefa;
	text-decoration:underline;
}

.info li.right{
	padding:3% 0;
	margin:0;
}

.info li.right a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:200%;
	padding:0;
	margin:0;
	color:#0097e0;
}

.info li.right a:hover{
	color:#87cefa;
	text-decoration:underline;
}

div.full{
	width:100%;
	padding:0;
	margin:1% 0 1% 0;
}

div.fulltop{
	width:100%;
	padding:0;
	margin:0;
}

.full ul{
	padding:0;
	margin:0;
	width:100%;
	list-style-type:none;
}

.full li{
	padding:0;
	margin:0;
	width:100%;
}

.full li a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:120%;
	padding:0;
	margin:0;
	display:block;
	color:#a0a0a0;
}

.full li a:hover{
	color:#696969;
	text-decoration:underline;
}

.fulltop ul{
	padding:0;
	margin:0;
	width:100%;
	list-style-type:none;
}

.fulltop li{
	padding:0;
	margin:0;
	width:100%;
}

.fulltop li a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:120%;
	padding:0;
	margin:0;
	display:block;
	color:#a0a0a0;
}

.fulltop li a:hover{
	color:#696969;
	text-decoration:underline;
}




}

@media screen and (max-width: 640px) {
nav{
	width:100%;
	padding:0;
	margin:0;
	float:right;
}

div#navi{
	width:98%;
	padding:0;
	margin:0 1%;
}

div.half{
	width:48%;
	padding:0;
	margin:1% 1%;
	float:left;
}

div.half3{
	width:31%;
	padding:0;
	margin:0 0 1% 1%;
	float:left;
}

div.half3l{
	width:31%;
	padding:0;
	margin:0 1.5% 1% 1.5%;
	float:left;
}

div.half3r{
	width:31%;
	padding:0;
	margin:0 0 1% 2%;
	float:left;
}

div.info{
	width:100%;
	margin:3% 0 5% 0;
	background-image:url(image/naviinfo_sp.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	clear:both;
	}

.info ul{
	padding:20% 3% 20% 3%;
	margin:0;
	list-style-type:none;
	width:94%;
}

.info li.left{
	padding:1% 0;
	margin:0 0 0 5%;
	display:block;
	width:55%;
	float:left;
}

.info li.left a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:160%;
	padding:0;
	margin:0;
	color:#0097E0;
}

.info li.left a:hover{
	color:#87cefa;
	text-decoration:underline;
}

.info li.right{
	padding:1% 0;
	margin:0;
	display:block;
	width:40%;
	float:right;
}

.info li.right a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:160%;
	padding:0;
	margin:0;
	color:#0097E0;
}

.info li.right a:hover{
	color:#87cefa;
	text-decoration:underline;
}

div.full{
	width:98%;
	padding:0;
	margin:2% 1% 0 1%;
}

div.fulltop{
	width:98%;
	padding:0;
	margin:2% 1% 0 1%;
}

.full ul{
	padding:0;
	margin:0;
	width:100%;
	list-style-type:none;
}

.full li{
	padding:0;
	margin:0;
	width:50%;
	float:left;
}

.full li.full{
	padding:0;
	margin:0;
	width:100%;
	float:left;
}


.full li a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:100%;
	padding:0;
	margin:0;
	display:block;
	color:#0097E0;
}

.full li a:hover{
	color:#87cefa;
	text-decoration:underline;
}

.fulltop ul{
	padding:0;
	margin:0;
	width:100%;
	list-style-type:none;
}

.fulltop li{
	padding:0;
	margin:0;
	width:100%;
	float:left;
}

.fulltop li.full{
	padding:0;
	margin:0;
	width:100%;
	float:left;
}


.fulltop li a{
	text-decoration:none;
	font-size:0.9rem;
	line-height:100%;
	padding:0;
	margin:0;
	display:block;
	color:#0097E0;
}

.fulltop li a:hover{
	color:#87cefa;
	text-decoration:underline;
}




}