*, *::after, *::before { 
		box-sizing: border-box; 
	}






	h2, h3, h4 {
		margin-top: 0px;
	}
	

	input, select {
		height: 24px;
	}

	p {
		font-size: 14px;
	}

	th, td {
		padding: 8px;
	}






	.bg_grey {
		background-color: #f7f7f7;
	}

	.mgb8px {
		margin-bottom: 8px;
	}

	.fs12 {
		font-size: 12px;
	}
		
	.fr {
		float: right;
	}
	
	.fl {
		float: left;
	}

	.b {
		font-weight: bold;
	}

	.dn {
		display: none;
	}
	
	.db {
		display: block;
	}

	.df {
		display: flex;
	}

	.h100p {
		height: 100%;
	}

	.w15p {
		width: 15%;
	}

	.w20p {
		width: 20%;
	}

	.w33p {
		width: 33%;
	}

	.w50p {
		width: 50%;
	}

	.w60p {
		width: 60%;
	}

	.w80p {
		width: 80%;
	}

	.w90p {
		width: 90%;
	}

	.w100p {
		width: 100%;
	}

	.mt10px {
		margin-top: 10px;
	}
	
	.mt20px {
		margin-top: 20px;
	}
	
	
	.mr12px {
		margin-right: 10px;
	}

	.mg8px {
		margin: 8px;
	}

	.clear {
		clear: both;
	}
	








	.btn {
		-webkit-border-radius: 8;
		-moz-border-radius: 8;
		border-radius: 8px;
		-webkit-box-shadow: 0px 1px 3px #efefef;
		-moz-box-shadow: 0px 1px 3px #efefef;
		box-shadow: 0px 1px 3px #efefef;
		color: #ffffff;
		font-size: 15px;
		line-height: 28px;
		padding: 10px 16px 10px 16px;
		background: #272d33;
	}

	btn_small {
		font-size: 12px;
		line-height: 20px;
		padding: 5px 9px 5px 9px;
	}

	.btn:hover {
		background: #222222;
	}
















	.dot {
		margin-top: 4px;
		width: 20px;
		height: 20px;
	}
	
	.data_table {
		padding: 2px 4px;
		border: 1px solid #4c4c49;
		border-collapse: collapse;
	}

	#content_right {
		padding-right: 16px;
		margin-top: 24px;
		width: 800px;
		float: right;
	}


















	body {
		background-color: #eeeeee;
		font-family: Trebuche MS, sans-serif;
		color: #000000;
		font-size: 14px;
		line-height: 24px;
		font-weight: 400;	
	}

	#main {
		width: 1170px; 
		min-height: 720px;
		margin: 0px auto;
		background-color: #ffffff;
	}




	
	

	.sf_left_input {
		width: 238px;
		height: 42px;
		padding: 4px;
		border: 1px solid #666666;
		background-color: #fff;
		color: #000;
	}

	.sf_left_submit {
		width: 42px;
		height: 42px;
		border: 0px;
		background-color: #000000;
		color: #fff;
	}









	.item_container {
		background-color: #ffffff;
		border: 1px solid #909090;
		padding: 20px;
	}

	.item_container:hover {
		border: 1px solid #222222;
	}

	.item_select {
		height: 38px;
		margin-right: 12px;
	}

	.item_price {
		font-size: 24px;
		font-weight: bold;
		color: #222222;
	}
















	.s2_content_left, .s2_content_right {
		margin-bottom: 32px;
	}









	
	
	
	.cart_pos_box {
		border-bottom: 1px solid #ffffff;
	}
	
	.cart_pos_box:last-child { 
		border: none;
	}


















	
	
	.cat_box {
		float: left;
		margin: 1%;
		min-height: 120px;
		border: 1px solid #000000;
		padding: 20px;
		width: 48%;
		background-color: #89dddb;
		font-size: 20px;
		font-weight: bold;
	}

	.box_small {
		min-height: 100px;
	}
	
	
	
	
	
	











	#navi_left {
		margin-left: 24px;
		margin-top: 24px;
		width: 280px;
		float: left;
	}

	.navi_left_div, .navi_left_div_hl {
		font-size: 14px;
		line-height: 24px;
		width: 100%;
		float: left;
		padding: 15px;
		padding-left: 0px;
		margin-bottom: 4px;
		border-bottom: 1px solid #000000;
		color: #000000;
	}

	.navi_left_div_hl {
		font-weight: bold;
	}

	.navi_left_div:hover, .navi_left_div_active {
		font-size: 15px;
		font-weight: bold;
		color: #000;
	}












	#header {
		width: 100%;
		height: 120px;
		background-color: #40827e;
		margin-bottom: 16px;
	}
	
	#top_header {
		padding: 8px 16px 0px 0px;
		width: 100%;
		height: 40px;
		background-color: #000;
		color: #ffffff;
		text-align: right;
	}
	
	#logo {
		margin-top: 24px;
		margin-left: 32px;
		float: left; 
	}
	










	#footer_container	{
		background-color: #ffffff;
		width: 1170px; 
		height: 113px;
		margin: 0px auto;
	}

	#footer	{
		background-color: #40827e;
		width: 100%; 
		height: 157px;
		padding: 32px;
	}

	#navi_footer_1, #navi_footer_2, #navi_footer_3{
		width: 240px;
		margin-right: 20px;
		float: right;
		font-size: 14px;
		color: #ffffff;
	}
	
	#navi_footer_1 a, #navi_footer_2 a, #navi_footer_3 a {
		color: #ffffff;
	}

	.nav_footer_p {
		margin: 10px;
	}

	.nav_footer_p:hover {
		font-weight: bold;
	}

















	.hx {
		margin: 0px;
		color: #222222;
	}


	.h100p {
		height: 100%;
	}




	

	a {
		color: #333;
		text-decoration: none;
	}






























	
	@media (max-width: 1210px) {
		
		#footer_container, #main {
			width: 980px;
		}
		
		.box_big {
			font-size: 16px;
			min-height: 100px;
		}
		
		#content_right {
			width: 630px;
		}

		input, select {
			height: 27px;
		}
	
		#navi_footer_3 {
			display: none;
		}

		#navi_footer_1, #navi_footer_2 {
			width: 280px;
		}
	}



	@media (max-width: 1020px) {
		
		#header {
			margin-bottom: 0px;
		}

		#footer_container, #main {
			width: 800px;
		}
		
		.box_big {
			float: none;
			margin: 0 0 12px 0;
			width: 100%;
			min-height: 90px;
			font-size: 20px;
		}
		
		.navi_left_div {
			display: block;
		}
		
		.navi_left_div, .navi_left_div_hl {
			padding-left: 12px;
		}
		
		#nav_links {
			display: block;
		}
		
		#nav_buttons {
			display: none;
		}
				
		#navi_left {
			margin-left: 0px;
			width: 100%;
			margin-top: 0px;
			display: none;
		}
				
		#menu_button {
			display: block;
		}
				
		#content_right {
			width: 100%;
			padding: 0px 12px;
		}

		#logo {
			display: block;
			float: none;
			margin: 0px auto;
			padding-top: 16px;
		}

		input, select {
			height: 27px;
		}

		.s2_content_left, .s2_content_right {
			float: left;
			width: 100%;
		}
		
		#top_header {
			text-align:center;
		}

		#navi_footer_1, #navi_footer_2 {
			width: 340px;
		}
	}



	@media (max-width: 840px) {
	
		#footer_container, #main {
			width: 600px;
		}
		
		.cat_box {
			width: 100%;
		}
		
		.item_select {
			width: 100%;
			margin-bottom: 16px;
		}
	
		input, select {
			height: 30px;
		}

		#navi_footer_1, #navi_footer_2 {
			width: 228px;
		}
	}



	@media (max-width: 640px) {
		
		#footer_container, #main {
			width: 100%;
		}
		
		#footer {
			height: 160px;
		}
		
		#navi_footer {
			width: 120px;
			float: left;
		}

		input, select {
			height: 32px;
		}

		#navi_footer_2 {
			display: none;
		}

		#navi_footer_1 {
			float: left;
		}
	}


	@media (max-width: 460px) {
		
		#main_header {
			font-size: 13px;
		}
	}


	@media (max-width: 440px) {
		
		body {
			font-size: 13px;
		}
	}