@charset "UTF-8";

*{
margin: 0;
padding: 0;
font-size: 1em;
}

body{
font-family: "ＭＳ Ｐゴシック",sans-serif;
color: #0066cc;
background-color: #fff;
text-align: center;
font-size: 0.85em;
/font-size: 0.9em;
}

img{
border: none;
}

a:link,
a:visited{
color: #0066cc;
}

a:hover{
color: #333333;
text-decoration: none;
}

/* clear */

#mainmenu ol{
list-style: none;
}

#indexpage,
#calenderset,
#footer{
clear: both;
}

/* sprite */

#sitelogo h1 a,
#mainmenu ol li a,
#calenderset h1,
#calenderset table th,
#seto a,
#copyright p,
#calenderset table td span,
#mainpage #sidebar h2,
.pickup,
#mailmagazine p a,
.colors,
.tbcevent a,
.tbcempty a,
#calenderset table td .talk a:hover,
#calenderset table td .join a:hover,
#calenderset table td .live a:hover,
#calenderset table td .other a:hover{
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
}

#sitelogo h1 a strong,
#mainmenu ol li a span,
#calenderset h1 span,
#calenderset table th span,
#seto a span,
#copyright p span,
#mainpage #sidebar h2 span,
#mailmagazine p a span,
.tbcevent a span,
.tbcempty a span{
display: none;
}

/* header */

#header{
width: 950px;
margin: 0 auto;
text-align: left;
}

#sitelogo{
margin-bottom: 42px;
}

#sitelogo h1 a{
display: block;
width: 950px;
height: 240px;
}

#sitelogo h1 a:link,
#sitelogo h1 a:visited{
background-position: 0 0;
}

#sitelogo h1 a:hover{
background-position: -950px 0;
}

#mainmenu ol li{
float: left;
}

#mainmenu ol li a{
display: block;
height: 26px;
margin-bottom: 41px;
}

a.mmabout,
a.mmcontact{
width: 159px;
}

a.mmevent,
a.mmartist,
a.mmblog,
a.mmaccess{
width: 158px;
}

a:link.mmabout,
a:visited.mmabout{
background-position: 0 -342px;
}
a:hover.mmabout{
background-position: 0 -369px;
}

a:link.mmevent,
a:visited.mmevent{
background-position: -159px -342px;
}
a:hover.mmevent{
background-position: -159px -369px;
}

a:link.mmartist,
a:visited.mmartist{
background-position: -317px -342px;
}
a:hover.mmartist{
background-position: -317px -369px;
}

a:link.mmblog,
a:visited.mmblog{
background-position: -475px -342px;
}
a:hover.mmblog{
background-position: -475px -369px;
}

a:link.mmaccess,
a:visited.mmaccess{
background-position: -633px -342px;
}
a:hover.mmaccess{
background-position: -633px -369px;
}

a:link.mmcontact,
a:visited.mmcontact{
background-position: -791px -342px;
}
a:hover.mmcontact{
background-position: -791px -369px;
}

/* page */

#indexpage,
#mainpage{
width: 950px;
margin: 0 auto;
text-align: left;
}

.ts{
background-image: url(../img/good_bg.jpg);
}

#tpage{
width: 800px;
background-color: #fff;
margin: 30px auto;
text-align: left;
}

/* maincol */

#indexpage #maincol{
width: 790px;
float: left;
}

#mainpage #maincol{
width: 750px;
float: right;
}

#mainpage #maincol #mmtitle{
border-top: 1px solid #ddeeee;
padding-top: 30px;
margin-bottom: 35px;
font-size: 1.4em;
letter-spacing: 0.2em;
}

#mainpage #maincol .text{
font-size: 1em;
line-height: 2.5;
margin-bottom: 35px;
letter-spacing: 0.2em;
}

#mainpage #maincol .text #leftcol{
padding-bottom: 30px;
}

#mainpage #maincol .notice{
font-size: 0.9em;
line-height: 2;
margin-bottom: 35px;
}

#mainpage #maincol .notice h3,
#mainpage #maincol .text h3{
margin: 15px 0;
}

#mainpage #maincol .notice p,
#mainpage #maincol .text p{
margin-bottom: 10px;
}

#mainpage #maincol .notice ul,
#mainpage #maincol .text ul{
margin-left: 20px;
}

#mainpage #maincol #leftcol{
width: 465px;
float: left;
}

#mainpage #maincol #rightcol{
width: 250px;
float: right;
}

/* clender */

#calenderset{
width: 750px;
}

#calenderset h1{
height: 29px;
margin-bottom: 20px;
}

#july h1{
background-position: 0 -499px;
}

#august h1{
background-position: 0 -528px;
}

#september h1{
background-position: 0 -557px;
}

#october h1{
background-position: 0 -586px;
}

#calenderset table{
width: 100%;
border-left: 1px solid #ddeeee;
margin-bottom: 42px;
table-layout: fixed;
}

#calenderset table td{
border-right: 1px solid #ddeeee;
border-top: 1px solid #ddeeee;
height: 106px;
vertical-align: top;
}

#calenderset table th{
border-right: 1px solid #ddeeee;
height: 30px;
}

.wsun{
background-position: -160px -430px;
}

.wmon{
background-position: -266px -430px;
}

.wtue{
background-position: -372px -430px;
}

.wwen{
background-position: -478px -430px;
}

.wthr{
background-position: -584px -430px;
}

.wfri{
background-position: -690px -430px;
}

.wsta{
background-position: -796px -430px;
}

#calenderset .holiday{
display: block;
margin-top: 8px;
font-size: 0.7em;
letter-spacing: 0.1em;
font-weight: normal;
}

/* sidebar */

#indexpage #sidebar{
width: 160px;
float: right;
}

#mainpage #sidebar{
width: 200px;
float: left;
font-size: 0.9em;
/font-size: 1em;
}

#mainpage #sidebar h2{
height: 66px;
width: 160px;
margin-bottom: 30px;
}

#mainpage #sidebar h2 a{
display: block;
height: 66px;
width: 160px;
}

#mainpage #sidebar h3{
margin-bottom: 10px;
}

#mainpage #sidebar p{
line-height: 1.7;
}

#mainpage #sidebar p strong{
font-size: 1.3em;
}

#mainpage #sidebar #smabout{
background-position: 0 -959px;
}
#mainpage #sidebar #smevent{
background-position: -160px -959px;
}
#mainpage #sidebar #smartist{
background-position: -320px -959px;
}
#mainpage #sidebar #smaccess{
background-position: -480px -959px;
}
#mainpage #sidebar #smcontact{
background-position: -640px -959px;
}
#mainpage #sidebar #smnews{
background-position: 0 -430px;
}
#mainpage #sidebar #smblog{
background-position: -800px -959px;
}

#mainpage #sidebar ul{
list-style: none;
border-left: 3px solid #0066cc;
border-top: 1px dotted #0066cc;
width: 160px;
}

#mainpage #sidebar ol{
list-style: none;
width: 160px;
margin-bottom: 30px;
}

#mainpage #sidebar ul li{
border-bottom: 1px dotted #0066cc;
}

#mainpage #sidebar ol li{
margin-bottom: 10px;
}

#mainpage #sidebar ul li a{
text-decoraiton: none;
display: block;
padding: 10px 0 10px 15px;
}

#mainpage #sidebar ul li a:link,
#mainpage #sidebar ul li a:visited{
color: #0066cc;
background-color: #fff;
}
#mainpage #sidebar ul li a:hover{
background-color: #0066cc;
color: #fff;
}

#mainpage #sidebar ul li a:link strong,
#mainpage #sidebar ul li a:visited strong{
color: #666;
display: block;
}
#mainpage #sidebar ul li a:hover strong{
color: #fff;
display: block;
}

#mainpage #sidebar ul li a{
text-decoration: none;
line-height: 1.5;
}
#sidebar ul li a{
text-decoration: none;
line-height: 1.5;
}

/* mailmagazine */

#mailmagazine{
margin-bottom: 5px;
}

#mailmagazine p a{
display: block;
width: 160px;
height: 66px;
background-position: 0 -430px;
}

/* footer */

#footer{
width: 950px;
margin: 0 auto;
text-align: left;
padding-top: 90px;
}

#seto,
#copyright{
border-top: 1px solid #ddeeee;
padding-top: 20px;
float: left;
padding-bottom: 30px;
}

#seto a{
display: block;
width: 619px;
height: 43px;
background-position: 0 -877px;
}

#copyright p{
width: 331px;
height: 43px;
background-position: -619px -877px;
}

/* calender day */

#calenderset table td .talk,
#calenderset table td .join,
#calenderset table td .live,
#calenderset table td .other{
width: 33px;
height: 53px;
border-left: 2px solid #fff;
float: left;
}

#calenderset table td .talk a,
#calenderset table td .join a,
#calenderset table td .live a,
#calenderset table td .other a{
display: block;
width: 33px;
height: 53px;
text-indent: -9999px;
}

#calenderset table td .talk{
background-color: #0066cc;
}

#calenderset table td .join{
background-color: #ff3366;
}

#calenderset table td .live{
background-color: #ffff33;
}

#calenderset table td .other{
background-color: #ddeeee;
}

#calenderset table td .talk a:hover,
#calenderset table td .join a:hover,
#calenderset table td .live a:hover,
#calenderset table td .other a:hover{
background-position: -321px -243px;
}

#calenderset table td .aempty{
text-align: center;
font-size: 1.2em;
font-weight: bold;
margin-top: 3px;
}

#calenderset table td .aempty a{
color: #ff3366;
display: block;
}

#calenderset table td span{
display: block;
width: 106px;
height: 53px;
text-indent: -9999px;
}

.cal1 span{
background-position: 0 -612px;
}
.cal1t span{
background-position: -742px -612px;
}
.cal2 span{
background-position: -106px -612px;
}
.cal2t span{
background-position: -848px -612px;
}
.cal3 span{
background-position: -212px -612px;
}
.cal3t span{
background-position: -954px -612px;
}
.cal4 span{
background-position: -318px -612px;
}
.cal4t span{
background-position: -1060px -612px;
}
.cal5 span{
background-position: -424px -612px;
}
.cal5t span{
background-position: -1166px -612px;
}
.cal6 span{
background-position: -530px -612px;
}
.cal6t span{
background-position: -1272px -612px;
}
.cal7 span{
background-position: -636px -612px;
}
.cal7t span{
background-position: -1378px -612px;
}

.cal8 span{
background-position: 0 -665px;
}
.cal8t span{
background-position: -742px -665px;
}
.cal9 span{
background-position: -106px -665px;
}
.cal9t span{
background-position: -848px -665px;
}
.cal10 span{
background-position: -212px -665px;
}
.cal10t span{
background-position: -954px -665px;
}
.cal11 span{
background-position: -318px -665px;
}
.cal11t span{
background-position: -1060px -665px;
}
.cal12 span{
background-position: -424px -665px;
}
.cal12t span{
background-position: -1166px -665px;
}
.cal13 span{
background-position: -530px -665px;
}
.cal13t span{
background-position: -1272px -665px;
}
.cal14 span{
background-position: -636px -665px;
}
.cal14t span{
background-position: -1378px -665px;
}

.cal15 span{
background-position: 0 -718px;
}
.cal15t span{
background-position: -742px -718px;
}
.cal16 span{
background-position: -106px -718px;
}
.cal16t span{
background-position: -848px -718px;
}
.cal17 span{
background-position: -212px -718px;
}
.cal17t span{
background-position: -954px -718px;
}
.cal18 span{
background-position: -318px -718px;
}
.cal18t span{
background-position: -1060px -718px;
}
.cal19 span{
background-position: -424px -718px;
}
.cal19t span{
background-position: -1166px -718px;
}
.cal20 span{
background-position: -530px -718px;
}
.cal20t span{
background-position: -1272px -718px;
}
.cal21 span{
background-position: -636px -718px;
}
.cal21t span{
background-position: -1378px -718px;
}

.cal22 span{
background-position: 0 -771px;
}
.cal22t span{
background-position: -742px -771px;
}
.cal23 span{
background-position: -106px -771px;
}
.cal23t span{
background-position: -848px -771px;
}
.cal24 span{
background-position: -212px -771px;
}
.cal24t span{
background-position: -954px -771px;
}
.cal25 span{
background-position: -318px -771px;
}
.cal25t span{
background-position: -1060px -771px;
}
.cal26 span{
background-position: -424px -771px;
}
.cal26t span{
background-position: -1166px -771px;
}
.cal27 span{
background-position: -530px -771px;
}
.cal27t span{
background-position: -1272px -771px;
}
.cal28 span{
background-position: -636px -771px;
}
.cal28t span{
background-position: -1378px -771px;
}

.cal29 span{
background-position: 0 -824px;
}
.cal29t span{
background-position: -742px -824px;
}
.cal30 span{
background-position: -106px -824px;
}
.cal30t span{
background-position: -848px -824px;
}
.cal31 span{
background-position: -212px -824px;
}
.cal31t span{
background-position: -954px -824px;
}

/* nextevent */

#nextevent{
width: 750px;
height: 65px;
border-bottom: 1px solid #ddeeee;
margin-bottom: 30px;
}

.pickup{
padding-left: 220px;
height: 33px;
background-position: 0 -396px;
}

.artists_program{
padding-top: 5px;
}

.artists_program a{
text-decoration: none;
}

/* infomation */

.infomation table{
width: 750px;
margin-bottom: 20px;
}

.infomation table th,
.infomation table td{
padding: 8px 0;
border-bottom: 1px solid #ddeeee;
}

.infomation table th{
width: 230px;
}

.infomation span{
display: block;
}

.infomation .box{
width: 350px;
border: 1px solid #ccc;
padding: 2px;
}

.infomation .box2{
width: 60px;
border: 1px solid #ccc;
padding: 2px;
}

.infomation .box3{
width: 130px;
border: 1px solid #ccc;
padding: 2px;
}

.infomation iframe{
width: 100%;
height: 200px;
margin-bottom: 15px;
border: 1px solid #ccc;
}

/* archivelist */

.archivelist table{
width: 100%;
}

.archivelist th{
text-align: left;
width: 210px;
}

.archivelist th,
.archivelist td{
padding: 20px 0;
border-bottom: 1px solid #ddeeee;
}

.archivelist td{
line-hegiht: 1.5;
}

.archivelist table strong{
display:block;
margin: 10px 0;
font-size: 1.2em;
letter-spacing: 0.15em;
}

.archivelist a{
text-decoration: none;
}

/* kajicotime */

#kajicotime{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #0066cc;
letter-spacing: 0.15em;
padding: 15px 0;
margin-bottom: 1px;
}

#kajicotime h2{
font-size: 0.8em;
}

#kajicotime h3{
font-size: 4em;
}

#kajicotime h4{
font-size: 0.8em;
}

#digitalclock{
padding-top: 5px;
font-size: 0.8em;
}

/* トップサブメニュー */

.tbcevent a,
.tbcempty a{
margin-top: 5px;
display: block;
width: 160px;
height: 66px;
}

.tbcevent a{
background-position: 0 -243px;
}

.tbcempty a{
background-position: -160px -243px;
}

#goodslist{
margin-bottom: 10px;
}

#goodslist p strong{
margin: 10px 0 15px 0;
display:block;
border-bottom :1px dotted #0066cc;
padding-bottom: 15px;
}

/* 色の解説 */

.colors{
width: 750px;
height: 48px;
text-indent: -9999px;
background-position: -750px -499px;
margin-bottom: 25px;
}

/* ちかくのお店など */

#nearspot{
width: 100%;
}

#nearspot td{
width: 50%;
vertical-align: top;
}

#nearspot p{
font-weight: bold;
}

#nearspot ul{
margin-top: 20px;
list-style: none;
padding-right: 20px;
font-size: 0.9em;
}

#nearspot strong{
font-size: 0.8em;
border-left:1px dotted #0066cc;
padding-left: 5px;
margin-left: 5px;
}

#nearspot li{
padding-bottom: 10px;
border-bottom: 1px dotted #ddeeee;
margin-bottom: 5px;
line-height: 1.7;
}

.selectt{
padding: 20px;
}

.selectt h1{
font-size: 1.5em;
margin-bottom: 20px;
border-left: 3px solid #0066cc;
padding-left: 10px;
}

.selectt table{
width: 100%;
margin-bottom: 20px;
}
.selectt td,
.selectt th{
padding: 7px 0;
border-bottom: 1px dotted #0066cc;
}
.selectt p{
padding: 10px 0;
}

#gogo{
margin-bottom: 10px;
}

#finish{
color: #ffffff;
background-color: #0066cc;
padding: 30px 30px 15px 30px;
margin-bottom: 40px;
font-size: 1.4em;
line-height: 1.5;
}

#finish p{
margin-bottom: 15px;
}

/* topside */

.topside{
padding-bottom: 15px;
border-bottom: 1px solid #ddeeee;
margin-bottom: 15px;
}

#blognews h4,
#todaysevent h4,
.topside h4{
margin-bottom: 8px;
margin-top: 20px;
}

#blognews ul,
#todaysevent ul,
.topside dl,
.topside p{
list-style: none;
font-size: 0.85em;
}

#blognews ul li,
#todaysevent ul li,
.topside dl dd{
margin-bottom: 5px;
line-height: 1.5;
}

#blognews ul li a,
#todaysevent ul li a,
.topside dl dd a{
text-decoration: none;
}

.topside dl dd a{
text-decoration: underline;
}

#tweet p{
font-size: 1em;
line-height: 1.7;
}
.timeline{
border: 1px solid #eeeeee;
}