@charset "utf-8";
/* CSS Document */


#g_navi li.g_navi04 a {
background: url(../img/g_navi04_.gif) no-repeat left top;
height:43px;
width: 166px;
}

#g_navi li.g_navi04 a:hover {
background: url(../img/g_navi04_.gif) no-repeat left top;
height:43px;
width: 166px;
}


#index_bar01 {
padding: 15px 0px 0px 0px;
width: 800px;
}

.index_bar01 {
background: url(../img/index_bar01.gif) no-repeat left top;
height: 3px;
width: 800px;
}


#pankuzu {
float: left;
height: 17px;
padding: 18px 0px 0px 30px;
}

.pankuzu01 {
float: left;
width: 42px;
}

.pankuzu02 {
float: left;
width: 12px;
}

.pankuzu03 {
float: left;
text-align: left;
width: 100px;
}



#column {
float: left;
padding: 10px 0px 60px 20px;
width: 820px;
}

#column_left {
float: left;
padding: 0px 10px 0px 0px;
width: 550px;
}

#sub04_title02 {
float: left;
height: 24px;
padding: 14px 0px 0px 20px;
width: 190px;
}


#sub04_column01 {
float: left;
padding: 25px 0px 0px 0px;
width: 550px;
}

#board {
width: 550px;
}

.boards {
float: left;
padding: 25px 0px 0px 0px;
width: 550px;
}

.boards dl {
display: block;
float: left;
padding: 0px 10px 0px 10px;
width: 115px;
}

.boards dl dt {
display: block;
float: left;
width: 115px;
}

.boards dl dd {
color: #333333;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
letter-spacing: normal;
line-height: 1.2;
padding: 0px 0px 0px 2px;
text-align: left;
width: 113px;
}

.bar {
padding: 26px 0px 0px 0px;
width: 550px;
}

.numbars {
padding: 3px 0px 0px 0px;
width: 550px;
}

.numbars span {
text-align: center;
width: 12px;
}



.boards_title {
background: #666666;
height: 26px;
width: 550px;
}

.boards_title h5 {
color: #FFFFFF;
font-weight: 300;
padding: 5px 0px 0px 0px;
text-align: center;
width: 550px;
}

.boards_info {
float: left;
padding: 5px 0px 0px 0px;
width: 550px;
}

dl.name {
display: block;
float: left;
padding: 0px;
width: 350px;
}

dl.name dt{
float: left;
width: 40px;
}

dl.name dt img {
float: left;
padding: 2px 0px 0px 0px;
vertical-align: bottom;
width: 38px;
}

dl.name dd {
float: left;
font-size: 12px;
font-weight: 300;
letter-spacing: normal;
text-align: left;
}


dl.date {
display: block;
float: left;
padding: 0px;
width: 110px;
}

dl.date dt{
float: left;
width: 34px;
}

dl.date dt img {
float: left;
padding: 2px 0px 0px 0px;
vertical-align: bottom;
width: 32px;
}

dl.date dd {
float: left;
font-size: 12px;
font-weight: 300;
letter-spacing: normal;
text-align: left;
width: 70px;
}


dl.hit {
display: block;
float: right;
padding: 0px;
width: 55px;
}

dl.hit dt{
float: left;
width: 26px;
}

dl.hit dt img {
float: left;
padding: 2px 0px 0px 0px;
vertical-align: bottom;
width: 24px;
}

dl.hit dd {
float: left;
font-size: 12px;
font-weight: 300;
letter-spacing: normal;
text-align: left;
width: 25px;
}

.imgs {
width: 550px;
}


.hyou {
float: left;
padding: 5px 12px 0px 12px;
width: 526px;
}

.hyou_bar {
background: url(../img/hyou_bar.gif) no-repeat left top;
float: left;
height: 1px;
width: 526px;
}

.hyou_middle {
background: url(../img/hyou_middle.gif) repeat-y left top;
float: left;
height: 100%;
width: 526px;
}


.hyou_middle dl {
float: left;
padding: 4px 0px 3px 0px;
width: 263px;
}

.hyou_middle dl dt {
color: #696969;
float: left;
font-weight: 300;
padding: 0px 0px 0px 7px;
text-align: left;
width: 54px;
}

.hyou_middle dl dd {
color: #696969;
float: left;
font-weight: 300;
letter-spacing: normal;
padding: 2px 4px 0px 7px;
text-align: left;
width: 191px;
}

.hyou_middle02 {
background: url(../img/hyou_middle02.gif) repeat-y left top;
float: left;
height: 100%;
width: 526px;
}

.hyou_middle02 p {
color: #696969;
padding: 4px 4px 3px 7px;
text-align: left;
width: 515px;
}


.boards_info02 {
float: left;
width: 550px;
}

p.prev {
float: left;
padding: 2px 0px 0px 0px;
width: 43px;
}

p.wakime {
float: left;
width: 12px;
}

p.next {
float: left;
padding: 2px 0px 0px 0px;
width: 43px;
}

p.list {
float: right;
padding: 2px 0px 0px 0px;
width: 27px;
}

p.list a {
float: right;
width: 27px;
}






#board_title {
background: url(../img/board_title_04.gif) no-repeat left top;
height: 30px;
width: 550px;
}

#more01 {
float: right;
padding: 10px 15px 0px 0px;
width: 29px;
}

.more01 a {
background: url(../img/more01.gif) no-repeat left top;
display: block;
height: 11px;
width: 29px;
}

.more01 a:hover {
background: url(../img/more01_.gif) no-repeat left top;
height: 11px;
width: 29px;
}

#board_bottom {
width: 550px;
}

.board_bottom {
background: url(../img/board_bottom.gif) no-repeat left top;
height: 2px;
width: 550px;
}




#column_right {
float: left;
padding: 0px 0px 0px 10px;
width: 230px;
}

.column_right_bg {
background: url(../img/column_right_bg.gif) no-repeat left top;
height: 365px;
width: 220px;
}




.honten_title {
padding: 70px 0px 0px 0px;
width: 220px;
}

.honten_t {
padding: 5px 0px 0px 40px;
letter-spacing: normal;
line-height: 1.3;
text-align: left;
width: 180px;
}

.honten_t a {
letter-spacing: normal;
text-align: left;
}

.shiten_title {
padding: 20px 0px 0px 0px;
width: 220px;
}

.shiten_t {
padding: 5px 0px 0px 40px;
letter-spacing: normal;
line-height: 1.3;
text-align: left;
width: 180px;
}

.shiten_t a {
letter-spacing: normal;
text-align: left;
}


#form {
padding: 40px 0px 0px 0px;
width: 220px;
}

.form a {
background: url(../img/form_btn.gif) no-repeat left top;
display: block;
height: 51px;
width: 210px;
}

.form a:hover {
background: url(../img/form_btn_.gif) no-repeat left top;
display: block;
height: 51px;
width: 210px;
}