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

*{
margin:0;
padding:0;
}

a
{
	text-decoration: underline;
}

a:link { color: #003366; }
a:visited { color: #993366; }


/* layout */

body
{
	margin: 0;
	color: #333333;
	background: #F9F9F9;
	font-family: Arial, sans-serif;
	font-weight: normal;
	line-height: 150%;
	font-size: 88%;
}

div#container { position: static; }

div#container-inner
{
	position: static;
	border: 0;
	background: #FFF;
}

h1{
	font-size:x-small;
	color:#999;
	width:800px;
	margin:1px 0px 1px 1px;
	float:left ;
}
.top-link{
	width:80px;
	margin:1px 0px 1px 1px;
	float:right;
	text-decoration: none;
	color:#999!important;
	font-size:x-small;
}
#banner
{
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #0B328C;
	text-align: left;
	font-family: Verdana, sans-serif;
	clear:both;
}

#banner-inner { padding: 10px 10px 5px 15px; }

#banner a
{
	text-decoration: none;
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}


#container
{
	width: 900px;
	background-color:#FFF;
}

#global-navi{
	margin:0;
	height: 35px;
	padding-left:35px ;
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_menu.jpg) no-repeat !important;
}
#global-navi li{
	width:100px ;
	height: 35px;
	float: left;
	list-style: none;
}
#global-navi #btn_long{
	width:130px !important;
}
#global-navi a{
	display:block;
	width:100px;
	height:35px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
}
#global-navi #btn09{
	width:130px !important;
}
#btn03{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_03.jpg);
}
#btn05{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_05.jpg);
}
#btn06{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_06.jpg);
}
#btn07{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_07.jpg);
}
#btn09{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_09.jpg);
}
#btn11{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_11.jpg);
}
#btn13{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_13.jpg);
}
#btn15{
	background:url(http://brandfine.weblogs.jp/brandfine/images/brandfine_btn_15.jpg);
}

#global-navi a:hover{
	background-position: 0 -35px;
}
.side11{
	font-size:small;
	font-weight:normal;
	color:#666;
	padding:5px 0 0 3px;
}
.news_title{
	padding:10px 0 5px 0;
}
.top-news_headline{
	font-weight:bold;
}
.top-news_body{
	font-size:normal;
	text-indent:1em;		
}
.headline{
	font-size:normal;
	font-weight: bold;
	color: #333;
	padding:5px 0 0 0;
	line-height:1em ;
}
.headline_date{
	font-weight: normal;
	color: #333;
}
.headline_body{
	font-weight:normal;
	font-size: normal;
	line-height:1em ;
}
h2{
	font-size:small;
	color:#172A88;
	font-weight:bold;
}
h3{
	font-size:small;
	font-weight:normal;
}
h4{	
	font-weight:bold;
	text-decoration:underline;
	padding:0 0 0 5px;
	font-size:small;
}
h5{
	color:#666 ;
	font-weight:bold;
	font-size:large;
	padding-left: 10px;
	border-left:solid 5px #D6EBFF;
	border-bottom: solid 2px #D6EBFF;
	margin-bottom: 10px;
}
h6{
	font-weight:bold;	
	color:#666!important;
	font-size: 120%;
}
h6 a{
	text-decoration:none;
}
.indivisual-entry-title{
	font-size:120%;
	font-weight:bold;	
	color:#003366;
	text-decoration:none;
}

.category_body{
	padding-bottom:30px;
	margin-top:20px;
	color:#333;
	border-bottom: dashed 1px #69C;	
}


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	padding: 3px;
	color: #333333;
	font-family: Verdana, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	margin: 1px 0 10px 0;
	border: 0;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
}

.entry-header a:link { color: #000000; }
.entry-header a:visited { color: #000000; }
.entry-header a:hover { color: #000000; }
.entry-header a:active { color: #000000; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border-top: 1px dotted #999999;
	padding: 3px;
	color: #999999;
	font-family: Verdana, sans-serif;
	font-size: small;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	
	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;;
}


/* modules */
.module-header
{
	margin: 5px 0;
	border-bottom: 1px solid #999999;
	padding: 3px;
	color: #666666;
	font-family: Verdana, sans-serif;
	font-size: small;
	line-height: normal;
	font-weight: bold;	
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
}

.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: Verdana, sans-serif;
	font-size: small;
	line-height: 150%;
	text-align: left;
}
.module-list
{
	margin: 0; 
	width: 150px; /* ie mac fix */
}
.module-list li{
	line-height:1em;
}	

/* three-column tweaks */

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

	.layout-three-column #alpha
	{
		width: 200px;
	}

	.layout-three-column #alpha-inner
	{
		padding: 15px 15px 15px 15px;
		background: #FFF;
	}

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

	body.layout-three-column div#beta-inner
	{
		padding: 15px 15px 15px 15px;
		border-style:dotted;
		border-width:0px 1px 0px 1px;
		border-color:#69C;
		background: #FFF;
	}

	.layout-three-column #gamma
	{
		width: 200px;
		
	}

	.layout-three-column #gamma-inner
	{
		padding: 15px 15px 15px 15px;
		background: #FFF;
	}
	.layout-three-column #gamma-inner img
	{
		margin:0 0 0 35px;
	}

.body-footer{
	font-size:x-small;
	text-align: right;
	color: #333;
}
.footer{
	background-image:url("http://brandfine.weblogs.jp/brandfine/images/footer.gif") ;
	background-repeat:no-repeat ;
	width:900px ;
	height:20px;
	color:#FFF ;
	font-size:x-small ;
	text-align: right;
}


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

/* ページの各部分の指定 */
/* 詳しくは http://support.typepad.jp/cgi-bin/typepad_jp.cfg/php/enduser/std_adp.php?p_faqid=374 */
/*
body {}


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


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

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



/* 本文のCSS */
.table{
	border-collapse:collapse;
}
.table td,tr{
	padding:3px;
}
.body-list li{
	padding-left:10px;
	list-style-type: none;
}
.body-date{
	text-align:right;
	font-size:larger ;
}
.category_body li{
	list-style-position:inside;
	margin-left:10px;
} 
.right1{
	margin:10px;
	width:150px;
	height:150px;
	float:right;
}
.none li{
	list-style-type: none;
}

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