body {font-size:9pt;  line-height:180%; text-align:center; background-color:#F0E8CD;}

#photo{float: right; margin-left: 10px}

#clear{clear: both}

#page {
	width: 700px;
	margin:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
	background-color: white;}
	
#header{width: 620px;  margin-left:auto; margin-right:auto; }	

#simei{width:420px; margin-top: 20px; margin-right: 10px; font-size: 12px; font-weight: bold; text-align: right}

#logo{width: :420px; margin-top: 10px; text-align: center}

h1{font-size: 15px; font-weight: bold; margin: 7px}

li.keirin{margin-bottom: 10px;margin-left: 20px; }

li.keirin2{margin-left: 17px; margin-bottom: 7px}

li.list{margin-left: 20px; margin-bottom: 5px;}

li.list2{margin-left: -10px; margin-bottom: 5px;}

ul{margin: 0; padding: 0}

td.info{padding: 5px; background-color: #fff; border: 1px solid #4d4d4d; color: #4d4d4d; }

td.none{background-color:#fff; padding: 2px; text-align: center; border: 1px solid #4d4d4d; font-size: 12px; }

a.aji{
    display:block;　
    width : 258px;   /* 使う画像の幅と同じにすること　*/
    height : 31px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_aji.jpg); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
　  }
a:hover.aji{
    background-image : url(images/btn_hover_aji.jpg);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.rolov01{
    display:block;　
    width : 116px;   /* 使う画像の幅と同じにすること　*/
    height : 44px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_01.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
　  }
a:hover.rolov01{
    background-image : url(images/btn_hover_01.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.rolov02{
    display:block;　
    width : 126px;   /* 使う画像の幅と同じにすること　*/
    height : 44px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_02.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
　  }
a:hover.rolov02{
    background-image : url(images/btn_hover_02.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.rolov03{
    display:block;　
    width : 126px;   /* 使う画像の幅と同じにすること　*/
    height : 44px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_03.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
　  }
a:hover.rolov03{
    background-image : url(images/btn_hover_03.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.rolov04{
    display:block;　
    width : 126px;   /* 使う画像の幅と同じにすること　*/
    height : 44px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_04.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
　  }
a:hover.rolov04{
    background-image : url(images/btn_hover_04.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.rolov05{
    display:block;　
    width : 126px;   /* 使う画像の幅と同じにすること　*/
    height : 44px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_05.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
　  }
a:hover.rolov05{
    background-image : url(images/btn_hover_05.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.rolov06{
    display:block;　
    width : 99px;   /* 使う画像の幅と同じにすること　*/
    height : 27px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_kuwasiku.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
　  }
a:hover.rolov06{
    background-image : url(images/btn_hover_kuwasiku.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

#container{width:620px; margin-left:auto; margin-right:auto; text-align: center;  }

#content{float:left; width:450px; margin-right: 10px; margin-bottom: 30px;text-align: left}

#text{color: #4d4d4d; margin-top: 10px; padding: 10px; background-color: #FFF9B3}

#text2{text-align: right; }

#text3{width: 448px; 
    border-style : solid;
    border-width : 1px;
    border-color: #999;}

#title{display: block; width: 430px; height: 25px; background-image: url(images/kaisai.gif); 
padding-left: 25px; padding-top: 3px; padding-bottom: 3px; background-repeat: no-repeat;margin-bottom: 5px; 
font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , Osaka, "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック", san-serif; font-size: 12px; color: #4d4d4d; font-weight: bold; }    

h2{font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , Osaka, "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック", san-serif; margin-bottom: 2px;font-size: 12px; color: #4d4d4d; font-weight: bold;}
    
.photo{float: right; margin-left: 5px}

.photo2{margin-bottom: 10px}

#news{font-size: 8pt; color: #505050;  margin-top: 10px}

#side{float:right; width:160px; }

a.menu01{
    display:block;　
    width : 144px;   /* 使う画像の幅と同じにすること　*/
    height : 50px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_menu01.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
    border-style : solid;
    border-width : 1px;
     border-color: #999;
　  }
a:hover.menu01{
    background-image : url(images/btn_hover_menu01.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.menu02{
    display:block;　
    width : 144px;   /* 使う画像の幅と同じにすること　*/
    height :50px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_menu02.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
    border-style : solid;
    border-width : 1px;
    border-color: #999;

　  }
a:hover.menu02{
    background-image : url(images/btn_hover_menu02.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.menu03{
    display:block;　
    width : 144px;   /* 使う画像の幅と同じにすること　*/
    height : 50px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_menu03.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
    border-style : solid;
    border-width : 1px;
    border-color: #999;

　  }
a:hover.menu03{
    background-image : url(images/btn_hover_menu03.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.menu04{
    display:block;　
    width : 146px;   /* 使う画像の幅と同じにすること　*/
    height : 146px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_aji10.jpg); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
    

　  }
a:hover.menu04{
    background-image : url(images/btn_aji10_h.jpg);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.menu05{
    display:block;　
    width : 100px;   /* 使う画像の幅と同じにすること　*/
    height : 50px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/road09_btn.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
   

　  }
a:hover.menu05{
    background-image : url(images/road09_btn_o.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.menu06{
    display:block;　
    width : 100px;   /* 使う画像の幅と同じにすること　*/
    height : 50px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/bignner09_btn.gif); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
 }
a:hover.menu06{
    background-image : url(images/bignner09_btn_o.gif);　/* オンマウスの画像　自分のサイトで使用するＵＲＬを用いる */
}

a.menu07{
    display:block;　
    width : 146px;   /* 使う画像の幅と同じにすること　*/
    height : 146px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/btn_sodegaura.jpg); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
    

　  }
a:hover.menu07 { background-image: url(images/btn_sodegaura_h.jpg) }

a.menu08{
    display:block;　
    width : 146px;   /* 使う画像の幅と同じにすること　*/
    height : 146px;  /* 使う画像の高さと同じにすること　*/
    background-image : url(images/nagaragawa_1.jpg); 　/* カーソルなしの画像　自分のサイトで使用するＵＲＬを用いる */
    text-align:center; /* この例では中央寄せにしてあります　*/
    

　  }
a:hover.menu08{ background-image: url(images/nagaragawa_1_hov.jpg) }

#hutter { text-align: center; margin-right: auto; margin-left: auto; width: 620px }

.hutter{margin-top: 50px}

li.style {list-style: none }

.fontsize{font-size: 8pt}

td.cap{font-size: 8pt; color: #4d4d4d}

h4{border-bottom: 1px solid #757575; }

h1{margin: 0;}