@charset "utf-8";

/* ----------------------------------------------
 * clearfix
---------------------------------------------- */
/*for IE 5.5-7*/
.clr {
	zoom: 1;
	display: inline-table;
}

/*for modern browser*/
.clr:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html .clr {
	height: 1%;
	display:inline-table;
	/*\*/display:block;/**/
}

/* Hides from IE-mac \*/
* html .clr {
	height: 1%;
}

.clr {
	display: block;
}
/* End hide from IE-mac */

/* ----------------------------------------------
 * 要素を左右中央寄せ
---------------------------------------------- */
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.imgC {
	text-align: center;
}

.posL {
	float: left;
}

.posR {
	float: right;
}

/* ----------------------------------------------
 * リスト形式のイメージを横並びに
---------------------------------------------- */
.imgList li {
	float: left;
}

/* ----------------------------------------------
 * 画像ロールオーバークラス
 * ----------------------------------------------
 * 【使用方法】
 * 1 ロールオーバーさせたい(親)要素に
 *   .navOverを指定
 * 2 ロールオーバーさせたい(子)要素に
 *   idで一意の名前を指定
 * 3 #hoge { background: url("ロールオーバー時の画像名"); }
 *   を、適宜なCSSファイルに記述して、おしまい
---------------------------------------------- */
.navOver,
.navOver a,
.navOver a:hover {
	display: block;
}
	.navOver a:hover {
		background-color: transparent;
	}
		.navOver a:hover img {
			visibility: hidden;
		}