@charset "utf-8";

#wrap {
	width	: 100%;
	overflow: hidden;
}

h2 {
	padding		: 30px 0 0 105px;
	text-align	: left;
	font-size	: 28px;
	color		: #4b3d2d;
}

.h02 {
	height		: 98px;
	background	: url(../img/bg/bg_common_007.jpg) repeat-x 0 0;
}

.h02_bg {
	width		: 980px;
	height		: 100%;
	margin		: 0 auto;
	background	: url(../img/bg/bg_common_005.png) no-repeat 0 10px,url(../img/bg/bg_common_006.png) no-repeat 803px 50px;
}

.h03 {
	margin-bottom	: 20px;
	padding-left	: 8px;
	text-align		: left;
	font-size		: 18px;
	border-left		: #f97c17 3px solid;
}

.h04 {
	margin			: 30px 0 10px;
	padding-left	: 8px;
	text-align		: left;
	font-size		: 16px;
	border-bottom: 1px solid #d5d5d5;
}

@media screen and (max-width: 767px) {
	#wrap {
		overflow: visible;
	}
	.h02_bg {
		width		: 100%;
	}
}

@media screen and (max-width: 480px) {
	.h02_bg h2 {
		padding: 40px 0 0 105px;
		font-size: 20px;
	}
}


/*========== header ==========*/

header {
	position: relative;
	width	: 980px;
	height	: 89px;
}

#headerTel {
	width		: 222px;
	float		: right;
	position	: absolute;
	top			: -3px;
	right		: 0;
	z-index		: 5;
}

	#headerTel>img {
		position	: relative;
	}

	#headerTel span {
		position: absolute;
		top		: 117px;
		left	: 10px;
	}


@media screen and (max-width: 767px) {
	header {
		width		: 100%;
		height		: auto;
		padding		: 0 15px;
		box-sizing	: border-box;
	}

	header h1 a img {
		max-width	: 200px;
		width		: 100%;
		height		: auto;
	}

	#headerTel {
		width		: 222px;
		float		: right;
		position	: absolute;
		top			: -3px;
		right		: 0;
		z-index		: 5;
	}
	
	#headerTel {
		position: fixed;
		left: auto;
		bottom: auto;
		top: 0;
		right: 0;
		z-index: 9999999999999999;
		transform: translateY(-175px);
		transition: 0.5s all;
	}
	#headerTel.scroll {
		transform: translateY(0);
	}
	#headerTel img {
		max-width: 180px;
		width: 100%;
		height: auto;
		float: right;
	}
	#headerTel span {
		position: absolute;
		top: 97px;
		left: auto;
		right: 30px;
		max-width: 130px;
	}
}

/*========== nav ==========*/

nav {
	clear		: both;
	position	: relative;
	z-index		: 3;

}

	nav ul li {
		float	: left;
	}

@media screen and (max-width: 767px) {
	#wrap > nav {
		display: none;
	}
}

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

/*========== mainBlock ==========*/

#mainBlock {
	width	: 980px;
	margin	: 0 auto;
}

@media screen and (max-width: 767px) {
	#mainBlock {
		width	: 100%;
	}
}



/*========== contentsBlock ==========*/

#contentsBlock {
	width	: 730px;
	float	: right;
}

#contentsBlock2 {
	width	: 980px;
	margin	: 0 auto;
}


@media screen and (max-width: 767px) {
	#contentsBlock,
	#contentsBlock2 {
		width		: 100%;
		padding		: 0 15px;
		box-sizing	: border-box;
	}
}


/*========== sideMenu ==========*/

#sideMenu {
	width		: 225px !important;
	margin-top	: 30px;
	margin-bottom: 20px;
	float		: left;
}


#sideMenu ul {
	background	: url(../img/border/border_common_01.gif) repeat-x 0 top;
}

#sideMenu ul li {
	height		: 50px;
	background	: url(../img/border/border_common_01.gif) repeat-x 0 bottom;
}

#sideMenu ul li a {
	height		: 100%;
	padding-left: 30px;
	background	: url(../img/icon/icon_common_008.png) no-repeat 10px center;
	display		: block;
	line-height	: 50px;
	text-align	: left;
	color		: #4b3d2d;
}

#sideMenu ul li a:hover {
	font-weight		: bold;
	text-decoration	: none;
}

.none {
	margin		: 20px 0 0 !important;
	background	: none !important;
}

table td a {
	color: #4b3d2d !important;
}

#btn_top { margin:0 auto 60px;}