/* base */
@import url(http://example.typepad.jp/design/base.css);

/* Portal */

/* レイアウト */
@import url(http://example.typepad.jp/design/pop/pastel/theme_global_left.css);

/* グロバールメニュー有り　2カラム左メニュー */
@import url(http://example.typepad.jp/design/menu-left1.css);

div.entry h3.entry-header {
	PADDING-RIGHT:4px! important;
	PADDING-LEFT:4px! important;
	FONT-WEIGHT:bold! important;
	FONT-SIZE:14px! important;
	PADDING-BOTTOM:4px! important;
	COLOR:rgb(220,20,60)! important;
	PADDING-TOP:4px! important;
}



/* 赤字に白文字 */
.title {
	PADDING-RIGHT:4px;
	PADDING-LEFT:4px;
	FONT-WEIGHT:bold;
	FONT-SIZE:14px;
	PADDING-BOTTOM:4px;
	COLOR:rgb(255,255,255);
	PADDING-TOP:4px;
	BACKGROUND-COLOR:rgb(220,20,60);
}

/* グレーに白文字 */
.title2 {
	PADDING-RIGHT:4px;
	PADDING-LEFT:4px;
	FONT-WEIGHT:bold;
	FONT-SIZE:14px;
	PADDING-BOTTOM:4px;
	COLOR:rgb(255,255,255);
	PADDING-TOP: 4px;
	BACKGROUND-COLOR:rgb(176,196,222);
}
/* ブルーに白文字 */
.title3 {
	PADDING-RIGHT:4px;
	PADDING-LEFT:4px;
	FONT-WEIGHT:bold;
	FONT-SIZE:14px;
	PADDING-BOTTOM:4px;
	COLOR:rgb(255,255,255);
	PADDING-TOP: 4px;
	BACKGROUND-COLOR:mediumblue;
}

/* 青文字 */
.body3 {
	PADDING-RIGHT:4px;
	PADDING-LEFT:4px;
	FONT-WEIGHT:bold;
	FONT-SIZE:14px;
	PADDING-BOTTOM:4px;
	COLOR:mediumblue;
	PADDING-TOP: 4px;	
}

/* 赤太字 */
.body2 {
	PADDING-RIGHT:4px;
	PADDING-LEFT:4px;
	FONT-WEIGHT:bold;
	FONT-SIZE:14px;
	PADDING-BOTTOM:4px;
	COLOR:rgb(220,20,60);
	PADDING-TOP:4px;
}

/* 太線 */
.body {
	PADDING-RIGHT:4px;
	PADDING-LEFT:4px;
	FONT-WEIGHT:bold;
	FONT-SIZE:13px;
	PADDING-BOTTOM:4px;
	PADDING-TOP:4px;
}

.cach {
	background-color:#FFFFFF;
	font-size:16px;
	color:#444444;
	font-weight:bold;
	padding: 6px 6px 6px 6px;
	border-left:5px solid #666666;
	border-bottom:1px solid #CCCCCC;
}　　

.cach2 {
	background-color:#FFFFFF;
	font-size:20px;
	color:#444444;
	font-weight:bold;
	padding: 6px 6px 6px 6px;
	border-left:5px solid #666666;
	border-bottom:1px solid #CCCCCC;
}　　

.cach3 {
	background-color:#FFFFFF;
	font-size:30px;
	color:#444444;
	font-weight:bold;
	padding: 6px 6px 6px 6px;
	border-left:5px solid #666666;
	border-bottom:1px solid #CCCCCC;
}　　

/* リードコピー設定 */
.copy {
	font-size:13px;
	color:#1F1F1F;
	LINE-HEIGHT: 100%;
	font-weight:bold;
}

/* 	リードコピー設定 */
.copy2 {
	background-color:#FFFFFF;
	color:#CC0033! important;
	padding: 6px 6px 6px 6px;
	font-size:12px;
	font-weight:bold;
}

/*リードコピー設定 */
.copy3　{
	PADDING: 4px 4px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	background-color:#1095B6;
	COLOR: #ffffff;
	LETTER-SPACING: 0.1em;
}

/* サブタイトル設定 */
.subtitle3 {
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	background-color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	border-left:3px solid #999999;
	border-bottom:1px solid #CCCCCC;
}

/* Custom */
/*
カスタム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://colabolabo.typepad.jp/sample_image/test2.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 {padding-left:10px;
  border-left:5px solid #006;
  border-bottom:1px solid #666;
}
div.entry div.entry-content {}
div.entry div.entry-content div.entry-body {}
div.entry p.entry-footer {}
*/

div.main-header {
  padding-left:10px;
  border-left:5px solid #006;
  border-bottom:1px solid #666;
}
/* レイアウト毎に異なる指定 */
/* １カラム */
/*
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 {}
*/