/**************************************************************************************
    テンプレートタイトル: Comfort Liquid 3column
    バージョン： 1.3
    作者：suna77777  http://suna77777.blog.shinobi.jp/
    履歴：2006/09/09 Ver1.0 共有テンプレート申請
          2006/09/12 Ver1.0 公開
          2006/09/19 Ver1.1 IE7.0にてブログ内検索プラグインの表示が崩れる事象を修正
                            エントリーナビゲーション/ナビゲーションバーの階層構造を適正化
                            link relでのフィードの記述順を修正
          2006/10/02 Ver1.2 DOCTYPE宣言行の記述ミスを修正
                            MacIEへの対策を強化
                            (MacIEでは一部を除きletter-spacingを適用しない様に修正)
                            CSS内のコメントを修正
                            (line-breakとword-breakのコメントを修正)
                            ブログタイトルと説明文の表示に関する修正
                            (右マージンも設定して長いタイトルや説明文を表示する場合に
                            適切な改行位置で改行する様に適正化)
                            タイトルの修正(Liquidのスペルを誤ってました^^;)
          2006/10/05 Ver1.3 InternetExplorerにてbrタグにletter-spacingが設定されていると
                            連続する改行表示が正しく行われない事への対処
**************************************************************************************/

/**************************************************************************************
    共通設定/基本設定
**************************************************************************************/
/* ブラウザ間の表示の差異を極力無くすおまじない＆共通設定 */
* {
    font-size:100%;
    /* MacIEのみ適用除外 \*/
    letter-spacing:1px;
    /* */
    line-height:125%;
    margin:0;
    padding:0;
}
/* body全体に関する設定 */
body {
    font-family:"Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-align:center;
    line-break:strict;          /* for IE 5.0+ */
    word-break:break-all;       /* for IE 5.0+ */
    word-wrap:break-word;       /* for IE 5.5+ */
    color:#000000;
    background-color:#ffffff;
}
/* 改行の設定 */
br {
    /* MacIEのみ適用除外 \*/
    letter-spacing:0;
    /* */
}
/* アンカーイメージの設定 */
a img {
    border:none;
}
/* tableタグの共通設定 */
table{
    border-collapse:collapse;
}
/* tdタグの共通設定 */
td {
    text-align:center;
}
/* 左寄せ(プラグイン等でも使用) */
.left {
    text-align:left;
}
/* 中央寄せ(プラグイン等でも使用) */
.center {
    text-align:center;
}
/* 右寄せ(プラグイン等でも使用) */
.right {
    text-align:right;
}
/* 引用 */
blockquote {
    font-size:14px;
    background:#f6f6f6;
    border:1px solid #666666;
    margin:10px;
    padding:10px;
}
/* 引用文タイトル */
.quotetitle {
    font-size:14px;
    background:#f6f6f6;
    border-bottom:1px solid #666666;
}
/* 順序なしリスト */
ul {
}
ul li {
    list-style-type:none;
    padding-left:10px;
}
/* 定義リスト */
dl {
}
dt {
}
dd {
    padding-left:5px;
}
/*-------------------------------------------------------
    アンカーの設定
-------------------------------------------------------*/
/* 通常のアンカー設定 */
a:link {
    text-decoration:none;
    color:#0099cc;
}
/* 過去に見た事があるページのアンカー設定 */
a:visited {
    text-decoration:none;
    color:#0099cc;
}
/* カーソルが合っている状態のアンカー設定 */
a:hover {
    text-decoration:underline;
    color:#0099cc;
}
/* アクティブ状態のアンカー設定 */
a:active {
    text-decoration:none;
    color:#0099cc;
}
/* 濃い背景色部分のアンカー設定 */
#toptitle a, .entrytitle a,
#commercial a, #copyright a,
.CalendarPrevTd a, .CalendarNowTd a,
.CalendarNextTd a {
    text-decoration:none;
    color:#00ccff;
}
/* 濃い背景色部分の通常のアンカー設定 */
#toptitle a:link, .entrytitle a:link,
#commercial a:link, #copyright a:link,
.CalendarPrevTd a:link, .CalendarNowTd a:link,
.CalendarNextTd a:link {
    text-decoration:none;
    color:#00ccff;
}
/* 濃い背景色部分の過去に見た事があるページのアンカー設定 */
#toptitle a:visited, .entrytitle a:visited,
#commercial a:visited, #copyright a:visited,
.CalendarPrevTd a:visited, .CalendarNowTd a:visited,
.CalendarNextTd a:visited {
    text-decoration:none;
    color:#00ccff;
}
/* 濃い背景色部分のカーソルが合っている状態のアンカー設定 */
#toptitle a:hover, .entrytitle a:hover,
#commercial a:hover, #copyright a:hover,
.CalendarPrevTd a:hover, .CalendarNowTd a:hover,
.CalendarNextTd a:hover {
    text-decoration:underline;
    color:#00ccff;
}
/* 濃い背景色部分のアクティブ状態のアンカー設定 */
#toptitle a:active, .entrytitle a:active,
#commercial a:active, #copyright a:active,
.CalendarPrevTd a:active, .CalendarNowTd a:active,
.CalendarNextTd a:active {
    text-decoration:none;
    color:#00ccff;
}
/*-------------------------------------------------------
    色の設定
-------------------------------------------------------*/
/* Black */
.black {
    color:#000000;
}
/* LimeGreen */
.limegreen {
    color:#32cd32;
}
/* SeaGreen */
.seagreen {
    color:#2e8b57;
}
/* Teal */
.teal {
    color:#008080;
}
/* FireBrick */
.firebrick {
    color:#b22222;
}
/* Tomato */
.tomato {
    color:#ff6347;
}
/* IndianRed */
.indianred {
    color:#cd5c5c;
}
/* BurlyWood */
.burlywood {
    color:#deb887;
}
/* SlateGray */
.slategray {
    color:#708090;
}
/* DarkSlateBlue */
.darkslateblue {
    color:#483d8b;
}
/* LightPink */
.lightpink {
    color:#ffb6c1;
}
/* DeepPink */
.deeppink {
    color:#ff1493;
}
/* DarkOrange */
.darkorange {
    color:#ff8c00;
}
/* Gold */
.gold {
    color:#ffd700;
}
/* DimGray */
.dimgray {
    color:#696969;
}
/* Silver */
.silver {
    color:#c0c0c0;
}
/**************************************************************************************
    レイアウトの設定
**************************************************************************************/
/* 全体の設定 */
#mainblock {
    width:100%;
    min-width:770px;
    _width:expression( document.body.clientWidth < 770? "770px" : "auto" );
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}
/* 段組用ラッパー(左カラム部分と中央カラム部分)の設定 */
#wrapper {
    width:100%;
    float:left;
    margin-right:-220px;
}
/* 中央カラム部分の設定 */
#centerblock {
    width:100%;
    float:right;
    margin-left:-220px;
}
/* 中央カラム部分の幅設定 */
#centerwidth {
    width:auto;
    background-color:#ffffff;
    margin:0 220px 0 220px;
}
/* 左カラム部分全体の設定 */
#leftblock {
    width:220px;
    float:left;
    background-color:#ffffff;
}
/* 右カラム部分全体の設定 */
#rightblock {
    width:220px;
    float:left;
    background-color:#ffffff;
}
/**************************************************************************************
    トップブロックの設定
**************************************************************************************/
/* トップブロック全体の設定 */
#topblock {
    width:100%;
    min-height:300px;
    _height:300px;
    text-align:left;
    background-image:url('http://file.chateaudif.blog.shinobi.jp/img1.png');
background-repeat:no-repeat;
}
/* ブログタイトル文字部分の設定 */
#toptitle {
    font-size:18px;
    font-weight:bold;
    padding:50px 20px 0 20px;
}
/* ブログの説明部分の設定 */
#topexplanation {
    font-size:16px;
    font-weight:bold;
    color:#dcdcdc;
    padding:10px 20px 10px 20px;
}
/**************************************************************************************
    トップブロック下部の設定
**************************************************************************************/
/* 横並びカレンダーの設定 */
#linecalendar {
    width:100%;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    background-color:#dcdcdc;
    border-top:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:3px 0 3px 0;
}
/* 横並びカレンダー内の日付表示部分の設定 */
#linecalendar .day {
    /* MacIEのみ適用除外 \*/
    letter-spacing:0;
    /* */
}
/**************************************************************************************
    中央カラム部分の設定
**************************************************************************************/
/*-------------------------------------------------------
    エントリーナビゲーション/ナビゲーションバーの設定
-------------------------------------------------------*/
/* エントリーナビゲーション/ナビゲーションバーの全体部分の設定 */
.naviblock {
    text-align:left;
    background-color:#ffffff;
}
/* エントリーナビゲーション/ナビゲーションバー表示部分の設定 */
.naviinnerblock {
    padding:5px 0 0 0;
}
/* エントリーナビゲーション/ナビゲーションバーのヘッダー部分の設定 */
.naviheader {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    background-color:#dcdcdc;
    border:1px solid #a9a9a9;
    padding:3px 5px 3px 5px;
}
/* エントリーナビゲーション/ナビゲーションバーの本体部分の設定 */
.navibody {
    font-size:14px;
    text-align:left;
    color:#666666;
    background-color:#ffffff;
    padding:3px 5px 3px 5px;
}
/* エントリーナビゲーションの設定 */
.entrynavi {
    font-weight:bold;
    text-align:left;
}
/* ナビゲーションバーの設定 */
.navibar {
    font-weight:bold;
    text-align:center;
}
/* ページリンクの設定 */
.pagelink {
    font-weight:bold;
    /* MacIEのみ適用除外 \*/
    letter-spacing:0;
    /* */
    text-align:center;
}
/* ナビゲーション下部の設定 */
.navibottom {
    font-weight:bold;
    text-align:center;
}
/*-------------------------------------------------------
    記事/コメント/トラックバックの各ブロック用設定
-------------------------------------------------------*/
/* 各繰り返し処理全体の設定 */
.entryblock,
.commentblock,
.commenteditblock,
.trackbackblock {
    background-color:#ffffff;
}
/* 各繰り返し処理１件分の設定 */
.entryinnerblock,
.commentinnerblock,
.trackbackinnerblock {
    text-align:left;
    background-color:#ffffff;
    border:1px solid #c0c0c0;
    margin:5px 0 0 0;
}
/* コメントフォーム/トラックバックURL表示部分の設定 */
.commentforminnerblock,
.trackbackurlinnerblock {
    text-align:left;
    background-color:#ffffff;
    padding:5px 0 0 0;
}
/* タイトル表示の設定 */
.entrytitle,
.commenttitle,
.commentrestitle,
.trackbacktitle {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#dcdcdc;
    background-color:#006699;
    border-bottom:1px solid #c0c0c0;
    padding:3px 5px 3px 5px;
}
/* コメントフォーム/トラックバックURL表示部分のタイトル表示の設定 */
.commentformtitle,
.trackbackurltitle {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    background-color:#dcdcdc;
    border:1px solid #a9a9a9;
    padding:3px 5px 3px 5px;
}
/* 記事ブロック部分の設定 */
.entrytextbox {
    background-color:#ffffff;
    padding:5px;
}
/* 記事本文部分の設定 */
.entrytext {
    font-size:14px;
}
/* 追記文書部分の設定 */
.entrypstext {
    font-size:14px;
    padding-top:10px;
}
/* 「続きを読む」アンカー表示部分の設定 */
.entryps {
    font-size:14px;
    text-align:right;
    padding-top:10px;
}
/* コメント/コメント返信部分の設定 */
.commenttext,
.commentrestext {
    font-size:14px;
    text-align:left;
    background-color:#ffffff;
    padding:5px;
}
/* コメントフォーム/トラックバックURL表示部分の設定 */
.commentformbody,
.trackbackurlbody {
    font-size:14px;
    text-align:left;
    vertical-align:middle;
    color:#666666;
    background-color:#ffffff;
    padding:5px;
}
/* コメントフォーム下部(ボタン配置部分)の設定 */
.commentformsbottom {
    font-size:14px;
    text-align:center;
    vertical-align:middle;
    color:#666666;
    background-color:#ffffff;
    padding:5px 0 0 0;
}
/* トラックバックの要約表示部分の設定 */
.trackbacktext {
    font-size:14px;
    text-indent:14px;
    text-align:left;
    background-color:#ffffff;
    padding:5px;
}
/* 投稿者名/投稿時間等の表示部分の設定 */
.entryfooter,
.commentfooter,
.commentresfooter,
.trackbackfooter {
    font-size:12px;
    text-align:right;
    color:#666666;
    background-color:#f5f5f5;
    border-top:1px solid #c0c0c0;
    padding:3px 5px 3px 5px;
}
/* 投稿者名/投稿時間等の表示部分内の各表示行の設定 */
.entryfooter p,
.commentfooter p,
.commentresfooter p,
.trackbackfooter p {
    /* MacIEのみ適用除外 \*/
    letter-spacing:0;
    /* */
}
/*-------------------------------------------------------
    コメントフォーム/トラックバックURL表示部分の設定
-------------------------------------------------------*/
/* ボタン以外の各入力項目の共通設定 */
.commentformstext,
.trackbackurltext,
.commentformstextarea,
.commentformsselect {
    font-size:14px;
    text-align:left;
    vertical-align:middle;
    color:#666666;
    background-color:#f5f5f5;
    border:2px inset #f5f5f5;
}
/* input-textとinput-passwordの設定 */
.commentformstext,
.trackbackurltext {
    width:316px;
    height:18px;
    　height:20px;                /* for WinOpera */
    *height:18px;                 /* for IE 7.0   */
    _height:22px;                 /* for IE older */
}
/* textareaの設定 */
.commentformstextarea {
    width:99%;
    　width:100%;                 /* for WinOpera */
    *width:99%;                   /* for IE 7.0   */
    _width:316px;                 /* for IE older */
    height:168px;
    　height:162px;               /* for WinOpera */
    *height:170px;                /* for IE 7.0   */
    _height:174px;                /* for IE older */
}
/* select周囲のborderの設定(IE対策) */
.commentformsselectborder {
    *width:316px;                 /* for IE 7.0   */
    _width:312px;                 /* for IE older */
    *background-color:#f5f5f5;    /* for all IE   */
    *border:2px inset #f5f5f5;    /* for all IE   */
}
/* selectの設定 */
.commentformsselect {
    width:320px;
    　width:316px;                /* for WinOpera */
    *width:316px;                 /* for IE 7.0   */
    _width:312px;                 /* for IE older */
    height:22px;
    　height:22px;                /* for WinOpera */
    *height:22px;                 /* for IE 7.0   */
    _height:20px;                 /* for IE older */
    font-weight:bold;
}
/* 絵文字入力用パレット表示ボタンの設定 */
.commentformsemojibutton {
    vertical-align:middle;
}
/* ボタンの共通設定 */
.commentformsentrybutton,
.commentformseditbutton {
    height:30px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    color:#666666;
}
/* コメント投稿フォームボタンの個別設定 */
.commentformsentrybutton {
    width:120px;
    letter-spacing:10px;
}
/* コメント編集フォームボタンの個別設定 */
.commentformseditbutton {
    width:80px;
    letter-spacing:8px;
}
/**************************************************************************************
    フッターブロック用の設定
**************************************************************************************/
/* フッターブロック全体の設定 */
#footerblock {
    width:100%;
    min-height:105px;
    _height:105px;
    clear:both;
    background-color:#006699;
}
/* AdminControlMenuの設定 */
#admincontrolmenu {
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:#666666;
    background-color:#dcdcdc;
    border-top:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:3px 5px 3px 5px;
}
/* コマーシャル表示の設定 */
#commercial {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#dcdcdc;
    padding:5px 5px 0 5px;
}
/* コピーライト表示の設定 */
#copyright {
    font-size:12px;
    font-weight:bold;
    text-align:right;
    color:#dcdcdc;
    padding:10px 5px 15px 5px;
}
/**************************************************************************************
    プラグインブロックの設定
**************************************************************************************/
/* プラグインブロック全体の設定 */
.pluginblock {
    width:100%;
    text-align:left;
    background-color:#ffffff;
}
/* プラグイン繰り返し処理１件分の設定 */
.plugininnerblock {
    padding:5px 5px 0 5px;
}
/* 中央カラム部分でのプラグイン繰り返し処理１件分の設定 */
#centerwidth .plugininnerblock {
    padding:5px 0 0 0;
}
/* プラグインタイトルの設定 */
.plugintitle {
    font-size:14px;
    font-weight:bold;
    color:#666666;
    background-color:#dcdcdc;
    border:1px solid #a9a9a9;
    padding:3px 5px 3px 5px;
}
/* プラグイン説明部分の設定 */
.pluginexplanation {
    font-size:12px;
    color:#666666;
    background-color:#ffffff;
    padding:1px 5px 1px 5px;
}
/* プラグインコンテンツの設定 */
.plugincontents {
    font-size:12px;
    color:#666666;
    background-color:#ffffff;
    padding:2px 5px 0 5px;
}
/**************************************************************************************
    各プラグイン内共通項目用設定
**************************************************************************************/
/* 各プラグイン処理内の基本デザイン */
.plugin_data {
    text-align:left;
}
/* 各プラグイン処理内基本デザイン内に記載される日付等 */
.plugin_data_date {
    text-align:right;
}
/* プロフィールのイメージ */
.profile_image {
    text-align:center;
}
/* QRコードのイメージ */
.qrcode_image {
    text-align:center;
}
/**************************************************************************************
    ブログ内検索プラグイン用設定
**************************************************************************************/
/*-------------------------------------------------------
    入力エリア
-------------------------------------------------------*/
/* 入力エリアの共通設定 */
.box {
    width:150px;
    　width:150px;                /* for WinOpera */
    *width:146px;                 /* for IE 7.0   */
    _width:150px;                 /* for IE older */
    height:18px;
    　height:20px;                /* for WinOpera */
    *height:18px;                 /* for IE 7.0   */
    _height:22px;                 /* for IE older */
    font-size:14px;
    text-align:left;
    vertical-align:middle;
    color:#666666;
    background-color:#f5f5f5;
    border:2px inset #f5f5f5;
}
/* 中央カラム部分での入力エリアの設定 */
#centerwidth .box {
    width:270px;
    　width:270px;                /* for WinOpera */
    *width:266px;                 /* for IE 7.0   */
    _width:270px;                 /* for IE older */
}
/*-------------------------------------------------------
    検索ボタン
-------------------------------------------------------*/
/* 検索ボタンの設定 */
.btn {
    width:40px;
    height:22px;
    font-size:14px;
    text-align:center;
    vertical-align:middle;
    color:#666666;
}
/**************************************************************************************
    カレンダープラグイン用デザイン
**************************************************************************************/
/*-------------------------------------------------------
    カレンダー年月移動用テーブル
-------------------------------------------------------*/
/* カレンダー年月移動用テーブルの設定 */
.CalendarMoveTable {
    width:200px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#dcdcdc;
    background-color:#006699;
    border:1px solid #c0c0c0;
}
/* 中央カラム部分でのカレンダー年月移動用テーブルの設定 */
#centerwidth .CalendarMoveTable {
    width:320px;
}
/* trタグ部分の設定 */
.CalendarMoveTr {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#dcdcdc;
    background-color:#006699;
    border:1px solid #c0c0c0;
}
/* 年月表示部分の共通設定 */
.CalendarPrevTd,
.CalendarNowTd,
.CalendarNextTd {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#dcdcdc;
    background-color:#006699;
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
}
/* 年月表示(前月)の個別設定 */
.CalendarPrevTd {
    padding:2px 2px 2px 10px;
}
/* 年月表示(当月)の個別設定 */
.CalendarNowTd {
    padding:2px;
}
/* 年月表示(翌月)の個別設定 */
.CalendarNextTd {
    padding:2px 10px 2px 2px;
}
/*-------------------------------------------------------
    カレンダー表示用テーブル
-------------------------------------------------------*/
/* カレンダー表示用テーブルの設定(Operaズレ対策済) */
.CalendarTable {
    width:200px;
    　width:204px;                /* for WinOpera */
    *width:200px;                 /* for IE 7.0   */
    _width:200px;                 /* for IE older */
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    background-color:#ffffff;
    border-right:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    border-left:1px solid #c0c0c0;
    padding:2px;
}
/* 中央カラム部分でのカレンダー表示用テーブルの設定(Operaズレ対策済) */
#centerwidth .CalendarTable {
    width:320px;
    　width:324px;                /* for WinOpera */
    *width:320px;                 /* for IE 7.0   */
    _width:320px;                 /* for IE older */
}
/*-------------------------------------------------------
    カレンダー表示用テーブルの曜日表示部分
-------------------------------------------------------*/
/* trタグの設定 */
.CalendarWdayTr {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    background-color:#ffffff;
}
/* 曜日表示部分の共通設定 */
.CalendarWdaySun,
.CalendarWdaySat,
.CalendarWday {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    background-color:#ffffff;
    padding:2px;
}
/* 曜日表示(日曜日)の個別設定 */
.CalendarWdaySun {
    color:#ff0000;
}
/* 曜日表示(土曜日)の個別設定 */
.CalendarWdaySat {
    color:#0000ff;
}
/* 曜日表示(平日)の個別設定 */
.CalendarWday {
    color:#666666;
}
/*-------------------------------------------------------
    カレンダー表示用テーブルの日付表示部分
-------------------------------------------------------*/
/* trタグの設定 */
.CalendarTr {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    background-color:#ffffff;
}
/* 日付表示部分の共通設定 */
.CalendarTdSun,
.CalendarTdSat,
.CalendarTd {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    background-color:#ffffff;
    padding:2px;
}
/* 日付表示(日曜日)の個別設定 */
.CalendarTdSun {
    color:#ff0000;
}
/* 日付表示(土曜日)の個別設定 */
.CalendarTdSat {
    color:#0000ff;
}
/* 日付表示(平日)の個別設定 */
.CalendarTd {
    color:#666666;
}
/* 日付表示(記事投稿日)の設定 */
.CalendarTdLink {
}
/* 日付表示(記事投稿日)の文字色設定 */
.CalendarTdLinkFont {
}