body {
  background-color:#336699;
  text-align:center;
  margin-top:5px;
  font-family: Verdana,Sans-serif,"ＭＳ ゴシック" ; 
}

.f8px{font-size : 8px;font-weight : normal ;}
.f9px{font-size : 9px;font-weight : normal ;}
.f10px{font-size : 10px;font-weight : normal ;}
.f11px{font-size : 11px;font-weight : normal ;}
.f11pxB{font-size : 11px;font-weight : bold;}
.f12px{font-size : 12px;font-weight : normal ;}
.f12pxl14px{font-size : 12px;line-height : 14px;}
.f12pxB{font-size : 12px;font-weight : bold;}
.f12pxBl14px{font-size : 12px;line-height : 14px;font-weight : bold;}
.f14px{font-size : 14px;font-weight : normal ;}
.f14pxl16px{font-size : 14px;line-height : 16px;}
.f14pxl18px{font-size : 14px;line-height : 18px;}
.f14pxl20px{font-size : 14px;line-height : 20px;}
.f14pxB{font-size : 14px;line-height : 16px;font-weight : bold;}
.f16px{font-size : 16px;font-weight : normal ;}
.f16pxl18px{font-size : 16px;line-height : 18px;}
.f16pxl20px{font-size : 16px;line-height : 20px;}
.f16pxl22px{font-size : 16px;line-height : 22px;}
.f16pxBl18px{font-size : 16px;line-height : 18px;font-weight : bold;}
.f18pxBl20px{font-size : 18px;line-height : 20px;font-weight : bold;}
.f18pxl24px{font-size : 18px;line-height : 24px;}
.f20pxB{font-size : 20px;line-height : 22px;font-weight : bold;}
.f22pxB{font-size : 22px;line-height : 24px;font-weight : bold;}
.f24pxB{font-size : 24px;line-height : 26px;font-weight : bold;}
.f26pxB{font-size : 26px;line-height : 28px;font-weight : bold;}
.f16pxl20px{font-size : 16px;line-height : 20px;}
.l150p{line-height : 150%;}
.l130p{line-height : 130%;}

/*
H1{	margin : 3px 3px 3px 3px ;}

H2{	margin :  5px 3px 3px 3px ;
	line-height: 150% ;
	}
H3{	margin : 5px 3px 3px 3px ;
	line-height: 150% ;
	}
*/

a:link { color: #06F ;text-decoration : none; }
a:visited { color: #006 ; text-decoration : none;}
a:active { color: #f66 ; }
a:HOVER{text-decoration : underline; color:#900;}

/*◆ 全体の幅 ◆*/
#pagewidth {
  width:810px;
  padding:0px;
  margin: 0px auto 0px auto ;
  padding : 0px;
}

/*◆ ヘッダー（タイトル部） ◆*/
#tpbn {
  height:120px;
  margin: 0px;
  padding:0px 10px 0px 0px;
  background-image: url(title.gif);
  background-repeat:no-repeat;
}
#tpbn a{
  text-decoration:none;
  color:#FF9;
}

#leftbox{
  float:left;
  text-align:left;
  width:420px; 
  margin :0px 10px 0px 20px;  
  padding-top: 10px;
}
#rightbox{
  float:left;
  text-align:right;
  width:330px;
  color:#fff;
  margin :0px; 
  padding-top: 10px;
  font-size:12px;
  line-height:150%;
}
#rightbox a:hover {
	text-decoration: none ;
	color:#CC0000 ;
	background-color : #fff ;
}
#rightbox form {
	font-size : 14px ;
}


/*◆ ヘッダー内 横メニュー ◆*/
#menu {
  padding: 0px;
  margin : 5px 0px 0px 30px;  
  font-size:12px;
}
#menu ul{
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#menu ul li {
  width:140px;
  height:18px;
  padding-right: 10px;
  margin : 0px;
  float: left ;
}
#menu ul li a {
  width:140px;
  display:block;
  padding-top: 2px ;
  padding-bottom: 2px ;
  background-image:url(bg_menu.gif);
  background-repeat:no-repeat;
}
#menu ul li a:hover {
  color:#369;
  display:block;
  padding-top: 2px ;
  padding-bottom: 2px ;
  background-image:url(bg_menu2.gif);
  background-repeat:no-repeat;
}

/*◆ ナビゲーション（パンくず） ◆*/
#panlist{
  margin:5px 0px 0px 0px;
  padding: 0px 25px 0px 20px;
  font-size:12px;
  text-align:left;
  color:#333;
  height:30px;
  background-image:url(bg_pan.gif);
  background-repeat:no-repeat;  
}
#panleft{
  float:left;
  text-align:left;
  width:470px; 
  margin :0px ;  
  padding-top: 8px;
}
#panright{
  float:right;
  text-align:right;
  width:290px;
  margin :0px; 
  padding-top: 8px;
}
#panright a{
  padding:0px 2px 0px 2px;
}
#panright a:hover {
	background-color : #ffc ;
}

/*◆ パンくずリスト下 ◆*/
#panlistbottom{
  margin:5px 10px 0px 2px;
  padding: 2px 25px 2px 20px;
  font-size:12px;
  text-align:left;
  color:#333;
  background-color : #f9f9f9 ;
  border-top : #f0f0f0 solid 1px ;
  clear : both ;
}


/*◆ メイン枠 ◆*/
#content {
  width:810px;
  text-align:left;
  margin: 0px 0px 0px 0px ;
  padding: 0px 0px 0px 0px;
  background-image: url(bg.gif);
  background-repeat:repeat-y;
}


/*◆ フッター（下部横メニュー） ◆*/
#under {
  margin:0px;
  padding: 8px 25px 4px 20px;
  font-size:12px;
  text-align:left;
  color:#333;
  height:30px;
  background-image:url(bg_under.gif);
  background-repeat:no-repeat; 
}
#under ul{
  margin:0px;
  list-style-type:none;
}

#under ul li {
  height:18px;
  padding-right: 15px;
  margin : 0px;
  float: left ;
}
html>body #under ul li {padding-right: 12px;}

#under ul li a {
  color:#336699;
  text-decoration:none;
  display:block;
  padding-left : 18px;  
  margin-right : 12px;
  background-image : url(go_r.gif);
  background-repeat: no-repeat;
  background-position: 3px;
}

#under ul li a:visited {
	color : #69c;
}
#under ul li a:hover {
	text-decoration: none ;
	color:#CC0000 ;
	background-color : #fff ;
}
#under ul li a:active {
	color : #cc0000;
}

/* ■ページボトム部分■ */
#pagebottom {
  height : 36px ;
  color : #fff ;
  font-size : 12px ;
  line-height : 130% ;
}
#pagebottom p {
  margin : 8px 10px 2px 10px;
}

#pagebottom a:link { color : #ff9 ;text-decoration : none ;}
#pagebottom a:visited { color : #eeb;text-decoration : none ;}
#pagebottom a:hover { text-decoration: none ;color:#CC0000 ;	background-color : #ffc ;}
#pagebottom a:active { color : #cc0000; }