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

/* Portal */


/* Theme */
@import url(/.shared-tpjbiz/themes/loftwork/loftwork23/theme.css);


/* Custom */
/* ------------ container */

/* ---- three-column*/
#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 900px;
	text-align: left;
}

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

div#container {}
div#container div#container-inner {width: 900px;}
div#pagebody {}
div#pagebody div#pagebody-inner {background-color:#fff;}

/* ------------ banner */
#banner {
    margin: 0 0 0 0;
    padding: 0 0;
    background: white url(theme-image/banner_title.gif) no-repeat center top;
    text-align: center;
}

div#banner{
	background-image: url(http://blog.keibaoh.com/blog_header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: right;
	padding:0 0 10px 0;
	height:315px;
	width: 900px;
}
div#banner-inner {
	width: 900px;
}

/* ------------ container */
div#container {
    background: white url() center top repeat-y;
    text-align: center;
	width: 900px;
}

div#container-inner {
    margin: 0 auto;
    padding: 0 0px;
    background: transparent url() center top no-repeat;
    text-align: left;
	width: 900px;
	position:relative;

}


/*
div#beta h2{
	background-image: url();
	background-repeat: no-repeat;
	background-position: center;
	text-align: right;
	background-color:#f5f5f5;
}
*/

/*****/
/*ヘッダのナビゲーションボタン*/

div#head_navi{
	width: 900px;
height:36px;
text-align:left;
background-color:white;

}

div#navi_btn{
	width: 900px;
}


div#navi_btn ul,li	{
	list-style: none;
}

div#navi_btn .navi	{
	width: 900px;
position:relative;
padding:0;
margin:0;
}

div#navi_btn .navi li	{
float:left;
width:150px;
height:30px;
background-color:#226;
text-align:center;
}

div#navi_btn .navi li a{
font-weight:bold;
color:#ee2;
text-decoration:none;
display:block;
background-color:#226;
height:30px;
}


div#navi_btn .navi li a:hover{
text-decoration:underline;
color:#ff0;
background-color:#559;

}

div#entry-frame{
border:0px solid #555;
background-color:#fff;
padding:3px;
position:relative;
top:5px;
}

div#entry-frame h3.entry-header,
div#entry-frame h3.entry-header a{color:#00a;}
div#entry-frame .entry-body {color:#000;}

div#entry-frame h2.date-header {
    background-image:url('');
}

div#entry-frame .entry-footer {
    background: transparent url() no-repeat bottom left;
}

.entry-footer-info{
 border-bottom:1px solid #555;
}

/*****/


h2.content-header{
    
    text-align:right;
    padding-right: 20px;
    background-color:#eeb;
    color: #000;
    font-size: 200%;
}

h2.date-header {
    margin: 5px 0 15px 0;
    text-align:right;
	padding-right: 10px;
    color: #999;
    font-family: "trebuchet ms", verdana, sans-serif;
    font-size: 110%;
    text-transform: uppercase;
	background-image:url('');
}

h3.trackbacks-header,
h3.comments-header,
h2.comments-open-header {
    height: 33px;
    line-height:40px;
    padding-left: 10px;
    background: white url('') top left no-repeat;
    background-color:#f5f5f5;
    color: #000;
    font-size: 100%;
    font-weight: bold;
}


h2.module-header{
	height: 33px;
    line-height:40px;
    padding-left: 10px;
    background: white url('') top left no-repeat;
    background-color:#f5f5f5;
    color: #000;
    font-size: 100%;
    font-weight: bold;
}

h2.module-header a{
	color: #f00;
}

div.module-content {
    margin: 15px 0;
    padding: 0 15px;
    background-color: #fff;
}

/*
カスタムCSSについて

TypePadのブログをカスタマイズする、代表的なCSS指定は、コメントアウトとして記述されています。コメントアウトを解除することで、CSS指定を有効にすることができます。TypePadのカスタムCSS講座も参照ください。
http://start.typepad.jp/manual/customcss.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; }

*/



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

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://support.typepad.jp/cgi-bin/typepad_jp.cfg/php/enduser/std_adp.php?p_faqid=374 */
/*


div.entry {}
div.entry h3.entry-header {}
div.entry h3.entry-header a {
    color:#F00;
}

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 {
	float: left;
    width: 190px;
	}
body.layout-three-column div#alpha-inner {
    padding: 0;
	}
body.layout-three-column div#beta {
    width: 500px;
	padding: 0 10px;
	}
body.layout-three-column div#beta-inner {
    padding: 0 15px 0 15px;
	}
body.layout-three-column div#gamma {
    float: right;
    width: 190px;
	}
body.layout-three-column div#gamma-inner {
    padding: 0;
	}


/* サイドバー・モジュールの指定 */
/* ---- three-column
body.layout-three-column #container {
    width: 780px;
}

body.layout-three-column #alpha {
    float: left;
    width: 190px;
}

body.layout-three-column #alpha-inner {
    padding: 0;
}

body.layout-three-column #beta {
    width: 330px;
}

body.layout-three-column #beta-inner {
    padding: 0 0 0 30px;
}

body.layout-three-column #gamma {
    float: right;
    width: 190px;
}

body.layout-three-column #gamma-inner {
    padding: 0;
}*/