@charset "UTF-8";
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
	background-image: url(images/body-back.gif);
	background-repeat: repeat-x;
}
img {
    border:none
}
/*------------------
  wrapper
------------------*/
#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
/*------------------
  header
------------------*/
#header {
	margin-bottom: 10px;
	padding-bottom: 0px;
	height: 50px;
}
#header h1 {
	line-height: 50px;
	background-image: url(images/header-back.gif);
	background-repeat: repeat;
	text-indent: -10000em;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*------------------
  content
------------------*/
#content {
	margin-bottom: 20px;
	padding: 0px;
}
 /*------------------
  news
------------------*/
#news {
	width: 630px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#news ul {
	color: #666666;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
}
#news li {
	line-height: 220%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
#news h2 {
	line-height: 25px;
	background-image: url(images/new-title.gif);
	background-repeat: no-repeat;
	text-indent: -10000em;
	margin-bottom: 5px;
	margin-top: 0px;
}
#news a:link  {
	text-decoration: none;
	color: #000000;
}
#news a:visited  {
	text-decoration: none;
	color: #000000;
}
#news a:hover  {
	color: #0099FF;
}
.date {
	margin-right: 10px;
}
 /*------------------
 bannerarea
------------------*/
#bannerarea {
	float: right;
	width: 230px;
	background-image: url(images/right-back.gif);
	background-repeat: repeat;
	margin-top: 10px;
	padding: 10px;
	margin-bottom: 10px;
}
a#banner_a{
	display:block;
	text-decoration:none;
	text-indent: -10000em;
	height: 60px;
	width: 250px;
	background-image: url(images/banner-a.gif);
	background-repeat: no-repeat;
	
}
a#banner_a:hover{
	height: 60px;
	width: 250px;
	background-image: url(images/banner-a.gif);	
	background-position: 0 -60px;
	background-repeat: no-repeat;
}
a#banner_b{
	display:block;
	text-decoration:none;
	text-indent: -10000em;
	height: 60px;
	width: 250px;
	background-image: url(images/banner-b.gif);
	background-repeat: no-repeat;
}
a#banner_b:hover{
	height: 60px;
	width: 250px;
	background-image: url(images/banner-b.gif);	
	background-position: 0 -60px;
	background-repeat: no-repeat;
}
a#banner_c{
	display:block;
	text-decoration:none;
	text-indent: -10000em;
	height: 60px;
	width: 250px;
	background-image: url(images/banner-c.gif);
	background-repeat: no-repeat;
}
a#banner_c:hover{
	height: 60px;
	width: 250px;
	background-image: url(images/banner-c.gif);	
	background-position: 0 -60px;
	background-repeat: no-repeat;
}
/*------------------
  メインナビ
------------------*/
#menu
{
	list-style: none;
	height: 40px;
	position: relative;
	z-index: 500;
	font-family: arial, verdana, sans-serif;
	padding: 0;
	clear: both;
	margin: 0;
}
#menu li
{
  float: left;
  margin-right: 1px;
}
* html #menu li a
{
	font-size: 84%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#menu li a
{
	display: block;
	float: left;
	height: 40px;
	line-height: 150%;
	color: #666666;
	text-decoration: none;
	font-size: small;
	padding: 0;
	width: 120px;
	text-align: center;
}
#menu li a:first-line {
	font-weight: bold;
}


#menu table
{
  border-collapse: collapse;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover
{
  z-index: 200;
  position: relative;
  color: #fff;
  background-color: #666666;
}
#menu li:hover
{
  position: relative;
  z-index: 200;
}

#menu li:hover > a
{
  color: #fff;
  background: #666666;
}
#menu li:hover > a.sub
{
  color: #fff;
  background-color: #666666;
}

#menu li.current a
{
  color: #fff;
  background: #FFFFFF;
}

#menu li a.sub
{
	color: #666666;
	background-image: url(up-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li.current a.sub
{
	color: #fff;
	background-image: url(up-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li:hover ul
{
	left: 0;
	top: auto;
	bottom: 40px;
	background-color: #FFFFFF;
}
#menu a:hover ul
{
  left: 0;
  top: auto;
  bottom: 0;
  width: 148px;
  background: #FFFFFF;
}

/* keep the 'next' level invisible by placing it off screen. */

#menu ul, #menu :hover ul ul
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu :hover ul :hover ul
{
	left: 148px;
	top: auto;
	background: #222;
	white-space: nowrap;
	width: 100px;
	z-index: 200;
	height: auto;
}
#menu :hover ul :hover ul.fly3
{
  bottom: auto;
  top: -53px; /* -53 */
}
#menu :hover ul :hover ul.fly2
{
  bottom: auto;
  top: -27px; /* -27 */
}
#menu :hover ul :hover ul.fly1
{
  bottom: auto;
  top: -27px; /* -27 */
}

#menu :hover ul li
{
	margin: 0;
	border: 1px solid #666666;
}
#menu :hover ul li a
{
	width: 148px;
	padding: 0;
	background: #FFFFFF;
	color: #666666;
	height: 25px;
	line-height: 25px;
}
#menu :hover ul li a.fly
{
  background: #FFFFFF url(right-arrow.gif) no-repeat right center;
}

#menu :hover ul :hover
{
  background-color: #666666;
  color: #fff;
}
#menu :hover ul :hover a.fly
{
  background-color: #666666;
  color: #fff;
}

#menu :hover ul li.currentsub a
{
  background: #FFFFFF;
  color: #fff;
}
#menu :hover ul li.currentsub a.fly
{
  background: #FFFFFF url(right-arrow.gif) no-repeat right center;
  color: #fff;
}

#menu :hover ul :hover ul li a
{
	width: 148px;
	padding: 0;
	text-indent: 10px;
	background: #FFFFFF;
	color: #666666;
}
#menu :hover ul :hover ul :hover
{
	background-color: #666666;
	color: #FFFFFF;
}

#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover
{
	background: #FFFFFF;
	color: #666666;
}

/*------------------
  フッター
------------------*/
#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0099FF;
	margin-top: 10px;
	clear: both;
	width: 950px;
	margin-bottom: 10px;
}
* html #footer p {
	padding-top: 10px;
}    
#footer p {
	font-size: small;
	color: #0099FF;
	line-height: 100%;
	float: right;
}        

/*------------------
  位置指定
------------------*/
.right {
	float: right;
	margin-left: 20px;
}
.left {
	float: left;
	margin-right: 20px;
}
/*------------------
  緊急アナウンス
------------------*/
#announce {
	width: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
#announce p {
	font-size: 90%;
	line-height: 160%;
	font-weight: lighter;
	color: #333333;
}