/* CSS Document */
/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/
@charset "UTF-8" ;
* {margin:0px;padding:0px;border:0px;}
@font-face {
	font-family: 'MY';
	src: url(msyh.ttf);
	}
body{
	font-size:15px;
	font-family:"Microsoft Yahei", "微软雅黑", 'SimHei', 'Heiti SC', 'Hei', 'STHeiti', 'STSong', 'sans-serif';
	line-height:1.4em;
	letter-spacing:0.5px;
	text-align:center;
	color:#2A2A2A;
	}
a{color:#09769E;}
a:hover{text-decoration:none;}
em.txt_red{ color:#E62B2B; font-weight:normal;}

@media screen and (max-width:479px){
	body{font-size:13px;}
}

hr{
	border-top: 1px solid #bbb;
	height:1px;
	margin:20px 0;
	padding: 0;
	clear:both;
	}
.clear{clear:both;}

#wrapper{
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	overflow: hidden;
	}

#head{
	width:1000px;
	margin:0 auto;
	padding:0;
	}


h1#h1_logo{
	margin:15px 0 0;
	padding:0 0 15px 0;
	font-size:18px;
	letter-spacing:0.1px;
	color:#214767;
	}
	h1#h1_logo a{
		text-decoration:none;
		}
	h1#h1_logo img{
		margin:0 10px -15px 0;
		}

#lg{
	width:220px;
	height:35px;
	margin:0 auto;
	}
	#lg ul li{
		list-style:none;
		float:left;
		padding:0;
		margin:0 5px;
		text-align:center;
		}
	#lg ul li a{
		display:block;
		margin:0;
		padding:0 5px 3px;
		height:15px;
		width:30px;
		color:#8DA6BC;
		background-color: #fff;
		border:solid 2px #8DA6BC;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		text-decoration:none;
		font-weight:bold;
		}
		#lg ul li a:hover{
			color:#fff;
			background-color: #44617A;
			border:solid 2px #44617A;
			}
		#lg ul li a.active{
			color:#fff;
			background-color: #44617A;
			border:solid 2px #44617A;
			}
@media screen and (max-width:600px){
#head{
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	border-bottom:2px solid #44617A;
	}
	

h1#h1_logo{
	margin:10px 0 0;
	padding:0 10px 5px 10px;
	font-size:13px;
	letter-spacing:0px;
	color:#214767;
	line-height:1.2em;
	text-align:center;
	}
	h1#h1_logo img{
		margin:0 auto 5px;
		display:block;
		width:80px;
		}
		
#lg{
	width:200px;
	height:30px;
	margin:0 0 0 6px;
	float:left;
	}
	#lg ul li{
		margin:0 3px;
		}
		#lg ul li a{
			height:16px;
			padding:2px 5px 3px;
			}
}
#nav{
	width: 100%;
	padding:0;
	margin: 0 auto;
	display:block;
	background-color:#44617A;
	}
	#nav ul{
		list-style: none;
		width:1000px;
		height:34px;
		margin: 0 auto;
		padding:6px 0;
		}
		#nav ul li{
			float: left;
			height:34px;
			border-left:solid 1px #A2B0BD;
			text-align:center;
			}
		#nav ul li:last-child{
			border-right:solid 1px #A2B0BD;
			}
			#nav ul li a{
				height:34px;
				width:248px;
				margin:-6px 0 0;
				padding:12px 0 0;
				font-size:15px;
				font-weight:bold;
				color:#fff;
				text-decoration:none;
				display:block;
				}
			#nav ul li a:hover{
				background-color:#547B9C;
				}
#panel-btn{display:none;}

@media screen and (max-width:600px){
#nav{display:none;}
#nav{
	width: 100%;
	height:180px;
	text-align:center;
	margin:0;
	clear:both;
	}
	#nav ul{
		list-style: none;
		width:100%;
		height:;
		margin:0;
		padding:0;
		}
		#nav ul li{
			float:none;
			height:44px;
			border-bottom:solid 1px #A2B0BD;
			border-left:none;
			}
		#nav ul li:last-child{
			}
			#nav ul li a{
				height:;
				width:100%;
				margin:0;
				padding:10px 0 0;
				font-size:15px;
				font-weight:bold;
				color:#fff;
				display:block;
				text-decoration:none;
				} 
			#nav ul li a:hover{
				background-color:#547B9C;
				}

#panel-btn{
	display:block;
	width: 98px;
	height: 25px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: #44617A;
	color:#fff;
	float:right;
	margin-right:10px;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	line-height:1.8em;
	}
	#panel-btn:hover{
		background: #44617A;
		}
		
	#panel-btn-icon{
		width:20px;
		height:20px;
		background:url(../img/sp_nav01.png) 0 0 no-repeat;
		background-size:100%;
		float:left;
		margin:5px 0 0 10px;
		}
	#panel-btn .close{
		background:url(../img/sp_nav02.png) 0 0 no-repeat;
		background-size:100%;
		}
}
.eyecatch {
	}
.eyecatch{
	width:100%;
	margin-bottom:30px;
	display:block;
	line-height:1em;
	font-size:10px;
	margin:0 auto;
	}
	.eyecatch ul{
		padding:0;
		margin:0;
		}
	.eyecatch ul li p{
		text-align:center;
		padding:0;
		margin:0;
		}	
	.eyecatch img{
		width:100%;
		margin: auto;
		padding:0;
		}
@media screen and (max-width:600px){
.eyecatch {
	width:130%;
	margin-left:-15%;
	}
	.eyecatch img{
		width:100%;
		margin: auto;
		padding:0;
		}
	
}
#main{
	width:1000px;
	margin:30px auto 0;
	clear:both;
	text-align:left;
	padding-bottom:100px;
	}
@media screen and (max-width:600px){
#main{
	width:auto;
	margin:0;
	padding-bottom:40px;
	}
}
.category_nav{
	width:230px;
	float:left;
	margin-bottom:100px;
	}
	.category_nav ul li{
		list-style:none;
		margin:0 0 10px;
		background-color:#547B9C;
		}
		.category_nav ul li:hover{
			background-color:#44617A;
			}
	.category_nav ul li a{
		display:block;
		color:#fff;
		padding:0 0 0 80px;
		text-decoration:none;
		font-size:17px;
		font-weight:bold;
		line-height:1.2em;
		height:65px;
		display:table-cell;
		vertical-align: middle;
		width:230px;
		}
		.category_nav ul li.category_01 a{
			background:url(../img/category/01.png) 15px center no-repeat;background-size:45px;}
		.category_nav ul li.category_02 a{
			background:url(../img/category/02.png) 15px center no-repeat;background-size:45px;}
		.category_nav ul li.category_03 a{
			background:url(../img/category/03.png) 15px center no-repeat;background-size:45px;}
		.category_nav ul li.category_04 a{
			background:url(../img/category/04.png) 15px center no-repeat;background-size:45px;}
		.category_nav ul li.category_05 a{
			background:url(../img/category/05.png) 15px center no-repeat;background-size:45px;}
		.category_nav ul li.category_06 a{
			background:url(../img/category/06.png) 15px center no-repeat;background-size:45px;}
ul.guidebook{
	width:230px;
	margin:20px 0 10px;
	padding-top:20px;
	border-top: dashed 1px #ccc;
	}
	ul.guidebook li{
		list-style:none;
		margin:0 0 10px;
		background-color: #D9EBFA;
		}
		ul.guidebook li:hover{
			background-color: #B5D0E8;
			}
	ul.guidebook li a{
		display:block;
		color:#456179;
		padding:3px 0 0 57px;
		text-decoration:none;
		font-size:15px;
		font-weight:bold;
		line-height:1.2em;
		height:60px;
		display:table-cell;
		vertical-align: middle;
		width:230px;
		background:url(../img/guidebook.png) 8px center no-repeat;
		}
#side_info{
	background-color:#456179;
	color:#fff;
	padding:10px;
	line-height:1.4em;
	}
	#side_info strong{
		font-size:16px;
		line-height:1.8em;
		}
#foot #copylight #sp_side_info{display:none;}
@media screen and (max-width:600px){
.category_nav{
	width:100%;
	margin:0 0 10px -5px;
	padding:0px;
	float:none;
	display:table;
	clear:both;
	}
.category_nav ul.category_nav_ul{
	clear:both;
	width:105%;
	}
	.category_nav ul li{
		list-style:none;
		margin:3px 0 0 3px;
		float:left;
		width:31.7%;
		display:table-cell;
		background-color:#547B9C;
		text-align:center;
		}
		.category_nav ul li:hover{
			background-color:#44617A;
			}
	.category_nav ul li a{
		color:#fff;
		padding:0 5px 0 18px;
		margin:0;
		text-decoration:none;
		font-size:10px;
		font-weight:bold;
		line-height:1.2em;
		display:table-cell;
		vertical-align: middle;
		height:32px;
		}
		.category_nav ul li.category_01 a{
			background:url(../img/category/sp01.png) 8px center no-repeat;background-size:20px;}
		.category_nav ul li.category_02 a{
			background:url(../img/category/sp02.png) 8px center no-repeat;background-size:20px;}
		.category_nav ul li.category_03 a{
			background:url(../img/category/sp03.png) 4px center no-repeat;background-size:20px;}
		.category_nav ul li.category_04 a{
			background:url(../img/category/sp04.png) 8px center no-repeat;background-size:20px;}
		.category_nav ul li.category_05 a{
			background:url(../img/category/sp05.png) 8px center no-repeat;background-size:20px;}
		.category_nav ul li.category_06 a{
			background:url(../img/category/sp06.png) 6px center no-repeat;background-size:20px;}
ul.guidebook{display:none;}

}
	
.contents{
	width:730px;
	float:right;
	margin-bottom:100px;
	}
	
.img_box{
	margin:0 0 15px 15px;
	float:right;
	}
	.img_box img{width:290px;}

.img_box2{
	margin:0 10px 15px 15px;
	float:right;
	}
	.img_box2 img{width:220px;
	border:solid 2px #fff;
	outline:solid 1px #E4E4E4;
	}
	
p{padding:0 0 15px 0;}

h2{
	clear:both;
	color:#fff;
	padding:20px 18px 16px 42px;
	margin:15px 0;
	background:url(../img/h/maru01.png) 14px center no-repeat #547B9C;
	font-size:24px;
	line-height:1.2em;
	}
h2.detail{
	clear:both;
	color:#fff;
	padding:20px 18px 16px 42px;
	margin:15px 0;
	background:url(../img/h/maru02.png) 14px center no-repeat #489C95;
	font-size:24px;
	line-height:1.2em;
	}
h3{
	clear:both;
	color:#2A817A;
	padding:4px 10px 5px 0;
	margin:15px 0;
	font-size:20px;
	border-bottom:solid 3px #78B3AE;
	line-height:1.2em;
	}
	h3 span{
		border-left:solid 10px #489C95;
		background-size:12px;
		display:block;
		padding:4px 3px 3px 12px;
		}

@media screen and (max-width:600px){
.contents{
	width: auto;
	float: none;
	margin:-7px 0 0 0;
	padding:10px 10px 0;
	border-top:2px solid #44617A;
	}
.img_box{
	margin:10px auto;
	float: none;
	text-align:center;
	}
	.img_box img{width:90%;}
.img_box2{
	margin:10px auto;
	float: none;
	text-align:center;
	}
	.img_box2 img{width:50%;
	border:solid 2px #fff;
	outline:solid 1px #E4E4E4;
	}
h2{
	clear:both;
	padding:10px 10px 8px 30px;
	margin:15px 0 15px 0;
	background:url(../img/h/sp_maru01.png) 8px center no-repeat #547B9C;
	background-size:16px;
	font-size:18px;
	}
h2.detail{
	clear:both;
	padding:10px 10px 8px 30px;
	margin:15px 0 15px 0;
	background:url(../img/h/sp_maru02.png) 8px center no-repeat #489C95;
	background-size:16px;
	font-size:18px;
	}
h3{font-size:16px;}
}

#bread{
	display:block;
	font-size:15px;
	line-height:1em;
	padding:0;
	margin:0;
	line-height:1.4em;
	}
	#bread a{
		margin-right:6px;
		padding-right:16px;
		background: url("../img/arrow01.png") right 48% no-repeat;
		}
@media screen and (max-width:600px){
#bread{
	font-size:12px;
	margin-bottom:-5px;
	}
	#bread a{
		padding-right:15px;
		}
}

h3.evinfo{
	clear:both;
	color:#2A817A;
	padding:0px 10px 5px 0;
	margin:0;
	font-size:18px;
	border-bottom:solid 2px #78B3AE;
	line-height:1.2em;
	}
	h3.evinfo span{
		border-left:solid 10px #489C95;
		background-size:12px;
		display:block;
		padding:3px 3px 2px 12px;
		}
.evinfo_list{
	width: auto;
	height:125px;
	margin:0 auto 25px;
	border:1px solid #78B3AE;
	overflow:auto;
	}
	.evinfo_list dl{
		margin:10px 15px;
		padding-bottom:10px;
		border-bottom:dashed #ccc 1px;
		}
		.evinfo_list dt{
			font-weight:bold;
			margin-bottom:5px;
			color:#436079;
			}
		.evinfo_list dd{
			}
			.evinfo_list dd a{
				padding-left:15px;
				background: url("../img/arrow01.png") 0 50% no-repeat;
				}

@media screen and (max-width:600px){
h3.evinfo{
	font-size:16px;
	margin-top:10px;
	}
}
.seasons{
	width:356px;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background-color: #ccc;
	}
	.seasons span{
		margin-top:20px;
		margin-bottom:150px;
		display:block;
		width:100px;
		padding:5px 0;
		color:#fff;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		}
		.seasons span.spring{background-color:rgba(255,0,96,0.7);}	
		.seasons span.summer{background-color:rgba(68,181,0,0.7);}	
		.seasons span.autum {background-color:rgba(27,71,213,0.7);}	
		.seasons span.winter{background-color:rgba(255,96,0,0.7);}	
.seasons p{
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	height:;
	line-height:1.4em;
	padding:10px;
	}	
.spring_bg{background:url(../img/seasons/bg01.jpg) 0 0  no-repeat;background-size:100%;}
.summer_bg{background:url(../img/seasons/bg02.jpg) 0 0  no-repeat;background-size:100%;}
.autum_bg {background:url(../img/seasons/bg03.jpg) 0 0  no-repeat;background-size:100%;}
.winter_bg{background:url(../img/seasons/bg04.jpg) 0 0  no-repeat;background-size:100%;}
.mr_20{margin-right:18px;}

@media screen and (max-width:600px){
.seasons{
	width:100%;
	float: none;
	margin:0 auto 10px;
	padding:0;
	background-color: #222;
	}
	.seasons span{
		margin-top:0;
		margin-bottom:150px;
		display:block;
		width:100px;
		padding:5px 0;
		color:#fff;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		}
.seasons p{
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	height:;
	line-height:1.4em;
	padding:10px;
	}
}

p.summary{
	color:#547B9C;
	padding:15px;
	border:solid 2px #D2DFE7;
	line-height:1.5em;
	}

.tourism_list{}
.tourism_list dl{
	width:730px;
	clear:both;
	display: table;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom:15px;
	margin-top:20px;
	}
.tourism_list dt{
	float:left;
	width:150px;
	display: table-cell;
	}
	.tourism_list dt img{
		width:150px;
		}
.tourism_list dd{
	width:560px;
	float:right;
	display: table-cell;
	}
	.tourism_list dd p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-height:1.4em;
		height:3em;
		}
	.tourism_list dd h3{
		color:#2A817A;
		padding:0px 10px 5px 0;
		margin:0 0 10px;
		font-size:18px;
		border-bottom:solid 3px #D9EFED;
		line-height:1.4em;
		}
		.tourism_list dd h3 span{
			border-left:solid 10px #489C95;
			background-size:12px;
			display:block;
			padding:4px 3px 2px 10px;
			}
	.tourism_list dd a{
		border:solid 1px #4798B6;
		width:100px;
		padding:5px 5px 5px 20px;
		display:block;
		text-align:center;
		font-weight:bold;
		font-size:18px;
		text-decoration:none;
		margin:10px 0 0;
		float:right;
		background:url(../img/arrow01.png) 20px 50% no-repeat;
		}
		.tourism_list dd a:hover{background-color:#C5DFE8;}

@media screen and (max-width:600px){
.tourism_list{}

.tourism_list dl{
	width: 100%;
	padding-bottom:10px;
	margin-top:10px;
	}
.tourism_list dt{
	width:28%;
	}
	.tourism_list dt img{
		width:100%;
		height: auto;
		}
.tourism_list dd{
	width:69%;
	}
	.tourism_list dd p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height:1.2em;
		height:1em;
		font-size:11px;
		}
	.tourism_list dd h3{
		color:#2A817A;
		padding:0px 5px 3px 0;
		margin:0 0 5px;
		font-size:13px;
		border-bottom:solid 3px #D9EFED;
		line-height:1.1em;
		}
		.tourism_list dd h3 span{
			border-left:solid 8px #489C95;
			background-size:12px;
			display:block;
			padding:2px 2px 1px 6px;
			}
	.tourism_list dd a{
		border:solid 1px #4798B6;
		width:99%;
		padding:3px 0;
		display:block;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		text-decoration:none;
		margin:4px 0 0;
		float: right;
		background:url(../img/arrow01.png) 32% 50% no-repeat;
		}
		.tourism_list dd a:hover{background-color:#C5DFE8;}
}

.map{
	width:730px;
	height:350px;
	display:block;
	clear:both;
	}
#map{
	width:730px;
	height:350px;
	display:block;
	clear:both;
	}
	
table.other{
	width:100%;
	padding:0;
	border-collapse: collapse;
    border-spacing: 0;
	margin:10px 0;
	}
	table.other td{
		width:70%;
		padding:8px;
		border:#ccc 1px solid;
		}
	table.other th{
		width:30%;
		padding:8px;
		border:#ccc 1px solid;
		color:#555;
		}
table.other2{
	width:100%;
	padding:0;
	border-collapse: collapse;
    border-spacing: 0;
	margin:10px 0;
	}
	table.other2 td{
		width:20%;
		padding:8px;
		border:#ccc 1px solid;
		}
	table.other2 th{
		width:30%;
		padding:8px;
		border:#ccc 1px solid;
		color:#555;
		}
.sl_img{
	width:730px;
	height:390px;
	margin-bottom:30px;
	display:block;
	line-height:1em;
	font-size:10px;
	background:url(../img/img_bg.jpg) repeat;
	}
	.sl_img ul{
		padding:0;
		margin:0;
		}
	.sl_img ul li p{
		text-align:center;
		padding:0;
		margin:0;
		}
	
	.sl_img img{
		max-height:390px;
		min-height:390px;
		margin: auto;
		padding:0;
		}
		
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
	}
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color:#fff;
	width: 8px;
	height: 8px;
	border:solid 3px #fff;
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #547B9C;
	border:solid 3px #fff;
}

@media screen and (max-width:600px){
.map{
	width:100%;
	height:250px;
	display:block;
	}
#map{
	width:100%;
	height:250px;
	display:block;
	}
	
.sl_img{
	width:100%;
	height:180px;
	margin-bottom:20px;
	}
	.sl_img ul li{
		position:relative;
		width:100%;
		height:180px;
		}
	.sl_img img{
		max-height:180px;
		min-height:180px;
		position: absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		margin: auto;
		}

.bx-wrapper .bx-controls-direction a {display: none;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	width: 100%;
	}
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #fff;
	width: 6px;
	height: 6px;
	border:solid 2px #fff;
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2A4E6D;
	border:solid 2px #fff;
	}
}

#main ul.ul_link{
	clear:both;
	}
	#main ul.ul_link li{
		list-style:none;
		margin:0;
		padding:0;
		}
		#main ul.ul_link li a{
			text-decoration:none;
			list-style:none;
			margin:0 0px 15px;
			display:block;
			padding:10px 8px 8px 30px;
			font-weight:bold;
			background: url("../img/arrow01.png") 10px 48% no-repeat #ECE8E1;
			border:solid 2px #547B9C;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			}
		#main ul.ul_link li a:hover{
			color:#fff;
			background: url("../img/arrow02.png") 10px 48% no-repeat #547B9C;
			}
			#main ul.ul_link li span{
				font-size:85%;
				}

table.contact {
	border-collapse: separate;
	border-spacing: 3px !important;
	width: 100%;
	margin-top:15px;
	border-top:dashed 1px #e4e2c9;
	padding-top:10px;
	}
table.contact th,
table.contact td {
	padding: 15px;
	border-bottom:dashed 1px #e4e2c9;
	}
table.contact th {
	font-weight: normal;
	text-align: left;
	width: 35%;
	}
table.contact td {
	width: 65%;
	}
table.contact input, .contact textarea, .contact select {
	border: 1px solid  #cccccc;
	padding: 5px;
	}
table.contact input{
	width: 300px;
	ime-mode: disabled;
	}
table.contact textarea{
	width: 400px;
	min-height: 100px;
	ime-mode: disabled;
	}
	
p.error {
    color: #C60606;
    padding-bottom: 5px;
	}
.kakunin_btn {
    display: inline-block;
    margin: 20px 0;
    padding: 13px 20px 10px 0px;
	}
.center {
    text-align: center !important;
	}

#change_hr a{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color: #547B9C;
	border:solid 2px #547B9C;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding-left:40px;
	background:url("../img/arrow01.png") 15px 50% no-repeat #fff;
	}
	#change_hr a:hover{
		color:#fff;
		background:url("../img/arrow02.png") 15px 50% no-repeat #547B9C;
		}

@media screen and (max-width:600px){
.contact_hi{font-size:12px;}
table.contact {
	border-collapse: separate;
	border-spacing: 3px !important;
	width: 100%;
	margin-top:15px;
	border-top:dashed 1px #e4e2c9;
	padding-top:0px;
	}
table.contact th,
table.contact td {
	padding: 10px 0;
	border-bottom:dashed 1px #e4e2c9;
	}
table.contact th {
	font-weight: normal;
	text-align: left;
	width: 20%;
	font-size:10px;
	}
table.contact td {
	width: 50%;
	}
table.contact td img{
	width: 90%;
	}
table.contact input, .contact textarea, .contact select {
	border: 1px solid  #cccccc;
	padding: 5px;
	}
table.contact input{
	width: 90%;
	ime-mode: disabled;
	}
table.contact textarea{
	width: 90%;
	min-height: 100px;
	ime-mode: disabled;
	}
}
#foot{
	clear:both;
	width:100%;
	padding:0;
	margin:0 auto;
	border-top:solid 3px #E5E9EC;
	}
	#foot #foot_nav{
		margin: 0 auto 10px;
		width:1000px;
		height:90px;
		padding:15px 0 0;
		background-color:#fff;
		text-align:left;
		}
		#foot #foot_nav ul{
			list-style: none;
			width:100%;
			height:20px;
			display:block;
			margin-bottom:10px;
			clear:both;
			letter-spacing:0.5px;
			}
			#foot #foot_nav ul li{
				float: left;
				margin:5px 0 0 0;
				padding:5px 25px 5px 15px;
				background:url(../img/arrow01.png) 0 50% no-repeat;
				}

	#foot #foot_nav h4{
		float: left;
		width:190px;
		margin-top:10px;
		color:#44617A;
		padding-left:20px;
		background:url(../img/maru01.png) 0 50% no-repeat;
		font-size:14px;
		}

#to_top{
	margin:0 0 -23px 0;
	clear:both;
	padding:0;
	text-align:center;
	z-index:1000;
	position: relative;
	}
#foot #copylight{
	clear: both;
	padding-top:55px;
	height:170px;
	background-color: #44617A;
	text-align:center;
	color:#fff;
	z-index:100;
	}

@media screen and (max-width:600px){
#foot{border-top: none;}

#foot #foot_nav{display:none;}

#foot #copylight{
	clear: both;
	padding:30px 10px 0 10px;
	height:225px;
	background-color: #44617A;
	text-align:center;
	color:#fff;
	line-height:1.4em;
	font-size:11px;
	}
	#foot #copylight strong{
		font-size:14px;
		}
	#foot #copylight img{
		width:100px;
		margin-bottom:10px;
		}
	#foot #copylight #sp_side_info{
		display:block;
		margin:0 auto 10px;
		background-color:#D7DEE3;
		text-align:left;
		padding:8px 10px;
		color:#44617A;
		letter-spacing:0.1px;
		}
#side_info{display:none;}

}