@charset "UTF-8";

/** ----------------------------------------
common
----------------------------------------**/
html{ height: 100% }

body{
  height:100%;
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 1.8em;
  background: url("../img/img_bk.png") !important;
}

p{
	line-height: 1.8em;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

li{
	list-style: none;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

a{
	color:#333;
	display: block;
	text-decoration: none;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

a:hover{
  color: #e62218;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

a img:hover{
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}


p strong{font-weight: bold;}
strong span{font-weight: bold;}
.cf:before,.cf:after{ content: " "; display: table;}
.cf:after{ clear: both;}
.cf{ *zoom: 1;}

.last{
	margin-right: 0!important;
	padding-right: 0 !important;
	border-right: none !important;
}

.left{ float: left;}
.right{ float: right;}

.center{text-align: center;}
.text_right{text-align: right;}

.mgt10{margin-top: 10px !important;}
.mgt40{margin-top: 40px !important;}
.mgt80{margin-top: 80px !important;}
.mgt100{margin-top: 100px !important;}
.mgb5{margin-bottom: 5px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb15{margin-bottom: 15px !important;}
.mgb20{margin-bottom: 20px !important;}
.mgb30{margin-bottom: 30px !important;}
.mgb40{margin-bottom: 40px !important;}
.mgb50{margin-bottom: 50px !important;}
.mgb80{margin-bottom: 80px !important;}
.mgr10{margin-right: 10px !important;}
.mgr30{margin-right: 30px !important;}

.blod{font-weight: bold;}
/** ----------------------------------------
header
----------------------------------------**/
.top_bk{
	background: url("../img/top_img_bk.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 770px;
}

.top_bk h1.h1_top {
    position: absolute;
    left: 100px;
    top: 560px;
}

.top_bk .top_txt_bk{
	position: absolute;
	top: 100px;
	right: 200px;
}

/** ----------------------------------------
index.php
----------------------------------------**/

.top_about{
	padding: 60px 0;
	background: #f0f0f0;
	text-align: center;
}
	.top_about .ttl{
		font-size: 18px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		margin-bottom: 15px;
	}
	.top_about div p{
		line-height: 2em;
	}

.top_news{
	border: 1px dotted #ccc ;
	width: 770px;
	padding: 30px;
	overflow: hidden;
	margin: 30px auto 0;
}
	.top_news .top_news_img{
		float: left;
		margin-right: 20px;
		width: 220px;
		text-align: center;
	}
	.top_news .top_news_txt{
		float: right;
		width: 530px;
	}
	.top_news .top_news_txt .ttl{
		font-weight: bold;
	}
	.top_news .top_news_txt a{
		display: inline-block;
		color: #e62218;
	}
.bk{
	background-image: url("../img/top_img_bk02.png");
}

#wrap{
	margin: 40px auto;
	width: 980px;
	clear: both;
}
	#wrap #main{
		border-top: #ccc solid 1px;
		float: left;
		margin-right: 60px;
		padding: 30px 0 0;
		width: 680px;
	}
	#wrap #main .box{
		clear: both;
		margin: 0 0 80px 0;
		overflow: hidden;
	}
	#wrap #main .box_news{
		background: #fafbfb;
		padding: 5px;
	}

	#wrap #main .box_img{
		position: relative;
		z-index: 0;
	}
	#wrap #main .box_ttl{
		float: left;
		margin: -147px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}
	#wrap #main .box_ttl02{
		float: left;
		margin: -175px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}
	#wrap #main .box_ttl07{
		float: left;
		margin: -105px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}
	#wrap #main .box_txt{
		float: right;
		margin: 50px 0;
		width: 540px;
	}
	.btn {
		display: inline-block;
		padding: 25px 0;
		width: 100%;
		text-align: center;
		text-decoration: none;
		outline: none;
	}
	.btn::before,
	.btn::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	.btn,
	.btn::before,
	.btn::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#wrap #main .botton{
		margin: 40px auto 0;
		overflow: hidden;
		text-align: center;
		width: 434px;
	}
	#wrap #main .botton .btn01{
		margin-right: 30px;
	}
	#wrap #main .botton .btn01,
	#wrap #main .botton .btn02{
		border: #bbbaba solid 1px;
		float: left;
		width: 200px;
	}
	#wrap #main .botton .btn01 a,
	#wrap #main .botton .btn02 a{
		color: #333;
		display: block;
	}
	#wrap #main .botton .btn a{
		color: #333;
	}
	#wrap #main .botton .btn:hover {
		background-color: #e6eeee;
		color: #333;
	}
	#wrap #main .sp_top_ttl{
		display: none;
	}
	ul.spmenu{
		display: none !important;
	}

	#wrap #main #insta-window{
		background: none !important;
		border: none !important;
		padding: 0px;
	}
	#instafeed a,
	#instafeed a img{
		height: 170px !important;
	}

	#wrap #main #insta-window .iswd-copyright-wrapper{
		display: none;
	}


/** ----------------------------------------
side
----------------------------------------**/
#side{
	border-top: #ccc solid 1px;
	float: left;
	padding: 30px 0 0;
	width: 240px;
}
#side .nav{
	height: 245px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin: 0 10px;
}
	#side .nav li {
		background-image: url("../img/arrow_side.png");
		background-repeat: no-repeat;
		margin-right: 21px;
		letter-spacing: 1px;
	}
	#side .nav li:first-child{
		margin-right: 0;
	}
	#side .nav a {
		padding-top: 20px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	#side .side_box01{
		border-top: 1px solid #ccc;
		margin: 40px 0 0;
		padding: 20px 0;
		text-align: center;
	}
	#side .side_box01 li{
		margin-bottom: 15px;
	}
		#side .side_box01 li a img:hover{
		    -ms-filter: "alpha(opacity=60)";
		    -moz-opacity: 0.6;
		    -khtml-opacity: 0.6;
		    opacity: 0.6;
		}
	#side .side_box02{
		text-align: center;
	}
	#side .contact_mail{
		margin-bottom: 15px;
	}
	#side .contact_tell{
		margin: 10px 0;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#side .contact_tell a:hover{
		opacity: 0.7;
	}
	#side .btn03,
	#side .btn04{
		border: 1px solid #ccc;
		margin-bottom: 20px;
		width: 100%;
	}
	#side .btn03 a,
	#side .btn04 a{
		color: #333;
		display: block;
	}
	#side .btn {
		border: 2px solid #fbfbfb;
		background-color: #fbfbfb;
		color: #fff;
	}
	#side .btn:hover {
		border: 2px solid #ccc;
		color: #333;
	}
	#side .site_resev {
		font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
		text-align: right;
	    margin-top: -13px;
	    margin-right: 13px;
	}
	#side .site_resev a{
		color: #333 !important;
		height: 24px;
		line-height: 24px;
		font-size: 0.85em;
	    /*letter-spacing: 0.25em;*/
	}
	#side .site_resev a:hover{
	  color: #e62218 !important;
	  text-decoration: none;
	}

/** ----------------------------------------
page
----------------------------------------**/
#top_logo{
	margin: 25px auto;
	overflow: hidden;
	width: 140px;
}
#wrap #main .sp_h2{
	display: none;
}

.h2_page{
	margin-top: 100px;
	text-align: center;
	z-index: 100;
}
.h2_shop{
	margin-top: 135px !important;
}
.h2_higashiyama{
	margin-top: 135px !important;
}
.h2_sharekanazawa{
	margin-top: 135px !important;
}
.h2_gyouzenji{
	margin-top: 135px !important;
}
.h2_news{
	margin-top: 150px !important;
}
.h2_about{
	margin-top: 65px !important;
}
.onlinestore{
	background-image: url("../img/img_onlinestore.jpg");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -312px;
	height: 400px;
	z-index: 0;
}
.about{
	background-image: url("../img/img_herb-ball.jpg");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -387px;
	height: 400px;
	z-index: 0;
}
.shop{
	background-image: url("../img/shop_img_01.jpg");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -300px;
	height: 400px;
	z-index: 0;
}
.higashiyama{
	background-image: url("../img/shop_img_01.jpg");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -300px;
	height: 400px;
	z-index: 0;
}
.sharekanazawa{
	background-image: url("../img/shop_img_01.jpg");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -300px;
	height: 400px;
	z-index: 0;
}
.gyouzenji{
	background-image: url("../img/shop_img_01.jpg");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -300px;
	height: 400px;
	z-index: 0;
}
.news{
	background-image: url("../img/img_herb-ball.jpg");
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -257px;
	height: 400px;
	z-index: 0;
}

	#wrap #main .box_ttl03{
		float: left;
		margin: -172px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}
	#wrap #main .box_ttl04{
		float: left;
		margin: -93px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}
	#wrap #main .box_ttl05{
		float: left;
		margin: -120px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}
	#wrap #main .box_ttl06{
		float: left;
		margin: -101px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}

	#wrap #main .box_ttl_wajima{
		float: right;
		margin: -135px 50px 0;
		position: relative;
		width: 25px;
		z-index: 100;
	}
	#wrap #main .col{
		margin: 0 0 50px;
		text-align: center;
		line-height: 1.8em;
	}
	#wrap #main .col > p > a{
		display: inline;
	}
	#wrap #main .col table{
		margin: 20px auto 40px;
	}
		#wrap #main .col table th,
		#wrap #main .col table td{
			border-bottom: 1px dotted #ccc;
			font-size: 16px;
			letter-spacing: 0.2em;
			padding: 10px 10px 10px 0px;
		}
		#wrap #main .col table th{
			text-align: right;
		}
		#wrap #main .col table td{
			text-align: left;
		}
	#wrap #main .h3_page{
		font-size: 1.2em;
		margin: 10px 0 25px;
		line-height: 1.6em;
		letter-spacing: 0.1em;
		text-align: center;
	}
	#wrap #main .h3_page a{
		color:#333 !important;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

	#wrap #main .h4_page{
		font-weight: bold;
		margin-bottom: 10px;
	}
	#wrap #main .tell{
		font-size: 1.2em;
	}
	#wrap #main .col2{
		margin: 0 auto 50px;
		width: 680px;
	}
		#wrap #main .col2 .online_img{
			float: left;
			margin-right: 20px;
		}
		#wrap #main .col2 .online_txt{
			float: left;
			text-align: left;
			width: 250px;
		}
		#wrap #main .col2 .ttl{
			border-bottom: 1px dotted #ccc;
			margin-bottom: 10px;
			padding-bottom: 2px;
		}
		#wrap #main .col2 ol{
			line-height: 1.4em;
		}
		#wrap #main .col2 .small{
			font-size: 12px;
		}
		#wrap #main .botton .btn05{
			border: #bbbaba solid 1px;
			margin: 0 auto;
			width: 80%;
		}
		#wrap #main .botton .btn05 a{
			color: #333;
			display: block;
		}
	#wrap #main .col3{
		margin: 0 auto 20px;
		width: 660px;
	}
		#wrap #main .col3 .online_img{
			float: left;
			margin-right: 30px;
		}
		#wrap #main .col3 .online_txt{
			float: left;
			text-align: left;
			width: 380px;
		}
		#wrap #main .col3 .school_txt{
			float: left;
			text-align: left;
			width: 370px;
		}
		#wrap #main .col3 .ttl{
			border-bottom: 1px dotted #ccc;
			margin-bottom: 10px;
			padding-bottom: 2px;
		}
		#wrap #main .col3 ol{
			line-height: 1.4em;
		}
		#wrap #main .botton .btn06{
			border: #333 solid 1px;
			margin: 0 auto 25px;
		}
		#wrap #main .botton .btn06{
			background: url('../img/arrow_right.png');
			background-repeat: no-repeat;
			background-position: 75px;
		}
		#wrap #main .botton .btn06 a{
			color: #333;
			display: block;
			padding: 20px 0;
		}
		#wrap #main .botton .btn06 .btn{
			height: auto;
			line-height: 100%;
		}
	#wrap #main .shop_list li{
		float: left;
		margin-right: 20px;
	}
	#wrap #main .shop_list li img{
		margin-bottom: 10px;
	}
	#wrap #main .news_entry{
		margin-bottom: 10px;
	}
		#wrap #main .news_entry a{
			display: inline;
		}
		#wrap #main .news_entry h3.date{
			background: #efefef;
			font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
			margin: 5px 0;
			padding: 10px;
		}
		#wrap #main .news_entry span{
			color: #333;
			font-weight: bold;
		}
		#wrap #main .news_entry .news_content{
			/*border-bottom: 1px dotted #efefef;*/
			padding: 15px;
		}
		#wrap #main .news_entry .news_content p{
			font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
			line-height: 2em;
		}
		#wrap #main .news_entry .news_content a{
			color:#c3c3c3;
		}
	#wrap #main .news_cat{
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
		margin-bottom: 20px;
		padding-top: 5px;
		text-align: left;
		font-size: 0.9em;
	}
		#wrap #main .news_cat a{
			font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
			display: inline;
			margin-right: 10px;
			text-decoration: underline;
		}
		#wrap #main .news_cat a:hover{
			text-decoration: underline;
		}
	/*pager*/
	#wrap #main .pager{
		clear:both;
		position:relative;
		font-size:11px;
		line-height:13px;
		text-align: center;
	}
		#wrap #main .pager ul,
		#wrap #main .pager li{
			list-style: none;
		}
		#wrap #main .pager span,
		#wrap #main .pager li{
			display: inline-block;
		}
		#wrap #main .pager span,
		#wrap #main .pager a{
			display:block;
			padding:6px 9px 5px 8px;
			text-decoration:none;
			width:auto;
			background: #fff;
			border: 1px solid #999;
		}
		#wrap #main .pager a:hover{
			color:#fff;
			background: #999;
		}
		#wrap #main .pager .current a,
		#wrap #main .pager span.current{
			color:#fff;
			background: #999;
		}


	/*shop*/
	#wrap #main .shop{
		padding: 15px;
	}
	#wrap #main .shop_news{
		border: 1px #ccc solid;
		margin-top: 80px;
		padding: 15px;
	}
	#wrap #main .shop_news li{
		text-align: left;
		margin-bottom: 10px;
		line-height: 1.6em;
	}

	#wrap #main .shop_news a{
  		color: #e62218;
  		display: inline;
	}
		#wrap #main .shop_news a:hover{
	  		text-decoration: underline;
		}
		#wrap #main .shop_news span{
			color: #333;
			font-size: 0.9em;
		}
		#wrap #main .shop_news{
			color: #333;
		}
		#wrap #main .shop_news_cat{
			background: rgba(230, 34, 24, 0.65) !important;
			color: #fff !important;
			font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
			padding: 5px 0px 5px 5px;
		}
		#wrap #main .shop_news_cat em{
			padding-right: 5px;
		}
	#wrap #main .col4{
		border-top: 1px #ccc dotted;
		padding: 30px 0;
		width: 660px;
	}
	#wrap #main .col5{
		background: #fef5d6;
		padding: 20px;
		width: 620px;
	}
		#wrap #main .col5 .online_img{
			float: left;
			margin-right: 30px;
		}
		#wrap #main .col5 .online_txt{
			float: left;
			text-align: left;
			width: 380px;
		}
		#wrap #main .col5 .school_txt{
			float: left;
			text-align: left;
		}

	#wrap #main .shop_left{
		float: left;
		margin-right: 20px;
		width: 35%;
	}
	#wrap #main .shop_right{
		float: right;
		width: 53%;
		line-height: 1.8em;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	}
	#wrap #main .shop_right a{
  		color: #e62218;
	}
	#wrap #main .shop_right a:hover{
  		text-decoration: underline;
	}
	#wrap #main .shop_right table th,
	#wrap #main .shop_right table td{
  		padding-bottom: 5px;
	}
	#wrap #main .menu01{
		background: #e6eeee;
		margin-bottom: 30px;
		padding: 20px;
		text-align: left;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	}
	#wrap #main .menu02 img{
		float: left;
		margin-right: 25px;
		width: 160px;
	}
	#wrap #main .menu02_01{
		float: left;
		text-align: left;
		width: 475px;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	}
	#wrap #main .menu02_01 a{
  		color: #e62218;
	}
	#wrap #main .menu_color_bk{
		background: #e6eeee;
		margin: 8px 0;
		padding: 5px;
		line-height: 1.8em;
	}
	#wrap #main .btn07{
		margin-top: 20px;
	}
	#wrap #main .btn07 a{
		border: 1px solid #bbbaba;
		display: block;
	}
	#wrap #main .btn07 a:hover{
		background-color: #e6eeee;
		color: #333;
	}

.h3_shop{
	margin-bottom: 30px;
}

.item_pic .slider_container{
    width: 400px;
    height: 272px;
}

.item_pic .slider_container .slider_wrap{
    width: 400px;
    height: 272px;
}

.item_pic .slider_container .slider_wrap .slider_img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: auto;
}

/* bxSliderのスタイル */
.item_pic .bx-wrapper{
    position: relative;
}

.item_pic .bx-wrapper .bx-controls-direction a{
    outline: 0;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 52%;
    transform: translateY(-55%);
    z-index: 9999;
}

.item_pic .bx-wrapper .bx-next{
    right: 3%;
    /* お好みの画像に変更してください */
    background: url(http://www.bodycare-yurari.com/wp-content/themes/yurari/img/controls.png) no-repeat -43px -32px;
}
.item_pic .bx-wrapper .bx-prev {
    left: 3%;
    /* お好みの画像に変更してください */
    background: url(http://www.bodycare-yurari.com/wp-content/themes/yurari/img/controls.png) no-repeat 0 -32px;
}

.item_pic .bx-wrapper .bx-pager.bx-default-pager a:hover, .item_pic .bx-wrapper .bx-pager.bx-default-pager a.active, .item_pic .bx-wrapper .bx-pager.bx-default-pager a:focus {
    opacity: 1;
}

.item_pic .bx-wrapper .bx-controls-auto{
    display: none; /* スタートボタンを非表示にする */
}

.item_pic .bx-wrapper .bx-pager{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.item_pic .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 1000px;
    display: block;
    opacity: 0.6;
    text-indent: -9999px;
    width: 15px;
    height: 15px;
}

.item_pic{
    width: 400px;
    height:270px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.item_pic .bx-wrapper {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff;
  background: #fff;
  width: 400px;
  height: 279px;
  overflow: hidden;
}

.online_txt p.ttl{
    font-weight: bold;
}

/** ----------------------------------------
footer
----------------------------------------**/
    .sp_foot_contact{
		display: none;
	}

.pagetop {
    position: fixed;
    bottom: 85px;
    right: 40px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.sppagetop{display: none;}

#footer{
	clear: both;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 120px 0 20px;
	padding: 15px 0;
}

#footer .foot_nav{
	font-size: 12px;
  margin: 20px auto;
  width: 980px;
}

#footer .foot_nav li{
  float: left;
  margin-right: 15px;
}

.copy{
	font-size: 8px;
	padding-bottom: 35px;
	text-align: center;
}