@charset "UTF-8";

body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dt,dd,table,th,td,form {
margin: 0px;
padding: 0px;
}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {
margin: 0 auto;
text-align: center;
color: #333;
font-size: 90%;
line-height: 150%;
word-break: break-all;
font-family: "Osaka", "メイリオ", Meiryo, Arial, Verdana, Helvetica, "ＭＳ Ｐゴシック", sans-serif;
}

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

a { color: #0066CC; text-decoration: none;}
a:link {;}
a:visited { color : #003366;}
a:active, a:hover { color : #0C41EA; text-decoration: underline;}

img { border: 0; vertical-align: middle; }
br { letter-spacing: 0;}
.contents strong { color: #F60; letter-spacing: 1px;}
.contents em { color: #BB0000; font-style: normal;}
iflame { overflow: hidden;}

p {
margin: 18px 0;
text-align: justify;
text-justify: distribute;
}
.clr { clear: both;} .clrl { clear: left;} .clrr { clear: right;}
.floatl { float: left;} .floatr { float: right;}
br.clr { clear: both; height: 0px; font-size: 0px; line-height: 0%;}
.fonts { font-size: 83%;}
.fontl { font-size: 120%;}

#header ul,#gnavi ul,#unavi ul,#pankuzu ul,#footer ul,#lnavi ul,#snavi ul,.lnavi ul,
#header li,#gnavi li,#unavi li,#pankuzu li,#footer li,#lnavi li,#snavi li,.lnavi li {
margin: 0; padding: 0;  border: 0; background: none; list-style-type: none; list-style-image: none;
}

/* layout style ---------------------- */

body { background: #F9F9F9;}

#container { width: 900px; margin: 0 auto; padding: 12px 20px; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; background: #FFF url(../img2/header_image.jpg) center 15px no-repeat;; text-align: left;}

#header { height: 62px;}

.wrap { padding: 0 0 15px; border-top: 5px solid #E0E0E0;}

.middle { margin: 0 0 30px; padding: 0 0 10px; background: url(../img2/middle_bg.gif) repeat-y;}
.middle-l { float: left; width: 690px;}

#contents { float: right; width: 490px; margin: 0;}
#l-navi { float: left; width: 180px;}
#r-navi { float: right; width: 190px;}

.middle-btm { clear: both;}

#footer { margin: 15px 0 0; border-top: 1px solid #CCC;}

/* top style ---------------------- */

#top { height: 20px; margin: 0 0 3px; border-bottom: 1px solid #CCC; background: #EEEEEE; color: #888888; font-size: 11px; font-weight: normal; line-height: 100%;}
#top div { width: 940px; margin: auto; padding: 3px 0 0;}
#top h1 { float: left; font-size: 12px; font-weight: normal;}
#top p { float: right; margin: 0;}

/* header style ---------------------- */

#logo { float: left; margin: 3px 0 0;}
#logo a { display: block; width: 100px; height: 29px; padding: 3px 0 0 70px; background: url(../img2/logo.gif) no-repeat;
color: #444444; font-size: 12px; font-weight: normal; line-height: 100%; letter-spacing: 2px;}

#logo a:hover { color: #999; text-decoration: none;}
#logo a:active { text-decoration: none;}

#calendarlink { float: right;}
#calendarlink a {
display: block;
width: 130px;
height: 24px;
padding: 16px 0 0;
background-image: url(../img2/cal_bt.gif);
background-position: center top;
text-align: center;
color: #666;
font-size: 14px;
font-weight: normal;
}
#calendarlink a:hover { background-position: center bottom; text-decoration: none;}

#archivelink { float: right; padding: 5px 15px;}
#archivelink a { padding: 0 0 0 12px; background: url(../img2/ln_arrow.gif) left center no-repeat;}

/* gnavi ------ */

#gnavi { min-height: 60px;}
#gnavi li { float: left; width: 64px; font-size: 13px; text-align: center;}
#gnavi a { display: block; width: 64px; padding: 32px 0 0; border-bottom: 3px double #FFF; color: #333;}
#gnavi a:hover { border-bottom: 3px double #0066CC; color: #0066CC; text-decoration: none;}
.gnavi a { background-repeat: no-repeat; background-position: center 2px;}
.gnavi a:hover { background-position: center top;}
li.GNmusic a { background-image: url(../img2/bt_music.jpg);}
li.GNmovie a { background-image: url(../img2/bt_movie.jpg);}
li.GNfestival a { background-image: url(../img2/bt_festival.jpg);}
li.GNseason a { background-image: url(../img2/bt_season.jpg);}
li.GNart a { background-image: url(../img2/bt_art.jpg);}
li.GNcomedy a { background-image: url(../img2/bt_comedy.jpg);}
li.GNgurumet a { background-image: url(../img2/bt_gurumet.jpg);}
li.GNshop a { background-image: url(../img2/bt_shop.jpg);}
li.GNlove a { background-image: url(../img2/bt_love.jpg);}
li.GNtv a { background-image: url(../img2/bt_tv.jpg);}
li.GNleisure a { background-image: url(../img2/bt_leisure.jpg);}
li.GNkeiba a { background-image: url(../img2/bt_keiba.jpg);}
li.GNsports a { background-image: url(../img2/bt_sports.jpg);}
li.GNchange a { background-image: url(../img2/bt_change.jpg);}

/* pankuzu style ---------------------- */

#pankuzu a { color:#333;}
#pankuzu a:hover,
#pankuzu a:active{color:#B00; text-decoration: underline;}

#pankuzu {
padding: 3px 33px 3px;
background: #FFF;
}

#pankuzu li { display: inline;}

/* footer style ---------------------- */

#footer {}
#copyrights {
margin: 15px 0 10px;
text-align: center;
font-size: 12px;
color: #666;
line-height: 2;
}
#copyrights a { color: #333; font-weight: normal; cursor: default;}
#copyrights a:hover { text-decoration: none;}

/* pagetop style ---------------------- */

div.pagetop { clear: both;}

div.pagetop a {
display: block;
height: 32px;
background: #FFF url(../img2/pgetop.gif) right 1px no-repeat;
color: #FFF;
font-size: 1px;
text-indent: -9999px;
text-decoration: none;
}
div.pagetop a:hover { background: #FFF url(../img2/pgetop.gif) right top no-repeat;}

/* local navi style ---------------------- */

#lnavi { line-height: 120%;}
#lnavi ul { list-style-type: none;}

.lnavi li { color: #777;}
.lnavi a { color: #333;}
.lnavi a:hover { color: #0033CC;}

div.lttl {
margin: 15px 0 5px;
padding: 5px 0 5px 15px;
border: 1px double #77AAE6;
background: #D8EAF6 url(../img2/ln_ttl.jpg) left no-repeat;
font-size: 12px;
line-height: 100%;
letter-spacing: 2px;
color: #666;
}
div.lttl strong { font-weight: normal;}

div.lttl-first {
margin: 0 0 5px;
}

.lnavi li {
padding: 4px 0 4px 22px;
border-bottom: 1px dotted #D8EAF6;
background: url(../img2/ln_li.gif) 10px 10px no-repeat;
}

.lnavi .ln-ety dt {
padding: 7px 0 0 22px;
background: url(../img2/ln_li_bg.gif) 10px 9px no-repeat;
color: #009999;
line-height: 100%;
letter-spacing: 1px;
font-family: "Times New Roman", Times, serif;
}
.lnavi dd {
padding: 2px 0 4px 22px;
border-bottom: 1px dotted #666;
}
div.ln-ety dd { font-size: 90%;}

.lnavi .ln-cat li {
padding: 4px 0 4px 5px;
font-size: 90%;
line-height: 130%;
}
.lnavi .ln-cat li img { padding: 0 5px 0 0;}
.lnavi .ln-cat ul ul { margin-left: 15px;}

div.pickup img.icon { margin: 0 10px 0 0;}
div.pickup div.lttl strong { font-weight: bolder; font-family: "Times New Roman", Times, serif;}
div.pickup dt {
padding: 5px 0 0 12px;
background: url(../img2/ln_li_bg.gif) 2px 9px no-repeat;
font-size: 90%;
line-height: 1.3;
}
div.pickup dd {
padding: 2px 0 5px 12px;
color: #009999;
line-height: 100%;
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif;
}

.backnumber li {
background: url(../img2/ln_back.gif) 10px 12px no-repeat;}
.backnumber li span { padding: 0 2px 0 0; white-space: nowrap; font-family: Arial, Helvetica, sans-serif;}

div.car-ttl { margin: 5px 0; text-align: center;}
div.cal-link { margin: 5px 0 0; text-align: right;}
div.cal-link a { color: #C00;}
div.car-ttl a { padding: 0 5px; border: 1px solid #99F; background: #EEEEFF; color: #06C;}
div.car-ttl a:hover { background: #CCF;}

div.carendar table {
width: 180px;
border-collapse: collapse;
}
div.carendar th {
border: 1px solid #CCC;
background: #F9F9F9;
font-weight: normal;
text-align: center;
}
div.carendar td {
border: 1px solid #CCC;
background: #E6E6E6;
text-align: center;
line-height: 130%;
color: #FFF;
}
div.carendar td.linkday { padding: 0; background: #FFF;}
td.linkday a { display: block; color: #666;}
#l-navi td.linkday a:hover { background: #DD0000; color: #FFF;}

div.carendar td.today { border: 1px solid #C69; background: #FF99CC; color: #CCC;}
div.carendar td.today a { color: #FFF;}

th.w1,div.carendar td.w1,div.carendar td.w1 a,div.carendar td.w8,div.carendar td.w8 a,div.carendar td.w15,div.carendar td.w15 a,div.carendar td.w22,div.carendar td.w22 a,div.carendar td.w29,div.carendar td.w29 a { color: #F00;}
th.w7,div.carendar td.w7,div.carendar td.w7 a,div.carendar td.w14,div.carendar td.w14 a,div.carendar td.w21,div.carendar td.w21 a,div.carendar td.w28,div.carendar td.w28 a { color: #00F;}

div.carendar td img { padding: 0 2px 2px 0;}

div.searchbox { margin: 10px 0 20px 7px;}
input.ti { width: 120px;}
div.weather a { font-size: 6px; line-height: 0.5; text-indent: 99px;}
div.weather td { font-size: 1px;}

/* contents style ---------------------- */

div.entry {
margin: 0 0 15px;
background: url(../img2/entry_bg.gif) left top;
border-bottom: 1px solid #CCC;
}
div.entry-head {
clear: both;
height: 30px;
background: url(../img2/entry-head_bg.jpg) no-repeat;
}

div.today-event div.entry { background: url(../img2/entry_today_bg.gif) left top;}
div.today-event div.entry-head { background: url(../img2/entry-head_today_bg.jpg) left top;}

.ttl {
float: left;
padding: 5px 0 2px 12px;
font-size: 14px;
letter-spacing: 1px;
line-height: 1.2;
}
.ttl a { color: #444444;}
.ttl a:hover { color: #003399;}
.ttl img.icon { vertical-align: middle;}

.date {
float: right;
padding: 10px 5px 0 0;
color: #099;
font-size: 12px;
letter-spacing: 1px;
}
.contents .copy {
margin: 10px 0 0 15px;
padding: 0 0 0 15px;
background: url(../img2/copy_bg.gif) left center no-repeat;
color: #F60;
font-size: 100%;
letter-spacing: 2px;
line-height: 1;
}

div.inner { margin: 8px 8px; padding: 5px 20px; border: 1px solid #E6E6E6; background: #FFF;}
div.entry p { margin: 12px 0;}
div.entry dd { margin: 0 0 8px 15px;}

div.entry-foot { clear: both; padding: 0 8px 0;}
div.entry-foot p { margin: 0 0 10px;}
.index div.entry-foot p, .cat div.entry-foot p, .month div.entry-foot p, .search div.entry-foot p { float: left;}
div.entry-foot p a { color: #0066CC; text-decoration: none;}
div.entry-foot p a:hover { color: #0066CC; text-decoration: underline;}

div.entry-foot2 { margin: 12px 15px; padding: 8px 25px; border: 1px solid #DDDDDD; background: #FFF;}
div.entry-foot2 p { margin: 0 0 10px;}

a.more-link {
display: block;
float: right;
width: 125px;
height: 21px;
background-image: url(../img2/morelink.gif);
background-position: center top;
color: #FFF;
text-decoration: none;
font-size: 1px;
text-indent: -999px;
}
a.more-link:hover { background-position: center bottom;}

.archive-ttl {
height: 24px;
margin: 0 0 15px;
padding: 6px 15px 0;
background: #000 url(../img2/arc_ttl.gif) center top no-repeat;
color: #FFF;
font-size: 14px;
letter-spacing: 2px;
}

.archive-ttl2 {
clear: both;
height: 24px;
margin: 0 0 15px;
padding: 6px 15px 0;
background: #000 url(../img2/arc_ttl.gif) right bottom no-repeat;
color: #FFF;
font-size: 14px;
letter-spacing: 2px;
}

div.condision { padding: 0 0 15px;}
div.condision div.entry {
background: url(../img2/condision_bg.gif) bottom right no-repeat;
}

img.qr { margin: 20px 0 10px;}

p.cdescription { margin: 5px 10px 15px; color: #666; font-size: 12px;}

/* entry style ---------------------- */

div.pankuzu ul { margin: 40px 0 15px 35px; padding: 0 0 0 25px; color: #666; line-height: 1.6;}
div.pankuzu a { color: #333;}
div.pankuzu a:hover { color: #0C41EA;}

div.pankuzu li.pnk-home { list-style-image: url(../img2/icon_home.gif);}
li.pnk-cat { list-style-image: url(../img2/icon_arrow_on.gif); margin: 0 0 0 10px;}
li.pnk-ety { list-style-image: url(../img2/icon_arrow_on.gif); margin: 0 0 0 20px;}

div.entry img { margin-right: 7px;}
.inner ul, .inner ol { padding: 0 0 0 28px;}

div.entry-foot2 h3 { margin: 15px 0 5px; color: #009999; font-size: 100%; letter-spacing: 1px;}
div.nextprev { margin: 5px 0 15px 10px; line-height: 1.6;}

a.prev,
a.next {
padding: 0 0 0 17px;
text-decoration: none;
color: #333;
}
a.prev { background: url(../img2/bt_prev.gif) left center no-repeat;}
a.next { background: url(../img2/bt_next.gif) left center no-repeat;}

a:hover.prev,
a:hover.next { color: #009; text-decoration: underline;}

div.mapf { clear: both; margin: 30px 5px; padding: 5px; border: 1px solid #ccc;}
#cmap div.mapf { margin: 0 0 10px;}
div#map { clear: both; height: 340px;}
#view { height: 340px;}

div.qrcode { width: 300px; height: 100px; margin: 0 0 12px 90px; border: 1px solid #DDDDDD; background: #FFF; font-size: 80%;}
div.qrcode p { width: 195px; margin: 5px 0 0 100px; text-align: left;}
div.qrcode img { float: left; margin: 0;}
div.qrcode em { font-style: normal;}

#ety div.inner h3 { margin: 30px 0 15px; padding: 0 0 0 10px; border-left: 5px solid #004477; color: #004477; font-size: 110%; line-height: 1.2; letter-spacing: 1px;}
#ety div.inner h4 { margin: 20px 0 10px; color: #009999; font-size: 110%; letter-spacing: 1px;}

/* table style ---------------------- */

table.simple { margin: 10px 0; border-collapse: collapse; border: 1px solid #CCC;}
table.simple td { padding: 3px 7px; border: 1px solid #CCC;}

/* calendar style ---------------------- */

.cal div.carendar div.lttl { margin: 10px 0;}
.cal div.car-ttl { margin: 10px 0 15px; font-size: 140%;}

.cal div.middle { background: none;}
.cal div.carendar table {
width: auto;
margin: auto;
border-collapse: collapse;
}
.cal div.carendar th { width: 126px;}
.cal div.carendar td {
padding: 5px;
text-align: left;
vertical-align: top;
}
div.carendar .date {
float: none;
padding: 0;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}
.cal td.linkday { background: #F9F9F9;}
.cal td.linkday a { margin: 0 0 4px; color: #222;}
.cal td.linkday a:hover { background: none; color: #000066; text-decoration: underline;}
.cal .date { color: #888888;}

.cal td.linkday .cal-ety a { color: #006; font-size: 83%;}

.cal div.carendar td.today { border: 1px solid #EE9999; background: url(../img2/today_bg.gif); color: #666666;}
.cal div.carendar td.today a { color: #000066;}

.hidden { display: none;}
div.content-nav { margin: 20px 0 0; text-align: center;}

.cal div.nextprev { margin: 15px 0 10px; text-align: center;}
.cal div.nextprev a { margin: 0 80px; font-size: 22px;}
.cal div.nextprev a.next { padding: 0 17px 0 0; background: url(../img2/bt_next.gif) right center no-repeat;}

div.monthlist { width: 500px; margin: 15px 0 10px 250px;}
div.monthlist span { padding: 0 3px;}

/* home --------------------- */

div.nextmonh { margin: 15px 0; text-align: center;}

div.ttldate { width: 40px; height: 54px; margin: 0 0 15px; padding: 2px 7px 0 3px; background: url(../img2/date-bg.gif) left top no-repeat; text-align: center; line-height: 1.1; color: #555555; font-size: 10px; white-space: nowrap;}
span.datemonth { display: block; padding: 0 0 4px; font-size: 10px; color: #FFF;}
span.dateday { font-size: 18px; font-family: "Times New Roman", Times, serif; letter-spacing: 1px;}
span.w0 { color: #C00;}
span.w6 { color: #00C;}

div.introduction { border-top: 1px solid #CCC;}
div.introduction p { text-align: center; font-size: 90%;}

/* archive --------------------- */

.archive div.middle { background: none;}
div.contl { float: left; width: 336px; margin: 0 0 20px;}
div.contr { float: right; width: 336px; margin: 0 0 20px;}
h2.archive-ttl a { color: #FFF;}
h2.archive-ttl span.fonts { padding-left: 3px; color: #EEEEEE;}
.archive th { vertical-align: top; font-weight: normal; white-space: nowrap;}
.archive td  { padding: 0 0 0 20px; background: url(../img2/ln_li_bg.gif) 10px 8px no-repeat;}
div.arcttl2 { margin: 35px 0 20px; border-bottom: 1px solid #FF7700; background: #FFFCF6; color: #FF7700;}

/* pages --------------------- */

.pages div.middle { background: none;}
.pages th { vertical-align: top; font-weight: normal; min-width: 3em; max-width: 5em;}
.pages td  { padding: 0 0 0 20px; background: url(../img2/ln_li_bg.gif) 10px 8px no-repeat; vertical-align: top;}
div.facilitieslink { clear: both; padding: 10px 0 0;}
div.facilitieslink ul { padding: 20px 0 0; border-top: 1px solid #DDDDDD; list-style-type: none;}
div.facilitieslink li { float: left; width: 162px; height: 2em; overflow: hidden; padding: 0 0 0 10px; background: url(../img2/ln_li_bg.gif) left center no-repeat; white-space: nowrap; line-height: 2;}

/* banner -------------------- */

div.top-banner { width: 730px; margin: 0 auto;}
div.cont-banner { width: 468px; margin: 25px auto 5px;}
div.cont-banner2 { margin: 25px auto 5px;}
div.top-banner2 { margin: 0 0 15px -100px;}
div.top-banner2wrap { width: 630px; overflow: hidden; margin: auto;}
div.pr { margin: 22px 0 15px;}
div.pr a { text-decoration: underline;}
div.pia_banner { width: 250px; margin: 20px auto;}

/* tag --- */

ul.tags { padding: 0 5px 0 20px; list-style-type: none;}
ul.tags li { float: left; min-width: 148px; padding: 0 5px 0 0; line-height: 22px; white-space: nowrap;}
ul.tags li.rank-1 a { color: #0022CC; font-size: 144%;}
ul.tags li.rank-2 a { color: #0033BB; font-size: 144%;}
ul.tags li.rank-3 a { color: #0022AA; font-size: 120%;}
ul.tags li.rank-4 a { color: #003399; font-size: 120%;}
ul.tags li.rank-5 a { color: #114488; font-size: 120%;}
ul.tags li.rank-6 a { color: #111177; font-size: 100%;}
ul.tags li.rank-7 a { color: #222266; font-size: 100%;}
ul.tags li.rank-8 a { color: #222266; font-size: 83%;}
ul.tags li.rank-9 a { color: #333355; font-size: 83%;}
ul.tags li.rank-10 a { color: #444444; font-size: 83%;}
#contents ul.tags a:hover { color: #0C33CC; text-decoration: underline;}