#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;
} }
#subbar h3 {
	padding: 20px 0; 
	text-align: center;
}

.twobox{
	*zoom: 1;
	padding: 0 0 40px;
}
	.twobox:after {
		content: "";
		display: table;
		clear: both; 
	}
	.twobox .img{
		float: left;
		width: 380px;
	}
	.twobox .txts{
		float: right;
		width: 570px;
	}
		.twobox .txts .txt{
			padding: 0 0 15px;
		}
		.twobox .txts .txt h3{
			color: #b94d60;
			font-weight: bold;
			line-height: 40px;
			font-size: 24px;
		}
			.twobox .txts .txt h3 img{
				width: 40px;
				height:40px;
				margin-right:7px;
			}
		.twobox .txts .txt .moji{
			padding: 5px 105px 0 50px;
		}
@media screen and (max-width: 650px) {
	.twobox .img{
		float: none;
		width: 100%;
		padding: 0 0 20px;
	}
		.twobox .img img{
			width: 100%;
			height:auto;
		}
	.twobox .txts{
		float: none;
		width: 100%;
	}
		.twobox .txts .txt .moji{
			padding: 5px 0px 0 50px;
		}
}

.chabox{
	width: 980px;
	text-align: center;
}
	.chabox_inner{
		width: 870px;
		margin:0 auto;
	}
	.chabox 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;
	}
	.chabox .box{
		float: left;
		width: 340px;
	}
		.chabox .box .txt{
			padding: 15px;
			background: #f2dee1;
			margin: 0 0 10px;
			text-align: left;
		}
		.chabox .box .txt:nth-child(2){
			background: #f9f3e4;
		}
	.chabox .img{
		float: right;
		width: 504px;
	}
@media screen and (max-width: 650px) {
	.chabox{
		margin-left:0px;
		width:100%;
	}
		.chabox_inner{
			width: 100%;
		}
		.chabox .box{
			float: none;
			width: 100%;
		}		
		.chabox .img{
			float: none;
			width: 100%;
		}
}

.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 .moji{
			box-sizing:border-box;
			float: left;
			width: 44%;
			padding: 0 0 0 60px;
		}
			.onebox .box .txt .moji h3{
				color: #a72038;
				font-size: 18px;
				font-weight: bold;
				padding: 0 0 10px 20px;
				border-bottom: 1px solid #c0c0c0; 
			}
		.onebox .box .txt .img{
			float: right;
			width: 44%;
		}
		.onebox .txt span {
			color: #a72038;
		}
@media screen and (max-width: 650px) {
	.onebox{
		width: 100%;
	}
	.onebox .box{
		margin-left:0;
	}
		.onebox .box .txt .moji{
			float: none;
			width: 100%;
			padding: 0 0 10px 0px;
		}
		.onebox .box .txt .img{
			float: none;
			width: 100%;
		}
 }