body {
  margin : 0px;
  text-align:center;
  background-color: #dddddd;
  color : #000000 ;
}
a:link {
  color: #0000cc ;
}
a:visited {
  color: #3333cc ;
}
a:HOVER{
  text-decoration : underline ;
  color : #cc0000;
  background-color : #ffffcc;
/*  position : relative; */
}
a:active {
  color: cc0000 ;
}

.f12px      { font-size : 12px ; }
.f12pxl14px { font-size : 12px ; line-height : 16px ; }
.f14px      { font-size : 14px ; }
.f14pxl18px { font-size : 14px ; line-height : 18px ; }
.f16px      { font-size : 16px ; }
.f16pxl20px { font-size : 16px ; line-height : 20px ; }
.f18pxB     { font-size : 18px ; line-height : 22px ; font-weight : bold ; }
.f20pxB     { font-size : 20px ; line-height : 24px ; font-weight : bold ; }
.f22pxB     { font-size : 22px ; line-height : 26px ; font-weight : bold ; }
.f24pxB     { font-size : 24px ; line-height : 28px ; font-weight : bold ; }


#pagewidth{
	width:800px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top :0px ;
	margin-bottom :0px ;
	padding : 0px 0px 0px 0px ;
	background-color: #fff;
	border-width : 0 1px 0 1px ;
	border-style : solid ;
	border-color : #999;
} 

/* パンくずリスト上 */
.topicpath {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top :0px ;
	margin-bottom :0px ;
	padding : 2px 2px 2px 10px ;
	background-color: #fff ;
	font-size : 12px ;
	line-height: 14px ;
	border-bottom : 2px ;
	border-bottom-style : dotted ;
	border-color : #ccc;
}

/* パンくずリスト下 */
.topicpath-bottom {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding : 2px 2px 2px 10px ;
	background-color: #fff ;
	font-size : 12px ;
	line-height: 14px ;
	border-top : 2px ;
	border-top-style : dotted ;
	border-color : #ccc;
}


/* 各ページ右メニューエリア */
td.menu {
	background-color: #f9f9f9 ;
	border-left-width : 2px ;
	border-left-style : dotted ;
	border-color : #ccc;
	vertical-align : top ;
} 



/* 各ページ見出しエリア */
#maintop {
	text-align:left;
	margin : 0px 0px 0px 0px ;
	background-color: #fff;
	vertical-align : top ;
	font-size : 14px ;
	line-height : 150% ;
} 

#maintop H1 {
  font-weight: bold;
  font-size: 26px ;
  color : #036 ;
  background-color : #cde ;
  padding : 5px 5px 5px 20px ;
  margin : 0px 0 0px 0;
  line-height : 120% ;
}
#maintop H1.img {
  font-weight: bold;
  font-size: 26px ;
  color : #333 ;
	background-color: #fff;
  padding : 0px ;
  margin : 0px ;
  line-height : 100% ;
}


#maintop H4 {
	text-align:right;
	font-weight: bold;
	font-size: 14px ;
	color : #999 ;
	padding : 3px 20px 2px 5px ;
	border-bottom : 1px dotted #cde ;
	margin : 0px 0 0px 0;
	line-height : 100% ;
}


/* 各ページ本文エリア */
#main {
	color : #653 ;
	text-align:left;
	margin : 20px 20px 20px 20px ;
	background-color: #fff;
	vertical-align : top ;
	font-size : 14px ;
	line-height : 150% ;
} 

/* 本文エリアの各見出し */
#main H1 {
  font-weight: bold;
  font-size: 26px ;
  color : #630 ;
  background-color : #fff ;
  padding : 5px 5px 2px 30px ;
  margin : 5px 0 10px 0;
  line-height : 120% ;
  background-image : url(images/h1head.gif);
  background-repeat: no-repeat;
  background-position: left 8px;
  border-width: 0px 0px 2px 0px;
  border-style: solid solid solid solid ;
  border-color: #c00 #c00 #c60 #ccc ;
}

#main H2 {
  font-weight: bold;
  font-size: 18px ;
  color : #630 ;
  background-color : #fff6ee ;
  border-width: 1px 1px 1px 10px;
  border-style: solid ;
  border-color: #960 ;
  margin : 20px 0px 10px 10px;
  padding : 5px 3px 3px 10px ;
}
#main H3 {
  font-weight: bold;
  font-size: 16px ;
  margin : 15px 0 10px 10px ;
  padding-left : 6px;
  font-weight: bold;
  padding-right: 5px;  
  color : #960 ;
  border-width: 0px 0px 2px 0px;
  border-style: dotted;
  border-color: #963 ;
}

#main H4 {
  font-weight: bold;
  font-size: 14px ;
  color : #963 ;
  background-color : #fff ;
  margin : 20px 0px 6px 10px ;
  padding : 0 0 0 10px ;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #963 #963 #963 #963 ;
}


#main p {
  line-height: 150%;
  margin : 5px 10px 5px 15px;
  padding: 0px;
}

#main p a {
  margin-left: 5px ;
  margin-right: 5px ;
  background-image : url(../topimg/go_b.gif);
  background-repeat: no-repeat;
  background-position: 1px;
  padding-left : 12px;
}
#main p a:hover {
  background-image : url(../topimg/go_r.gif);
}


/* コメント段落用（p class="comment"） */
#main p.comment {
  margin : 10px 15px 10px 15px ;
  padding : 5px 10px 5px 10px ;
  font-size : 13px ;
  line-height : 130% ;
  border-width : 1px ;
  border-style : solid ;
  border-color : #cde ;
}

#main p.group {
  line-height: 120%;
  margin : 5px 10px 15px 5px;
  padding : 0px;
  text-align : right ;
/*  border-width  : 1px 0 1px 0 ; */
/*  border-color  : #ddd ; */
/*  border-style  : dotted ; */
  font-size : 12px ;
}

#main p.group a {
  margin-left: 5px ;
  margin-right: 5px ;
  background-image : url(../topimg/go_blank.gif);
  background-repeat: no-repeat;
  background-position: 0px;
  padding-left : 20px;
}
#main p.group a:hover {
  background-image : url(../topimg/go_blank2.gif);
  background-repeat: no-repeat;
  background-position: 0px;
  padding-left : 20px;
}


/* ページ下の表 */
table.bottomtable {
  margin-top : 10px ;
  background-color : #9cf ;
}
table.bottomtable td {
  font-size : 12px ;
  line-height : 130%;
  padding : 3px 3px 3px 10px ;
  vertical-align : top ;
}
table.bottomtable td h4 {
  font-weight: bold;
  font-size : 14px ;
  line-height : 130%;
  margin : 3px 0px 3px 0px ;
}


/* リンクリスト　リンクの頭に外部リンクマークを付ける */
.kanrenlink {
  font-size : 12px ;
  line-height :13px ;
  color : #666 ;
  margin : 0px 10px 5px 20px ;
}
.kanrenlink ul {
  margin-left : 10px;
  line-height : 14px;
  margin-top : 0px;
  margin-bottom : 5px;
}
.kanrenlink ul li {
  font-size : 12px ;
  line-height : 14px;
  margin-top : 2px;
  margin-bottom : 2px;
  margin-left : 10px;
  list-style-image : url(../topimg/go_blank.gif) ;
}
.kanrenlink ul li a {
  color : #669 ;
}
.kanrenlink ul li a:hover {
  list-style-image : url(../topimg/go_blank2.gif) ;
}


/* サイト内リンクリスト　リンクの頭にリンクマークを付ける */
.inlink {
  font-size : 12px ;
  line-height :16px ;
  color : #666 ;
  margin : 0px 10px 5px 20px ;
}
.inlink ul {
  margin-left : 10px;
  line-height : 16px;
  margin-top : 0px;
  margin-bottom : 5px;
}
.inlink ul li {
  font-size : 12px ;
  line-height : 16px;
  margin-top : 2px;
  margin-bottom : 2px;
  margin-left : 10px;
  list-style-image : url(../topimg/go_b.gif) ;
}
.inlink ul li a:hover {
  list-style-image : url(../topimg/go_r.gif) ;
}



/* リンクの頭にマークを付ける(a class="link") */
.link{
  margin-left: 5px ;
  margin-right: 3px ;
  background-image : url(../topimg/go_b.gif);
  background-repeat: no-repeat;
  background-position: 1px;
  padding-left : 12px;
}

/* リストのリンクの頭にマークを付ける(ul class="li-link") */
ul.li-link {
  margin-left : 20px;
  line-height : 14px;
  margin-top : 5px;
  margin-bottom : 5px;
}
ul.li-link li {
  font-size : 12px ;
  line-height : 14px;
  margin-top : 2px;
  margin-bottom : 2px;
  list-style-image : url(../topimg/go_b.gif);
  margin-left : 1em;
}
ul.li-link li a:hover{
  font-size : 12px ;
  line-height : 14px;
  margin-top : 2px;
  margin-bottom : 2px;
  list-style-image : url(../topimg/go_r.gif);
  margin-left : 1em;
}

/* 細線のみの表 */
table.line1 {
	color : #653 ;
  font-size : 12px ;
  border-width : 1px;
  border-style : solid;
  border-color : #ccc ;
  border-collapse: collapse;
  margin : 5px 0px 5px 10px;
}
table.line1 td {
  line-height : 130%;
  padding : 3px 5px 3px 5px ;
  border-width : 1px;
  border-style : solid;
  border-color : #ccc ;
  border-collapse: collapse;
  vertical-align : top ;
}
table.line1 th {
  line-height : 130%;
  padding : 3px 5px 3px 5px ;
  border-width : 1px;
  border-style : solid;
  border-color : #ccc ;
  border-collapse: collapse;
  background-color : #e6eeee ;
  vertical-align : top ;
}

/* 点線下線のみの表　aには外部リンク用マーク付き */
/* td class=link-td には内部リンク用マーク付き */

table.uline {
	color : #653 ;
  border-top-width : 1px;
  border-top-style : dotted;
  border-top-color : silver;
  border-collapse: collapse;
  font-size : 12px ;
  margin : 0.5em;
}
table.uline th {
  font-size : 14px ;
  line-height : 130%;
  padding : 8px 5px 3px 5px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
  vertical-align : top ;
  background-color : #eeeeee ;
}
table.uline td {
  line-height : 120%;
  padding : 3px 5px 3px 8px ;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
  vertical-align : top ;
}
table.uline td  a {
  margin-left: 3px ;
  margin-right: 3px ;
  background-image : url(../topimg/go_blank.gif);
  background-repeat: no-repeat;
  background-position: left top ;
  padding-left : 18px;
}
table.uline td  a:hover {
  margin-left: 3px ;
  margin-right: 3px ;
  background-image : url(../topimg/go_blank2.gif);
  background-repeat: no-repeat;
  background-position: left top ;
  padding-left : 18px;
}
table.uline td.link-td a {
  margin-left: 3px ;
  margin-right: 3px ;
  background-image : url(../topimg/go_b.gif);
  background-repeat: no-repeat;
  background-position: left top ;
  padding-left : 12px;
}
table.uline td.link-td a:hover {
  background-image : url(../topimg/go_r.gif);
  background-repeat: no-repeat;
  background-position: left top ;
  padding-left : 12px;
}



/* 点線下線のみの表　リンクマーク入り */
table.ulinelink {
  border-top-width : 1px;
  border-top-style : dotted;
  border-top-color : silver;
  border-collapse: collapse;
  font-size : 14px ;
  margin : 0.5em;
}
table.ulinelink th, table.ulinelink td {
  line-height : 130%;
  padding-left : 8px;
  padding-right : 8px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : silver;
  vertical-align : top ;
}
table.ulinelink a {
  margin-left: 1px ;
  margin-right: 0 ;
  background-image : url(../topimg/go_b.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left : 15px;
}
table.ulinelink a:hover {
  margin-left: 1px ;
  margin-right: 0 ;
  background-image : url(../topimg/go_r.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left : 15px;
}


/* 単純な点線下線のみの表 */
table.dotline {
	color : #653 ;
  border-top-width : 1px ;
  border-top-style : dotted ;
  border-top-color : #ddd ;
  border-collapse: collapse ;
  font-size : 13px ;
  margin : 5px 5px 5px 20px ;
}
table.dotline th, table.dotline td {
  line-height : 120% ;
  padding-left : 8px ;
  padding-right : 8px ;
  border-bottom-width : 1px ;
  border-bottom-style : dotted ;
  border-bottom-color : #ddd ;
  vertical-align : top ;
}



/* ２段に画像表示用の表 */
table.imgtable2 {
  margin-left: 20px ;
  border : 0 ;
  font-size : 14px ;
  LINE-HEIGHT : 130% ;
}
table.imgtable2 td {
  vertical-align : top ;
  padding : 5px;
}
table.imgtable2 td a {
  margin-left: 1px ;
  margin-right: 0 ;
  background-image : url(../topimg/go_b.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left : 15px;
}
table.imgtable2 td a:hover {
  margin-left: 1px ;
  margin-right: 0 ;
  background-image : url(../topimg/go_r.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left : 15px;
}

/* 3段に画像表示用の表 */
table.imgtable3 {
  width : 530px ;
  margin-left: 20px ;
  border : 0 ;
  font-size : 12px ;
  LINE-HEIGHT : 130% ;
}
table.imgtable3 td {
  text-align : center ;
  vertical-align : top ;
  padding : 5px;
}
table.imgtable3 td a {
  margin-left: 1px ;
  margin-right: 0 ;
  background-image : url(../topimg/go_b.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left : 15px;
}
table.imgtable3 td a:hover {
  margin-left: 1px ;
  margin-right: 0 ;
  background-image : url(../topimg/go_r.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left : 15px;
}


/* 点線のＨＲ */
hr.dot-line {
  margin : 10px ;
  border-width : 3px ;
  border-style : dotted ;
  border-color : #6699cc ;
}

/* 重要なお知らせ段落用(p class="imp") */
.imp{
  color : #cc0000;
  background-color : #ffffcc;
  margin-top: 10px;
  margin-bottom : 10px;
  margin-left : 10px;
  line-height: 150%;
  font-weight: bold;
  border-width: 2px 2px 2px 2px ;
  border-style: solid;
  border-color: #cc0000;
  padding : 5px 5px 5px 5px ;
}

/* 問い合わせ先段落用(p class="toi") */
.toi{
  background-color : #f7f9d0;
  margin-top: 10px;
  margin-bottom : 10px;
  margin-left : 10px;
  line-height: 120%;
  font-weight: bold;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #cc9999;
  padding : 5px 5px 5px 5px ;
}

/* 次のスポット段落用(p class="nextspot") */
.nextspot {
  margin-top : 20px ;
  margin : 20px 20px 10px 10px ;
  font-size : 14px ;
  text-align : right ;
}
.nextspot a {
  margin-left: 5px ;
  margin-right: 3px ;
  background-image : url(../topimg/go_b.gif);
  background-repeat: no-repeat;
  background-position: 1px;
  padding-left : 12px;
}
.nextspot a:hover {
  background-image : url(../topimg/go_r.gif);
}