@charset "utf-8";

#contents {
  clear: both;
  margin: 13px 20px;;
  text-align:center;
}

/*** search_form ***/
#search_form {
  width: 765px;
  text-align: center;
  margin: 13px 0px 20px 0px;
  padding: 0px;
}

#search_form form {
  margin: 0px;
  padding: 0px;
}

#search_form table.center {
  font-size: 12px;
  border: 0px;
  border-collapse: collapse;
  width: 746px;
  height: 81px;
  background-color: #FFEFEF;
}

#search_form table.center td {
  border: 0px;
  text-align: center;
}

#search_form  div.submit {
  margin: 0px 15px;
  padding: 0px;
  text-align: left;
}

#period {
  text-align: center;
}

/*** event_calendar ***/
#calendar {
  width: 208px;
  margin: 0px 3px;
  padding: 0px;
}

#calendar table.calendar {
  border: 2px #C4B59B solid;
  margin: 0px;
  width: 208px;
  height: 208px;
}

#calendar div.calendar_inner {
  border: 2px #f27a81 dotted;
  margin: 7px;
  width: 189px;
  height: 159px;
  text-align: center;
}

#calendar div.calendar_inner table td {
  margin: 0px;
  padding: 0px;
  width: 25px;
}

#calendar tbody {
  padding: 2px;
  border: 1px dotted black;
}

#calendar tr.monthName {
  background-color: #e0d8c8;
  width: 208px;
  height: 31px;
}

#calendar span.month_number {
  color: #5a3d1b;
  font-size: 150%;
}

#calendar span.month_string {
  color: #5a3d1b;
}

#calendar td {
  margin: 0px;
  padding: 0px;
}

#calendar th.dayName_SUN, th.dayName_MON, th.dayName_TUE, th.dayName_WED, th.dayName_THU, th.dayName_FRI, th.dayName_SAT {
  border-bottom: 1px solid black;
  padding: 5px 0px 2px 0px;
  font-size: 10px;
  font-weight: normal;
}

#calendar th.dayName_SUN {
  color: #ca3440;
}

#calendar th.dayName_SAT {
  color: #4cb49f;
}

#calendar tr.dayName {
  border-bottom: 1px solid black;
}

a.sunday:hover, a.saturday:hover, a.weekday:hover {
  background-color: aqua;
}

a.sunday:link, a.sunday:visited, a.sunday:hover, a.sunday:active {
  color: #ca3440;
}

a.saturday:link, a.saturday:visited, a.saturday:hover, a.saturday:active {
  color: #4cb49f;
}

a.weekday:link, a.weekday:visited, a.weekday:hover, a.weekday:active {
  color: black;
}

td.selected {
  background-color: #FFEFEF;
}

/*** wink_topics ***/
#wink_topics {
  width: 208px;
  margin: 2px 0px;
  padding-right: 17px;
  text-align: center;
}

#wink_topics .label {
  background-color: #FFFFFF;
  padding: 0px;
  margin: 15px 0px;
  width: 225px;
}

#wink_topics .topic {
  width: 220px;
  margin: 10px 0px;
  text-align:center;
}

#wink_topics table {
  font-size: 12px;
  text-align: center;
}

#wink_topics .title {
  padding: 0px 0px 5px 0px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 7px;
  width: 208px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px #F1AAB0 dotted;
}

#wink_topics .area {
  background-image: url(/images/town/area.gif);
  background-repeat: no-repeat;
  background-position: center;
  color: #FFFFFF;
  width: 48px;
  height: 18px;
  font-size: 10px;
  text-align: center;
  vertical-align: center;
  padding: 3px 0px;
  float: left;
  font-weight: normal;
}

#wink_topics .name {
  padding: 3px 0px;
  margin-left: 50px;
}

#wink_topics table.topic_details {
  border-collapse: collapse;
  font-size: 10px;
}

#wink_topics .topic_details th {
  font-weight: normal;
  text-align: left;
  border-right: 1px #F1AAB0 solid;
  padding: 0px;
  padding-right: 3px;
  font-size: 10px;
  vertical-align: top;
  width: 57px;
}

#wink_topics .topic_details td {
  text-align: left;
  font-size: 10px;
  padding: 0px;
  padding-left: 3px;
}

/*** events list ***/
#events-list {
  text-align: center;
  font-size: 100%;
  border: 0px;
  border-collapse: collapse;
  width: 746px;
}

#events-list .left-border {
  clear: both;
  border-left: 1px #F1AAB0 solid;
  padding-left: 25px;
}

#events-list .result_header {
  width: 500px;
  margin: 0px;
  margin-left: 17px;
}

#events-list .result_info {
  float: left;
  padding:0px;
}

#events-list .result_links {
  text-align: right;
  padding:0px;
}

#events-list .event-box {
  clear:both;
  width: 450px;
  margin: 10px 0px 20px 0px;
  text-align: left;
}

#events-list .event-box .title {
  width: 450px;
  padding: 4px 0px 5px 0px;
  border-bottom: 1px #F1AAB0 dotted;
  text-align: left;
  font-weight: bold;
  margin: 2px 0px;
  font-size: 14px;
}

#events-list .area {
  background-image: url(/images/town/area.gif);
  background-repeat: no-repeat;
  background-position: center;
  color: #FFFFFF;
  width: 48px;
  height: 18px;
  font-size: 10px;
  text-align: center;
  vertical-align: center;
  padding: 3px 0px;
  float: left;
  font-weight: normal;
}

#events-list .name {
  padding: 3px 0px;
  margin-left: 50px;
}

#events-list table.event_details {
  margin-left: 10px;
  font-size: 10px;
  border-collapse: collapse;
  height: 70px;
}

#events-list table.event_details th {
  font-weight: normal;
  text-align: left;
  border-right: 1px #F1AAB0 solid;
  padding: 0px;
  vertical-align: top;
  padding-right: 4px;
  width: 62px;
}

#events-list table.event_details td {
  padding: 0px;
  padding-left: 4px;
  text-align: left;
  vertical-align: top;
}

/*** event ***/
#event {
  border: 1px #F1AAB0 solid;
  width: 740px;
/*  height: 290px;*/
  margin: 13px;
}

#event table {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  width: 740px;
/*  height: 290px;*/
  border-collapse: collapse;
}

#event .photo1 {
  margin: 50px 20px;
  vertical-align: center;
}

#event .photo2 {
  margin: 20px 40px;
}

#event .name {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px #F1AAB0 dotted;
  width: 400px;
}

#event .content {
  margin: 10px 0px;
  width: 400px;
/*  height: 100px;*/
  line-height: 15px;
}

#event table.event-info {
  border-collapse: collapse;
  width: 400px;
  height: 67px;
  padding: 0px;
  font-size: 10px;
}

#event table.event-info th {
  font-weight: normal;
  padding: 2px;
  background-color: #FDE8E7;
  color: #EE465A;
  border: 1px #F27A81 solid;
  border-right: 1px #EAD2D0 solid;
  width: 50px;
  text-align: center;
}

#event table.event-info td {
  margin: 0px;
  padding: 2px;
  border: 1px #F27A81 solid;
}

/*** topics ***/
#topics {
  border: 13px #F1AAB0 solid;
  width: 690px;
/*  height: 290px;*/
  margin: 13px;
}

#topics table {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  width: 644px;
/*  height: 264px;*/
  border-collapse: collapse;
}

#topics table td {
  margin: 0px;
  padding: 0px;
}

#topics .photo1 {
  margin: 49px 29px;
}

#topics .photo2 {
  margin: 20px 55px;
}

#topics .name {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px #F1AAB0 dotted;
}

#topics .content {
  margin: 10px 0px;
/*  height: 113px;*/
  line-height: 15px;
}

#topics table.event-info {
  border-collapse: collapse;
  width: 335px;
  height: 67px;
  padding: 0px;
  font-size: 10px;
}

#topics table.event-info th {
  font-weight: normal;
  padding: 2px;
  background-color: #FDE8E7;
  color: #EE465A;
  border: 1px #F27A81 solid;
  border-right: 1px #EAD2D0 solid;
  width: 50px;
  text-align: center;

}

#topics table.event-info td {
  margin: 0px;
  padding: 2px;
  border: 1px #F27A81 solid;
}

/*** movie ***/
#osusume-box {
  margin: 13px 0px;
  width: 746px;
  height: 438px;
  text-align:center;
}

#osusume-box2 {
  margin: 13px 0px;
  width: 529px;
  height: 208px;
  text-align:center;
}

#osusume-box2 td{
  margin: 0px;
  padding: 0px;
}

#wink-movie {
  font-size: 10px;
  margin: 18px 7px;
}

#wink-movie td {
  padding: 0px 6px;
}

#wink-movie .data {
  background: #FFF url(/images/movie/eigahiduke.gif) no-repeat center;
  text-align: center;
  width: 79px;
  height: 20px;
  font-size: 10px;
  padding: 4px 0px;
  vertical-align: bottom;
  float: left;
}

#wink-movie .photo {
  margin: 4px 0px;
  clear:both;
}

#wink-movie .photo .credit {
  font-size: 10px;
  text-align: right;
  margin-bottom: 5px;
  width: 213px;
}

#wink-movie .title {
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0px;
  width: 213px;
  color: #938976;
}

#wink-movie .title2 {
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0px;
  width: 155px;
  color: #938976;
}

#wink-movie .story {
  margin: 2px 0px;
  width: 213px;
  font-size: 10px;
  letter-spacing: 2px;
  line-height: 1.3;
}

#wink-movie2 {
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  width: 491px;
}

#wink-movie2 .data {
  background: #FFF url(/images/movie/eigahiduke.gif) no-repeat center;
  text-align: center;
  width: 79px;
  height: 20px;
  font-size: 10px;
  padding: 4px 0px;
  vertical-align: bottom;
  float: left;
}

#wink-movie2 .photo {
  margin: 4px 0px;
  clear: both;
}

#wink-movie2 .photo .credit{
  font-size: 10px;
  text-align: right;
  margin-bottom: 5px;
  width: 155px;
}

#wink-movie2 .title {
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0px;
  width: 155px;
  color: #938976;
}

#movie-box {
  font-size: 10px;
  margin: 18px 7px;
}

#movie-box td {
  padding: 0px;
  padding-bottom: 14px;
}

#movie-box .data {
  background: #FFF url(/images/movie/eigahiduke.gif) no-repeat center;
  text-align: center;
  width: 79px;
  height: 20px;
  font-size: 10px;
  padding: 4px 0px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: normal;
  float: left;
}

#movie-box .photo {
  margin: 0px;
  margin-right: 10px;
}

#movie-box .credit {
  margin: 0px;
  padding: 0px;
  text-align: right;
  font-size: 10px;
  width: 155px;
}

#movie-box .title {
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0px;
  color: #938976;
}

#movie-box .story {
  margin: 2px 0px;
  letter-spacing: 2px;
  line-height: 1.3;
}

div.link-movie {
  margin: 10px 0px;
  text-align: center;
}

#movie_list {
 width: 760px;
 text-align: center;
}

#movie_list .result_info {
  float:left;
  padding:0px;
}

#movie_list .result_links {
  text-align:right;
  padding:0px;
}

#theater-list {
}