@charset "shift_jis";
/* CSS Document */

#contents h4.s-title {
	font-size: 1.125em;
	margin: 0 0.75em 1em;
}
#contents div.w-320 {
	width: 320px;
}
#contents div.w-420 {
	width: 420px;
}
#contents div.twoColumnArea {
	margin: 0 0 30px;
}
#contents div.twoColumnArea:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#contents div.w-375,
#contents div.twoColumnArea div.fltRight {
	width: 375px;
}
#contents div.twoColumnArea div.fltLeft {
	border-right: dotted 1px #999999;
	width: 374px;
}
#contents hr {
	margin: 0 0 30px;
	height: 1px;
	border: none;
	border-top:  dotted 1px #999999;
	clear: both;
	
}

@media screen and (max-width: 640px) {
	#contents h4.s-title {
		margin: 0 0 1em;
	}
	#contents .fltLeft,
	#contents .fltRight {
		float: none;
	}
	#contents div.twoColumnArea div.fltLeft {
		border: none;
	}
	#contents div.w-320,
	#contents div.w-420,
	#contents div.w-375,
	#contents div.twoColumnArea div.fltLeft,
	#contents div.twoColumnArea div.fltRight {
		width: auto;
	}
	
}