body {
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 150%;
}
/* Utility
---------------------------------------------------------------------- */
.content_main div,.content_main h1,.content_main h2,.content_main h3,.content_main h4,.content_main h5,.content_main h6,.content_main p,.content_main dl,.content_main dt,.content_main dd,.content_main ol,.content_main ul,.content_main li,.content_main form,.content_main input,.content_main textarea,.content_main button,.content_main table,.content_main tr,.content_main th,.content_main td,.content_main article,.content_main aside,.content_main footer,.content_main header,.content_main hgroup,.content_main nav,.content_main section{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
ul,ol {
    margin: 0;
    padding: 0;
}
.clearfix {
    zoom: 1;/*for IE 5.5-7*/
    min-height: 1%;
}
.clearfix:after {/*for modern browser*/
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    display: inline-table;
    /*\*/display: block;/**/
}
img {
    /*height: auto;*/
    margin: 0;
    padding: 0;
    max-width: 100%;
    line-height: 100%;
    vertical-align: middle;
}
.alignC {text-align: center;}
.alignR {text-align: right;}
.alignL {text-align: left;}

/* Content
---------------------------------------------------------------------- */
#page {
    position: relative;
}
#pagetop {
    display: none;
    position: fixed;
    right: 10%;
    bottom: 100px;
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: #006400;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}
	#pagetop a{
	    color: #fff;
    }
/* Page Utility */
.bgcolor01 {
    background-color: #fbfbfb;
}
.mb30 {
    margin-bottom: 30px;
}
.sec{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #ccc;
 }
.sectionWrap {
    margin: 0 auto 60px auto;
	width: 763px;
}
.sectionWrap p{
    padding: 0;
}

	.sectionWrap ul {
	    margin: 0 auto 30px auto;
	    padding: 0;
	}
	.sectionWrap ul li {
	    margin: 0 auto;
	    padding: 0;
	}

.colR {
    width: 49%;
    float: right;
    font-size: 90%;
}
.colL {
    width: 49%;
    float: left;
    font-size: 90%;
}

.sec h3 {
    font-size: 80%;
}
.sec h2,
.sec h3{
	position: relative;
	background: #009a44;
	border: 3px solid #009a44;
	color: #fff;
	text-align: center;
}
.sec h2:after, .sec h2:before,
.sec h3:after, .sec h3:before {
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
}
.sec h2:after,
.sec h3:after {
	margin-left: -10px;
	border-color: rgba(0, 154, 68, 0);
	border-top-color: #009a44;
	border-width: 10px;
}
.sec h2:before,
.sec h3:before {
	margin-left: -14px;
	border-color: rgba(0, 154, 68, 0);
	border-top-color: #009a44;
	border-width: 14px;
}
h2.title {
    margin: 20px 0;
    padding: 5px 10px;
    border-bottom: solid 2px #000;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 9px -6px;
    -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 9px -6px;
    -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px 10px 9px -6px;
    background: rgb(70,151,72);
    background: -moz-linear-gradient(top, rgba(70,151,72,1) 0%, rgba(39,132,42,1) 25%, rgba(7,110,2,1) 50%, rgba(9,71,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(70,151,72,1) 0%,rgba(39,132,42,1) 25%,rgba(7,110,2,1) 50%,rgba(9,71,0,1) 100%);
    background: linear-gradient(to bottom, rgba(70,151,72,1) 0%,rgba(39,132,42,1) 25%,rgba(7,110,2,1) 50%,rgba(9,71,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469748', endColorstr='#094700',GradientType=0 );
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.sidebar1 {
    overflow: hidden;
    line-height: 100%;
}

	.sidebar1 img {
	    line-height: 100%;
	}
	.sidebar1 table table td ul li a {
	    color: #333;
	}
.sPhone {
    display: none;
}
/* RESPONSIVE
---------------------------------------------------------------------- */
.footNav {
    display: none;
}
@media only screen and (max-width:768px){
	* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	img {
	    max-width: 100%;
	}
    .pc {display: none;}
	.container {
	    margin: 0 auto;
	    width: auto;
	}
	.content_main,
	.content {
	    float: none;
	    padding: 0px 0;
	    width: auto;
	}
	.content_sita,
	.content_osimai,
	.content_osimai2 {
	    float: none;
	    margin: 0 auto;
	    padding: 0;
	    height: auto;
	    width: auto;
	}
	.content_osimai table,
	.content_osimai2 table {
	    width: 100%;
	}
	.content_osimai table th,
	.content_osimai table td {
		display: list-item;
	    padding: 8px 5px 8px 15px;
	    width: auto!important;
		border-bottom: solid 1px #ccc;
	}
	.sidebar1 {
	    display: none;
	}
	.sectionWrap {
	    margin: 0 auto;
	    width: 95%;
	}
	#globalNav ul li a {
	    text-align: left;
	    line-height: 35px;
	    height: 35px;
	    padding-left: 30px;
	}
	#globalNav ul li {
	    display: block;
	    text-align: left;
	    padding: 0;
	    height: 35px;
	}
		#globalNav ul li:after {
		    left: 5px;
		    bottom: 38%;
	    }
	#globalNav ul {
	    display: block;
	    margin: 0 auto;
	    padding: 0;
	    width: auto;
	}
	.footNav {
	    display: block;
	}
	.footNav ul.nav {
	    margin: 0;
	    padding: 0;
	}
		.footNav ul li{
		    width: 100%;
		    border-bottom: solid 1px #fff;
		    background-color: #000;
		}
		ul.nav a, ul.nav a:visited {
	    	width: auto;
	    }
	 ul li,ol li{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#subNav ul li {
	    display: inline-block;
	    width: 33.3%;
	    list-style-type: none;
	    font-size: 12px;
	    border-left: solid 1px #fff;
	    vertical-align: top;
	}

}
/* TABLE
---------------------------------------------------------------------- */
p.moreLink:before {
    content: "▶ ";
    font-size: 12px;
    color: red;
}
table.tablesorter{
	width: 100%;
	border-collapse: collapse;
}
table.tablesorter {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent!important;
}
table.tablesorter th,
table.tablesorter td{
    border: solid 1px #ccc;
    font-size: 9pt;
}
table.tablesorter td,
table.tablesorter th{
}
table.tablesorter th{
}
table.tablesorter thead th{
	background:#e6e6e6;
}
	table.tablesorter thead th:nth-of-type(2) {width: 55px;}
	table.tablesorter thead th:nth-of-type(3) {width: 100px;}
	table.tablesorter thead th:nth-of-type(4) {width: 80px;}
	table.tablesorter thead th:nth-of-type(5) {width: 80px;}
	table.tablesorter thead th:nth-of-type(6) {width: 180px;}
	table.tablesorter thead th:nth-of-type(7) {width: 80px;line-height:100%;}
	table.tablesorter thead th:nth-of-type(8) {width: 70px;}
	table.tablesorter thead th:nth-of-type(9) {width: 100px;}

table.tablesorter tbody td {
}
table.tablesorter tbody th {
    font-weight: normal;
    text-align: left;
}
table.tablesorter tbody td p {
    padding: 0;
}
table.tablesorter tbody th.sPhone { display: none;}
/*
.saleWrap {
    display: table;
    width: 100%;
}
.sale_description,
.sale_thumbnail {
    display: table-cell;
    vertical-align: top;
}
*/
.saleprice {
    color: red;
    font-weight: bold;
}
.sale_thumbnail {
    width: auto;
    min-width: 50px;
    padding: 5px;
    text-align: center;
}
	.sp {
	    display: none;
	}
@media only screen and (max-width:768px){

	.sp {
	    display: block;
	}
		.sp ul.nav a, .sp ul.nav a:visited {
		    width: auto;
		}
	.saleWrap,
	.sale_description,
	.sale_thumbnail {
	    display: block;
	    width: auto;
	}
	.sale_thumbnail{
	    text-align: center;}
	.sale_thumbnail img {
	    width: 150px;
	}
	table.tablesorter{
		display: block;
	}
		table.tablesorter thead{
			display: none;
		}
		table.tablesorter tbody{
			display: block;
		}
			table.tablesorter tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			table.tablesorter tbody th.sPhone,
			table.tablesorter tbody td{
				display: list-item;
				border: none;
				width: auto;
				font-size: 12px;
			}
			table.tablesorter tbody .sPhone{
				display: block;
				margin-bottom: 5px;
			    padding: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
				text-align: left;
				width: auto;
			    font-size: 15px;
			    font-weight: bold;
			}
			table.tablesorter tbody td{
				margin-left: 20px;
				padding: 0;
			}
			table.tablesorter tbody td:nth-of-type(1):before { content: "[商品番号]"; }
			table.tablesorter tbody td:nth-of-type(2):before { content: "[店舗名]"; }
			table.tablesorter tbody td:nth-of-type(3):before { content: "[商品カテゴリー]"; }
			table.tablesorter tbody td:nth-of-type(4):before { content: "[メーカー名]"; }
			table.tablesorter tbody td:nth-of-type(5):before { content: "[商品名]"; }
			table.tablesorter tbody td:nth-of-type(6):before { content: "[メーカー希望小売価格]"; }
			table.tablesorter tbody td:nth-of-type(7):before { content: "[限定価格]"; }
			table.tablesorter tbody td:nth-of-type(8):before { content: "[備考]"; }
	table.tablesorter thead td:nth-of-type(1),
	table.tablesorter thead td:nth-of-type(2),
	table.tablesorter thead td:nth-of-type(3),
	table.tablesorter thead td:nth-of-type(4),
	table.tablesorter thead td:nth-of-type(6),
	table.tablesorter thead td:nth-of-type(7),
	table.tablesorter thead td:nth-of-type(8)  {width: 100%!important;}
}
.headBannerArea {
    text-align: center;
}
.headBannerArea ul {
    display: inline-block;
    margin: 5px auto;
    letter-spacing: -0.1em;
}
	.headBannerArea ul li {
	    display: inline-block;
	    padding: 2px 2px;
	    width: 32.5%;
	}
	.headBannerArea ul li img {
	    box-shadow:0px 0px 6px 3px #f5f5f5;
	    -moz-box-shadow:0px 0px 6px 3px #f5f5f5;
	    -webkit-box-shadow:0px 0px 6px 3px #f5f5f5;
	}

@media only screen and (max-width:768px){
	.headBannerArea ul li {
	    width: 49%;
	    display: inline-block;
	}
}