@charset "utf-8";
@import 'contents.css';

#tab-menu li,#tab-menu li a{width:150px;}

#tab-curriculum a{background-image:url(../img/curriculum/tab-curriculum.gif);}
#tab-dairy a{background-image:url(../img/curriculum/tab-dairy.gif);}
#tab-event a{background-image:url(../img/curriculum/tab-event.gif);}

#curriculum #tab-curriculum a,
#dairy-schedule #tab-dairy a,
#event #tab-event a{background-position:0 -38px; cursor:default;}

.menu-line {
border-bottom:3px solid #CCC;
margin-bottom:20px;}


h1,#h2-event,#h2-event-past,#event-t-photo,#e-box div,#event-info {
background-position:0 0;
text-indent:-9999px;
display:block;
}


h1{background-image:url(../img/event/event.jpg);}


#h2-event{background-image:url(../img/event/h2-event.jpg);}
#h2-event-past{background-image:url(../img/event/h2-event-past.jpg);}
#h3-event{background-image:url(../img/event/h3-event.jpg);}


#event-t-photo {
width:840px;
height:198px; 
background-image:url(../img/event/event-t-photo.jpg); 
margin-bottom:20px;} 

#layout,.layout-list li span{color:#FF0000;}

#layout,.layout-list li div h3{
font-size:8px;
text-indent:-9999px;
}

.layout-list li{float:left;}


.layout-list li{
border:1px solid #CCC;
width:258px; margin:0 0 20px 9px; _margin:0 0 20px 7px; padding-top:40px;
font-size:12px;}
#layout-1{background-image:url(../img/event/event-1.jpg);}
#layout-2{background-image:url(../img/event/event-2.jpg);}
#layout-3{background-image:url(../img/event/event-3.jpg);}
#layout-4{background-image:url(../img/event/event-4.jpg);}
#layout-5{background-image:url(../img/event/event-5.jpg);}
#layout-6{background-image:url(../img/event/event-6.jpg);}
#layout-7{background-image:url(../img/event/event-7.jpg);}
#layout-8{background-image:url(../img/event/event-8.jpg);}
#layout-9{background-image:url(../img/event/event-9.jpg);}
#layout-10{background-image:url(../img/event/event-10.jpg);}
#layout-11{background-image:url(../img/event/event-11.jpg);}
#layout-12{background-image:url(../img/event/event-12.jpg);}

.layout-list li div{padding:13px;}
.layout-list li div h3{height:150px; border-bottom:1px solid #FFF; margin-bottom:5px;}


#layout-1 h3{background-image:url(../img/event/event-photo01.jpg);}
#layout-2 h3{background-image:url(../img/event/event-photo02.jpg);}
#layout-3 h3{background-image:url(../img/event/event-photo03.jpg);}
#layout-4 h3{background-image:url(../img/event/event-photo04.jpg);}
#layout-5 h3{background-image:url(../img/event/event-photo05.jpg);}
#layout-6 h3{background-image:url(../img/event/event-photo06.jpg);}
#layout-7 h3{background-image:url(../img/event/event-photo07.jpg);}
#layout-8 h3{background-image:url(../img/event/event-photo08.jpg);}
#layout-9 h3{background-image:url(../img/event/event-photo09.jpg);}
#layout-10 h3{background-image:url(../img/event/event-photo10.jpg);}
#layout-11 h3{background-image:url(../img/event/event-photo11.jpg);}
#layout-12 h3{background-image:url(../img/event/event-photo12.jpg);}




#e-box {width:780px;border:1px solid #CCC;}

#e-box td{
padding:12px 0 12px 18px;
border:1px solid #CCC;
font-size:14px;
}

#e-box div {
margin:10px 0 5px 0;height:180px;}

#photo01 {background-image:url(../img/event/photo01.jpg);}
#photo02 {background-image:url(../img/event/photo02.jpg);}
#photo03 {background-image:url(../img/event/photo03.jpg);}
#photo04 {background-image:url(../img/event/photo04.jpg);}



#info-box {
border:1px solid #CCC;
padding:0 10px 10px 20px;
margin-top:40px;
}


#info-box li{
background-image:url(../img/curriculum/icon.jpg);
background-position:0 3px;
padding:0 0 0 18px;
margin-bottom:3px;
}


#event-info {
width:87px;
height:38px;
background-image:url(../img/event/event-info.jpg);
background-position:6% 0;
text-indent:-9999px;
margin-bottom:10px;
}