@charset "EUC-JP";

@import "mybasis.css";

@import "dl.css";

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */


/* 共通
---------------------------------------------------- */
#leftzone {
  width: 200px;
  width: 270px;
  width: 300px;
  float: left;

/*
  border: 1px dotted  #6f6f6f ;
*/
  margin: 3px;

}

#rightzone {

  width: 450px;
  width: 580px;
  width: 550px;
  float: left;

/*
  border: 1px dotted  #6f6f6f ;
*/

  margin: 3px;
  margin-left: 7px;

}


#todayevent, #newevent, #rsszone, #qrcodezone {
   width: 290px;
}


/* カレンダー
---------------------------------------------------- */
#calevent {
clear: both;
  width: 450px;
  width: 550px;
  padding: 0;
  margin: 0 1em 1em 0;
margin: 0 0 13px 0;
  background:  url(../img/shadow.gif) bottom right;
  float: left;
}

/* カテゴリー
---------------------------------------------------- */
#ctgevent {
clear: both;
  width: 450px;
  width: 550px;
  padding: 0;
  margin: 0 1em 1em 0;
margin: 0 0 13px 0;
  background:  url(../img/shadow.gif) bottom right;
  float: left;
}

/* 地域
---------------------------------------------------- */
#areaevent {
clear: both;
  width: 450px;
  width: 550px;
  padding: 0;
  margin: 0 1em 1em 0;
margin: 0 0 13px 0;
  background:  url(../img/shadow.gif) bottom right;
  float: left;
}


.whitespace  {
  width: 200px;
  width: 290px;
  line-height: 1em;
  background: #fff;



  border: 1px solid #999;

  padding: 0px;
  margin: 0;
  position: relative;
  left: -10px;
  top: -10px;

  text-indent: 0;
  padding-bottom: 5px;

  background-color: #efefef;
  background-color: #ffefff;
  background-color: #e8ffcf;
  background-color: #fff;
 background-color: #FFFFCE;


}


.whitespace h2 {
  color: #000;
  color: #fff;
  background-color: #efefef;
  background-color: #42B642;

  font-size: 1em;
  text-align: left;
  padding: 3px;
  border-bottom: 1px solid #4AB64A;
  border-bottom: 1px solid #999;
margin-bottom: 5px;

padding-left: 10px;

}

.rightwhitespace  {
  width: 450px;
  width: 550px;
  line-height: 1em;
  background: #fff;

  border: 1px solid #999;

text-align: center;

  padding: 0px;
  margin: 0;
  position: relative;
  left: -10px;
  top: -10px;

  text-indent: 0;
  padding-bottom: 5px;

background-color: #FFFFCE;

}

.rightwhitespace img#map {
margin-left: 35px;

}


.rightwhitespace h2 {
  color: #000;
  color: #fff;

  font-size: 1em;
  text-align: left;
  padding: 3px;

  background-color: #FFA618;

background-color: #0000CE;



/*
letter-spacing: 4pt;
*/
padding-left: 10px;

margin-bottom: 5px;
}


a.h2img {
display: inline;
margin-bottom: 2px;
/*
  margin-left: 10px;
*/
}



.rightwhitespace a.h2button {

  background-color: #bfbfbf;

  border-style: solid;
  border-width: 2px;
  border-color: #dddddd #7f7f7f #7f7f7f #dddddd;
  border-color: #dddddd #3f3f3f #3f3f3f #dddddd;
  border-color: #dddddd #666666 #666666 #dddddd;
  text-decoration: none;
  color: #0000ff;
  color: #000000;

padding: 0 7px; 0 7px; 


}
.rightwhitespace a.h2button:visited {
  color: #660066; 
  color: #0000ff;
  color: #041870;
  color: #000000;
  text-decoration: none
}
.rightwhitespace a.h2button:hover {
  background-color: #ffffff;
  background-color: #efefef;
  text-decoration: none;
}

.newwhitespace  {
  width: 200px;
  width: 290px;
  line-height: 1em;
  background: #fff;

  border: 1px solid #999;

  padding: 0px;
  margin: 0;
  position: relative;
  left: -10px;
  top: -10px;

  text-indent: 0;
  padding-bottom: 5px;

  background-color: #efefef;
  background-color: #ffefff;
  background-color: #e8ffcf;
  background-color: #fff;

background-color: #FFFFCE;

}



.newwhitespace h2 {
  color: #000;
  color: #fff;

  background-color: #eeffff;
  background-color: #efefef;
  background-color: #42B642;
background-color: #0000CE;
  background-color: #42B642;


  font-size: 1em;
  text-align: left;
  padding: 3px;
  border-bottom: 1px solid #4AB64A;
  border-bottom: 1px solid #999;
margin-bottom: 5px;

padding-left: 10px;


}


.calwhitespace  {
  width: 450px;
  width: 550px;
  line-height: 1em;
  background: #fff;

  border: 1px solid #999;

  padding: 0px;
  margin: 0;
  position: relative;
  left: -10px;
  top: -10px;

  text-indent: 0;
  padding-bottom: 5px;

background-color: #FFFFCE;
background-color: #f8efcf;
background-color: #f8ffcf;



}

.calwhitespace h2 {
  color: #000;
  color: #fff;

  font-size: 1em;
  text-align: left;
  padding: 3px;

background-color: #7B79FF;
background-color: #FFFFCE;
background-color: #FFA618;

padding-left: 10px;


margin-bottom: 4px;

/*
border-bottom: 2px solid #D9540D;
*/

}




/* カレンダーテーブル
---------------------------------------------------- */
#calevent table#ym td.year {
font-size: 1em;
font: normal 600 1.1em georgia;
}

#calevent table#ym td.mae {
  text-align: right;
font-size: 1em;
}

#calevent table#ym td.ato {
  text-align: left;
font-size: 1em;
}

#calevent table#cal {
/*
  background: #ffffff url(../tools/table.pl) no-repeat left;
  background: #ffffff url(../img/cal.jpg) no-repeat left;
*/

width: 95%;

padding: 3px;
/*
border: 1px solid #000;
border: 1px solid #999;
*/
margin-left: 10px;

}

/* ジャンル別テーブル
---------------------------------------------------- */
#ctgevent table {

width: 98%;

margin-left: 2px;
font-weight: bold;
font-size: 1em;

/*
border: 1px solid #000;
*/

}

#ctgevent td {
  text-align: left;
  padding: 0px;

/*
  line-height: 30px;
*/

padding-left: 16px;
padding-bottom: 1px;

}

#ctgevent td.normal {
}

#ctgevent td.check {

  background: #ffffff url(../img/chk.gif) no-repeat left;
}

#ctgevent td  a {
  text-decoration: none;
  color: #0000ff;
}
#ctgevent td a:hover {
  color: #0000ff;
  text-decoration: underline;
}

/* 地域別テーブル
---------------------------------------------------- */
#areaevent table {



margin-left: 2px;
font-weight: bold;
font-size: 0.9em;

/*
border: 1px solid #000;
*/

float: right;

}

#areaevent td {
  text-align: left;
  padding: 0px;

/*
  line-height: 30px;
*/

padding-left: 16px;
padding-bottom: 1px;

}

#areaevent td.normal {
}

#areaevent td.check {

  background: #ffffff url(../img/chk.gif) no-repeat left;
}

#areaevent td  a {
  text-decoration: none;
  color: #0000ff;
}
#areaevent td a:hover {
  color: #0000ff;
  text-decoration: underline;
}



/* 地図エリア
 ---------------------------------------------------------------------- */
.mapwhitespace  {
  width: 450px;
  width: 550px;
  line-height: 1em;
  background: #fff;

  border: 1px solid #999;

/*
text-align: center;
*/

  padding: 0px;
  margin: 0;
  position: relative;
  left: -10px;
  top: -10px;

  text-indent: 0;
  padding-bottom: 5px;

background-color: #FFFFCE;

}

.mapwhitespace #h2box {
width: 430px;
}
.mapwhitespace #h2title {
display: block;
text-align: left;
float: left;

}
.mapwhitespace #h2img {

margin-right: 5px;

display: inline;
float: right;

}

.mapwhitespace #mainmap {

margin-top: -20px;
margin-left: 50px;
margin-left: 80px;

}


.mapwhitespace h2 {
  color: #000;
  color: #fff;

  font-size: 1em;
  text-align: right;
  padding: 3px;



  background-color: #FFA618;

background-color: #0000CE;


/*
letter-spacing: 4pt;
*/
padding-left: 10px;

margin-bottom: 5px;
}


a.h2img {
display: inline;

/*
  margin-left: 10px;
*/
}



.mapwhitespace a.h2button {

  background-color: #bfbfbf;

  border-style: solid;
  border-width: 2px;
  border-color: #dddddd #7f7f7f #7f7f7f #dddddd;
  border-color: #dddddd #3f3f3f #3f3f3f #dddddd;
  border-color: #dddddd #666666 #666666 #dddddd;
  text-decoration: none;
  color: #0000ff;
  color: #000000;

padding: 0 7px; 0 7px; 


}

.mapwhitespace a.h2button:visited {
  color: #660066; 
  color: #0000ff;
  color: #041870;
  color: #000000;
  text-decoration: none
}

.mapwhitespace a.h2button:hover {
  background-color: #ffffff;
  background-color: #efefef;
  text-decoration: none;
}



#areaevent span#mapcom, #ctgevent span#ctgcom {
display: block;
width: 190px;

font-size: 0.8em;

color: #840000;
color: #D66918;

border-bottom: 2px solid #FFCF00;



background-color: #FFFFCE;

padding-top: 3px;
padding-left: 3px;

/*
margin-top: 10px;
margin-left: -240px;
*/

margin-left: 10px;
