@charset "utf-8";

a img {
	border: none;
}

/*タイトル*/
#titleimage {
	margin-top:10px;
	margin-bottom:20px;
	position: relative;
}
#titleimage #searchbox {
	position: absolute;
	top: 14px;
	right: 20px;
	_right: 74px;
}
#titleimage #searchbox img {
	vertical-align: bottom;
}
#titleimage #searchbox input {
	vertical-align: bottom;
}

#border {
	width:720px;
	background-color:#FFFFFF;
	border-bottom:2px #999999 solid;
	padding-bottom:6px;
	margin:0px;
	position: relative;
}	
#monthlyimage {
	width:352px;
	background-image:url(../images/monthly.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 232px;
}
#eventdate {
	margin-bottom: 6px;
}
#eventdate {
	margin-bottom: 6px;
}
* html #eventdate{/* for ie 5.5-6 */
	margin-bottom:0px;
}
*:first-child + html #eventdate{/* for IF7 */
	margin-bottom:0px;
}
#eventdate strong {
	font-size: 27px;
	padding: 0 3px;
}
#beforemonth {
	position: absolute;
	top: 8px;
	left: 295px;
}
#beforemonth a {
	background: url(../images/link_icon2.gif) no-repeat left center;
	padding-left: 16px;
	font-size: 10px;
}
#nextmonth {
	position: absolute;
	top: 12px;
	left: 299px;
}
#nextmonth a {
	background: url(../images/link_icon.gif) no-repeat right center;
	padding-right: 16px;
	font-size: 10px;
}
#thismonth {
	position: absolute;
	top: 6px;
	left: 240px;
}
#thismonth a {
	display: block;
	background: url(../images/link_icon.gif) no-repeat 0 4px;
	padding-left: 16px;
	font-size: 10px;
}
ul#tab {
	list-style-type: none;
}
ul#tab li#schedule.tab-on{
	position:absolute;
	top:8px;
	right:104px;
	width:142px;
	height:25px;
	overflow:hidden;
	text-indent:-999em;
 	background: url(../images/eventschedule_tabs01.gif) no-repeat left top;
}
* html ul#tab li#schedule.tab-on{/* for ie 5.5-6 */
	top:24px;
}
*:first-child + html ul#tab li#schedule.tab-on {	/* for IF7 */
	top:24px;
}
ul#tab li#schedule a{
	position:absolute;
	top:8px;
	right:104px;
	width:142px;
	height:25px;
	text-indent:-999em;
	overflow:hidden;
 	background: url(../images/eventschedule_tabs02.gif) no-repeat left top;
}
* html ul#tab li#schedule a{/* for ie 5.5-6 */
	top:24px;
}
*:first-child + html ul#tab li#schedule a {	/* for IF7 */
	top:24px;
}
ul#tab li#schedule a:hover{
 	background: url(../images/eventschedule_tabs02_ro.gif) no-repeat left top;
}
ul#tab li#annai.tab-on{
	position:absolute;
	top:8px;
	right:0px;
	width:99px;
	height:25px;
	overflow:hidden;
	text-indent:-999em;
 	background: url(../images/eventschedule_taba01.gif) no-repeat left top;
}
* html ul#tab li#annai.tab-on{/* for ie 5.5-6 */
	top:24px;
}
*:first-child + html ul#tab li#annai.tab-on {	/* for IF7 */
	top:24px;
}
ul#tab li#annai a{
	position:absolute;
	top:8px;
	right:0px;
	width:99px;
	height:25px;
	text-indent:-999em;
	overflow:hidden;
	background: url(../images/eventschedule_taba02.gif) no-repeat left top;
	background-image: url(../images/eventschedule_taba02.gif);
}
* html ul#tab li#annai a{/* for ie 5.5-6 */
	top:24px;
}
*:first-child + html ul#tab li#annai a {	/* for IF7 */
	top:24px;
}

ul#tab li#annai a:hover{
 	background: url(../images/eventschedule_taba02_ro.gif) no-repeat left top;
}
/*印刷する*/
p.print {
	text-align: right;
	padding: 3px 0 6px 0;
}
p.print a {
	background: url(../images/btn_printmark.gif) no-repeat left center;
	padding: 12px 0 12px 28px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

/*==============================================

      イベントスケジュール

==============================================*/

/*カレンダー*/
#calendertable {
	width:720px;
	margin-bottom: 5px;
}
#calendertable table th,
#calendertable table td {
	border-bottom:1px solid #999999;
}
#calendertable table th {
	background-color: #f1f4e9;
	text-align: left;
	padding: 5px;
}
#calendertable table th.title {
	background-color: #fff;
	border-bottom: solid 2px #f76666;
	height: 44px;
	padding: 3px;
}
#calendertable table th.title h2 {
	font-size: 16px;
}
#calendertable table th.title p {
	font-size: 12px;
}
#calendertable table th dl {
	float: left;
	width: 110px;
}
#calendertable table th dl dt {
	font-size: 12px;
	border-left: solid 5px #9a9a9a;
	padding: 2px 2px 2px 3px;
	margin-bottom: 3px;
}
#calendertable table th dl dd {
	font-weight: normal;
}
#calendertable table th dl dd p.txt {
	font-size: 14px;
	padding-left: 8px;
	line-height: 1.2;
}
#calendertable table th dl dd p.detail {
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
}
#calendertable table th dl dd p.detail a {
	background: url(../../common_images/link_icon.gif) no-repeat 0 2px;
	padding-left: 16px;
}
#calendertable table th p.photo {
	float: right;
	width: 80px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.3;
}

#calendertable table td {
	border-left:1px solid #EBEBEB;
	text-align: center;
	font-size:70%;
	color: #c3c3c3;
}
#calendertable table td.saturday,
#calendertable table td.sunday,
#calendertable table td.weekday {
	text-align: center;
	line-height: 1.2;
	border-left: solid 1px #cbcbcb;
	border-top: solid 1px #cbcbcb;
	border-bottom: solid 2px #f76666;
	background-color: #f1f4e9;
	width: 14px;
	color: #666;
}
#calendertable table td.sunday {
	background-color: #fccccc;
}
#calendertable table td.saturday {
	background-color: #bbe8e8;
}
#calendertable table td.linesunday {
	background-color: #feebea;
}
#calendertable table td.linesaturday {
	background-color: #e3f5f6;
}
#calendertable table tr.etc td.saturday,
#calendertable table tr.etc td.sunday,
#calendertable table tr.etc td.weekday {
	border-top: none;
}
.caution {
	font-size: 10px;
}

/*==============================================

      イベント案内・一覧

==============================================*/

#box {
	width:720px;
	margin-bottom: 5px;
}
#box .eventtitle01 {
	position: relative;
	border-bottom: solid 2px #878787;
	margin: 5px 0 15px 0;
	clear: both;
}

#contents #leftarea #box .eventtitle01 h2 {
	font-size: 16px;
	background: url(../images/eventschedule_titlebg01.gif) no-repeat 1px 5px;
	line-height: 1.9;
	padding-left: 20px;
	text-indent: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: auto;
}
#contents #leftarea #box .eventtitle01 p {
	position: absolute;
	top: 7px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
}
#contents #leftarea #box .eventtitle02 {
	position: relative;
	margin: 5px 0 15px 0;
	clear: both;
	border-bottom: solid 2px #989898;
}
#contents #leftarea #box .eventtitle02 h2 {
	font-size: 16px;
	background: url(../images/eventschedule_titlebg02.gif) no-repeat 1px 5px;
	line-height: 1.9;
	padding-left: 20px;
	color: #606060;
	text-indent: 0px;
	height: auto;
}
#contents #leftarea #box .eventtitle02 p {
	position: absolute;
	top: 7px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
}
#box .eventbox {
	background: url(../images/dotted.gif) repeat-x left bottom;
	padding-bottom: 18px;
	margin-bottom: 7px;
	/*clear: both;*/
}
#box .eventbox .eventboxleft {
	float: left;
	width: 195px;
}
#box .eventbox .eventboxleft dl{

}
#box .eventbox .eventboxleft dl dd {
	font-size: 10px;
	margin: 0 0 8px 0;
	width:180px;
}
#box .eventbox .eventboxleft ul {
}
#box .eventbox .eventboxleft ul li {
	list-style-type: none;
	margin-bottom: 4px;
	padding-left: 22px;
	font-size: 12px;
	font-weight: bold;
}
#box .eventbox .eventboxleft ul li#schedule {
	min-height:1em;
	background: url(../../common_images/btn_schedulemark.gif) no-repeat -4px -5px;
}
#box .eventbox .eventboxleft ul li#map {
	min-height:1em;
	background: url(../../common_images/btn_mapmark.gif) no-repeat 3px 1px;
}
#box .eventbox .eventboxright {
	float: left;
	width: 525px;
}
#contents #leftarea #box .eventbox .eventboxright h3 {
	font-size: 14px;
	border-left: solid 7px #999999;
	padding-left: 4px;
	margin-bottom: 5px;
	text-indent: 0px;
	height: auto;
}
#box .eventbox .eventboxright p.txt {
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 1.5;
}
#box .eventbox .eventboxright p.detail {
	margin-bottom: 6px;
	font-size: 12px;
	text-align: right;
}
#box .eventbox .eventboxright p.detail a {
	background: url(../../common_images/link_icon.gif) no-repeat left center;
	padding-left: 16px;
	line-height: 1.4;
}
#box .eventbox .eventboxright table {
	border-left: solid 1px #333;
	border-top: solid 1px #333;
	font-size: 12px;
}
#box .eventbox .eventboxright table th {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	padding: 4px;
	text-align: left;
	background-color: #A9A9A9;
	width: 60px;
	font-weight:normal;
	color: #FFFFFF;
}
#box .eventbox .eventboxright table td {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	padding: 4px;
}
#box .eventbox .eventboxright table td.divide {
	width: 400px;
}
#box p#bottomprint {
	clear:both;
}
.congotop {
	margin-bottom: 20px;
}

/*コンテンツフッター*/
#contentsfooter {
	clear:both;
	width:670px;
	background-image:url(../images/dotted.gif);
	background-repeat:repeat-x;
	padding-top:10px;
}

.footbreadcrumbs {
	font-size:75%;color:#666666;font-family:"ＭＳ ゴシック", "Osaka?等幅";
}

.gototop a{
	display:block; float:right;
	width:40px;
	background-image:url(../images/link_icon_top.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	text-indent: -9999px;/*\*/overflow: hidden;/**/
}

/*汎用*/

.clr:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

.clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr{ display: block; }
/* */


span.line-dot{
	display:block;
	border-bottom-style: dotted;
	border-bottom-color: #9A9A9A;
	margin-bottom:0.2em;
	padding-top:0.1em;
}
/*実線*/
span.line-solid{
	display:block;
	margin-bottom:0.2em;
	padding-top:0.1em;
	border-bottom: 3px solid #9A9A9A;
}
