@charset "utf-8";

/**************************************************
 @ TOP
 - ALL
 - 1.CONTENT
 ---1-1.KEYVISUAL
 ---1-2.EVENT
 ---1-3.SPECIAL CONTENTS
 ---1-4.STORE
 ---1-5.OTHER
**************************************************/

body {
}


/*************************************************
 @TOP - 1.CONTENT
----------------------------------------------- */

/*----------------------------
----------------- KEYVISUAL */

.bx-wrapper {
	position: relative;
	text-align: center;
	margin: 0 auto 0;
	background: url(../images/top/ornament4.png) 50% 0 no-repeat;
}

	.bx-wrapper .bx-viewport {
		width: 980px !important;
		margin: -30px auto 0;
		background-color: #eeeee9;
	}

	.bx-wrapper p {
		left: 0;
		z-index: 0 !important;
	}
	
	.bx-wrapper .bx-pager {
		position: absolute;
		text-align: center;
		width: 980px;
		z-index: 9999;
		top: 356px;
		left: 50%;
		margin-left: -490px;
	}
	
	.bx-wrapper .bx-pager .bx-pager-item {
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}
		
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		z-index: 9999;
	}
		
	.bx-pager .bx-pager-link {
		width: 10px;
		height: 10px;
		float: left;
		display: block;
		margin: 0 0 0 10px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background: url(../images/top/pager1.png) left 50% no-repeat;
	}

	.bx-pager .active {
		background: url(../images/top/pager2.png) left 50% no-repeat;
	}


#keyoption {
	top: -410px;
	width: 980px;
	margin: 0 0 0 -1px;
 	position: relative;
}

	#keyoption .frame1 {
		top: -13px;
		position: absolute;
	}

	#keyoption .frame2 {
		top: 45px;
		left: 0;
		position: absolute;
	}

	#keyoption .frame3 {
		top: 45px;
		right: 0;
		position: absolute;
	}

	#keyoption .frame4 {
		left: 0;
		top: 272px;
		position: absolute;
	}


	/*------------------------
	----------------- EVENT */
	#container #event {
		margin: 0 0 50px;
		padding: 0 0 60px;
		background: url(../images/top/section1_bg2.png) 110px bottom no-repeat;
	}

		#event h2 {
			margin: 0 0 20px;
			padding: 55px 0 10px;
			text-align: center;
			background: url(../images/top/section_bg1.png) center top no-repeat;
		}

			#event h2 + p {
				margin: 0 40px 40px;
				text-align: right;
			}

		#event article {
			float: left;
			width: 155px;
			margin: 0 0 0 42px;
			text-align: center;
		}

		#event article:first-child {
			margin: 0 0 0 20px;
		}

			#event article time {
				color: #fff;
				width: 130px;
				margin: 0 auto 10px;
				display: block;
				font-size: 84%;
				text-align: center;
				font-weight: bold;
				background-color: #27b9d3;
			}

			#event article img {
				margin: 0 auto 10px;
				border: 1px solid #ccc;
			}

			#event article dl {
				text-align: left;
			}

				#event article dl dt a {
					color: #de1758;
					margin: 0 0 10px;
					font-weight: bold;
				}


	/*-----------------------------------
	----------------- SPECIAL CONTENTS */
	#container #spcontents {
	}

		#spcontents h2 {
			margin: 0 0 20px;
			padding: 25px 0 20px;
			text-align: center;
			background: url(../images/top/section_bg2.png) center top no-repeat;
		}

		#spcontents div {
			float: left;
			width: 230px;
			margin-left: 20px;
 		}

		#spcontents h2 + div {
			margin-left: 0px;
 		}

			#spcontents h3 {
				color: #de1758;
				margin: 0 0 10px;
				font-weight: bold;
				white-space: nowrap;
			}

				#spcontents h3 img {
					float: left;
					margin: 0 5px 0 0;
					vertical-align: middle;
				}

		#spcontents div {
			float: left;
			width: 230px;
			margin-left: 20px;
 		}

		#spcontents h2 + div {
			margin-left: 0px;
 		}

			#spcontents div:nth-child(3),
			#spcontents div:nth-child(5)  {
				margin-top: 55px;
			}

			#spcontents div:nth-child(2) h3 img ,
			#spcontents div:nth-child(5) h3 img {
				float: none;
			}

			#spcontents dl img {
				-webkit-box-shadow: 0 6px 6px -6px #777;
				-moz-box-shadow: 0 6px 6px -6px #777;
				box-shadow: 0 6px 6px -6px #777;
			}


		#spcontents dt {
			margin: 0 0 10px;
		}


	/*------------------------
	----------------- STORE */
	#container #store {
		margin: 0 0 50px;
	}

		#store h2 {
			margin: 0 0 20px;
			padding: 155px 0 60px;
			text-align: center;
			background: url(../images/top/section_bg3.png) center top no-repeat;
		}

		#store h3 {
			color: #de1758;
			margin: 0 0 10px;
			font-weight: bold;
			white-space: nowrap;
		}

			#store h3 img {
				margin: 0 5px 0 0;
				vertical-align: middle;
			}

		#store div {
			float: left;
			width: 230px;
			margin-left: 80px;
 		}

		#store dt {
			margin: 0 0 10px;
		}

		#store dl img {
			-webkit-box-shadow: 0 6px 6px -6px #777;
			-moz-box-shadow: 0 6px 6px -6px #777;
			box-shadow: 0 6px 6px -6px #777;
		}

	/*------------------------
	----------------- OTHER */
	#container #other {
		margin: 0 0 50px;
	}

		/*------- ACCESS */
		#other #access {
			width: 540px;
			float: left;
			margin: 30px 0 0;
			padding: 0 0 95px;
			background: url(../images/top/access_btm.png) center bottom no-repeat;
		}

			#other #access h3 {
				padding: 65px 0 0 12px;
				background: url(../images/top/access_top.png) center top no-repeat;
			}

			#other #access > div {
				margin: -30px 0 0;
				padding: 30px 0 5px;
				background: url(../images/top/access_mid.png) center top repeat-y;
			}

				#other #access #gmap {
					width: 500px;
					height: 320px;
					margin: 0 auto 15px;
					border: 1px solid #b09218;
				}

				#other #access dl {
					width: 420px;
					margin: 0 auto;
					padding: 15px 30px;
					border: 1px solid #caa616;
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					background-color: #fff;
				}

					#other #access dl:nth-child(2) dt {
						color: #fff;
						width: 80px;
						float: left;
						margin: 0 0 15px;
						text-align: center;
						background-color: #32b9b4;
					}

					#other #access dl:nth-child(2) dt:nth-child(3) {
						background-color: #e3389c;
					}

						#other #access dl:nth-child(2) dd {
							margin: 0 0 15px 90px;
						}

						#other #access dl:nth-child(2) dd:last-child {
							margin-bottom: 0px;
						}


		/*------- SOCIAL */
		#other .social {
			width: 356px;
			float: right;
		}

			/*------- INFORMATION */
			#other #information {
				width: 335px;
				margin: 0 0 40px 10px;
				padding: 110px 0 0;
				background: url(../images/top/infomation_bg.png) 0 0 no-repeat;
			}

			#other #information h3 {
				margin: 0 0 0 -10px;
			}

			#other #information .scwrap {
				width: 310px;
				height: 205px;
				margin: -20px 0 25px 11px;
				border: 1px solid #ddd;
				z-index: 2;
				position: relative;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				background-color: rgba(255, 255, 255, 0.6);
			}

				#other #information .scwrap .thumb {
					background-color: #de1758;
				}

				#other #information article {
					margin: 0 0 0 5px;
					padding: 10px 5px 10px 10px;
					border-bottom: 1px dotted #999;
				}

					#other #information article time {
						color: #de1758;
						margin: 0 0 10px;
					}

					#other #information article a {
						text-decoration: underline;
					}

					#other #information article a:hover {
						text-decoration: none;
					}

				#other #information > div + p {
					text-align: center;
				}


			/*------- BLOG */
			#other #blog {
				width: 335px;
				margin: 0 0 0 10px;
				padding: 5px 0 0 0;
				background: url(../images/top/blog_bg.png) no-repeat;
			}

			#other #blog h3 {
				margin: 0 13px 10px 0;
				text-align: right;
			}

			#other #blog .scwrap {
				width: 310px;
				height: 220px;
				margin: 0 0 25px 12px;
				border: 1px solid #ddd;
				z-index: 2;
				position: relative;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				background-color: rgba(255, 255, 255, 0.6);
			}

				#other #blog article {
					margin: 0 5px;
					padding: 10px;
					border-bottom: 1px dotted #999;
				}

					#other #blog article time {
						color: #de1758;
						margin: 0 0 10px;
					}

					#other #blog article a {
						text-decoration: underline;
					}

					#other #blog article a:hover {
						text-decoration: none;
					}

				#other #blog > div + p {
					text-align: center;
				}
				
/*----------------------------
----------------- SCROLLBAR */
.scwrap {
	width: 310px;
}

	.scwrap .viewport {
		width: 293px;
		height: 190px;
		overflow: hidden;
		position: relative;
	}

	.scwrap .overview {
		top: 0;
		left: 0;
		width: 100%;
		position: absolute;
	}

	.scwrap .thumb .end,
	.scwrap .thumb {
		background-color: #999;
	}

	.scwrap .scrollbar {
		float: right;
		width: 5px;
		margin: 10px 5px 0;
		position: relative;
	}

	.scwrap .track {
		width: 5px;
		height: 100%;
		position: relative;
		background-color: #eee;
	}

	.scwrap .thumb {
		top: 0;
		width: 5px;
		overflow: hidden;
		position: absolute;
	}

		.scwrap .thumb .end {
			width: 13px;
			height: 5px;
			overflow: hidden;
		}

	.scwrap .disable{
		display: none;
	}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}