@charset "UTF-8";


/* ==================================================


header.css

KYORAKU.CO.JP共通のヘッダーのみを実装する場合に使用します。
※import.cssからは呼ばれません。単体で使用してください。
※一部、init.css, common.css と同様の内容を含みます。


通常、import.css で以下4つのCSSをまとめてロードしていますが、
 ・init.css   （ 諸々リセット＆初期化 ）
 ・clear.css  （ clearfixまとめ ）
 ・common.css （ ヘッダー＆フッター類 ）
 ・system.css （ アカウント管理周り ）


特に機種サイト等にヘッダーを組み込む際は、
上記CSSでは不要な指定が多いため、当ファイルを使用してください。


================================================== */


/*  reset
-----------------------------------------------------------*/
html,body,
div, ul, li { margin:0; padding:0; }
img, a, a img { border:0; }

#wrap {
	
	}

/*  clear
-----------------------------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {
	display:inline-block;
	min-height:1%; /* for IE 7*/
	}

/* font-family
-----------------------------------------------------------*/


/* Hides from IE-mac ÷*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*  header
-----------------------------------------------------------*/

#header {
	min-width: 940px;
	width: expression(document.body.clientWidth < 942? "940px" : "auto");
	background:#dddddd url(../gnavi/base.gif) repeat-x;
	height:40px;
	}

#headerInner {  }
#header img  {  }
#header #gNav    { float:left; }
#header #gNav li { display:inline; }
#header #subNav     { float:right; width: 197px; text-align:right; }
#header #subNav img { vertical-align: top; }
#header #subNav ul  { display: block; float: right; }
#header #subNav li  { display: block; width: 77px; height: 20px; list-style-type:none; margin:0; padding:0; line-height: 1; }
#header #subNav #rankAndPoint { float:left; width:120px; height: 40px; position: relative; zoom: 1; line-height: 1.2; }
#header #subNav .rank1 { background:url(../gnavi/rank1.gif) no-repeat; }
#header #subNav .rank2 { background:url(../gnavi/rank2.gif) no-repeat; }
#header #subNav .rank3 { background:url(../gnavi/rank3.gif) no-repeat; }
#header #subNav .rank4 { background:url(../gnavi/rank4.gif) no-repeat; }
#header #subNav #rankAndPointInner   { text-align:center; padding: 12px 45px 10px 5px; font-family:Verdana; font-size:12px; color: #555; }