/*

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

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

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

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

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

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

*/

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

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

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

       /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を設定してください */
            background:url(http://blog-imgs-16.fc2.com/c/l/o/cloudyvanilla/Wolf_Howling_at_Full_Moon01.png);
            background-color: #000000;
            background-repeat:no-repeat; /* 背景を繰り返さない */
            background-position:left bottom;/* 左下に配置 */
            background-attachment:fixed; 
            margin:0;
            padding:0;
}
/* リンク文字 */
a {
        text-decoration: none; /* 下線無し */
        color: #6666FF; /* 文字色 */
}

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

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

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

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

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




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


/* 外枠 */
#container {
        position:relative;
        width: 700px; /* 外枠の幅 */
        margin:0px 0px 0px 319px; /* 外枠の位置・上右下左の順に記述 */
        padding:0;

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


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


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

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

/* メニュー部分 */
 
#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 : 480px; /* フッター部分の幅 */
        height: 60px; /* 高さを設定します */
        clear : both; /* 回り込み解除 */
        margin: 20px 0px;
        text-align: center; /* 文字を中央に設定 */
        color: #99CCFF ; /* 文字色 */
      /* 背景を設定しています。画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
       background:url();
       background-color
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center ; /* 中央に配置 */
}



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


/* ブログタイトル(文字・余白) */
#title_name{font-size: 25px;
font-weight: bold;

padding: 10px 0px 0px 15px;
}

/* ブログタイトルのリンク文字 */
#title_name a{color:#99CCFF;
text-decoration: none;

}

/* ブログタイトルのリンク文字(ポイント時) */
#title_name a:hover { color: #6666FF ;

 }

/* ブログ説明文 */
#title_info{color:#6666FF ;
font-size: 13px;
text-alignr:left;
padding: 0px 0px 0px 15px;
}

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


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

/* メニュータイトル */
.menu_title {
         padding:10px 0px 5px 38px; /* タイトルの位置・上右下左の順に記述 */; /* アイコン用に左に間隔を取っています */

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

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

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




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


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

/* 記事部分等タイトル（アイコンを入れる場合はメニュータイトルを参考にしてください） */
.main_title {
        margin: 0;
        font-size: 14px; /* タイトルなので文字を大きめにしました */
        font-weight: bold; /* 太字 */
        background-color:#000000;
 　　　background-repeat:no-repeat; /* 背景を繰り返さない */
        background-position:left; /* 右下に配置 */
        padding:10px 0px 5px 38px; /* タイトルの位置・上右下左の順に記述 */
        border-bottom: 1px solid #6666FF; /* タイトルの下にラインを書いています */

         /* アイコン画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url(http://blog-imgs-16.fc2.com/c/l/o/cloudyvanilla/wolf2.png) no-repeat;        
}
.main_title a {
        text-decoration: none; /* 下線無し */
        color: #6699FF; /* 文字色 */
}

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

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

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

/* コメント、トラックバック囲み */
.link_block {
        margin-bottom: 10px; /* 下に間隔を取っています */
        border-bottom: 1px solid #99CCFF; /* 下に点線を書いています */
}
/* コメント、トラックバックタイトル */
.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 : 480px; /* ページ移動の枠の幅 */
       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;
}