@charset "utf-8";

/*imgzoom*/

a img.zoom,
a img.zoomL{
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	filter:alpha(opacity=100);
 	}
a:hover img.zoom,
a:hover img.zoomL{
	filter:alpha(opacity=80);
 	}

a:hover img.zoom {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	}

a:hover img.zoomL {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
	}	

/*imgfade*/
a img.fade{
	opacity:1;
	-ms-filter: "alpha( opacity=100 )";
filter: alpha( opacity=100 );
}
a:hover img.fade{
	opacity:0.8;
	-ms-filter: "alpha( opacity=80 )";
filter: alpha( opacity=80 );
	}

@-webkit-keyframes fadeanimation {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeanimation　{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

ul#photobox li{
	overflow:hidden;
	-webkit-animation: 'fadeanimation' 0.5s linear;
	animation: 'fadeanimation' 0.5s linear;
	}



/*button*/


.header .gnav li a.button::before,
.header .gnav li a.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.header .gnav li a.button,
.header .gnav li a.button::before,
.header .gnav li a.button::after {
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
}

.header .gnav li a.button {
	position: relative;
	z-index: 2;
	color: #333;
	overflow: hidden;
	display:inline-block;
	height: 60px;
	text-align: center;
	width:99px;
	background:none;
	border-radius:0;
}
.header .gnav li a.button:hover {
	background-color:#0093CA \9;/* IE8以下 */
	color: #fff;
}
.header .gnav li a.button::after {
	top: 100%;
	left:0;
	width: 100%;
	height: 60px;
}
.header .gnav li a.button:hover::after {
	top: 0;
	left:0;
	background-color:#0093CA; 
}
.header .gnav li a.button:hover {
	height:38px \9;/* IE8以下 */
}
.header .gnav li a.button.comm:hover {
	height:47px \9;/* IE8以下 */
}
.header .gnav li a.button{
}

/*img_y_move*/

.moveimg{
	-webkit-animation: 'movey' 3s linear 1 forwards;
	animation: 'movey' 3s linear 1 forwards;
	}

@-webkit-keyframes movey {
	0% {-webkit-transform: translate(0,0);}
	100% {-webkit-transform: translate(0,-50px);
	}
}


/*side lNavi*/

#lNavi {
	padding: 0;
	margin-bottom: 13px;
}
	#lNavi ul {
	margin-bottom: 10px;
	}
		#lNavi ul li {
			margin-bottom:1px;
			padding: 0;
			cursor: pointer;
			*zoom: 1;
			line-height:0;
			vertical-align:bottom;
		}
			#lNavi ul li p {
				*zoom: 1;
				position: relative;
				width:180x \9;/* IE8以下 */
				}
			
#lNavi ul li p a,
#lNavi ul li p a::before,
#lNavi ul li p a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:all 0.4s;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition:all 0.4s ease;
}
				#lNavi ul li p a {
					position: relative;
					z-index: 2;
					border-left:solid 10px #ededed;
					background:#0092CA;
					background:#d7d7d7 \9;/* IE8以下 */
					padding: 16px 18px;
					color: #333;
					text-decoration: none;
					display: inline-block;
					display: block \9;/* IE8以下 */
					line-height: 1.2;
					font-size: 117%;
					zoom: 1;
					width:100%;
					width:auto \9;/* IE8以下 */
				}
				#lNavi ul li p.current a,
				#lNavi ul li p.parent a{
					border-left:solid 10px #4AB2D9;
					color: #fff;
					background:#0092CA \9;/* IE8以下 */
				}
				#lNavi ul li p a:hover,
				#lNavi ul li p.hover a{
					border-left:solid 10px #4AB2D9;
					color: #fff;
					background:#0092CA \9;/* IE8以下 */
				}
				#lNavi ul li p a::before,
				#lNavi ul li p a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
					top: 0;
					right: 0;
					width: 100%;
					height: 100%;
					background:#d7d7d7;
				}
				#lNavi ul li p.current a::before, #lNavi ul li p.current a::after,
				#lNavi ul li p.parent a::before, #lNavi ul li p.parent a::after,
				#lNavi ul li p a:hover::before, #lNavi ul li p a:hover::after {
					width: 0;
					height:100%;
					background:#d7d7d7;
				}

				
				#lNavi ul li p span {
					background: url(/common/img/bg_lnavi_balloon01_re.png) right center no-repeat;
					width: 11px;
					height: 21px;
					position: absolute;
					right: -11px;
					top: 30%;
					display: none;
				}
				* html #lNavi ul li p span {
					right: -13px;
				}
				#lNavi ul li p.current span {
					display: block;
				}
				#lNavi ul li ul {
					background: #eaeaea;
					border-top: solid 1px #fff;
					margin: 0;
				}
					#lNavi ul li ul li {
						margin-bottom:0;
						border-left:none;
						*zoom: 1;
						line-height:0;
						vertical-align:bottom;
					}
						#lNavi ul li ul li p {
						}
							#lNavi ul li ul li p a {
								background: #A3D2E4;
								background: #eaeaea \9;/* IE8以下 */
								padding: 11px 13px 11px 39px;
								margin-left: 0;
								border:none;
								font-size: 100%;
								color:#444;
								*zoom: 1;
							}
							#lNavi ul li ul li p a,
							#lNavi ul li ul li p a::before,
							#lNavi ul li ul li p a::after {
							}
							#lNavi ul li ul li p a:hover,
							#lNavi ul li ul li p.current a,
							#lNavi ul li ul li p.parent a {
								border:none;
								color: #006396;
								background: #A3D2E4 \9;/* IE8以下 */
							}
							#lNavi ul li ul li p a::before, #lNavi ul li ul li p a::after,
							#lNavi ul li ul li p.current a::before, #lNavi ul li ul li p.current a::after,
							#lNavi ul li ul li p.parent a::before, #lNavi ul li ul li p.parent a::after {
								background: #eaeaea;
								border:none;
								/*width:100%;*/
							}
							#lNavi ul li ul li p span {
								background: url(/common/img/ico_lnavi_arrow01_no_re.png) center center no-repeat;
								width: 10px;
								height: 10px;
								position: absolute;
								left: 23px;
								top: 50%;
								margin-top:-5px;
								display: block;
								z-index:5;
							}
			#lNavi ul li ul li p.hover,
			#lNavi ul li ul li p.current,
			#lNavi ul li ul li p.parent{
				margin-left:0;
			}


					#lNavi ul li ul li ul {
						background: #f5f5f5;
					}
							#lNavi ul li ul li ul li p a,
							#lNavi ul li ul li ul li p a::before,
							#lNavi ul li ul li ul li p a::after {
							}
							#lNavi ul li ul li ul li p a {
								background: #C6E3EE;
								background: #f5f5f5 \9;/* IE8以下 */
								padding: 7px 13px 7px 49px;
								margin-left: 0;
								border:none;
								font-size: 100%;
								color:#444;
								*zoom: 1;
							}
							#lNavi ul li ul li ul li p a:hover,
							#lNavi ul li ul li ul li p.current a,
							#lNavi ul li ul li ul li p.parent a {
								border:none;
								color: #006396;
								background: #C6E3EE \9;/* IE8以下 */
							}
							#lNavi ul li ul li ul li p a::before, #lNavi ul li ul li ul li p a::after,
							#lNavi ul li ul li ul li p a:hover::before, #lNavi ul li ul li ul li p a:hover::after {
								background: #f5f5f5;
								border:none;
							}
							#lNavi ul li ul li ul li p span {
								background: url(/common/img/ico_lnavi_arrow03_no_re.png) center center no-repeat;
								width: 10px;
								height: 10px;
								position: absolute;
								left: 31px;
								top: 50%;
								margin-top:-5px;
								display: block;
								z-index:5;
							}