@charset "utf-8";

/* ========================================================================================================================/
	
	Document :style.css

/======================================================================================================================== */

.hide { display:none; }

.tickercontainer {
	position:relative;
	left:50%;
	width:1920px;
	margin:0 0 0 -960px;
	}
.tickercontainer .mask {
	position:relative;
	overflow:hidden;
	}

.g_submit,
.g_d_submit {
	position:static !important;
	display:block;
	clear:both;
	width:100%;
	text-align:center !important;
	margin:20px auto 0 auto;
	}
	.g_submit a,
	.g_d_submit a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#ffffff;
		font-size:15px;
		text-align:center;
		text-decoration:none;
		line-height:40px;
		box-sizing:border-box;
		background:#232323;
		border:solid 1px #232323 !important;
		margin:0 auto !important;
		padding:0 30px;
		cursor:pointer;
		}
	.g_submit a:hover,
	.g_d_submit a:hover {
		color:#232323;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 1px #232323 !important;
		}

.gallery_detail {
	width:1080px;
	margin:50px auto;
	}
	.gallery_detail ul {
		list-style:none;
		}
		.gallery_detail ul li {
			float:left;
			margin:0 20px 20px 0;
			}
		.gallery_detail ul li:nth-of-type(5n) {
			margin:0 0 20px 0;
			}

.fixed {
	position:fixed;
	top:50px;
	right:0;
	z-index:9999;
}

.fixed .topics a {
	width:42px;
	height:165px;
	background-image:url("image/layout/blog.png");
	color:#ffffff;
	display:block;
	transition:0.2s;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}

.fixed .topics a:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0);
	transition:0.2s;
}

.fixed .topics a:hover:after {
	background:rgba(255,255,255,0.2);
}

/* ------------------------------------------------------------------------------------------------------------------------/
	p1
/------------------------------------------------------------------------------------------------------------------------ */

#p1 {
	width:100%;
	height:800px;
	background:#ffffff url("./image/contents/p1/bg.jpg?v=3") center top no-repeat;
	margin:0;
	padding:0;
	}
	#p1 .inner {
		position:relative;
		width:1100px;
		height:800px;
		box-sizing:border-box;
		margin:0 auto;
		padding:0;
		}
		#p1 .inner h2 {
			position:absolute;
			top:25px;
			left:-54px;
			}
		#p1 .inner .theme {
			position:absolute;
			top:26px;
			right:-46px;
			}

		#p1 .inner .anime_box {
			position:absolute;
			top:-32px;
			left:236px;
			width:572px;
			height:363px;
			}
			#p1 .inner .anime_box img {
				position:absolute;
				}
			#p1 .inner .anime_box .anime_s { top:0; left:40px; cursor:pointer; }
			#p1 .inner .anime_box .anime01 { top:0; left:40px; }
			#p1 .inner .anime_box .anime02 { top:102px; left:40px; }
			#p1 .inner .anime_box .anime_r { top:100px; left:40px; }

		#p1 .inner ul.image {
			position:absolute;
			top:402px;
			left:0;
			width:244px;
			height:166px;
			list-style:none;
			}
			#p1 .inner ul.image li:nth-of-type(1) { float:left; }
			#p1 .inner ul.image li:nth-of-type(2) { float:right; }
		#p1 .inner p {
			position:absolute;
			top:402px;
			left:274px;
			text-align:left;
			}
		#p1 .inner .gallery {
			position:absolute !important;
			top:596px !important;
			width:1100px;
			}
			#p1 .inner .gallery ul {
				list-style:none;
				}
				#p1 .inner .gallery ul li {
					float:left;
					}


/* ------------------------------------------------------------------------------------------------------------------------/
	p2
/------------------------------------------------------------------------------------------------------------------------ */

#p2 {
	width:100%;
	height:800px;
	background:#ffffff url("./image/contents/p2/bg.jpg?v=3") center top no-repeat;
	margin:0;
	padding:0;
	}
	#p2 .inner {
		position:relative;
		width:1100px;
		height:800px;
		box-sizing:border-box;
		margin:0 auto;
		padding:0;
		}
		#p2 .inner h2 {
			position:absolute;
			top:43px;
			left:-42px;
			}
		#p2 .inner .theme {
			position:absolute;
			top:44px;
			right:-45px;
			}

		#p2 .inner .anime_box {
			position:absolute;
			top:31px;
			left:200px;
			width:676px;
			height:317px;
			}
			#p2 .inner .anime_box img {
				position:absolute;
				}
			#p2 .inner .anime_box .anime_s { top:22px; left:2px; cursor:pointer; }
			#p2 .inner .anime_box .anime01 { top:22px; left:2px; }
			#p2 .inner .anime_box .anime02 { top:74px; left:2px; }
			#p2 .inner .anime_box .anime_r { top:9px; left:0; }
			#p2 .inner .anime_box .throwing01 { top:150px; left:1920px; }
			#p2 .inner .anime_box .throwing02 { top:20px; left:190px; }

		#p2 .inner ul.image {
			position:absolute;
			top:405px;
			left:0;
			width:114px;
			height:162px;
			list-style:none;
			}
		#p2 .inner p {
			position:absolute;
			top:405px;
			left:144px;
			text-align:left;
			}
		#p2 .inner .gallery {
			position:absolute !important;
			top:596px !important;
			width:1100px;
			}
			#p2 .inner .gallery ul {
				list-style:none;
				}
				#p2 .inner .gallery ul li {
					float:left;
					}


/* ------------------------------------------------------------------------------------------------------------------------/
	p3
/------------------------------------------------------------------------------------------------------------------------ */

#p3 {
	width:100%;
	height:800px;
	background:#ffffff url("./image/contents/p3/bg.jpg?v=3") center top no-repeat;
	margin:0;
	padding:0;
	}
	#p3 .inner {
		position:relative;
		width:1100px;
		height:800px;
		box-sizing:border-box;
		margin:0 auto;
		padding:0;
		}
		#p3 .inner h2 {
			position:absolute;
			top:49px;
			left:-45px;
			}
		#p3 .inner .theme {
			position:absolute;
			top:53px;
			right:-42px;
			}

		#p3 .inner .anime_box {
			position:absolute;
			top:0;
			left:392px;
			width:321px;
			height:402px;
			}
			#p3 .inner .anime_box img {
				position:absolute;
				}
			#p3 .inner .anime_box .base01 { top:210px; left:-400px; }
			#p3 .inner .anime_box .base02 { top:200px; left:-400px; }
			#p3 .inner .anime_box .anime_s { top:85px; left:67px; cursor:pointer; }
			#p3 .inner .anime_box .anime01 { top:85px; left:67px; }
			#p3 .inner .anime_box .anime02 { top:85px; left:66px; }
			#p3 .inner .anime_box .anime03 { top:85px; left:67px; }
			#p3 .inner .anime_box .anime04 { top:85px; left:0; }
			#p3 .inner .anime_box .anime_r { top:-20px; left:67px; }

		#p3 .inner ul.image {
			position:absolute;
			top:403px;
			left:0;
			width:115px;
			height:163px;
			list-style:none;
			}
		#p3 .inner p {
			position:absolute;
			top:403px;
			left:145px;
			text-align:left;
			}
		#p3 .inner .gallery {
			position:absolute !important;
			top:596px !important;
			width:1100px;
			}
			#p3 .inner .gallery ul {
				list-style:none;
				}
				#p3 .inner .gallery ul li {
					float:left;
					}


/* ------------------------------------------------------------------------------------------------------------------------/
	p4
/------------------------------------------------------------------------------------------------------------------------ */

#p4 {
	width:100%;
	height:1592px;
	background:#ffffff url("./image/contents/p4/bg.jpg?v=3") center top no-repeat;
	margin:0;
	padding:0;
	}
	#p4 .inner {
		position:relative;
		width:1100px;
		height:1592px;
		box-sizing:border-box;
		margin:0 auto;
		padding:0;
		}
		#p4 .inner h2 {
			position:absolute;
			top:50px;
			left:-44px;
			}
		#p4 .inner h3.subject02 {
			position:absolute;
			top:396px;
			left:143px;
			}
		#p4 .inner h3.subject03 {
			position:absolute;
			top:784px;
			left:174px;
			}
		#p4 .inner h3.subject04 {
			position:absolute;
			top:1161px;
			left:233px;
			}
		#p4 .inner .theme {
			position:absolute;
			top:51px;
			right:-56px;
			}

		#p4 .inner .anime_box {
			position:absolute;
			top:60px;
			left:521px;
			width:433px;
			height:331px;
			}
			#p4 .inner .anime_box img {
				position:absolute;
				}
			#p4 .inner .anime_box .anime_s { top:0; left:0; cursor:pointer; }
			#p4 .inner .anime_box .anime01 { top:0; left:0; }
			#p4 .inner .anime_box .anime02 { top:84px; left:42px; }
			#p4 .inner .anime_box .anime_r { top:17px; left:42px; }

		#p4 .inner ul.image {
			position:absolute;
			top:408px;
			left:0;
			width:115px;
			height:163px;
			list-style:none;
			}
		#p4 .inner p.text02 {
			position:absolute;
			top:438px;
			left:364px;
			text-align:left;
			}
		#p4 .inner p.text03 {
			position:absolute;
			top:861px;
			left:472px;
			text-align:left;
			}
		#p4 .inner p.text04 {
			position:absolute;
			top:1233px;
			left:492px;
			text-align:left;
			}
		#p4 .inner .text02+.gallery {
			position:absolute !important;
			top:603px !important;
			width:1100px;
			}
		#p4 .inner .text03+.gallery {
			position:absolute !important;
			top:983px !important;
			width:1100px;
			}
		#p4 .inner .text04+.gallery {
			position:absolute !important;
			top:1387px !important;
			width:1100px;
			}
			#p4 .inner .gallery ul {
				list-style:none;
				}
				#p4 .inner .gallery ul li {
					float:left;
					}


/* ------------------------------------------------------------------------------------------------------------------------/
	p5
/------------------------------------------------------------------------------------------------------------------------ */

#p5 {
	width:100%;
	height:500px;
	background:#ffffff url("./image/contents/p5/bg.jpg?v=3") center top no-repeat;
	margin:0;
	padding:0;
	}
	#p5 .inner {
		position:relative;
		width:1100px;
		height:500px;
		box-sizing:border-box;
		margin:0 auto;
		padding:0;
		}
		#p5 .inner h2 {
			position:absolute;
			top:50px;
			left:-54px;
			}

		#p5 .inner .anime_box {
			position:absolute;
			top:85px;
			right:45px;
			width:257px;
			height:327px;
			z-index:555;
			}
			#p5 .inner .anime_box img {
				position:absolute;
				}
			#p5 .inner .anime_box .anime_s { top:0; left:0; cursor:pointer; }
			#p5 .inner .anime_box .anime01 { top:0; left:0; }
			#p5 .inner .anime_box .anime_r01 { top:30px; left:20px; }
			#p5 .inner .anime_box .anime_r02 { top:-30px; left:-25px; }

		#p5 .inner p {
			position:absolute;
			top:242.5px;
			right:0;
			left:0;
			margin:0 auto;
			z-index:333;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
	p6
/------------------------------------------------------------------------------------------------------------------------ */

#p6 {
	width:100%;
	background:#ffffff url("./image/contents/p6/bg.jpg?v=3") center top no-repeat;
	margin:0;
	padding:0 0 75px 0;
	}
	#p6 .inner {
		position:relative;
		width:1100px;
		box-sizing:border-box;
		margin:0 auto;
		padding:370px 0 0 0;
		}
		#p6 .inner h2 {
			position:absolute;
			top:49px;
			left:-45px;
			}
		#p6 .inner h3 {
			font-size:24px;
			box-sizing:border-box;
			color:#fff000;
			background:#221815;
			padding:0.75em 0;
			letter-spacing:.1ex;
			margin-top:40px;
			margin-bottom:20px;
			}
		#p6 .inner h4 {
			font-size:17px;
			line-height:40px;
			box-sizing:border-box;
			background:#efefef;
			border:solid 1px #cccccc;
			margin-bottom:20px;
			}
		#p6 .inner .theme {
			position:absolute;
			top:53px;
			right:-42px;
			}

		#p6 .inner .anime_box {
			position:absolute;
			top:72px;
			left:350px;
			width:575px;
			height:283px;
			}
			#p6 .inner .anime_box img {
				position:absolute;
				}
			#p6 .inner .anime_box .anime_s { top:46px; left:403px; cursor:pointer; }
			#p6 .inner .anime_box .anime01 { top:46px; left:403px; }
			#p6 .inner .anime_box .anime02 { top:59px; left:161px; }
			#p6 .inner .anime_box .anime_r1 { top:1px; left:288px; }
			#p6 .inner .anime_box .anime_r2 { top:-27px; left:288px; }
			#p6 .inner .anime_box .anime_p { top:101px; left:147px; }

		#p6 .inner table {
			width:100%;
			background:#ffffff;
			border-collapse:collapse;
			border:solid 1px #cccccc;
			margin-bottom:60px;
			}
			#p6 .inner table th,
			#p6 .inner table td {
				border-collapse:collapse;
				border:solid 1px #cccccc;
				padding:10px 20px;
				}
			#p6 .inner table th {
				background:#efefef;
				}
				
			#p6 .inner .map {	
				width:100%;
				height:420px;
				margin-bottom:40px;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
	p7
/------------------------------------------------------------------------------------------------------------------------ */

#p7 {
	width:100%;
	background:#ffffff url("./image/contents/p7/bg.jpg?v=3") center top repeat-y;
	margin:0;
	padding:0 0 75px 0;
	}
	#p7 .inner {
		position:relative;
		width:1100px;
		box-sizing:border-box;
		margin:0 auto;
		padding:400px 0 0 0;
		}
		#p7 .inner h2 {
			position:absolute;
			top:53px;
			left:-49px;
			}
		#p7 .inner h3 {
			font-size:17px;
			line-height:40px;
			box-sizing:border-box;
			background:#efefef;
			border:solid 1px #cccccc;
			margin:40px 0 20px 0;
			}
		#p7 .inner .theme {
			position:absolute;
			top:50px;
			right:-42px;
			}

		#p7 .inner .anime_box {
			position:absolute;
			top:67px;
			left:226px;
			width:473px;
			height:309px;
			}
			#p7 .inner .anime_box img {
				position:absolute;
				}
			#p7 .inner .anime_box .anime_s { top:37px; left:309px; cursor:pointer; }
			#p7 .inner .anime_box .anime01 { top:37px; left:309px; }
			#p7 .inner .anime_box .anime02 { top:94px; left:296px; }
			#p7 .inner .anime_box .anime_r { top:20px; left:301px; }
			#p7 .inner .anime_box .throwing { top:90px; left:268px; }
			#p7 .inner .anime_box .poster { top:90px; left:-190px; }

		#p7 .inner ul.image {
			position:absolute;
			top:230px;
			right:0;
			width:114px;
			height:161px;
			list-style:none;
			}

		#p7 .inner .new-graduate {
      margin-bottom:48px;
			}
    #p7 .inner .new-graduate img {
      transition:.2s all;
    }
		#p7 .inner .new-graduate:hover img {
      opacity:0.8;
			}

		#p7 .inner table {
			width:100%;
			background:#ffffff;
			border-collapse:collapse;
			border:solid 1px #cccccc;
			}
			#p7 .inner table th,
			#p7 .inner table td {
				border-collapse:collapse;
				border:solid 1px #cccccc;
				padding:10px 20px;
				}
			#p7 .inner table th {
				background:#efefef;
				}