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

/* Portal */


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

a
{
	text-decoration: underline;
}

a:link { color: #266aae; }
a:visited { color: #8311b8; }
a:hover { color: #ea6a26; }
a:active { color: #ea6a26; }

/* layout */

body
{
	height: 100%;
	color: #333333;
	margin: 0;
	padding: 0;
	border: 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	background-color:#f7f7f7;
	font-size: small;
	line-height: 150%;
	background:  url("/common/img/bg.gif") repeat-x scroll;
}

#container { position: static; width: 780px; }

#container #tagline{
	width: 780px;
	height:22px;
	clear:both;
	color:#FFFFFF;
	font-size:10px;
}

#container #header {
	width: 780px;
	height:79px;
	clear:both;
	background:url("/common/img/bg_header.gif")
}

#container #header #logo{
	margin: 0 0 0 5px;
	width: 226px;
	float: left;
}

#container #header .topbanner{
	width: 468px;
	height:60px;
	float: right;
	margin-right:6px;
	margin-top:6px;
}

#container #prarea {
	background: url("/common/img/bg_navi.gif") no-repeat;
	width:780px;
	height:59px;
	margin:10px 0 0 0;
	padding:7px 0 0 0;
}

#container-inner
{
	position: static;
	border: 0;
	/* background: #FFFFFF; */
}

#banner
{
	border-bottom: 1px dotted #6699CC;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #99CC66;
	text-align: left;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
	color: #FFFFFF;
	/* text-decoration: none; */
}

#banner-header
{
	margin: 0.25em 0;
	font-size: xx-large;
	font-weight: bold;
	
	
}

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

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

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */
	
	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
	
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

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

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


/* 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: 'Trebuchet MS', Verdana, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	font-size: medium;
	text-align: left;
	font-weight: bold;
	background: url("/common/img/bg_article_01.gif") no-repeat top left;
	width:465px; /* 465+70+15=550 */
	min-height:55px;
	vertical-align:middle;
	padding:30px 15px 5px 70px;
	margin: 0;
	border: 0;
	float:left;
}

.entry-header a
{
	/* text-decoration: none; */
	font-size: medium;
	font-weight: bold;
}

.entry-header a:link { color: #266aae; }
.entry-header a:visited { color: #8311b8; }
.entry-header a:hover { color: #ea6a26; }
.entry-header a:active { color: #ea6a26; }

.entry-content {
	background: url("/common/img/bg_article_02.gif") repeat-y top left;
	width:520px; /* 520+15+15=550 */
	padding:0 15px 0 15px;
	margin:0;
	float:left;
}

.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;

}

.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;
}

.entry-footer {
	background:url("/common/img/bg_article_03.gif") no-repeat bottom left;
	width:530px; /* 530+10+10=550 */
	height:28px; /* 38+50+10=88 */
	padding:50px 10px 10px 10px;
	margin:0;
	clear: both;
}

.entry-footer p {
	line-height:1.2;
}

#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-header
{
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	font-weight: bold;
	text-align: left;
}

.module-content
{
	margin: 5px 5px 20px 5px;
	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 img,
.module-photo img
{
	border: 5px solid #EEEEEE;
}

h2.module-header img {
	border: none 0px;
}

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

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

.module-calendar .module-header
{
}

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

.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: #FFFFFF;
	}

	.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: #FFFFFF;
	}


/* moblog2 tweaks */

		
	

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

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

	.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: #FFFFFF;
	}

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

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

	.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; }


/* two-column-left tweaks */

	body.two-column #alpha
	{
		width: 220px;
		
	}

	body.two-column #alpha-inner
	{
		/*
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
		*/
		background: url(/common/img/bg_leftarea_02.gif) no-repeat bottom;
		margin:0 0 10px 0;
		padding:0 0 15px 0;
	}

	body.two-column #alpha-inner .module {
		background: url(/common/img/bg_leftarea_01.gif) repeat-y;
		padding:0;
		margin:0;
	}

	body.two-column #beta
	{
		padding: 0px;
		margin:  0;
		width: 560px;
	}

	body.two-column #beta-inner
	{
		border: 0;
		padding: 0;
		margin: 0 0 0 10px;
		/* padding: 15px 15px 15px 15px; */
		/* background: #FFFFFF; */
	}

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

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） */
/*
body.two-column div#alpha {}
body.two-column div#alpha-inner {}
body.two-column div#beta {}
body.two-column div#beta-inner {}
*/

/* サイドバー・モジュールの指定 */
/*
div.module {}
div.module h2.module-header {}
div.module div.module-content {}
*/

div.module-content ul.module-list {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.module-content ul.module-list li.module-list-item {
	margin:0;
	padding: 5px 10px 4px 25px;
	background: url("/common/img/icon_arrow_01.gif") 10px 20% no-repeat;
	font-size: small;
	line-height: 1.3;
}

/* Parts */

ul.link01 {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.link02 li {
	padding: 5px 0 4px 25px;
	background: url("/common/img/icon_arrow_02.gif") 10px 20% no-repeat;
	line-height: 1.2;
	font-weight: bold; 
}


ul.link01 li {
	padding: 5px 10px 4px 25px;
	background: url("/common/img/icon_arrow_01.gif") 10px 20% no-repeat;
	line-height: 1.2;
}

/* Footer ---------------------------------------------------- */

#footer{
	width:100%;
	height:103px;
	background: url("/common/img/bg_footer.gif") repeat-x 0% 0%;
	margin: 0;
	padding: 5px 0 0 0;
}

#footer .textArea{
	width:780px;
	height:43px;
	margin: 0px auto 30px;
	line-height:1.2;
	letter-spacing:0.1em;
	color:#939393;
	font-size: small;
	text-align:left;
}

#footer .copy{
	width:135px;
	margin: 0px auto;
}

/* NAVIGATION ------------------------------------------------ */

#prarea .globalnavi {
	display:block;
	width:780px;
	height:37px;
	margin:0 0 0 10px;
	text-align:left;
	padding-top:3px;
}

#prarea .globalnavi a {
	outline:0;
}

#prarea .globalnavi ul {
	width:780px;
	height:37px;
	margin: 0;
	padding: 0;
	list-style-type:none;
	clear:both;
}

#prarea .globalnavi ul li {
	float:left;
	height:37px;
	margin:0px 3px 0 0;
	white-space:nowrap;
	text-indent:-9999px;
}

#prarea .globalnavi ul li a:link, .globalnavi ul li a:visited, .globalnavi ul li a:hover {
	display:block;
	margin:0px;
	height:37px;
	background-repeat:no-repeat;
	text-decoration:none;
}

#prarea .globalnavi ul li a:hover {text-decoration:none;}
#prarea .globalnavi ul li#case01 {width:188px; height:37px;background-image:url("/common/img/button_pr_uta.gif");}
#prarea .globalnavi ul li#case01_s {width:188px; height:37px;background-image:url("/common/img/button_pr_uta.gif");}
#prarea .globalnavi ul li#case01 a:hover {background-image:url("/common/img/button_pr_uta_o.gif");}
#prarea .globalnavi ul li#case02 {width:188px; height:37px;background-image:url("/common/img/button_pr_full.gif");}
#prarea .globalnavi ul li#case02_s {width:188px; height:37px;background-image:url("/common/img/button_pr_full.gif");}
#prarea .globalnavi ul li#case02 a:hover {background-image:url("/common/img/button_pr_full_o.gif");}
#prarea .globalnavi ul li#case03 {width:188px; height:37px;background-image:url("/common/img/button_pr_call.gif");}
#prarea .globalnavi ul li#case03_s {width:188px; height:37px;background-image:url("/common/img/button_pr_call.gif");}
#prarea .globalnavi ul li#case03 a:hover {background-image:url("/common/img/button_pr_call_o.gif");}
#prarea .globalnavi ul li#case04 {width:188px; height:37px;background-image:url("/common/img/button_pr_blog.gif");}
#prarea .globalnavi ul li#case04_s {width:188px; height:37px;background-image:url("/common/img/button_pr_blog.gif");}
#prarea .globalnavi ul li#case04 a:hover {background-image:url("/common/img/button_pr_blog_o.gif");}

/* 汎用 ------------------------------------------------------ */

.clear{
	clear:both;
}