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

/* Portal */


/* Theme */
/* general page elements */

a
{
	text-decoration: underline;
	
}

img{
	border:0;
	vertical-align:bottom;
}



/* layout */

body{
	margin-top:0;
	background-color:#FFD655;
	font-size:12px;
	line-height:16px;
	height:100%;
	background-image:url(image/rasen.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

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

#header{
	width:770px;
	height:195px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background:url(blogimg/topimage.jpg) no-repeat;
	overflow:hidden;
}

#header .area{
	position	: relative;
	width		: 770px;
	height		: 160px;
}
#header .area *{
	margin		: 0;
	padding		: 0;
}

#container {
	width:770px;
	padding:0px;

}


#container-inner{
	padding:0;
	position: static;
	border: 0;
	background: #FFCC33;
	
	
}

/*ドリームロゴに関する事*/

#header h1.logo{
	padding:10px 0 0 0;
	width:170px;
	height:145px;
	overflow	:hidden;
}

#header h1 a{
	display			: block;
	width:170px;
	height:145px;
}

/*ディスクリプションに関すること*/

#header h2.description{
	margin:0;
	width:745px;
	text-align:right;
	position:absolute;
	top:120px;
	color:#DD1212;
	font-size:12px;
	font-weight:bold;
}

/*KSBのロゴとリンクに関する事*/

#header h2.ksb{
	position:absolute;
	top:72px;
	left:240px;
	width:200px;
	height:30px;
}
#header h2.ksb img {
	width:200px;
	height:30px;
}


#navigation{
	position:relative;
	margin:0;
	padding:0;
	height:35px;
}
#navigation li{
	position:absolute;
	margin:0;
	padding:0;
	width:194px;
	list-style: none;
}
#navigation li a{
	display		:block;
	height		: 35px;
	text-indent:-9999em;
}

#navigation li.blog1{
	top:0;
	left:0;
}
#navigation li.blog2{
	top:0;
	left:194px;
	border-left:1px solid #ccc;
}
#navigation li.blog3{
	top:0;
	left:386px;
	border-left:1px solid #ccc;
}
#navigation li.blog4{
	top:0;
	left:578px;
	border-left:1px solid #ccc;
}

#navigation li.blog1 a{
	background:url(./image/btn/btn_01.gif) no-repeat;
}
#navigation li.blog2 a{
	background:url(./image/btn/btn_02.gif) no-repeat;
}
#navigation li.blog3 a{

	background:url(./image/btn/btn_03.gif) no-repeat;
}
#navigation li.blog4 a{

	background:url(./image/btn/btn_04.gif) no-repeat;
}
#navigation li a:hover{ 
	background-position: 0px -35px;
}



/*　お問合せなどのサブメニュー */

#header #SubMenu {
	text-align:right;
	position:absolute;
	top: 0px;
	margin: 0px;
	padding:5px 0px;
	width:770px;
	color:#DD1212;
}
#header #SubMenu a{
	color:#DD1212;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
}

/*　中身のこと　*/

#pagebody {
	background-image:url(image/contents_back.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-bottom:0px;
	padding-top:5px;
	margin-top:10px;
	
	
}

#pagebody-inner{
	width:770px;
	height:auto;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	background-color:#FFFFFF;
}

/*　3カラムの左メニュー　*/

#alpha{
	width:170px;
	height:auto;
	margin-left:10px;
	
}

/*　最近の記事 */

#alpha-inner .module{
	width:170px;
	background-color:#FFA621;
	background-image:url(blogimg/box/blog_gbox_btm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#alpha-inner .module-archives{
	margin:0 0 10px 0;
}

#alpha-inner .module-recent-comments{
	margin:0 0 10px 0;
}

#alpha-inner .module-recent-trackbacks{
	margin:0 0 10px 0;
}

#alpha-inner .module-about{
	height:auto;
	margin:0 0 0 0;
	padding:0 0 5px 0;
	
}

#alpha-inner .module-about p{
	margin:10px 0 0 0;
	padding:0 0 5px 25px;
	
	
}


#alpha-inner .powered{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 100%;
	width:120px;
	padding:0 20px 20px 0;
	text-align:center;
	
}

#alpha h2.module-header{
	width:170px;
	margin:0px auto;
	padding:9px 0px 5px 0px;
	background-image:url(blogimg/box/blog_gbox_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .2em;
}



#alpha.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 100%;
	text-align: left;
}

ul.module-list{
	width:170px;
	font-size: 12px;

}


ul li.module-list-item{
	list-style-image:url(blogimg/icon.gif);
	list-style-position:inside;
	width:140px;
	margin:0 0 0 10px;
}





/* メイン記事　*/

#beta{
	width:390px;
	margin:0 0 0 10px;
}
.archive-header,
#beta-inner h2.date-header{
	width:390px;
	background-image:url(blogimg/box/blog_bbox_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	padding-top: 10px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	
}

#beta-inner .entry{
	width:390px;
	height:100%;
	padding-bottom:10px;
	margin:0px 0px 10px 0px;
	background-color:#DD1212;
	background-image:url(image/box_center.gif);
	background-position:bottom center;
	background-repeat:no-repeat;

	
}

#beta-inner h3.entry-header{
	width:370px;
	margin:0px 5px 0 5px;
	padding:0 0 0 10px;
	line-height:18pt;
	font-size:10px;
	text-align:right;
	background-color:#ffffff;

}

#beta-inner .entry-content{
	width:380px;
	margin:0px 5px 0 5px;
	background-color:#ffffff;
	
	

}

#beta-inner .entry-body{
	width:350px;
	height:auto;
	padding:10px 0 10px 10px;
	background-color:#ffffff;
}

#beta-inner img{
	float:none;
}


#beta-inner .entry-footer{
	width:374px;
	margin:0px 5px 0 5px;
	background-color:#ffffff;
	font-weight: none;
	border-top: 1px dotted #999999;
	color: #999999;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
}

/*　アーカイブに関すること */



#beta-inner .archive-content{
	width:390px;
	height:100%;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	background-color:#DD1212;
	background-image:url(image/box_center.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	border:solid 1px red;
	
}

#beta-inner .archive-inner{
	width:380px;
	height:100%;
	margin:-10px 0 0 5px;
	padding:0 0 10px 0;
	background-color:#ffffff;
	

}

#beta-inner .archive-inner ul{
	width:200px;
	margin:10px;
	padding-top:10px;
	background-color:#ffffff;
}

ul li.archive-list-item{
	list-style-image:url(blogimg/icon.gif);
	list-style-position:inside;
}




/*　サイドメニュー右 */

#gamma{
	width:170px;
	margin:0 0 0 10px;
	background-color:#ffffff;
	
}

#gamma-inner h2.module-header{
	width:170px;
	margin:0px auto;
	padding:9px 0px 5px 0px;
	background-image:url(blogimg/box/blog_gbox_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .2em;
}

#gamma-inner .module{
	width:170px;
	background-color:#FFA621;
	background-image:url(blogimg/box/blog_gbox_btm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#gamma-inner .module-calendar{
	margin:0 0 10px 0;
}

#gamma-inner .module-archives{
	margin:0 0 10px 0;
}

#gamma-inner .module-categories{
	margin:0 0 10px 0;
}

#gamma-inner .module-categories{
	margin:0 0 10px 0;
}

/*　フッターとコピーライト */

#copy{
	width:770px;
	height:50px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	line-height:50px;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	background-image:url(image/copy.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

#copy a{
	color:#FFFFFF;
}

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







/* default to artistic/calendar/timeline layout */






/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 170px; margin:0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

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


.trackbacks-header,
.comments-header,
.comments-open-header,

{
	margin: 0 0 10px 0;
	padding-top: 10px;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	margin: 1px 0 10px 0;
	border: 0;
	
	color: #000000;
	font-family: 'Trebuchet MS', 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,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
{
	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: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-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 a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #; }
	.module a:visited { color: #; }
	.module a:hover { color: #; }
	.module a:active { color: #; }




.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;

}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }



.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }



.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
			float: left;
	
}


/* moblog1 tweaks */

		
	

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

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFCC33;
	}

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

	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

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

	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFCC33;
	}


/* moblog2 tweaks */

		
	

	.layout-moblog2 #alpha
	{
		width: 100px;
		
	}

	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFCC33;
	}

	.layout-moblog2 #beta
	{
					width: 350px;
		
		
	}

	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

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

	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFCC33;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
		
	}

	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFCC33;
	}

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


/* timeline tweaks */

	.layout-timeline #alpha
	{
					width: 390px; /* 285px + 15px + 15px */
		
		
	}

	.layout-timeline #beta
	{
		width: 390px;
		
	}

	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }







/* three-column-right tweaks */

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

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

	.layout-three-column-right #alpha-inner
	{
		border: 0;
		padding: 5px 5px 5px 5px;
		background: #FFFFFF;
	}

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

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFCC33;
	}

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

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFCC33;
	}


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