@charset 'UTF-8';

/* --- global_navi --- */

#global_navi li{
	float:left;
}

#global_navi li a {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height /**/: 30px;
	padding-top:30px;
	background: url(/images/common/navi.jpg);
	color: #fff;
}

#navi01{width:64px;}
#navi02{width:95px;}
#navi03{width:61px;}
#navi04{width:75px;}
#navi05{width:87px;}
#navi06{width:85px;} /* コミュニティナビを表示させていないので +1px */
#navi07{width:300px;}

/* --- オフマウス時 --- */

#global_navi #navi01 a{ background-position: 100 0; }
#global_navi #navi02 a{ background-position: -64px 0; }
#global_navi #navi03 a{ background-position: -159px 0; }
#global_navi #navi04 a{ background-position: -220px 0; }
#global_navi #navi05 a{ background-position: -295px 0; }
#global_navi #navi06 a{ background-position: -382px 0; }
#global_navi #navi07 a{ background-position: -467px 0; }

/* --- 選択時 --- */
#global_navi #navi01 a.stay{ background-position: 0 -30px; }
#global_navi #navi02 a.stay{ background-position: -64px -30px; }
#global_navi #navi03 a.stay{ background-position: -159px -30px; }
#global_navi #navi04 a.stay{ background-position: -220px -30px; }
#global_navi #navi05 a.stay{ background-position: -295px -30px; }
#global_navi #navi06 a.stay{ background-position: -382px -30px; }
#global_navi #navi07 a.stay{ background-position: -467px -30px; }

/* --- オンマウス時 --- */
#global_navi #navi01 a:hover{ background-position: 0 -30px; }
#global_navi #navi02 a:hover{ background-position: -64px -30px; }
#global_navi #navi03 a:hover{ background-position: -159px -30px; }
#global_navi #navi04 a:hover{ background-position: -220px -30px; }
#global_navi #navi05 a:hover{ background-position: -295px -30px; }
#global_navi #navi06 a:hover{ background-position: -382px -30px; }
#global_navi #navi07 a:hover{ background-position: -468px -30px; }

/* --- navi_t --- */

#navi_t .navi_title {
	float:left;
	width:133px;
	height:21px;
	background: url(/images/common/navi_t/navi_t_title.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	padding-top:3px;
	padding-left:10px;
}

*html #navi_t .navi_title {
	width:123px;
	height:21px;
	background: url(/images/common/navi_t/navi_t_title.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	padding-top:3px;
	padding-left:10px;
}

/*#navi_t ul {
	margin: 0;
	padding: 0;
}*/

#navi_t .navi_support, #navi_t .navi_common {
	background: url(/images/common/navi_t/navi_t_bg.gif);
	background-repeat: repeat-y;
	background-position:left top;
}

#navi_t li{
	margin: 0;
	padding: 0;
	clear:both;
}

#navi_t li a{
	display:block;
	float:left;
	width:125px !important; /* IE対策のボックス幅指定 */
	width /**/:138px; /* IE5用の幅指定 ボックスモデル対策 */
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	background: url(/images/common/navi_t/base.gif);
	background-repeat: repeat-y;
	background-position:left top;
	border-bottom: 1px solid #FFCC66;
}

#navi_t li a:hover{
	margin: 0;
	background: url(/images/common/navi_t/base.gif);
	background-repeat: repeat-y;
	background-position:right top;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFCC66;
}


#navi_t li.second a{
	display:block;
	width:121px !important; /* IE対策のボックス幅指定 */
	width /**/:138px; /* IE5用の幅指定 ボックスモデル対策 */
	padding-top:4px;
	padding-bottom:4px;
	padding-left:12px;
	background: url(/images/common/navi_t/base_2.gif);
	background-repeat: repeat-y;
	background-position:left top;
}

#navi_t li.second a:hover{
	margin: 0;
	background: url(/images/common/navi_t/base_2.gif);
	background-repeat: repeat-y;
	background-position:right top;
	color: #FFF;
	text-decoration: none;
}

img.arrow {
	float: left;
	width:9px;
	margin-top: 4px;
	margin-right:4px;
}

.link {
	width:105px;
	float:right;
	margin-right:3px;
}

.link_2 {
	width:102px;
	float:right;
	margin-right:3px;
}