#maincolumn{
	padding: 0 0 20px;
	margin:0 auto;
}
#bar{
	padding: 30px 0 0;
}
@media only screen and (max-width: 1024px)  {
	#maincolumn{
		width: 96%;
		padding: 10% 0 0;
	}
  #bar {
		padding: 14px 0 0; 
} }
@media only screen and (max-width: 769px) {
  #maincolumn {
    width: 94%;
	padding: 17% 0 0; }
  #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; 
} }

.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.red {
	color: #a72038; 
	border-bottom: 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.red,.threebox .detail .detail_box table td.back{
		width: 40%;
} 
 .threebox .detail .jan table td,.threebox .detail .jan table td.pink {
		width: 40%;
} 
	.threebox .detail .detail_box table td img{
		width: 100%;
		height:auto;
	}
}
.threebox .detail .jan table td.pink{
	background:#f2dee1;
}
.threebox .detail .jan table td{
	border: 1px solid #b94d60;
	text-align: center;
}