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




/* portal css */



/*--------------------------------------------------------------*/

/* user css */
/*
カスタム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; }

*/

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 0px;
	margin-bottom: 0px;
}
.module-list-item{
margin:0;
padding:0;
}

body{
background:#FFFFFF url(img/bg.gif) top repeat-y;
line-height:160%;
font:normal "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

_body{font-size:75%;}
*body{font-size:75%;}

a { text-decoration: underline; color:#c281aa;}



#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 780px;
	text-align: left;
	color:#493822;
	
}
#container-inner{
margin:0;
padding:0;
}

/*左サイド*/
#alpha{
float: left;
width:189px;

}
#alpha-inner{
padding:0 5px 0 6px;

}

#alpha-inner h2.module-header{
color:#ff4b91;
border:solid #fee1f0 1px;
height:26px;
font-size:12px;
font-weight:bold;
margin:0;
padding:7px 0 0 38px;
}
#alpha-inner h2.module-header a{
text-decoration: underline;
color:#ff4b91;
}

/**/
#alpha-inner .module-content{
border-bottom:solid #feedf6 1px;
border-left:solid #feedf6 1px;
border-right:solid #feedf6 1px;
background-color:#fffafd;

margin:0 0 5px 0;
padding:7px 8px;

}
#alpha-inner .module-content ul li.module-list-item{
background:url(img/left_li.gif) left 6px no-repeat;
font-size:94%;
padding:0 0 0 10px;
}

/**/
#alpha-inner .module-g{
background:#ffe6e9 url(img/left_top_bg.jpg) top left no-repeat;
height:76px;
margin-bottom:5px;
}
#alpha-inner .module-g ul{
list-style:none;
margin:0;
padding:7px 8px 7px 8px;
}
#alpha-inner .module-g ul li{
font-size:11px;
padding:7px 8px 0px 12px;
background:url(img/mark_li.gif) 3px 15px no-repeat;
}

/**/
.module-non{
margin-bottom:5px;
padding:7px 8px 7px 18px;
font-size:94%;
}

/**/
.module-search{
text-align:center;
padding:13px 0 0 0;}
.module-search h2.search-header{

font-size:11px;
margin:0 0 7px 0px;
padding:0 0 0 15px;
background:url(img/seach.gif) 40px 1px no-repeat;


}


.module-search form{
margin:0;
padding:0;
}

.module-search input{margin:0 2px 0 0;
}

#search_box{
width:98px

}



/*左サイド背景設定*/
#alpha-inner .module-new h2.module-header{
background:#ffe6e9 url(img/new_bg.jpg) top left no-repeat;
}
#alpha-inner .module-categories h2.module-header{
background:#ffe6e9 url(img/cate_bg.jpg) top left no-repeat;
}
#alpha-inner .module-recent-comments h2.module-header{
background:#ffe6e9 url(img/com_bg.jpg) top left no-repeat;
}
#alpha-inner .module-recent-trackbacks h2.module-header{
background:#ffe6e9 url(img/track_bg.jpg) top left no-repeat;
}
#alpha-inner .module-archives h2.module-header{
background:#ffe6e9 url(img/bn_bg.jpg) top left no-repeat;
}



/*右サイド*/
#gamma{
float:right;
text-align:left;
width:181px;
}
#gamma-inner{
padding:0 6px 0 5px;
}

.module-about{
text-align:center;
width:172px;
margin:0 0 5px 0;
}
.module-about h2{
margin:0;
padding:0;
}
.module-about ul{
margin:0;
padding:0;
line-height:0;
}
.module-about ul li{
margin:0 0 3px 0;
padding:0;
line-height:0;
list-style:none;
}

.module-osusume{
border:solid #e9e9e9 1px;
margin:0 0 5px 0;
}
.module-osusume h2.module-header{
height:33px;
background:#FFFFFF url(img/osusume.jpg) top left no-repeat;
font-size:0px;
text-indent:-9999999999px;
}
.module-osusume .module-content{
margin-bottom:7px;
}
.module-osusume .module-content ul{
margin:0;
padding:0 3px;
}
.module-osusume .module-content ul li{
margin:0;
padding:0;
list-style:none;
font-size:94%;
}


.module-qrcode{
border:solid #e9e9e9 1px;
font-size:94%;
}
.module-qrcode h2.module-header{
height:32px;
background:#FFFFFF url(img/url.jpg) top left no-repeat;
font-size:0px;
text-indent:-9999999999px;
}

.module-syndicate{
padding:5px 0 0 9px;
width:144px;
font-size:94%;
}
.module-syndicate .module-content img{
display:block;
padding:0 0 5px 0;
}



/*エントリーコンテンツ*/
#beta{
width:403px;
float: left;
margin-left:2px;
}
.entry-content{
margin:0;
padding:0;
}
.entry-footer{
margin:0;
padding:0;
}

h2.date-header{
width:343px;
border-top:solid #dedede 1px;
border-left:solid #dedede 1px;
border-right:solid #dedede 1px;
margin:0;
font-size:94%;
color:#fe8fb1;
background:url(img/entry_li.gif) 18px 16px no-repeat;
padding:12px 16px 0 45px;
}
.entry{
border-bottom:solid #dedede 1px;
border-left:solid #dedede 1px;
border-right:solid #dedede 1px;
padding:0px 18px;
width:368px;
}
h3.entry-header{
padding:0 0 0 27px;
color:#df0157;
margin:0 0 12px 0;
font-size:120%;
}
h3.entry-header a{
color:#df0157;
}
.entry-more-link{
padding:5px 0 0 0;

}
.entry-footer{
color:#c3b9a8;
padding:25px 0 12px 0;
font-size:94%;
}

blockquote{
color:#999999;
font-size:94%;
line-height:140%;
}

.entry-body ul{
margin:0 0 0 0; 
padding:0 25px;
}

.entry-body ol{
margin:0 0 0 0; 
padding:0 25px;
}

.entry-body li{
margin:0;
padding:0;

}


/*検索-------*/
#search-waku{
border:solid #dedede 1px;
width:387px;
padding:8px 8px;
}

#search_notice{
padding:7px 0px;
line-height:140%;
}
#search-wrapp  .entry{

border:none;
padding:0 0 0 0px;
margin:0 0 0 0;
}
#search-wrapp .entry h3{

border:none;
padding:0 0 7px 0;
margin:0 0 0 0;
}

#search-wrapp .entry-body ol{
margin:0 0 0 0; 
padding:0 0 0 25px;
}



/*詳細ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.content-nav{
font-size:94%;
text-align: left;
padding-left:115px;
}


.trackbacks{
padding:0 1px;
background-color:#fefefe;

}
.trackbacks .trackbacks-info{
background-color:#fffafd;
padding:7px;

}
.trackbacks .trackbacks-info span{
color:#df0157;

}
.trackbacks h3.trackbacks-header{
font-size:0px;
text-indent:-9999999999px;
color:#FFFFFF;
background-color:#ffe1e5;
height:20px;
width:403px;
background:url(img/trackback_t.gif) bottom left no-repeat;


}
.trackbacks .trackback-content{
border-top:solid #ededed 1px;
padding:7px 0px;
margin-top:7px;
}
.trackbacks .trackback-content p{
color:#999999;
}

.trackbacks .trackback-footer{
color:#c3b9a8;
font-size:94%;
}

/**/
.comments{
padding:0 1px;
background-color:#fefefe;
}
.comments h3.comments-header{
font-size:0px;
text-indent:-9999999999px;
color:#FFFFFF;
background-color:#ffe1e5;
height:20px;
width:403px;
background:url(img/comment_t.gif) bottom left no-repeat;
}

.comments .comment-content{
padding-left:10px;
background:url(img/com_li.gif) left 6px no-repeat;

}
.comments .comment{
border-bottom:solid #feedf6 1px;
padding:0px 0px;
margin-bottom:5px;

color:#996666;
}
.comments .comment-footer{
color:#c3b9a8;
font-size:94%;
padding:0 0 5px 10px;
margin:0;
}
/**/

.comments-open{
width:403px;
padding:0 1px 0 0;


}
.comments-open h2.comments-open-header{
font-size:0px;
text-indent:-9999999999px;
color:#FFFFFF;
background-color:#ffe1e5;
height:20px;
width:403px;
background:url(img/com_post.gif) bottom left no-repeat;

}
.comments-open .comments-open-content{
width:326px;
height:297px;
background:url(img/com_bg.gif) top left no-repeat;
padding:5px 0px 0 70px;
margin:7px 0 0 2px;
}

.comments-open-footer{
text-align:center;
color:#c3b9a8;
font-size:94%;

}

.comments-open-moderated{
padding:0px 0;
text-align:left;
font-size:90%;

}

#comments-open-text textarea#comment-text{
height:90px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.archive-header{
height:40px;
padding:7px 0 0 40px;
font-size:100%;
background:url(img/ar_header.jpg) top left no-repeat;
color:#9c805b;
font-weight:bold;

}

.content-header{
height:40px;
padding:7px 0 0 40px;
font-size:100%;
background:url(img/cate_header.jpg) top left no-repeat;
color:#9c805b;
font-weight:bold;
}

.archive-header-c .content-header{
background:url(img/ar_header.jpg) top left no-repeat;
}

.archive-categories .archive-header{
height:40px;
padding:7px 0 0 40px;
font-size:100%;
background:url(img/cate_header.jpg) top left no-repeat;
color:#9c805b;
font-weight:bold;
}


.archive-dl-wrapp{
margin-bottom:12px;
}

.archive-dl dt{
display:block;
padding-bottom:8px;
padding-left:10px;
background:url(img/left_li.gif) left 6px no-repeat;
}

.archive-dl dd{
margin:0 0 0 0; 
padding:0 0 0 30px;
}


li.archive-list-item{
background:url(img/left_li.gif) 20px 6px no-repeat;
padding-left:30px;
display:block;
}










#fooder{
height:50px;

text-align:right;
margin:25px 0 0 0;
padding:10px 6px;
background:url(img/fooder.gif) top left no-repeat;
}



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


div#banner
{
  
  background: url(img/header_bg.jpg) top left no-repeat;

  height:222px;
  /*margin:0 0 5px 0;*/
 
}

#banner-inner img{
display:block;
border:none;
padding:0;
margin:0;
}

#banner-inner h1#banner-header{
float:left;
width:376px;
height:102px;

}


#banner-inner h2#banner-description{
display:block;
width:399px;
height:102px;
float:left;
*float: none;
font-size:0px;
text-indent:-9999999999px;
padding:0;
background: url(img/blog_comment.jpg) top left no-repeat;
*background: url(img/blog_comment.jpg) -3px top no-repeat;

}


#banner-inner span{
display:block;
float:right;
clear:both;
text-align:right;
width:181px;
height:34px;

}






body.layout-one-column h1#banner-header{
margin-top:73px;
float:left;
width:376px;
height:102px;
font-size:0px;
text-indent:-9999999999px;

}

body.layout-one-column h1#banner-header a{
display:block;
width:376px;
height:102px;
font-size:0px;
padding:0;
margin:0;
text-indent:-9999999999px;
background: url(img/blog_h1.jpg) top left no-repeat;
text-decoration:none;
}

body.layout-one-column h2#banner-description{
display:block;
margin-top:73px;
width:399px;
height:102px;
float:left;
*float: none;
font-size:0px;
text-indent:-9999999999px;
padding:0;
background: url(img/blog_comment.jpg) top left no-repeat;
*background: url(img/blog_comment.jpg) -3px top no-repeat;
}


body.layout-one-column h3.comments-header{
font-size:12px;
text-indent:0px;
color:#fc79c8;

height:20px;
width:753px;
padding:3px 0 0 15px;
margin-top:10px;
border-top:solid #ffe1e5 1px;
border-bottom:solid #ffe1e5 1px;
background:#fff7fc url() bottom left no-repeat;
}


body.layout-one-column #alpha{
float: none;
width:100%;
}

body.layout-one-column div#banner
{
  
  background: url(img/header_bg.jpg) top right no-repeat;
width:780px;
  height:222px;
  *margin:0 0 0 1px;
 
}

body.layout-one-column div.comments-open-content{
margin:0;
width:256px;

padding:10px 70px 0 70px;
}




/**/
#calendar table{
margin:0px auto 3px auto;
text-align:center;
}
#calendar td{
color:#999999;
}

#calendar td.thismon{
width:65px;
color:#493822;
background:url(img/left_li.gif) left 7px no-repeat;
padding:0px 5px;
}








/* バナー部分の中身 */
/*
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 */
/*
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 {}
*/




/* other css */

/*about*/
#about-beta{


margin:5px auto;
}


.about .entry{
border-bottom:solid #dedede 1px;
border-left:solid #dedede 1px;
border-right:solid #dedede 1px;
padding:0px 18px;

margin-bottom:10px;
margin-left:0;
}

.about .entry-s{
border-top:solid #dedede 1px;
border-bottom:solid #dedede 1px;
border-left:solid #dedede 1px;
border-right:solid #dedede 1px;
padding:12px 18px 12px 18px;

margin-bottom:5px;
}

.about .entry .entry-content{
padding:8px 0 12px 0;
}


.about h2.date-header{

border-top:solid #dedede 1px;
border-left:solid #dedede 1px;
border-right:solid #dedede 1px;
margin:0;
color:#df0157;
font-size:120%;
background:url(img/entry_li.gif) 18px 24px no-repeat;
padding:20px 16px 10px 45px;
}


h3.about-entry-header{
padding:0 0 0 27px;
color:#df0157;
margin:0 0 12px 0;
font-size:100%;
background:url(img/left_li.gif) 8px 7px no-repeat;
}
h3.about-entry-header a{
color:#df0157;
}