* { padding:0;}
html { overflow-y:scroll; } 
img { border:0;}

body {
  margin:0px;
  text-align:center;
  background:url(bg_img.gif) ;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size:14px;
  line-height:150%;
}

.f12px{
	font-size : 12px;
	font-weight: normal;
}
.f12pxl14px{font-size : 12px;line-height : 130%;}
.f12pxB{font-size : 12px;font-weight : bold;}
.f12pxBl14px{font-size : 12px;line-height : 130%;font-weight : bold;}
.f14px{
	font-size : 14px;
	font-weight: normal;
}
.f14pxl16px{font-size : 14px;line-height : 130%;}
.f14pxl18px{font-size : 14px;line-height : 150%;}
.f14pxl20px{font-size : 14px;line-height : 160%;}
.f14pxB{font-size : 14px;line-height : 140%;font-weight : bold;}
.f16px{font-size : 16px;}
.f16pxl18px{font-size : 16px;line-height : 130%;}
.f16pxl20px{font-size : 16px;line-height : 150%;}
.f16pxl22px{font-size : 16px;line-height : 160%;}
.f16pxBl18px{font-size : 16px;line-height : 150%;font-weight : bold;}
.f18pxl24px{font-size : 18px;line-height : 140%;}
.f18pxBl20px{font-size : 18px;line-height : 150%;font-weight : bold;}
.f18px{font-size : 18px;}
.f20px{font-size : 20px;}
.f22px{font-size : 22px;}
.l150p{line-height : 150%;}
.l130p{line-height : 130%;font-size : 12px;}

a:link { color: #03c ;text-decoration:none;}
a:visited { color: #36C ; text-decoration:none;}
a:active { color: red ; }
a:HOVER{color: #06F ; text-decoration : underline;}

h1{
  margin: 0px 0px 5px 0px;
  padding: 5px 2px 2px 50px;
  height:45px;
  font-size : 140% ;
  line-height:180% ;
  font-weight:bold;
  background:url(bg_h1.gif) no-repeat;
  color:#333;
  }
h2{
  margin: 25px 0px 5px 0px;
  padding: 2px 2px 2px 8px;
  font-size : 120% ;
  line-height:140%;
  color:#333;
  background:url(bg_h2.gif) no-repeat right;
  border-bottom: #6699CC 2px solid ;
  }
h3{
  margin: 15px 0px 5px 10px;
  font-size : 100% ;
  line-height:130%;
	padding:0 0 0 10px;
	border-left: #336699 5px solid;
	color: #336699;
}
h3 span{
	display:block;
	font-size:small;
	color:#999999;
}
h4{
  margin: 20px 10px 4px 10px;
  padding: 2px 2px 2px 8px;
  font-size : 90% ;
  line-height:130%;
  color: #666;
  border-left: 8px solid #999;
  }

p{
  padding: 0.3em 0px 0.3em 8px ;
  margin: 0px;
}
p.imgp{
  padding: 0.3em 0px 0.3em 0px ;
  margin: 0px;
  text-align : center ;
}

p.comment{
border:1px dotted #CC3300;
padding:10px;
margin:10px;
}

a.aLinkmark {
	background-image : url(go_12.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left : 12px;
	font-weight: bold;
}
a.aLinkmark:hover {
background-image : url(go_12_o.gif);
background-repeat: no-repeat;
background-position: left top ;
}
a.aOutLinkmark {
background-image : url(go_blank1.gif);
background-repeat: no-repeat;
background-position: left top ;
padding-left : 18px ;
}
a.aOutLinkmark:hover {
background-image : url(go_blank2.gif);
background-repeat: no-repeat;
background-position: left top ;
}

#canvas ul {
  margin : 10px 0px 10px 10px;
  padding: 0px 0px 0px 0px;
}
#canvas ul li {
  margin : 5px 0px 5px 20px;
  padding: 0px 0px 0px 0px;
  font-size:14px;
  line-height:140%;
}


/* ■ドットライン■ */
hr{
  margin : 5px 0px ;
  border-width : 2px ;
  border-style : dotted ;
  border-color : #999 ;
}
html>body hr{ margin:15px 0px; border-width:1px;}

/* ■ページの幅指定■ */
#allwidth {
  width: 800px ;
  background-color : #fff ;
  margin : 0px auto 0px auto ; 
  padding: 0px ;
  background:url(bg_allwidth.gif) repeat-y ;
  }
/*---◆印刷用設定◆---*/
@media print{
#allwidth {
width:751px;
  background-image:none ;
  background-color:#FFFFFF;
}
}



#title {
  margin:0px;
  padding:0px 0px 0px 0px;
  width : 750px ;
  height : 75px ;
  color:#FFF;
  background:url(bg_tit.gif) no-repeat;
}
#title p {
  margin:0px;
  padding: 40px 20px 0px 0px ;
  font-size:12px;
  font-weight:bold;
  text-align:right;
}
#title p a {
  color:#669933;
}


/* ■メニュー■ */
#menu {
 padding :0px 0px 0px 0px; 
 margin : 0px 0px 0px 0px;
 width:750px;
 height:50px;
 background:url(bg_menu.gif) repeat-x;
}
#menu ul {
  padding :0px 0px 0px 0px; 
  margin : 0px 0px 0px 0px;
  list-style-type : none;
  font-size : 12px;
  line-height:230%;
  font-weight:bold;
}
#menu ul li {
  display : inline;
  text-align:left;
}
#menu ul li a {
  text-align:center;
  margin : 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(bt_menu.gif) no-repeat;
  width:180px;
  height:30px;
  display:block;
  float:left;
  color:#FFF;
  text-decoration : none ;
}
#menu ul li a:hover {color: #FFFF99 ;  background: url(bt_menu_o.gif) no-repeat;}
#menu ul li a:active {color: #FFFF66;}

/*パンくずリスト*/
#pan{
  width:750px;
  text-align:left;
  margin:0px;
  padding: 0px 0px 0px 0px;
  font-size:12px;
  color:#eee;
  background:#666;
}
#pan a{ color:#fff; text-decoration:none;}

/* ■編集領域■ */
#canvas {
  clear:both;
  width:730px;
  margin : 10px auto 15px auto; 
  padding: 0px 0px 0px 0px ;
  text-align : left ;
}

/*■ トップページ左右分割 ■*/
#indexleft{
  margin: 10px 0px 0px 5px;
  padding:0px;
  width:465px;
  float:left;
  display:inline;
}
#center{
 width:465px;
 background:url(bg_center1.gif) repeat-y;
 font-size:12px;
 line-height:30px;
}
#center p{
 margin:0px 15px;
 width:430px;
 background:url(bg_center_line.gif) repeat-y;
}
#indexright{
  margin: 10px 5px 0px 0px;
  padding:0px;
  width:240px;
  float:right ;
  display:inline;
}
#indexright a img {
  margin: 5px 0px 5px 0px ;
}
/*■ トップページ右のお知らせリスト ■*/
#indexright ul {
 margin:0px;
 padding: 5px 0px 0px 0px;
 width:240px;
 line-height:130%;
 font-weight:bold;
 color:#666;
 list-style:none;
 border-top:#999 1px dotted;
}
#indexright ul li {
 margin:0px;
 padding: 10px 0px 10px 0px;
 line-height:130%;
 font-size:12px;
 font-weight:normal;
 border-bottom:#999 1px dotted;
}
#indexright ul li a{
 margin:0px;
 padding: 0px 0px 0px 14px;
 display:block;
 text-decoration:none;
 background:url(go_12.gif) no-repeat left top;
}
#indexright ul li a:HOVER{
 background:url(go_12_o.gif) no-repeat left top;
}



/* ■下部■ */
#menubtm{
  clear:both;
  margin:20px auto 0px auto;
  width:750px;
  background:#666;
  font-size:12px;
  line-height:150%;
  color:#FFF;
}
#menubtm a {
  color:#fff;
  text-decoration:none;}
#bottom {
  width:750px;
  height:50px;
  font-size:12px;
  line-height:130%;
  clear:both;
  color:#fff;
  background:#333;
  text-align:left;
}
#bottom a{
  color : #cec ;
}

#bottom p {
  padding: 5px 10px 5px 10px;
  color:#eeeeee;
}
#bottom p strong {
  font-size : 16px;
}
#bottom #bktop {
  width:80px;
  float:right ;
  text-align:right;
  margin:5px 15px 5px auto;
}



/* ■線なしのテーブル■ */
table.noborder {
margin : 10px auto 0px auto;
border : none ;
}
table.noborder th {
vertical-align : top ;
padding: 2px 2px 2px 2px ; 
border : none ;
}
table.noborder td {
vertical-align : top ;
padding: 3px 2px 3px 2px ; 
border : none ;
}


/* ■点線下線の表■ */
table.tbldot {
margin : 10px auto 10px auto ;
font-size : 12px ;
line-height : 140% ;
border-collapse: collapse ;
border-width : 1px 0px 0px 0px ;
border-color : #999 ;
border-style : dotted ;
}
table.tbldot th {
color:#333333;
padding: 3px 5px 3px 5px ; 
border-collapse: collapse ;
border-width : 0px 0px 1px 0px ;
border-color : #999 ;
border-style : dotted ;
background:#efefef;
}
table.tbldot td {
padding: 3px 5px 3px 5px ; 
border-collapse: collapse ;
border-width : 0px 0px 1px 0px ;
border-color : #999 ;
border-style : dotted ;
}


/* ■リストに外部リンクマーク■ */
ul.linklist{
  margin : 10px 0px 15px 10px;
  padding: 0px 0px 0px 0px;
  list-style:none;
}
ul.linklist li {
  margin : 5px 0px 5px 5px;
  padding: 0px 0px 0px 18px;
  font-size:12px;
  line-height:140%;
  color:#666666;
  list-style-type:none;
  text-indent:-18px;
  }
ul.linklist li a {
  background : url(go_blank1.gif) no-repeat left top ;
  padding-left : 18px ;
  padding-right: 5px;
  text-decoration:none;
}
ul.linklist li a:hover {
  background : url(go_blank2.gif) no-repeat left top ;
}