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


/* Portal */


/* Theme */
@import url(/.shared-tpjbiz/themes/vox/bbq-green/screen.css);


/* Custom */
/*
カスタムCSSについて

TypePadのブログをカスタマイズする、代表的なCSS指定は、コメントアウトとして記述されています。コメントアウトを解除することで、CSS指定を有効にすることができます。TypePadのカスタムCSS講座も参照ください。
http://start.typepad.jp/manual/customcss.html
http://help.sixapart.com/tp/jp-tp1/custom-css-guide.html

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

*/



/* ブログのバナー背景部分に画像を指定 */
/* 

div#banner
{
  background-image: url(http://example.typepad.jp/sample_design/myimages/background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  text-align: right;
}

*/

/* バナー部分の中身 */
/*
div#banner-inner {}
div#banner-inner h1#banner-header {}
div#banner-inner h2#banner-description {}
*/

/* ページの各部分の指定 */
/* 詳しくは http://help.sixapart.com/tp/jp-tp1/post_98.html */
/*
body {}
div#container {}
div#container div#container-inner {}

div#pagebody {}
div#pagebody div#pagebody-inner {}

div.entry {}
div.entry h3.entry-header {}
div.entry div.entry-content {}
div.entry div.entry-content div.entry-body {}
div.entry p.entry-footer {}
*/

/* レイアウト毎に異なる指定 */
/* １カラム */
/*
body.layout-one-column div#alpha {}
body.layout-one-column div#alpha-inner {}
*/
/* ２カラム （左サイドバー = alpha | 本文 = beta） */
/*
body.layout-two-column-left div#alpha {}
body.layout-two-column-left div#alpha-inner {}
body.layout-two-column-left div#beta {}
body.layout-two-column-left div#beta-inner {}
*/

/* ２カラム （本文 = alpha | 右サイドバー = beta） */
/*
body.layout-two-column-right div#alpha {}
body.layout-two-column-right div#alpha-inner {}
body.layout-two-column-right div#beta {}
body.layout-two-column-right div#beta-inner {}
*/

/* ３カラム （左サイドバー = alpha | 本文 = beta | 右サイドバー = gamma) */
/*
body.layout-three-column div#alpha {}
body.layout-three-column div#alpha-inner {}
body.layout-three-column div#beta {}
body.layout-three-column div#beta-inner {}
body.layout-three-column div#gamma {}
body.layout-three-column div#gamma-inner {}
*/

/* サイドバー・モジュールの指定 */
/*
div.module {}
div.module h2.module-header {}
div.module div.module-content {}
div.module-content ul.module-list {}
div.module-content ul.module-list li.module-list-item {}
*/

/* Layout */

#container {
    width: 800px;
}

#alpha,
#beta,
#gamma,
#delta {
    float: left;
}

#alpha {
    width: 550px;
}

#beta {
    width: 250px;
}

#gamma,
#delta {
    width: 200px;
}


/* Header */

#banner {
    width: 800px;
    margin: 0;
}

/* Two Column (Right) */

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

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

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



/*======================================

1-2. Font size setting

=======================================*/

p,
pre,
cite,
blockquote {
font-size: 102%;
}

dt,dd {
font-size: 102%;
}


/*======================================

1-4.Structure Module

=======================================*/

body {
padding-bottom: 1em;
padding-left: 20px;
color: #664032; 
background-color: #e7e7eb; /* BG Color */
background-image: url(http://emizollc.weblogs.jp/kazayomijp/images/back.gif); /* BG image */
background-repeat: repeat-x; /* BG image */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*======================================

1-5.Text Module

=======================================*/

p,
pre,
blockquote,
address,
cite {
margin: 0.5em 30px 1em;
}

h0,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0.8em 30px 0.5em;
}



h3 {
font-size: 112%;
}

h4 {
font-size: 100%;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 100%;
}

p {
line-height: 1.7;
}

br {
letter-spacing: 0;
}



strong {
color: #ba2636;
}



/*======================================

1-6.Hypertext Module

=======================================*/

a:link {
color: #634213;
}

a:visited {
color: #634213;
}

a:hover {
color: #ba2636;
}

/*======================================

1-7.List Module

=======================================*/

ul,
ol,
dl {
margin: 1em 30px;
}

ul,
ol,
dl {
padding: 1px 0;
list-style-position: inside;
}

ul {
list-style-type: circle;
}

li,
dt,
dd {
margin: 0.4em 10px;
}

dt {
color: #df7163;
margin-top: 0.6em;
}

dd {
color: #666;
margin-left: 20px;
margin-bottom: 0.6em;
}

/*======================================

1-10.Tables Module

=======================================*/

table {
margin: 1em 30px;
border: 1px solid #c099a0;
background-color: #fef4f4;
}

th,
td {
padding: 0 10px;
border-collapse: separate;
border-spacing: 1px;
}

th {
border-right: 1px solid #c099a0;
color: #fff;
background-color: #c099a0;
}

td {
border-right: 1px solid #c099a0;
border-bottom: 1px solid #c099a0;
background-color: #fff;
}

/*======================================

1-11.Image Module

=======================================*/

img {
vertical-align: bottom;
}

/*======================================

1-12.Object Module

=======================================*/

/*------------------------
banner
------------------------*/
#banner
{
  min-height: 160px;
　padding:0px;
  margin:0px;
  background-image: url(http://emizollc.weblogs.jp/kazayomijp/images/header.gif);
  background-repeat: no-repeat;
  background-position: center;

  background-color: #fff;
}

#banner-header  {
  text-indent: -9999px; /* textを飛ばす */
display:none;
}
#banner-description {
  text-indent: -9999px; /* textを飛ばす */
display:none;
}

/*------------------------
#nav
------------------------*/

#nav
{
background-color: #fff;
}

.nav-list
{
border-top: 1px solid #b68e54;
border-bottom: 1px solid #634213;
}

.nav-list-item
{
border-right: 1px solid #b68e54;
}

.nav-list-item a
{
font-size: 12px;
padding: 6px 10px 6px 0px;
font-weight:bold;
text-decoration:none;
}



/*------------------------
#entry
------------------------*/

.content-header h2 {
   display:none;
}

.entry-header {
        padding: 7px 20px 7px 45px;
        padding-bottom: 0.2em;

background-color: #fff;
background-image: url(http://emizollc.weblogs.jp/kazayomijp/images/tsubaki_hanass.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 125%;
font-weight: bold;
color: #634213;
}

.entry-header-page h3{
margin: 0px;
padding: 7px 20px 7px 85px;
border-top: 1px solid #b68e54;
border-bottom: 1px solid #b68e54;
color: #583822;
background-color: #fff;
background-image: url(http://emizollc.weblogs.jp/kazayomijp/images/tsubaki_hana_wide.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 152%;
font-weight: bolder;
}

.entry-header-h4 {
        padding: 7px 20px 7px 25px;
        padding-bottom: 0.2em;
border-bottom: 1px solid #b68e54;
background-color: #fff;
background-image: url(http://emizollc.weblogs.jp/kazayomijp/images/tsubaki_tsubomis.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 110%;
font-weight: bold;
color: #634213;
}

.module-powered .module-content,
.module-header {
    margin-bottom: 8px;
    border-top: 3.04px double #b68e54; 
    padding-top: 8px;
    padding-bottom: 0.29em;
    padding-left: 0;
    margin: 0 14px 8px 15px;
}


.module-header,
.module .module-header a,
.module-header .edit a { 
    font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: #333;
    border-left-color: #333;
}

.module-header .edit a { 
    font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
    text-transform: none;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: normal;
}

.module a {
    text-decoration: none;
}

.module a:hover,
.module-header a:hover,
.module-header .edit a:hover {
    text-decoration: underline;
}

.module ul,
.module ol,
.module dl {
    margin-bottom: 0; 
}

.asset-stream-module img {
    margin: 0;
    padding: 0;
    border: 1px solid #999;
}

.archive-module .module-list .item a {
    font-weight: normal;
} 

.module-header,
.module-content {
    margin-right: 15px;
    margin-left: 15px;
}

.module-header {
    font-size: 12px;
}

.module-header a {
    text-decoration: none;
}

.module-header a:hover {
    text-decoration: underline;
}

.module-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12px;
}


.trackbacks,
.reactions,
.comments,
.archive {
display:none;
}

.entry-footer,
.trackback-footer,
.comments-open-footer,
.archive-content {
display:none;
}