@charset "Shift_JIS";

@import "style.css";

/* ------ common ------ */

.addate {color:#85AF3D; font-weight:bold;}
.adpr {color:#ffb000; font-weight:bold;}


/* ------ base ------ */

#domestic {
	background:#F0ECDD url(../event/img/bg_event.gif) repeat-y;
	border-bottom:6px #D19918 solid;
	width:755px;
	margin-bottom:20px;
}


#domestic #ct_topimg{
width:755px;
margin-bottom:5px;
}

#ct_topimg h1{
padding:0;
margin:0;
}


/* ------ areabox ------ */

#domestic #areabox{
padding:0 5px 20px 4px;
}

/* topbox */
#areabox .topbox{
margin:0 5px 5px 4px;
width:746px;
background:url(../event/img/bg_topbox.gif) repeat-y ;
}

/* topbox */
#domestic .topbox{
margin:0 5px 5px 4px;
width:746px;
background:url(../event/img/bg_topbox.gif) repeat-y ;
}

#domestic .topbox ul{
padding:5px 8px 5px 15px;
}

#domestic .topbox ul li.txt{
width:490px;
margin-right:20px;
float:left;
font-weight:bold;
color:#663300;
}

#domestic .topbox ul li.btn{
float:left;
width:205px;
}

#domestic .topbox ul li.btn .mr5{
margin-right:5px;
}


/* -- left_block -- */
#domestic #areabox .left_block{
width:500px;
float:left;
}

/*searchmap*/
#areabox .left_block .mapsearch{
margin:0 0 10px 0;
background:url(../event/img/bg_mapsearch.gif) repeat-y top left;
width:500px;
}

#areabox .left_block .mapsearch h2{
margin:0;
padding:0;
}

#areabox .left_block .flashmapbox{
padding:7px 10px 7px 12px;
}
#areabox .left_block .flashmapbox ul li{
display:inline;
margin-right:5px;
line-height:140%;
}


/*keywdsearch*/
#areabox .left_block .keywdsearch{
margin:0 0 10px 0;
background:url(../event/img/bg_keywdsearch.gif) repeat-y top left;
width:500px;
}

#areabox .left_block .keywdsearch .searchform{padding:5px 20px 10px 77px;}
#areabox .left_block .keywdsearch .searchform .w245{width:245px; margin-right:5px; vertical-align:top;}
#areabox .left_block .keywdsearch .searchform .btn{ vertical-align:bottom;}


/*bannerbox*/
#areabox .left_block .banner{
margin:0 5px 10px 5px;
width:468px;
}


/*consearch*/
#areabox .left_block .consearch{
margin:0 0 15px 0;
background:url(../event/img/bg_consearch.gif) repeat-y top left;
width:500px;
}

#areabox .left_block .consearch .wakubox{
margin:0 15px 1px 7px; 
padding:0 8px 15px 8px;
background:url(../event/img/bg_grdconsearch.gif) repeat-x left bottom;
}

#areabox .left_block .consearch .wakubox .tit{margin-top:10px;}
#areabox .left_block .consearch .wakubox ul{border-bottom:1px #999 dotted; padding:14px 0 5px 5px;}
#areabox .left_block .consearch .wakubox ul li{ margin-bottom:5px;}
#areabox .left_block .consearch .wakubox ul li .tname{ margin-right:10px; vertical-align:bottom;}

#areabox .left_block .consearch .wakubox ul.cbox{border-bottom:1px #999 dotted; padding:14px 0 10px 5px; width:455px;}
#areabox .left_block .consearch .wakubox ul.cbox li{ margin-bottom:2px; width:145px; margin-left:5px; float:left;}

#areabox .left_block .consearch .wakubox ul li.day { margin-left:5px;}

#areabox .left_block .consearch .wakubox .btn{ padding-top:10px; text-align:center;}


/*eventinfo_l*/
#areabox .left_block .btn_l{margin:0 0 10px 6px; }
#areabox .left_block .eventinfo{ margin-right:10px;}


/* -- right_block -- */
#domestic #areabox .right_block{
width:240px;
float:right;
}


#areabox .right_block .calendar{
background:#FFF;
margin-bottom:5px;
}

#areabox .right_block .calendar{
background:#FFF;
margin-bottom:5px;
text-align:center;
}

#areabox .right_block .calendar .year{
text-align:center;
color:#D05F1A;
font-weight:bold;
padding:6px;
}

#areabox .right_block .calendar .month{
font-size:150%;
}

#areabox .right_block .calendar table{
width:230px;
border-collapse:collapse;
}

#areabox .right_block .calendar table th{
background:#CF911B;
color:#fff;
border:1px #fff solid;
padding:3px;
}

#areabox .right_block .calendar table th.sat{
background:#059BCE;
}

#areabox .right_block .calendar table th.sun{
background:#F66495;
}

#areabox .right_block .calendar table td{
background:#FDF7DF;
color:#D19A18;
font-weight:bold;
text-align:center;
vertical-align:middle;
border:1px #fff solid;
}

#areabox .right_block .calendar table td.none{
background:#fff;
}

#areabox .right_block .calendar table td.sat{
background:#E4F9FC;
color:#059BCE;
}

#areabox .right_block .calendar table td.sun{
background:#FFE6EF;
color:#F66495;
}

#areabox .right_block .calendar table td a{
display:block;
padding:7px 5px;
color:#D19A18;
}

#areabox .right_block .calendar table td .today {color:#553A17;}
#areabox .right_block .calendar table td.sat .today {color:#00455B;}
#areabox .right_block .calendar table td.sun .today {color:#8A002D;}

#areabox .right_block .calendar table td.sat a{color:#0099CC;}
#areabox .right_block .calendar table td.sun a{color:#FF6699;}

#areabox .right_block .calendar table td .today a{color:#553A17;}
#areabox .right_block .calendar table td.sat .today a{color:#00455B;}
#areabox .right_block .calendar table td.sun .today a{color:#8A002D;}

#areabox .right_block .calendar table td a:hover{color:#553A17;}
#areabox .right_block .calendar table td.sat a:hover{color:#00455B;}
#areabox .right_block .calendar table td.sun a:hover{color:#8A002D;}

#areabox .right_block .calendar table td .today a:hover{color:#936628;}
#areabox .right_block .calendar table td.sat .today a:hover{color:#09699D;}
#areabox .right_block .calendar table td.sun .today a:hover{color:#FF0254;}

#areabox .right_block .calendar table td .now{
background:#D19A18;
padding:7px 5px;
color:#fff;
}

#areabox .right_block .calendar table td.sat .now{
background:#0099CC;
padding:7px 5px;
color:#fff;
}

#areabox .right_block .calendar table td.sun .now{
background:#FF6699;
padding:7px 5px;
color:#fff;
}

#areabox .right_block .calendar table td .today .now{
background:#D19A18;
padding:7px 5px;
color:#553A17;
}

#areabox .right_block .calendar table td.sat .today .now{
background:#0099CC;
padding:7px 5px;
color:#00455B;
}

#areabox .right_block .calendar table td.sun .today .now{
background:#FF6699;
padding:7px 5px;
color:#8A002D;
}


#areabox .right_block .calendar ul{
padding:7px;
}

#areabox .right_block .calendar ul li.ahead{
width:105px;
float:left;
text-align:left;
margin-bottom:10px;
}

#areabox .right_block .calendar ul li.next{
width:105px;
float:right;
text-align:right;
margin-bottom:10px;
}

#areabox .right_block .calendar ul li.all{
text-align:center;
clear:both;
}


/*atteent*/
#areabox .right_block .attevent{
margin-bottom:20px;
width:240px;
}

#areabox .right_block .attevent dl{
margin-bottom:3px;
background:#fff;
border:2px #DF405B solid;
padding:4px;
width:228px;
}

#areabox .right_block .attevent dl dt{
float:left;
margin-right:3px;
}

#areabox .right_block .attevent dl dt img{
border:1px #CCCCCC solid;
padding:1px;
}

#areabox .right_block .attevent dl dd{
width:117px;
float:right;
}

#areabox .right_block .attevent dl dd .area{
text-align:right;
margin-bottom:6px;
}

#areabox .right_block .attevent dl dd .tit{
font-weight:bold;
margin-bottom:5px;
}

#areabox .right_block .attevent dl dd .tit a{color:#DF405B;}
#areabox .right_block .attevent dl dd .tit a:hover{color:#FF9900;}



/*todayevent*/
#areabox .right_block .todayevent{
margin-bottom:20px;
width:240px;
background:#fff;
}

#areabox .right_block .todayevent dl{
margin:0 5px;
padding:7px 0;
background:#fff;
border-bottom:1px #CCC dotted;
width:230px;
}

#areabox .right_block .todayevent dl dt{
float:left;
margin-right:3px;
}

#areabox .right_block .todayevent dl dt img{
border:1px #CCCCCC solid;
padding:1px;
}

#areabox .right_block .todayevent dl dd{
width:117px;
float:right;
}

#areabox .right_block .todayevent dl dd .area{
text-align:right;
margin-bottom:6px;
}

#areabox .right_block .todayevent dl dd .tit{
font-weight:bold;
}

#areabox .right_block .todayevent .viewevent{
padding:7px;
}


/*newarr*/
#areabox .right_block .newarr{
margin-bottom:20px;
width:240px;
background:#fff;
}

#areabox .right_block .newarr ul{
margin:0 7px;
padding:7px 0;
background:#fff;
border-bottom:1px #CCC dotted;
}

#areabox .right_block .newarr ul li{
margin-bottom:5px;
}

#areabox .right_block .newarr ul li.area{
text-align:right;
margin-bottom:1px;
}

#areabox .right_block .newarr ul li.tit{
font-weight:bold;
}

#areabox .right_block .newarr .viewinfo{
padding:7px;
}



/* ------ other ------ */

.pagetop{
margin-top:5px;
width:755px;
text-align:right;
font-size:82%;
}