@charset "Shift_JIS";
@import url(mc.css);
*{ 
  padding:0;
  margin:0;
/*   border:1px solid #000 !important;    */
/*debug用枠線 */
}

li{ 
  list-style:none;
}
/* 見出し部分の設定。MarzやMarbleなどに使う */
h1,h2
{
  font-size:180%;/*(デフォルトのフォントサイズ*75%)を100%にしていることに注意  */
  font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-weight:normal;
  color:#490014;
/* 以下三行は下線の設定 */
  border-style:dashed;
  border-color:#CCC;
  border-width: 0px 0px 1px 0px;
 }
td,th,th.time{ 
  width:30%;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  font-weight:normal;
 }
p.timetable{margin-bottom:1em;}
 th{font-weight:bold;
font-size:120%;
}
td.end{background-color:#cc99ff;}
td.open{background-color:#ffdfc3;}
td.marza{  background-color:#cbffcc;}
td.mablea{   background-color:#fff2ba;}
td.motiona{   background-color:#cefcb2;}
td.time,th.time{ 
  width:10%;
  text-align:right;
 }
table{ 
  width:100%;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
 }
table p{ 
  padding:0;
  margin:0;
 }
h1{ 
  margin-bottom:1.0em;
 }
li.here
{ 
  color:#ccc;
}

img
{
  border:none;
  }/*画像の枠線を消去  */

div#maincontents h1
{ 
  clear:left;
 }
/*
ページ全体の基本的な設定。背景色や文字色及び余白
*/
body
{ 
 background-color:#D7F0ED;
} 
div#header h1
{ 
  border:none;
  color:#4b6f51;
 }
div#maincontents h1,h2
{
  color:#f8550f ;
 }
#skip /*ナビゲーション部分をスキップ  */
{ 
  display:none;
}

hr.bar/* つっかえ棒(←おい) */
{ 
  color:#FFF;
  background-color:#FFF;
  display:inline;  
  overflow:hidden;
  border-color:#FFF;
  border-style:none;
  clear:left;
   }
/*
 全体のハバと文字の見た目を定義
*/
div#box
{ 
  padding-top:20px;
  min-width:640px ;
  font-family:"ヒラギノ角ゴ Pro W3",   osaka, "ＭＳ Ｐゴシック", sans-serif;
  line-height:1.8;
  font-size:75% ;
  background-color:#fff ;
  border-style:solid;
  border-color:#999;
  border-width:  0px 1px 1px 1px ;
  }
/*俺様メモ
本来なら以下の2行でセンタリングがかかるが、
  margin-left:auto;
  margin-right:auto;
後方互換モードWinIE6はセンタリングかからない。なので以下の様にする。

div#box{ WinIE用コード }
body > div#box{ 汎用コード }

こうすることで、Geckoなど標準に準拠したブラウザに悪影響を与えずに、
WinIE依存のコードを書くことができる。からくりは簡単でWinIEは
子供セレクタ(body > divのようなの)を読み込まないから。
*/
div#box{ 
  width:80%;
  margin-left:10%;
 }
body > div#box{ 
  width:70%;
  margin-left:auto;
 margin-right:auto;
 }
/* 
白抜き部分のハバと背景色を指定。ちなみに100%は親要素に対しての要素
 */
#mainblock
{ 
  clear:left; 
  width:100%;
/*  background-color:#FFF; */
 }

#maincontents
{
  clear:left; 
  /*  background-color:#FFF;*/
  padding-top:2%;/* IEだと2%それ以外だと5%  fxxk IE */
  margin-left:5%;/* 白抜き部分の余白 */
  margin-right:5%;/* 白抜き部分の余白 */
  padding-bottom:1em;/* 白抜き部分の余白 */
}
div#maincontents a:hover{ 
color: #FF4500 ;

 }
div#maincontents a:visited{ 
  color: #6600cc;}
h2#news
{ 
  margin-top:2em;
  font-size:120%;
}
/* aboutページの設定 */
h2.about
{ 
  margin-bottom:1.0em;
  margin-top:1.0em;
}
a.tel{ 
text-decoration:none;
color:inherit;
 }
p.about
{ 
  padding-bottom:1.5em;
}
/* アーティストページの設定 */
h2.artist
{ 
  color:#f8550f ;
  font-size:180%;
  border-style: dashed;
  border-color: #ccc;
  border-width: 0px 0px 1px 0px;
  margin-bottom:1.3em;
}
ul.artist li
{ 
  display:inline;
 }
/* FEATUREページの設定 */
h2.feature
{ 
  margin-bottom:1.0em;
  margin-top:1.0em;
}
img.featnaked{ 
  float:right;
  padding:0.2em;
 }
h2.feature span
{ 
  font-family:"ヒラギノ角ゴ Pro W3",   osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-weight:bold;
 }

/* チケットページの設定 */
ul.ticket li
{ 
  list-style-type:disc;
  margin-left:2.0em;
}
ul.ticket li strong
{ 
  color:#f8550f ;
  font-weight:normal;
 }
h1.thanks
{ 
  font-family:"ヒラギノ角ゴ Pro W3",   osaka, "ＭＳ Ｐゴシック", sans-serif;
}
p.thanks
{ 
  margin-bottom:1.5em;
}
li#enquet label
{ 
  display:inline;
}
ul.ticketform label
{ 
  display:block;
}
h2.ticket
{ 
  font-size:140%;
  margin-bottom:1.0em;
  margin-top:1.0em;
}
h3.ticket
{ 
  color:#f8550f;
  font-family:"ヒラギノ角ゴ Pro W3",osaka, "ＭＳ Ｐゴシック", sans-serif;
  border-style:dashed;
  border-color: #ccc;
  border-width: 0px 0px 1px 0px;
  margin-top:1.0em;
  font-weight:normal;
}

/* div.image-wrapper
   image-wrapperは画像を左、文章を右というレイアウトを実現したい部分に使用。
   img要素だけが浮動要素になっている。あと、img要素には必ずハバを指定してね♪

   使い方は以下の要領。
   <div class="image-wrapper">
   <img src="hogehoge" width="xx" height="xx" alt="hogehoge" />
   <h3>piyopiyo</h3>
   <p>fugaf fuga fuga akjf;kaljiaoj l;kalkarwena </p>
   <br class="clearleft">

   <img src="hogehoge" width="xx" height="xx" alt="hogehoge" />
   <h3>piyopiyo</h3>
   <p>fugaf fuga fuga akjf;kaljiaoj l;kalkarwena </p>
   <br class="clearleft">

   ......

   </div>

 */

div.image-wrapper img
{ 
  float:left;
  display:block;
  margin: 1.2em 1.0em 1.0em 0;
}
div.image-wrapper h2{ 
  padding-top:1.0em;
  padding-bottom:0.5em;
  line-height:0.5;
 }
div.image-wrapper h3
{ 
  padding-top:1em;
  padding-bottom:0.3em;
  line-height:0.5;
  font-size:100% ;
}

div.image-wrapper br
{ 
  display:block;
}
}
div.image-wrapper .clearleft
{ 
  display:block;
  clear:left;
}
/* トップページの設定 */
h1.top
{ 
  margin-top:0.7em;
  margin-bottom:0.7em;
  border-width:  0px;

}
ul.top
{ 
  margin-top:1.0em;
 }
h1.top img
{ 
  
}
#title img{ 
  position:absolute;top:20px;

 }
 
/*ヘッダー部分 
*ヘッダーの部分です。基本的方針としては、
*anchor要素をブロック化
*list要素にfloat:left;を適用して横並びに
*anchor要素の内容はテキストにするが、普段は見えないようにする
*代わりとして背景にナビゲーション用の画像を使用する。
*ロールオーバー効果を出すために、anchor要素にマウスポインターが
*当たった時に背景画像をずらす。
*/
div#header
{ 
  min-width:640px ;
  background:  url(../pict_marzle/back.gif) 0 0 repeat-x; 
  background-color:#0faef8 ;
 }

div#header h1 img{ 
  vertical-align:bottom;/* Geckoでの表示調整 */
 }
h1#title a{ 
  text-decoration:none;
  color:#4b6f51;
 }
h1#title/* タイトルロゴ。いらない部分もあるけどテストがめんどいorz */
{ 
  border:none;
  padding:0;
  padding-top:5px; 
  margin-bottom:0;
  line-height:inherit;
/*     background: url(../pict_marzle/marzlelogo3.gif) 300px -3px no-repeat;  
  text-indent:70px; */
  }
 /*  使いたくはないけど、これがないとGeckoで表示がおか 
   *  しくなる
*/
div#header div{
  height:1px;
  clear:left;
  line-height:0.1;/* IE対策 */
   }
ul#navigation
{ 
  padding-bottom:0;
  width:100%;
  white-space:nowrap;  /* 別にいらない。テキストのみでナビゲーションを作る時に必要 */
  line-height:0.6;
}
ul#navigation li#logo
{ 
  margin-top:0;  
  float:right;
 }
ul#navigation li a
{
  color:#fff;
}
ul#navigation li a:hover
{ 
 color:#4b6f51;
 }

ul#navigation li
{
  font-family:"ヒラギノ角ゴ Pro W3",   "Bitstream Vera Sans", Verdana,  "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing:0.1em;
  float: left;/* 横に並べるため */
  padding:0;
  vertical-align:middle;
}
ul#navigation li a
{
  display:block;/* ブロック化。 */
  text-decoration: none;
   padding:0.5em 1em 1em 1em; 
}
ul#navigation li#logo a
{
  padding:0;
 }
br{   clear:left;  }
/* LIVE PHOTO */
ul.thumbnail{ 
  width:100%;
 }
ul.thumbnail h3{ 
  display:inline;
  font-size:80%;
  font-weight:normal;
 }
ul.thumbnail li{ 
  float:left;
  width:164px;
  margin:0.5em;
}
ul.thumbnail li a{ 
  display:block;
  border:2px solid #FFF;
 }
ul.thumbnail li a:hover{ 
  border:2px solid #ff7a49;
 }

h2.livephoto{ 
  clear:left;
 }
/* フッター部分 */
div.footer{ 
  margin-top:2em;
  padding-top:1em;
  padding-left:1em;
  font-size:90%;
  border-style:solid;
  border-color:#CCC;
  border-width: 1px 0px 0px 0px;
 }

/* こっからblog特有の設定*/
/*
リンク文字列に関する設定
*/

/*
ページトップにある操作ボタンの並ぶ行の設定
*/
div.adminmenu {
	text-align: right;
	font-size: 90%;
        display : none;
}

/*
ページトップにある操作ボタン自体の設定
*/
/* span.adminmenu {
	background-color: #ddf;
	color: #000;
	border-style: solid;
	border-color: #eef #aaf #aaa #eee;
	border-width: 1px;
	padding: 2px;
}
 */
/*
日記タイトルの設定
*/
 h1 
{
  color:#490014;
}

/*
カレンダーの設定
*/
div#mainbox
{ 
  background-color: #fff;
}
div#mainbox
{ 
  margin:0;
  padding:0;
}
div.calendar {
	background-color: #fff;
	color: #000;
	border-style: solid;
	border-color: #ddf;
	border-width: 2px;
	padding: 2px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
/*	line-height: 110%; */
	font-size: 90%;
}

div.calendar div.year {
}

/*
1日の日記全体を囲む枠の設定
*/
div.day 
{
  background-color:#FFF;
  border-width: 2px;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border:1px solid #aaf;
  width:100%;
/*   margin-left:2em;
  margin-right:2em;
 */}
div.day p{ 

 }
/*
タイトル行全体の設定
*/
div.day h2 
{
  margin: 0.1em 1em 0.1em 0.5em;
  font-size:130% !important;
}
/*
日付の設定
*/
h2 span.date 
{
  font-size: medium;
  margin-right: 0.5em;
}

/*
タイトルの設定
*/
h2 span.title 
{

}

/*
タイトルを除いた1日の日記本文全体の設定
*/
div.body
{
  color: #000;
  padding: 4px; 
  margin-left: 2em;
  margin-right: 1em;
 }
/*
サブタイトルを含むセクションの設定
*/
div.section
{

}

/*
サブタイトルの設定
*/
div.day h3 
{
  font-size: medium;
  font-weight: bold;
}

/*
その他の見出し(必要なら)
*/
h4 {
	margin: 2em;
	font-weight: bold;
	margin-bottom: 0em;
}
div.recentsubtitles img{ 
  display:none;
 }

/*
イメージアンカーの設定
ただしDefaultテーマではイメージアンカーは使っていないのでコメントにしてある
指定のコツは以下の通り
  - span.sanchorはセクションアンカー、span.canchorはツッコミアンカー
  - background-imageにアンカー画像を指定
  - paddingのtop(最初)とright(2番目)に画像の縦横サイズを指定
  - colorに背景色と同じ色を指定(文字を見えなくするため)
*/
/*
div.day span.sanchor {
	background-image: url(default_sanchor.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 16px 0px 0px;
	color: #fff;
	background-color: transparent;
	font-size: 1px;
}

div.day span.canchor {
	background-image: url(default_canchor.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 16px 0px 0px;
	color: #fff;
	background-color: transparent;
	font-size: 1px;
}
*/
p span.sanchor 
{
  display:none;
}
/*
日記の本文(段落)の設定
*/
div.section p 
{
  margin-top: 0.4em;
  margin-right: 1em;
  margin-bottom:0.6em;

   margin-left:0.2em;  
/*  line-height: 150%;*/
}

/*
ツッコミ/フォーム/リンク元のキャプション設定
*/
div.caption {
	font-size: 90%;
	border-style: solid;
	border-color: #aaf;
	border-width: 0px 0px 1px 0px;
	margin: 0.5em;
}

/*
ツッコミ欄全体の設定
*/
div.comment {
	background-color: #fff;
	color: #000;
/* 	border-style: solid;
	border-color: #aaf;
 	border-width: 1px; 
 */	padding: 2px;
	padding-bottom: 1px;
	margin-top: 0.5em;
	margin-left: 2em;
	margin-right: 1em;
}

/*
ツッコミ省略版本文
*/
div.commentshort {
	font-size: 90%;
	margin-left: 0.5em;
}
span.commentator {
	font-weight: bold;
}
div.commentshort p {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
/*	line-height: 120%;*/
}

/*
ツッコミ本体
*/
div.commentbody {
	font-size: 90%;
	margin: 0.5em;
/*	line-height: 120%;*/
}

/*
ツッコミした人の情報
*/
div.commentator {
/* 	border-style: solid;
	border-color: #aaf;
	border-width: 0px 0px 1px 0px;
/	line-height: 150%;*/
}

/*
ツッコミ本文
*/
div.commentbody p {
	margin: 0.5em;
	margin-left: 2em;
}

/*
フォーム全体を囲む枠の設定
*/
div.form {
	background-color: #fff;
	color: #000;
	/* border-style: solid;
	border-color: #aaf;
	border-width: 1px;
	 */padding: 2px;
	margin: 0.5em 1em 0.5em 2em;
}

/*
フォームの設定
*/
div.form form {
	margin: 0em 0em 0em 2em;
}

div.form form.comment {
	font-size: 90%;
}

div.field {
	display: inline;
	margin-right: 2em;
}
form.comment input {
	background-color: #fff;
	color: #000;
	margin-left: 1em;
/* kaigyou */
/*         display:block; */
}

div.textarea {
	display: block;
	vertical-align: top;
}
form.comment textarea {
	display: block;
	background-color: #fff;
	color: #000;
	margin-left: 3em;
	width: 30em;
	height: 5em;
}

div.button {
	display: block;
	margin-left: 3em;
}

/*
罫線の設定
*/
hr {
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: #ddf;
}

/*
日々の日記のセパレータに使われる罫線の設定
*/
hr.sep {
	display: none;
}

/*
フッタの設定
*/
div.footer 
{
  font-size: 90%;
  text-align: right;
  margin-left: 2%;
}
div.referer
{ 
  margin-top:1em;
  margin-right:1em;
  text-align:right;
}
/*
更新フォーム
*/
form.update {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
form.update input, form.update textarea, form.commentstat input {
	background-color: #fff;
	color: #000;
}


form.update span.field {
	display: inline;
	margin-left: 0em;
	margin-right: 0.5em;
}

form.update div.field.title {
	display: block;
	margin-top: 1em;
}
form.update div.field.title input {
	margin-left: 0.5em;
}

form.update div.textarea {
	display: block;
	margin-top: 1em;
}
form.update textarea {
	display: block;
	margin-left: 3em;
	margin-bottom: 1em;
	width: 30em;
	height: 15em;
}

form.update span.checkbox.hidediary {
	margin-left: 1em;
}

/*
ツッコミ状態変更フォーム
*/
div.comment form {
 	margin-top: 0em;
}

/*
エラーメッセージ表示の設定
*/
p.message {
	text-align: center;
	font-size: large;
	background-color: #d00;
	color: #fff;
	padding: 8px;
}

/* footnote */
div.body span.footnote {
	vertical-align: super;
	font-size: 70%;
}

div.footnote {
	font-size: 90%;
	border-style: solid;
	border-color: #ddf;
	border-width: 1px 0px 0px 0px;
	padding: 0em;
	margin-left: 6em;
}

p.footnote {
	margin: 0.5em;
	padding: 0em;
}

div.section, div.comment {
	clear: both;
}

/*
サイドバー関連
*/
div.main {
  margin-left: 15%;
  background-color: #fff;
  width:auto;
}

div.sidebar {
	background-color: #eef;
	color: #000;
	position: absolute;
	top: 2.6em;
	left: 2.6em;
	width: 15%;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #aaf;
	border-width: 0px 2px 2px 0px;
	padding-top: 0.5em;
}

div.sidebar p {
	line-height: 120%;
	text-align: center;
	border-style: solid;
	border-color: #aaf;
	border-width: 0px 0px 1px 0px;
	margin: 2px 4px 2px 4px;
}
div.sidebar ul{ 
  margin-left:2em;
}
div.conf, div.update
{ 
  background-color:#FFF;
 }

div.conf img
{
 display:none;
}
div#box div.adminmenu
{
 display:none;
}
div#maincontents div.adminmenu ,div.update div.adminmenu
{
  display:block!important;
}
div.conf
{
  margin-top:1em;
}
/*
shared style sheet for tDiary.
*/

/*
nyear
*/
h2 span.nyear {
	font-size: small;
}

/* 
calendar2 plugin
*/
table.calendar {
	font-size: 90%;
	line-height: 1.1em;
}
table.calendar td {
	margin: 0px;
	text-align: right;
	padding: 0px;
}
table.calendar td.calendar-prev-month, table.calendar td.calendar-current-month, table.calendar td.calendar-next-month {
	text-align: center;
}

/*
recent_list plugin
*/
p.recentitem {
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.recentsubtitles {
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 1em;
	margin-left: 1em;
}

/*
footnote plugin
*/
div.body span.footnote {
	vertical-align: super;
	font-size: 70%;
}
div.footnote {
	font-size: small;
}
p.footnote {
	margin: 0.5em;
	padding: 0em;
}

/*
quoted source
*/
p.source{
	margin-right: 1.5em;
	text-align: right;
	font-size:90%;
	font-style: italic;
}

/*
amazon plugin
*/
img.left {
	float: left;
	margin: 0.5em;
}

img.right {
	float: right;
	margin: 0.5em;
}

div.section, div.comment {
	clear: both;
}

/*
image plugin
*/
img.photo {
	float: right;
	margin: 0.5em;
}

/*
calendar3 plugin
*/
.calendar-popup {
	display: none;
	text-align: left;
	position: absolute;
	padding: 0 1ex 0 1ex;
	background-color: #fff;
	color: #000;
	border-style: solid;
	border-width: 1px;
}

.calendar-sunday {
	color: #f00;
}

.calendar-saturday {
	color: #00f;
}

.calendar-weekday {
	color: #000;
}

.calendar-normal {
}

.calendar-day {
}

.calendar-todo {
	border-style: solid;
	border-color: #f00;
	border-width: 1px;
}
/*
highlight plugin
*/
.highlight {
	color: #000;
	background: #ffff66;
}
.code,.resuld{ 
  display:block;
  padding:0.5em;
  margin-top:0.5em;
  margin-bottom:0.5em;
  border:1px solid #ccc;
 }