/*

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

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

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

アダルトコンテンツに関しましては、個人の趣味の範囲であれば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: #ffffff; /* 左上外側ライン */
        scrollbar-highlight-color: #dcdcdc; /* 左上内側ライン */
        scrollbar-shadow-color: #ffffff; /* 右下内側ライン */ 
        scrollbar-darkshadow-color: #d3d3d3; /* 右下外側ライン */
        scrollbar-arrow-color: #b0c4de; /* 矢印 */
        scrollbar-track-color: #f5f5f5; /* トラック部分 */
}

/* ボディ */
body{
        /* サイト内の文字の設定をしています */
        text-align: left; /* 文字を左に設定 */
        line-height: 1.6; /* 文字間隔 */
        font-size: 12px; /* 文字サイズ */
        font-family:"Century Gothic",Verdana, "Tahoma", "Osaka", Sans-serif; /* 文字種類 */
        color: #999999; /* 文字色 */

       /* 背景を設定しています。画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
             background: url(https://blog-imgs-30-origin.fc2.com/c/l/o/cloudyvanilla/cat1.gif);
           background-repeat:no-repeat; /* 背景を繰り返さない */
background-attachment:fixed; 
            background-position:right bottom ;/* 右下に配置 */
     background-color: #ffffff; 
            margin:0;
            padding:0;
}
/* リンク文字 */
a {
        text-decoration: none; /* 下線無し */
        color: #000000; /* 文字色 */
}

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

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

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

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

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




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


/* 外枠 */
#container {
        position:relative;
        width:1000px;  /* 外枠の幅 */
        
        padding:0;
       
       /* 背景を設定しています。外枠内に画像を入れる場合は、backgroundのurl()内の画像の参照先を設定してください */
             background: url();
             background-attachment:fixed; 
             background-position:right ｔｏｐ;/* 左下に配置 */
}


/* ヘッダー部分 */
#header {
        width : 770px; /* ヘッダー部分の幅 */
        height: 120px; /* 高さを設定します */
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center; /* 中央に配置 */
        margin:10px;
       padding:0;

}
/*メニュー＋中央記事 */
#menu_and_main {
        float:left;
        width:0px; 
        margin:0;
        padding:0;
}

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

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

/* 記事部分 */
#main {width:750px; 
       float :right;
      /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url();
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center bottom; /* 中央下に配置 */
}
/* フッター部分 */
#footer {
        width : 770px; /* フッター部分の幅 */
        clear : both; /* 回り込み解除 */
        margin-top: 40px; /* 上との間隔を開けています */
        text-align: leftr; /* 文字を左に設定 */
        border-top: 1px solid #eeeeee; /* 上にラインを書いています */
      /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url();
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center bottom; /* 中央下に配置 */
      margin: 10px 5px 5px 50px;
}

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


/* ブログタイトル */
.blog_title {text-align:left;
       font-size: 30px; /* 文字サイズ */
       font-weight: bold;　/* 太字 */ 
       font-family:Verdana,Chicago,Helvetica; /* 文字種類 */
       padding:0px;
      margin: 30px 10px 0px 50px;
}

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

/* サブタイトル */
.sub_title {text-align:left;
         font-size: 15px; /* 文字サイズ */
         color: #cccccc; /* 文字色 */            
        padding:0px 0px 0px 20px; /* ブログ説明の位置・上右下左の順に記述 */
        margin: 10px 10px 0px 50px;
}




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


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

/* メニュータイトル */
.menu_title { height : 30px;
        /* アイコン画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
         background: url(https://blog-imgs-30-origin.fc2.com/c/l/o/cloudyvanilla/cat2.gif) no-repeat;
        padding: 25px 5px 0px 55px;

}
/* メニュー内枠 */
.menu_body {
        margin:0;
        padding:0;
}


ul {
       padding:0px;
       margin:0px;
       list-style-type:none;/* メニューリスト左に出る「・」を無くしました */
}


ul li {
      margin:0px 5px 0px 5px;
      padding: 0px 0px 1px 17px;
      background: url(https://blog-imgs-24-origin.fc2.com/c/l/o/cloudyvanilla/cloudy-vanilla-tree.gif) no-repeat;
}





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


/* 記事部分等囲み */
.main_block {
         width : 600px; /* 記事部分の枠の幅 */
        margin:10px 50px 0 0px;
         padding:10px 10px;
        background-repeat:no-repeat; /* 背景を繰り返さない */
        background-position:right bottom; /* 右下に配置 */
}

/* 記事部分等タイトル（アイコンを入れる場合はメニュータイトルを参考にしてください） */
.main_title {
        margin: 10px; /* 上下左右に間隔を取っています */
        font-size: 18px; /* タイトルなので文字を大きめにしました */
        font-weight: bold; /* 太字 */
        border-bottom: 1px solid #eeeeee; /* タイトルの下にラインを書いています */
}
.main_title a {color: #000000; }
        text-decoration: none; /* 下線無し */
        color:#000000; 
}

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

/* 記事部分等本文囲み */
.main_body {
        margin:0;
        padding:20px 10px;
        font-size: 10px;
        
}

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

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

.trackback_url {
	padding-bottom: 30px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}

.trackback_url input {
	padding-bottom: 1px;
        border:none;
	margin-bottom: 1px;
	width: 85%;
	background-color: ;
	color: :#663300;
}



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


/* ページ移動 */
.page_navi {
       width : 600px; /* ページ移動の枠の幅 */
       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;
}

div#fc2_bottom_bnr{position:static!important;}