@charset "UTF-8";

/* 基本
---------------------------------------------*/
body {
	color: #333333;
	font-size: 80%;
	font-family: "ＭＳ ゴシック", sans-serif;
	background: #FFFFFF;
}
img {
	vertical-align: top;
}
a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover,
a:focus {
	color: #FF0000;
}
a:active {
	color: RED;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
}
#header {
	position: relative;
	padding-bottom: 4px;
	background: url(../img/header_bg.gif) left bottom repeat-x;
}
#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 0px;
}
#content #primary {
	float: left;
	width: 850px;
}
#content #secondary {
	float: right;
	width: 170px;
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 50px;
}


/* グローバルナビゲーション
---------------------------------------------*/
#globalNavigation {
	height: 22px;
	background: #999999 url(../img/gn_bg.gif) repeat-x;
}
#globalNavigation li {
	float: left;
	height: 22px;
	padding-right: 2px;
	background: url(../img/gn_li_bg.gif) right top repeat-y;
}
#globalNavigation li a {
	display: block;
}
#globalNavigation li a:hover,
#globalNavigation li a:focus {
	background: #777777;
}
#globalNavigation li.current a {
	padding-bottom: 1px;
	border-bottom: 2px solid RED;
}



/* リストの装飾 / 特例style
---------------------------------------------*/
.imgR {
	float: right;
}
.imgL {
	float: left;
}


/* フッターナビゲーション
---------------------------------------------*/
#copyright {
	clear: both;
	width: 800px; /* for WinIE6,7 */
	padding: 5px 5px;
	background: #999999;
	font-size: 90%;
	line-height: 1.2;
	color: #CCCCCC;
}