/* CSS Document */

#cat .title01 a{
background:url(../event/images/menu01.gif) left no-repeat;
height:40px;
}
#cat .title02 a{
background:url(../event/images/menu02.gif) left no-repeat;
height:40px;
}#cat .title03 a{
background:url(../event/images/menu03.gif) left no-repeat;
height:40px;
}


#cat .title01 a:hover{
background:url(../event/images/menu01.gif) right no-repeat;
}
#cat .title02 a:hover{
background:url(../event/images/menu02.gif) right no-repeat;
}
#cat .title03 a:hover{
background:url(../event/images/menu03.gif) right no-repeat;
}


.infoarea {
background:url(../images/bg_infoareaS.gif) 0 75px no-repeat;
padding:0 30px 30px 0;
}

p.step{
padding:20px 0 0 3px;
}

.infoarea h2{
padding:13px 0 0 3px;
}

.infoarea h3{
padding:10px 0 7px 3px;
font-size:18px;
line-height:130%;
}

.infoarea h3.line{
padding:10px 0 12px 3px;
background:url(../images/bg_h2.gif) 0 bottom no-repeat;
}

div.mainphoto{
padding:10px 0 10px 3px;
}
.infoarea .sub{
font-size:14px;
}
.infoarea table.date{
padding:5px 3px 5px 3px;
}
.date th{
background:#abd7e8;
padding:3px;
width:38px;
letter-spacing:0.2em;
text-align:center;
border-bottom:3px solid #ffffff;
}
.date td{
padding:3px 3px 3px 5px;
border-bottom:3px solid #ffffff;
}
strong.up{
font-size:14px;
}

.text {
margin:3px 0 5px 0;
padding:3px 0 18px 0;
}
.text h4{
font-size:15px;
line-height:140%;
background:url(../images/bg_h2.gif) 0 -12px no-repeat;
padding:8px 0 10px 5px;
}

h4.noline{
background:none;
font-size:14px;
padding:5px 0 5px 1px;
}

.text p{
font-weight:normal;
margin:5px 0 15px 7px;
line-height:1.6em;
}
p.photo{
float:right;
padding:5px 10px 5px 10px;
}
.red{
color:#dd0000;
text-decoration:underline;
}
div.box{
background:#eee0d0;
padding:12px 10px 12px 10px;
}

ul.archivelist{
padding:8px 0 20px 5px;
}
.archivelist li{
background:url(../images/li.gif) 5px 5px no-repeat;
padding:0 0 8px 15px;
}