@charset "UTF-8";

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

#pageHeader {
	height: 250px;
	background: url(../images/bg/pic_mainImg.jpg) no-repeat;
	background-size: auto 250px;
	background-position: center top;
	overflow: hidden;
}


/* -------------------------- */
/* content */
/* -------------------------- */

#content {
	padding-top: 80px;
}


/* pageNavi */
.pageNavi {
	clear: both;
	padding-top: 50px;
}
	.pageNavi ul {
		text-align: center;
	}
		.pageNavi ul li {
			display: inline-block;
			margin: 0 0 3px 0;
			padding: 0;
			list-style: none;
			font-size: 1.4em;
		}
			.pageNavi ul li a {
				display: block;
				padding: 12px 18px;
				border: 1px solid #ddd;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				color: #323232;
			}
			.pageNavi ul li span ,
			.pageNavi ul li a:hover {
				display: block;
				padding: 12px 18px;
				background-color: #f1f1f1;
				border: 1px solid #ddd;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				text-decoration: none;
			}
	.pageNavi .btnBack {
		width: 180px;
		margin: 0 auto;
	}
		.pageNavi .btnBack a {
			display: block;
			width: 180px;
			padding: 15px 0;
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			text-align: center;
			color: #323232;
			font-size: 1.6em;
		}
			.pageNavi .btnBack a span {
				padding-left: 27px;
				background: url(../images/ico/icon_back.png) no-repeat;
			}
		.pageNavi .btnBack a:hover {
			text-decoration: none;
			background-color: #f1f1f1;
		}

.tbrNormal {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
}
	.tbrNormal th ,
	.tbrNormal td {
		padding: 10px 15px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		font-size: 1.6em;
		line-height: 1.4em;
	}
	.tbrNormal th {
		width: 20%;
		background-color: #f1f1f1;
		text-align: left;
		font-weight: normal;
	}
				


/* ================================================================================================================================================================================== */
/* mobile */
/* ================================================================================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-768 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

#pageHeader {
	height: 250px;
	overflow: hidden;
}

/* -------------------------- */
/* content */
/* -------------------------- */

#content {
	padding-top: 60px;
}



/* -------------------------- */
/* content */
/* -------------------------- */



}




/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-480 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:480px) {

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

#pageHeader {
	height: 316px;
	background-size: auto 180px;
	background-position: center bottom;
}


/* -------------------------- */
/* content */
/* -------------------------- */

#content {
	padding-top: 40px;
}

.tbrNormal {
}
	.tbrNormal th ,
	.tbrNormal td {
		display: block;
	}
	.tbrNormal th {
		width: auto;
		box-sizing: padding-box;
	}

/* pageNavi */
.pageNavi {
	clear: both;
	padding-top: 35px;
}


}