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

/* 全体 */
html {
    margin: 0;
    padding: 0;
    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: 1em;
}

/* リンク */
a { color: #69f; text-decoration: underline; }
a:hover { color: #f6f; text-decoration: underline; }

#banner a,
#footer a { color: #69f; text-decoration: none; }
#banner a:hover,
#footer a:hover, { color: #f6f; text-decoration: none; }

.module-content a,
.entry-footer a { color: #69f; text-decoration: none; }
.module-content a:hover,
.entry-footer a:hover { color: #f6f; text-decoration: underline; }

.entry-header a { color: #69f; text-decoration: none; }
.entry-header a:hover { color: #f6f; text-decoration: underline; }

a img { border: 0; }


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


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

/* ヘッダー */
#banner {
    background: #FFF;
    border: 3px double #C0C0C0;
    margin: 0px 0px 10px 0px;
}

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

#banner-header {
    margin: 0;
    color: #666;
    font-size: large;
    font-weight: bold;
    line-height: 1;
}

#banner-description {
    padding: 5px 5px 5px 5px;
    color: #999;
    background: #FFF;
    font-size: small;
    font-weight: nomal;
    line-height: 1.125;
    text-align: right;
    border-bottom: 1px solid #C0C0C0;
}

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

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


/* 内枠 */
#pagebody {
    width: 100%; 
}


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


/* 日付 */
.date-header {
    position: static;
    clear: both;
    margin-bottom: 2px;
    font-size: small;
    text-align: right;
    padding: 3px;
    color: #999;
}


/* エントリー・アーカイブ */
.entry,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-content,
.archive-content {
    position: static;
    clear: both;
    line-height: 150%;
    padding: 5px 10px 20px 10px;
}

.entry-body,
.entry-more {
    clear: both;
}

.entry-more-link {
    clear: both;
    font-size: small;
}

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

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

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

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

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

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


/* コメント・トラックバック */
.comments,
.trackbacks {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

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

.comments-header,
.comments-open-header,
.trackbacks-header {
    position: relative;
    width: 100%;
    margin: 10px 0px 15px 0px;
    border: 1px solid #DCDCDC;
    padding: 5px;
    color: #666;
    background: #FFFFFF;
    font-size: medium;
    font-weight: bold;
    line-height: 1;
    text-transform: nomal;
}

.comment-content,
.comments-open-content,
.trackback-content {
    clear: both;
    margin: 0;
    line-height: 1.5;
    margin-left: 10px;
}

.comment-footer,
.comments-open-footer,
.trackback-footer {
    clear: both;
    margin: 0 0 20px 0;
    padding-bottom: 3px;
    border-bottom: 1px solid #DCDCDC;
    color: #666;
    font-size: small;
    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: medium;
}

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

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

img.image-full { width: 100%; }


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


/* サイドバー */
.module {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px 0;
}

.module-content {
    position: relative;
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 0px;
    font-size: small;
    line-height: 130%;
}

.module-header {
    position: relative;
    width: 93%;

    margin: 0;
    padding: 5px;
    color: #666;
    background: #FFFFFF;
    font-size: medium;
    font-weight: bold;
    line-height: 1;
    text-transform: nomal;
    border: 1px solid #DCDCDC;
}

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

.module-list-item {
    margin-top: 2px;
    margin-bottom: 3px;
    color: #666;
    line-height: 130%;
}

.module-search input { font-size: small; }
.module-search #search { width: 70%; }


/* カレンダー */
.module-calendar table {
    border-collapse: collapse;
    font-size: small;
}

.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: xx-large; }
.module-tagcloud li.taglevel2 { font-size: x-large; }
.module-tagcloud li.taglevel3 { font-size: large; }
.module-tagcloud li.taglevel4 { font-size: medium; }
.module-tagcloud li.taglevel5 { font-size: smallpx; }
.module-tagcloud li.taglevel6 { font-size: x-smallpx; }

/* 1カラム */

.layout-one-column #container { width: 650px; }
.layout-one-column #banner { width: 100%; }
.layout-one-column #footer { width: 100%; }
.layout-one-column #alpha {
    display: inline;
    position: relative;
    float: left;

    margin: 0px;
    padding: 15px 15px 0px 15px;
    background: #FFFFFF;
}

/* 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 {
    display: inline;
    position: relative;
    float: left;
    width: 218px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    margin: 0px 0px 10px 0px;
}

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

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

.layout-two-column-left #beta-inner {
    position: static;
    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 {
    display: inline;
    position: relative;
    float: left;
    width: 530px;
    background: #FFFFFF;
    margin: 0px;
}

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

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

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


/* 3カラム */

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

.layout-three-column #alpha {
    display: inline;
    position: relative;
    float: left;
    width: 190px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    margin: 0px 0px 10px 0px;
}

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


.layout-three-column #beta {
    display: inline;
    position: relative;
    float: left;
    width: 416px;
    background: #FFFFFF;
    margin: 0px;
}

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

.layout-three-column #gamma {
    display: inline;
    position: relative;
    float: left;
    width: 190px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    margin: 0px 0px 10px 0px;
}

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

<!-- Source: Dynamic Drive CSS Library -->
<!-- URL: http://www.dynamicdrive.com/style/ -->

.basictab{
 width: 800px;
 padding: 3px 0;
 margin-left: 0;
 font: bold 12px Verdana;
 border-bottom: 1px solid gray;
 list-style-type: none;
 text-align: left;
/*set to left, center, or right to align the menu as desired*/
}
.basictab li{
 display: inline;
 margin: 0;
}
.basictab LI A{
 text-decoration: none;
 padding: 3px 7px;
 margin-right: 3px;
 border: 1px solid gray;
 border-bottom: none;
 background-color : #d5ffff;
 color: #2d2b2b;
}
.basictab li a:visited{
 color: #2d2b2b;
}
.basictab LI A:HOVER{
 background-color : #fcfaa5;
 color : black;
}
.basictab li a:active{
 color: black;
}
.basictab LI.selected A{
 /*selected tab effect*/
position: relative;
 top: 1px;
 padding-top: 4px;
 background-color : #fcfaa5;
 color : black;
}

blockquote{
 background-color: #FFC;
 color: #000;
}