@charset "utf-8";
/* ==============================================

	structure CSS

================================================= */
#container {
	overflow:hidden;
	width:100%;
	height:100%;
	height:auto!important;
	min-height:100%;}

#header {
	margin-bottom:30px;
	width:100%;
	height:90px;}

.headerArea {
	margin:0 auto;
	width:960px;
	height:430px;}

#contents{
	width:100%;
	height: auto;
	overflow: hidden;
	background: url(images/bg.jpg);
	padding: 15px 0;}

.contentsArea{
	margin:0 auto 30px;
	width:960px;
	height: auto;
	overflow: hidden;
}

.projectArea{
	margin:0 auto 30px;}

.informationArea{
	margin:0 auto 30px;}

.bargainArea{
	margin:0 auto 30px;}

#footer{
	width:100%;
	position: inherit!important;}

.footerArea{
	margin:0 auto;
	padding:0;
	width:960px;}


@media screen and (max-width: 768px) {
	#header {
		margin-bottom:10px;}

	.headerArea {
		width:100%;
		height:auto;
		padding: 5px 0;}
	
	#contents{
		padding:0 10px;
		width:100%;}
	
	.contentsArea,
	.footerArea{
		width:100%;}

}



/* ==============================================

	body

================================================= */
body {
	color:#333;
	font-size:15px;
	line-height:22.5px;
	line-height:2.25rem;/*150%*/
	border-top:13px solid #FFBF00;
	background-color:#fff;}

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

}


/* ==============================================

	header

================================================= */
.headerArea{}

.h_logo{
	float:left;
	margin-top:10px;
	width:357px;}

.h_middle {
	float:left;
	padding: 10px;
	margin: 5px 0 0;
}

.h_menu01 {
	padding-bottom: 5px;
	border-bottom: 1px solid #B19C79;
}

.h_menu01 li{
	float:left;
	background: url(images/arrow_01.png) left no-repeat;
	padding-left: 12px;
}

.h_menu01 li:first-child {
	margin-right: 10px;
}

.h_menu01 li a {
	text-decoration: none;
}

.h_menu01 li a:hover{
	opacity:0.7;}

.h_menu02{
	float:left;
	margin-top:20px;
	margin-right:15px;
	width:105px;}

.h_menu02 li{
	margin-bottom:5px;}

.h_menu02 li a:hover{
	opacity:0.7;}

.h_tel{
	margin-top:10px;
	padding-top:5px;
	padding-left:35px;
	background:url(images/img_tel.png) left 0 no-repeat;
	color:#000;
	font-size:28px; font-size:2.8rem;
	font-family:"メイリオ",Meiryo;
	font-weight:bold;
	text-align:left;}

.h_tel span{
	display:block;
	margin-top:5px;
	font-size:14px; font-size:1.4rem;
	font-weight:normal;
	text-align: right;}

.h_login,
.h_login_after {
	float: left;
	padding: 15px 10px 10px;
}

.h_login_btn {
	background: url(images/h_login.png) no-repeat;
	width: 80px;
	height: 58px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}

.h_login_btn:hover {
	opacity: 0.7;
}

.h_login_txt{
	float:left;
	width:190px;}

.h_login_txt input[type="text"],
.h_login_txt input[type="password"] {
	margin-bottom:5px;
	padding: 1px 5px;
	width:170px;
	height: 20px;
	font-size: 100%;
	line-height:1.5em;
	vertical-align: middle;
	border: 1px solid #999999;
	color: #555;
	background: #fcfcfc;}
	
.h_login_autologin{
	clear:both;
	font-size:13px; font-size:1.3rem;}

.h_login_autologin input[type="checkbox"]{
	margin:0 5px 0 0;
	width:18px;
	height: 18px;
	font-size: 100%;
	line-height:1.5em;
	vertical-align: middle;
	border: 1px solid #999999;
	color: #555;
	background: #fcfcfc;}

.h_login_pass{
	padding-left:23px;
	background:url(images/icon_pass.png) 2px 50% no-repeat;
	font-size:13px; font-size:1.3rem;}

 .h_login_pass a{
	color:#333;
	text-decoration:none;}

.h_login_pass a:hover{
	opacity:0.7;}


/* ログイン後 */
.h_login_afterTitle {
	margin-bottom: 10px;

}

.h_login_orderlist {
	float: left;
}

.h_login_logout {
	float: right;
}

/* clear */
.h_menu01:after,
.headerArea:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}


@media screen and (max-width:768px){
	#header {
		border-bottom:1px solid #CDA20E;
		height:auto;}

	.h_logo{
		float:left;
		margin:0 5%;
		width:70%;}

	.h_logo img{
		width:100%;}
		
	.spNavBtn{
		float:right;
		margin:5% 4% 0;
		width:12%;}
		
	.spNavArea{
		clear:both;
		background-color:#fff;}

	#sp_gnav {
		display:none;
		margin-bottom:0;
		background:#F5F3ED;
		border-top:1px solid #CDA20E;}

	#sp_gnav li{
		position:relative;
		display:block!important;}

	#sp_gnav li::after {
		display: block;
		content: '';
		position: absolute;
		top: 17px;
		left: 10px;
		width: 6px;
		height: 6px;
		border-right: 1px solid #542e0c;
		border-bottom: 1px solid #542e0c;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);}

	#sp_gnav li a {
		display:block!important;
		padding:10px 10px 10px 30px;
		border-bottom:1px solid #BEA119;
		color:#333;
		text-decoration:none;}

	#sp_gnav li:last-child a{
		border-bottom:none;}
	
	#sp_gnav li a:hover{
		color:#C1A110;}
	
	.sp .h_login_after {
		width: 100%;
		margin: 0 auto;
	}
	
	.sp .h_login_afterTitle {
		background: #FFD401;
		text-align: center;
	}
	.sp .h_login_afterTitle img {
		max-width: 270px;
	}
}



@media screen and (max-width:480px){
	.sp .h_login_orderlist,
	.h_login_logout {
		float: none;
		text-align: center;
	}
	.sp .h_login_orderlist img ,
	.h_login_logout img {
		max-width: 210px;
		float: none;
	}
	.h_login_logout {
		margin-top: 15px;
	}
}

/* ==============================================

	contents

================================================= */

/* メインコンテンツ
----------------------------------------- */
.main_con {
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

.main_con li {
	float: left;
}

.main_con li:not(:last-child) {
	margin-right: 7px;
}

.main_bnr {
	margin-bottom: 15px;}
.main_bnr_sp { display: none;}

.top_btn_area {
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

.top_btn_area ul li {
	float: left;
}

.top_btn_area ul li:not(:first-child) {
	margin-left: 10px;
}

.top_recruit {
	background: url(images/con_02_bg.jpg) no-repeat;
	padding: 85px 0 0 20px;
	width: 475px;
	height: 200px;
	line-height: 130%;
	position: relative;
}

.top_subcontractor {
	background: url(images/con_03_bg.jpg) no-repeat;
	padding: 85px 0 0 20px;
	width: 475px;
	height: 200px;
	line-height: 130%;
	position: relative;
}

.top_recruit img,
.top_subcontractor img {
	display: block;
	float: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.mainblockContainer{
	height: auto;
	overflow:hidden;
	width:960px;}

.leftBlock,
.middleBlock,
.rightBlock{
	float:left;
	width:315px;
}


.leftBlock {
	margin-right: 14px;
}

.mainProject .borderBox {
	height: 215px!important;}

.leftBlock .borderBox {
	height: 140px;}
	
.middleBlock .borderBox {
	height: 221px;}

/* clear */
.mainblockContainer:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

@media screen and (max-width: 768px) {
	.main_con {
		text-align: center;}
	.main_con li {
		width: 32.6%;}
	.main_con li:not(:last-child) {
		margin-right: 1%;
	}
	.main_con li img {
		width: 100%;
		height: auto;}
	
	.main_bnr { margin-bottom: 0; margin-bottom: 15px;}
	
	.top_btn_area ul li:not(:first-child) {
		margin-left: 0;
	}
	.mainblockContainer{
			width:100%;}

	.leftBlock,
	.middleBlock,
	.rightBlock{
		float:none;
		margin-bottom:10px;
		width:100%;
		height: auto;}
	.top_member {
		text-align: center;}
	.top_btn_area ul li {
		float: none;
		text-align: center;}
	.leftBlock .borderBox {
		height: auto;
		overflow: hidden;
	}
}
@media screen and (max-width: 550px) {
	.main_bnr { display: none;}
	.main_bnr_sp { display: block; margin: 15px 0;}
}
@media screen and (max-width: 450px) {
	.main_con li {
		float: none;
		width: 100%;}
	.main_con li:not(:last-child) {
		margin-right: 0%;
		margin-bottom: 10px;}
}
@media screen and (max-width: 350px) {
	.top_member img {
		width: 100%;
		height: auto;}

}

/* 新規工事案件
----------------------------------------- */
.mainProject{
	scrollbar-face-color: #E1DFCD;
	scrollbar-shadow-color: #E1DFCD;
	scrollbar-arrow-color: #CC6A0A;
	scrollbar-darkshadow-color: #8b0000;}

.project_list::-webkit-scrollbar-thumb {
	background:#E1DFCD;
}

.hd_project{
	padding:8px 10px;
	background-color:#393939;
	color:#fff;
	text-align:center;
	font-size:20px; font-size:2.0rem;}

.project_list{
	overflow: auto;
	padding:0px 10px 10px;
	height: 175px;}

.project_list li{
	position:relative;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding:5px 0 5px 15px;
	width:100%;
	border-bottom:1px dashed #9D9D9D;
	white-space: nowrap;
	text-overflow: ellipsis;}

.project_list li span{
	display:block;}

/* 丸 */
.project_list li:after {
	display: block;
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #E6AC00;
	border-radius: 100%;}

.project_list li a{
	color:#333;
	text-decoration:none;}

.project_list li a:hover{
	text-decoration:underline;}



@media screen and (max-width: 768px) {
	.mainProject{
		float:none;
		margin-right:0;
		margin-bottom:20px;
		width:100%}
	
	.project_list{
		height: 150px;}
}



/* メニュー
----------------------------------------- */
.mainMenu{
	overflow:hidden;
	float:left;
	margin-left:10px;
	width:430px;}

.mainMenu ul{
	margin-top:10px;
	width:445px;
	overflow:hidden;}

.mainMenu li{
	float:left;
	margin-right:12px;
	margin-bottom:10px;}

.mainMenu li a:hover{
	opacity:0.7;}

/* clear */
.mainMenu:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

@media screen and (max-width: 768px) {
	.mainMenu{
		overflow:hidden;
		float:none;
		margin-bottom:15px;
		margin-left:0;
		width:100%;}

	.mainMenu ul{
		margin-top:10px;
		width:103.03%;
		margin-right:-3.03%;
		overflow:hidden;}
	
	.mainMenu li{
		float:left;
		margin-right:3.03%;
		margin-left:0;
		margin-bottom:0;
		width:30.3%;}
	
	.mainMenu li img{
		width:100%;}
}


/* 受注の流れ
----------------------------------------- */
.mainFlow{
	clear:both;}


/* ログイン
----------------------------------------- */
.mainRegistration{
	padding:5px;}

.login_txt{
	float:left;
	width:150px;}

.login_btn{
	float:right;}

.login_btn:hover{
	opacity:0.7;}


.login_txt input[type="text"],
.login_txt input[type="password"]{
	margin-bottom:3px;
	padding: 1px 5px;
	width:135px;
	height: 20px;
	font-size: 100%;
	line-height:1.5em;
	vertical-align: middle;
	border: 1px solid #999999;
	color: #555;
	background: #fcfcfc;}
	
.mainRegistration .autologin{
	clear:both;
	font-size:13px; font-size:1.3rem;}

.mainRegistration .autologin input[type="checkbox"]{
	margin:0 5px 0 0;
	width:18px;
	height: 18px;
	font-size: 100%;
	line-height:1.5em;
	vertical-align: middle;
	border: 1px solid #999999;
	color: #555;
	background: #fcfcfc;}

.mainRegistration .pass{
	padding-left:23px;
	background:url(images/icon_pass.png) 2px 50% no-repeat;
	font-size:13px; font-size:1.3rem;}

.mainRegistration .pass a{
	color:#333;
	text-decoration:none;}

.mainRegistration .pass a:hover{
	opacity:0.7;}

.mainRegistration .work{
	margin-bottom:5px;
	padding-top:5px;
	border-top:1px dashed #9D9D9D;}


/* 工事実績件数
----------------------------------------- */
.mainResult{
	padding:5px;}

.hd_result{
	padding:8px 10px;
	background-color:#393939;
	color:#fff;
	text-align:center;
	font-size:20px; font-size:2.0rem;}

.result_title{
	padding:10px;
	color:#000;
	text-align:center;
	border-bottom:1px solid #542E0C;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;}

.result_txt{
	padding:10px;
	color:#AF1F33;
	text-align:center;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;}



/* 新規工事案件
----------------------------------------- */
#slider{
	margin-top:10px;}

#slider li{
	position:relative;
	width:100%;}

#slider li img{
	width:100%;}

#slider li span{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 5px 15px;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	color:#fff;}

#slider li a:hover,
#slider li a:hover img{
	opacity:0.7;}


/* 会員工事会社数
----------------------------------------- */
.border_col3{
	float:left;
	margin-right:10px;
	width:640px;
	border:1px solid #D1D1D1;
	background: #FFF;
	border-top: 4px solid #FFBF00;
	height: 490px;}

.border_col3 .inner{
	padding:15px 10px;}


.mapArea{
	position:relative;
	background-image:url(images/img_map_small.png);
	background-position:right 100px;
	background-repeat:no-repeat;}

.mapArea .map_txt {
	font-size: 22px;
	line-height: 110%0;
	padding: 15px;
	background: #7FAEDB;
	color: #FFF;
	font-weight: bold;
	display: -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
	margin-top: 15px;
}

.mapBox{
	margin:5px;
	padding:5px;
	background-color:rgba(255,255,255,0.7);
	-moz-border-radius:7px ;
	-webkit-border-radius:7px ;
	border-radius:7px ;
	font-size:12px; font-size:1.2rem;}

.mapBox dt{
	display:none;}

.mapBox dd{
	display:block;}

.map_list{
	margin:0 auto;}

.map_list li{
	float:left;
	margin-right:5px;
	margin-bottom:0;}

/* clear */
.map_list:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

.map01{
	position:absolute;
	top:0;
	left:50%;
	width:20%;
	border:2px solid #6FC7CB;}
.map02{
	position:absolute;
	top:20%;
	right:0;
	width:32%;
	border:2px solid #B0CF01;}
.map03{
	position:absolute;
	top:43%;
	right:0;
	width:35%;
	border:2px solid #EF8FAA;}
.map04{
	position:absolute;
	top:10%;
	left:30px;
	width:45%;
	border:2px solid #C8A063;}
.map05{
	position:absolute;
	bottom:15%;
	right:0;
	width:32%;
	border:2px solid #DADF00;}
.map06{
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
	border:2px solid #609AD2;}
.map07{
	position:absolute;
	top:25%;
	left:10%;
	width:45%;
	border:2px solid #49B232;}
.map08{
	position:absolute;
	bottom:0;
	left:15%;
	width:32%;
	border:2px solid #F9B900;}
.map09{
	position:absolute;
	top:40%;
	left:0;
	width:40%;
	border:2px solid #F29B77;}


@media screen and (max-width: 768px) {
	.border_col3{
		float:none;
		margin:0 auto 20px auto;
		width:100%;
		background: #FFF;
		height: auto;}

	.mapArea{
		position:static;
		height:auto;
		background:none;
		background-color:#EDEBDB;
		padding: 0 10px;}


	.mapBox{
		margin:0;
		padding:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		background-color:rgba(255,255,255,1);
		border-radius:0;
		font-size:14px; font-size:1.4rem;}

	.mapBox dt{
		display:block;
		padding:15px 10px;
		background:url(images/img_open.png) 97% 50% no-repeat;}

	.mapBox dt.open{
		background:url(images/img_close.png) 97% 50% no-repeat;
		background-color:#EAEAEA;}

	.mapBox dd{
		display:none;
		padding:15px 10px 5px;}

	.map_list li{
		margin-right:10px;
		margin-bottom:10px;}

	.map01,.map02,.map03,.map04,
	.map05,.map06,.map07,.map08,.map09{
		position:static;
		width:100%;
		border-width:4px;
		border-top:1px solid #A7A7A7;
		border-right:1px solid #A7A7A7;
		border-bottom:none;}
	.lastchild{
		border-bottom:1px solid #A7A7A7;}
	.mapArea p {
		font-size: 20px;
		text-align: center;
		padding: 10px 0;
	}
	
}


/* 流れ
----------------------------------------- */
.border_col4{
	float:left;
	margin-right:10px;
	width:310px;
	border:1px solid #D1D1D1;
	background: #FFF;
	border-top: 4px solid #FFBF00;
	height: 490px;}

.border_col4 .inner{
	padding:15px 10px;}

.txt_flow{
	text-align:center;
	font-weight: bold;
	font-size: 19px;
	background-color: #CE7A15;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
	}


.flow_list{
	position:relative;
	float:left;
	margin:20px 5px 15px;
}

.flow_list dt{
	margin-bottom:5px;
	width:100%;
	text-align:center;
	float: left;
	width: 70px;
	margin-right: 10px;}

.flow_list dd{
	width:100%;
	width: 190px;
	float: right;
}

.flow_list dd span{
	display:block;
	color:#542E0C;
	font-weight:bold;
	font-size:18px; font-size:1.8rem;}

.flow_list:after{
	content: "";
	display:block;
	position: absolute;
	top: 72px;
	right: 43%;
	width:40px;
	height:25px;
	background:url(images/arrow_flow02.png) 0 0 no-repeat;}


.no_arrow:after{
	background:none;}


.btn_flow {
	clear:both;
	text-align:center;}



@media screen and (max-width: 786px) {
	.border_col4{
		float:none;
		margin-right:10px;
		width:100%;
		background: #FFF;
		height: auto;}
	.txt_flow img{
		display:none;}

	.txt_flow{
		display:block;
		margin: 0 auto;
		padding:10px 20px;
		background-color:#CE7A15;
		-moz-border-radius:50px ;
		-webkit-border-radius:50px ;
		border-radius:50px ;
		color:#fff;
		font-weight:bold;}

	.txt_flow:before {
		content: attr(data-label);}

	.flow_list{
		clear:both;
		float:none;
		margin:10px auto;
		/*width:75%;*/}

	.flow_list dt{
		float:left;
		margin-right:5%;
		width:15%;}

	.flow_list dt img{
		width:100%;}

	.flow_list dd{
		position:relative;
		float:left;
		width:80%;
		margin-bottom:30px;}

	.flow_list dd span{
		text-align:left;}

	.flow_list:after{
		background:none;}

	.flow_list dd:after{
		content: "";
		display:block;
		position: absolute;
		bottom:-25px;
		left:35%;
		width:40px;
		height:25px;
		background:url(images/arrow_flow02.png) 0 0 no-repeat;}

	.no_arrow dd:after{
		background:none;}

	.btn_flow img{
		max-width: 100%;
		height: auto;}

	.btn_flow a {
		padding: 0!important;}

	.btn_flow a:hover {
		opacity:0.7;}

}

@media screen and (max-width: 375px) {
	.btn_flow a{
		padding:10px 20px;}

}



/* おすすめ
----------------------------------------- */


/* メリット
----------------------------------------- */
.merit_list{
	margin-bottom:10px;
	padding:0 5px 10px;
	border-bottom:1px solid #A19A79;}

.merit_list dt{
	margin-right:5px;
}

.merit_list dd{
	margin: 10px 0;
}

/* clear */
.merit_list:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

.merit_list .company{
	margin-bottom:10px;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;}

@media screen and (max-width: 768px) {
	.merit_list dt{
		margin-right:3%;
		width:40%;}
	
	.merit_list dt img{
		width:100%;}
	
	
	.merit_list dd{
		float:left;
		width:75%;}

}
@media screen and (max-width: 550px) {
	.merit_list dt{
		margin-right:3%;
		width:70%;}
}
@media screen and (max-width: 375px) {
	.merit_list{
		padding:0 0px 10px;}

	.merit_list dt{
		float:none;
		margin:0 auto 10px;
		width:100%;}

	.merit_list dd{
		float:none;
		width:100%;}

}





/* 新着情報
----------------------------------------- */
.information_list{
	margin-bottom:10px;
	padding:0 15px 10px;
	border-bottom:1px solid #A19A79;}

.information_list dt{
	margin-right:5px;
	}

.information_list dd{
	clear: both;
	}

/* clear */
.information_list:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

.information_list .date{
	margin-bottom:5px;
	color:#a19a79;
	float:left;
}

.information_list .title{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	margin-left: 20px;
	margin-left: 12em;
}

@media screen and (max-width: 768px) {
	.information_list{
		padding:0 0 10px;}

	.information_list dt{
		float:none;
		margin-right:3%;}
	
	.information_list dt img{
		width:100%;}
	
	.information_list .date, .information_list .title {
		float: none;}
	
	.information_list .title {
		margin-left: 0;
	}
	
	.information_list dd{
		float:none;}
}

@media screen and (max-width: 375px) {
	.information_list{
		padding:0 0px 10px;}

	.information_list dt{
		float:none;
		margin:0 auto;
		width:100%;}

	.information_list dd{
		float:none;
		width:100%;}

}




/* 特価商品情報
----------------------------------------- */
.bargain_list{
	margin:0 auto 20px;
	width:900px;}


.bargain_list li{
	/* float: left; */
	/* margin: 0 10px 10px; */
	width: 205px;
	text-align: center;
	display: inline-block;
	margin-bottom: 20px;
}

.bargain_list li img{
	border:1px solid #535353;}

.bargain_list li a{
	text-decoration:none;
	color:#333;}

.bargain_list li a:hover{
	text-decoration:underline;}

.bargain_list li a:hover img{
	opacity:0.7;}

.bargain_list li span{
	display:block;
	margin-top:5px;}

/* clear */
.bargain_list:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

@media screen and (max-width: 768px) {
	.bargain_list{
		width:100%;}
	
	.bargain_list li{
		margin-right:2%;
		width:30%;}
	
	.bargain_list li img{
		width:100%;}

}

@media screen and (max-width: 375px) {
	.bargain_list li{
		width:100%;}
}


/* ==============================================

	footer

================================================= */
#footer{
	padding-top:15px;
	border-top:1px solid #959595;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E6E0D9));
	background-image: -webkit-linear-gradient(top, #fff, #E6E0D9);
	background-image: -moz-linear-gradient(top, #fff, #E6E0D9);
	background-image: -ms-linear-gradient(top, #fff, #E6E0D9);
	background-image: -o-linear-gradient(top, #fff, #E6E0D9);
	background-image: linear-gradient(to bottom, #fff, #E6E0D9);}

.f_info{
	float:left;
	width:350px;}

.f_address{
	color:#542e0c;
	font-size:15px; font-size:1.5rem;}

.f_menu{
	float:right;
	margin-top:80px;}

.f_menu li{
	float:left;
	margin:0 5px;}

.f_menu li a:hover{
	opacity:0.7;}

.fnav{
	clear:both;
	padding:15px 0px;
	font-size:14px; font-size:1.4rem;}

.fnav li{
	position:relative;
	float:left;
	margin-right:8px;}

.fnav li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 5px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #542e0c;
	border-bottom: 1px solid #542e0c;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}

.fnav li a{
	padding-left:20px;}

/* clear */
.fnav:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

@media screen and (max-width: 768px) {
	.f_info{
		float:none;
		width:100%;}
	
	.f_logo{
		margin:0 auto;
		padding:0 10px;
		width:360px;}
	
	.f_logo img {
		width:100%;
	}

	.f_address{
		margin:0 auto;
		padding:0 10px;
		width:360px;}

	.f_menu{
		float:none;
		margin-top:10px;
		margin:10px auto;
		width:100%;
		text-align:center;}

	.f_menu li{
		float:none;
		margin:0;}

	.f_menu li:first-child {
		margin-bottom: 10px;
	}

	.fnav li::after {
		left: 10px;}

	.fnav{
		width:100%;
		padding:0;
		background-color:#fff;
		border-top:1px solid #BEA119;}
	
	.fnav li{
		float:none;
		margin-right:0;}

	.fnav li::after {
		top: 17px;}

	.fnav li a{
		display:block;
		width:100%;
		padding:10px 10px 10px 30px;
		display:block;
		border-bottom:1px solid #BEA119;
		text-decoration:none;}

}

@media screen and (max-width: 375px) {
	.f_logo{
		width:100%;}

	.f_address{
		width:100%;}


	.f_logo img{
		width:100%;}


}


/* =======================================

	#pageTop

========================================== */
#pageTop{
	position:fixed;
	background-color:rgba(206,122,21,0.9);
	-moz-border-radius:7px ;
	-webkit-border-radius:7px ;
	border-radius:7px ;
	color:#fff;
	bottom:20px;
	right:30px;
	padding:20px 20px 17px 20px;
	z-index: 100;}

#pageTop:hover{
	background-color:rgba(206,122,21,0.7);}


@media screen and (max-width: 768px) {
	#pageTop {
		bottom:10px;
		right:10px;
		padding:15px 15px 12px 15px;}
}


/* ==============================================

	copyright

================================================= */
#copyright{
	padding:10px;
	background-color:#CDA20E;
	color:#fff;
	text-align:center;
	font-size:15px; font-size:1.5rem;}


/* ==============================================

	pager

================================================= */

/*
.pagination li {
	float: left;
	padding: 0 10px;
}
*/


.pagination {
	overflow: hidden;
	list-style: none;
	margin: 0 auto;
	display: table;
}

.pagination li {
	margin: 0 1px;
	position: relative;
	float: left;
}

.pagination li a {
	display: block;
	padding: 5px 10px;
}

.pagination li a {
	background: #FFF;
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #FFDC58;}

.pagination li a:hover {
	background: #333;
	color: #FFF;
}

.pagination li.active a {
	background: #EBEBEB;
}

.pagination li.active a {
	color: #000;
}