@charset "UTF-8";

/* ***********************************************************************
Browser Style Reset
*********************************************************************** */
html {color: #000;background: #fff;overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0; padding: 0;
}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q: before, q: after {content: '';}
abbr, acronym {border: 0;font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input, textarea, select {*font-size: 100%;}
legend {color: #000;}

/* ***********************************************************************
Text Set up
*********************************************************************** */
body, table, form, select, input, textarea {
font-family:
Lucida Grande,
Arial, Meiryo,
Hiragino Kaku Gothic Pro,
verdana,
'Trebuchet MS',
Helvetica;
color: #333;
line-height: 1.7;
letter-spacing: 0;
}
body {
font-size: 62.5%;
}

/* ***********************************************************************
Link Style
*********************************************************************** */
a, a:link {
color: #000000;
text-decoration: none;
outline: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:active,
a:hover {
color: #ff9900;
text-decoration: underline;
}

/* ***********************************************************************
Form Style
*********************************************************************** */
input {
margin: 2px 5px 2px 0;
padding: 3px;
border: 1px solid #999;
font-size: 1.1em;
vertical-align: middle;
line-height: 1.5;
}


/* ***********************************************************************
Common Layout
*********************************************************************** */
html {background: url(../img/bg-html.gif) repeat-y center top;}
body {background: url(../img/bg-body.gif) repeat-y center top;}
#wrapper {background: url(../img/bg-wrapper.gif) no-repeat center top;}
#wrapper-inner {width: 960px;margin: auto;}

.ts01 {line-height: 1.3;}
.ts02 {line-height: 1.3;}
.ts03 {line-height: 1.5;}
.ts04 {line-height: 1.5;}
.ts05 {line-height: 1.5;}

strong {font-weight: bold;}


/* Column Layout */
#column01 {
float: left;
width:205px;
}
#column23 {
float: left;
width:755px;
}
#column02 {
float: left;
width: 515px;
}
#column03 {
float: left;
width: 240px;
}

#column01-inner {
width: 200px;
background: #ffffff;
}
#column02-inner {
width: 510px;
background: #ffffff;
}
#column03-inner {
width: 240px;
background: #ffffff;
}


/* Pankuzu area */
#pankuzu {
width: 755px;
min-height: 35px;
padding: 5px 0;
background: #827e72 url(../img/bg-pan.gif) no-repeat bottom left;
}
#pankuzu ul {margin: 0 5px;}
#pankuzu li {
display: inline;
padding: 0 10px 0 20px;
}
#pankuzu li.update {padding: 0 20px 0 10px;background: url(../img/li-textlink.gif) no-repeat right center;}
#pankuzu li.home {background: url(../img/bg-pan-arrow-home.gif) no-repeat left center;}
#pankuzu li.link {background: url(../img/bg-pan-arrow.gif) no-repeat left center;}
#pankuzu li a,
#pankuzu li span {
margin-top: 1em;
}

/* Footer */
#footer {background: url(../img/bg-footer.gif) no-repeat center bottom;}
#footer-inner {
width: 960px;
margin: auto;
padding-top: 25px;
background: url(../img/bg-footer-inner.gif) no-repeat center top;
}
#footer-menu {
width: 930px;
height: 40px;
margin: auto;
background: url(../img/footer-logo.gif) no-repeat 0 0;
}
#footer-menu ul {margin-left: 225px;padding-top: 8px;text-align: right;}
#footer-menu li {
display: inline;
margin-left: 15px;
padding-left: 14px;
background: url(../img/li-textlink.gif) no-repeat left center;
}
#copyright {
width: 930px;
padding: 15px;
background: url(../img/dotline.gif) repeat-x 0 0;
color: #999999;
}

.widget h3,
#contents h2 {
margin-bottom: 5px;
text-indent: -9999px;
overflow: hidden;
}
.widget h3 {height: 30px;}
#contents h2 {height: 40px;}

#column01 .widget {
padding: 5px 0 0;
background: #827e72 url(../img/edge-upper200.gif) no-repeat 0 0;
}
#column01 .widget-inner {
padding: 5px 0 10px;
background: #ffffff;
}

#column03 .widget {
padding: 5px 0;
background: #827e72 url(../img/edge-upper240.gif) no-repeat 0 0;
}
#column03 .widget-inner {
padding: 5px 0 10px;
background: #ffffff url(../img/edge-bottom240.gif) no-repeat bottom left;
}
#column03 .widget-contents {margin: 0 15px;}

/* ***********************************************************************
Common Area
*********************************************************************** */

/* Column01 */
#header {height: 135px;background: #827e72;}
#site-title a {
display: block;
width: 200px;
height: 130px;
background: url(../img/bg-header.gif) no-repeat 0 0;
text-indent: -9999px;
overflow: hidden;
}
#site-title a:hover {background-position: 0 -130px;}


#mainmenu {
padding: 5px 0;
background: #827e72 url(../img/edge-upper200.gif) no-repeat 0 0;
}
#mainmenu-inner {
padding: 5px 0 10px;
background: #ffffff url(../img/edge-bottom200.gif) no-repeat bottom left;
}
#mainmenu .menu-list a {
display: block;
height: 30px;
text-indent: -9999px;
overflow: hidden;
}
#mainmenu .btn01 a {background: url(../img/btn-mainmenu.gif) no-repeat 0 0;}
#mainmenu .btn02 a {background: url(../img/btn-mainmenu.gif) no-repeat 0 -30px;}
#mainmenu .btn03 a {background: url(../img/btn-mainmenu.gif) no-repeat 0 -60px;}
#mainmenu .btn04 a {background: url(../img/btn-mainmenu.gif) no-repeat 0 -90px;}
#mainmenu .btn05 a {background: url(../img/btn-mainmenu.gif) no-repeat 0 -120px;}
#mainmenu .btn06 a {background: url(../img/btn-mainmenu.gif) no-repeat 0 -150px;}
#mainmenu .btn07 a {background: url(../img/btn-mainmenu.gif) no-repeat 0 -180px;}

#mainmenu .btn01 a:hover {background: url(../img/btn-mainmenu.gif) no-repeat -200px 0;}
#mainmenu .btn02 a:hover {background: url(../img/btn-mainmenu.gif) no-repeat -200px -30px;}
#mainmenu .btn03 a:hover {background: url(../img/btn-mainmenu.gif) no-repeat -200px -60px;}
#mainmenu .btn04 a:hover {background: url(../img/btn-mainmenu.gif) no-repeat -200px -90px;}
#mainmenu .btn05 a:hover {background: url(../img/btn-mainmenu.gif) no-repeat -200px -120px;}
#mainmenu .btn06 a:hover {background: url(../img/btn-mainmenu.gif) no-repeat -200px -150px;}
#mainmenu .btn07 a:hover {background: url(../img/btn-mainmenu.gif) no-repeat -200px -180px;}

#mainmenu .btn01this a {background: url(../img/btn-mainmenu.gif) no-repeat -400px 0;}
#mainmenu .btn02this a {background: url(../img/btn-mainmenu.gif) no-repeat -400px -30px;}
#mainmenu .btn03this a {background: url(../img/btn-mainmenu.gif) no-repeat -400px -60px;}
#mainmenu .btn04this a {background: url(../img/btn-mainmenu.gif) no-repeat -400px -90px;}
#mainmenu .btn05this a {background: url(../img/btn-mainmenu.gif) no-repeat -400px -120px;}
#mainmenu .btn06this a {background: url(../img/btn-mainmenu.gif) no-repeat -400px -150px;}
#mainmenu .btn07this a {background: url(../img/btn-mainmenu.gif) no-repeat -400px -180px;}

#mainmenu .list-sub {background: #f0f0f0 url(../img/dotline.gif) no-repeat bottom left;}
#mainmenu .list-sub li a {
display: block;
padding: 5px 25px;
background: url(../img/dotline.gif) no-repeat 0 0;
}


#banners {background: #827e72;}
#banners .banner {padding-bottom: 5px;}


#randomphotos h3 {
height: 40px;
background: url(../../img/tit-randomphotos.gif) no-repeat 0 0;
}
#randomphotos #flickr_badge_uber_wrapper {
width: 112px;
margin: auto;
}
#randomphotos #flickr_badge_uber_wrapper a img {
display: block;
margin: 0 auto 10px;
padding: 5px;
border: 1px solid #cccccc;
}


/* Column02 */
#topimage {padding-bottom: 5px;background: #827e72;}


#contents {
padding: 5px 0 0;
background: #ffffff url(../img/edge-upper510.gif) no-repeat 0 0;
}

.about h2 {background: url(../../img/tit-about.gif) no-repeat 0 0;}
.stage h2 {background: url(../../img/tit-stage.gif) no-repeat 0 0;}
.news h2 {background: url(../../img/tit-news.gif) no-repeat 0 0;}
.member h2 {background: url(../../img/tit-member.gif) no-repeat 0 0;}
.contact h2 {background: url(../../img/tit-contact.gif) no-repeat 0 0;}
.link h2 {background: url(../../img/tit-link.gif) no-repeat 0 0;}
.blog h2 {background: url(../../img/tit-blog.gif) no-repeat 0 0;}

h2.nekomaru {background: url(../../img/tit-nekomaru.gif) no-repeat 0 0;}


#contents .entry-box,
#contents .entry-list,
#contents .page-box,
#contents .page-list {
margin-bottom: 10px;
padding-bottom: 20px;
background: url(../img/dotline.gif) no-repeat bottom left;
}
#contents .entry-header,
#contents .entry-body,
#contents .entry-more,
#contents .entry-footer,
#contents .page-header,
#contents .page-body,
#contents .page-more,
#contents .page-footer,
#contents .link-text,
#contents .entry-list-date-title,
#contents #comments {width: 480px;margin: auto;}

#contents .entry-header,
#contents .page-header {margin-bottom: 10px;}
#contents .entry-header .date {color: #996600;}
#contents .entry-header,
#contents .page-header h3 {font-weight: bold;}
#contents .entry-body p,
#contents .entry-more p,
#contents .page-body p,
#contents .page-body ul,
#contents .page-body dl {margin-bottom: 1em;}
#contents .entry-more #PlagOpen1 {text-align: right;}
#contents .entry-more #PlagOpen1 a {
padding-left: 14px;
background: url(../img/li-more.gif) no-repeat left center;
}
#contents .entry-footer p {text-align: right;}

#contents .page-body .listtext li{
list-style-type: square;
margin-left: 15px;
}
#contents .entry-list-date-title th,
#contents .entry-list-date-title td {
padding: 5px 0;
vertical-align: top;
}
#contents .entry-list-date-title th {
padding-right: 20px;
color: #996600;
white-space: nowrap;
}

#contents .link-text,
#contents .pagelink {text-align: right;}
#contents .link-text a,
#contents .pagelink a {
padding-left: 14px;
background: url(../img/li-textlink.gif) no-repeat left center;
}


#pagebute-area {text-align: center;}
#pagebute-area .link_page,
#pagebute-area .current_page,
#pagebute-area .link_before,
#pagebute-area .link_next {
display: inline-block;
padding: 2px 4px;
border: 1px solid #cccccc;
}
#pagebute-area .current_page {background: #f8b624;color: #000000;}
#pagebute-area .link_before {border-left-width: 5px;}
#pagebute-area .link_next {border-right-width: 5px;}

.member h3 {display: none;}
.member dt,
.link dt,
.link dt a {color: #996600;}
.member dd,
.link dd {margin-bottom: 0.5em;margin-left: 1em;}
.member .memberlist li {
float: left;
width: 235px;
height: 125px;
}



.contact .mailform th,
.contact .mailform td {padding:5px;vertical-align: top;}
.contact .mailform th {color: #996600;}
.contact .mailform th span {color: #ff9900;}

.blog .entry-body img,
.blog .entry-more img,
.news .entry-body img,
.news .entry-more img,
.stageblog .entry-body img,
.stageblog .entry-more img {margin-bottom: 10px;}

.stage h4 {
margin: 2em 0 5px 0;
padding-bottom: 2px;
background: url(../img/dotline.gif) no-repeat bottom left;
color: #827e72;
font-weight: bold;
}
.stage h5 {
margin: 5px 0 2px 0;
color: #827e72;
}
.timetable {
border-width: 1px 0 0 1px;
border-color: #cccccc;
border-style: solid;
line-height: 1.3;
}
.timetable th,
.timetable td {
padding: 2px 5px;
border-width: 0 1px 1px 0;
border-color: #cccccc;
border-style: solid;
text-align: center;
}
.timetable th {color: #827e72;}
.timetable tr.xline {background: #f0f0f0;}
.timetable .castA {background: #ffdddd;}
.timetable .castB {background: #ffffcc;}
.stageinfo {
width: 100%;
background: url(../img/dotline.gif) no-repeat top left;
line-height: 1.4;
}
.stageinfo th,
.stageinfo td {
padding: 2px 5px;
background: url(../img/dotline.gif) no-repeat bottom left;
vertical-align: top;
}
.stageinfo th {color: #827e72;}



#comments-open-data label,
#comments-open-text label {display: block;}
#comments-open-data input,
#comments-open-text textarea {margin-bottom: 1em;}
#comments-open-footer {text-align: center;}


/* Column03 */
#textsize {
height: 20px;
padding-bottom: 5px;
background: #827e72 url(../img/bg-textsize.gif) no-repeat 0 0;
}
#textsize ul {margin-left: 141px;}
#textsize li {float: left;width: 30px;}
#textsize li a {
display: block;
width: 20px;
height: 20px;
background: url(../img/btn-textsize.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}
#textsize li.btn01 a {background-position: 0 0;}
#textsize li.btn02 a {background-position: -20px 0;}
#textsize li.btn03 a {background-position: -40px 0;}
#textsize li.btn01 a:hover {background-position: 0 -20px;}
#textsize li.btn02 a:hover {background-position: -20px -20px;}
#textsize li.btn03 a:hover {background-position: -40px -20px;}

#whatsnew h3 {background: url(../../img/tit-whatsnew.gif) no-repeat 0 0;}
#whatsnew .news,
#recententries .entry {margin-bottom: 5px;}
#whatsnew .news .date,
#recententries .entry .date {color: #996600;}

#twitter h3 {background: url(../../img/tit-twitter.gif) no-repeat 0 0;}
#column03 #twitter .widget-contents {margin: 0 5px;}

#mobile-qr.widget {padding-bottom: 0;}
#mobile-qr h3 {background: url(../../img/tit-mobile-qr.gif) no-repeat 0 0;}
#mobile-qr-inner.widget-inner {background-image: none;}
#mobile-qr p,#mobile-qr p a {color: #999999;text-align: right;}

#nextstage h3 {background: url(../../img/tit-nextstage.gif) no-repeat 0 0;}
#nextstage p {text-align: center;}
#nextstage p img {margin-bottom: 5px;border: 5px solid #e7e7e7;}

#monthlyarchive h3 {background: url(../../img/tit-blogarchives.gif) no-repeat 0 0;}

#recententries h3 {background: url(../../img/tit-recententries.gif) no-repeat 0 0;}

#recentcomments h3 {background: url(../../img/tit-recentcomments.gif) no-repeat 0 0;}
#recentcomments li {margin-bottom: 3px;}

/* ***********************************************************************
Clear Fix
*********************************************************************** */
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */