/* MTカスタマイズ法収集ブログ　テンプレート　mtc00_xx33
Movable Type 3.33対応
詳細はhttp://mt.rambler-style.com/の各ページにて
 */

/* 全体 */
html {
    margin: 0;
    padding: 10px 0x 0px 0px;
    font-family: Verdana, Arial, sans-serif;

    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #333333;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #333333;
    scrollbar-face-color: #DCDCDC;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
}


/* ページ全体 */
body {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #333;
    background: #FFFFFF;
    font-size: 12px;
}

/* リンク */
a { color: #586F94; text-decoration: underline; }
a:hover { color: #a3b8cc; text-decoration: underline; }

#banner a,
#footer a { color: #666; text-decoration: none; }
#banner a:hover,
#footer a:hover, { color: #a3b8cc; text-decoration: none; }

.module-content a,
.entry-footer a { color: #586F94; text-decoration: none; }
.module-content a:hover,
.entry-footer a:hover { color: #a3b8cc; text-decoration: underline; }

.entry-header a { color: #666; text-decoration: none; }
.entry-header a:hover { color: #a3b8cc; text-decoration: underline; }

a img { border: 0; }


/* 見出し */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }


/* 外枠 */
#container {
    margin: 0 auto;
    background: #FFF;
    text-align: left;
}

/* ヘッダー */
#banner {
    background: #FFF;
    border: 1px double #C0C0C0;
    margin: 0px 0px 10px 0px;
background-image: url(http://cranberry.be/BG04.JPG);
background-repeat: repeat;
background-position: top-left;
}

#banner-inner {
    padding: 75px 20px 10px 10px;
}

#banner-header {
    margin: 0;
    color: #FFF;
    font-size: xx-large;
    font-weight: bold;
 text-align: center;
}

#banner-description {
    padding: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
}

/* フッター */
#footer
{
    border: 1px double #C0C0C0;
    color: #666;
    text-align: right;
    clear: both;
    font-size: 10px;
    margin: 10px 0px 0px 0px;
}

#footer-inner {
    padding: 5px 10px 5px 10px;
}


/* ナビ */
.content-nav {
    font-size: 10px;
    margin: 0px 0px 10px 0px;
    text-align: center;
}


/* 日付 */
.date-header {
    font-size: 10px;
    text-align: right;
    padding: 3px 3px 3px 3px;
    color: #999;
}


/* エントリー・アーカイブ */
.entry,
.archive {
    margin: 0px 0px 10px 0px;
    line-height: 150%;
}


.entry-body,
.entry-more {
    clear: both;
    padding: 0px 5px 0px 10px;
}

.entry-more-link {
    font-size: 10px;
}

.entry-header {
    margin: 0;
    border-left: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 5px 5px 5px 10px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

.entry-footer {
    margin: 0;
    padding: 3px 3px 3px 3px;
    border-top: 1px solid #DCDCDC;
    color: #666;
    font-size: 10px;
    text-align: right;
}

.entry-tags {
    padding: 0px 0px 10px 5px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px 0px 0px 5px;
}

.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* コメント・トラックバック */
.comments,
.trackbacks {
    margin: 0px 0px 20px 0px;
    line-height: 150%;
}

#trackbacks-info {
    margin: 0;
    padding: 0;
    text-align: center;
}

.comments-header,
.comments-open-header,
.trackbacks-header {
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 5px 0px;
    border: 1px solid #DCDCDC;
    color: #666;
    font-weight: bold;
    line-height: 100%;
}

.comment-content,
.comments-open-content,
.trackback-content {
    margin: 0;
    padding: 0px 10px 0px 10px;
}

.comment-footer,
.comments-open-footer,
.trackback-footer {
    margin: 0 0 20px 0;
    padding: 0px 0px 3px 0px;
    border-bottom: 1px solid #DCDCDC;
    color: #666;
    font-size: 10px;
    text-align: right;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 90%;
    font-family: Verdana, Arial, sans-serif; 
    font-size: 12px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

#comment-post {
    font-weight: bold;
}


/* フォーム */
form { margin: 0; padding: 0; }
form textarea#comment-text { width: 90%; }


/* サイドバー */

.module-content {
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
    font-size: 11px;
    line-height: 150%;
}

.module-header {
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    border: 1px solid #DCDCDC;
}

.module-list {
    padding: 0px 0px 0px 5px;
    margin: 5px 0px 5px 0px;
    list-style: none;
}

.module-list-item {
    margin: 2px 0px 2px 0px;
    color: #666;
}

/* 検索 */
.module-search input { font-size: 11px; }
.module-search #search { width: 90%; }


/* カレンダー */
.module-calendar table {
    border-collapse: collapse;
    font-size: 10px;
    line-height: 120%;
}

.module-calendar th,
.module-calendar td {
    width: 17%;
    text-align: center;
}



/* サイドバータグ */
.module-tagcloud .module-list { text-align: left; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item { display: inline; }
.module-tagcloud li.taglevel1 { font-size: 14px; }
.module-tagcloud li.taglevel2 { font-size: 13px; }
.module-tagcloud li.taglevel3 { font-size: 12px; }
.module-tagcloud li.taglevel4 { font-size: 11px; }
.module-tagcloud li.taglevel5 { font-size: 10px; }
.module-tagcloud li.taglevel6 { font-size: 9px; }

/* 1カラム */

.layout-one-column #container { width: 650px; }
.layout-one-column #banner { width: 100%; }
.layout-one-column #footer { width: 100%; }
.layout-one-column #alpha {
    float: left;
    margin: 0px;
    background: #FFFFFF;
}

.layout-one-column #alpha-inner {
    padding: 15px 15px 0px 15px;
}

/* 2カラム(左サイドバー) */

.layout-two-column-left #container { width: 750px; }
.layout-two-column-left #banner { width: 100%; }
.layout-two-column-left #footer { width: 100%; }

.layout-two-column-left #alpha {
    float: left;
    width: 218px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    margin: 0px 0px 10px 0px;
}

.layout-two-column-left #alpha-inner {
    padding: 15px 10px 0px 10px;
}

.layout-two-column-left #beta {
    float: left;
    width: 530px;
    background: #FFFFFF;
    margin: 0px 0px 10px 0px;
}

.layout-two-column-left #beta-inner {
    padding: 15px 10px 0px 20px;
}


/* 2カラム(右サイドバー) */

.layout-two-column-right #container { width: 750px; }
.layout-two-column-right #banner { width: 100%; }
.layout-two-column-right #footer { width: 100%; }

.layout-two-column-right #alpha {
    float: left;
    width: 530px;
    background: #FFFFFF;
    margin: 0px 0px 10px 0px;
}

.layout-two-column-right #alpha-inner {
    padding: 15px 20px 0px 10px;
}

.layout-two-column-right #beta {
    float: left;
    width: 218px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    margin: 0px 0px 10px 0px;
}

.layout-two-column-right #beta-inner {
    padding: 15px 10px 0px 10px;
}


/* 3カラム */

.layout-three-column #container { width: 910px; }
.layout-three-column #banner { width: 100%; }
.layout-three-column #footer { width: 100%; }

.layout-three-column #alpha {
    float: left;
    width: 170px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
}

.layout-three-column #alpha-inner {
    padding: 15px 10px 0px 10px;
}


.layout-three-column #beta {
    float: left;
    width: 556px;
    background: #FFFFFF;
}

.layout-three-column #beta-inner {
    padding: 15px 10px 0px 10px;
}

.layout-three-column #gamma {
    float: left;
    width: 170px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
}

.layout-three-column #gamma-inner {
    padding: 15px 10px 0px 10px;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0 20px;
    padding: 10px;
    border: 1px solid #666666;
    background: #f6f6f6;
    font-size: 12px;
    line-height: 150%;
}
.quotetitle { /* 引用文タイトル */
    font-size: 12px;
    border-bottom: 1px solid #666666;
    padding: 3px;
}

/* 引用クラス */
.ex { 
background-color: #FDF7E3;
border: 1px solid #CC9966;
margin-right: 5px;
margin-left: 7px;
padding: 3px;
}


select {
	width: 150px;
	color: #000;
	background: #fff;
	padding: 1px;
	font: normal 10px/140% tahoma;
}