@charset "UTF-8";

/* 基本設定
---------------------------------------------------- */
* {
 margin: 0;
 padding: 0;
 }

/* htmlとbodyタグの設定：サイト全体の設定です */
html, body {
 text-align:left;
 margin: 0;
 padding: 0;
 color: #222;
 height:100%;
 font-size: 12px;
 background : url(../images/body_background.gif) repeat-y;
 background-position:center;
 }

/* pタグの設定：サイト内全体の段落の設定に適用されます */
p {
 font-size: 12px;
 line-height: 1.6em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 margin:5px 0 5px 0;
 padding:0;
 }

/* aタグの設定：サイト内全体のリンク表示に適用されます */
a {
 color: #055;
 }

/* a:hoverタグの設定：サイト内全体のリンク、オンマウス時の色に適用されます */
a:hover {
 color: #F00;
 }

/* divタグの設定：サイト内全体のdiv要素に適用されます */
div {
 display:block;
 font-size: 1em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: normal;
 margin:0;
 padding:0;
 }

/* ol, ulタグの設定：サイト内全体のリスト表示に適用されます */
ol,ul {
 margin-top:5px;
 margin-left:2em;
 margin-right:20px;
 margin-bottom:10px;
 }
 
/* liタグの設定：サイト内全体のリスト表示内、各項目に適用されます */
li {
 margin-bottom:5px;
 line-height:1.2em;
 }

/* hタグの包括設定：サイト内全体のhタグ全てに適用されます */
h1, h2, h3, h4, h5, h6 {
 margin:0;
 padding:0;
 }

/* blockquoteタグの設定：サイト内全体のインデント表示に適用されます */
blockquote {
 text-align:left;
 margin-right:10px;
 margin-left:10px;
 margin-bottom:10px;
 display:block;
 padding:0 5px 0 5px;
 background:#EEE;
 border:#aaa 1px dotted;
 }
 

/* imgタグの設定：サイト内全体の画像要素に適用されます
   画像にリンク指定をしてもボーダーラインが出ないようにするためのものです */
img {
 border:0;
 }
 
/* class=clrの設定：divのfloat要素をクリアするための定義です。
   この定義を消さないようにしてください */
.clr {
 clear:both;
 }
 
/* divのfloat要素をクリアするための定義です。
   この定義を消さないようにしてください */
.pkg:after {
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 }

* html .pkg {
 display: inline-block;
 }

/* no ie mac \*/
* html .pkg {
 height: 1%;
 }

.pkg {
 display: block;
 }
/* */

 
 /* 見出しの設定（包括定義）
---------------------------------------------------- */



 /* 包括レイアウト
---------------------------------------------------- */

/* コンテンツ全体のdiv */
#container {
 width:800px; /* 横幅の指定 */
 margin: 0 auto; /* 常にセンター寄せにします */
 background: none; /* コンテンツ全体の背景色 */
 padding:0;
 }

/* pagebody：コンテンツ部（メインメニュー以下）の指定 */ 
#pagebody {
 clear:both;
 }

/* pagebody：内枠の指定 */
#pagebody-inner {
 padding:0px;
 }


 /* banner部の設定
---------------------------------------------------- */
#banner {
 background : #cccccc url(../images/header_background.gif); /* ヘッダの背景 */
 height:91px; /* バナーの高さ */
 }
 
/* banner：バナー部内コンテンツ（内枠）の指定 */
#banner-inner {
 margin:0 auto; /* パディングの指定。上・右・下・左の順番 */
 padding-top:1px;
 width:800px;
 }
 
/* banner：バナー部内、ヘッダ（サイト名）の指定 */
#banner-header {
 color:#FFF;
 font-size:24px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 text-shadow: #000 2px 2px 2px;
 text-align:left;
 line-height:1.5em;
 background:none;
 padding-left:0;
 border:none;
 margin-top:10px;
 }

/* banner：バナー部内、ヘッダ（サイト名）のリンク時の指定 */
#banner-header a {
 color:#FFFFFF;
 text-decoration:none;
 }

/* banner：バナー部内、ヘッダ（サイト名）のリンク時マウスオーバーの指定 */
#banner-header a:hover {
 background:none;
 }
 
/* .banner：バナー部内、サイトの説明 */
#banner-description {
 color:#FFFFFF;
 font-size:14px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 text-shadow: #000 2px 2px 2px;
 text-align:left;
 background:none;
 padding-left:0;
 border:none;
 }


 /* メインメニューの設定
---------------------------------------------------- */

/* mainmenu：divの設定 */
#mainmenu {
 border-top:#333 solid 1px;
 border-bottom:#111 solid 1px;
 background : url(../images/menu_background.gif) repeat-x;
 }
 
/* mainmenu：リストの設定 */
#mainmenu ul {
 list-style-type:none;
 padding: 0;
 margin: 0 auto;
 width:800px;
 }
 
/* mainmenu：リスト内各項目の設定 */
#mainmenu li {
 float:left;
 padding: 0;
 margin: 0;
 }
 
/* mainmenu：リスト内各項目のリンク設定 */
#mainmenu a {
 display:block;
 text-decoration:none;
 padding:6px 10px;
 color: #FFF;
 border-right:#333 solid 1px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size : 12px;
 font-weight : bold;
 text-shadow: #000 0.2em 0.2em 0.2em;
 line-height:1.6em;
}

/* mainmenu：リスト内各項目のリンク、マウスオーバー時の設定 */
#mainmenu a:hover {
 background: #000;
 color: #FFF;
 text-shadow: #000 0.2em 0.2em 0.2em;
}

/* mainmenu：リスト内各項目のリンク、カレント位置の設定 */
#mainmenu li.here {
 background: #000;
 color: #FFF;
 text-shadow: #000 0.2em 0.2em 0.2em;
}

.mainmenu_home {
 border-left:#333 solid 1px;
 }

 /* メインイメージの設定
---------------------------------------------------- */

#mainimage-whole {
 clear:both;
 }

#mainimage {
 background : black;
 width:800px;
 height:200px;
 text-align:left;
 margin:0 auto;
 }

/* メインイメージ内のキャッチコピー部分です。
   必要のない場合はdisplay:none;を入れて消す事ができます */
#mainimage_inner {
 color:#FFF;
 width:250px;
 margin:0 0 0 0;
 padding:10px;
 background:none;
 }
 
#mainimage h2 {
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size : 20px;
 font-weight : bold;
 text-shadow: #000 2px 2px 2px;
 line-height:1.6em;
 }
 
#mainimage p {
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size : 12px;
 font-weight : bold;
 text-shadow: #000 2px 2px 2px;
 line-height:1.6em;
 }

 /* alphaペイン（左ペイン）の設定
---------------------------------------------------- */

/* alphaペイン外枠divの指定 */
#alpha {
 width:590px;
 float:left;
 }


/* alphaペイン内枠divの指定
   マージンやパディングは基本的に内枠で行ってください。
   外枠の数値を変えるとレイアウトが崩れる場合があります */
#alpha-inner {
 margin:0px 10px 10px 0;
 border:#AAA solid 1px;
 background:#EEE;
 }

/* alphaペイン：段落内のリンク、マウスオーバー時の指定 */
#alpha p a:hover {
 color: #F30;
}

/* .h2タグの指定：各ページ名に使われる定義です */
#alpha h2 {
 border: none; /* ボーダーライン */
 margin:0; /* マージンの指定 */
 padding:6px; /* パディングの指定 */
 padding-left:10px; /* 左パディングの指定 */
 height:25px;
 font-size: 14px; /* テキストサイズの指定 */
 line-height: 0.9em; /* 行間の指定 */
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; /* フォントの指定 */
 font-weight: bold; /* テキストの太さの指定 */
 color:#111; /* テキストの色指定 */
 text-shadow: #FFF 2px 2px 2px; /* テキストのドロップシャドウの指定（Safariのみ対応） */
 text-align:left; /* テキストの行揃えの指定。left=左, center=中央, right=右 */
 background : url(../images/h2_background.gif) repeat-x; /* 背景色と画像の指定 */
 }

/* alphaペイン：h3タグの指定 */
#alpha h3 {
 margin-top: 1em;
 margin-bottom:0;
 padding:6px;
 font-size:14px;
 line-height: 1em;
 height: 14px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#222;
 text-shadow: #aaa 2px 2px 2px;
 text-align:left;
 background : url(../images/alphah3_background.gif) repeat-x;
 border:#999 solid 1px;
 clear:both;
 }

/* alphaペイン：h3タグにリンク指定された場合の指定 */
#alpha h3 a {
 display:block;
 color:#222;
 }

/* alphaペイン：h4タグの指定 */
#alpha h4 {
 border-left: #FF6600 solid 6px;
 border-bottom:#CCCCCC solid 1px;
 margin-top : 8px;
 margin-bottom:3px;
 padding:5px;
 font-size:12px;
 line-height: 120%;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#000;
 text-shadow: #999 2px 2px 2px;
 text-align:left;
 display:block;
 clear:both;
 }

/* alphaペイン：h4タグにリンク指定された場合の指定 */
#alpha h4 a {
 display:element;
 }

/* alphaペイン：h5とh6タグの指定 */
#alpha h5, h6 {
 margin-top : 5px;
 margin-bottom:5px;
 padding:0;
 font-size:12px;
 line-height: 1.6em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#000;
 text-align:left;
 display:block;
 }

#alpha h6 {
}

.entry {
 margin:5px;
 }

 /* alpha2ペイン（左ペイン）の設定 -右側にメニューがない場合
---------------------------------------------------- */

/* alphaペイン外枠divの指定 */
#alpha2 {
 width:800px;
 float:left;
 }


/* alphaペイン内枠divの指定
   マージンやパディングは基本的に内枠で行ってください。
   外枠の数値を変えるとレイアウトが崩れる場合があります */
#alpha2-inner {
 margin:0px 10px 10px 0;
 padding:0 210px 0 0;
 border:#AAA solid 1px;
 background:#EEE url(../images/benten_01.jpg) repeat-y right;
 }

/* alphaペイン：段落内のリンク、マウスオーバー時の指定 */
#alpha2 p a:hover {
 color: #F30;
}

/* .h2タグの指定：各ページ名に使われる定義です */
#alpha2 h2 {
 border: none; /* ボーダーライン */
 margin:0; /* マージンの指定 */
 padding:6px; /* パディングの指定 */
 padding-left:10px; /* 左パディングの指定 */
 height:25px;
 font-size: 14px; /* テキストサイズの指定 */
 line-height: 0.9em; /* 行間の指定 */
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; /* フォントの指定 */
 font-weight: bold; /* テキストの太さの指定 */
 color:#111; /* テキストの色指定 */
 text-shadow: #FFF 2px 2px 2px; /* テキストのドロップシャドウの指定（Safariのみ対応） */
 text-align:left; /* テキストの行揃えの指定。left=左, center=中央, right=右 */
 background : url(../images/h2_background.gif) repeat-x; /* 背景色と画像の指定 */
 }

/* alphaペイン：h3タグの指定 */
#alpha2 h3 {
 margin-top: 1em;
 margin-bottom:0;
 padding:6px;
 font-size:14px;
 line-height: 0.9em;
 height: 14px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#222;
 text-shadow: #aaa 2px 2px 2px;
 text-align:left;
 background : url(../images/alphah3_background.gif) repeat-x;
 border:#999 solid 1px;
 clear:both;
 }

/* alphaペイン：h3タグにリンク指定された場合の指定 */
#alpha2 h3 a {
 display:block;
 color:#222;
 }

/* alphaペイン：h4タグの指定 */
#alpha2 h4 {
 border-left: #FF6600 solid 6px;
 border-bottom:#CCCCCC solid 1px;
 margin-top : 8px;
 margin-bottom:3px;
 padding:5px;
 font-size:12px;
 line-height: 1em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#000;
 text-shadow: #999 2px 2px 2px;
 text-align:left;
 display:block;
 clear:both;
 }

/* alphaペイン：h4タグにリンク指定された場合の指定 */
#alpha2 h4 a {
 display:block;
 }

/* alphaペイン：h5とh6タグの指定 */
#alpha h5, h6 {
 margin-top : 8px;
 margin-bottom:5px;
 padding:0;
 font-size:12px;
 line-height: 1.6em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#000;
 text-align:left;
 display:block;
 }

#alpha2 h6 {
}

.entry {
 margin:5px;
 }

 /* betaペイン（右ペイン）の設定
---------------------------------------------------- */

/* betaペイン：外枠の指定 */
#beta {
 width:210px;
 float:left;
 }

/* betaペイン内枠divの指定
   マージンやパディングは基本的に内枠で行ってください。
   外枠の数値を変えるとレイアウトが崩れる場合があります */
#beta-inner {
 margin:0px 0 10px 0;
 background:#dbdbdb;
 padding:0;
 border:#999 solid 1px;
 color:#111;
 }
 
#beta-inner a {
 color: #064;
 }
 
#beta-inner a:hover {
 color: #F80;
 }

/* betaペイン：h2タグの指定 */
#beta h2 {
 margin : 0;
 padding:6px;
 height:25px;
 font-size:12px;
 line-height: 1em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#FFF;
 text-shadow: #000 2px 2px 2px;
 text-align:center;
 background : url(../images/module_background.gif) repeat-x;
 }
 
#beta h2 a {
 color:#FFF;
 }


 /* module（右ペイン内の各エリア）の設定
---------------------------------------------------- */

/* module：外枠の指定 */
.module {
 margin:0;
 }
 
/* module：内枠の指定 */
.module-content {
 margin:0;
 padding:0 5px 5px 5px;
 line-height:1.5em;
 }

/* module：モジュール内のリスト表示 */
.module-list {
 margin:0;
 padding:0;
 }

.module-list-item {
 margin:0;
 display:block;
}

.module-list ul {
 padding:5px;
 }
 
.module-list li {
 list-style:none;
 float:none;
 margin:0;
 padding:4px;
 }

.module-list li a {
 list-style:none;
 }
 
/* module：バナーエリア内のイメージをセンタリングします */
.module-banner {
 text-align:center;
 }
 
.module-banner img {
 margin:3px;
 }


.module-recentcomment ul {
 margin-left:0;
 }
  
.module-recentcomment li {
 list-style:none;
 }


 /* footerの設定
---------------------------------------------------- */
#footer {
 clear:both; /* フッタより上のボックスをクリアします。消さないでください */
 margin:0;
 line-height:2.4em;
 font-size: 12px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#000;
 text-shadow: #FFF 2px 2px 2px;
 text-align:center;
 background : url(../images/footer_background.gif) repeat-x;
 border-top:#222 solid 1px;
}

#footer-inner {
 padding:10px;
 }


 /* 特定商取引やプライバシーポリシーページ用の設定
---------------------------------------------------- */

/* SmallWindow：ページ内の枠線の指定 */
.SmallWindow {
 background:#FFF;
 border:1px #BBB solid;
 margin:5px 0;
 padding:1px;
 width:auto;
 }

/* SmallWindow：段落の指定 */
.SmallWindow p {
 margin: 1px 1px 3px 1px;
 padding: 3px;
}

/* SmallWindow：同div内のヘッダーの指定 */
.SmallWindow_Header {
 background:#DDD;
 border:#BBB solid;
 border-width: 1px 1px 0 1px;
 width:auto;
 height:20px;
 text-align:center;
 color: #333;
 text-shadow: #000 0.2em 0.2em 0.2em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 font-size:120%;
 line-height: 100%;
 padding:8px 0px 0px 0px;
 margin:0;
 }

/* SmallWindow：同div内のサブタイトルの指定 */
.SmallWindow_subtitle {
 background:#333333;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 font-size:13px;
 line-height: 1.5em;
 color:#FFFFFF;
 text-align:center;
 padding:5px;
 margin:1px;
 margin-bottom:3px;
 }

/* SmallWindow：同div内、タイトル段落の指定 */
.SmallWindow_Title {
 margin:0;
 padding:1px 0 1px 5px;
 color:#000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:bold;
 background: #EEEEBB;
 border-left: #999900 solid 6px;
 }

/* SmallWindow：同div内、通常段落の指定 */
.SmallWindow_Normal {
 padding:0 0 0 15px;
 color:#000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:normal;
 }

/* SmallWindow：同div内、通常段落の指定2 */
.SmallWindow_Normal2 {
 padding:0 0 0 15px;
 color:#000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:normal;
 border-top:#BBB solid 1px;
 }

/* SmallWindow：同div内、エラー表示の指定 */
.SmallWindow_Error {
 color:#CC0000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:bold;
 }


 /* MT用の設定
---------------------------------------------------- */

/* 検索結果の定義 */
.search-results-header h3 {
 border:none;
 }

/* タグ表示の定義 */
.entry-tags {
 margin:0 !important;
 padding:4px;
 clear:both;
 background : #333333 url(../images/tag_background.gif);
 display:block;
 }
 
.entry-tags a {
 color:#FFF;
 }
 
.entry-tags-header {
 font-size:11px;
 color:#FFF;
 line-height:1em;
 float:left;
 display:block;
 margin:0 !important;
 }

.entry-tags li {
 font-size:11px;
 float:left;
 list-style:none;
 display:block;
 margin:0 5px;
 line-height:1em;
 }

.entry-tags-list {
 margin:0;
 }

.entry-tag {
 margin:0;
 }

/* タグ表示の定義 - ここまで */

.entry-body {
 margin: 5px;
 }

/* エントリー内の画像の指定 */ 
.entry-body img {
 margin:3px;
 }

/* エントリー内のフッターの指定 */
.entry-footer {
 clear:both;
 border-top:#CCC solid 1px;

 }

.comment-footer {
 float:left;
 margin:5px;
 }
 
.comment-footer-experimental {
 float:left;
 margin:5px;
 }
/* エントリー内のフッターの指定 - ここまで */

/* コメント欄の指定 */
.comments-open {
 clear:both;
 }
 
/* アーカイブページのタイトルの指定 */
#archive-title {
 background:none;
 border:none;
 color:#333;
 text-align:center;
 text-shadow: #aaa 2px 2px 2px;
 margin:0 0 5px 0;
 padding:0;
 }
 
.trackbacks {
 margin:5px;
 }

.comment {
 clear:both;
 }
 
.comment-header {
 background : url(../images/nav_background.gif);
 border:#CCC solid 1px;
 line-height:1em;
 margin-top:5px;
 padding:3px;
 }

.comments-content {
 margin:5px;
 }
 
.comments-open-content {
 margin:5px;
 }
 
.content-nav {
 text-align:center;
 background : url(../images/nav_background.gif);
 border:#999 solid 1px;
 padding:2px;
 }
 
.comment-content {
 border-bottom:#999 solid 1px;
 }
 
.pagebody-spacer {
 text-align:center;
 }


/* フッタが常に下部に固定表示されるための設定 */
 .wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 4em; /* .push must be the same height as .footer */
}

/* 新着情報の日付用 */
#news h4 {
 border-left: #0090ff solid 6px;
 border-bottom:#CCCCCC solid 1px;
 margin-top : 0px;
 margin-bottom:1px;
 padding:0px 5px;
 font-size:12px;
 line-height: 120%;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#000;
 text-shadow: #999 2px 2px 2px;
 text-align:left;
 display:block;
 clear:both;
 }

/* ol, ulタグの設定：サイト内全体のリスト表示に適用されます */
#news ol,ul {
 margin-top:3px;
 margin-left:2em;
 margin-right:20px;
 margin-bottom:4px;
 }
 
/* liタグの設定：サイト内全体のリスト表示内、各項目に適用されます */
#news li {
 margin-bottom:3px;
 line-height:1.2em;
 }



/*--------------------------------------------------------*/
/* 文章内強調のテンプレート */
.bold {
 font-weight: bold;
 }
.large {
 font-size: large;
 line-height: 130%;
 }
.small {
 font-size: x-small;
 }
.orange {
 color: #ff9000;
 }
.red {
 color: #ff3366;
 }
.blue {
 color: #5080ff;
 }
.green {
 color: #10b030;
 }



.music_list {
 padding-left: 2em;
 }


.z_comment {
 margin:0;
 border: #666699 solid 1px;
 padding: 5px;
 background: #eee;
 }

.z_comment_footer {
 font-size: x-small;
 color: #eee;
 background:#666699;
 text-align:right;
 margin:0;
 padding:0 5px 0 0;
 }


/*--------------------------------------------------------*/
/* float内上下センタリング */

    div.centering p {  
        display: table-cell;  
        vertical-align: middle;  
        margin: 0;  
    }  
       
    /*for IE6 */  
    * html .centering p {  
        display: inline;  
        zoom: 1;  
    }  
       
    /*for IE7 */  
    *:first-child+html .centering p {  
        display: inline;  
        zoom: 1;  
    }