/*

ダウンロードしていただき、ありがとうございます。
2カラム、全体の幅770pxになります。
プラグイン・全記事対応になっています。

下記内容に該当するブログでのご使用はご遠慮ください。

猟奇的なコンテンツ
違法な内容を扱うもの
宗教的なコンテンツ
差別的な内容を扱うもの

アダルトコンテンツに関しましては、個人の趣味の範囲であればOKです★

下記エントリーにてテンプレートの利用規約がありますので、
目を通していただけるとありがたいです。
テンプレートの修正・更新内容もこちらです。

http://cloudyvanilla.blog26.fc2.com/

*/


/* ブラウザのデフォルトに依存しないように全てのマージンとパディングを0にしています */
* {
   margin: 0;
   padding: 0;
   word-break:break-all;
}

/* html（スクロールバーの色設定が反映されるのはIEのみ） */
html {
        scrollbar-face-color: #ffffff; /* バーの色 */
        scrollbar-3dlight-color: #99CCFF; /* 左上外側ライン */
        scrollbar-highlight-color: #99CCFF; /* 左上内側ライン */
        scrollbar-shadow-color: #99CCFF; /* 右下内側ライン */ 
        scrollbar-darkshadow-color: #99CCFF; /* 右下外側ライン */
        scrollbar-arrow-color: #99CCFF; /* 矢印 */
        scrollbar-track-color: #ffffff; /* トラック部分 */
}

/* ボディ */
body{
        /* サイト内の文字の設定をしています */
        text-align: left; /* 文字を左に設定 */
        line-height: 2.0; /* 文字間隔 */
        font-size: 9px; /* 文字サイズ */
        font-family: "Comic Sans MS", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", monospace; /* 文字種類 */
        color: #4c4c4c; /* 文字色 */

       /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を設定してください */
            background:url(https://blog-imgs-16.fc2.com/c/l/o/cloudyvanilla/dot.png);
            margin:0;
            padding:0;
}
/* リンク文字 */
a {
        text-decoration: none; /* 下線無し */
        color: #4169E1; /* 文字色 */
}

/* カーソルを置いたときのリンク文字 */
a:hover {
        text-decoration: none; /* 下線 */
        color :#99CCFF;
}

/* イメージにリンクを貼ったときの設定 */
a img {
       border : none; /* 線無し */
}

/* 入力エリア、リスト、ボタンの設定 */
input,textarea,select,button,submit {
        color: #999999; /* 文字色 */
        background: #ffffff; /* 背景色 */
        border: 1px solid #99CCFF; /* 線の色 */
}

/* テーブルセル全般の文字設定 */
th,td {
        vertical-align: top; /* 上寄せ */
}

/* 絵文字 */
img.emoji {
        vertical-align: middle; /* 上寄せ */
        border: 0; /* 線無し */
}




/*レイアウト設定----------------------------------------------*/


/* 外枠 */
#container {
        position:relative;
        width: 800px; /* 外枠の幅 */
        margin:0 auto; /* 中央に設定 */
        padding:0;

       /* 背景を設定しています。外枠内に画像を入れる場合は、backgroundのurl()内の画像の参照先を設定してください */
            background:url();
            background-color:
            background-repeat:no-repeat; /* 背景を繰り返さない */
            background-position:left bottom;/* 左下に配置 */
}


/* ヘッダー部分 */
#header {
        width : 800px; /* ヘッダー部分の幅 */
        height: 340px; /* 高さを設定します */
        margin-top:20px;
        /* 枠線を描いています */
        border: 1px solid #99CCFF;
       /* トップ画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
       background:url(https://blog-imgs-45.fc2.com/t/a/m/tamapupu/2014122511393138c.jpg);
       background-color: #ffffff;
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:left; /* 左に配置 */
}
/*メニュー＋中央記事 */
#menu_and_main {
        float:right;
        width:800px;
        margin:0;
        padding:0;
}

/* 左メニューにしたい場合はメニュー部分（#menu）のleftをrightに、記事部分（#main）のrightをleftにしてください */

/* メニュー部分 */
 
#menu {
        float : right; /* 右寄せ */
        /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background:url();
       background-color:
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center bottom; /* 中央下に配置 */
}

/* 記事部分 */
#main {
       float : left; /* 左寄せ */
      /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background:url();
       background-color:
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center bottom; /* 中央下に配置 */
}
/* フッター部分 */
#footer {
        width : 540px; /* フッター部分の幅 */
        height: 60px; /* 高さを設定します */
        clear : both; /* 回り込み解除 */
        /* 枠線を描いています */
        border: 1px solid #99CCFF;
        margin: 20px 0px;
        text-align: center; /* 文字を中央に設定 */
        color: #99CCFF ; /* 文字色 */
        border-top: 1px solid #99CCFF; /* 上にラインを書いています */
      /* 背景を設定しています。画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
       background:url();
       background-color: #ffffff;
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center ; /* 中央に配置 */
}



/*タイトル設定------------------------------------------------*/


/* ブログタイトル */
.blog_title {
       text-align:right;
       padding:15px 100px 0px 0px; /* ブログタイトルの位置・上右下左の順に記述 */
      margin:0;
       font-size: 38px; /* 文字サイズ */
       font-weight: bold;　/* 太字 */    
       
}

/* ブログタイトルリンク */
.blog_title a:hover {
                   color: #CC0000;
                   text-decoration : none;
}
.blog_title a {
        text-decoration: none; /* 下線無し */
        color: #FF3366; /* 文字色 */
}

/* サブタイトル */
.sub_title {
 text-align:right;
        color: #6699FF; /* 文字色 */
        font-size: 13px; /* 文字サイズ */       
        padding:0px 0px 0px 0px; /* サブタイトルの位置・上右下左の順に記述 */
        margin:0;
}

/* トップページ案内 */

.news {     
         width : 570px; /* 記事部分の枠の幅 */
         margin:10px 0;
          padding:0;
          border: 1px solid #99CCFF;
          background-color:#ffffff;
          text-align : left;
          font-size : 12px;
          line-height : 1.2;
          background-color:#ffffff;
}

/*メニュー部分設定--------------------------------------------*/


/* メニュー囲み */
.menu_block {
 　　　text-align:left;
        width : 200px; /* メニューの枠の幅 */
        /* 枠線を描いています */
        border: 1px solid #99CCFF;
        background-color:#ffffff;
        margin:10px 0 0 0px;
        padding:0;
        overflow:hidden; /* はみ出した部分を隠す */
}

/* メニュータイトル */
.menu_title {
         padding-left: 30px; /* アイコン用に左に間隔を取っています */

        /* アイコン画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url(https://blog-imgs-14.fc2.com/c/l/o/cloudyvanilla/nikukyuu25.20.png) no-repeat;
         height : 30px;
}
/* メニュー内枠 */
.menu_body {
        margin:0;
        padding:0;
}
/* メニューリスト親要素 */
ul {
         list-style-type: none; /* メニューリスト左に出る「・」を無くしました */
}

/* メニューリスト子要素 */
li {
         padding-left: 20px; /* アイコン用に左に間隔を取っています(ツリー用のアイコンです) */

        /* アイコン画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
        background: url(https://blog-imgs-14.fc2.com/a/m/a/amanaman/tree.gif) no-repeat;
}




/*記事部分等設定----------------------------------------------*/


/* 記事部分等囲み */
.main_block {
         width : 570px; /* 記事部分の枠の幅 */
         margin:10px 0 0 0px;
        padding:0;
       /* 枠線を描いています */
        border: 1px solid #99CCFF;
        background-color:#ffffff;
        background-repeat:no-repeat; /* 背景を繰り返さない */
        background-position:right bottom; /* 右下に配置 */
}

/* 記事部分等タイトル（アイコンを入れる場合はメニュータイトルを参考にしてください） */
.main_title {
        margin: 0;
        font-size: 13px; /* タイトルなので文字を大きめにしました */
        font-weight: bold; /* 太字 */
        padding:5px 0px 5px 35px; /* タイトルの位置・上右下左の順に記述 */
        border-bottom: 1px solid #99CCFF; /* タイトルの下にラインを書いています */
         /* アイコン画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url(https://blog-imgs-14.fc2.com/c/l/o/cloudyvanilla/nikukyuu30.35.png) no-repeat;        
}
.main_title a {
        text-decoration: none; /* 下線無し */
        color: #000000 ; /* 文字色 */
}

/* リンク文字 */
.main_title a {
        text-decoration: none; /* 下線無し */
}

/* 記事部分等本文囲み */
.main_body {
        margin:0;
        padding:20px 10px;
        font-size: 13px;
        background: url();
        background-color: #ffffff;
 　　　background-repeat:no-repeat; /* 背景を繰り返さない */
        background-position:right bottom; /* 右下に配置 */
}

/* 日付等のステータス */
.main_state {
        margin-right: 10px; /* 右に間隔を取っています */
        text-align: right; /* 文字右寄せ */
        font-size: 10px; /* 文字の大きさを少し小さめにしています */
}

/* コメント、トラックバック囲み */
.link_block {
        margin-bottom: 8px; /* 下に間隔を取っています */
        border-bottom: 1px solid #99CCFF; /* 下に点線を書いています */
}
/* コメント、トラックバックタイトル */
.link_title {
       font-weight: bold; /* 太字 */
}




/*その他------------------------------------------------------*/


/* ページ移動 */
.page_navi {
       width : 540px; /* ページ移動の枠の幅 */
       margin: 10px; /* 上下左右に間隔を取っています */
       text-align: center; /* 文字中央寄せ */
}

/* カレンダー設定 */

/* カレンダー枠テーブル */
table.calender {
       width: 150px;
}

/* ヘッダー（年、月）*/
.calender caption {
        font-size: 12px;
        border-bottom: 1px solid #eeeeee; /* 下にラインを書いています */
}

/* 曜日セル */
.calender th {
        font-weight: normal;
       text-align: center;
}

/* 日付セル */
.calender td {
        text-align: center;
}

/* 日曜日の色 */
th#sun {
        color: #ff0000;
}

/* 土曜日の色 */
th#sat {
        color: #0000ff;
}
/* MAC・IEバグ回避 */
textarea,input,select {
font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

/* IE改行バグ回避 */
br {
letter-spacing:normal;
}