body { 
text-align:center;
line-height:1.5;
margin:0;
padding:0;
background-color:#ffffff;          /* 外側背景色 */
} 
#outline { 
background-color:#ffffff;          /* サイト背景色 */
}

/************* ▼ サイトの幅 ▼ */
#outline { 
width:1200px;            /* 全体 */
margin:0 auto; 
}
#center { 
width:640px;             /* 中央 */
float:right; 
} 
#left { 
width:230px;             /* 左 */
float:left; 
} 
#right { 
width:320px;             /* 右 */
float:right; 
} 
#center-left {       /* 計算して設定してください ------ */
width:875px;         /* (全体-左-中央-右)/2 + 左 + 中央 */
float:left; 
} 
/************ ▲ サイトの幅 ▲ */

/************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#4169E1; text-decoration:none;}      /* 通常 */
a:active  {color:#4169E1; text-decoration:none;}      /*実行中*/
a:visited {color:#4169E1; text-decoration:none;}      /*訪問済*/
a:hover   {color:#0000CD; text-decoration:underline;} /*マウス*/
/************* ▲ リンクの色と下線の有無 ▲ */

/************** ▼ ヘッダー ▼ */
#header_outline {
border:2px solid #ffffff;                     /* 外枠の色     */
margin-bottom:5px;                            /* ヘッダ下間隔 */
}
#header_body { 
background-color:#ffffff;                     /* 背景色       */
border:1px solid #ffffff;                     /* 内枠の色     */
} 
/************** ▲ ヘッダー ▲ */

/************** ▼ ブログタイトル ▼ */
h1 { 
font-size:16pt;                                 /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
margin:10px 30px; 
}
                              /* ▽文字色とリンクの下線有無▽ */
h1 a:link    { color:#000000; text-decoration:none; } /* 通常 */
h1 a:active  { color:#000000; text-decoration:none; } /*実行中*/
h1 a:visited { color:#000000; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#0000ff; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
/************** ▲ ブログタイトル ▲ */

/************** ▼ サイト紹介文 ▼ */
.intro { 
font-size:10pt;                                 /* 文字サイズ */
color:#000000;                                  /* 文字色     */
text-align:left;                                /* 左寄せ     */
margin:5px 30px 10px;
}
/************** ▲ サイト紹介文 ▲ */

/************** ▼ 記事 ▼ */
.ently_outline { 
border:#e0e0e0 2px solid;               /* 外枠の色/太さ/実線 */
background-color:#FFFFFF;               /* 背景色             */
margin-bottom:20px;                     /* 次の記事までの間隔 */
} 
.ently_title { 
font-size:10pt;                    /* 文字サイズ(記事タイトル)*/
background-color:#f0f0f0;          /* 背景色    (記事タイトル)*/
border:#666666 1px solid;          /* 枠        (記事タイトル)*/
text-align:left;                   /* 左寄せ    (記事タイトル)*/
padding:5px 20px;
margin:0;
} 
                              /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#555555; text-decoration:none; } /* 通常 */
h2 a:active  { color:#555555; text-decoration:none; } /*実行中*/
h2 a:visited { color:#555555; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#0000ff; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
.ently_body { 
font-size:10pt;                       /* 文字サイズ(記事本文) */
color:#000000;                        /* 文字色    (記事本文) */
border-top:   #e0e0e0 1px solid;      /* 枠(上)    (記事本文) */
border-left:  #666666 1px solid;      /* 枠(左)    (記事本文) */
border-right: #666666 1px solid;      /* 枠(右)    (記事本文) */
border-bottom:#666666 1px solid;      /* 枠(下)    (記事本文) */
} 
.ently_text {
text-align:left;                      /* 左寄せ    (記事本文) */
margin:10px 20px; 
margin-bottom:20px; /* 記事末尾の間隔調整 */
}
.ently_navi { 
text-align:right;                     /* 右寄せ(時刻・CM・TB) */
color:#555555;                        /* 文字色(時刻・CM・TB) */
margin:0px 10px 3px; 
} 
/*************** ▲ 記事 ▲ */

/************** ▼ 左側メニュー(プラグイン１) ▼ */
.plugin1_outline { 
border-top:   #e0e0e0 2px solid;                /* 個別枠(上) */
border-right: #e0e0e0 2px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 2px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 2px solid;                /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
} 
.plugin1_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
border: #666666 1px solid;            /* 枠        (タイトル) */
padding:2px 15px; 
} 
.plugin1_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 1px solid;          /* 枠(上)    (本体) */
border-left : #666666 1px solid;          /* 枠(左)    (本体) */
border-right: #666666 1px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 1px solid;          /* 枠(下)    (本体) */
padding:5px 5px 5px 5px; 
line-height:1.2;
}
/* プラグイン1説明（上部） */
.p1u_description {
margin-bottom:7px;
}
/* プラグイン1説明（下部） */
.p1d_description {
margin-top:7px;
}
/************* ▲ 左側メニュー(プラグイン１) ▲ */

/************* ▼ 右側メニュー(プラグイン２) ▼ */
.plugin2_outline { 
border-top:   #e0e0e0 2px solid;                /* 個別枠(上) */
border-right: #e0e0e0 2px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 2px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 2px solid;                /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
} 
.plugin2_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
border: #666666 1px solid;            /* 枠        (タイトル) */
padding:2px 15px; 
} 
.plugin2_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 1px solid;          /* 枠(上)    (本体) */
border-left:  #666666 1px solid;          /* 枠(左)    (本体) */
border-right: #666666 1px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 1px solid;          /* 枠(下)    (本体) */
padding:5px 5px 5px 5px; 
line-height:1.2;
}
/* プラグイン2説明（上部） */
.p2u_description {
margin-bottom:7px;
}
/* プラグイン2説明（下部） */
.p2d_description {
margin-top:7px;
}
/************ ▲ 右側メニュー(プラグイン２) ▲ */

/************ ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline { 
border-top:   #e0e0e0 2px solid;                /* 個別枠(上) */
border-right: #e0e0e0 2px solid;                /* 個別枠(右) */
border-bottom:#e0e0e0 2px solid;                /* 個別枠(下) */
border-left:  #e0e0e0 2px solid;                /* 個別枠(左) */
margin-bottom:0px;
} 
.plugin3_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
border: #666666 1px solid;            /* 枠        (タイトル) */
padding:3px 20px; 
} 
.plugin3_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-top:   #e0e0e0 1px solid;          /* 枠(上)    (本体) */
border-left:  #666666 1px solid;          /* 枠(左)    (本体) */
border-right: #666666 1px solid;          /* 枠(右)    (本体) */
border-bottom:#666666 1px solid;          /* 枠(下)    (本体) */
padding:5px 10px; 
}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:3px;
margin-bottom:3px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************** ▲ 上部メニュー(プラグイン３) ▲ */

/*************** ▼ コメント ▼ */
.comment_outoutline { 
border:#e0e0e0 1px solid;           /* 外枠の/色太さ/実線     */
} 
.comment_outline { 
border:#e0e0e0 1px solid;           /* 外枠の/色太さ/実線     */
background-color:#FFFFFF;           /* 背景色                 */
text-align:left;                    /* 左寄せ                 */
margin-bottom:0px;                 /* 次のコメントまでの間隔 */
} 
.comment_title { 
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#666666 1px solid;             /* 枠        (タイトル) */
padding:2px 20px; 
} 
.comment_body { 
font-size:10pt;                   /* 文字サイズ(コメント本文) */
color:#000000;                    /* 文字色    (コメント本文) */
border-top:   #e0e0e0 1px solid;  /* 枠(上)    (コメント本文) */
border-left:  #666666 1px solid;  /* 枠(上)    (コメント本文) */
border-right: #666666 1px solid;  /* 枠(上)    (コメント本文) */
border-bottom:#e0e0e0 1px solid;  /* 枠(上)    (コメント本文) */
} 
.comment_text { 
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px 0px;
}
.comment_navi { 
color:#555555;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
}
/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
/*********** ▲ コメント ▲ */

/************** ▼ トラックバック ▼ */
.trackback_outline { 
border:#e0e0e0 2px solid;             /* 外枠の/色太さ/実線   */
background-color:#FFFFFF;             /* 背景色               */
margin-bottom:20px; 
} 
.trackback_block_title { 
font-size:10pt;                 /*文字サイズ(ブロックタイトル)*/
color:#555555;                  /*文字色    (ブロックタイトル)*/
font-weight:bold;               /*太字      (ブロックタイトル)*/
background-color:#f0f0f0;       /*背景色    (ブロックタイトル)*/
text-align:left;                /*左寄せ    (ブロックタイトル)*/
border:#666666 1px solid;       /*枠        (ブロックタイトル)*/
padding:5px 20px; 
} 
.trackback_block_body { 
font-size:10pt;                   /* 文字サイズ(ブロック本文) */
color:#000000;                    /* 文字色    (ブロック本文) */
border-top:   #e0e0e0 1px solid;  /* 枠(上)    (ブロック本文) */
border-left:  #666666 1px solid;  /* 枠(左)    (ブロック本文) */
border-right: #666666 1px solid;  /* 枠(右)    (ブロック本文) */
border-bottom:#666666 1px solid;  /* 枠(下)    (ブロック本文) */
text-align:left; 
padding:10px 20px 0;
}
.trackback_title {
font-size:10pt;                   /* 文字サイズ(個別タイトル) */
color:#555555;                    /* 文字色    (個別タイトル) */
font-weight:bold;                 /* 太字      (個別タイトル) */
}
.trackback_body { 
font-size:10pt;                   /* 文字サイズ(個別本文)     */
color:#000000;                    /* 文字色    (個別本文)     */
margin-bottom:20px;
}
.trackback_navi {
border-top:#e0e0e0 1px solid;     /* 飾り線    (時刻・投稿者) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
} 
/************ ▲ トラックバック ▲ */

/************ ▼ カテゴリ・検索・月別ナビゲーション ▼ */
.various_outline { 
border-top:#e0e0e0 2px solid;      /* 外枠の色/太さ/実線 (上) */
margin-bottom:20px; 
} 
.various_title {
font-size:10pt;                       /* 文字サイズ(タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
background-color:#f0f0f0;             /* 背景色    (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:#666666 1px solid;             /* 枠        (タイトル) */
padding:5px 20px; 
margin:0; 
}
.various_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#000000;                            /* 文字色    (本体) */
background-color:#FFFFFF;                 /* 背景色    (本体) */
border-top:#e0e0e0 2px solid;             /* 飾り線(上)(本体) */
} 
.various_text {
text-align:left;                          /* 左寄せ    (本体) */
margin:10px 20px;
}
.various_navi { 
text-align:center;                        /* 中央寄せ  (矢印) */
margin:0px;
} 
/*********** ▲ カテゴリ・検索・月別ナビゲーション ▲ */

/***************** ▼ フッター ▼ */
#footer_outline {
border:2px solid #e0e0e0;                       /* 外枠の色   */
background-color:#f0f0f0;                       /* 背景色     */
}
#footer_body { 
font-size:9pt;                                  /* 文字サイズ */
color:#999999;                                  /* 文字色     */
border:1px solid #666666;                       /* 内枠の色   */
padding:5px; 
} 
                                              /* リンク       */
#footer_body a:link    { color:#999999; }     /* 通常         */
#footer_body a:active  { color:#999999; }     /* 実行中       */
#footer_body a:visited { color:#999999; }     /* 訪問済み     */
#footer_body a:hover   { color:#0000ff; }     /* オンマウス時 */
/******************* ▲ フッター ▲ */

/* カレンダー */
.calender td { text-align: center; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }

/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; } 
li { margin-left:20px; margin-bottom:3px; } 
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; } 
.readmore { margin-top: 10px; } 
.readclose { margin: 10px 0; } 
.page_navi { margin:30px 0; font-size:9pt; }

/* カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
} 

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 5px solid; /* 枠線(左) */
}

/* ブックマーク 拍手 */
.fc2_footer {
margin-top:20px; /* 上の余白 */
}

/* ▼ サイトマップ ▼ */
#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}

#sitemap ul.sitemap_list {
margin-left:30px; /* 各記事リストの左余白 */
}

.display_no {
display:none;
}

/* カテゴリ一覧へ戻る */
.pgtop {
text-align:right; /* 右寄せ */
}
/* ▲ サイトマップ ▲ */

/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }

/* プラグイン内の入力欄幅設定 */
.plugin1_body input[type="text"],
.plugin2_body input[type="text"],
.plugin1_body textarea,
.plugin2_body textarea {
width: 90%;
}

/* ▼ FC2バトンのスタイル ▼ */

/* 質問番号(Q) */
.q_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 質問本文 */
.baton_q {
margin-bottom:5px; /* 答えまでの余白 */
}

/* 答え番号(A) */
.a_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 答え本文 */
.baton_a {
margin-left: 0px;
padding-bottom:2px; /* 罫線までの余白 */
border-bottom: dotted 1px #cccccc; /* 罫線 */
margin-bottom: 20px; /* 次の質問までの余白 */
}

/* ▲ FC2バトンのスタイル ▲ */

/* ▼メニューバー▼ */
ul#menu_bar {
clear:both;
font-size: 95%; /* 文字サイズ */
height:50px; /* 高さ */
padding-left:0px;
margin-left:0px;
margin-top:10px; /* 上の間隔 */
margin-bottom:0px; /* 下の間隔 */
}

#menu_bar li {
list-style-type:none;
float:left;
width:12.4%; /* １つのメニューボタンの幅（％） */
line-height:40px; /* 高さ */
margin:0px;
padding:0px;
}

#menu_bar li a {
display:block;
text-align:center;
border:1px solid #333333; /* 枠*/
border-right:1px solid #333333; /* 区切り線 */
color:#222222; /* リンク文字の色 */
background-color:#eeeeee; /* メニューボタンの背景 */
text-decoration:none;
}

#menu_bar li a:hover{
color:#ffffff; /* マウスが乗ったときのリンク文字の色 */
border:1px solid #333333; /* 枠*/
background-color:#222222; /* マウスが乗ったときの背景色 */
text-decoration:none;
}

.menu_bar {
clear:both;
font-size: 95%;
}
/* ▲メニューバー▲ */

#wrapper {
float:left;
margin-bottom:10px;
margin-right:10px;
}
.title_right {
margin-top:0px; /* タイトル右スペースの上間隔 */
margin-left:70px; /* タイトル右スペースの左間隔 */
margin-bottom:5px; /* 下の間隔 */
}
table.best { font-size: 80%; }
table.best2 { font-size: 90%; }
table.small { font-size: 95%; }
td.small { font-size: 9px; }

h3 {
padding: 2px 0px 2px 10px;
font-size:105%;
border-bottom: 1px solid #CCC;
border-left: 3px solid #ffa500;
margin-bottom:20px;
padding-left:10px;
}
h4 {
padding: 2px 0px 2px 10px;
font-size:105%;
border-bottom: 1px solid #CCC;
border-left: 3px solid #66abf9;
margin-bottom:20px;
padding-left:10px;
}

.red_b {	color: red; font-weight: bold; }
.gai { border-bottom: double 2px red; }
.sotowaku {border:1px solid gray; padding-left: 3px;}}

ol.breadcrumb {
list-style-type: none;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #FFEB58;
padding-left: 0px;
margin-top: 5px;
margin-bottom: 0px;
}
ol.breadcrumb li {
display: inline;
margin: 0px;
}

table.kensaku {font-size:10pt;}
table.kensaku tr:first-child {background-color:#ddffdd;}
table.kensaku tr:nth-child(n+2) td:nth-child(2n+1) {background-color:#ffffcc;}
table.kensaku tr:nth-child(n+2) td:nth-child(2n+0) {background-color:#efffef;}
table.kanilist {text-align:center;}

.chart {
border: 1px solid #CCC;
overflow: hidden;
border-radius: 6px;
margin-top: 0px;
}
.chart img {
border-right: 1px solid #CCC;
float: left;
background-color: #FFF;
padding: 2px;
margin-right: 10px;
}
.chart2 img {
border-right: 0px;
float: none;
padding: 0px;
margin-right: 0px;
}
.minichart {
width:175px;
text-align:center;
float: left;
border: 1px solid #CCC;
border-radius: 6px;
margin-top: 0px;
}
.float_clear{clear:both;}

.shimeikekka {
border: 1px solid #CCC;
overflow: hidden;
border-radius: 6px;
margin-top: 0px;
}
.shimeikekka table {
border-right: 1px solid #CCC;
float: left;
background-color: #FFF;
padding: 2px;
}
.shimeikekka2 {
float: none;
padding: 0px;
margin-right: 0px;
}
.shimeikekka2 b {
background-color:#ffffcc;
}

/* ▼アコーディオン▼ */
input[type="checkbox"].on-off{display: none;}

.kaihei {border:1px solid gray;}
.kaihei table {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
}
.kaihei p {padding: 0px 5px 0px 5px;}
.kaihei tr {padding: 1px;}
input[type="checkbox"].on-off + table{display: none;}
input[type="checkbox"].on-off:checked + table{display: block;}
input[type="checkbox"].on-off + p{display: none;}
input[type="checkbox"].on-off:checked + p{display: block;}
input[type="checkbox"].on-off + ul{display: none;}
input[type="checkbox"].on-off:checked + ul{display: block;}
.mouseover {
cursor: pointer;
background-color:#ffeeee;
}
.mouseover:hover {background-color:#ddffdd;}
/* ▲アコーディオン▲ */

/****************/
/*
フッターにある著作権表示(リンク)さえ残して頂ければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
                                FC2ブログのテンプレート工房
[lightframe_ver.05.1]     (http://10plate.blog44.fc2.com/)
*/
/****************/