@charset "UTF-8";

/*

ダウンロードしていただき、ありがとうございます。

プラグイン・全記事対応になっています。

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

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

アダルトコンテンツに関しましては、個人の趣味の範囲であれば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:arial unicode ms; /* 文字種類 */
        color: #999999; /* 文字色 */

       /* 背景を設定しています。画像を変更する場合は、backgroundのurl()内の画像の参照先を変更してください */
             background: url(http://blog-imgs-30.fc2.com/c/l/o/cloudyvanilla/monotone-butterfly.png);
             background-repeat:no-repeat; /* 背景を繰り返さない */
             background-attachment:fixed;
             background-position:right bottom; /* 右下に配置 */
             background-color: #000000;
             margin:0;
             padding:0;
             height:100%;
}


/* リンク文字 --------------------------------------*/

a {
        text-decoration: none; /* 下線無し */
        color: #ffffff; /* 文字色 */
        
}

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

/* イメージにリンクを貼ったときの設定 -------------------*/

a img {
       border : none; /* 線無し */
}


/*　水平線の設定　---------------------------------*/

hr {
        border-style: dotted none none none;
        border-top-width: 1px;
        width: 100%;
        height: 1px;
        border-top-color: #eeeeee;
}


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



/* 入力領域の設定 ----------------------------*/

input,textarea,select,button,submit {
        color: #999999; /* 文字色 */
        background: #000000; /* 背景色 */
        border: 1px solid #eeeeee; /* 線の色 */
}


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

/*　ツリー化　------------------------------*/

ul {
       padding:0px;
       margin:0px;
       list-style-type:none;
}


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


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

/* 外枠 */

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


/* ヘッダー部分 */
#header {
        width : 1000px; /* ヘッダー部分の幅 */
        height: 150px; /* 高さを設定します */
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center ; /* 中央に配置 */
        margin:10px;
       padding:0;
}
/*メニュー＋中央記事 */
#menu_and_main {
        float:left;
        width : auto;
        margin:0px;
        padding:0;
}

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

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

/* 記事部分 */
#main {
       width: 720px;
       float :right;
      /* 背景を設定しています。画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
       background: url();
       background-repeat:no-repeat; /* 背景を繰り返さない */
       background-position:center bottom; /* 中央下に配置 */
       padding :0 auto;
       margin:0 auto; /* 左右マージンを自動算出してセンタリング */
}

#entry_bottom {
        width: 700px;        
        text-align: right; /* 文字右寄せ */        
        overflow: hidden;
        margin:0 auto; /* 左右マージンを自動算出してセンタリング */
        padding :0 auto;
}


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

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


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

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

/* サブタイトル */
.site_info {
         text-align:left;
         font-size: 15px; /* 文字サイズ */
         color: #cccccc; /* 文字色 */            
         padding:0px 0px 0px 20px; /* 上右下左の順に記述 */
         margin: 0px 10px 0px 40px;
}

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


/* 記事部分等囲み */

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

/* 記事部分等タイトル */
.entry_title {  
        width : 700px; 
        font-size: 20px; /* タイトルなので文字を大きめにしました */
        color:silver; 
        font-weight: bold; /* 太字 */
        overflow:hidden; /* はみ出した部分を隠す */
        border-bottom: 1px solid #eeeeee; /* タイトルの下にラインを書いています */ 
        margin: 10px; /* 上下左右に間隔を取っています */   
}

/* リンク文字 */
.entry_title a {    
        color: #ffffff; /* 文字色 */
        text-decoration: none; /* 下線無し */
}

.entry_title a:hover { 
        color:silver; 
        position : relative; top: 1px; left: 1px
}

.entry_date {
       font-family: Georgia;
       font-size:20px;
       text-align : right;
       overflow:hidden; /* はみ出した部分を隠す */
       padding: 0px 10px 0px 0px;
 }

.entry_date a {
        text-decoration: none; /* 下線無し */
        color: silver; /* 文字色 */
}

.entry_date a:hover {
        text-decoration: none; /* 下線 */
        color: #ffffff; /* 文字色 */
        position : relative; top: 1px; left: 1px
}


/* ステータス */
.entry_state {
        text-align: right; /* 文字右寄せ */
        margin: 0px;
        padding: 0px;
}


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

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

/* メニュータイトル */
.menu_title { 
        width: 200px;   
        height : 35px;
        font-size: 15px; 
        font-weight: bold; /* 太字 */
        color: #ffffff; /* 文字色 */
        clear : both; /* 回り込み解除 */
        overflow:hidden; /* はみ出した部分を隠す */
        /* アイコン画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
         background: url() no-repeat;
         margin:0px;
         padding: 0px ;
}

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



/* トラックバック  -----------------------------------*/

.trackback_url {
        margin:5px 0 5px 0px;
        padding :0px;
}

.trackback_textarea {
        display:block;
        width:370px;
        height:16px;
        margin:5px 0 5px 0px;
        border:1px solid #eeeeee;

}

.trackback_referer {
        font-weight:700;
        margin:5px 0 10px 0px;
        padding :0px;
}

.trackback_body {
        margin:5px 0 5px 0px;
        padding:0;
}

.trackback_state {
        border-top:solid 1px #eeeeee;
        text-align:right;
        margin:5px 0 10px 0px;
        padding :0px;
}


/* コメントエリア  --------------------------------*/

.comment_body {
        width : 700px;
        margin:10px 0px 0 10px;
        padding :0px 10px 0px 10px;
}
.comment_state {
        width:700px; 
        text-align:right;
        color: #999999; /* 文字色 */
        border-bottom: 1px solid #eeeeee;
        margin:0 0 0 10px;
        padding :10px 0 0px 0px;
}
.comment_form {
        margin:0 0 0 10px;
        padding :10px 10px;
        background:transparent;
}

.form_text,.form_text2 {
        display:block;
        width:150px;
        height:16px;
        border:1px solid #eeeeee;

}
.form_text2 {
        width:250px;
}
.form_textarea {
        display:block;
        width:350px;
        border:1px solid #eeeeee;
        background: url() no-repeat right bottom;
}

.form_button {
        color: #999999; /* 文字色 */
        border:1px solid #eeeeee;
        margin:5px 0;
}


.form_button2 {
        color: #999999; /* 文字色 */
        border:1px solid #eeeeee;
        background:;
}

form label {
        display:block;
}

form label.secret {
        display:block;
        margin-bottom:5px;
}

/* コメントリストの設定 --------------------------- */
.sidehide{display:none;}

.topentry_comment_body{
        width:680px; 
        color: #666666; /* 文字色 */
        border-bottom: 1px solid #eeeeee;
        margin:0 10px 0 10px;
        padding :0px 10px 10px 10px;
}
.comment_title {
        width:680px; 
        font-size:17px;
        color: #666666; /* 文字色 */
        text-align: left;
        font-weight: bold;
        margin:0 10px 0 10px;
        padding :10px 0 0 0px;
}

.come-list {
        width:680px; 
        font-size: 17px;
        font-weight: bold;
        color: #999999; /* 文字色 */
        text-align: center;
        margin:0 10px 0 10px;
        padding :0px 10px 10px 10px;
        background: url() no-repeat;
        background-position : center;
}
         
/* ページ移動 ------------------------------*/

.entry_navi {font-size: 12px; /* 文字サイズ */
        text-align: center;
        margin-bottom: 10px;
        padding: 0px;
}

.page_navi {
       margin: 10px; /* 上下左右に間隔を取っています */
       text-align: center; /* 文字中央寄せ */
}

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

.line_calendar {
        float :right;
        width :740px;
        font-size : 12px;  
        color: #999999; /* 文字色 */
        text-align:center; 
        font-family : Georgia;
        margin: 20px 0px 5px 0px;
        padding-top : 5px;
} 

.line_cal_day { 
        margin-left:3px; 
        margin-right:3px;
}

.line_calendar a {
        text-decoration: none; /* 下線無し */
        color: #ffffff; /* 文字色 */
}

.line_calendar a:hover {
        text-decoration: none; /* 下線 */
        color : silver;
        position : relative; top: 1px; left: 1px
}

/* カレンダー枠テーブル ---------------------------*/

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;
}

/*パンくずリスト ---------------------------------*/

.pankuzu {
        font-size:12px; 
        text-align:left; 
        margin:5px 0px 10px 40px;
} 

.pankuzu  {
        text-decoration: none; /* 下線無し */
        color:silver; 
}

.pankuzu a {
         text-decoration: none; /* 下線無し */
         color: #ffffff; /* 文字色 */
}
.pankuzu a:hover {
         text-decoration: none; /* 下線 */
         color : silver;
         position : relative; top: 1px; left: 1px
}

.code {
        font-size: 12px;
        font-weight:bold;
        overflow:scroll;
        color: #4a4a4a;
        margin: 3px 3px;
        padding: 3px;
        border: 1px dotted #ffdfdf;
        background: url()
}


/*フリーエリア -----------------------------------*/

.news { float :right;
          width : 700px;
          text-align :left;           
          font-size : 12px;
          line-height : 1.5;
/* アイコン画像を入れる場合は、backgroundのurl()内の画像の参照先を変更してください */
         background: url() no-repeat;  
         background-position:center ; /* 配置 */
         margin:0 auto; /* 左右マージンを自動算出してセンタリング */
         padding :0 auto;
}

/* 引用文枠 -------------------------------------*/

blockquote {
         width : 600px;
         clear: both;
         /* 枠線を描いています */
         border: 1px solid  #eeeeee;
         font-size:12px;
         background-position:center ; /* 配置 */
         padding: 10px 20px;
         margin:0 auto; /* 左右マージンを自動算出してセンタリング */
}

.day_interval{
 padding: 2px;
}
/* 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;
}