#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; 
} }

.onebox{
	padding: 0 0 10px;
	width: 980px;
}
	.onebox .box{
		border-left: 1px solid #c8b984;
		border-right: 1px solid #c8b984;
		border-bottom: 1px solid #c8b984;
		padding:12px;
		margin-left:1px;
	}
		.onebox .box .txt{
			*zoom: 1;
			background:#f5f5f5;
			padding: 26px;
		}
		.onebox .box .txt:after {
			content: "";
			display: table;
			clear: both; 
		}
		.onebox .box .txt .img{
			float: right;
			width: 44%;
		}
@media screen and (max-width: 650px) {
	.onebox{
		width: 100%;
	}
	.onebox .box{
		margin-left:0;
	}
		.onebox .box .txt .img{
			float: none;
			width: 100%;
		}
 }

.twobox{
	padding: 0 0 10px;
	width: 980px;
}
	.twobox .twobox_box{
		border-left: 1px solid #c8b984;
		border-right: 1px solid #c8b984;
		border-bottom: 1px solid #c8b984;
		padding:12px;
		margin-left:1px;
	}
		.twobox .twobox_box .collabo{
			*zoom: 1;
			background:#f5f5f5;
			padding: 40px 46px;
		}
		.twobox .twobox_box .collabo:after {
			content: "";
			display: table;
			clear: both; 
		}
		.twobox .twobox_box .collabo .collabo-inner {
			width: 850px;
		}
		.twobox .twobox_box .collabo .img{
			float: left;
			width: 362px;
		}
		.twobox .twobox_box .collabo .txt{
			float: right;
			width: 450px;
		}
	.twobox .twobox_box .collabo .waku{
		padding: 12px 28px;
		background: none;
		margin: 0 0 10px;
		text-align: left;
	}
		.twobox .twobox_box .collabo .txt .waku:first-child{
			background: #f2dee1;
		}
		.twobox .twobox_box .collabo .txt .waku:nth-child(2){
			background: #f9f3e4;
		}
		.twobox .twobox_box .collabo .txt .waku:nth-child(3){
			background: #bbcfb1;
		}
	.twobox .twobox_box .collabo .waku .moji{
		display: table;
	}
		.twobox .twobox_box .collabo .waku .moji h3{
			display: table-cell;
			vertical-align: middle;
			width: 45%;
			font-weight: bold; 
			font-size: 15px;
		}
		.twobox .twobox_box .collabo .waku .moji p{
			display: table-cell;
			vertical-align: middle;
		}
/*
	.twobox .twobox_box .collabo .txt .waku p span {
		font-weight: bold; 
		font-size: 15px;
		padding: 10px 10px ;
	}
*/
	.twobox h2 {
		color: #a72038;
		text-align: left;
		font-size: 18px;
		font-weight: bold;
		padding: 0 0 10px 20px;
		border-bottom: 1px solid #c0c0c0; 
		margin:0 0 20px;
		width: 95%;
	}
@media screen and (max-width: 650px) {
	.twobox{
		width: 100%;
	}
	.twobox .twobox_box{
		margin-left:0;
	}
		.twobox .twobox_box .collabo{
			padding: 20px;
		}
		.twobox .twobox_box .collabo .collabo-inner {
			width: 100%;
		}
		.twobox .twobox_box .collabo .img{
			float: none;
			width: 100%;
			padding: 0 0 10px;
		}
		.twobox .twobox_box .collabo .img img{
			width: 100%;
			height:auto;
		}
		.twobox .twobox_box .collabo .txt{
			float: none;
			width: 100%;
		}
		.twobox .twobox_box .collabo .waku .moji{
			display: block;
		}
			.twobox .twobox_box .collabo .waku .moji h3{
				display: block;
				width: 100%;
				font-weight: bold; 
				font-size: 15px;
			}
			.twobox .twobox_box .collabo .waku .moji p{
				display: block;
			}
/*		.twobox .twobox_box .collabo .txt .waku{
			float: none;
			width: 100%;
			padding: 0 0 10px 10px;
		}
		.twobox .twobox_box .collabo .txt .img{
			float: none;
			width: 100%;
			padding: 0 0 10px 0px;
		}
		.twobox .twobox_box .collabo .txt .waku p span {
			display: block; 
			font-weight: bold;
		}*/
 }
 
 .voicebox{
	padding: 0 0 10px;
	width: 980px;
}
	.voicebox .voice_box{
		border-left: 1px solid #c8b984;
		border-right: 1px solid #c8b984;
		border-bottom: 1px solid #c8b984;
		padding:12px;
		margin-left:1px;
	}
		.voicebox .voice_box .koe{
			*zoom: 1;
			background:#f5f5f5;
			padding: 26px;
		}
		.voicebox .voice_box .koe:after {
			content: "";
			display: table;
			clear: both; 
		}
		.voicebox .voice_box .koe .txt{
			color: #a72038;
			padding-left:130px;
		}
		.voicebox .voice_box .koe .voice ul{
			*zoom: 1;
			list-style:none;
			margin: 20px 0;
		}
		.voicebox .voice_box .koe .voice:after {
			content: "";
			display: table;
			clear: both; 
		}
		.voicebox .voice_box .koe .voice li.name {
			float:left;
			border-left: 5px solid #b94d60;
			padding: 10px 0;
		}
		.voicebox .voice_box .koe .voice li.comment {
			display: block;
			margin-left: 130px;
			background: #fff;
			padding: 10px 0;
		}
	.voicebox h2 {
		color: #a72038;
		text-align: left;
		font-size: 18px;
		font-weight: bold;
		padding: 0 0 10px 20px;
		border-bottom: 1px solid #c0c0c0; 
		margin:0 0 20px;
		width: 95%;
	}
	.voicebox h2 span {
		color: #000;
		padding: 0 0 10px 20px;
		font-style: normal;
		font-size: 14px;
	}
@media screen and (max-width: 650px) {
	.voicebox{
		width: 100%;
	}
	.voicebox .voice_box{
		margin-left:0;
	}
		.voicebox .voice_box .koe .txt{
			width: 100%;
			padding: 0 0 10px 0px;
		}
		.voicebox .voice_box .koe .voice li.name {
			display: block;
			float: none;
		}
		.voicebox .voice_box .koe .voice li.comment {
			display: block;
			padding: 0 0 10px 0px;
			margin-left: 0px;
		}
 }
 
.putinbox{
	padding: 0 0 10px;
	width: 980px;
}
	.putinbox h2 {
		color: #a72038;
		text-align: left;
		font-size: 18px;
		font-weight: bold;
		padding: 0 0 10px 20px;
		border-bottom: 1px solid #c0c0c0; 
		margin:0 0 20px;
		width: 95%;
	}
	.putinbox .putinbox_box{
		border-left: 1px solid #c8b984;
		border-right: 1px solid #c8b984;
		border-bottom: 1px solid #c8b984;
		padding:12px;
		margin-left:1px;
	}
		.putinbox .putinbox_box .putin{
			*zoom: 1;
			background:#f5f5f5;
			padding: 22px 46px;
		}
		.putinbox .putinbox_box .putin:after {
			content: "";
			display: table;
			clear: both; 
		}
		.putinbox .putinbox_box .putin .putin_inner{
			padding: 12px 26px;
		}
	.putinbox .putin_inner_box{
		*zoom: 1;
		padding: 15px 0 0;
	}
		.putinbox .putin_inner_box:after {
			content: "";
			display: table;
			clear: both; 
		}
		.putinbox .putin_inner_box.hot .txt{
			float: left;
			width: 510px;
		}
		.putinbox .putin_inner_box.hot .img{
			float: right;
			width: 246px;
		}
		.putinbox .putin_inner_box.cool .txt{
			float: right;
			width: 470px;
		}
		.putinbox .putin_inner_box.cool .img{
			float: left;
			width: 338px;
		}
	.putinbox .putin_inner_box .txt .outline_box{
		*zoom: 1;
		box-sizing:border-box;
		padding: 10px 12px;
		width: 470px;
	}
		.putinbox .putin_inner_box .txt .outline_box:after {
			content: "";
			display: table;
			clear: both; 
		}
		.putinbox .putin_inner_box.hot .txt .outline_box{
			background: #f2dee1;
		}
			.putinbox .putin_inner_box.hot .txt .outline_box .t_outline h3{
				color:#a72038;
				font-weight: bold;
				font-size: 15px;
				padding: 0 0 3px;
				border-bottom:1px dotted #a72038;
			}
		.putinbox .putin_inner_box.cool .txt .outline_box{
			background: #bbcfb1;
		}
			.putinbox .putin_inner_box.cool .txt .outline_box .t_outline h3{
				color:#88ab76;
				font-weight: bold;
				font-size: 15px;
				padding: 0 0 3px;
				border-bottom:1px dotted #88ab76;
			}
		.putinbox .putin_inner_box .txt .outline_box .t_outline{
			box-sizing:border-box;
			float: left;
			width: 42.5%;
			padding: 10px;
			background: #fff;
		}
			.putinbox .putin_inner_box .txt .outline_box .t_outline p{
				padding: 5px 0 0;
			}
		.putinbox .putin_inner_box .txt .outline_box .howto{
			float: right;
			width: 56%;
		}
			.putinbox .putin_inner_box .txt .outline_box .howto h3{
				font-size: 15px;
				font-weight: bold;
				padding: 0 0 5px;
			}
	.putinbox .putin_inner_box .txt .detail_box{
		padding: 15px 0 0;
	}
@media screen and (max-width: 650px) {
	.putinbox{
		width: 100%;
	}
	.putinbox .putinbox_box{
		margin-left:0;
	}
		.putinbox .putinbox_box .putin{
			*zoom: 1;
			background:#f5f5f5;
			padding: 12px;
		}
		.putinbox .putinbox_box .putin .putin_inner{
			padding: 10px 0;
		}
		.putinbox .putin_inner_box.hot .txt{
			float: none;
			width: 100%;
		}
		.putinbox .putin_inner_box.hot .img{
			float: none;
			width: 100%;
		}
		.putinbox .putin_inner_box.cool .txt{
			float: none;
			width: 100%;
		}
		.putinbox .putin_inner_box.cool .img{
			float: none;
			width: 100%;
		}
			.putinbox .putin_inner_box .img img{
				width: 100%;
				height:auto;
			}
		.putinbox .putin_inner_box .txt .outline_box{
			width: 100%;
		}
			.putinbox .putin_inner_box .txt .outline_box .t_outline{
				float: none;
				width: 100%;
			}
			.putinbox .putin_inner_box .txt .outline_box .howto{
				float: none;
				width: 100%;
				padding: 10px 0 0;
			}
}