/* NEW STYLE */

body {
	background: #C0E6EE;
	padding: 0;
	margin: 0;
}

.wrapper {
	max-width: 1000px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	background: #ffeae1;
}

.header {
	width: 100%;
	min-height: 150px;
	font-size: 0;
	background: url(/img_tamada/tamada_fon.jpg) left top repeat;
}

.header .col {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

.col3-1 {
	width: 185px;
}

.col3-2 {
	max-width: 650px;
}

.col3-3 {
	width: 150px;
	text-align: right;
	padding-top: 30px;
}

.nav {
	width: 100%;
	min-height: 24px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img_tamada/tamada_fon3.jpg) top left repeat-x;
}

.nav .menu_top a {
	line-height: 24px;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

.open {
	display: block !important;
}

.b_left {
	display: none;
}

.content {
	max-width:745px;
	margin-left: 250px;
	background-color: #ffeae1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.l_sidebar {
	float: left;
	width: 250px;
	background: #ffeae1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.body, .body .content {
	position: relative;
}

.body .content:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width: 5px;
	background: rgba(149,165,47,1);
background: -moz-linear-gradient(left, rgba(149,165,47,1) 0%, rgba(221,227,179,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(149,165,47,1)), color-stop(100%, rgba(221,227,179,1)));
background: -webkit-linear-gradient(left, rgba(149,165,47,1) 0%, rgba(221,227,179,1) 100%);
background: -o-linear-gradient(left, rgba(149,165,47,1) 0%, rgba(221,227,179,1) 100%);
background: -ms-linear-gradient(left, rgba(149,165,47,1) 0%, rgba(221,227,179,1) 100%);
background: linear-gradient(to right, rgba(149,165,47,1) 0%, rgba(221,227,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95a52f', endColorstr='#dde3b3', GradientType=1 );
}



.footer_t {
	width: 100%;
	background: #ffeae1;
	border-top: 2px solid #96a52f;
	text-align: center;
}

#shk_prodHelper {
	z-index: 99999 !important;
}

@media all and (max-width: 1000px) {

	body {
		background: #ffeae1;
	}
	
	body div > table {
		width: 100% !important;
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	body div > table td {
		height: auto !important;
	}
	
	.header {
		min-height: 150px;
		height: auto;
	}
	
	.header tr td {
		display: block;
		float: left;
	}
	
	.slider, .sliderContent {
		max-width: 650px;
		width: auto !important;
		height: auto !important;
		min-height: 145px;
		min-width: 300px;
	}
	
	.sliderContent {
		
	}
	
	.sliderContent .item {
		max-width: 650px;
		width: auto !important;
		height: auto !important;
	}
	
	.sliderContent .item img {
		max-width: 100%;
	}
	
}

@media all and (max-width: 860px) {
	
	.nav {
		position: relative;
	}
	
	.nav .menu_top {
		display: none;
		width: auto;
		font-size: 0;
		position: absolute;
		left:12px;
		top:24px;
		background: #fff;
		z-index: 9999;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
		-webkit-box-shadow: 3px 2px 7px #222;
		-moz-box-shadow: 3px 2px 7px #222;
		box-shadow: 3px 2px 7px #222;
	}
	
	.nav .menu_top a {
		display: block;
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
		border-bottom: 1px solid #333;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.nav .menu_top a:last-child {
		border-bottom: none;
	}
	
	.nav {
		cursor: pointer;
		width: 100%;
		background: url(/img/nav.png) center center no-repeat, url(/img_tamada/tamada_fon3.jpg) top left repeat-x;
	}
	
	.nav .menu_top {
		cursor: pointer;
	}
	
	.body td, .body th {
		display: block;
		float: left;
		width: 100%;
	}
	
}

@media all and (max-width: 720px) {
	
	.body {
		position: relative;
		padding-left: 0;
	}
	
	.body .content:before {
		display: none;
	}
	
	.header {
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.content {
		margin-left: 0;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.body div {
		height: auto !important;
	}
	
	.body img {
		
	}
	
	.header {
		padding-bottom: 20px;
	}
	
	.header .col {
		width: 100%;
		text-align: center;
	}
	
	.col3-1 ul {
		width: 300px;
		margin: 0 auto;
	}
	
	.col3-1 ul li {
		list-style: none;
	}
	
	.slider, .sliderContent {
		max-width: 650px;
		width: auto !important;
		height: auto !important;
		min-height: 150px;
		min-width: 300px;
	}
	
	#shopOrderForm input,
	#shopOrderForm textarea {
		width: 100%;
	}
	
	.text_1 {
		margin-left: 0 !important;
	}
	
	.product {
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.l_sidebar {
		position: absolute;
		left: -350px;
		top: 0;
		width: 250px !important;
		-webkit-box-shadow: 3px 2px 3px #111;
		-moz-box-shadow: 3px 2px 3px #111;
		box-shadow: 3px 2px 3px #111;
		padding: 5px 5px 10px 5px;
		border: 1px solid #333;
	}
	
	.b_left {
		display: block;
		width: 25px;
		height: 25px;
		line-height: 25px;
		position: fixed;
		top: 45%;
		left: 0;
		background: rgba(0,0,0,0.35);
		text-align: center;
		color: #fff;
		z-index: 999;
		cursor: pointer;
	}
	
	.b_left a {
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.open2 {
		left:30px;
		transition:1s;
		z-index: 999;
	}

}

@media all and (max-width:500px) {
		.slider, .sliderContent {
		min-height: 100px;
	}
}

.cl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}