@charset "UTF-8";


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, Meiryo, メイリオ,　sans-serif;
	font-size: 13px; /* 11px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000;
	background: #fff;
}
/* ie7 */ *:first-child+html body { font-size: 82%; /* 69%; */}
/* ie6Below */ * html body { font-size:82%; /* font-size: 69%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 82%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
.intro,
.gNavi01 ul,
.sectionDetail,
.movie01,
.note,
.sectionList
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
.intro:after,
.gNavi01 ul:after,
.sectionDetail:after,
.movie01:after,
.note:after,
.sectionList:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html .intro,
* html .gNavi01 ul,
* html .sectionDetail,
* html .movie01,
* html .note,
* html .sectionList
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}




/*----------------------------------------------------------
							!SP
---------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0;
	width: 100%;
	text-align: left;
}

/* !header
---------------------------------------------------------- */
#header {
	background: #000;
}
	#title {
		width: 100%;
		margin: auto;
	}
			#title img { width: 100%;}
	.intro {
		padding: 10px;
		font-size: 108%;
	}
		.title02 {
			display: none;}
		.intro p {
			padding: 0 0 8px;
		}
		.intro p.type01 {
			color: #000;
			font-size: 85%;
		}
		.gNavi01 {}
			.gNavi01 ul {
				width: 96%;
				margin: auto;
				padding: 10px 0;
			}
				.gNavi01 ul li {
					width: 46%;
					float: left;
					margin: 0 2%;
				}
					.gNavi01 ul li a {
						display: block;
						padding: 15px 5px;
						background: #fe0;
						color: #680000;
						font-weight: bold;
						text-align: center;
					}

/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	max-width: 1000px;
	text-align: left;
}

/* !section
---------------------------------------------------------- */
.sectionDetail {
	margin: 10px;
}
	.boxType01 {
		margin: 15px 0;
	}
		.boxType01 > dt {
			font-size: 124%;
			font-weight: bold;
			border-bottom: #c30d23 solid 2px;
			margin: 0 0 5px;
		}
		.boxType01 > dd {
			font-size: 108%;
		}
	.note {
		clear: both;
		border: #c30d23 solid 1px;
		padding: 10px;
		margin: 0 0 20px;
	}
		.note dt {
			padding: 2px 5px;
			background: #000;
			color: #fff;
			font-weight: bold;
			font-size: 85%;
			line-height: 1.2;
			display: inline;
		}
		.note dd {
			padding: 0 5px;
			font-size: 85%;
			width: 95%;
			display: inline;
		}
	.boxType02 {
		margin: 0 0 5px;
	}
		.boxType02 > dt {
			color: #c30d23;
			font-size: 108%;
			font-weight: bold;
			line-height: 1.2;
			padding: 5px 0;
		}
		.boxType02 > dd {
			margin: 0 0 5px;
		}
			.boxType02 > dd  p {
				margin: 3px 0;
			}
	.banner01 {
		width: 80%;
		margin: auto;
	}
	.movie01 {}
		.iframeMovie {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			width: 100%;
			margin:	20px auto;
			height: 0;
			overflow: hidden;
		}
			.iframeMovie iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 100% !important;
			}
.sectionList {
	margin: 30px 0;
}
	.sectionList h2 {
		background: #c30d23;
		padding: 3px 5px;
		color: #fff;
		font-size: 124%;
		font-weight: bold;
	}
		.sectionList h2 span {
			border-left: #fff solid 5px;
			padding: 0 0 0 8px;
		}
		.sectionList h2 p {
			display: inline;
			font-size: 70%;
			font-weight: normal;
		}
	.boxType03 {
		width: 94%;
		margin: 20px auto;
		padding: 0 0 15px;
		border-bottom: #bbb dotted 1px;
		font-size: 108%;
		min-height: 1px !important;
	}
		.boxType03 > dt {
			margin: 0 0 5px;
		}
			.textType01 {
				font-size: 124%;
				font-weight: bold;
				line-height: 1.3;
				margin: 0 0 3px;
			}
			.textType02 {}
		.boxType03 > figure {
			width: 100%;
			margin: 10px auto;
			position: relative;
		}
			.boxType03 > figure p {
				position: absolute;
				top: -15px;
				left: 5px;
				width: 70px;
			}
			.textType03 {
				font-size: 108%;
				font-weight: bold;
				color: #dc4b5e;
				margin: 0 0 5px;
			}


.dnSP { display: none;}
.dnPC { display: inherit;}

/* !footer
---------------------------------------------------------- */
#footer {
	background: #000;
	padding: 10px;
	color: #fff;
	text-align: left;
}
	#info {
		margin: 0 0 8px;
	}
	#copyright {
		font-size: 77%;
		padding: 5px;
	}


/* !PC
---------------------------------------------------------- */
@media only print, screen and (min-width: 40.063em) {

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0;
	width: 100%;
	text-align: left;
}

/* !header
---------------------------------------------------------- */
#header {
	background: #000 url(../img/bg_01.jpg) center 0 repeat-x;
	background-size: auto;
}
	#title {
		width: 1000px;
		height: 1060px;
		margin: auto;
	}
	.intro {
		padding: 40px 0 10px;
		font-size: 139%;
		margin: auto;
		text-align: center;
	}
		.title02 {
			display: inherit;
			width: 220px;
			float: left;
			margin: -15px 20px 0 0;
		}
		.intro p {
			padding: 0 0 8px;
		}
		.intro p.type01 {
			color: #000;
			font-size: 85%;
		}
		.gNavi01 { position: absolute; margin: -100px 0 0; width: 100%;}
			.gNavi01 ul {
				width: 900px;
				margin: auto;
				padding: 0 0 20px;
			}
				.gNavi01 ul li {
					width: 400px;
					float: left;
					margin: 0 25px;
				}
					.gNavi01 ul li a {
						display: block;
						padding: 20px;
						background: #fe0;
						color: #680000;
						font-size: 154%;
						font-weight: bold;
					}
					.gNavi01 ul li a:hover {
						background: #fff;
					}

/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	max-width: 1000px;
	text-align: left;
}

/* !section
---------------------------------------------------------- */
.sectionDetail {
	margin: 30px 0;
}
	.boxType01 {
		margin: 0 0 30px;
		/*width: 620px;
		float: left;*/
	}
		.boxType01 > dt {
			font-size: 150%;
			font-weight: bold;
			border-bottom: #c30d23 solid 4px;
			margin: 0 0 15px;
		}
		.boxType01 > dd {
			font-size: 124%;
		}
	.note {
		clear: both;
		border: #c30d23 solid 1px;
		padding: 10px;
		margin: 0 0 20px;
	}
		.note dt {
			padding: 2px 5px;
			background: #000;
			color: #fff;
			font-weight: bold;
			font-size: 85%;
			line-height: 1.2;
			display: inherit;
			width: 5%;
			float: left;
			text-align: center;
		}
		.note dd {
			padding: 0 5px;
			font-size: 100%;
			width: 95%;
			display: inherit;
			float: left;
		}
	.boxType02 {
		margin: 0 0 5px;
	}
		.boxType02 > dt {
			color: #c30d23;
			font-size: 108%;
			font-weight: bold;
			line-height: 1.2;
			padding: 5px 0;
		}
		.boxType02 > dd {
			margin: 0 0 15px;
		}
			.boxType02 > dd  p {
				margin: 5px 0;
			}
	.banner01 {
		width: 350px;
		margin: auto;
		float: right;
	}
		.banner01 a:hover img {
			opacity: 0.6;
			filter: alpha(opacity=60);
			-ms-filter: "alpha(opacity=60)";
		}
	.movie01 {
		width: 640px;
		margin: auto;
	}
		.iframeMovie {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			width: 100%;
			margin:	20px auto;
			height: 0;
			overflow: hidden;
		}
			.iframeMovie iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 100% !important;
			}
.sectionList {
	margin: 30px 0;
}
	.sectionList h2 {
		background: #c30d23;
		padding: 5px 15px;
		color: #fff;
		font-size: 150%;
		font-weight: bold;
		margin: 0 0 20px;
	}
		.sectionList h2 span {
			border-left: #fff solid 5px;
			padding: 0 0 0 8px;
		}
	.boxType03 {
		width: 300px;
		margin: 0 50px 0 0;
		padding: 0 0 30px;
		border-bottom: none;
		float: left;
		font-size: 108%;
	}
	.boxType03:nth-child(3n+1) {
		margin: 0;
	}
		.boxType03 > dt {
			margin: 0 0 5px;
		}
			.textType01 {
				font-size: 124%;
				font-weight: bold;
				line-height: 1.3;
				margin: 0 0 3px;
			}
			.textType02 {
				font-size: 93%;
			}
		.boxType03 > figure {
			width: 100%;
			margin: 10px auto;
		}
			.textType03 {
				font-size: 124%;
				font-weight: bold;
				color: #c30d23;
				margin: 0 0 5px;
			}


.dnSP { display: inherit;}
.dnPC { display: none;}

/* !footer
---------------------------------------------------------- */
#footer {
	background: #000;
	padding: 10px;
	color: #fff;
	text-align: center;
}
	#info {
		margin: 0 auto;
		width: 1000px;
		font-size: 108%;
		font-weight: bold;
	}
	#copyright {
		font-size: 85%;
		padding: 5px;
		width: 1000px;
		margin: auto;
	}

}