body { background: #ccc repeat; text-align: center; margin: 0px; padding: 0px }
img { border: 0px }
A:link { color: #08a5d5; text-decoration: none }
A:visited { color: #08a5d5; text-decoration: none }
A:hover   { color: #bd5166; text-decoration: none }

#field  { background-color: #fff ;text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#hat { margin: 0px; padding: 0px; height: 30px;width: 800px}
#face { margin: 0px; padding: 0px; height: 661px;width: 800px}
#left { width: 450px; float: left; margin: 0px; padding: 0px;}
#right { width: 350px; float: left; margin: 0px; padding: 0px;}
#leftfield { padding:5px 5px 5px 10px;}
#news { width: 350px; height: 250px;}
#events { clear: both; padding: 10px 20px;}
#footer{ background-color:#884455; font-size: 10px; color: #fff; text-align: center; margin-top: 10px; clear:both; padding: 3px 0px;}
.clear { clear: both;}

/*----------------------------------------------------------------*/
.date { font-size: 25px; font-weight: bold; color: #446677;font-family:"$B#M#S(B $B#P%4%7%C%/(B",Osaka; margin-left:15px; }
.place {font-size: 15px; color: #446677;font-family:"$B#M#S(B $B#P%4%7%C%/(B",Osaka; margin-left:15px;}
.infomation { margin:5px; font-size: 12px;}
.datehead { font-size: 14px; font-weight: bold; margin-right: 15px;}
.projecty { font-size: 11px; color: #666;}
.sponsor { color: #666; font-size: 10px; text-align: right; clear: both; margin-right: 20px; margin-left: 20px }
.sponsor img { vertical-align: middle; float: right }

/*----------------------------------------------------------------*/
.cattitle  { color: #884455; font-weight: bold; font-size: 20px; background: url(images/bk_dots.gif) repeat; vertical-align: middle; padding: 5px 20px; height: 32px }
.menubar  { background: url(images/menubar.gif) no-repeat; text-align: center; margin: 5px auto; padding-right: 5px; padding-left: 5px; width: 760px; height: 32px }
.eventlink  { font-size: 12px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #666 }
.eventlink img { vertical-align: middle }
.eventparts  { font-size: small; text-align: left; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-bottom: 20px; border-bottom: 2px solid #446677; width: 80% }
.eventtitle  { color: #446677; font-weight: bold; font-size: large; padding-bottom: 3px; border-bottom: 1px solid #ddd }
.eventsummary { font-size: 12px; color: #666; }
.eventdata  { font-size: 11px;}

/*----------------------------------------------------------------*/
#tickettitle  { color: #fff; font-size: 15px; background-color: #000; margin-top: 5px; margin-bottom: 5px; padding: 5px 10px }
#ticketimg   { margin-right: 3px }
.ticketmap { float: left }
.waribiki { color: #fff; font-weight: bold; font-size: 25px; font-family: "$B#M#S(B $BL@D+(B", "$B#M#S(B $B#PL@D+(B", "$B:YL@D+BN(B", "$BJ?@.L@D+(B" }
#ticket { background-color: #fff ;text-align: left; margin-right: auto; margin-left: auto;  width: 500px }
.ticketcap { font-size: 14px; margin: 5px; padding: 5px; border: dotted 1px #dda0dd }

/*----------------------------------------------------------------*/
.small { font-size: 10px;}
.indent { margin-left: 15px;}
.box { border: 1px dotted #dda0dd;padding: 3px;}
.deco { color:#884455 ; font-weight: bold;}
.strong { letter-spacing:0.1em; font-size: 13px; text-align: center;}
.study { font-size: 13px; clear: both; padding: 10px 20px }
#study img { float: left }
.studyhead { color: #366; font-size: 15px; background-color: #ccc; border-top: 1px solid #366 }
.studyparts { float: left }
.exhibit{ font-size: 13px; clear: both; padding: 10px 20px }
