@charset "utf-8";


/* ----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/
	
body {
	}
	#container {
		}


/*-----------------------------------------------------------
 Header
-----------------------------------------------------------*/

header {
	padding: 0 0 1px;
	background: transparent url("/common/images/bgHeader.gif") repeat-x center top;
	border-bottom: 1px solid #ccc;
	}
	header #headNav {
		width: 1000px;
		margin: 0 auto;
		}
		header #headNav a {
			color: #333;
			}
	
	/* logo */
	header h1 {
		float: left;
		width: 327px; height: 98px;
		display: table;
		margin: 41px 0 0; padding: 0 0 0 19px;
		border-left: 1px solid #ccc;
		}
		header h1 a {
			padding: 5px 0 0;
			display: table-cell;
			vertical-align: middle;
			}
			header h1 a img {
				margin: -3px 18px 0 0;
				vertical-align: middle;
				}
	
	/* groupNav */
	header #groupNav {
		float: right;
		margin: 0 0 1px;
		}
		header #groupNav ul {
			margin: 0;
			}
			header #groupNav ul li {
				float: left;
				display: table;
				margin: 0 0 0 3px;
				}
				header #groupNav ul li a {
					width: 185px; height: 40px;
					display: table-cell;
					padding: 1px 0 0;
					font-size: 13px;
					color: #6c3510;
					vertical-align: middle;
					background: transparent url("/common/images/bgGroupNav.gif") repeat-x;
					}
					header #groupNav ul li#hnShop a { width: 205px; }
					
					header #groupNav ul li a:before {
						width: 43px; height: 40px;
						content: "";
						margin: -1px 10px 0 0;
						display: inline-block;
						vertical-align: middle;
						}
						header #groupNav ul li#hnSearch  a:before { background: transparent url("/common/images/icoHeSearch.gif")  no-repeat; }
						header #groupNav ul li#hnCompany a:before { background: transparent url("/common/images/icoHeCompany.gif") no-repeat; }
						header #groupNav ul li#hnShop    a:before { background: transparent url("/common/images/icoHeCart.gif")    no-repeat; }
	
	/* globalNav */
	header #globalNav {
		float: left;
		width: 673px;
		border-left:  1px solid #ccc;
		}
		header #globalNav ul {
			margin: 0;
			font-size: 12px;
			}
			header #globalNav ul li {
				float: left;
				width: 112px;
				display: table;
				border-right: 1px solid #ccc;
				}
				header #globalNav ul li a {
					height: 98px;
					display: table-cell;
					text-align: center;
					line-height: 1.2em;
					vertical-align: middle;
					transition: all ease-out .3s;
					}
					header #globalNav ul li a:before {
						height: 42px;
						content: "";
						display: block;
						margin: 9px 0 11px;
						transition: all ease-out .3s;
						}
						header #globalNav ul li#gnProducts a:before { background: transparent url("/common/images/icoGnProducts.png") no-repeat center center; }
						header #globalNav ul li#gnLife     a:before { background: transparent url("/common/images/icoGnLife.png")     no-repeat center center; }
						header #globalNav ul li#gnFactory  a:before { background: transparent url("/common/images/icoGnFactory.png")  no-repeat center center; }
						header #globalNav ul li#gnStore    a:before { background: transparent url("/common/images/icoGnStore.png")    no-repeat center center; }
						header #globalNav ul li#gnCustomer a:before { background: transparent url("/common/images/icoGnCustomer.png") no-repeat center center; }
						header #globalNav ul li#gnCompany  a:before { background: transparent url("/common/images/icoGnCompany.png")  no-repeat center center; }
						header #globalNav ul li#gnNews     a:before { background: transparent url("/common/images/icoGnNews.png")     no-repeat center center; margin: 13px 0 5px; }
						
						header #globalNav ul li a:hover {
							background-color: #f5f5f5;
							}
							header #globalNav ul li a:hover:before {
								-webkit-transform: scale(1.2) rotate(10deg);
								-moz-transform: scale(1.2) rotate(10deg);
								-o-transform: scale(1.2) rotate(10deg);
								-ms-transform: scale(1.2) rotate(10deg);
								transform: scale(1.2) rotate(10deg);
								}


			header #globalNav ul li#gnSearch  ,
			header #globalNav ul li#gnSitemap {
				width: 165px;
				border: none;
				}
				header #globalNav ul li#gnSearch { border-bottom: 1px solid #ccc; }
				
				header #globalNav ul li#gnSearch  a ,
				header #globalNav ul li#gnSitemap a    {
					height: 49px;
					padding: 1px 0 1px 1px;
					display: table-cell;
					text-align: left;
					transition: all ease-out .3s;
					}
					header #globalNav ul li#gnSearch  a { height: 48px; }
					
					header #globalNav ul li#gnSearch  a:before ,
					header #globalNav ul li#gnSitemap a:before    {
						width: 43px; height: 100%;
						content: "";
						margin: 0 10px 0 0;
						display: inline-block;
						vertical-align: middle;
						transition: all ease-out .3s;
						}
						header #globalNav ul li#gnSearch  a:before { background: #f5f5f5 url("/common/images/icoGnSearch.png")  no-repeat center center; }
						header #globalNav ul li#gnSitemap a:before    { background: #f5f5f5 url("/common/images/icoGnSitemap.png") no-repeat center center; }

						header #globalNav ul li#gnSearch  a:hover ,
						header #globalNav ul li#gnSitemap a:hover    { background-color: #f5f5f5; }
						header #globalNav ul li#gnSearch  a:hover:before ,
						header #globalNav ul li#gnSitemap a:hover:before    { background-color: #ddd; transform: none; }


/*-----------------------------------------------------------
 Category Title
-----------------------------------------------------------*/

#contents #categoryTitle {
	width: 100%; min-width: 1000px;
	margin: 0 0 40px; padding: 25px 0 205px;
	display: table;
	}
	.categoryTop #contents #categoryTitle { padding-bottom: 410px; }
	
	#contents #categoryTitle h2 {
		margin: 0; padding: 5px 10px 0 0;
		display: table-cell;
		white-space: nowrap;
		vertical-align: top;
		font-size: 24px;
		color: #333;
		}
		#contents #categoryTitle h2 a { color: #333; }
	
	/*---------- topicPath ----------*/
	
	#contents #topicPath {
		display: table-cell;
		margin: -5px 0; padding: 5px 0 5px 11px;
		background: transparent url("/common/images/bgDotted-vertical.gif") repeat-y left top;
		}
		.categoryTop #contents #topicPath { display: none; }
		
		#contents #topicPath ol {
			margin: 0;
			}
			#contents #topicPath ol li {
				color: #333;
				display: table-cell;
				}
				#contents #topicPath ol li:nth-of-type(1) ,
				#contents #topicPath ol li:nth-of-type(2) { display: none; }
				
				#contents #topicPath ol li a    ,
				#contents #topicPath ol li span {
					display: inline-block;
					margin: 0 10px 0 0; padding: 0 15px 0 0;
					white-space: nowrap;
					background: transparent url("/common/images/icoArrow-gray.gif") no-repeat right center;
					}



/*-----------------------------------------------------------
 Site Search
-----------------------------------------------------------*/

/*---------- Search Box ----------*/

#siteSearch {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99;
	}
	#siteSearch > #ssForm {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		width: 1000px; height: 50px;
		margin: auto; padding: 0 0 0 5px;
		}
	
	#siteSearch > #ssForm p#btnClose {
		margin: 10px 0 0;
		}
		#siteSearch > #ssForm p#btnClose a {
			padding: 10px 20px;
			display: inline-block;
			color: #fff;
			background: rgba(0,0,0,0.6);
			border-radius: 5px;
			}
			#siteSearch > #ssForm p#btnClose a img { margin: 0 10px 0 0; vertical-align: middle; }



/*---------- GCSE ----------*/

#___gcse_0 {
	width: auto; height: auto;
	border: none;
	margin: 0 auto;
	}
	#___gcse_0 * { border: none; }
	
	#___gcse_0 table ,
	#___gcse_0 table th { margin: 0; padding: 0; }
	#___gcse_0 table td { padding-top: 0; }
	
	#___gcse_0 .gsc-cursor-page {
		display: inline-block;
		padding: 3px 13px;
		border: 1px solid #ccc;
		border-radius: 3px;
		}
	
	#___gcse_0 .gsc-control-cse {
		padding: 0 !important;
		background: none !important;
		border: none !important;
		}

.gsc-search-button input {
    box-sizing: content-box;
	}
	/* Input Outside */
	.gsc-input-box {
		margin-top: 2px;
		height: auto !important;
		border-radius: 3px;
		}
		.gsc-input-box table { margin: 0; }
		.gsc-input-box:hover { box-shadow: none !important; }
		
		/* Input */
		#gs_tti50 {
			padding: 0;
			vertical-align: top !important;
			}
			#gs_tti50 input {
				height: 50px !important;
				margin: 0; padding: 0 10px !important;
				font-size: 24px;
				}
		
		/* Button */
		input.gsc-search-button {
			height: auto !important;
			padding: 19px 50px !important;
			background-color: #ffab35 !important;
			border-bottom: 1px solid #d38517 !important;
			}
	
	
	.gcsc-branding-img-noclear a[target=_blank] img { margin-bottom: 5px; }
	
	.gcsc-branding-img-noclear a[target=_blank]:after { display: none; }
	
	#gsc-iw-id1 table { line-height: 1em; }



/*-----------------------------------------------------------
 Contents
-----------------------------------------------------------*/

#contents {
	}




/*-----------------------------------------------------------
 Main Visual
-----------------------------------------------------------*/




/*-----------------------------------------------------------
 Primary
-----------------------------------------------------------*/

#primary {
	width: 1000px;
	margin: 0 auto 70px;
	}
	.wideCnt #primary {
		float: none;
		width: auto; min-width: 1000px;
		}
	
	h3 {
		margin: 0 0 25px; padding: 5px 0 5px 12px;
		font-size: 20px;
		border-left: 3px solid #ffdd57;
		}
		.categoryTop h3 {
			}	
	h4 {
		margin: 0 0 15px; padding: 10px 10px 12px;
		font-size: 18px;
		background: #ffde5a;
		}
	h5 {
		margin: 0 0 15px; padding: 5px 0 10px;
		font-size: 15px;
		text-shadow: 0 0 0.05px #999;
		letter-spacing: 0.05em;
		border-bottom: 1px dotted #ccc;
		}
	h6 {
		}
	
	
	#primary > section  ,
	#primary > .section { margin: 0 0 50px; }
	
	
	
	/*---------- localNav ----------*/
	
	#primary #localNav {
		margin: -10px 0 30px;
		}
		#primary #localNav ul {
			margin: 0 0 0 -5px;
			
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			}
			#primary #localNav ul li {
				margin: 0 0 5px 5px;
				}
				#primary #localNav ul li a {
					padding: 10px 20px 10px 20px;
					display: block;
					color: #333;
					box-shadow: inset 0 -1px 0 0 #ccc;
					transition: all ease-out .3s;
					}
					#primary #localNav ul li a:hover {
						text-decoration: none;
						box-shadow: inset 0 -3px 0 0 #ffdd57;
						}
					
					#primary #localNav ul li.current a { box-shadow: inset 0 -3px 0 0 #ffdd57; }


/*-----------------------------------------------------------
 Primary > layout
-----------------------------------------------------------*/

/*---------- News > Index ----------*/

#pickUpSec dl dt:before ,
#newsSec   dl dt:after  {
	width: 6.5em;
	margin: -1px 0 0 10px; padding: 0 10px 1px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 1.6em;
	vertical-align: middle;
	text-align: center;
	background: #0d2c55;
	visibility: inherit;
	}
	#pickUpSec dl dt:before {
		width: auto;
		margin: -1px 10px 0 0;
		}
	
	#pickUpSec dl dt.icoMenu:before ,
	#newsSec   dl dt.icoMenu:after  { background: #e83a3a; content: "メニュー"; }
	#pickUpSec dl dt.icoNews:before ,
	#newsSec   dl dt.icoNews:after  { background: #ffab35; content: "NEWS"; }
	#pickUpSec dl dt.icoProd:before ,
	#newsSec   dl dt.icoProd:after  { background: #8fc41f; content: "商品"; }
	#pickUpSec dl dt.icoCamp:before ,
	#newsSec   dl dt.icoCamp:after  { background: #00afed; content: "キャンペーン"; }


/*---------- News > Detail ----------*/

#newsDetail   #primary ,
#reportDetail #primary {
	position: relative;
	}

	#newsDetail   p#neUpdate ,
	#reportDetail p#neUpdate {
		position: absolute;
		left: 0; top: -1.8em;
		margin: 0;
		}

#newsDetail   p#btnReturn ,
#reportDetail p#btnReturn {
	margin: 0;
	text-align: center;
	}


/*-----------------------------------------------------------
 Secondary
-----------------------------------------------------------*/

#secondary {
	}
	
	/*---------- localNav ----------*/
	
	#secondary #localNav {
		}


/*-----------------------------------------------------------
 Footer
-----------------------------------------------------------*/

footer {
	}
	footer #footNav {
		position: relative;
		padding: 40px 0;
		background: #f8f8f8;
		}
		footer #footNav a { color: #333; }

		footer #footNav p#pageTop {
			position: absolute;
			left: 50%; top: -50px;
			margin: 0 0 0 -20px;
			}
			footer #footNav p#pageTop a {
				width: 40px; height: 40px;
				display: block;
				text-indent: -99999px;
				background: transparent url("/common/images/icoArrow-lineTop.png") no-repeat center top;
				transition: all ease-out .3s;
				}
				footer #footNav p#pageTop a:hover {
					filter: alpha(opacity=60);
					-moz-opacity: 0.6;
					opacity: 0.6;
					}
		
		
		footer #footNav dl {
			}
			footer #footNav dl dt {
				margin: 0 0 10px;
				}
				footer #footNav dl dd + dt { margin-top: 30px; }
				
				footer #footNav dl dt a {
					padding: 8px 8px;
					display: block;
					background: transparent url("/common/images/icoArrow-line.png") no-repeat right 10px center;
					transition: all ease-out .3s;
					}
					footer #footNav dl dt a:hover {
						}

			footer #footNav dl dd {
				margin: 0 0 3px; padding: 0 0 0 15px;
				font-size: 13px;
				background: transparent url("/common/images/icoArrow-dotted.png") no-repeat 5px 0.75em;
				}
				footer #footNav dl dd a {
					}
					footer #footNav dl dd a:hover {
						}
		
		/*---------- fnProducts ----------*/
		
		footer #footNav #fnProducts {
			float: left;
			width: 841px;
			margin: 0 0 0 -10px;
			border-right: 5px solid #ccc;
			}
			footer #footNav #fnProducts dl {
				float: left;
				width: 265px;
				margin: 0 0 0 10px;
				}
				footer #footNav #fnProducts dl dt {
					}
					footer #footNav #fnProducts dl dt a {
						background: #fff url("/common/images/icoArrow-line.png") no-repeat right 10px center;
						}
						footer #footNav #fnProducts dl dt a:before {
							width: 42px; height: 31px;
							content: "";
							margin: 0 10px 0 0;
							display: inline-block;
							vertical-align: middle;
							}
							footer #footNav #fnProducts dl dt#fpProducts a:before { background: transparent url("/common/images/icoGnProducts.png") no-repeat center center; }
							footer #footNav #fnProducts dl dt#fpLife     a:before { background: transparent url("/common/images/icoGnLife.png")     no-repeat center center; }
							footer #footNav #fnProducts dl dt#fpFactory  a:before { background: transparent url("/common/images/icoGnFactory.png")  no-repeat center center; }
							footer #footNav #fnProducts dl dt#fpStore    a:before { background: transparent url("/common/images/icoGnStore.png")    no-repeat center center; }
							footer #footNav #fnProducts dl dt#fpCustomer a:before { background: transparent url("/common/images/icoGnCustomer.png") no-repeat center center; }

		
		/*---------- fnCompany ----------*/
		footer #footNav #fnCompany {
			float: right;
			width: 150px;
			}

	footer #footPolicy {
		padding: 13px 0;
		font-size: 13px;
		}
		footer #footPolicy ul {
			float: left;
			margin: 0;
			}
			footer #footPolicy ul li {
				float: left;
				margin: 0 20px 0 0; padding: 0 0 0 10px;
				background: transparent url("/common/images/icoArrow-dotted.png") no-repeat left 0.75em;
				}
		
		footer #footPolicy p {
			clear: both;
			/*float: right;*/
			margin: 0;
			text-align: center;
			}


/*-----------------------------------------------------------
 Drawer
-----------------------------------------------------------*/

#drawer {
	display: none;
	}