@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を指定することで、

その問題を解決します。

--------------------------------------------------------------- */