@charset "Shift_JIS";

/* ----------------------------------------------------------------------------------------------

	@This stylesheet Information{
		最終更新：2009年11月30日
		主な内容：@niftyビジネス 外部用ヘッダー
			1: 汎用クラス
			2: ヘッダー基本ブロック
			3: 広告エリア
			4: ローカルナビゲーション（新）
	}

---------------------------------------------------------------------------------------------- */
/* 1: 汎用クラス ----------------------------------------------------------------------- */
body { margin: 0; paddng: 0; }
div#niftyHeader * { margin:0; padding:0;}
a img {border:none;}
div#niftyHeader ul { list-style:none; }

/* ヘッダー内リンク色 */
div#niftyHeader a:link {text-decoration: none; }
div#niftyHeader a:visited {text-decoration: none; }
div#niftyHeader a:hover { text-decoration: underline; }
div#niftyHeader a:active { text-decoration: none; }

/* 2: ヘッダー基本ブロック -------------------------------------------------------- */

div#niftyHeader { font-size: 76%; line-height: 150%; width: 950px; margin:0 auto 20px auto; }
* html div#niftyHeader { width: auto; text-align: center; }
div#niftyHeader div#header { width: 950px; padding: 12px 10px 5px; background: url(../image/nifty/header_bg.gif) repeat-x top left; overflow: hidden; }
* html div#niftyHeader #header { height: 1%; }

div#niftyHeader #headerTitle { width: 590px; float: left; text-align: left; }
div#niftyHeader #headerLink { width: 340px; float: right; text-align: right; }
div#niftyHeader #logo { float: left; }
div#niftyHeader #logo img { vertical-align: middle; }
div#niftyHeader #logoBusiness img { padding-bottom: 3px; }
div#niftyHeader #catch { float: left; font-size:90%; padding: 14px 0 0 10px; }

div#niftyHeader .inNavi.pa5T { padding-top: 5px; }
div#niftyHeader .inNavi li{ display: inline; }

/* 3: 広告エリア ----------------------------------------------------------------------- */

div#niftyHeader #areaFlash{ width: 728px; margin:3px auto 10px auto; }

/* 4: ローカルナビゲーション（新装層） ------------------------------------ */

#nb-cnav {
	color: #000;
	width: 950px;
	margin: 0 0 7px auto;
	padding: 0;
	background: #fff url(../image/nifty/bg_nav.gif) repeat-x;
	border-top: 2px solid #555;
	border-bottom: 2px solid #555;
}

/* メイン */
#nb-cnav ul.g {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 0;
	background: url(../image/nifty/bg_nav_g.gif) repeat-x bottom;
	border-top: 1px solid #fff;
	width: 100%;
	position: relative;
	list-style-type: none;
}

#nb-cnav ul.g li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}

#nb-cnav ul.g li a {
	color: #006;
	text-decoration: none;
	padding: 0.7em 10px 0.3em;
	border-right: 1px solid #666;
	display: block;
}

#nb-cnav ul.g li.new a {
	background: url(../image/nifty/new-icon.gif) no-repeat right top;
}

#nb-cnav ul.g li a:hover {
	color: #c00;
	background-color: #fff;
}

#nb-cnav ul.g li.current {
	background-color: #fff;
}

#nb-cnav ul.g li.current a,
#nb-cnav ul.g li.current a:hover {
	color: #f00;
	border-bottom: 1px solid #fff;
}


#nb-cnav ul.g li.school { background: #084ccc url(../image/nifty/bg_nav-school.gif) repeat-y 0 0; }
#nb-cnav ul.g li.school a { color: #fff; }
#nb-cnav ul.g li.school a:hover,
#nb-cnav ul.g li.school a:active { color: #084ccc; }


#nb-cnav ul.g:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* サブ */
#nb-cnav ul.l {
	/zoom: 1;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	list-style-type: none;
}

#nb-cnav ul.l li {
	margin: 0;
	padding: 0.2em 0.4em;
	display: block;
	float: left;
	border-right: 1px solid #666;
}

#nb-cnav ul.l a {
	color: #003;
	text-decoration: none;
	padding: 4px 5px 3px;
	display: block;
}

#nb-cnav ul.l li:hover, #nb-cnav ul.l li:hover a, #nb-cnav ul.l li a:hover {
	color: #c00;
	background-color: #fff7d7;
}

#nb-cnav ul.l li.on, #nb-cnav ul.l li.on a, #nb-cnav ul.l li.on a:hover {
	color: #333;
	background-color: #dbf3fd;
	font-weight: bold;
}

#nb-cnav ul.l li.mm,
#nb-cnav ul.l li.rss {
	border: none;
	text-indent: -9999px;
	float: right;
}

#nb-cnav ul.l li.mm a,
#nb-cnav ul.l li.rss a {
	display: block;
	width: 47px;
	height: 16px;
	padding: 2px 0 0 0;
	background-image: url(../image/nifty/rss-icon.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#nb-cnav ul.l li.rss a:hover {
	background-image: url(../image/nifty/rss-icon_hi.gif);
}

#nb-cnav ul.l li.mm:hover, #nb-cnav ul.l li.mm:hover a, #nb-cnav ul.l li.mm a:hover,
#nb-cnav ul.l li.rss:hover, #nb-cnav ul.l li.rss:hover a, #nb-cnav ul.l li.rss a:hover {
	background-color: #fff7d7;
}

#nb-cnav ul.l li.mm {
	padding-right: 5px;
}

#nb-cnav ul.l li.mm a {
	width: 70px;
	background: url(../image/nifty/mm_icon.gif) no-repeat left center;
}

#nb-cnav ul.l li.mm:hover, #nb-cnav ul.l li.mm:hover a, #nb-cnav ul.l li.mm a:hover {
	background-position: right center;
}

#nb-cnav ul.l:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}