
.display_none { 
 display: none;
}
.float_left {
 float: left;
}
.float_right {
 float: right;
}
.width_750 {
 width: 750px;
}
.width_50 {
 width: 50px;
}
.height_20 {
 height: 20px;
}
.height_10 {
 height: 10px;
}
.font_size_20 {
 font-size: 20px;
}
.font_size_15 {
 font-size: 15px;
}
.font_size_14 {
 font-size: 14px;
}
.font-weight_bold {
 font-weight: bold;
}
.color_red {
 color: #ff0000;
}
.text_align_right {
 text-align: right;
}
.text_align_center {
 text-align: center;
}
.clear_both {
 clear: both;
}
h1, h2, h3, h4, h5, h6, p, li, th, td, pre, div, ul, form{
 font-family: "Osaka",Verdana,Chicago,sans-serif;
 font-size: 12px;
 line-height: 140%;
 text-align: left;
 margin: 0px;
 padding: 0px;
}
img {
 border: 0px;
}
body {
 font-size: 12px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 background-color: #eeeeee;
 color: #999999;
}
#outer_frame {
 position: relative;
 margin: 20px auto 0px auto;
 width: 820px;
}
#content {
 position:absolute;
 top: 170px;
 left: 0px;
 clear: both;
 width: 820px;
 text-align: center;
 background-color: #ffffff;
}
/* ------------------------- */
/* main */
/* ------------------------- */
#main {
 width: 800px;
 text-align: center;
 margin: 10px auto 10px auto;
}
.list_item_box_area {
 float: left;
 text-align: center;
 width: 400px;
 margin: 5px auto;
}
.list_item_title_area {
 width: 390px;
 text-align: center;
 margin: 0px auto;
 background-color: #00ccff;
}
.list_item_title {
 width: 370px;
 text-aliln: left;
 margin: 0px auto;
 padding: 5px 0px;
 color: #ffffff;
 font-weight: bold;
}
.list_item_main_area {
 width: 388px;
 text-align: center;
 margin: 0px auto;
 border: 1px solid #00ccff;
}
.list_item_main {
 width: 370px;
 margin: 0px auto;
 padding: 5px 0px;
}
.list_item_txt {
 float: left;
 font-weight: bold;
}
.osu00 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu00.gif) 0 0 no-repeat;
}
.osu05 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu05.gif) 0 0 no-repeat;
}
.osu11 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu11.gif) 0 0 no-repeat;
}
.osu15 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu15.gif) 0 0 no-repeat;
}
.osu21 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu21.gif) 0 0 no-repeat;
}
.osu25 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu25.gif) 0 0 no-repeat;
}
.osu31 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu31.gif) 0 0 no-repeat;
}
.osu35 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu35.gif) 0 0 no-repeat;
}
.osu41 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu41.gif) 0 0 no-repeat;
}
.osu45 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu45.gif) 0 0 no-repeat;
}
.osu51 {
 float: left;
 width: 80px;
 height: 16px;
 background: url(./img/osu51.gif) 0 0 no-repeat;
}


#page_link_area {
 clear: both;
 text-align: center;
 margin: 0 auto;
 width: 750px;
}

.title_001 {
 float: left;
 width: 120px;
 color: #ffffff;
 font-size: 120%;
 font-weight: bold;
 padding: 5px;
 border-right: 2px solid #cccccc;
 border-bottom: 2px solid #cccccc;
 border-left: 1px solid #eeeeee;
 border-top: 1px solid #eeeeee;
 background-color:#00ccff;
}

.form_table {
 margin: 0 auto;
 text-align: center;
}
.form_table table{
 width: 500px;
 float: none;
 margin: 0 auto;
 color:#666666;
 border-top: 1px solid #B9C3D1;
 border-right: 2px solid #B9C3D1;
 border-bottom: 2px solid #B9C3D1;
 border-left: 1px solid #B9C3D1;
}
.form_table th {
 width: 200px;
 padding:5px 10px;
 background:#FFFFF0;
 border-bottom:1px solid #B9C3D1;
 border-right:1px solid #B9C3D1;
 text-align:center;
}
.form_table td {
 padding:5px 10px;
 border-bottom:1px solid #B9C3D1;
 border-right:1px solid #B9C3D1;
 text-align:left;
}


/* ------------------------- */
/* footer */
/* ------------------------- */

#footer {
 clear: both;
 margin: 0 auto;
 width: 750px;
}
#copyright_txt {
 text-align: center;
 font-weight: bold;
}
#item_search_btn {
 border: 0px;
 width: 82px;
 height: 23px;
 background: url(./img/item_search_btn.jpg) 0 0 no-repeat;
}
#item_entry_txt {
 float: left;
 margin-left: 50px;
}

/* ------------------------- */
/* header */
/* ------------------------- */
#header {
 position:absolute;
 top:0px;
 left:0px;
 text-align: center;
 width: 820px;
 background-color: #F0F8FF;
}
#header_top_area {
 width: 820px;
 background-color: #00ccff;
}
#logo {
 width: 280px;
 height: 50px;
 float: left;
 background: url(./img/logo.gif) 0 0 no-repeat;
}
#site_desc {
 width: 500px;
 height: 50px;
 float: right;
 background: url(./img/site_desc.gif) 0 0 no-repeat;
}
#site_img_area {
 width: 800px;
 margin: 10px auto 10px auto;
}
#site_img_01 {
 float: left;
 width: 187px;
 height: 100px;
 background: url(./img/site_img_01.jpg) 0 0 no-repeat;
}
#site_img_02 {
 float: left;
 width: 425px;
 height: 100px;
 background: url(./img/site_img_02.gif) 0 0 no-repeat;
}
#site_img_03 {
 float: left;
 width: 187px;
 height: 100px;
 background: url(./img/site_img_03.jpg) 0 0 no-repeat;
}

