@charset "UTF-8";

/* ================================================================ *
	Web Designing 2007/10
	テンプレート F-2：2 カラム型リキッドレイアウト
	詳細カスタマイズ CSS
	
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
 * ================================================================ */

/* h2カスタマイズ yamadama */
h2 {
  font-size: 120%;
  /* 見出し 2 の上下マージンを設定してください */
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-left: 0px;
  color:#996600;
  /* 見出し 2 の左端装飾用罫線の太さ・線種・色を設定してください */
  border-left: 0px solid #996600;
  /* 見出し 2 の行送りを設定してください */
  line-height: 1.4;
}

/* ヘッダの上マージンをつめる yamadama */
h1 {
  margin-top: 0px;
}
/* 選択されているナビ yamadama */
#navi ul li.selected {
 background-color:#fff;
  margin: 0;
  padding: 6px 20px 5px 20px;
  display: block;
  border-right: 0px solid #000;
  border-bottom: 0px solid #fff; 
  font-weight: bold;
}

#sidenavi ul li a {
  display: block;
}
.mainbtn	{
	position:absolute;
	top:0px;
	left:0px;
	}
.faq		{
	color:#6E4C08;
	}
	


#naviblack {
  background-color:#000;
  margin-top: 0;
  margin-bottom: 20px;
  height:25px;
  font-size:12px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#naviblack ul {
  margin: 0;
  padding: 0;
  height: 25px;
}

#naviblack ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#naviblack ul li a {
  margin: 0;
  padding: 6px 20px 3px 20px;   
  background-color:#000;
  display: block;
  border-right: 0px solid #000;
  border-bottom: 0px solid #000; 
  font-weight: bold;

}
#naviblack a:link {
  border-bottom: 0px solid #000;
  background: #000 ;
  text-decoration: none;
  color:#71B9F0;
}
#naviblack a:visited {
  border-bottom: 0px solid #000;
  background: #000 ;
  text-decoration: none;
    color:#71B9F0;
}
#naviblack a:hover {
  border-bottom: 0px solid #000;
  background: #EEEEEE ;
  text-decoration: none;
}
/* 選択されているナビ yamadama */
#naviblack ul li.selected {
 background-color:#fff;
  margin: 0;
  padding: 6px 20px 5px 20px;
  display: block;
  border-right: 0px solid #000;
  border-bottom: 0px solid #fff; 
  font-weight: bold;
  height:25px;
}
/* 今までのコンサートの記録 */
#historymain {
  /* ★ --- レイアウト調整：サイドメニューの設定に応じて設定 --- */
  /* Note：サイドメニューを左に配置した場合，padding-left をサイド
           メニューの幅＋マージンとし，padding-right を 0 として
           ください；右に配置した場合，左右パディングを逆に読み替えて
           ください */
  padding-left: 0px;
  padding-right: 0;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  background: tranparent;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはフッタの上マージンとの折りたたみが生じます */
  margin-top: 0;
  margin-bottom: 0;
}
#historyselect table	{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	}
#historyselect table td	{
	padding-left:5px;
	padding-right:5px;
	}
#historyselect table td.year	{
	padding-left:5px;
	padding-right:5px;
	color:#c00;
	font-size:130%;
	background-color:#ccc;
	}
/* 過去のコンサート一覧 */
.progNumber	{
	font-size:140%;
	color:#009;
	text-align:left;
	display:block;
	width:60px;
	height:20px;
/*	border:1px #ff0 solid;	*/
	}
.progName	{
	display:block;
	width:510px;
	margin-left:60px;
	margin-top:-20px;
	font-weight:bold;
	/*	border:1px #0ff solid;	*/
	}
.progAccompanist	{
	display:block;
	margin-top:8px;
	font-weight:bold;
	}
.progEname	{
	display:block;
	margin-left:60px;
	font-weight:bold;
	color:#009;
	}
.progDate	{
	display:block;
	margin-left:60px;
	margin-top:4px;
	color:#333;
	margin-bottom:12px;
	}
.progEdate	{
	display:block;
	margin-left:0px;
	color:#009;
	margin-top:0px;
	margin-bottom:12px;
	}
.progContent	{
	display:block;
	margin-left:0px;
	color:#333;
	margin-bottom:12px;
	}
.progComment	{
	display:block;
	margin-left:0px;
	color:#333;
	margin-bottom:8px;
	width:510px;
	border-bottom:2px #999 dotted;
	}
#progTitle	{
	border-bottom:2px #999 dotted;
	margin-bottom:8px;
	}
.writer	{
	text-align:right;
	}
#progTitle .progName	{
	font-size:140%;
	margin-left:0px;
	margin-top:0px;
	}
#progTitle .progNumber	{
	font-size:140%;
	color:#009;
	text-align:left;
	display:block;
	margin-bottom:4px;
	width:100%;
	}
#progTitle .progEname	{
	display:block;
	margin-left:0px;
	font-weight:bold;
	color:#009;
	}
#progTitle .progDate	{
	display:block;
	margin-left:0px;
	color:#333;
	margin-bottom:2px;
	}
#progTitle .progProduce	{
	display:block;
	margin-left:0px;
	color:#333;
	margin-bottom:6px;
	font-size:95%;
	}
#progTitle .preDate	{
	display:block;
	margin-left:0px;
	color:#000;
	margin-bottom:2px;
	margin-top:8px;
	font-size:1.2em;;
	}
.contentTitle	{
	color:#009;
	font-weight:bold;
	}
.commentTitle	{
	color:#009;
	font-weight:bold;
	margin-bottom:0.5em;
	}
#prognavi	{
	font-size:90%;
	}
.historyListBox	{
	margin-top:12px;
	}
	
.scheduleName	{
	clear:both;
	font-weight:bold;
	color:#096;
	margin-bottom:0em;
	margin-top:0.5em;
	}
.scheduleProg	{
	color:#333;
	margin-bottom:0.2em;
	line-height:110%;
	}
#progPhoto	{
	margin-bottom:10px;
	}
#progPhoto img	{
	margin-bottom:6px;
	margin-right:6px;
	height:120px;
	}
.prePhoto	{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top: 0;
	margin-left: 0;
	}
.prePlayer	{
	font-size:16px;
	color:#006;
	margin-bottom:20px;
	}
#preContents p	{
	margin-bottom:24px;
	}
.progCopy	{
	font-size:0.9em;
	color:#c00;
}
.preSubtitle	{
	font-weight:bold;
	color:#900;
	font-size:0.9em;
	}
/* 陶芸教室  */
#tougeiInst	{
	margin-top:10px;
	margin-bottom:20px;
	}
#tougeiInst .name	{
font-size:140%;
color:#900;
}
#tougeiDate	{
	font-size:90%;
	}
.tougeiList	{
	margin-left:1em;
	text-indent:-1em;
	margin-top:8px;
	}
.tougeiH3	{
	color:#660000;
	font-weight:bold;
	}
#tClass		table{
	border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin-top:8px;
    margin-left:0em;
    width:510px;
	}
#tClass		td{
	border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.2em 0.5em;
    color:#000;
}
#tClass		th{
	border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#FBD075;
    padding:0.2em 0.5em;
    text-align:left;
}
#tClass		th.sat{
    background-color:#FFAD9F;

}
#tClass		th.sun{
    background-color:#FFAD9F;

}
#tClass		td.close{
    background-color:#D2D2D2;

}
#tClass		td.mark{
    color:#000099;

}
#tClass		.cMark{
    color:#000099;

}
#printheader	{
	display:none;
	}
p.faq	{
	margin-bottom:2em;
	color:#333;
	}
#asoMap	{
	clear:left;
	display:none;
	}
.counter	{
	position:absolute;
	top:6px;
	right:8px;
	text-align:right;
}
.homeFlashBox	{
	width:510px;
	background-color:#7A7A7A;
	margin-bottom:10px;

	}
/* 貸しホールテーブル  */
#tHall		table{
	border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin-top:8px;
    margin-left:0em;
    width:510px;
	}
#tHall		td{
	border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:0.2em 0.5em;
    color:#000;
    text-align:right;
}
#tHall		th{
	border-right:1px solid #999;
    border-bottom:1px solid #999;
    color:#000;
    background-color:#ccc;
    padding:0.2em 0.5em;
    text-align:center;
}
#homelist ul	{
	margin-left:0px;
	padding-left:0px;
	list-style:none;
	}
#homelist ul li	{
	background:url(./listArc.gif);
	background-repeat:no-repeat;
	position:left;
	margin-left:0px;
	list-style-position:outside;
	padding-left:12px;
	}