/*

ダウンロードしていただき、ありがとうございます。
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: pink; /* 左上外側ライン */
        scrollbar-highlight-color: pink; /* 左上内側ライン */
        scrollbar-shadow-color: pink; /* 右下内側ライン */ 
        scrollbar-darkshadow-color: pink; /* 右下外側ライン */
        scrollbar-arrow-color:pink; /* 矢印 */
        scrollbar-track-color: #ffffff; /* トラック部分 */
}

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

       /* 背景を設定しています。画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
           background:url(http://blog-imgs-30.fc2.com/c/l/o/cloudyvanilla/Untitled2800.png);
           background-color: #ffffff;     
            background-position:center;/* 右下に配置 */
            background-attachment:fixed;   
            margin:0;
            padding:0;
}

/* リンク文字 */

a {
        text-decoration: none;
}

/* 通常・訪問済みリンクカラー */
a:link { color: #FF99FF; }

/*未訪問リンクカラー */
a:visited { color: #FF99FF;text-decoration:none;}

/* クリックした時リンクカラー */
a:active { color: #FF99FF;text-decoration: none; /* 下線無し */}

/* マウスを上に重ねた時リンクカラー */
a:hover { color:red; }
/* イメージにリンクを貼ったときの設定 */
a img {
       border : none; /* 線無し */
}

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

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

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




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


/* 外枠 */
#container {
        position:relative;
        width: 770px; /* 外枠の幅 */
        margin:0 auto; /* 左右マージンを自動算出してセンタリング */
        padding:0;

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


/* ヘッダー部分 */
#header {
        width : 770px; /* ヘッダー部分の幅 */
        height: 250px; /* 高さを設定します */
       /* トップ画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url(http://blog-imgs-30.fc2.com/c/l/o/cloudyvanilla/pearl-heart00.png);
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center;
       margin:10px 0px;
       padding:0;
}

/*メニュー＋中央記事 */
#menu_and_main {
        float:left;
        width:770px; 
        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 {
       float : right; /* 右寄せ */
      /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url();
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:; /* 位置指定 */
}

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




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


/* ブログタイトル */
.blog_title {font-family: "Comic Sans MS", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", monospace;
        font-size: 30px;
        text-align: center;
        margin: 0px;
        padding: 10px 0px 0px 10px;
}


/* ブログタイトルリンク */
.blog_title a:link {color: silver ;text-decoration:none;}
.blog_title a:active {color: silver ;text-decoration:none;}
.blog_title a:visited {colorsilver ;text-decoration: none; /* 下線無し */}
.blog_title a:hover{color: pinktext-decoration:none;}

/* サブタイトル */
.sub_title {font-family: "Comic Sans MS", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", monospace;
        text-align: center;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        font-size: 15px;
}
blockquote {filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
	padding: 10px;
	margin: 10px 0px;
	background-color:#ffffff ;
	clear: both;
	/* 枠線を描いています */
        border: 1px solid pink;
	font-size:12px;
}


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


/* メニュー囲み */
.menu_block {
        text-align:left;
        width : 175px; /* メニューの枠の幅 */ 
        margin:0 0 5px;
        padding: 10px 0px 10px 10px;
        overflow:hidden; /* はみ出した部分を隠す */
       background-color: #ffffff;   

}
/* メニュータイトル */
.menu_title { text-align : left;
        font-size: 15px;
        font-family: "Comic Sans MS", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", monospace;
        color: #9999FF;
        margin-left: 3px;
	 padding: 10px 0px 25px 38px;
        background: url(http://blog-imgs-30.fc2.com/c/l/o/cloudyvanilla/pearl-heart.gif);
        background-repeat : no-repeat;
        background-color: #ffffff; 
overflow: hidden;
       
}
/* メニュー内枠 */
.menu_body {
        margin:0;
        padding: 10px 0px 10px 10px;
}
/* メニューリスト親要素 */
ul {
         list-style-type: none; /* メニューリスト左に出る「・」を無くしました */
}

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


ul li {
      margin:0px 5px 0px 15px;
      padding: 0px 0px 1px 17px;
      background: url(http://blog-imgs-14.fc2.com/a/m/a/amanaman/tree.gif) no-repeat;
}

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


/* 記事部分等囲み */
.main_block {
         width : 540px; /* 記事部分の枠の幅 */

        /* アイコン画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url(http://blog-imgs-30.fc2.com/c/l/o/cloudyvanilla/Untiheart5.gif) no-repeat;  
 　　　background-repeat:no-repeat; /* 背景を繰り返さない */
        background-position:right bottom; /* 右下に配置 */
         margin:10px 0 0 0px;
       padding: 10px 45px 0px 0px;/* 内側余白調整 上右下左 */
}


/* 記事部分等タイトル（アイコンを入れる場合はメニュータイトルを参考にしてください） */
.main_title {text-align : center;
        font-family: HGP創英角ﾎﾟｯﾌﾟ体,HG丸ｺﾞｼｯｸM-PRO,Verdana,"ＭＳ Ｐゴシック","Arial Black",Impact,Osaka,sans-serif;
        margin: 10px; /* 上下左右に間隔を取っています */
        font-size: 18px; /* タイトルなので文字を大きめにしました */
        color:pink;
        padding: 80px 0px 0px 0px;   
  
        /* アイコン画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url(http://blog-imgs-30.fc2.com/c/l/o/cloudyvanilla/0.gif) no-repeat;  
 　　　background-repeat:no-repeat; /* 背景を繰り返さない */
        background-position:center; /* 中央に配置 */      
}
.main_title a {color: #FF99FF; }
        text-decoration: none; /* 下線無し */
        color:pink;
}

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

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

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

/* コメント、トラックバック囲み */
        margin-bottom: 10px; /* 下に間隔を取っています */
        border-bottom: 1px solid pink; /* 下に点線を書いています */
}
/* コメント、トラックバックタイトル */
.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;
}


/*その他------------------------------------------------------*/
/* トップページ案内 */

.news { width : 520px;
        text-align : left;
        margin: 10px; /* 上下左右に間隔を取っています */
        font-size: 12px; /* タイトルなので文字を大きめにしました */
        color:pink;
        padding: 80px 0px 0px 0px;   
  
        /* アイコン画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url(http://blog-imgs-30.fc2.com/c/l/o/cloudyvanilla/pearl-heart01.png) no-repeat;  
 　　　background-repeat:no-repeat; /* 背景を繰り返さない */
        background-position:center; /* 中央に配置 */     
 }

/* 横カレンダーの設定 */

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

/* カレンダー設定 */

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

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

/* 曜日セル */
.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;
}