/*
Theme Name; Caramel*mode [2008]
Theme URL:http://caramel-mode.jp/
Description: Design for Caramel*mode
Author: Amane Aiba
*/


/* Caramel*mode CSS [2008]
------------------------------------------------*/
body    {
         text-align: center;
        }

a         {
           color: #6699ff;
          }

a:hover   {
           color: #99ccff;
          }

/* アウトライン　[960px]
------------------------------------------------*/
.outline {
         width: 960px;
         text-align: left;
         border:solid 1px;
        }

#header, #main, #inner-left, #inner-right, #footer {
         margin: 0;
        }

/* インナー左　[770px]
------------------------------------------------*/

#inner-left {
         float: left;
         width:770px;
        }

/* インナー右 [190px]
------------------------------------------------*/
#inner-right {
         float: right;
         width: 190px;
         padding:0 0 0;
        }

/* サイドバー [270px]
------------------------------------------------*/
#sidebar {
        float: left;
        width: 270px;
       }

/* コンテンツ [480px + 10*2px]
------------------------------------------------*/
#content {
         float: right;
         width: 480px;
         padding:0 10px 0 10px;
        }

/* ヘッダーデザイン [TOP絵は 960*345px]
------------------------------------------------*/
#header {
         position: relative;
         top: 0;
         left: 0;
        }

#header h1 {
         margin: 0;
         background: #000000 url('images/winx.jpg') no-repeat;
         height: 345px;
        }

#header h1 img {
         border: none;
         margin: 0.5ex 0 1ex 0.5ex;
        }

#count  {
         position: absolute;
         padding: 5px 10px 5px 15px;
         font-size: 0.75em;
         text-align: right;
         color: #ffffff;
         background: url('images/count.gif') no-repeat;
         top: 15px;
         right: 0px;
         height:40px;
        }


#header ul {
         margin: 0;
         padding: 0;
         list-style-type: none;
         height: 30px;
         font-family: ＭＳ Ｐゴシック;
　　　　　font-weight: bold;
         font-size: 0.75em;
         }

#header li {
         text-align: center;
         line-height: 30px;
         float: left;
        }

#header li a {
         display: block;
         width: 120px;
         background: url('images/menu.gif') no-repeat;
         text-decoration: none;
         color: #333333;
        }

#header li a:hover {
         background: url('images/menuh.gif') no-repeat;
        }


/* メイン　以下フッター前まで内包
------------------------------------------------*/
#main   {
         padding-top: 1em;
        }

.clear  {
         clear: both;
         margin:0;
         padding: 0;
         height: 0;
         }

/* サイドバーデザイン
------------------------------------------------*/

#sidebar h2,#inner-right h2 {
         font-size: 0.8em;
         margin: 1.75ex 0 0.125ex 0;
         padding: 0.5ex 0 0.25ex 3.75ex;
         color: #000000;
         height: 20px;
        }

#sidebar h2 {
         background: url('images/cap.gif') no-repeat;
        }

#inner-right h2 {
         background: url('images/cap2.gif') no-repeat;
        }

#sidebar dl {
         font-size:0.75em;
         margin: 0.25ex 0 2ex 1ex;
         width: 255px;
         border: 1px solid  #e0e0e0;
        }

#sidebar dt {
         float: left;
         width: 50px;
         padding: 5px 0 5px 3px;
         clear: both;
         font-weight: bold;
         }

#sidebar dd {
         width: 180px;
         margin-left: 50px;
         padding: 5px 0 5px 5px;
         border-left:1px solid #e0e0e0;
        }


#sidebar ul, #inner-right ul {
         margin: 0 0 0 3.25ex;
         padding: 0;
         font-size: 0.75em;
         line-height: 130%;
         list-style-type: none;
         list-style-image: url('images/list.gif');
        }

#sidebar li, #inner-right li {
         padding: 0 0 0.5ex 0.5ex;
        }

#sidebar .two li {
         float: left;
         list-style-image: none;
        }

#sidebar li img {
         border: none;
        }

/* コンテンツデザイン
------------------------------------------------*/

.post   {










         margin-bottom: 40px;
        }

.post h2 {
         font-size: 1em;
         padding: 5px 0 0.5ex 30px;
         background: url('images/mark.gif') no-repeat;
         border-bottom: 2px solid #ffcc44;
        }

.post h2 a {
         text-decoration: none;
         color: #222222;
        }

.post p {
         margin-left: 30px;
         font-size: 0.75em;
         color:#444444;
         line-height:150%;
        }

.post ul {
         color: #666666;
         font-size: 0.75em;
         margin-left: 30px;
         padding: 0;
         list-style-image: url('images/list2.gif');
        }

.post li {
          margin-bottom: 0.7ex;
        }

.post dl {
         font-size:0.75em;
         margin: 0.25ex 0 2ex 30px;
         width: 430px;
         border: 1px solid  #e0e0e0;
        }

.post dt {
         float: left;
         width: 80px;
         padding: 5px 0 5px 5px;
         clear: both;
         font-weight: bold;
         }

.post dd {
         width: 320px;
         margin-left: 80px;
         padding: 5px 5px 5px 10px;
         border-left:1px solid #e0e0e0;
        }

#postmetadata {
        margin-bottom: 0;
        padding:0;
       }

.post a img {
         border:1px solid #000000;
          }

.pagenav {
         font-size:0.75em;
         }

/* パンくずリスト
------------------------------------------------*/
#bread {
        margin: 5px 15px;
        font-size: 0.545em;
        font-weight: bold;
        text-align: right;
       }

/* メッセージフォームデザイン
------------------------------------------------*/
.post form {
         border-top: 1px dashed #cccccc;
         margin-top: 5px;
         margin-left: 30px;
         padding-top: 8px;
         marginbottom: 0;
         font-size:0.65em;
         color: #666666;
        }

.post input {
         height: 14px;
         width: 330px;
        }

#hcom  {
        height:16px;
       }

#message {
        margin:0.5ex 0 0 ;
        width: 105px;
        height: 20px;
        font-size:0.95em;
        background: url(images/mbutton.gif) no-repeat;
        border:none;
        font-weight: bold;
       }

#message:hover {
        background: url(images/mbuttonh.gif) no-repeat;
       }


.post label {
         font-size: 1.5em;
        }

#button input {
        margin:0.5ex 0 0 ;
        width: 105px;
        height: 20px;
        background: url(images/mbutton.gif) no-repeat;
        border:none;
        font-weight: bold;
       }

#button input:hover {
        background: url(images/mbuttonh.gif) no-repeat;
       }


/* インナー右デザイン
------------------------------------------------*/
#inner-right {
         padding:0 0 0;
        }

#inner-right form {
         margin:0.5ex 0 1.5ex 2.75ex;
        }

#inner-right div{
         font-size:0.75em;
        }

#doujin li {
         border-bottom:1px dashed #cccccc;
        }

#doujin li a image {
         border:1px solid #000000;
         margin-top: 0.75ex;
        }

/* フッター
------------------------------------------------*/
#footer {
         clear: both;
        }

#footer address {
         background-color: #ffcc66;
         font-size: 0.75em;
         padding: 0.35ex 0 0.75ex;
         text-align: center;
         color: #444444;
         font-style: normal;
        }


/* フォームデザイン
------------------------------------------------*/
#searchform {
         margin:0;
        }

#searchtext {
         width:105px;
         height:14px;
         margin:0;
        }

#searchsubmit {
         margin:0.5ex 0 0 ;
         width: 45px;
         height: 20px;
         background: url(images/button.gif) no-repeat;
         border:none;
         color: #ffffff;
        }


/* リンク集デザイン
------------------------------------------------*/
img.faviconimg {
    border:0;
    width:11px;
    height:11px;
    margin: 0 0.75ex;
} 

ul.favilist {
    list-style:none;
    font-size: 0.75em;
    }

.favilist li {
         margin: 0 0 0.5ex 0.5ex;
        }