@charset UTF-8;

/* ******************************************

    [ index ]

    01. title image(h2)
    02. side menu
    03. info全般
    
****************************************** */

/* ******************************************
    01. title image(h2)
****************************************** */
h2#info-title {
width: 900px;
height: 160px;
background: transparent url("../info/img/title_info.jpg") top left no-repeat;
}



/* ******************************************
    02. side menu
****************************************** */
#side-menu ul {
width: 212px;
}

#side-menu li {
height: 40px;
text-indent: -9999px;
}

li#info-btn01 a {
width: 212px;
height: 40px;
background: transparent url("../info/img/info_btn01.gif") top left no-repeat;
display: block;
}

li#info-btn02 a {
width: 212px;
height: 40px;
background: transparent url("../info/img/info_btn02.gif") top left no-repeat;
display: block;
}

li#info-btn03 a {
width: 212px;
height: 40px;
background: transparent url("../info/img/info_btn03.gif") top left no-repeat;
display: block;
}

li#info-btn04 a {
width: 212px;
height: 40px;
background: transparent url("../info/img/info_btn04.gif") top left no-repeat;
display: block;
}

li#info-btn05 a {
width: 212px;
height: 40px;
background: transparent url("../info/img/info_btn05.gif") top left no-repeat;
display: block;
}

li#info-btn06 a {
width: 212px;
height: 40px;
background: transparent url("../info/img/info_btn06.gif") top left no-repeat;
display: block;
}

#side-menu li a:hover {
background-position: 0 -40px;
}




/* ******************************************
    03. info全般
****************************************** */
/* 絵本塾ホールについて */
#info-box01 {
width: 608px;
margin: 20px;
}

#info-box01 h3 {
width: 608px;
height: 29px;
background: transparent url("../info/img/info_chap01.gif") bottom left no-repeat;
margin-bottom: 16px;
text-indent: -9999px;
}

#info-box01 p {
margin-bottom: 10px;
}

#info-box01 p.border {
padding-bottom: 10px;
border-bottom: 1px dashed #b5b5b5;
}

/* ホール仕様・設計 */
#info-box02 {
width: 608px;
margin: 20px;
}

#info-box02 h3 {
width: 608px;
height: 29px;
background: transparent url("../info/img/info_chap02.gif") bottom left no-repeat;
margin-bottom: 16px;
text-indent: -9999px;
}

#hall-data-box {
width: 608px;
}

#hall-data-left {
float: left;
width: 319px;
}

#hall-data-right {
float: right;
width: 269px;
}

#hall-data-left h4 {
font-size: 14px;
font-weight: bold;
color: #5c4b09;
padding-bottom: 6px;
margin-bottom: 8px;
border-bottom: 1px dashed #b5b5b5;
}

#hall-data-left h4.space {
margin-top: 16px;
}

#hall-data-left em {
color:#e7c65d;
font-style: normal;
}

p#go-map-btn a {
width: 142px;
height: 23px;
background: transparent url("../info/img/go_map_btn.gif") top left no-repeat;
margin: 8px 0 6px;
text-indent: -9999px;
display: block;
}

p#go-map-btn a:hover {
background-position: 0 -23px;
}

#hall-data-left p.space {
margin-bottom: 16px;
}

#hall-data-left p.tel {
font-size: 14px;
font-weight: bold;
color: #b55b02;
}

/* 写真 */
#info-ph-box01 {
position: relative;
width: 319px;
height: 221px;
}

#info-ph-box01 img.img01 {
position: absolute;
width: 319px;
height: 141px;
top: 0;
left: 0;
}

#info-ph-box01 img.img02 {
position: absolute;
width: 103px;
height: 75px;
top: 146px;
left: 0;
}

#info-ph-box01 img.img03 {
position: absolute;
width: 108px;
height: 75px;
top: 146px;
left: 105px;
}

#info-ph-box01 img.img04 {
position: absolute;
width: 104px;
height: 75px;
top: 146px;
left: 215px;
}


/* 利用時間帯とホール施設料金 */
#info-box03 {
width: 608px;
margin: 20px;
}

#info-box03 h3 {
width: 608px;
height: 29px;
background: transparent url("../info/img/info_chap03.gif") bottom left no-repeat;
margin-bottom: 16px;
text-indent: -9999px;
}

#info-box03 table {
width: 608px;
table-layout: fixed;
border-collapse: collapse;
margin-bottom: 16px;
}

#info-box03 table,
#info-box03 th,
#info-box03 td {
height: 38px;
border: 1px solid #b5b5b5;
text-align: left;
}

#info-box03 td.day-of-the-week {
width: 76px;
font-size: 14px;
font-weight: bold;
background-color: #edead5;
padding-left: 8px;
}

#info-box03 td.time {
text-align: left;
background-color: #fffce3;
padding-left: 6px;
}

#info-box03 em {
color: #d8d4bd;
font-style: normal;
}

#info-box03 span {
font-weight: bold;
}

#info-box03 td.price {
font-size: 14px;
font-weight: bold;
color: #8d7438;
padding-left: 6px;
}

#info-box03 span.mark01 {
color: #d8d4bd;
}

#info-box03 span.mark02 {
color: #e09723;
}

#info-box03 h4 {
font-size: 14px;
font-weight: bold;
color: #5c4b09;
padding-bottom: 6px;
margin-bottom: 8px;
border-bottom: 1px dashed #b5b5b5;
}

#info-box03 h4 em {
color:#e7c65d;
font-style: normal;
}

#info-box03 p.space {
margin-bottom: 16px;
}

#info-box03 dl {
width: 608px;
margin-bottom: 16px;
}

#info-box03 dt {
font-weight: bold;
}

#info-box03 span.option {
font-weight: bold;
color: #8d7438;
}

/* 写真 */
#info-ph-box02 {
position: relative;
width: 608px;
height: 200px;
}

#info-ph-box02 img.img05 {
position: absolute;
width: 164px;
height: 200px;
top: 0;
left: 0;
}

#info-ph-box02 img.img06 {
position: absolute;
width: 146px;
height: 97px;
top: 0;
left: 175px;
}

#info-ph-box02 img.img07 {
position: absolute;
width: 146px;
height: 99px;
top: 101px;
left: 175px;
}

#info-ph-box02 img.img08 {
position: absolute;
width: 133px;
height: 200px;
top: 0;
left: 332px;
}

#info-ph-box02 img.img09 {
position: absolute;
width: 133px;
height: 200px;
top: 0px;
left: 475px;
}



/* お申し込みについて */
#info-box04 {
width: 608px;
margin: 20px;
}

#info-box04 h3 {
width: 608px;
height: 29px;
background: transparent url("../info/img/info_chap04.gif") bottom left no-repeat;
margin-bottom: 16px;
text-indent: -9999px;
}

#info-box04 h4 {
font-size: 14px;
font-weight: bold;
color: #5c4b09;
padding-bottom: 6px;
margin-bottom: 8px;
border-bottom: 1px dashed #b5b5b5;
}

#info-box04 h4.space {
margin-top: 16px;
}

#info-box04 em {
color:#e7c65d;
font-style: normal;
}

/* ご利用にあたって */
#info-box05 {
width: 608px;
margin: 20px;
}

#info-box05 h3 {
width: 608px;
height: 29px;
background: transparent url("../info/img/info_chap05.gif") bottom left no-repeat;
margin-bottom: 16px;
text-indent: -9999px;
}

#info-box05 em {
color: #d8d4bd;
font-style: normal;
}

#info-box05 p.space {
margin-top: 16px;
}

/* サイトについてて */
#info-box06 {
width: 608px;
margin: 20px;
}

#info-box06 h3 {
width: 608px;
height: 29px;
background: transparent url("../info/img/info_chap06.gif") bottom left no-repeat;
margin-bottom: 16px;
text-indent: -9999px;
}

#info-box06 dl {
width: 608px;
margin-top: 16px;
}

#info-box06 dt {
margin-top: 16px;
}