@charset "UTF-8";
/* CSS Document */

#panorama {
	display:block;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
	position:relative;
	width:950px;
	height:300px;
	margin-top:10px;
}
	
	#panorama > .box {
		display:block;
		box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
		position:relative;
		float:left;
		width:300px;
		height:300px;
		overflow:hidden;
		opacity:0.5;
		cursor:pointer;
		transition:width .5s ease;
			-webkit-transition:width .5s ease;
			-moz-transition:width .5s ease;
			-ms-transition:width .5s ease;
			-o-transition:width .5s ease;
	}
	
		#panorama > .box:hover, #panorama > .box.active {opacity:1.0;}
	
	#panorama-studio {margin:0px 10px 0px 0px;}
	#panorama-control {margin:0px;}
		
		#panorama > .box.active {
			width:640px;
			cursor:default;
		}
		
		.panorama-element {
			position:relative;
		}
		
		#panorama-studio .panorama-element {right:-250px;}
		#panorama-control .panorama-element {left:-250px;}
			
			.panorama-element img {
				position:absolute;
				height:300px;
				width:1000px;
			}
			
				#panorama-studio .panorama-element img:nth-of-type(1) {right:-1000px;}
				#panorama-studio .panorama-element img:nth-of-type(2) {right:0px;}
				#panorama-studio .panorama-element img:nth-of-type(3) {right:1000px;}
				
				#panorama-control .panorama-element img:nth-of-type(1) {left:-1000px;}
				#panorama-control .panorama-element img:nth-of-type(2) {left:0px;}
				#panorama-control .panorama-element img:nth-of-type(3) {left:1000px;}
		
		.panorama-title {
			display:block;
			position:absolute;
			width:100px;
			height:300px;
		}
		
			#panorama-studio .panorama-title {left:0px;}
			#panorama-control .panorama-title {right:0px;}
		
		#panorama > .box > .frame {
			display:block;
			box-sizing:border-box;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-o-box-sizing:border-box;
			position:absolute;
			float:left;
			top:0px;
			bottom:0px;
			border:1px solid rgba(0, 0, 0, 0.5);
			z-index:5;
		}
	
		#panorama-studio > .frame {left:100px; right:0px;}
		#panorama-control > .frame {left:0px; right:100px;}
		
			#panorama > .box > .frame > .screen {
				display:block;
				position:absolute;
				top:0px;
				bottom:0px;
				left:0px;
				right:0px;
				background:url(../image/tone/stripe.png) repeat;
				opacity:1.0;
				transition:opacity 1s ease;
					-webkit-transition:opacity 1s ease;
					-moz-transition:opaciy 1s ease;
					-ms-transition:opaciy 1s ease;
					-o-transition:opaciy 1s ease;
			}
			
				#panorama > .box.active > .frame > .screen {opacity:0;}

#dimension {
	position:relative;
	float:left;
	width:300px;
	margin:25px 10px 0px 0px;
}

	#dimension > .label {
		width:100%;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#dimension > .label h1 {
			font-size:30px;
			font-weight:normal;
			margin:0px;
		}
		
		#dimension > .label h2 {
			font-size:16px;
			font-weight:normal;
			margin:0px;
			color:rgba(179, 113, 148, 1.0);
		}
		
			#dimension > .label h2 span {opacity:0.75;}

	#dimension > .box {
		box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-o-box-sizing:border-box;
		position:relative;
		width:100%;
		margin-top:5px;
		padding:25px;
		/*color:rgba(0, 0, 0, 0.75);*/
		color:rgba(255, 255, 255, 1.0);
		text-align:justify;
		line-height:18px;
		/*font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:1px solid rgba(0, 0, 0, 0.125);
		background:rgba(179, 113, 148, 1.0);
	}
	
		#dimension > .box p:first-of-type {margin-top:0px;}
		#dimension > .box p:first-of-type {margin-bottom:0px;}

#equipment {
	position:relative;
	float:right;
	width:640px;
}

	#equipment > .box {
		position:relative;
		padding:10px;
		margin-top:10px;
		border:1px solid rgba(0, 0, 0, 0.5);
	}
	
			#equipment > .box::after {
				content:"";
				display:block;
				clear:both;
			}
		
		/*#equipment > .label {
			position:absolute;
			right:-20px;
			top:50%;
			width:200px;
			height:30px;
			margin:-15px -100px 0px 0px;
			text-align:center;
			line-height:30px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:24px;
			opacity:0.25;
			transform:rotate(90deg);
				-webkit-transform:rotate(90deg);
				-moz-transform:rotate(90deg);
				-ms-transform:rotate(90deg);
				-o-transform:rotate(90deg);
			transition:opacity 1s ease;
				-webkit-transition:opacity 1s ease;
				-moz-transition:opacity 1s ease;
		}
		
			#equipment > .label:hover {opacity:0.5;}*/
		
		.equipment-graphic {
			display:block;
			box-sizing:border-box;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-o-box-sizing:border-box;
			float:left;
			width:200px;
			height:200px;
			margin-right:10px;
			/*border:1px solid rgba(0, 0, 0, 0.5);
			background:rgba(0, 0, 0, 0.1);*/
		}
		
		#equipment > .box > .label {
			float:left;
			clear:left;
			width:200px;
			margin:10px 10px 0px 0px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
		}
		
			#equipment > .box > .label h1 {
				font-size:26px;
				font-weight:normal;
				margin:0px;
				opacity:0.75;
			}
			
			#equipment > .box > .label h2 {
				font-size:16px;
				font-weight:normal;
				margin:0px;
				color:rgba(179, 113, 148, 1.0);
			}
			
				#equipment > .box > .label h2 span {opacity:0.75;}
			
		.equipment-list {
			display:block;
			position:relative;
			float:right;
			width:408px;
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
			.equipment-list dt {
				position:relative;
				margin-top:10px;
				font-family:Arial, Helvetica, sans-serif;
			}
				
				.equipment-list dt:first-of-type {margin:0px;}
				
				.equipment-list dt.extra {cursor:pointer;}
			
				.equipment-list dt h1 {
					font-size:18px;
					font-weight:normal;
					margin:0px;
					opacity:0.75;
				}
				
					.equipment-list dt h1.new::after {
						content:"NEW";
						display:inline;
						margin-left:5px;
						font-size:12px;
						vertical-align:super;
						color:rgba(102, 144, 0, 1.0);
					}
				
				.equipment-list dt h2 {
					font-size:14px;
					font-weight:normal;
					margin:0px;
					opacity:0.5;
				}
				
					.equipment-quantity {
						opacity:0.5;
					}
					
							.equipment-quantity::before {
								content:"× ";
								display:inline;
								opacity:0.5;
							}
			
			.equipment-list dd {
				display:none;
				position:relative;
				color:rgba(0, 0, 0, 0.5);
				font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
				font-size:14px;
				margin:10px 15px 0px 20px;
			}
			
				.equipment-list dt.active + dd {display:block;}
			
					.equipment-list dd::before {
						content:"";
						display:block;
						position:absolute;
						left:-15px;
						top:0px;
						width:0px;
						height:100px;
						border-left:1px solid rgba(0, 0, 0, 0.125);
					}
			
					.equipment-list dd::after {
						content:"";
						display:block;
						clear:both;
						width:250px;
						height:10px;
						margin:0px auto;
						border-bottom:1px solid rgba(0, 0, 0, 0.25);
					}
			
						.equipment-list dt:last-of-type + dd::after {height:0px; border:none;}
			
				.equipment-photo {
					display:block;
					box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						-o-box-sizing:border-box;
					float:left;
					width:100px;
					height:100px;
					margin:0px 10px 5px 0px;
					border:1px solid rgba(0, 0, 0, 0.5);
					background:rgba(0, 0, 0, 0.1);
				}
				
					.equipment-list dd p:first-of-type {margin-top:0px; padding-top:0px;}
					.equipment-list dd p:last-of-type {margin-bottom:0px; padding-bottom:0px;}
					
				.equipment-link {
					float:right;
					margin-top:5px;
					color:rgba(0, 102, 144, 1.0) !important;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					opacity:0.75;
				}
				
					.equipment-link:hover {opacity:1.0;}
					
					.equipment-link span {opacity:0.5;}