@charset "utf-8";

	body #container #contentTitle {
		padding-bottom: 40px;
	}
	body #container #contentTitle h2 {
		background-image: url(../imgs/contenttitle.gif);
	}
	body #container #mainContent {
		padding-bottom: 90px;
	}
	#indexNav {
		position: relative;
		padding: 135px 10px 150px;
	}
	#indexNav .nav {
		position: relative;
		z-index: 2;
		max-width: 960px;
		margin: 0 auto;
	}
	#indexNav .nav li {
		float: left;
		width: 31.25%;
		margin-left: 3.1%;
	}
	#indexNav .nav li:first-child {
		margin-left: 0;
	}
	#indexNav .nav li img {
		vertical-align: top;
	}
	#indexNav .bg {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	#indexNav .bg li {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha(opacity=0)";
	}
	#indexNav .bg li:first-child {
		display: block;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	#indexNav .bg li img {
		display: none;
	}
	#slideArea {
		overflow: hidden;
		position: relative;
		font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
	}
	#slideArea .flexslider {
		margin-bottom: 18px;
		background: #000000;
	}
	#slideArea .flexslider .slides {
		max-width: 960px;
		margin: 0 auto;
		background: url(../imgs/loader.gif) no-repeat center center;
	}
	#slideArea .flexslider .slides > li:first-child {
		display: block;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha(opacity=0)";
	}
	#slideArea .type {
		float: left;
	}
	#slideArea .thumb {
		float: right;
	}
	#slideArea .thumb li {
		overflow: hidden;
		position: relative;
		float: left;
		width: 80px;
		height: 50px;
		margin-left: 10px;
		background: #000000;
		cursor: pointer;
	}
	#slideArea .thumb li:first-child {
		margin-left: 0;
	}
	#slideArea .thumb li.flex-active,
	#slideArea .thumb li:hover {
		width: 78px;
		height: 48px;
		border: #a9c1dd solid 1px;
	}
	#slideArea .thumb li img {
		max-width: none;
		vertical-align: top;
		opacity: 0.4;
		filter: alpha(opacity=40);
		-ms-filter: "alpha(opacity=40)";
	}
	#slideArea .thumb li.flex-active img,
	#slideArea .thumb li:hover img {
		margin: -1px;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	#slideArea .thumb li > span {
		display: table;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100px;
		height: 60px;
		margin: -30px 0 0 -50px;
	}
	#slideArea .thumb li > span span {
		display: table-cell;
		color: #ffffff;
		font-size: 9px;
		text-align: center;
		vertical-align: middle;
	}
	#slideArea .thumb li.flex-active > span span,
	#slideArea .thumb li:hover > span span {
		display: none;
	}
	#slideArea .thumb li > span span br {
		display: block !important;
	}
	#slideArea .back {
		float: right;
		width: 100px;
		margin-left: 10px;
	}
	#slideArea .back a {
		display: table-cell;
		width: 80px;
		height: 50px;
		background: #adc4df;
		color: #333333;
		font-size: 12px;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
	}
	#slideArea .back a:hover {
		background: #c7d9ef;
	}
	#slideArea .back a br {
		display: block !important;
	}


 /*--------------------------------------
　@media 980 START
---------------------------------------*/
@media only screen and (max-width:980px) {
	#slideArea {
		padding-bottom: 70px;
	}
	#slideArea .flexslider {
		margin-bottom: 10px;
	}
	#slideArea .type {
		float: none;
		width: auto;
		text-align: center;
	}
	#slideArea .thumb {
		position: relative;
		left: 50%;
		float: left;
		margin-top: 10px;
	}
	#slideArea .thumb li {
		left: -50%;
	}
	#slideArea .back {
		position: absolute;
		bottom: 0;
		left: 50%;
		float: none;
		margin-left: -40px;
	}
	#slideArea .back a {
		margin: 0 auto;
	}
}
 /*--------------------------------------
　@media 980 END
---------------------------------------*/


 /*--------------------------------------
　@media 800 START
---------------------------------------*/
@media only screen and (max-width:800px) {
	#slideArea .thumb li {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #cccccc;
	}
	#slideArea .thumb li.flex-active,
	#slideArea .thumb li:hover {
		width: 12px;
		height: 12px;
		border: none;
		background: #adc4df;
	}
	#slideArea .thumb li img {
		display: none;
	}
	#slideArea .thumb li > span {
		display: none;
	}
}
 /*--------------------------------------
　@media 800 END
---------------------------------------*/


 /*--------------------------------------
　@media 640 START
---------------------------------------*/
@media only screen and (max-width:640px) {
	#indexNav {
		padding: 35px 10px 50px;
	}
	#indexNav .nav {
		max-width: 300px;
	}
	#indexNav .nav li {
		float: none;
		width: auto;
		margin-top: 15px;
		margin-left: 0;
	}
	#indexNav .nav li:first-child {
		margin-top: 0;
	}
}
 /*--------------------------------------
　@media 640 END
---------------------------------------*/