/* base css */
@import url(/.shared-tpjbiz/themes/common/base-weblog.css);



/* portal css */


/* theme css */
/* general page elements */

a
{
text-decoration: underline;

}

a:link { color: #006699; }
a:visited { color: #006699; }
a:hover { color: #006699; }
a:active { color: #006699; }


/* layout */

body
{
margin: 0;
color: #333333;
background: #FFFFFF;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
font-weight: normal;
font-size: medium;
line-height: 120%;
}

#container { position: static; }


#container-inner
{
position: static;
border: 1px solid #999999;
background: #FFFFFF;
}

#banner
{
border: 0;
/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
color: #FFFFFF;
background: #FFF;
text-align: left;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
}

#banner-inner { padding: 0; }

#banner a
{
color: #FFFFFF;
text-decoration: none;
}

#banner-header
{
margin:0;
font-size: xx-large;
font-weight: bold;


}

#banner-description
{
margin:0;
font-size: small;
}

/* banner image */

#banner
{
height: 160px;
background-image: url("http://proselection.weblogs.jp/blogbanner/03.jpg");
background-repeat: no-repeat;
text-align: left;
}

#banner-inner { overflow: visible; padding: 0; }

#banner-header
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#banner-header a
{
display: block;
left: 0;
top: 0;
height: 190px;
text-indent: -1000em;
}

#banner-description
{
overflow: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
text-indent: -1000em;
}



/* default to artistic/calendar/timeline layout */

#container
{
width: 900px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
width: 155px; /* 125px + 15px + 15px */


}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
width: 465px;

}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
margin: 0 0 10px 0;
border-bottom: 1px solid #333333;
padding: 3px;
color: #333333;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
font-size: small;
text-align: left;
font-weight: bold;


}

.entry
{
                border: 1px solid #CCC;
padding: 15px 15px 15px 15px;
}

.entry-header
{
margin: 1px 0 10px 0;
border-bottom: 1px solid #CCCCCC;
padding: 3px 3px 3px 0;
color: #000000;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
font-size: large;
text-align: left;
font-weight: bold;

}

.entry-header a
{
text-decoration: none;
font-weight: bold;
}

.entry-header a:link { color: #000000; }
.entry-header a:visited { color: #000000; }
.entry-header a:hover { color: #000000; }
.entry-header a:active { color: #000000; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
margin: 10px 0;
}



.trackbacks-info,
.trackback-content
{
font-size: small;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
margin: 0 0 10px 0;
border: 0;

color: #666666;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
font-size: small;
line-height: normal;
text-align: right;
font-weight: bold;


}

#comment-author, #comment-email, #comment-url, #comment-text
{
width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
width: 100%;;
}


/* modules */



.module-header
{
margin: 0;
        padding:0;
        text-indent:-1000px;
}
.module-content
{
margin: 0;
padding:5px;
color: #333333;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
font-size: small;
line-height: 120%;
background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/bg_module_content.gif) repeat-y;
text-align: left;
}
.module-content-gamma
{
margin: 0;
padding:5px;
color: #333333;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
font-size: small;
line-height: 120%;
background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/bg_module_content_gamma.gif) repeat-y;
text-align: left;
}

.module-bottom {
        height:8px;
        background:#FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/bg_module_bottom_alpha.jpg) no-repeat;
        margin: 0 0 15px;}
.module-bottom-gamma {
        height:8px;
        background:#FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/bg_module_bottom_gamma.jpg) no-repeat;
        margin: 0 0 15px;}

.module-list { margin: 0 0 0 5px; }
.module-list-item { margin: 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module-categories h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_cate.jpg) no-repeat; height: 34px;}
.module-calendar h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_calendar.jpg) no-repeat; height: 34px;}
.module-recent-trackbacks h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_trackback.jpg) no-repeat; height: 34px;}
.module-archives h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_archive.jpg) no-repeat; height: 34px;}
.module-monitor h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_monitor.jpg) no-repeat; height: 34px;}
.module-monitor2 h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_monitor2.jpg) no-repeat; height: 58px;}

.module-writer h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_writer.jpg) no-repeat;height: 32px;}
.module-newEntry h2{background: #FFF url(http://proselection.weblogs.jp/epson_proselection_blog/img/h2_newentry.jpg) no-repeat;height: 32px;}

.module-about {margin-bottom:15px;}
.module-site-banner {margin-bottom:15px;}
.module-photo .module-content
{
text-align: left;
}

.module-powered { text-align: left; }

.module-writer-prof{background: #EEE; font-size:x-small; margin:0 2px 5px; }
.module-writer-prof p#illust{text-align:center; margin:0; padding:5px 0 0; font-weight:bold;}
.module-writer-prof p#desc{ text-align:left; margin:0; padding:0 5px 5px;}

.module-calendar .module-header
{
color: #666666;
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
font-size: small;
border: 0;
text-align: left;
font-weight: bold;

text-transform: uppercase;

letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
text-align: center;
font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
width: 70px; /* ie mac fix */
height: 70px; /* for appearance with varying image border widths */
margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
float: left;

}


/* moblog1 tweaks */

.layout-moblog1 #container
{
width: 780px;
}

.layout-moblog1 #alpha
{
width: 200px;

}

.layout-moblog1 #alpha-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog1 #beta
{
width: 380px;


}

.layout-moblog1 #beta-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog1 #gamma
{
width: 200px;

}

.layout-moblog1 #gamma-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}


/* moblog2 tweaks */

.layout-moblog2 #container
{
width: 780px;
}

.layout-moblog2 #alpha
{
width: 100px;

}

.layout-moblog2 #alpha-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog2 #beta
{
width: 350px;


}

.layout-moblog2 #beta-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog2 #gamma
{
width: 190px;

}

.layout-moblog2 #gamma-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog2 #delta
{
width: 140px;

}

.layout-moblog2 #delta-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

.layout-timeline #alpha
{
width: 390px; /* 285px + 15px + 15px */


}

.layout-timeline #beta
{
width: 390px;

}

.layout-timeline #beta #gamma { width: 175px; }
.layout-timeline #beta #delta { width: 170px; }



/* one-column tweaks */

.layout-one-column #container
{
width: 402px;
}

.layout-one-column #alpha
{
display: block;
float: none;
width: auto;
}

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


/* two-column-left tweaks */

.layout-two-column-left #container
{
width: 602px;
}

.layout-two-column-left #alpha
{
width: 200px;

}

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

.layout-two-column-left #beta
{
width: 400px;


}

.layout-two-column-left #beta-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}


/* two-column-right tweaks */

.layout-two-column-right #container
{
width: 602px;
}

.layout-two-column-right #alpha
{
width: 400px;


}

.layout-two-column-right #alpha-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-two-column-right #beta
{
width: 200px;

}

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


/* three-column tweaks */

.layout-three-column #container
{
width: 900px;
}

.layout-three-column #alpha
{
width: 170px;

}

.layout-three-column #alpha-inner
{
border: 0;
                width:156px;
padding: 15px 0 15px 15px;
background: #FFFFFF;
}

.layout-three-column #beta
{
/*width: 420px;*/
width: 560px;

}

.layout-three-column #beta-inner
{
border: 0;
margin: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-three-column #gamma
{
width: 130px;
                float:right;

}

.layout-three-column #gamma-inner
{
width: 118px;
border: 0;
padding: 15px 15px 15px 0;
                margin:auto;
}


/* user css */

.module-site-banner p#illust{text-align:center; margin:0; padding:5px 0 0; font-weight:bold;}
.module-site-banner hr
{
border-style: dotted none none none;
border-top-width: 1px;
border-top-color: #221815;
height: 1px;
margin-top: 0px;
margin-bottom: 0px;
}

/*
カスタムCSSについて

TypePadのブログをカスタマイズする、代表的なCSS指定は、コメントアウトとして記述されています。コメントアウトを解除することで、CSS指定を有効にすることができます。TypePadのカスタムCSS講座も参照ください。
http://www.sixapart.jp/typepad/inside/2005/12/001261.html
http://support.typepad.jp/cgi-bin/typepad_jp.cfg/php/enduser/std_adp.php?p_faqid=373

CSSの詳しい記述方法については、WEBサイトや書籍などを、参考にしてください。
*/

/*
指定しているのにうまくいかない場合

CSSセレクタの個別性が原因でうまく指定が反映されない可能性があります。セレクタの個別性順序は以下のようになります。

*         { color: black; }
span        { color: blue; }
p span      { color: green; }
span.memo   { color: red; }
span#memo { color: gray; }

の場合、<p><span class="memo" id="memo">サンプル</span></p>の『サンプル』という文字は上記セレクタの順序がちがっても、グレーになります。
指定が反映されない原因が、セレクタの個別性かどうか確認するには、優先させたいプロパティの値のあとに、! important と追加して指定してみてください。

例)

span { color: red ! important; }

*/