@charset "utf-8";
*{

                font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
}

body {
font-size: 14px;
line-height: 150%;
margin: 0px;
padding: 0px;
background: url(images/background.gif) repeat-x;
color: #333333;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
a {
color: #0000cc;
}
h1 {
background: url(images/h1_back.gif) repeat-y;
padding: 0px 0px 0px 30px;
margin: 0px;
line-height: 50px;
font-size: 18px;
}
.category_h1 {
background: url(images/h1_back.gif) repeat-y;
padding: 0px 0px 0px 30px;
margin: 0px;
line-height: 30px;
font-size: 18px;
clear: both;
}
object,
embed {
vertical-align: top;
}

#rap {
width: 800px;
margin: 0px auto;
}

/* --------------------------------- head */
#head {
height: 130px;
}
.head_menu {
margin: 0px;
padding: 0px 10px;
line-height: 20px;
text-align: right;
font-size: 12px;
}
.site_info {
margin: 0px;
padding: 3px 10px 0px 10px;
line-height: 12px;
font-size: 10px;
clear: both;
}
#navi {
padding: 0px 10px;
}
.logo {
float: left;
}
.flash {
float: right;
}

/* --------------------------------- contents */
#contents {
padding: 5px 10px 0px 10px;
}
#contents p {
margin: 0px;
}
.section {
clear: both;
}
#news {
float: left;
width: 430px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 10px 0px;
}
#news table {
margin: 0px;
border: none;
width: 100%;
}
.news_image {
width: 90px;
float: left;
}
.date {
vertical-align: top;
padding: 0px 10px 0px 0px ;
width: 60px;
}
.news_table {
width: 100%;
}
.all_list {
text-align: right;
margin: 5px 0px 0px 0px;
}
.page_head {
width: 530px;
float: left;
margin: 0px 0px 10px 0px;
}
.pan {
margin: 0px 0px 10px 0px;
}
#site_sys {
float: right;
width: 250px;
text-align: right;
font-size: 12px;
margin: 0px 0px 10px 0px;
}
#site_sys form {
margin: 0px;
padding: 0px;
}
.size_p {
margin: 5px 0px 10px 0px;
height: 22px;
}
.size_p img {
vertical-align: middle;
}
.search {
background: url(images/search.gif) no-repeat;
width: 40px;
height: 20px;
border: none;
}
.search_text {
border: 1px solid #999999;
width: 100px;
}
.main_block {
width: 590px;
float: left;
}
.harf_block_l {
width: 290px;
float: left
}
.harf_block_r {
width: 290px;
float: right
}
.main_clear {
clear: both;
height: 20px;
}
.h2_image {
margin: 0px 0px 10px 0px;
}
.h2_text {
margin: 0px 0px 10px 0px;
background: url(images/h2_back.gif) no-repeat;
font-size: 14px;
padding: 0px 20px 0px 30px;
line-height: 30px;
}
.text_area {
float: left;
width: 410px;
padding: 0px 0px 0px 20px;
}

/* --------------------------------- side */
.side_block {
width: 170px;
float: right;
}
.side_block02 {
width: 170px;
float: right;
margin: -5px 0px 0px 0px;
}
.title_side {
background: url(images/title_side.gif) no-repeat;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 25px;
line-height: 30px;
font-weight: bold;
}
.text_area02 {
margin: 0px;
padding: 0px 10px 0px 10px;
}
.side_block img {
margin: 5px 0px 0px 0px;
}
.text_area02 p {
margin: 5px 0px;
}
.side_block p {
margin: 0px;
}
.side_block .text_area02 {
margin: 5px 0px 0px 0px;
}

/* --------------------------------- afi */
#afi {
clear: both;
border-top: 1px solid #666666;
padding: 10px;
}
#afi a img {
margin: 0px 3px 5px 3px;
}
.mark {
text-align: right;
padding: 0px 10px;
}

/* --------------------------------- foot */
#foot {
background: url(images/foot_back.gif) repeat-x;
line-height: 30px;
font-size: 12px;
}
.foot_right {
float: right;
margin: 0px;
padding: 0px 10px;
}
.foot_left {
float: left;
margin: 0px;
padding: 0px 10px;
}


/* --------------------------------- sitemap */
.h2_p a {
background: url(images/h2_back02.gif) no-repeat;
text-decoration: none;
color: #333333;
display: block;
width: 540px;
height: 30px;
margin: 0px 0px 10px 0px;
font-size: 14px;
padding: 0px 20px 0px 30px;
line-height: 30px;
font-weight: bold;
}
.h2_p a:hover {
background: url(images/h2_back.gif) no-repeat;
}


/* --------------------------------- text */
.text_right {
text-align: right;
}
.text_left {
text-align: left;
}
.table_center {
margin: 0px auto;
}
.foot_clear {
clear: both;
height: 20px;
}
.yakkan {
width: 700px;
margin: 0px auto;
}
.ryokin {
width: 650px;
margin: 0px auto;
}

/* --------------------------------- image */
.image_right {
float: right;
}
.image_left {
float: left;
}
.arrow {
vertical-align: middle;
}