@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{
	
	}


/*
***********************************************************************************************
グローバルナビゲーション（PC専用）
***********************************************************************************************
*/

#GlobalArea ul#menu-global li.current-menu-item a {
	background: none;
}

	#GlobalArea ul#menu-global li.current-menu-item a:hover {
	}

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

	#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;
	/*
	max-height: 380px;
	width: 1100px;
	*/
	z-index: 50;
	position: relative;
	padding: 0px 0px 0px 0px;

	overflow: hidden;
}

	.viewmode-mobile #wrapper_slider{
		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;
			/*
			max-height: 600px;
			*/
			margin-left: auto;
			margin-right: auto;
			position: relative;
			
			overflow: visible;
		}

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

			#slider img{
				max-width: none;
			}

			img.nivo-main-image{
			}

.nivo-directionNav{
	top: 50%;
	margin-top: -17px;
	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%;
	}


/*
***********************************************************************************************
注目のお知らせ
***********************************************************************************************
*/

.block-news2{
	background-color: #111;
	color: #fff;
	margin-top: 0px !important;
	padding: 15px 15px 10px 15px;
	position: relative;
}
	
	.block-news2 a{
		color: #fff;
	}
	
	.block-news2 dl{
		margin: 0 auto 0 auto;
		padding: 0px;
		width: 960px;
	}
	
		.viewmode-mobile .block-news2 dl{
			text-align: center;
			width: auto;
		}
	
		/* 注目のお知らせ */
		.block-news2 dt{
			background-color: #fff;
			color: #000;
			clear: both;
			float: left;
			font-family: "Hiragino UD Sans F W6 JIS2004";
			font-size: 16px;
			font-weight: normal;
			line-height: 1.3;
			padding: 8px 10px 8px 25px;
			position: relative;
		}
		
			/* 矢印の飾り */
			.block-news2 dt:before{
				box-sizing: border-box;
				content: "";
				display: block;
				left: 0px;
				margin-top: -18px;
				top: 50%;
				width: 23px;
				height: 20px;
				border: 18px solid transparent;
				border-left: 12.5px solid #000;
				position: absolute;
			}

			/* 矢印の飾り */
			.block-news2 dt:after{
				box-sizing: border-box;
				content: "";
				display: block;
				right: -30px;
				margin-top: -18px;
				top: 50%;
				width: 23px;
				height: 20px;
				border: 18px solid transparent;
				border-left: 12.5px solid #fff;
				position: absolute;
			}

			.block-news2 dt:after{
				box-sizing: border-box;
				content: "";
				display: block;
				right: -30px;
				margin-top: -18px;
				top: 50%;
				width: 23px;
				height: 20px;
				border: 18px solid transparent;
				border-left: 12.5px solid #fff;
				position: absolute;
			}

			.viewmode-mobile .block-news2 dt{
				display: inline-block;
				float: none;
				font-size: 14px;
				margin-bottom: 10px;
				padding: 5px 10px 5px 10px;
			}

				.viewmode-mobile .block-news2 dt:before,
				.viewmode-mobile .block-news2 dt:after{
					content: none;
				}
		
			.block-news2 dt small{
				background-color: #CA2A7A;
				color: #fff;
				display: inline-block;
				font-family: "Hiragino Kaku Gothic W2 JIS2004";
				float: left;
				margin: -4px 15px 0 0;
				padding: 5px 7px;
				text-align: center;
				min-width: 100px;
			}
		
		.block-news2 dd{
			font-family: "Hiragino Mincho W2 JIS2004";
			font-size: 18px;
			letter-spacing: 0.05em;
			line-height: 1.7;
			margin: 0;
			padding: 5px 0 10px 160px;
			position: relative;
			text-align: left;
		}
		
			.viewmode-mobile .block-news2 dd{
				font-family: "Hiragino Mincho W3 JIS2004";
				font-size: 14px;
				padding: 5px 0 10px 20px;
				text-align: left;
			}
		
			.block-news2 dd:before{
				color: #fff;
				content: "\f054";	/* fa-chevron-right */
				display: block;
				font-family: FontAwesome;
				font-size: 13px;
				line-height: 1.5;
				top: 11px;
				left: 140px;
				position: absolute;
			}
		
				.ie .block-news2 dd:before{
					top: 8px;
				}
				
				.viewmode-mobile .block-news2 dd:before{
					font-size: 12px;
					top: 8px;
					left: 0px;
					padding: 0px 0 10px 0px;
				}

			.block-news2 dd a{
				display: inline-block;
				text-decoration: none;
			}
			
				.block-news2 dd a:hover{
					text-decoration: underline;
				}


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

#container{
	margin-bottom: 15px;
	width: auto;
}

	#content_wrapper{
		float: none;
		margin: 0px auto;
		width: auto;
	}

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

/*
***********************************************************************************************
心を宿す伝統の技
***********************************************************************************************
*/

.category_list{
	background-color: #E0E5F4;
	background-image: url(../img/common/bg_content_03.png),
		url(../img/common/bg_content_04.png);
	background-position: left bottom,
		right bottom;
	background-repeat: no-repeat,
		no-repeat;
	margin-top: 0;
	padding: 35px 0 80px 0;
	position: relative;
}

	.viewmode-mobile .category_list{
		margin: 0px 0px 0 0px;
	}

	/* 背景のぼかし */
	.category_list:after{
		background-image: url(../img/common/bg_content_02.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		bottom: 0;
		content: "";
		left: 0;
		height: 80px;
		position: absolute;
		width: 100%;
		z-index: 0;
	}

	.viewmode-mobile .category_list:after{
		background-position: center bottom;
		background-size: 100%;
	}

	/* 心を宿す伝統の技 */
	.category_title{
		color: #111;
		font-family: "Hiragino Mincho W6 JIS2004";
		font-size: 27px;
		letter-spacing: 0.05em;
		margin: 0px 0 10px 0;
		padding: 0px;
		text-align: center;

		text-shadow:  0px 0px 15px rgba(255,255,255,1),
			0px 0px 15px rgba(255,255,255,1),
			0px 0px 15px rgba(255,255,255,1),
			0px 0px 15px rgba(255,255,255,1),
			0px 0px 15px rgba(255,255,255,1),
			0px 0px 15px rgba(255,255,255,1),
			0px 0px 15px rgba(255,255,255,1),
			0px 0px 15px rgba(255,255,255,1);
	}

		.viewmode-mobile .category_title{
			font-size: 21px;
		}

/* 商品の登録件数 */
.cat_list li h2 span{
	display: none;
}

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

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

	.viewmode-mobile #block-home{
		
	}

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

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

	/*
	#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 ＊/
						}
*/


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




/*
***********************************************************************************************
アクセス
***********************************************************************************************
*/


#access{
	margin-top: 0px;
}

	.viewmode-mobile #access{
		margin: 30px -10px 0 -10px;
	}

	#access h2{
		background-color: transparent;
		background-image: none;
		border: 0px solid #fff;
		color: #111;
		font-family: "Hiragino Mincho W6 JIS2004";
		font-size: 27px;
		letter-spacing: 0.05em;
		margin-bottom: 10px;
		padding: 5px 10px 5px 10px;
		position: relative;
		text-align: center;
	}

	/* マーカーの飾り */
	#access h2:before{
		color: #4665A5;
		content: "\f041";	/* fa-map-marker */
		display: block;
		font-family: FontAwesome;
		font-size: 30px;
		line-height: 1;
		margin: 0 auto 5px auto;
	}

#access iframe{
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	border-right: none;
	border-left: none;
}

/* Googleマップ（API版・未使用） */
#map{
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	height: 400px;
}

	.viewmode-mobile  #map{
		height: 300px;
	}

	/* ツールチップ */
	.tooltip{
		background-color: #d01119;
		display: block;
		text-align: center;
		color: #fff;
		/*
		font-family: "Futo Go B101";
		font-size: 13px;
		*/
		line-height: 1.2;
		padding: 10px;
		position: relative;
		white-space: nowrap;
		/*
		border-radius: 5px;
		*/
	}

		.tooltip:after{
			box-sizing: border-box;
			content: "";
			display: block;
			left: 50%;
			right: 50%;
			margin-left: -5px;
			bottom: -10px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 10px solid #d01119;
			position: absolute;
			/*
			left: 50%;
			*/
			width: 10px;
			height: 10px;
		}

	.tooltip img{
		width: 120px;
	}

	/* Googleマップで開く */
	#map + p,
	iframe + p {
		margin-top: 10px;
		text-align: center;
	}


/*
***********************************************************************************************
ボトムバー
***********************************************************************************************
*/

#bottombar{
	background-color: transparent;
	position: static;
}

	#bottombar:before{
		content: none;
	}

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

#footer{

}