@charset "UTF-8";

/* default */
body {
  margin: 0;
  padding: 0;
  line-height:1.5;
  color: #333333;
  background-color: #C2C8CA;
  font:0.85em arial, helvetica, clean, sans-serif;
}

h1 {
  font-size: 136%;
}

h2 {
  margin: 5px 0;
  padding: 5px;
  font-size: 114%;
  line-height: 1.2;
  border-left: solid 3px #ff212f;
  color: #ff0202;
}

h3 {
  margin: 1em 0;
  padding: 3px 10px;
  border-bottom: solid 3px #999;
  line-height: 1.2;
  font-size: 114%;
  color: #333;
}

.news {
  border-bottom: solid 3px #777;
  color: #111;
}

.recording {
  border-bottom: solid 3px #7caef2;
  color: #3774b0;
}

.rehearsal {
  border-bottom: solid 3px #363; /*#89b4d6*/
  color: #417041; /*#283874*/
}

.dance {
  border-bottom: solid 3px #daacb7;
  color: #e25683;
}

.access {
  border-bottom: solid 3px #5e3215;
  color: #2d2716;
}

h4 {
  margin: 1em 0;
  padding: 3px 10px 2px 10px;
  border-left: solid 5px #999;
  line-height: 1.2;
  font-size: 107%;
  color: #555;
}

h5,h6 {font-weight:normal;}

img {border:none;}

table {
  border-collapse: separate;
  padding: 10px 20px 10px 0;
  margin:0px;
}

td {
  background-color: #FFFDD2;
  padding: 5px;
}

hr {
  border: dotted 1px #dedede;
  margin:10px 0;
}

/********************リンク設定**********************/

a:link, a:visited {
  color: #333333;/*#397983*/
  text-decoration: none;
}

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

a { outline: none; }

/****************メイン部分*********************/
#container {
  width:800px;
  margin:10px auto 0;
  text-align:left;
  background-color:#fefefe;
}
	
#header {
  width:800px;
  height:60px;
  margin:0 0;
  position:relative;
  background-color: #fefefe;
}	

/****************グローバルナビ*********************/

body div#navi {
  width: 740px;
  height: 40px;
  margin: 0px 30px;
}


body div#navi ul {
  margin: 0;
  padding: 0;
}


body div#navi ul li {
  display: block;
  list-style-type: none;
  padding: 0;
  float: left;
}

#newsImage {
  margin: 0 0 5px;
  padding: 0;
  width: 800px;
  height: 60px;
}

/****************コンテンツ*********************/

#content {
  width: 760px;
  margin: 15px 10px 10px 30px;
  padding: 0;
  font-size: 90%;
  line-height:1.8;
  letter-spacing: 0.1em;
}

/********************パンくずリスト********************/
.topicpath {
  color: #555;
  font-size: 81%;
  margin-bottom: 10px;
}

.topicpath ul li {
	/* liを横並び＆ブレットを消す */
  display: inline;
  list-style-type: none;
}

.topicpath ul li a {
  text-decoration: underline;
  color: #777;
  padding-right: 5px;
}

.topicpath ul li a:hover {
  background-color: #ededed;
  color: #333;
}

/********************ニュースページ**********************/

#news-group {
  float: left;
  width: 535px;
  margin: 0 0 10px 0;
  padding: 0;
}

#news-group .newsContent {
  clear: both;
  padding: 0;
  background-color: #fff
}

#news-group .date {
  margin-right: 0;
  text-align:right;
  font-size: 77%;
}

#news-group .newsContent ul li {
  margin-left: 20px;
}

#news-group .newsContent ol li{
  margin-left: 20px;
}

/********************サイド**********************/

body div#side {
  float: right;
  width: 185px;
  margin: 0 0 0 5px;
  padding: 10px 3px 5px 20px;
  border-left: solid 0px #999;
  display: inline;
  font-size: 100%;
  color: #ff0202;
  background-color: #ededed;
  border-radius: 10px; /* CSS3草案 */  
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px; /* Firefox用 */
}

body div#side ul {
  margin: 0;
  padding: 15px 0;
  color: #111;
}

body div#side ul li {
  padding: 0 0 10px;
  font-size: 92%;
  list-style-type: none;
}

body div#side ul li a {
  text-decoration: none;
  color: #222;
}

body div#side ul li a:hover {
  color: #999;
}


/*ツイッター*/

body div#twitter {
  float: right;
  width: 208px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 100%;
  background-color: #ededed;
  border-radius: 10px; /* CSS3草案 */  
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px; /* Firefox用 */
}


/********************ページトップ********************/

#page-top {
  clear: both;
  margin: 10px 20px;
  text-align: right;
  font-size: 77%;
}

#page-top a:hover {
  text-decoration: underline;
}

.upper {
  clear: both;
  margin: 10px 20px;
  text-align: right;
  font-size: 77%;
}

.upper a:hover {
  text-decoration: underline;
}

#page-top02 a {
  position:absolute;
  position:fixed;
  right:0;
  bottom:15px;
  display:block;
  height:138px;
  width:35px;
  background:url(../img/page-top.png) no-repeat left top; 
}

#page-top02 a:hover {
  background:url(../img/page-top.png) no-repeat right top;
  text-decoration:none; 
}

/*
#page-top02 a {
  position:absolute;
  position:fixed;
  right:0;
  bottom:15px;
  display:block;
  height:138px;
  width:35px;
  background:url(../img/pagetop.png) no-repeat; 
}

#page-top02 a:hover {
  background:url(../img/pagetop_on.png) no-repeat;
  text-decoration:none; 
}
*/

/*次のページ*/

body div#content .page-link {
  font-size: 120%;
  height: 30px;
  margin:10px 0;
}

body div#content .page-link a {
  font-size: 120%;
  height: 30px;
  margin:10px 0;
  text-decoration: underline;
}

body div#content .page-link a:hover {
  color: #999;
}

/*メールを送る*/

body div#content .mailto {
  height: 30px;
  margin:10px 0;
  padding: 0;
}

/********************フッターr********************/
#footer {
  width: 800px;
  clear: both;
  margin: 0 auto;
  padding: 0 0 20px 0;
  background-color: #2d2716;/*#C2C8CA*/
  color: #fff;
  background-image: url("../img/footer_bg.gif");
  background-repeat: no-repeat;
  background-position: bottom
}

#footer ul {
  margin: 0;
  padding: 0 0 0 30px;
}

#footer ul li {
  display: block;
  list-style-type: none;
  margin: 5px 0;
  padding: 0 1px 0 1px;
  float: left;
}

#footer p a {color: #fff;}

#footer p a:hover {color: #dedede;}

.copyright {
  font-size: 85%;
  line-height:160%;
  clear: both;
  margin: 0;
  padding: 0 0 0 30px;
}

/****************テキスト・フォント設定*********************/

p a {
  border-bottom-width: 2px;
  border-bottom-style: dotted;
  border-bottom-color: #C79696;
}

.back-number {
  margin: 1em 0;
  padding: 2px 1px 1px 2px;
  border: solid 1px #fcfcfc;
  background: #f2f2f2;
}

.clear {clear: both;}

.guest {
  color: #5e3215;
}

.guest a {
  color: #5e3215;
}

.guest02 {
  color: #7e010c;
}

.guest02 a {
  color: #7e010c;
}

blockquote:before {
  content:"“";
  float: left;
  font-weight: bold;
  font-size: 350%;
  display: block;
  height: 30px;
  color: #ccc;
}

blockquote:after {
  content:"”";
  text-align: right;
  display: block;
  height: 30px;
  font-weight: bold;
  font-size: 350%;
  color: #ccc;
}

blockquote>p {
  margin: 0;
  padding: 1em;
}

blockquote {
  margin: 0 2em;
  padding: 1em 2em;
  background-color: #e1ddde;
} 

/*
	10px: 77% / 11px: 85% / 12px: 92% / 14px: 107% / 16px: 122% / 18px: 136% / 20px: 152% / 24px: 182%
*/


/********************レイアウト**********************/

div.zenbun {
  margin: 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.zenbun p {
  margin: 30px 0;
}

div.zenbun img.figure {
  float: left;
  display: inline; /* for IE6,7 */
  margin: 5px 15px 5px 0;
}

div.gm-zenbun {
  margin: 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.gm-zenbun p {
  margin: 5px 0;
  line-height:1.6;
}

div.gm-zenbun img.figure {
  float: left;
  display: inline; /* for IE6,7 */
  margin: 5px 15px 5px 0;
}

div.photo-left {
  margin: 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.photo-left p {
  margin: 15px 0;
}

div.photo-left img.figure {
  float: left;
  display: inline; /* for IE6,7 */
  margin: 5px 15px 5px 0;
}

div.photo-right {
  margin: 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.photo-right p {
  margin: 15px 0;
}

div.photo-right img.figure {
  float: right;
  display: inline; /* for IE6,7 */
  margin: 5px 0px 5px 15px;
}

/*フォトサムネイル*/
ul.photo_thumb {
  float:left;
  width:515px;
  margin:0;
  padding:0;
  list-style:none;
}

ul.photo_thumb li {
  display:inline;
  padding:5px 0 0 3px;
  width:67px;
}

ul.photo_thumb li a {
  float:left;
  padding:5px;
  text-decoration:none;
}

ul.photo_thumb li a span {
  clear:both;
  display:none;
  padding:0 5px 0 0;
  font-size:87%;
  width:67px;
}

ul.photo_thumb li a:hover {
  background-color:#dedede;  
}

ul.photo_thumb li a:hover span {
  color:#333;  
}

/*****テーブルはtable.cssに*****/

/*アクセスカウンター*/

#counter {
  padding: 0;
  background-image:url("http://counter1.fc2.com/counter_img.php?id=1057448");
  background-position: left 0px;
  background-repeat: no-repeat;
  border-style:none;
  width: 800px;
  height: 40px;
  margin: 0 auto;
  text-align: left;
}

/*-----*/

.clearBoth {
  clear: both;
}
	
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/

* html .clearfix { height: 1%; }

.clearfix { d isplay:block; }
/* end MacIE5 */