@charset UTF-8;

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

    [ index ]

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

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



/* ******************************************
    02. side menu
****************************************** */
select {
width: 212px;
}




/* ******************************************
    03. event全般
****************************************** */
/* 左右振り分け */
.event-box {
width: 608px;
margin: 20px;
}

.event-left {
float: left;
width: 215px;
}

.event-right {
float: right;
width: 381px;
}

.event-center {
position: relative;
float: left;
width: 500px;
}

/* イベントタイトル */
.event-box h3 {
height: 24px;
font-size: 14px;
font-weight: bold;
color: #5c4b09;
background: transparent url("../event/img/chap_bg.gif") bottom left no-repeat;
padding: 2px 14px;
margin-bottom: 16px;
}

.event-box span {
color: #c9b18c;
}

/* イベント説明 */
.event-right h4 {
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #ba9c60;
}

.event-right p.event-text {
margin-bottom: 1em;
}

.event-right ul.event-border {
padding-top: 10px;
margin-top: 10px;
border-top: 1px dashed #ba9c60;
}

.event-right ul.event-border-closed {
padding-top: 10px;
margin-top: 10px;
border-top: 1px dashed #ba9c60;
background-image: url(http://ehonjuku.com/hall/event/img/event_closed.gif); 
background-repeat: no-repeat; 
background-position: 20px 0px;
}

.event-box em {
font-weight: bold;
font-style: normal;
}

option {
padding: 2px;
margin: 4px;
}

/* アンカー */
.event-box h3 a,
.event-box h3 a:link,
.event-box h3 a:hover,
.event-box h3 a:visited,
.event-box h3 a:active {
text-decoration: none;
color: #5c4b09;
}

.event-right-closed {
float: right;
width: 381px;
background-image: url(http://ehonjuku.com/hall/event/img/event_closed.gif); 
background-repeat: no-repeat; 
}

.event-box h3 {
height: 24px;
font-size: 14px;
font-weight: bold;
color: #5c4b09;
background: transparent url("../event/img/chap_bg.gif") bottom left no-repeat;
padding: 2px 14px;
margin-bottom: 16px;
}

.event-right ul.event-border-closed {
padding-top: 10px;
margin-top: 10px;
border-top: 1px dashed #ba9c60;
}

li#contact a {
width: 281px;
height: 26px;
background: transparent url("../calender/img/btn_contact.gif") top left no-repeat;
display: block;
}

/* 下段 */
#closed-event-box {
position: relative;
width: 381px;
margin: 0 20px 20px;
}

#closed-event-box ul {
width: 381px;
height: 40px;
}

#closed-event-box li {
height: 20px;
text-indent: -9999px;
}

#closed-event-box li#closed-event {
position: absolute;
width: 281px;
height: 20px;
top: 15px;
left: 460px;
}

li#closed-event a {
width: 133px;
height: 20px;
background: transparent url("../event/img/btn_closed_event.gif") top left no-repeat;
display: block;
}

#closed-event-box li a:hover {
background-position: 0 -20px;
}

/* 下段 */
#now-event-box {
position: relative;
width: 381px;
margin: 0 20px 20px;
}

#now-event-box ul {
width: 381px;
height: 40px;
}

#now-event-box li {
height: 20px;
text-indent: -9999px;
}

#now-event-box li#now-event {
position: relative;
width: 281px;
height: 20px;
top: 15px;
left: 460px;
}

li#now-event a {
width: 133px;
height: 20px;
background: transparent url("../event/img/btn_now_event.gif") top left no-repeat;
display: block;
}

#now-event-box li a:hover {
background-position: 0 -20px;
}