@charset "UTF-8";
/*==================================================
 COMMON CSS
==================================================*/

a.link01,
.link01 a {
	color: #CC0000 !important;
	}
	a.link01:hover,
	.link01:hover a {
		text-decoration: underline;
		}
.bg01 {
	background: #CCCCCC;
	}
.bg02 {
	background: #666666;
	}
		
.input01 {
	color: #FFFFFF;
	padding: 3px;
	border: 1px solid #999999;
	background: #666666;
	}

.submitBtn {
	display: inline-block;
	width: 200px;
	height: 38px;
	border: none;
	background: url(../img/common/button/submitBtn.png) no-repeat 0px 0px;
	cursor: pointer;
	}

.section01 {}

.section02 {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background: #333333;
	}
.section02Wrap {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	}
	
	.section02 p,
	.section02 span,
	.section02 div {
		color: #FFFFFF;
		}
	
	.section02 .caption {
		position: absolute;
		bottom: -95px;
		}
		.section02 .captionWrap {
			width: 1000px;
			margin: 0px auto;
			}
		.section02 .caption * {
			color: #333333;
			}

.section03 {}
.section03Wrap {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	}
	
.table01 {
	margin: 0px auto;
	overflow: hidden;
	zoom: 1;
	}
	.table01 table {
		width: 100%;
		}
		.table01 table th,
		.table01 table td {
			color: #FFFFFF;
			padding: 5px;
			}
		.table01 table th {}
		.table01 table td {}
		
.gallery01 {}
	.gallery01 ul {
		margin: 0px -32px 0px 0px;
		overflow: hidden;
		zoom: 1;
		}
		.gallery01 ul li {
			float: left;
			width: 140px;
			text-align: center;
			margin: 0px 32px 10px 0px;
			}
			.gallery01 ul li .img {
				max-width: 100%;
				max-height: 100%;
			}
			.gallery01 ul li a {
				display: table-cell;
				width: 140px;
				height: 140px;
				text-align: center;
				vertical-align: middle;
				}