/* 全体 */
	body {	margin: 0 10px;
			font-family:'メイリオ','Hiragino KakuGothic Pro', sans-serif;}
		
	#container {	width: 980px;
					height: auto;
					margin: auto;}

	a {	color: #333333;}
	
/*ヘッダー*/
	#header {	margin: 0;
				width: 980px;
				height: 200px;
				background-image: url(img/bg/head.jpg);
				background-repeat: no-repeat;
				background-color: #99ccff;
				background-position: left bottom;}
			
/*コンテンツ*/
	#content {	width: 760px;
				float: right;}
				
/*サイドバー*/
	#sidebar {	width: 200px;
				float: left;}
			
/*フッター*/
	#footer {	clear:both;
				font-family: 'Maven pro', Helvetica, Arial, sans-serif;
				color: #ffffff;
				background-color: #333333;
				padding: 10px 10px 20px;}

/*サイト名*/
	#site {	font-family: 'Maven pro', Helvetica, Arial, sans-serif;
			background:rgba(255,255,255,0.7);
			display: inline-block;
			padding: 10px 20px;
			margin-top: 10px;}
			
	#site h1 {	font-size: 2px;
				margin: 0;
				line-height: 1;}
				
	#site h1 span {	font-weight: normal;}
	 
	#site p {	font-size: 15px;
				margin: 0;}

/*アイコン*/
	#icon {	font-size: 14px;
			font-family: 'Maven pro', Helvetica, Arial, sans-serif;
			overflow: hidden;
			margin: 0;}
			
	#icon ul {	margin: 0;
				padding: 0;}
				
	#icon li {	list-style-type: none;
				float: right;
				width: 70px;}
				
	#icon li a {	display: block;
					padding: 5px 0;
					color: #ffffff;
					text-align: center;
					text-decoration: none;}			
	
	#icon img {	width:40px;
				height:40px;}

/*メニューバー*/
	#nav {	font-size: 14px;
			font-family: 'Maven pro', Helvetica, Arial, sans-serif;
			overflow: hidden;
			background-color: #333333;
			margin: 0 0 25px;}
			
	#nav ul {	margin: 0;
				padding: 0;}
				
	#nav li {	list-style-type: none;
				float: left;
				width: 120px;
				height: 30px;}
				
	#nav li a {	display: block;
				padding: 8px;
				border-right: solid 1px #ffffff;
				color: #ffffff;
				text-align: center;
				text-decoration: none;}
				
	#nav li a:hover {	background-color:#74b1ef;}

/*注意書き*/
	#nav2 {	font-size: 14px;
			font-family: 'Maven pro', Helvetica, Arial, sans-serif;
			color: #ff0000;}
				
	#nav2 li {	list-style-type: none;
				width: 100%;
				display: block;
				text-align: right;
				text-decoration: none;}
				
	#nav2 li .oroshi {	font-weight: bold;}

/*お知らせ*/
	#notice {	margin:10px 0;
				width: 978px;
				height: auto;
				border: solid 1px #aaaaaa;}
				
	#noticea {	margin:10px 0;
				width: 978px;
				height: auto;
				border: solid 1px #aaaaaa;}
				
	#noticea  a {	display: block;
					padding: 10px;
					overflow: hidden;
					color: #000000;
					text-decoration: none;}
					
	#noticea a:hover {	background-color:#dddddd;
					background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#dddddd));
					background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: linear-gradient(#ffffff 0%, #dddddd 100%);}
					
/*コンテンツ内容*/
	.date{	float:left;
			background-color: #74b1ef;
			padding: 5px 15px 8px;
			margin: 0 10px 5px 0;
			text-align: center;
			font-family: 'Maven pro', Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 14px;
			color: #ffffff;}
			
	.date span {	display: block;
					font-size: 20px;
					line-height: 1;}
				
	.post h2{ 	font-size: 14px;
				border-bottom: solid 1px #aaaaaa;
				margin: 6px 0 15px;
				padding: 0 0 3px;}
				
	.post p img {	margin-right: 10px;}

	.post .date img {	width:15px;
						height:15px;}
					
	.post p {	font-size: 14px;
				line-height: 1.6;
				margin: 0;
				clear: both;}
					
	.post {	border: solid 1px #aaaaaa;
			margin-bottom:20px;
			text-align: center;}
			
	.post  a {	display: block;
				padding: 10px;
				overflow: hidden;
				color: #000000;
				text-decoration: none;}
				
	.post a:hover {	background-color:#dddddd;
					background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#dddddd));
					background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
					background: linear-gradient(#ffffff 0%, #dddddd 100%);}
	
	#temp { font-size: 14px;}
	
/*コンテンツマルチカラム*/
	#content-inner	{	column-width: 200px;
						-webkit-column-width: 200px;
						-moz-column-width: 200px;}

	.post	{	break-inside: avoid;
				-webkit-column-break-inside: avoid;
				-moz-column-break-inside: avoid;}

/*コンテンツ内容下層用*/
	.article	{	font-size: 14px;
					}

	.title	{	font-size: 20px;
				font-weight: bold;}

	.para	{	font-size: 18px;
				font-weight: bold;}

	.para2	{	font-size: 15px;
				font-weight: bold;}
				
	.article img	{	max-width: 100%;
						height: auto;}

/*会社概要テーブル*/
	.article table	{	border-collapse: collapse;
						width:100%;}

	.article th.t_top	{	border-top: #0951be 4px solid;}

	.article th	{	border-bottom: #e3e3e3 1px dotted;
					text-align: left;
					padding: 10px;
					font-weight: normal;}
					
	.article td.t_top	{	border-top: #b3b3b3 4px solid;}
	
	.article td	{	border-bottom: #e3e3e3 1px dotted;
					text-align: left;
					padding: 10px;}

/*google maps*/
	#map_canvas	{	width: 300px;
					height: 300px;}

/*カタログ広告*/
	.ad img {	width: 200px;
				height: 123px;
				margin-bottom: 20px;}

/*サイドメニュー*/
	.menu {	background-color: #74b1ef;
			padding: 15px;
			margin-bottom:20px;}
			
	.menu h3 {	font-family: 'Maven pro', Helvetica, Arial, sans-serif;
				font-size: 22px;
				font-weight: normal;
				color: #ffffff;
				margin: 0 0 15px;}
				
	.menu ul {	margin: 0;
				padding: 0;
				border-top: solid 1px #888888;
				list-style:none;}
				
	.menu li {	margin-bottom: 0;
				list-style-type: none;
				border-bottom: solid 1px #888888;
				text-indent:1em;
				background-repeat:no-repeat;
				background-position:left center;}
				
	.menu li a {	display: block;
					font-size: 14px;
					text-decoration: none;
					color: #ffffff;
					padding: 10px 0;}
			
	.menu .news {	background-image: url("./svg/newspaper.svg");
					background-size:15px 15px;}

	.menu .event {	background-image: url("./svg/star-fullm.svg");
					background-size:15px 15px;}

	.menu .corp {	background-image: url("./svg/office.svg");
					background-size:15px 15px;}

	.menu .shop {	background-image: url("./svg/truck.svg");
					background-size:15px 15px;}

	.menu .new {	background-image: url("./svg/plusm.svg");
					background-size:15px 15px;}

	.menu .reco {	background-image: url("./svg/heartm.svg");
					background-size:15px 15px;}

	.menu .limit {	background-image: url("./svg/hourglassm.svg");
					background-size:15px 15px;}

	.menu .cata {	background-image: url("./svg/book.svg");
					background-size:15px 15px;}

	.menu .search {	background-image: url("./svg/search.svg");
					background-size:15px 15px;}

	.menu li a:hover{	background-color:#63a2c6;}

/*営業日カレンダー*/
	#calbox{	height:auto;
				margin-top:10px;
				padding:0px;
				background-color:#fff;}
		
	#sche{	font-size: 14px;}
	
	#sche .red {	color:#ff0000;}
	
	#sche .blue {	color:#0000ff;}

/*フッター文字*/
	#footer p {	margin: 0;}
	
	#footer small {	font-size: 12px;
					display: block;}

/*フッター画像*/
	#footer img {	height: 25px;}


/*モバイル用デスクトップ表示ボタン*/
			
	button {	width: auto;
				padding:0;
				margin:0;
				background:none;
				border:0;
				font-size:0;
				line-height:0;
				overflow:visible;
				cursor:pointer;}
			
	#button {	text-align: center;
				margin-bottom:10px;}
			
	.switch {	width: 156px;
				color: #ffffff;
				border: solid 1px gray;
				padding: 0;
				-webkit-appearance: none;}
				
	.switch:disabled {display: none;}
	
	.hidden {	display: none;}
	
	#mswitch {	border: 0px;
				width: 156px;
				height: 40px;}
			
	#dswitch {	border: 0px;
				width: 156px;
				height: 40px;}

/*商品表示用*/
	.parts	{	font-size: 12px;
					}

	.hinmei	{	font-size: 16px;
				font-weight: bold;
				float:clear;}

	.hinmei .atten {	font-size: 12px;
						font-weight: normal;}

	.goods p {	border-top: dotted 1px #aaaaaa;
				font-size: 12px;
				line-height: 1.2;
				margin: 0;
				padding-top: 5px;}

	.goods p .blank {	border-top: dotted 0px #ffffff;
				font-size: 12px;
				line-height: 1.2;
				margin: 0;
				padding-top: 5px;}

	.goods p .normal{	font-weight: bold;
						color:#333333;}
						
	.goods p .k18wg{	font-weight: bold;
						color:#009900;}
						
	.goods p .k18pg{	font-weight: bold;
						color:#ff00ff;}
						
	.goods p .k10{	font-weight: bold;
						color:#900090;}
					
	.goods	{	margin-bottom:10px;
				margin-left:5px;
				text-align: center;
				float:left;}
				
	.goods .max8	{	width:80px;}
						
	.goods .max6	{	width:110px;}
						
	.goods .max5	{	width:140px;}
						
	.goods .max4	{	width:170px;}
						
	.goods .max3	{	width:240px;}
						
	.goods .max2	{	width:360px;}
						
	.goods .max1	{	width:725px;}
				
	.goodsend	{	clear: both;}
			
	.goods  a {	display: block;
				padding: 5px;
				overflow: hidden;
				color: #000000;
				text-decoration: none;}
				
	.goods a:hover {	background-color:#dddddd;
						background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#dddddd));
						background: -webkit-linear-gradient(#ffffff 0%, #dddddd 100%);
						background: -moz-linear-gradient(#ffffff 0%, #dddddd 100%);
						background: -o-linear-gradient(#ffffff 0%, #dddddd 100%);
						background: -ms-linear-gradient(#ffffff 0%, #dddddd 100%);
						background: linear-gradient(#ffffff 0%, #dddddd 100%);}
/*カタログページ*/
	.cpage	{ text-align:center;}
	
	.cpage .bc	{	}
					
	.cpage .bc img	{	width:100%}
	
	.cpage .bcleft	{	width:50%;
						float:left;}
						
	.cpage .bcright	{	width:50%;
						float:right;}
						
	.psearch input	{	}
						
/*greybox表示*/
	.gbbox	{	width: 300px;
				height: 300px;
				display: table-cell;
				vertical-align: middle;
				text-align: center;}
				
/*PHP表示*/
	#slist	{	width: 100%;}
	
	#slist .cd		{	width: 20%;}
	
	#slist .name	{	width: 65%;}
	
	#slist .detail	{	width: 15%;}