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

/* Portal */


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

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

*/



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

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 */
/*
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 {}
*/


/* ------------ Layouts */
/* -------- Classic Layouts */
/* ---- one-column layout */
.layout-one-column #container {
  width: 780px;
  text-align: center;
}

.layout-one-column #alpha {
  display: block;
  float: none;
  width: 560px;
  margin: 0 auto;
  text-align: left;
}

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

/* ---- two-column (left) */
.layout-two-column-left #container {
  width: 780px;
}

.layout-two-column-left #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptn2.jpg) right top repeat-y;
}

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

.layout-two-column-left #alpha-inner {
  padding: 0;
}

.layout-two-column-left #beta {
  float: right;
  width: 515px;
}

.layout-two-column-left #beta-inner {
  padding: 0;
}

/* ---- two-column (right) */
.layout-two-column-right #container {
  width: 780px;
}

.layout-two-column-right #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptn.jpg) left top repeat-y;
}

.layout-two-column-right #alpha {
  float: left;
  width: 515px;
}

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

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

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

/* ---- three-column*/
.layout-three-column #container {
  width: 780px;
}

.layout-three-column #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptn3col.jpg) center top repeat-y;
}


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

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

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

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

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

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

/* ---- three-column-right*/
.layout-three-column-right #container {
  width: 780px;
}

.layout-three-column-right #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptn3col.jpg) center top repeat-y;
}


.layout-three-column-right #alpha {
  float: left;
  width: 370px;
}

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

.layout-three-column-right #beta {
  width: 170px;
}

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

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

.layout-three-column-right #gamma-inner {
  padding: 0;
}

/* -------- mixed media */
/* ---- timeline layout */
.layout-timeline #container {
  width: 780px;
}

.layout-timeline #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptnart.jpg) left top repeat-y;	
}

.layout-timeline #alpha {
  float: left;
  width: 310px;
}

.layout-timeline #beta {
  float: right;
  width: 400px;
}

.layout-timeline #beta #gamma {
  float: left;
  width: 190px;
}

.layout-timeline #beta #delta {
  float: right;
  width: 190px;
}

/* ---- moblog (type-a) */
.layout-moblog1 #container {
  width: 780px;
}

.layout-moblog1 #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptn3col.jpg) center top repeat-y;	
}

.layout-moblog1 #alpha {
  float: left;
  width: 170px;
}

.layout-moblog1 #alpha-inner {
  padding: 0;
}

.layout-moblog1 #beta {
  width: 370px;
}

.layout-moblog1 #beta-inner {
  padding: 0 0 0 30px;
}

.layout-moblog1 #gamma {
  float: right;
  width: 170px;
}

.layout-moblog1 #gamma-inner {
  padding: 0;
}

.module-recent-photos .module-content {
  padding: 10px 0 0 0;
}

.module-recent-photos .module-list-item {
  margin: 0 5px 10px 5px;
  padding: 0;
  background: none;
}

/* ---- moblog (type-b) */
.layout-moblog2 #container {
  width: 780px;
}

.layout-moblog2 #pagebody {
  background: transparent url(http://www.bocinfo.com//.shared-ja/themes/loftwork/loftwork07/theme-image1/bodybg_ptnmoblog2.jpg) left top repeat-y;	
}

.layout-moblog2 #alpha {
  width: 60px;
  float: left;
  margin-right: 20px;
}

.layout-moblog2 #alpha-inner {
  padding: 0;
}

.layout-moblog2 #beta {
  width: 300px;
  margin-right: 20px;
}

.layout-moblog2 #beta-inner {
  padding: 0;
}

.layout-moblog2 #gamma {
  width: 170px;
}

.layout-moblog2 #gamma-inner {
  padding: 0;
}

.layout-moblog2 #delta {
  float: right;
  width: 150px;
}

.layout-moblog2 #delta-inner {
  padding: 0;
}

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

/* ---- artistic tweaks */
.layout-artistic #container {
  width: 780px;
}

.layout-artistic #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptnart.jpg) left top repeat-y;	
}

.layout-artistic #alpha {
  float: left;
  width: 310px;
}

.layout-artistic #beta {
  float: right;
  width: 400px;
}

.layout-artistic #beta #gamma {
  float: left;
  width: 190px;
}

.layout-artistic #beta #delta {
  float: right;
  width: 190px;
}

/* ---- calendar tweaks */
.layout-calendar #container {
  width: 780px;
}

.layout-calendar #pagebody {
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bodybg_ptnart.jpg) left top repeat-y;	
}

.layout-calendar #alpha {
  float: left;
  width: 310px;
}

.layout-calendar #beta {
  float: right;
  width: 400px;
}

.layout-calendar #beta #gamma {
  float: left;
  width: 190px;
}

.layout-calendar #beta #delta {
  float: right;
  width: 190px;
}


/* ------------ Theme Styles (Theme Name) */

html {
  margin: 0;
  padding: 0;
}

body {
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: black;
  background: #EEF7FF url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/bg_ptn.jpg) left top repeat-x;
  font-family: "Trebuchet ms", Helvetica, Arial, sans-serif;
}

a:link {
  color: #0066FF;
  text-decoration: none;
}

a:visited { 
  color: #0066FF;
  text-decoration: none;
}

a:hover {
  color: #CC0000;
  text-decoration: underline;
}

/* ------------ container */
#container {
  border-bottom: 3px solid #003399;
  background-color: white; 
  text-align: center;
  margin: 15px auto;
}

#container-inner {
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

/* ------------ banner */
#banner {
  margin: 0;
  padding: 1px;
  text-align: center;
}

#banner-inner {
  height: 144px;
  margin: 5px auto 0;
  padding: 0;
  text-align: left;
  background: white url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/banner_bg.jpg) center top no-repeat;	
}

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

#banner a:visited {
  color: #ffffff;
}

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

#banner-header {
  position: relative;
  top: 1.0em;
  left: 30px;
  margin: 0;
  padding: 0;
  color: #525546;
  font-size: 290%;
  font-weight: normal;
}

#banner-description {
  position:relative;
  top:100px;
  margin: 0 0 0 30px;
  padding: 0;
  color: #ffffff;
  font-size: 100%;
  font-weight: normal;
}

/* ------------ pagebody */
#pagebody {
  text-align: center;
  padding: 20px 0;
}

/* -------- pagebody-inner */
#pagebody-inner {
  width: 740px;
  margin: 0 auto;
  text-align: left;
}

/* ------------ entry */
.entry {
  overflow: hidden;
}

.date-header {
  margin: 0;
  padding: 5px 0 5px 5px;
  color: #666666;
  font-family: "trebuchet ms", verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
}

.entry-header,
.archive-header,
.archive-header {
  margin: 0;
  padding: 5px 0 5px 5px;
  color: #666666;
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/dot_main.gif) left bottom repeat-x;
  font-size: 140%;
  font-weight: bold;
}

.entry-footer {
  margin: 10px 0 20px 0;
  padding: 5px 0 20px 0;
  color: #666;
  font-size: 90%;
  font-weight: normal;
}

/* ---- comment, trackback */
.trackbacks-header,
.comments-header,
.comments-open-header {
  margin: 0;
  padding: 5px 0 5px 5px;
  background: transparent url(http://www.bocinfo.com/images/2008/12/08/dot_sub.gif) left bottom repeat-x;
  color: #77796A;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
}

#comment-form {
  margin-bottom: 40px;
}

/* ------------ module */
.module {
  margin: 0 0 20px 0;
  padding: 0;
}

/* -------- module-header */
.module-header {
  margin: 0;
  padding: 5px 0 5px 5px;
  background: transparent url(http://www.bocinfo.com/images/2008/12/08/dot_sub.gif) left bottom repeat-x;
  color: #77796A;
  font-size: 120%;
  font-weight: bold;
}

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

.module-header a:hover {
  color: #ffffcc;
  text-decoration: none;
}

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

.module-about .module-header {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 100%;
  text-align: center;
}

/* -------- module-content */
.module-content {
  margin: 15px 0;
  padding: 0 15px;
  background-color: white;
}

.module-content a {
  color: #0066FF;
  text-decoration: none;
}

.module-content a:visited { 
  color: #0066FF;
}

.module-content a:hover {
  color: #CC0000;
  text-decoration: none;
}

.module-content li.module-list-item {
  padding: 0 0 0 1em;
  background: transparent url(http://boc.typepad.jp/photos/uncategorized/2008/12/08/arrow.gif) left 0.45em no-repeat;
}

.module-category-cloud .module-content .module-list-item {
  padding-left: 0;
  background: none;
}

/* -------- module-powered */
.module-powered .module-content {
  padding: 10px 0;
  text-align: center;
}

/* -------- module-recent-photos */
.module-recent-photos .module-content {
   padding: 10px 0 0 19px;
}

.module-recent-photos .module-list {
   margin: 0;
}

.module-recent-photos .module-list-item {
  width: 64px;
  margin: 0 10px 10px 0;
  padding: 0;
  background: none;
}

.layout-moblog2 .module-recent-photos .module-content {
  padding: 0;
}

.layout-moblog2 .module-recent-photos .module-list-item {
  margin: 0 0 10px;
}

/* -------- other style module */
.module-about .module-content,
.module-email .module-content,
.module-photo .module-content,
.module-syndicate .module-content,
.module-subscribe .module-content,
.module-widget .module-content {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 100%;
  text-align: center;
}

/* -------- module-list */
.module-list {
  margin: 0;
  padding: 0;
}

.module-list .module-list-item {
  margin: 0;
  padding: 0 0 2px 0;
}

.module-galleries .module-list .module-list-item, 
.module-recent-photos .module-list .module-list-item {
  padding-left: 0;
  background: none;
}

.module-recent-photos .module-list-item {
  margin: 10px 5px 0;
}

/* -------- mmt-calendar */
.module-mmt-calendar {
  width: 400px;
}

.module-mmt-calendar .module-header {
  margin: 5px 0 0 0 ;
  padding: 5px 0 5px 5px;
  background: transparent url(http://www.bocinfo.com/images/2008/12/08/dot_sub.gif) left bottom repeat-x;
  color: #77796A;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

.module-mmt-calendar .module-content {
  margin: 0;
  padding: 10px 0;
  background: transparent; 
 }

.module-mmt-calendar table {
  width: 400px;
  margin: 0;
  padding: 0;
}

.module-mmt-calendar th,
.module-mmt-calendar td {
  padding: 2px;
  text-align: center;
}

.module-mmt-calendar td {
  height: 70px;
  text-align: center;
}

.day-photo {
  width: 49px;
  height: 49px;
  margin: 0 auto;
  padding: 0;
}

.day-photo a img{
  width: 45px;
  height: 45px;
}


/* ph=1 */
/* nhm:from_kauri */