@charset "utf-8";

#main > .inner{
	padding-top: 210px;
}

#main .h.title{
	background-image: url(../../common/img/bg_h_01.jpg);
}

table.overview{
	width:100%;
	border:1px solid #dddddd; border-collapse:collapse;
	margin:30px 0 40px 0;
	font-size:13px;
}
table.overview th{
	width:70px;
	background:#f0f5f9;
	border:1px solid #dddddd; border-collapse:collapse;
	font-weight:normal;
	padding:10px 30px;
	vertical-align:top;
}
table.overview td{
	border:1px solid #dddddd; border-collapse:collapse;
	padding:10px 30px;
}

h4{
	width:700px; height:42px;
	background:url(../../img/h4.png) no-repeat;
	line-height:42px;
}
h5{margin:20px 0;}
img.mark{margin:20px 0;}

table.color{margin:15px; font-size:13px;}
h6{margin:0 0 10px 0;}
table.color th, table.color td{vertical-align:top; padding:10px;}

@media screen and (max-width: 740px){
	#main > .inner{
		padding-top: 0;
	}
	
	#main_column{width:100%;}
	
	table.overview th{width:70px; padding:5px;}
	table.overview td{padding:5px;}
	
	table.color{margin:0;}
	table.color tr{border:1px solid #cccccc;}
	table.color th{padding:10px;}
	table.color td{padding:10px;}
	
	h4{
		width:100%; height:33px;
		background:url(../../img/h4.png) no-repeat;
		background-size:100% 33px;
		line-height:42px;
	}
	#main_column img{
		border:0;
		max-width:100% !important;
		height:auto !important;
	}
}