@charset "utf-8";

/* ホーム専用 */

/* jquery.bxslider.jsの初期スタイル */
/*
@import url("../js/bxslider/jquery.bxslider.css");
*/

/* jquery.nivo.slider.jsの初期スタイル */
@import url("../js/nivo-slider/nivo-slider.css");


/*
***********************************************************************************************
ヘッダー
***********************************************************************************************
*/

#wrapper_header{
}

	.viewmode-mobile #wrapper_header{
	}

	#header{
	
	}


/*
***********************************************************************************************
サイト内検索
***********************************************************************************************
*/

	#sitesearch #s{
	}


/*
***********************************************************************************************
ホームのカルーセル（jquery.nivo.slider.js版）
***********************************************************************************************
*/

#wrapper_slider{
	background-color:#ccc;
	background-repeat:repeat-y;
	background-position:center;
	min-width:1050px;
	/*
	max-width:1400px;
	*/
	margin:0px auto 0 auto;
	/*
	width:1100px;
	max-height:380px;
	*/
	z-index:50;
	position:relative;
	padding:0px 0px 0px 0px;

	overflow:hidden;
}

	.viewmode-mobile #wrapper_slider{
		max-height:none;
		min-width:0;
	}

	.slide_all{
		
	/*
		position:absolute;
		margin-top:50%;
		width:100%;
	*/
	}
	
		#slider{
			/*
			margin-right:auto;
			margin-left:auto;
			width:100% !important;
			height:auto !important;
			*/
			padding:5px;
			background-position:center center;
			padding:0px;
			list-style-type:none;
			visibility:hidden;
			margin-left:auto;
			margin-right:auto;
			/*
			max-height:600px;
			*/
			position:relative;
			/*
			width:1100px;
			height:350px;
			*/
			
			overflow:visible;
		}

		.viewmode-mobile #slider{
			width:auto;
			height:auto;
		}

			#slider img{
				max-width:none;
			}

			img.nivo-main-image{
			}

.nivo-directionNav{
	top:50%;
	margin-top:-30px;
	position:absolute;
	z-index:115;
	width:100%;
	
	user-select:none;
}

	.viewmode-mobile .nivo-directionNav{
	}

	.nivo-directionNav a{
		background-position:0px 0px !important;
		background-repeat:no-repeat;
		background-image:none;
		text-indent:0px;
		text-decoration:none;
		width:35px;
		height:35px;
		
		transition:all 0.2s ease;
	}
	
		/* 矢印の飾り */
		.nivo-directionNav a:before{
			/*
			background-color:#111;
			background-color:rgba(0,0,0,0.5);
			*/
			color:#fff;
			content:"\f053";	/* fa-chevron-left */
			display:block;
			font-family:FontAwesome;
			font-size:25px;
			line-height:35px;
			text-align:center;
			
			border-radius:100%;

			text-shadow: 0px 0px 15px rgba(0,0,0,0.5),
			0px 0px 15px rgba(0,0,0,0.5),
			0px 0px 15px rgba(0,0,0,0.5),
			0px 0px 15px rgba(0,0,0,0.5);
		}
		
			.viewmode-mobile .nivo-directionNav a:before{
			}
	
			.viewmode-pc .nivo-directionNav a:hover{
				transform:scale(1.3);
			}
		
				.viewmode-pc .nivo-directionNav a:hover:before{

				}
		
		.nivo-directionNav .nivo-prevNav{
			left:10px;
		}

			.viewmode-mobile .nivo-directionNav .nivo-prevNav{
				left:0px;
			}
			
			.nivo-directionNav .nivo-prevNav:hover{
			}
			
		.nivo-directionNav .nivo-nextNav{
			right:10px;
		}
		
			.viewmode-mobile .nivo-directionNav .nivo-nextNav{
				right:0px;
			}
		
			/* 矢印の飾り */
			.nivo-directionNav .nivo-nextNav:before{
				content:"\f054";	/* fa-chevron-right */
				text-indent:2px;
			}

			
			.nivo-directionNav .nivo-nextNav:hover{
			}

	.nivo-controlNav{
		width:100%;
		z-index:999;
		position:absolute;
		padding:0px;
		bottom:10px;
		text-align:center;
		/*
		display:none;	/＊ デフォルトでは非表示 ＊/
		*/
	}
	
		.nivo-controlNav a{
			display:inline-block;
			width:22px;
			height:22px;
			background-image:url(../img/home/bullets.png);
			background-repeat:no-repeat;
			background-position:0 -22px;
			text-indent:-9999px;
			border:0;
			margin:0px 3px;
		}

			.nivo-controlNav a.active{
				background-position:0 0px;
			}
	
				.nivo-controlNav a.active img{
					border:1px solid #ee0000;
				}

		.nivo-controlNav a.nivo-control img{
			border:1px solid #B6BABE;
			position:static;
			margin-right:10px;
		}
		


	/* キャプション */
	div.nivo-caption{
		display:none !important;
	}



/*
***********************************************************************************************
ホームのカルーセル（jquery.bxslider.js版）（未使用）
***********************************************************************************************
*/

#wrapper_slider9999{
	/*
	background-image:url(../img/home/bg_slider01.png);
	*/
	background-repeat:no-repeat;
	background-position:center;
	
	margin:0px 0px 0px 0px;
	width:100%;
	height:500px;
	overflow:hidden;
}

	.viewmode-mobile #wrapper_slider9999{
		height:auto;
		width:auto;
		padding:0px 0px 0px 0px;
	}


.slide_all9999{ 
	width:960px;
	height:500px;
	margin:0px auto 0px auto;
	position:relative;
}

	.viewmode-mobile .slide_all9999{
		margin-top:0px;
		width:100%;
		height:auto;
	}

.slide_wrap9999{
	width:3300px;
	position:absolute;
	left:50%;
	margin-left:-1650px;
	
}

	.viewmode-mobile .slide_wrap9999{
		width:100%;
		position:static;
		left:auto;
		margin-left:auto;
	}

.bx-wrapper{
	background-color:transparent;
	border:0px solid #fff;
	margin-bottom:0px;
	box-shadow:none;
}
	
	.bx-wrapper .bx-viewport{
		background-color:transparent;
		border: solid #fff 0px;
		/*
		height:460px !important;
		min-width:950px;
		*/
		/*
		overflow-y:visible !important;
		*/
		box-shadow:none;
		left:0px;	/* デフォルトのずれを修正 */
	}
	
		.viewmode-mobile .bx-wrapper .bx-viewport{

		}

		.bx-wrapper .bx-controls{
			width:1100px;
			z-index:110;
			margin-left:auto;
			margin-right:auto;
			position:relative;
			top:0px;
		}
		
			.viewmode-mobile .bx-wrapper .bx-controls{
				width:100%;
			}

			.bx-wrapper .bx-controls-direction{
				bottom:250px;
				position:relative;
				z-index:115;
			}

				.viewmode-mobile .bx-wrapper .bx-controls-direction{
					bottom:70px;
				}
			
				.bx-wrapper .bx-controls-direction a{
					background-position:0px 0px !important;
					background-repeat:no-repeat;
					background-image:none;
					text-indent:0px;
					text-decoration:none;
					width:35px;
					height:35px;
				}
				
					.viewmode-mobile .bx-wrapper .bx-controls-direction a{
						width:20px;
						height:20px;
					}
				
					.bx-wrapper .bx-controls-direction a:before{
						background-color:#111;
						background-color:rgba(0,0,0,0.5);
						color:#fff;
						content:"\f053";	/* fa-chevron-left */
						display:block;
						font-family:FontAwesome;
						font-size:17px;
						line-height:35px;
						text-align:center;
						
						border-radius:100%;
					}
					
						.viewmode-mobile .bx-wrapper .bx-controls-direction a:before{
							font-size:12px;
							line-height:20px;
						}
					
						.bx-wrapper .bx-controls-direction a:hover:before{
							background-color:rgba(0,0,0,0.3);
						}
				
					.viewmode-mobile .bx-wrapper .bx-controls-direction a{
					}
				
					.bx-wrapper .bx-controls-direction a:hover{
					}
	
					.bx-wrapper .bx-controls-direction .bx-prev{
						/*
						background-image:url(../img/home/btn_prev.png);
						*/
						left:-16px;
					}
					
						.bx-wrapper .bx-controls-direction .bx-prev:before{
						}
					
						.viewmode-mobile .bx-wrapper .bx-controls-direction .bx-prev{
							left:5px;
						}
						
					.bx-wrapper .bx-controls-direction .bx-next{
						/*
						background-image: url(../img/home/btn_next.png);
						*/
						right:-16px;
					}
					
						.bx-wrapper .bx-controls-direction .bx-next:before{
							content:"\f054";	/* fa-chevron-right */
							text-indent:2px;
						}
					
						.viewmode-mobile .bx-wrapper .bx-controls-direction .bx-next{
							right:5px;
						}



#slider9999{
	/* 読み込み完了までは非表示 */
	visibility:hidden;
	/*
	opacity: 0;
	-ms-filter:"alpha(opacity=0)";
	*/
}
	#slider9999 img{

		/* widthもしくはheightをピクセルで指定しないとIE9でコールバックが発火しないので注意  */
		width:1100px;
		
		/*
		box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
		-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
		-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px;
		*/
	}

	/* キャプション */
	.bx-wrapper .bx-caption{
		border-left:2px solid #fff;
		background-color:#fff;
		background-color:rgba(255, 255, 255, 0.80);
		/*
		bottom:-40px;
		*/
		text-align:center;
	}

		.bx-wrapper .bx-caption span{
			color:#111;
			/* for modan browser */
			text-shadow:1px 1px 0px #ffffff;
			/* for IE */
			filter:dropshadow(color=#ffffff,offx=0,offy=1,positive=1);
			filter:none¥9;	/* for below IE8 */
		}

	/* ページャー */
	.bx-wrapper .bx-pager{
		/*
		background-image:url(../img/home/bg_pagenation01.png);
		*/
		background-position:center 1px;
		background-repeat:no-repeat;
		bottom:15px;
		font-size:0px;
		padding-top:0px;
	}
		
		.viewmode-mobile .bx-wrapper .bx-pager{
			display:none;
		}
		
		.bx-wrapper .bx-pager .bx-pager-item a{
				background-color:transparent;
				background-image:url(../img/home/bullets.png);
				border-radius:0px;
				margin:0px 3px;
				width:22px;
				height:22px;
				background-position:center 0px;
			}
			
			/* 現在表示されているページャー */
			.bx-wrapper .bx-pager .bx-pager-item a.active{
				background-color:transparent;
				background-image:url(../img/home/bullets.png) !important;
				background-position:center -22px;
			}
			
			/* マウスオーバーされているページャー */
			.bx-wrapper .bx-pager .bx-pager-item a:focus,
			.bx-wrapper .bx-pager .bx-pager-item a:hover{
				background-color:transparent;
				background-image:url(../img/home/bullets.png) !important;
				background-position:center -22px;
			}


/*
***********************************************************************************************
モバイル専用のヘッダー画像（未使用）
***********************************************************************************************
*/

.viewmode-mobile #img_main{
	margin:0px auto 0px auto;
	text-align:center;
}

	.viewmode-mobile #img_main img{
		display:block;
		width:100%;
	}


/*
***********************************************************************************************
プラグイン「Breadcrumb NavXT」で出力されたパンくずリスト
***********************************************************************************************
*/

.wrapper_breadcrumb{
	display:none;
}


/*
***********************************************************************************************
コンテナ
***********************************************************************************************
*/

#container{
	margin-bottom:15px;
}

	#container #content_wrapper{
	}

	#container #content{
		margin-top:0px;
	}
	
		.viewmode-mobile #container #content{
			margin-top:15px;
		}


/*
***********************************************************************************************
ホームのコンテンツ
***********************************************************************************************
*/

#block-home{
	clear:both;
	padding-top:0px;
	margin:25px auto 0 auto;
}

	.viewmode-mobile #block-home{
		margin:15px auto 0 auto;
	}

	#block-home a:hover img{
		/*
		opacity:0.7;
		filter: alpha(opacity=70);	/＊ for below IE8 ＊/
		*/
	}

	/*
	#block-home h2:first-child{
		background-color:transparent;
		background-image:none;
		border-top:0px solid #fff;
		border-bottom:2px solid #3498DB;
		font-size:150%;
		margin-bottom:25px;
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}
	*/


/*
	.home ul#blocks-home{
		list-style-type:none;
		width:520px;
		padding:0px;
	}

		.home ul#blocks-home li{
			list-style-type:none;
			float:left;
			margin-right:20px;
			margin-bottom:20px;
		}
			.home ul#blocks-home li h2{
				margin:0px;
				padding:0px;
				border:0px solid #fff;
			}
				.home ul#blocks-home li h2 a{
					padding-left:0px;
					background-image:none;
				}
			
					.home ul#blocks-home li a img{
						cursor:pointer;
					}
						.home ul#blocks-home li a:hover img{
							opacity:0.7;
							filter: alpha(opacity=70);	/＊ for below IE8 ＊/
						}
*/


/*
***********************************************************************************************
ホームの製品メニュー
***********************************************************************************************
*/

.nav_content{
	display:block;
}

	.nav_content ul{
		list-style-type:none;
		padding:0px;
	}

		/* 「製品案内」＆「会社案内」 */
		.nav_content > ul > li{
			border:1px solid #ccc;
			border-top:5px solid #D90000;
			float:left;
			list-style-type:none;
			max-width:245px;
			margin-left:20px;
			padding:0px;
		}

			.nav_content > ul > li > a{
				border-bottom:1px solid #ccc;
				color:#000;
				display:block;
				font-size:15px;
				font-weight:bold;
				padding:13px 5px 11px 15px;
				position:relative;
				text-decoration:none;

				background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
				background:-webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
				background:linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}

				.nav_content > ul > li > a:hover{
				}

				/* 背景画像 */
				.nav_content > ul > li > a:after{
					background-image:url('../img/home/bg_nav_content_company.png');
					background-position:right top;
					background-repeat:no-repeat;
					content:"";
					display:block;
					position:absolute;
					top:0;
					right:0;
					width:100%;
					height:100%;

					transition:all 0.2s ease;
				}

					.nav_content > ul > li > a:hover:after{
						opacity:0.7;
					}
					
					/* アイキャッチ */
					.nav_content > ul > li > a img.menu-item-eyecatch{
						display:none;
					}

			.nav_content ul.sub-menu{
				letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
				position:relative;
			}

				.nav_content ul.sub-menu li{
					border-top:1px dotted #999;
					display:inline-block;
					letter-spacing:normal; /* 文字間を通常に戻す */
					line-height:1.5;
					width:244px;
					vertical-align:top;
				}

					.nav_content ul.sub-menu li:first-child{
						border-top:none;
					}

					.nav_content ul.sub-menu li a{
						color:#000;
						display:block;
						padding:7px 5px 7px 30px;
						position:relative;
						text-decoration:none;
					}

						.nav_content ul.sub-menu li a:hover{
							text-decoration:underline;
						}

						/* 矢印の飾り */
						.nav_content ul.sub-menu li a:before{
							background-color:#B1B1B1;
							color:#fff;
							content:"\f105";	/* fa-angle-right */
							display:block;
							font-family:FontAwesome;
							font-size:12.5px;
							line-height:15px;
							text-align:center;
							top:10px;
							left:10px;
							position:absolute;
							height:15px;
							width:15px;

							border-radius:100%;
						}

					/* アイキャッチ画像 */
					.nav_content ul.sub-menu li a .menu-item-eyecatch{
						display:none;
					}



			/* 「製品案内」 */
			.nav_content > ul > li:first-child{
				margin-left:0px;
				max-width:490px;
			}

				/* 背景画像 */
				.nav_content > ul > li:first-child > a:after{
					background-image:url('../img/home/bg_nav_content_products.png');
				}

				/* 罫線の飾り */
				.nav_content > ul > li:first-child ul.sub-menu:before{
					border-left:1px solid #CCC;
					content:"";
					left:245px;
					position:absolute;
					top:0;
					height:100%;
					width:0px;
				}

				.nav_content > ul > li:first-child ul.sub-menu li:first-child + li{
					border-top:none;
				}


/*
***********************************************************************************************
各種SNSのウィジェット（未使用）
***********************************************************************************************
*/

#block-sns{
	box-sizing:border-box;
	margin:25px auto 0 auto;
	padding-bottom:10px;
	text-align:center;
}

	.viewmode-mobile #block-sns{
	}

	#block-sns h3{
		background-color:transparent;
		font-family:'Roboto', sans-serif;
		font-weight:normal;
		margin:0;
		padding:7px 0px;
	}

		#block-sns h3:before{
			background-repeat:no-repeat;
			background-size:100%;
			content:"";
			display:inline-block;
			margin-right:5px;
			width:40px;
			height:40px;
			vertical-align:middle;
		}

	#block-sns .icon_external{
		display:none;
	}

/*
***********************************************************************************************
Twitterウィジェット（未使用）
***********************************************************************************************
*/

.twitter-widget{
	border:5px solid #eee;
	box-sizing:border-box;
	display:inline-block;
	margin:0px 15px;
	width:560px;
	vertical-align:top;
}

	.viewmode-mobile .twitter-widget{
		margin:0px auto;
		padding:0 0px 0 0px;
		width:100%;
	}

		.twitter-widget h3:before{
			background-image:url("../img/common/logo_twitter.png");
		}
	
	.twitter-widget iframe{
		vertical-align:top;
	}


/*
***********************************************************************************************
Instagrmウィジェット（未使用）
***********************************************************************************************
*/

.instagram-widget{
	border:5px solid #eee;
	box-sizing:border-box;
	display:inline-block;
	margin:0px 15px;
	width:320px;
	vertical-align:top;
}

	.viewmode-mobile .instagram-widget{
		margin:15px auto 0px auto;
		min-height:0px;
		padding:0 0px 0 0px;
		width:100%;
	}

		.instagram-widget h3:before{
			background-image:url("../img/common/logo_instagram.png");
		}

	.instagram-widget iframe{
		vertical-align:top;
		min-height:215px;
	}


/*
***********************************************************************************************
サイドバー
***********************************************************************************************
*/

div#sidebar{
}

/*
***********************************************************************************************
フッター
***********************************************************************************************
*/

#footer{

}