@charset "utf-8";
/* ==============================

ナビゲーションスタイル

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

/*---------- グローバルナビゲーション ----------*/

ul#gloNavi{
	margin:0 0 5px 0;
	padding:0;
	width:880px;
	height:112px;
	display:block;
}

ul#gloNavi li{
	margin:0;
	padding:0;
	float:left;
/*	text-indent:-9999px; 
	display:block;*/
	background-image:url("../images/common/gloNavi.jpg");
	font-size:10pt;
	text-indent:5px;

/*	height:112px;*/
}

ul#gloNavi li a{
	display:block;
	width:220px;
	line-height:112px;
	background-repeat:no-repeat;
	color:#FFFFFF;/*\*/
	overflow:hidden;/* */

}

ul#gloNavi li a:hover{
	background-image:url("../images/common/gloNaviON.jpg");
}

/*
ul#gloNavi li#whats{
	background-image:url("../images/common/whatsBTN_f2.gif");
}
ul#gloNavi li#whats a:link,
ul#gloNavi li#whats a:visited{
	background-image:url("../images/common/whatsBTN.gif");
}
ul#gloNavi li#whats a:hover{
	background-image:url("../images/common/whatsBTN_f2.gif");
}


ul#gloNavi li#sitetop{
	background-image:url("../images/common/sitetopBTN_f2.gif");
}
ul#gloNavi li#sitetop a:link,
ul#gloNavi li#sitetop a:visited{
	background-image:url("../images/common/sitetopBTN.gif");
}
ul#gloNavi li#sitetop a:hover{
	background-image:url("../images/common/sitetopBTN_f2.gif");
}


ul#gloNavi li#about{
	background-image:url("../images/common/aboutBTN_f2.gif");
}
ul#gloNavi li#about a:link,
ul#gloNavi li#about a:visited{
	background-image:url("../images/common/aboutBTN.gif");
}
ul#gloNavi li#about a:hover{
	background-image:url("../images/common/aboutBTN_f2.gif");
}

ul#gloNavi li#howto{
	background-image:url("../images/common/howtoBTN_f2.gif");
}
ul#gloNavi li#howto a:link,
ul#gloNavi li#howto a:visited{
	background-image:url("../images/common/howtoBTN.gif");
}
ul#gloNavi li#howto a:hover{
	background-image:url("../images/common/howtoBTN_f2.gif");
}
============================== */

ul#gloNavi:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

* ul#gloNavi{
	height:100%;
	 /*\*//*/
	display:inline-block;
	/**/
}

*>ul#gloNavi{
	height:auto;
	/* \*/
	overflow:hidden;
	/* */
}

ul#gloNavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul#gloNavi { display:inline-block; }
/*\*/
* html ul#gloNavi { height:1%; }
ul#gloNavi { display:block; }
/**/



/*---------- サブナビゲーション ----------*/

ul#subNavi li h2.cntntTitle{
	font-size:15px;
	border:1px solid #666;
	text-indent:5px;
}

ul#subNavi li{
	margin-bottom:0.5em;
	display:block;
}

ul#subNavi li ul li{
	margin-left:20px;
	margin-bottom:0.2em;
	font-size:13px;
	border-bottom:1px solid #333;
}

/* ==============================
当初、
ul#subNavi a:link,ul#subNavi a:visited{
	width:100%;
	overflow:hidden;
}
と記述していたが、
a:link、a:visited　でのナビゲーションブロックが
MacIE5xでは効かなかった為、

ul#subNavi a{}　で記述。

【TIPs】
a:link,a:visited 等、アクション付きのものに対して、
display:blockは、書いてはいけない！！！
また、overflow　は、MacIE5xでは、逃がす記述を！！
============================== */

ul#subNavi a{
	width:100%;
	display:block;/*\*/
	overflow:hidden;/* */s
}


ul#subNavi a:hover{
	background-color:#333;

}

ul#subNavi a.onPage{
	background-color:#333;
}

/*---------- ページングナビゲーション ----------*/

div.pagingNavi{
	clear:both;
	position:relative;
	display:block;
	height:20px;
	font-size:80%;

	margin:1em 0;
	padding-top:10px;
	border-top:1px dotted #666;
}

div.pagingNavi a.futureLink{
	position:absolute;
	right:0;
}

/*---------- コンテンツ内　擬似タブナビ ----------*/

div#contents ul#tabNavi{
	margin:0 0 1em 0;
	padding:0;
	height:20px;
	display:block;
}

div#contents ul#tabNavi li{
	margin:0 5px 0 0;
	padding:0;
	text-indent:5px;
	float:left;
	border:1px solid #666;
}

div#contents ul#tabNavi li a{
	font-size:13px;
	width:212px;
	display:block;
	text-decoration:none;
}

div#contents ul#tabNavi li a:hover{
	background-color:#333;
	color:#FFF;
	text-decoration:underline;

}

ul#tabNavi a.onPage{
	background-color:#333;
}

/* ==============================
ul#subNavi{
	margin:0;
	padding:0;
	width:150px;
	}


ul#subNavi li{
	display:block;
	height:30px;
	margin:0;
	padding:0;
	list-style:none;
	margin:5px 0;
	}

ul#subNavi a{
	margin-left:10px;

}

ul#subNavi a:link,ul#subNavi a:visited{
	display:block;
	height:37px;
	background-color:#6699CC;

	}
	
ul#subNavi a:hover{
	display:block;
	height:37px;

	background-color:#CCFFFF;
	}



ul#subNavi li ul{
	margin-left:0;
	padding-left:0;
	display:block;
}

ul#subNavi li ul li{
	display:block;
	background-color:#6699FF;
}

hack
============================== */


/*背景を画像にする場合
li#sample1{
	background-image:url(../images/naviBTN_1_2.gif);
	background-repeat:no-repeat;
	}
li#sample2{
	background-image:url(../images/naviBTN_2_2.gif);
	background-repeat:no-repeat;
	}
li#sample3{
	background-image:url(../images/naviBTN_3_2.gif);
	background-repeat:no-repeat;
	}
li#link4{
	background-image:url(../images/naviBTN_4_2.gif);
	background-repeat:no-repeat;
	}
li#link5{
	background-image:url(../images/naviBTN_4_2.gif);
	background-repeat:no-repeat;
	}
li#link6{
	background-image:url(../images/naviBTN_4_2.gif);
	background-repeat:no-repeat;
	}

#sample1 a:link,#sample1 a:visited{background-image:url(../images/naviBTN_1.gif);}
#sample2 a:link,#sample2 a:visited{background-image:url(../images/naviBTN_2.gif);}
#sample3 a:link,#sample3 a:visited{background-image:url(../images/naviBTN_3.gif);}
#link4 a:link,#link4 a:visited{background-image:url(../images/naviBTN_4.gif);}

#sample1 a:hover{background-image:url(../images/naviBTN_1_2.gif);}
#sample2 a:hover{background-image:url(../images/naviBTN_2_2.gif);}
#sample3 a:hover{background-image:url(../images/naviBTN_3_2.gif);}
#link4 a:hover{background-image:url(../images/naviBTN_4_2.gif);}
*/


/*---------- ヘッダー内ナビゲーション ----------*/

div#header ul {
	margin:7px 7px auto auto;
	padding:0;
	display:block;
	text-align:right;	
}

div#header li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

div#header a {
	margin:0;
	padding:0 5px;
}

/*---------- text ----------*/

div#footer ul {

}



/* 背景を画像にする場合
li#contact{
	background-image:url(../images/headNavi_1_f2.gif);
	background-repeat:no-repeat;
	background-position:0;
	}
li#home{
	background-image:url(../images/headNavi_2_f2.gif);
	background-repeat:no-repeat;
	background-position:0;
	
	}
#contact a:link,#contact a:visited{background-image:url(../images/headNavi_1.gif);}
#home a:link,#home a:visited{background-image:url(../images/headNavi_2.gif);}

#contact a:hover{background-image:url(../images/headNavi_1_f2.gif);}
#home a:hover{background-image:url(../images/headNavi_2_f2.gif);}

*/