/***---------------------------------------------------------------------***


	★　Narusawa Edita CSS Document　★
		
		 2 column version
 
	 　　ver.2003/03/20


*** -------------------------------------------------------------------****/



/*  CSS Menu  **************************************************************


	1.Base HTML   
	
	2.Base Font   
	
	3.Base Link   
	
	4.Float Clear 
	
	5.Base Layout 
	
		5-1 Header            
		5-2 Header Navigation
		5-3 Footer             
		5-4 Contents          
		
			Left column            
			Right column            
			Bread crumb(パン屑ナビ) 
			Side Contents           
			Side Contents Plugin    
			Side Contents RSS Image 
	
	6.Top Page Layout 

		6-1 New Article (最新記事部分)     	
		6-2 New Category (新着カテゴリー)   
		6-3 Editor colum (新着編集長コラム) 
		6-4 Top page プラグイン            
	
	7.Article,Category,Monthly Page Layout 
		
		7-1 Article(記事部分) 　　　　　　　　　　　　 　　　
		7-2 Review(レビュー部分)　　　　　　　　　　　        
		7-3 Article Plug In(記事アーカイブプラグイン)　       
		7-4 Pre Page Next Page(カテゴリー・年月日アーカイブ)　
		7-5.サムネイル写真表示部分							　
	
	8.Parts

		8-1 calendar  = Line = 
			

***************************************************************************/
 
 
 
/* -------------* 1.Base HTML *-------------------------------------------- */

html{
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	height: 100%;
}


body{
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
	text-align:center;
	background: #fff url(http://kuchikomi.narusawa.ne.jp/image/img/bg.jpg) repeat-x
}


h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote,ol,ul,li,dl,dt,dd,div,
img,a,table,td,tr,th,form,input{
	margin: 0px;
	padding: 0px;
}


/* -------------* 2.Base Font *------------------------------------------- */

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

body  {
	color:#666666;
	font-size: 12px;
}

table{
	font-size: 12px;
}


/* -------------* 3.Base Link *------------------------------------------- */

a { 
	text-decoration: none ; 
}
a:link {
	color: #7a9715;
}
a:visited {
	color: #7a9715;
}
a:hover {
	color: #7a9715;
	text-decoration: underline ; 
}

a img { 
	border: 0; 
}

/* -------------* 4.Float Clear *---------------------------------------- */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

* html .pkg { display: inline-block; }

/* no ie mac */
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */



/* -------------* 5.Base Layout *------------------------------------------- */

/* 5-1 Header----------*/

#banner { 
	width: 798px;
	margin: 0px auto;
	background: #ffffff;
	text-align: center;
}

#banner-inner {
	width: 798px; 
	height:263px;
	background-image:url("http://www.asp-edita.jp/narusawa_kuchikomi/image/700569620header.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
}

#banner a { 
	color: #ffffff; 
	text-decoration: none; 
}
#banner a:hover { 
	color: #ffffff;  
	text-decoration: underline ; 
}

#site-title{
	width: 100%;
	height: 23px;
	background: #435034;
	text-align:left;
	/*text-shadow: #36414d 0 2px 3px;*/
}

#site-title h1{
	padding-top: 5px;
	padding-left: 10px;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
}

#site-title a:link,
#site-title a:visited{ 
	color: #ffffff; 
	text-decoration: none; 
}
#site-title a: hover{ 
	color: #ffffff;
	text-decoration: underline;
}

#site-description{
	margin-bottom: 0;
	color: #ff6298;
	background: none;
	font-size: 12px;
	text-shadow: #36414d 0 1px 2px;
	margin:0px 0px 0 35px;
	text-align: left;
	line-height: 1.6;
}

/* 5-2 Header Navigation-------------*/

div.header_background {
	width: 100%;
	clear: both;
	height: 28px;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/header_link_bg.jpg) repeat-x;
	overflow:hidden;
}

ul.header_link {
	width: 100%;
	font-size : 12px ;
	color : #ffffff ;
	padding:6px 0px;
	text-align : center ;
	list-style-type: none;
}

ul.header_link li{
	display: inline;
}
ul.header_link span{
	margin: 0px 10px;
}

ul.header_link li.last{
	margin-right: 0px;
}

ul.header_link a:link,
ul.header_link a:visited{
	text-decoration : none ;
	color : #FFFFFF ;
}

ul.header_link a:hover{
	text-decoration : underline ;
	color : #FFFFFF ;
}

div.green_10px{
	height:10px;
	overflow:hidden;
	zoom:1;
	background:#fff;
	padding:0;
	margin:0;
}

div.header_navi {
   clear: both;
	background-image:url(http://kuchikomi.narusawa.ne.jp/image/img/bg-topnavi.jpg);
	background-repeat:repeat-x;
	border-bottom-color : #ECF8EC ;
	border-bottom-width : 1px ;
	border-bottom-style : solid ;
    width: 800px;
    height: 38px;
}

/* 5-3 Footer-----------------------------------*/
.footer_text{
	clear : both;
	width: 798px;
	background:#435035;
	color:#ffffff ;
	text-align: left;
}

.footer_text address{
	margin: 0px;
	padding: 6px 11px;
	font-style: normal;
}

/* 5-4 Contents------------------------------------*/


#container{
	margin: 0 auto; /* center on everything else */
	width: 824px;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/wall.jpg) repeat-y;
}

#container-inner{
	width: 798px;
	height: 100%;
	margin: 0px auto;
}



#pagebody { 
	width: 100%;
}

#pagebody-inner {
	width: 100%; 
	padding-top: 12px;
}


/* Left Column ---------*/

#cparts{
	float: right;
	height:100%;
	width: 579px;
	margin-right: 10px;
}

#cparts-inner{
	text-align:left;
}

/* For IE6 */

* html #cparts{
	margin-right: 5px;
}

/**/


/* Right Column ------*/

#rparts{
	float: left;
	width: 169px;
	margin-left: 16px;
}

#rparts-inner{
	margin:0px ;
	height:100%;
}

/* For IE6 //\/i/i*/

* html #rparts{
	margin-left: 8px;
}

/**/

.date-header{
	margin-top: 0;
	font-size: 11px;
	text-transform: uppercase;
}

.date-header h3{
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

/*Bread crumb(パン屑ナビ) -----------*/

ul.content-nav  {
	font-size:12px;
	margin-top:10px;
	margin-bottom: 20px;
	list-style-type: none;
}

ul.content-nav li{
	display: inline;
	margin-right: 3px;
}



/*Side Contents  ---------------------------------------*/
.side{
	width: 169px;
   	overflow: hidden;
	margin-bottom: 12px;
	text-align: left;
	color: #7a9715;
	background: #fff;
}

.side a:link,
.side a:visited{
	color: #7a9715;
}

/*Side Contents Header*/

.side-header{
	width: 169px;
	height: 32px;
	margin-bottom: 11px;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/side_header.jpg) no-repeat;
	overflow:hidden;
	text-align: left;
}

.side-header h3{
	padding: 17px 0px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

/* For IE6 IE7//\/i/i*/

* html .side-header h3{
	padding: 18px 0px 0px 20px;
}

*:first-child + html .side-header h3{
	padding: 18px 0px 0px 20px;
}

/**/

.side-header a:link,
.side-header a:visited{
	color: #fff;
}




/*Side content-----*/

.side-content{
	padding:0px 7px 11px 7px;
	font-size: 10px;
	line-height: 1.2;
	/*background:url(./image/plugin_f.jpg) no-repeat bottom left;*/
}

.side-list{
	font-size: 12px;
	list-style-type: none;
}

.side-list-item{
	margin-bottom: 10px;
	padding-left: 11px;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/icon_list.gif) no-repeat 0px 3px;
	color: #7a9715;
	line-height: 1.2;
	font-size: 12px;
}

/*- サイド編集長コラム -*/

.side-content h4{
	font-size: 12px;
	margin-bottom: 15px;
}

.side-content .more-member{
	margin: 5px 0px 0px;
	text-align: right;
}

.more-member img{
	vertical-align: middle;
}


/*Side Contents Plugin-------*/

.side-plug-in{
	margin: 0px;
	padding:0px 7px 11px 7px;
	font-size: 10px;
	line-height: 1.2;
	text-align: left;
}

.side-list-item-p{
	margin: 5px 0 0 5px;
}

/*side banner--*/

.side-banner{
	margin-bottom: 12px;
}

/*住所--*/

#add{
	width: 169px;
	margin: 0px auto;
	padding-bottom: 20px;
	color: #435034;
	text-align: left;
	line-height: 1.5;
}

#add address{
	font-style: normal;
}


/*Side Contents RSS Image--*/

.rss{
	text-align: center;
	padding: 8px 0px;
}


/*- サイドコンテンツ編集長・編集員 -*/
.editor{
	width: 100%;
	margin-bottom: 20px;
}

.editor_item{
	line-height:1.6;
}

.editor_item dt{
	margin-bottom: 5px;
}

.editor_item dd{
	margin-bottom: 15px;
}


/* -------------* 6.Top Page Layout *------------------------------------------- */

/*6-1 New Article (最新記事部分)---*/

.article_new_wide{
	width: 579px;
	margin-bottom: 20px;
}

.article_new{
	clear: both;
	width: 579px;
	margin-bottom: 11px;
}

/*-　最新記事タイトル部分　-*/

.article_new h2{
	width: 579px;
}

/*- 新着画像タイトル・概要・日付部分 -*/

.article_new_wide table.article-new-img{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}

.article_new ul{
	margin-left:10px;
	list-style-type:none;
}

.article_new li{
	margin-bottom:10;
}

/*- 最新記事タイトル・概要・日付部分 -*/

.article_new_list{
	padding: 0;
 	line-height:1.2;
	font-size:12px;
	width:579px;
}

.article_new_desc{
	width: 579px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(http://kuchikomi.narusawa.ne.jp/image/Image/dot_un_line.gif) repeat-x bottom;
}

.article_new_desc table{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.article_new_desc_title{
	background: url(http://kuchikomi.narusawa.ne.jp/image/Image/icon_arrow.gif) no-repeat 0px 3px;
	padding-left: 10px;
}

.article_new_desc_title a:link,
.article_new_desc_title a:visited {
	color:#3d1314;
}

.article_new_desc_item {
	color:#666666;
}

.article_new_desc_day {
	color:#666666;
	text-align: right;
}

/*6-2 New Category (新着カテゴリー)-----*/

.category-new {
	width: 579px;
	margin-bottom: 20px;
	text-align: left;
}

.category-new-wide {
	width: 579px;
	text-align: left;
}


/*- 新着カテゴリータイトル部分 -*/ 

.category-new h2{
	width: 579px;
	margin-bottom: 11px;
}

/*-　各カテゴリタイトル部分　-*/

.category-new h3{
	width: 549px;
	height: 18px;
	padding: 4px 5px 5px 25px;
	margin-bottom: 5px;
	color: #637a4e;
	font-size: 14px;
	font-weight: bold;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/index_h3.gif) no-repeat;
}

/* For IE6 //\/i/i*/

* html .category-new h3{
	width: 579px;
	height: 25px;
}

/**/

.category-new h3 a:link,
.category-new h3 a:visited{
	color:#637a4e;
}

.category-new ul{
	margin-left:10px;
	list-style-type:none;
}

.category-new li{
	margin-top:5;
}

.category_name_title a {
	font-size: 16px;
}

.category_new_article {
	margin-left:12px;
}

/*- 新着カテゴリー別記事　タイトル・概要・日付部分 -*/

.category_new_list{
	margin: 6px 0px 0px 0px;
	width:579px;
	font-size:12px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #d0d0d0;
}

.category_new_list_item {
	width: 579px;
	margin: 0px;
	color:#666666;
}

.category_new_list_item table{
	width: 579px;
	border: 0px;
	border-collapse: collapse;
	
}

.category_new_list_item table td{
	padding: 9px 12px;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #b8b8b8;
	text-align:left;
}

.category_new_list_title {
 	line-height:1.2;
}
.category_member {
	color:#666;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/icon_list.gif) no-repeat 0px 3px;
	padding-left: 6px;
}

.category_new_list_char {
	margin-left: 10px;
}

span.ml10{
	margin-left: 10px;
}

.category_new_list_item a:link,
.category_new_list_item a:visited{
	color: #666;
}

/*6-3 Editor colum (新着編集長コラム)-----*/

.leader_new_wide{
	width: 579px;
	margin-bottom: 20px;
}

.leader_new{
	width: 579px;
}

.leader_new_wide h2{
	margin-bottom: 10px;
}

.editor-colum{
	width: 579px;
	margin-bottom: 10px;
	border: 0px;
	border-collapse: collapse;
	background: #f3fae9;
}

.editor-colum td{
	padding: 4px 5px 4px 5px;
	
}

/* //\/i/i*/

* html .editor-colum{
	width: 579px;
}

/**/

.leader_new_wide .more-zone a:link,
.leader_new_wide .more-zone a:visited{
	color: #7a9715;
}

/*- 新着編集長コラム　タイトル・概要・日付 -*/

.leader_new_list_title {
	width: 549px;
	padding: 5px 0px 9px 16px;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/icon_list.gif) no-repeat 5px 9px;
 	line-height:1.2;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #b8b8b8;
}

/* //\/i/i*/

* html .leader_new_list_title{
	width: 565px;
}

/**/

.leader_new_list_title span{
	color: #666;
	margin-left: 16px;
}

.leader_new_desc{
	margin: 5px 0px;
}

/*- 最新記事・最新カテゴリー「全て見る」部分 -*/
.more-zone {
	width: 100%;
	margin-top: 9px;
	margin-bottom:12px;
	text-align: right;
}

.more-zone a:link,
.more-zone a:visited{
	color: #9ebe2d;
}

/*6-4 Top page プラグイン-----*/

.top-plug-in{
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.2;
}

/* -------------* 7.Article,Category,Monthly Page Layout *----------------------- */


/*7-1 Article(記事部分)　-------------------*/

/*- 記事日付 -*/

.date-header{
	margin: 20px 0px 0px;
	text-align: left;
}

/*- 記事タイトル -*/

.article-header{
	width: 549px;
	height: 18px;
	padding: 4px 5px 5px 25px;
	margin: 5px 0px;
	color: #637a4e;
	font-size: 14px;
	font-weight: bold;
	background: url(http://kuchikomi.narusawa.ne.jp/image/img/index_h3.gif) no-repeat;
}

/* For IE6 //\/i/i*/

* html .article-header{
	width: 579px;
	height: 25px;
}

/**/

.article-header a:link,
.article-header a:visited{
	color:#637a4e;
}

/*- 記事コンテンツ -*/

.article-content{
	margin: 0;
	line-height: 1.5;
}

.article-body{
	margin: 0px;
}

.contents{
	margin:10px 0px;
}

/*- 記事内容をもっと見る部分(カテゴリー・年月日アーカイブ) -*/

.blog-page-jump{
	margin: 10px 0px;
	text-align: left;
}

.blog-page-jump span{
	margin: 0px 3px;
}

/*- 記事フッター -*/

.article-footer{
	clear: both;
	width: 100%;
	margin: 5px 0px 30px 0px;
	padding-top: 3px;
	border-top: 1px dotted #b8b8b8;
	font-size: 12px;
	text-align: right;
}

.cat-footer{
	clear: both;
	width: 100%;
	margin: 5px auto;
	padding-top: 3px;
	border-top: 1px  dotted #b8b8b8;
	font-size: 12px;
	text-align: right;
}

/*- 記事フッター　ブロガー名 -*/

.post-footers {
	padding-right: 5px;
	color: #666;
}

.post-footers span.post-name{
	margin-right: 5px;
}

.post-footers span.separator{
	margin: 0px 3px;
}


/*カテゴリーページサムネイル画像表示部分--*/

.box_contents_img{
	float:left;
	margin:0;
	padding-top: 5px;
	padding-left:10px;
	padding-bottom: 10px;
}

/* //\/i/i*/

*html .box_contents_img{
	padding-bottom: 7px;
}

*:first-child + html .box_contents_img{
	padding-bottom: 7px;
}

/**/

.box_contents_body{
	float:right;
	width:459px;
	text-align: left;
	padding-top: 2px;
}

.box_contents_body .contents{
	margin-top: 0px;
	margin-bottom: 10px;
}

.box_contents_line {
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px dotted #b8b8b8;
	text-align: right;
}

.box_contents_line02 {
	width: 579px;
	margin-bottom: 10px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px dotted #b8b8b8;
	text-align: right;
}

.box_contents_line li,
.box_contents_line02 li{
	display: inline;
	margin-right: 5px;
}

.box_contents_body a:link,
.box_contents_body a:visited{
	color:#006625;
}

.box_contents_line02 a:link,
.box_contents_line02 a:visited{
	color:#006625;
}


/*7-2 Review(レビュー部分)　-------------------*/

/*レビュー部分*/
#editor_review{
	width:577px;
	padding:10px 0;
	margin-top:20px;
	border:1px dashed #b8b8b8;
	word-break:break-all;
	overfloe:hidden;
	font-size:12px;
}

/* //\/i/i*/

* html #editor_review{
	width:579px;
}

/**/

.editor_review_in{
	width: 100%;
}

.editor_review_item{
	width: 100%;
	text-align: right;
}

/*- レビューコメントタイトル・コメント・レビュアー名部分 -*/

#review_title{
	margin: 5px 0px;
}

#review{
	margin: 5px 0px;
}

#review_editor_name{
	font-size:9px;
	margin-left:10;
	margin-top:10;
}

/*- このレビューは参考になりますか?部分 -*/

#review_answer{
	font-size:9px;
	margin-left:10;
	margin-top:10;
}

#review_answer dl dd{
	display: inline;
	margin-left: 5px;
}

/*- コメント入力部分 -*/

.editor_review_in table{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}

.editor_review_in table th,
.editor_review_in table td{
	padding: 7px 5px;
	vertical-align: middle;
}

.editor_review_in table th{
	width: 80px;
	font-weight: normal;
}


/*7-3 Article Plug In(記事アーカイブプラグイン) -------------------*/

.article-plug-in{
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.2;
}


/*7-4 Pre Page Next Page(カテゴリー・年月日アーカイブ) -------------------*/

.page {
	clear: both;
	width: 569px;
	margin-bottom:20px;
	text-align: left
}


/*7-5.サムネイル写真表示部分--------------------------------------------*/

/*- Topページ　サムネイル写真部分 -*/

.image_area_new{
	width: 110px;
	margin: 5px 2px 5px 0px;
	font-size:12px;
}

.img-table-new {
	width:110px;
	height:110px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #aaa;
	font-size:12px;
	text-align: center;
	vertical-align: middle;
	padding:0px; 
}

.image_area_new ul{
	list-style-type: none;
}

.image_area_new ul li{
	margin-bottom: 5px;
}

/*- イメージアーカイブ　サムネイル写真部分 -*/

.image_area {
	width: 110px;
	margin: 5px 2px 5px 0px;
	font-size:12px;
}

.img-table{
	width:110px;
	height:110px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size:12px;
	text-align: center;
	vertical-align: middle;
	padding:0px; 
}

.image_area ul{
	list-style-type: none;
}

.image_area ul li{
	margin-bottom: 5px;
}


/* -------------* 8.Parts *---------------------------------------- */

/*8-1.calendar--------------------------------------------*/

.calendar {
	border:1px solid #cccccc; 
	border-collapse: collapse; 
	font-size: 0.9em
}

.calendar th {
	height: 2em;
	text-align: center
}

.calendar tr {
	text-align:right; 
	vertical-align:center
}

.calendar td {
	width:1.8em; 
	height:1.8em; 
	border:1px solid #cccccc; 
	padding:0.3em;
}

.calendar .tf {
	width: 12.6em;
	border: 1px solid #cccccc; 
	padding: 0.3em; 
	text-align: center;
}

.side_ad_img{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0px 10px 10px 0;
}


/*PR---------------*/

.pr_img{
	text-align: center;
	margin: 0 auto;
}


