/*=======================CONTENTS===========================

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  納得住宅工房について
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*-----------------------------------------------------------
  インデックス
-----------------------------------------------------------*/
.Index{
	margin: 0;
	padding: 0;
	}
	.Index dl{
		margin: 0 0 40px 0;
		padding: 0;
		width: 330px;
		}
		.Index dl.Corporate,
		.Index dl.Media,
		.Index dl.Contribution,
		.Index dl.Link,
		.Index dl.Kubo			{float: left;}
		.Index dl.Ethos,
		.Index dl.Book,
		.Index dl.Recruit,
		.Index dl.Message,
		.Index dl.Staff			{float: right;}

		.Index dl dt{
			display: block;
			height: 30px;
			margin: 0 0 20px 0;
			padding: 0;
			text-indent: -10000px;
			}
			.Index dl.Corporate dt		{background: url(/aboutus/img/t_index_corporate.gif) 0 0 no-repeat;}
			.Index dl.Media dt			{background: url(/aboutus/img/t_index_media.gif) 0 0 no-repeat;}
			.Index dl.Contribution dt	{background: url(/aboutus/img/t_index_contribution.gif) 0 0 no-repeat;}
			.Index dl.Link dt			{background: url(/aboutus/img/t_index_link.gif) 0 0 no-repeat;}
			.Index dl.Kubo dt			{background: url(/aboutus/img/t_index_kubo.gif) 0 0 no-repeat;}
			.Index dl.Ethos dt			{background: url(/aboutus/img/t_index_ethos.gif) 0 0 no-repeat;}
			.Index dl.Book dt			{background: url(/aboutus/img/t_index_book.gif) 0 0 no-repeat;}
			.Index dl.Recruit dt		{background: url(/aboutus/img/t_index_recruit.gif) 0 0 no-repeat;}
			.Index dl.Message dt		{background: url(/aboutus/img/t_index_message.gif) 0 0 no-repeat;}
			.Index dl.Staff dt			{background: url(/aboutus/img/t_index_staff.gif) 0 0 no-repeat;}
		.Index dl dd{
			margin: 0;
			padding: 0;
			font-size: 10px;
			}
			.Index dl dd a{
				display: block;
				margin: 0 0 10px 0;
				padding: 0;
				height: 60px;
				text-indent: -10000px;
				overflow: hidden;
				}
				.Index dl.Corporate dd a	{background: url(/aboutus/img/bg_index_crporate.jpg) 0 0 no-repeat;}
				.Index dl.Media dd a		{background: url(/aboutus/img/bg_index_media.jpg) 0 0 no-repeat;}
				.Index dl.Contribution dd a	{background: url(/aboutus/img/bg_index_contribution.jpg) 0 0 no-repeat;}
				.Index dl.Link dd a			{background: url(/aboutus/img/bg_index_link.jpg) 0 0 no-repeat;}
				.Index dl.Kubo dd a			{background: url(/aboutus/img/bg_index_kubo.jpg) 0 0 no-repeat;}
				.Index dl.Ethos dd a		{background: url(/aboutus/img/bg_index_ethos.jpg) 0 0 no-repeat;}
				.Index dl.Book dd a			{background: url(/aboutus/img/bg_index_book.jpg) 0 0 no-repeat;}
				.Index dl.Recruit dd a		{background: url(/aboutus/img/bg_index_recruit.jpg) 0 0 no-repeat;}
				.Index dl.Message dd a		{background: url(/aboutus/img/bg_index_message.jpg) 0 0 no-repeat;}
				.Index dl.Staff dd a		{background: url(/aboutus/img/bg_index_staff.jpg) 0 0 no-repeat;}
				.Index dl dd a:hover		{background-position: 0 -60px;}


/*-----------------------------------------------------------
  会社概要＆沿革
-----------------------------------------------------------*/
.Summary{
	margin: 0 0 40px 0;
	padding: 0;
	}
	h4.T_Summary{
		background: url(/aboutus/img/t_summary.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	.Summary .photo{
		float: right;
		}
		.Summary .photo img{
			margin: 0 0 3px 0;
			display: block;
			border: 1px solid #e8e8e8;
			}
		.Summary .photo a{
			display: block;
			margin: 0 0 15px 0;
			padding: 0 0 0 15px;
			background: url(/img/listmark04.gif) 0 3px no-repeat;
			}
	.Summary table{
		margin: 0 0 30px 0;
		}
		.Summary th{
			width: 70px;
			}

.History{
	margin: 0 0 40px 0;
	padding: 0;
	}
	h4.T_History{
		background: url(/aboutus/img/t_history.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	.History th{
		width: 120px;
		}

.Media{
	margin: 0 0 40px 0;
	padding: 0;
	}
	h4.T_Media{
		background: url(/aboutus/img/t_media.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	.Media th{
		width: 120px;
		}


/*-----------------------------------------------------------
  だから納得！理念
-----------------------------------------------------------*/
.Ideology{
	margin: 0 0 40px 0;
	padding: 0;
	}
	h4.T_Ideology{
		background: url(/aboutus/img/t_ideology.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	.Ideology p{
		margin: 0 0 20px 0;
		}

.Service{
	margin: 0 0 40px 0;
	padding: 0;
	}
	h4.T_Service{
		background: url(/aboutus/img/t_service.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	.Service dl{
		margin: 0 0 40px 0;
		padding: 0;
		background: url(/aboutus/img/fig_service.jpg) 0 0 no-repeat;
		width: 690px;
		height: 450px;
		}
		.Service dl dt,
		.Service dl dd{
			display: none;
			}


/*-----------------------------------------------------------
  メディア掲載履歴
-----------------------------------------------------------*/
.Medhia{
	margin: 0 0 30px 0;
	padding: 0;
	}
	.Medhia ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
		.Medhia ul li{
			margin: 0 30px 20px 0;
			padding: 0;
			float: left;
			}
			.Medhia ul li span{
				display: block;
				margin: 0;
				padding: 2px 5px;
				background: url(/img/bg_dot.gif) 0 0 repeat;
				}

	h4.T_SumaiNet{
		background: url(/aboutus/img/t_sumainet.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	h4.T_Shizuoka{
		background: url(/aboutus/img/t_shizuoka.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	h4.T_Zenkoku{
		background: url(/aboutus/img/t_zenkoku.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}
	h4.T_CasaBella{
		background: url(/aboutus/img/t_casabella.gif) 0 0 no-repeat;
		text-indent: -10000px;
		height: 30px;
		border-bottom: 0;
		}


/*-----------------------------------------------------------
  納得住宅の出版本
-----------------------------------------------------------*/
.cc_book{
	height: 280px;
	background: url(/aboutus/img/cc_book.jpg) center center no-repeat;
	position: relative;
	}
	.cc_book ul{
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 160px;
		left: 80px;
		width: 300px;
		}
		.cc_book ul li{
			margin: 0 10px 5px 0;
			padding: 0;
			list-style: none;
			float: left;
			width: 140px;
			line-height: 25px;
			}
			.cc_book ul li a{
				display: block;
				margin: 0;
				padding: 0;
				width: 140px;
				line-height: 25px;
				background: #ffffff url(/img/listmark07.gif) 5px center no-repeat;
				border: 1px solid #e8e8e8;
				text-decoration: none;
				}
				.cc_book ul li a:hover{background: #ffffff url(/img/listmark07_on.gif) 5px center no-repeat;}
				.cc_book ul li a span{
					display: block;
					margin: 0;
					padding: 0 0 0 18px;
					}


/*-----------------------------------------------------------
  社会貢献への取り組み
-----------------------------------------------------------*/
div.Contribution{
	background: #ffffff;
	padding: 30px;
	border: 1px solid #E8E8E8;
	margin: 0 0 40px 0;
	}

/*-----------------------------------------------------------
  相互リンク集
-----------------------------------------------------------*/
#SWSlink{
	margin: 0;
	padding: 0;
	}
	#SWSlink h3{
		margin: 0 0 15px 0;
		padding: 0 0 5px 0;
		font-size: 16px;
		border-bottom: 1px solid #bababa;
		text-indent: 0;
		height: auto;
		}
	#SWSlink ul{
		margin: 0 0 30px 0;
		padding: 0;
		list-style: none;
		}
		#SWSlink ul li{
			margin: 10px 0 0 0;
			padding: 0 0 0 15px;
			background: url(/img/listmark04.gif) left center no-repeat;
			}
		#SWSlink ul li.comment{
			margin: 2px 0 0 0;
			padding: 0 0 0 15px;
			background: none;
			}


/*-----------------------------------------------------------
  社長のメッセージ
-----------------------------------------------------------*/
.Message{
	margin: 0 0 40px 0;
	padding: 0;
	}
	.Message img{
		display: block;
		float: left;
		margin-right: 30px;
		}
	.Message .MessageC{
		float: right;
		width: 450px;
		}
		.Message .MessageC h4{
			background: url(/aboutus/img/t_message.gif) 0 0 no-repeat;
			width: 281px;
			height: 18px;
			border-bottom: 0;
			text-indent: -10000px;
			margin: 0;
			}


/*-----------------------------------------------------------
  社長ブログ
-----------------------------------------------------------*/
.TopKuboBlog .TopKuboBlogT{
	padding: 0 0 15px 0;
	/padding: 0;
	background-color: #0D0D0D;
	}
.TopStaffBlog .TopStaffBlogT{
	padding: 0 0 15px 0;
	background-color: #0D0D0D;
	}
.TopKuboBlogC,
.TopStaffBlogC{
	color: #eeeeee;
	font-size: 12px;
	}
	.TopKuboBlog .TopKuboBlogC ul li,
	.TopStaffBlog .TopStaffBlogC ul li{
		display: block;
		line-height: 140%;
		margin: 0;
		padding: 0;
		}
	.TopKuboBlogC dl.sidemenu_body,
	.TopStaffBlogC dl.sidemenu_body{
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
		background: url(/img/dotline.gif) left bottom repeat-x;
		}
	.TopKuboBlogC dl.sidemenu_body dt.plg_title,
	.TopStaffBlogC dl.sidemenu_body dt.plg_title{
		margin: 0 0 5px 0;
		padding: 0 0 0 7px;
		font-weight: bold;
		border-left: 1px solid #901f1f;
		color: #9e9e9e;
		}
	.TopKuboBlogC dl.sidemenu_body dd.plg_body,
	.TopStaffBlogC dl.sidemenu_body dd.plg_body{
		margin: 0;
		padding: 0 0 0 8px;
		}
		.TopKuboBlogC dl.sidemenu_body dd.plg_body ul li{
			background: url(/img/listmark01.gif) 0 7px no-repeat;
			display: block;
			line-height: 140%;
			margin: 0;
			padding: 0 0 0 10px;
			}
		.TopStaffBlogC dl.sidemenu_body dd.plg_body ul li{
			background: url(/img/listmark01.gif) 0 6px no-repeat;
			display: block;
			line-height: 140%;
			margin: 8px 0 0 0;
			padding: 0 0 0 12px;
			}

		p.plugin-search input{
			margin: 2px 0;
			}
		div.plugin-qrcode{
			text-align: center !important;
			}
	div.entry{
		margin: 0 0 50px 0;
		}
	div.TopKomutenBlogT{
		margin: 0 0 5px 0;
		}

	div.content{
		margin-bottom: 30px;
		overflow: hidden;
		text-align: left;
		width: 100%;
		}
	div.pagetop{
		padding: 0;
		text-align: right;
		}

	ul.entry_footer {
		border-top: 1px solid #CCCCCC;
		padding: 10px 0;
		text-align: right;
		}
		ul.entry_footer li {
			display: inline;
			list-style-type: none;
			}

	div.page_navi{
		padding-bottom:30px;
		text-align: center;
		}


/*-----------------------------------------------------------
  スタッフブログ
-----------------------------------------------------------*/
.pro_staff_Framemain #Contents{
	width: 920px;
	margin: 0 0 40px 0;
	}
	#Pankuzu{
		margin: 0 0 0 auto;
		width: 690px;
		}
	h3.pro_staff{
		margin-left: auto !important;
		width: 690px !important;
		}


/*-----------------------------------------------------------
  「最新ニュース」
-----------------------------------------------------------*/
div#archive h2{
	display: none;
	width: 660px;
	height: 75px;
	margin: 0 0 40px 0;
	padding: 0;
	text-indent: -10000px;
	color: #fff;
	overflow: hidden;
	background: url(/img/st_newsrelease.gif);
	}
	
div#archive h3{
	display: block;
	text-align: left;
	text-indent: 0;
/*	background:transparent url(/img/dotline.gif) repeat-x scroll left bottom;*/
	font-size:1.2em;
	margin: 0 0 7px 0;
	padding: 5px 0;
	height: auto;
	color: #a12121;
	border-bottom: 3px double #e0e0e0;
	}

/*-----------------------------------------------------------
　左ボックス
-----------------------------------------------------------*/
div.left_box{
	width:200px;
	float:left;
	margin-top: -117px;
}

/*人別表示*/
.TopStaffBlogFujiT,
.TopStaffBlogShizuokaT{
	margin-bottom: 8px;
	/margin-bottom: 5px;
	}

div.month_box{
	margin:0;
	padding: 46px 0 15px 0;
	background: #0D0D0D url(/img/t_StaffBlog.png) 0 0 no-repeat;
}
div.month_box ul{
	margin: 0;
	padding: 0 15px;
	list-style-type:none;
	background: #0D0D0D;
}
div.month_box ul li{
	margin:0;
	padding:0;
}
div.month_box ul li a{
	display: block;
	background:url(/img/listmark01.gif) 0 11px no-repeat;
	padding:4px 0 4px 17px;
	color: #c0c0c0 !important;
	}
	div.month_box ul li a:hover{color: #ffffff !important;}

div.month_box ul li a:hover{
	background:url(/img/listmark01_on.gif) 0 11px no-repeat;
}

/*カテゴリ別表示*/
div.category_box ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
div.category_box ul li{
	margin:4px 2px;
	padding:0;
}
div.category_box ul li a{
	background:url(/img/listmark01.jpg) 0 4px no-repeat;
	padding:2px 0 2px 17px;
}
div.category_box ul li a:hover{
	background:url(/img/listmark01.jpg) 0 4px no-repeat;
}

/*-----------------------------------------------------------
　右ボックス
-----------------------------------------------------------*/
div.right_box{
	width:690px;
	float:right;
	margin:0;
	padding:0;
}

/*検索ボックス*/
div.search_box{
	margin: 0 0 1em 0;
	padding:5px 10px;
	border: 1px solid #e8e8e8;
}
div.search_box form{
	margin:0;
	padding:0;
	text-align:right;
}
div.search_box form input{
	margin: 0 0 0 5px;
	padding: 2px;
	border: 1px solid #cccccc;
	font-size: 1em;
	vertical-align: middle;
	background: #fefefe;
}

/*プロフィールボックス*/
div.profile_box{
	margin: 0 0 1em 0;
	padding: 0 30px 25px 30px;
	border: 1px solid #e8e8e8;
	background: #ffffff;
	}
	div.profile_box img{
		float: right;
		padding: 25px 0 0 0;
		margin-left: 30px;
		}
	div.profile_box .prf{
		padding: 25px 0 0 0;
		background: url(/aboutus/img/profile_box_line.gif) 0 0 no-repeat;
		}
		/* clearfix --------------------------------- */
		div.profile_box .prf{zoom:1;}
		div.profile_box .prf:after{
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		}
		div.profile_box .prf {display: inline-table;}
		/* Hides from IE-mac \*/
		* html div.profile_box .prf {height: 1%;}
		div.profile_box .prf {display: block;}
		/* End hide from IE-mac */
		/* clearfix ----------------- ここまで -------- */
	div.profile_box .post{
		color: #777777;
		font-size: 10px;
		line-height: 1.2em;
		margin: 0 0 0 15px;
		padding: 0 0 3px 0;
		}
	div.profile_box .name{
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 8px 15px;
		padding: 0 0 3px 0;
		}
		div.profile_box .name span{
			color: #777777;
			font-size: 10px;
			font-weight: normal;
			margin-left: 20px;
			}
	div.profile_box table{
		margin: 0;
		}
		div.profile_box table th,
		div.profile_box table td{
			vertical-align: top;
			}
		div.profile_box table th{
			white-space: nowrap;
			}

/*記事*/
div.detail_box{
	margin:0;
	padding:10px 0px;
}

/*記事一覧*/
div.detail_box ul{
	border-bottom: 1px dotted #cccccc;
	list-style-type:none;
	margin:0;
	padding:0;
}
div.detail_box ul li{
	margin:1px 0;
	padding:5px 0;
	}
	div.detail_box ul li img{
		display: none;
		}

/*記事カテゴリ*/
div.detail_category{
	text-align:right;
}

/*記事日付*/
div.detail_date{
	text-align:right;
}

/*記事内容*/
div.detail_doc{
	padding: 10px 0;
}

/*-----------------------------------------------------------
　コメント入力
-----------------------------------------------------------*/
div.commentarea{
	margin:10px 0px;
	padding:5px;
}

div.formline{
	margin:3px;
	padding:0;
}

/*コメント本文*/
div.formline textarea#memDoc{
	width:400px;
	padding:0;
	margin:0;
}

/*登録ボタン*/
div.linesep div.box input{
	margin:5px 0 0 0;
	padding:0;
}

/*-----------------------------------------------------------
　コメント表示
-----------------------------------------------------------*/
div.comment_one{
	text-align:left;
	margin:3px;
	padding:3px;
	border-bottom:solid 1px #dfe7f6;
}

/*タイトル*/
div.comment_title{
	font-weight: bold;
}

/*日付*/
div.comment_date{
	float: right;
	text-align:left;
	padding:0 5px 0　0;
	color:#888;
}

/*名前*/
div.comment_name{
	float: right;
	text-align:left;
}

#archive .comment_doc{
	clear: both;
	text-align:left;
	padding:0;
	margin-top:3px;
}

