#maincolumn{
	padding: 0 0 20px;
}
#bar{
	padding: 30px 0 0;
}
@media screen and (max-width: 650px) {
	#maincolumn{
		width: 96%;
		margin:0 auto;
	}
  #bar {
		padding: 14px 0 0; 
} }
#subbar{
	padding: 20px 0 10px;
	width: 980px;
	text-align: center;
}
@media screen and (max-width: 650px) {
  #subbar {
		padding: 14px 0 0; 
		width: 100%;
		text-align: center;
} }
#subbar ul {
	*zoom: 1; 
}
#subbar ul:after {
	content: "";
	display: table;
	clear: both; 
}
#subbar ul li {
	padding: 0 10px;
	display: inline-block; 
}
@media screen and (max-width: 650px) {
  #subbar ul li {
		width: 45%;
		padding: 0; 
		display: inline-block;
} }

#category{
	padding: 30px 0 0;
}
@media screen and (max-width: 650px) {
  #category {
		padding: 14px 0 0; 
} }
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 650px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.threebox .detail{
	*zoom: 1;
	width: 980px;
	padding-right: 30px;
}
.threebox .detail:after {
	content: "";
	display: table;
	clear: both; 
}
.threebox .detail .detail_box {
	float: left;
	width: 315px; 
	margin-right: 15px;
}
.threebox .detail .detail_box:last-child {
	float: right;
	margin-right: 0px; 
}
@media screen and (max-width: 650px) {
	.threebox .detail{
		width: 100%;
		padding-right: 0;
	}
	.threebox .detail .detail_box {
		float: none;
		width: 100%; 
		padding-right: 0px;
		margin-right:0px;
	}
	.threebox .detail .detail_box:last-child {
		float: none; 
	} 
}
.threebox .detail .detail_box table {
	margin: 10px 0;
	width: 100%;
}
.threebox .detail .detail_box table td {
	padding: 10px 0;
	display: table-cell; 
}
.threebox .detail .detail_box table td.green {
	color: #88ab76; 
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
}
.threebox .detail .detail_box table td.back{
	background:#f9f3e4;
	padding: 10px 10px;
	vertical-align: top;
}/*}*/
@media screen and (max-width: 650px) {
	.threebox .detail .detail_box table td {
		width: 40%;
		margin-right:0px;
	}
	.threebox .detail .detail_box table td img{
		width: 100%;
		height:auto;
	}
	.threebox .detail .detail_box table td.green,.threebox .detail .detail_box table td.back{
		width: 40%;
	}
}