* { 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;}
.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;}
.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;
}

/* ■画像の右寄せ・左寄せ■ */

p img.img-right {
  float  : right ;
  margin : auto 5px ;
}
p img.img-left {
  float  : left ;
  margin : auto 5px ;
}


a.aLinkmark {
background-image : url(go_12.gif);
background-repeat: no-repeat;
background-position: left top ;
padding-left : 12px ;
}
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 ;
  }

#title {
  margin:0px;
  padding:0px 0px 0px 0px;
  width : 750px ;
  height : 75px ;
  color:#999;
  background:url(bg_tit.gif) no-repeat; font-size:4px;
}
#title p {
  margin:0px;
  padding: 0px 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:150px;
  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 ;
}

/*■ 2段組枠（トップフォルダテンプレートのみ） ■*/

#canvas .dan2-left {
  float   : left ;
  width   : 350px;
  margin  : 0px 0px 0px 0px;
  padding : 0px ;
}
#canvas .dan2-right {
  float   : right ;
  width   : 350px;
  margin  : 0px 0px 0px 0px;
  padding : 0px ;
}

/*■ トップページ左右分割 ■*/
#indexleft{
  margin: 10px 0px 0px 5px;
  padding:0px;
  width:465px;
  float:left;
  display:inline;
}
#indexleft h1.h1img {
  padding: 0px 0px 0px 0px ;
  margin: 0px 0px 0px 0px ;
  background:none;
  background-image:none;
}
#indexleft h1.h1img img{
  padding: 0px 0px 0px 0px ;
  margin: 0px 0px 0px 0px ;
}

#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 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 10px ;
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 ;
}


/* ◇表のキャプション（共通）◇ */
table caption {
  font-size     : 110% ;
  font-weight   : bold ;
  text-align    : left ;
}


/* ◇デフォルトの表（細線の枠）※クラスを付けた◇ */
table.tablenormal {
  margin           : 10px 0 5px 10px ;
  line-height      : 130% ;
  border           : 1px solid #999999 ;
  border-collapse  : collapse ;
}
table.tablenormal th {
  line-height      : 130% ;
  padding          : 4px ;
  background-color : #eeeeee ;
  border           : 1px solid #999999 ;
  white-space      : nowrap ;
}
table.tablenormal td {
  line-height      : 130% ;
  padding          : 4px ;
  border           : 1px solid #999 ;
}
table.tablenormal p {
  margin           : 0px ;
  padding          : 0.3em 0px 0.3em 0px ;
}



/* ■点線下線のテーブル■ */
table.tabledot {
  line-height     : 130% ;
  border-width    : 1px 0px 0px 0px ;
  border-color    : #ddd ;
  border-style    : dotted ;
  border-collapse : collapse ;
  margin          : 5px 10px 10px 10px ;
}
table.tabledot th {
  padding         : 2px 5px 2px 5px ; 
  border-width    : 0px 0px 1px 0px ;
  border-color    : #ddd ;
  border-style    : dotted ;
  border-collapse : collapse ;
  vertical-align  : top ;
  white-space     : nowrap ;
}
table.tabledot td {
  padding         : 2px 5px 2px 5px ; 
  border-width    : 0px 0px 1px 0px ;
  border-color    : #ddd ;
  border-style    : dotted ;
  border-collapse : collapse ;
  vertical-align  : top ;
}

/* ■実線下線のテーブル■ */
table.tableuborder {
  line-height     : 130% ;
  border-width    : 1px 0px 0px 0px ;
  border-color    : #ddd ;
  border-style    : solid ;
  border-collapse : collapse ;
  margin          : 5px 10px 10px 10px ;
}
table.tableuborder th {
  padding         : 5px 8px 5px 10px ; 
  border-width    : 0px 0px 1px 0px ;
  border-color    : #ddd ;
  border-style    : solid ;
  border-collapse : collapse ;
  background-color: #eee ;
  vertical-align  : top ;
  white-space     : nowrap ;
}
table.tableuborder th p {
  color : #666666 ;
}
table.tableuborder td {
  padding         : 5px 8px 5px 10px ; 
  border-width    : 0px 0px 1px 0px ;
  border-color    : #ddd ;
  border-style    : solid ;
  border-collapse : collapse ;
  vertical-align  : top ;
}

/* ■線なしのテーブル■ */
table.tablenoborder {
  line-height     : 130%;
  border          : none ;
  margin          : 5px 10px 10px 10px;
}
table.tablenoborder th {
  padding         : 2px 5px 2px 5px ; 
  border          : none ;
  vertical-align  : top ;
  white-space     : nowrap ;
}
table.tablenoborder td {
  padding         : 3px 5px 3px 5px ; 
  border          : none ;
  vertical-align  : top ;
}

/* ■写真２段組の表（線なし）■ */
table.tablenobordercenter {
  line-height     : 130%;
  border          : none ;
  margin          : 5px auto 10px auto ;
  color           : #666666 ;
}
table.tablenobordercenter td {
  padding         : 3px 5px 3px 5px ; 
  border          : none ;
  text-align      : center;
  vertical-align  : top ;
}
table.tablenobordercenter td img {
  border          : none ;
}

/* ■リストに外部リンクマーク■ */
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 ;
}