/* CSS Document */

body {
	margin:0;
	background-image:none;
	text-align:left;
	}


/* ===================================ヘッダー=================================== */

div.head:after {
	content: "あ";		/*HTML要素を挿入*/
	display: block;		/*要素をブロックに変換*/
	visibility: hidden;	/*要素を非表示にする*/
	height: 0.1px;		/*要素の高さを0.1pxに設定（ほとんど見えない）*/
	font-size: 0.1em;	/*要素のフォントサイズを設定（ほとんど見えない）*/
	line-height: 0;		/*行の高さを0に設定（完全に見えない）*/
	clear: both;		/*フロートを解除*/
}

div.head {
	width:920px;
	background-image:url(../img-head/bg_head.png);
	background-repeat:no-repeat;
	display:inline-block;
}  

.head {
	width:920px;
	height:190px;
	margin:0;
}

	.head img {
		margin:0;
		border:0;
		}

#log {
	position:absolute;
	top:15px;
	left:0;
	width:324px;
	height:65px;
	margin:0;
	padding:0;
	} 

#log a {
	text-indent: -9999px; /* ----- テキストを隠す*/
	text-decoration: none;
	display: block;
	height: 65px; /* ----- リンク領域を広げる*/
	background-image:url(../img-head/log.png);
	background-repeat: no-repeat;
	}

/* normal
---------------------*/
    #log a { width:324px; background-position:0       0;}
/* rollover
----------------------*/
    #log a:hover { width:324px; background-position:0       -65px;}



/* ===================== サイトポリシー ===================== */

#hmSP {
	position:absolute;
	top:10px;
	right:0;
	height:10px;
	width:228px;
	padding:0;
	list-style-type: none;
	overflow:hidden;
	}

#hmSP li {
	height: 10px;
	margin: 0;
	padding: 0;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/

	}


#hmSP a {
	text-indent: -9999px; /* ----- テキストを隠す*/
	text-decoration: none;
	display: block;
	height: 10px; /* ----- リンク領域を広げる*/
	background-image: url(../img-head/hm.png);
	background-repeat: no-repeat;
	}

/* normal
---------------------*/
    #hm01 a { width:99px; background-position:0       0;}
    #hm02 a { width:129px; background-position:-99px  0;}/*hm01のwidth合計を引く*/

#globalnavi a:hover {
  text-decoration: none;
  background-image: url(../img-head/hm.png);
  background-repeat: no-repeat;
}

/* rollover
----------------------*/
    #hm01 a:hover { width:99px; background-position:0       -10px;}
    #hm02 a:hover { width:129px; background-position:-99px  -10px;}

	


/* ===================== ナビゲーション詳細 ===================== */

#globalNavi {
	position:absolute;
	top:120px;
	left:10px;
	height:84px;
	width:900px;
	padding:0;
	list-style-type: none;
	overflow:hidden;
	}

#globalNavi li {
	height: 42px;
	margin: 0;
	padding: 0;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/

	}


#globalNavi a {
	text-indent: -9999px; /* ----- テキストを隠す*/
	text-decoration: none;
	display: block;
	height: 42px; /* ----- リンク領域を広げる*/
	background-image: url(../img-head/navi_global.png);
	background-repeat: no-repeat;
	}

/* normal
---------------------*/
    #navi01 a { width:150px; background-position:0       0;}
    #navi02 a { width:150px; background-position:-150px  0;}/*navi01のwidth合計を引く*/
    #navi03 a { width:150px; background-position:-300px  0;}/*navi01〜02のwidth合計を引く*/
    #navi04 a { width:150px; background-position:-450px  0;}/*navi01〜03のwidth合計を引く*/
    #navi05 a { width:150px; background-position:-600px  0;}/*navi01〜04のwidth合計を引く*/
    #navi06 a { width:150px; background-position:-750px  0;}/*navi01〜05のwidth合計を引く*/

#globalNavi a:hover {
  text-decoration: none;
  background-image: url(../img-head/navi_global.png);
  background-repeat: no-repeat;
}

/* rollover
----------------------*/
    #navi01 a:hover { width:150px; background-position:0       -42px;}
    #navi02 a:hover { width:150px; background-position:-150px  -42px;}
    #navi03 a:hover { width:150px; background-position:-300px  -42px;}
    #navi04 a:hover { width:150px; background-position:-450px  -42px;}
    #navi05 a:hover { width:150px; background-position:-600px  -42px;}
    #navi06 a:hover { width:150px; background-position:-750px  -42px;}



/* ===================== 文字サイズ変更パネル ===================== */

ul#txtSize {
	position:absolute;
	top:30px;
	right:0;
	width:192px;
	height:30px;
	margin:0;
	padding:0;
	background-image:url(../img-head/txtsize_ul.png);
	}

ul#txtSize li {
	width:22px;
	height:22px;
	padding:0;
	list-style-type:none;
	float:left;
	}
	ul#txtSize li.l {
	position:absolute;
	top:5px;
	right:61px;
	background-image:url(../img-head/txtsize_liL.png);
	}
	ul#txtSize li.m {
	position:absolute;
	top:5px;
	right:34px;
	background-image:url(../img-head/txtsize_liM.png);
	}
	ul#txtSize li.s {
	position:absolute;
	top:5px;
	right:7px;
	background-image:url(../img-head/txtsize_liS.png);
	}