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

/* Portal */


/* Theme */
@import url(/.shared-tpjbiz/themes/vox/ocean-beach-noir/screen.css);

/* Orignal */
body{
	font-size:16px;
	color:#333333;
	background:none;
}

.fl-media
{overflow: hidden;}
.fl-media:after
{content: "";display: block;clear: both;height: 1px;overflow: hidden;}
/*\*/
* html .fl-media
{height: 1em;overflow: visible;}
/**/


#header{
	text-align:left;
	width:800px;
	margin:0 auto;
	background:url(/cssimgs/cmn_header_bk.jpg) no-repeat left;
	height:160px;
}
#logo{
}
#container{
	width:800px;
	margin:0 auto;
	background:none;
}
#g-navi{
	background:url(/cssimgs/cmn_gnavi_bk.gif) no-repeat left;
	padding:0 0 0 2px;
	margin:10px auto 0 auto;
	height:34px;
	width:800px;
}
	#g-navi ul{
		height:34px;
		padding:0;
		margin:0;
	}
	#g-navi li{
		float:left;
		list-style:none;
		padding:0;
		margin:0;
	}
	#g-navi li a{
		display:block;
		padding:0 2px 0 0;
		margin:0;
		background:url(/cssimgs/cmn_gnavi_bk.gif) no-repeat right;
	}


#content{
	width:800px;
	margin:0 auto;
}
#content-inner{
	padding:10px 0;
}

#sub-navi{
	margin-bottom:10px;
}
	#sub-navi ul{
		margin:0;
		padding:0;
	}
	#sub-navi li{
		margin:0;
		padding:0;
		list-style:none;
		border-bottom:2px solid #b6d4f2;
		zoom:1;
	}
#bn-navi{}
	#bn-navi ul{
		margin:0;
		padding:0;
	}
	#bn-navi li{
		margin:0 0 10px 0;
		padding:0;
		list-style:none;
	}

#footer{
	clear:both;
	width:800px;
	margin:0 auto;
}
#gotop{
	text-align:right;
	padding:5px 0;
}
#fnavi{
	border-bottom:1px dotted #6daae6;
	padding:5px 10px;
	border-top:1px dotted #6daae6;
}
#fnavi dt{
	float:left;
	width:120px;
	font-size:75%;
	font-weight:bolder;
	line-height:20px;
	text-align:left;
}
#fnavi dd{
	padding-left:120px;
	font-size:75%;
	line-height:20px;
	text-align:left;
	color:#666666;
}
#fnavi a,#fnavi a:link {
	color:#666666;
	text-decoration:none;
}
#fnavi a:hover {
	text-decoration:underline;
}
#cominfo{
	padding:15px 0 20px 15px;
	border-bottom:1px dotted #6daae6;
	width:800px;
	margin:0 auto;
	text-align:left;
	font-size:88%;
}
#cominfo dl{
	margin:0;
	padding:0;
}
#cominfo dt{
	font-weight:bold;
	margin:0;
	padding:0;
}
#cominfo dd{
	margin:0;
	padding:0;
}

#unavi{
	float:left;
	width:285px;
	padding:20px 0;
}
#unavi ul{
	padding:0;
	margin:0;
}
#unavi li{
	font-size:75%;
	list-style:none;
	float:left;
}
#unavi li a{
	display:block;
	padding-left:10px;
	margin-left:10px;
	background:url(/cssimgs/cmn_fnavi_li_bk.gif) no-repeat left;
}

#copy{
	float:right;
	font-size:75%;
	color:#999999;
	padding:20px 0;
	width:515px;
}

.shift-window{
	width:556px;
	height:180px;
	overflow:auto;
}

#shw-001{
	background:url(/cssimgs/top_shift_under_001_bk.gif) no-repeat bottom;
	padding-bottom:8px;
	margin-bottom:10px;
}
#shw-001 .shift-window{
	border-left:2px solid #50aecc;
	border-right:2px solid #50aecc;
}
#shw-002{
	background:url(/cssimgs/top_shift_under_002_bk.gif) no-repeat bottom;
	padding-bottom:8px;
	margin-bottom:10px;
}
#shw-002 .shift-window{
	border-left:2px solid #69ba64;
	border-right:2px solid #69ba64;
}
#shw-003{
	background:url(/cssimgs/top_shift_under_003_bk.gif) no-repeat bottom;
	padding-bottom:8px;
	margin-bottom:10px;
}
#shw-003 .shift-window{
	border-left:2px solid #6daae6;
	border-right:2px solid #6daae6;
}
h1#page-title{
	background:url(/cssimgs/cmn_page-title_bk.gif) no-repeat top;
	padding-left:30px;
	line-height:50px;
	color:#FFFFFF;
	font-size:125%;
	font-weight:bolder;
	margin:0 0 10px 0;
	zoom:1;
}

h2.entry-header{
	background:url(/cssimgs/cmn_entry-header_bk.gif) no-repeat top;
	padding-left:27px;
	line-height:34px;
	font-size:100%;
	font-weight:nomal;
}


a{
	color:#0033ff;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
h2.entry-header a{
	color:#0033ff;
	text-decoration:underline;
}
fnavi a{
	color:#016ed5;
}

.entry-content{
	font-size:88%;
}
/* 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://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 {
	width:580px;
	float:left;
	padding:0;
	margin:0;
}
body.layout-two-column-right div#alpha-inner {
	padding:0 20px 0 0;
	margin:0;
}
#alpha_content{
	width:560px;
	margin:0;
	padding:0;
}

body.layout-two-column-right div#beta {
	width:220px;
	float:right;
	margin:0;
	padding:0;
}
body.layout-two-column-right div#beta-inner {
	margin:0;
	padding:0;
}

/* サイドバー・モジュールの指定 */
/*
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 {}
*/

.entry .entry-content {
	padding:0 10px;
}
.entry .entry-content p {
	line-height:1.8;
	padding:5px 0;
}
.entry-content h3 {
	color:#3a9ab8;	
	border:1px solid #3a9ab8;
	font-weight:bold;
	padding:5px 0 5px 10px;
}
.entry-content h4 {
	color:#3a9ab8;	
	font-weight:bold;
}
.entry-content .tbl {
	width:100%;
	background-color:#999999;
	text-align:left;
}
.entry-content .tbl th {
	padding:5px 10px;
	background-color:#FFFFCC;
}
.entry-content .tbl td {
	padding:5px 10px;
	background-color:#FFFFFF;
}

.entry-content .tbl2 {
	width:100%;
	text-align:left;
}
.entry-content .tbl2 th {
	padding:10px;
	border-bottom:1px dotted #999999;
}
.entry-content .tbl2 td {
	padding:10px;
	border-bottom:1px dotted #999999;
}

.entry-content .pagenavi {
	border-top:1px solid #999999;
}
.entry-more-link {
	text-align:right;
}

.entry-more .morelink {
	margin-bottom:15px;
}
.entry-more .morelink li {
	list-style:url(http://www.kariwa-ci.or.jp/cssimgs/cmn_listimg.gif);
	line-height:1.4;
	margin-bottom:5px;
}

.entry-more .shoplist dl {
	margin:10px 0;
}
.entry-more .shoplist dt {
	color:#FF6600;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}

.numberlist li {
	line-height:1.6;
	margin-bottom:3px;
}