@charset "utf-8";

/* Firefox・Safari・Operaなどのモダンブラウザ用の指定:after擬似要素 */
.clearfix:after {
	content: "."; /* 新しい要素を作る指定 */
	display: block; /*̗ 上の要素をブロック要素とする指定 */
	clear: both; /* floatをクリア */
	height: 0;
	visibility: hidden;
}

/* 以下は、:after擬似要素に未対応のIE7,IE6,MacIE5用の指定 */
.clearfix {
	display: inline-table; /* MacIE5用の指定 */
	min-height: 1%; /* IE7用の指定 */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%; /* IE6以下用の指定。IE6以下ではinline-tableに未対応のためheightを使用 */
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* ---------------------------------------------------------------
親ボックスの中で子ボックスをfloatする場合、親ボックスの背景画像が、
下までしっかり表示されなかったり、親ボックスのmarginが無くなって
しまったりという問題があります。

clearfixハックは、その親ボックスに上記のCSSを指定することで、
その問題を解決します。
--------------------------------------------------------------- */