/*-----------------------------------------------------------
  MainImageエリア
-----------------------------------------------------------*/
#MainImage{
	width: 100%;
	height: 580px;
	margin: 0 auto 25px auto;
	padding: 0;
	background: url(/img/bg_MainImage.gif) center top repeat;
	}
	#MainImage #Flash{
		width: 996px;
		height: 332px;
		margin: 0 auto 10px auto;
		padding: 0;
		background: url(/img/MainImage.jpg) center top no-repeat;
		}
	#MainImage #TopPR{
		width: 936px;
		margin: 0 auto;
		padding: 0;
		height: 245px;
		position: relative;
		zoom: 1;
		}
		#MainImage #TopPR h2{
			margin: 0;
			padding: 0;
			width: 180px;
			height: 34px;
			background: url(/img/t_pr.gif) 0 0 no-repeat;
			text-indent: -10000px;
			position: absolute;
			top: 0;
			left: 0;
			}
		#MainImage #TopPR span{
			margin: 0;
			padding: 0;
			position: absolute;
			top: 13px;
			left: 200px;
			font-size: 10px;
			}
		#MainImage #TopPR ul{
			margin: 0 -8px 0 0;
			padding: 0;
			position: absolute;
			top: 45px;
			left: 0;
			list-style: none;
			zoom: 1;
			}
			#MainImage #TopPR ul li{
				margin: 0 8px 0 0;
				_margin: 0 7px 0 0;
				padding: 0;
				float: left;
				width: 180px;
				height: 185px;
				display: inline;
				}
				#MainImage #TopPR ul li.PRm1{background: url(/img/PRm1.png) 0 0 no-repeat;}
				#MainImage #TopPR ul li.PRm2{background: url(/img/PRm2.png) 0 0 no-repeat;}
				#MainImage #TopPR ul li.PRm3{background: url(/img/PRm3.png) 0 0 no-repeat;}
				#MainImage #TopPR ul li.PRm4{background: url(/img/PRm4.png) 0 0 no-repeat;}
				#MainImage #TopPR ul li.PRm5{background: url(/img/PRm5.png) 0 0 no-repeat;}
				
				#MainImage #TopPR ul li:hover.PRm1{background-position: -180px 0;}
				#MainImage #TopPR ul li:hover.PRm2{background-position: -180px 0;}
				#MainImage #TopPR ul li:hover.PRm3{background-position: -180px 0;}
				#MainImage #TopPR ul li:hover.PRm4{background-position: -180px 0;}
				#MainImage #TopPR ul li:hover.PRm5{background-position: -180px 0;}
				

				#MainImage #TopPR ul li a{
					display: block;
					margin: 5px 0 0 0;
					padding: 0;
					width: 180px;
					height: 160px;
					text-indent: -10000px;
					overflow: hidden;
					}


/*-----------------------------------------------------------
  FrameTopエリア
-----------------------------------------------------------*/
#FrameTop #Left{
	display: block;
	float: left;
	width: 555px;
	margin: 0;
	padding: 25px 0 0 0;
	}
	/* 注文住宅建築事例・大型建築・土木施工事例 --------------------------- */
	 #Left .T_Gallery,
	 #Left .T_Works{
		margin: 0 0 18px 0;
		padding: 0;
		height: 83px;
		position: relative;
		}
		#Left .T_Gallery	{background: url(/img/t_Gallery.jpg) 0 0 no-repeat;}
		#Left .T_Works		{background: url(/img/t_Works.jpg) 0 0 no-repeat;}

		#Left .T_Gallery a.more,
		#Left .T_Works a.more{
		 	display: block;
			margin: 0;
			padding: 0;
			width: 61px;
			height: 15px;
			text-indent: -10000px;
			overflow: hidden;
			position: absolute;
			top: 20px;
			right: 0;
			}
			#Left .T_Gallery a.more	{background: url(/img/more_gallery.gif) 0 0 no-repeat;}
			#Left .T_Works a.more	{background: url(/img/more_works.gif) 0 0 no-repeat;}
			#Left .T_Gallery a:hover.more,
			#Left .T_Works a:hover.more{background-position: 0 -15px;}

	 #Left .Contact{
		margin: 0;
		padding: 0;
		}
		#Left .Contact a{
			display: block;
			margin: 0;
			padding: 0;
			width: 555px;
			height: 114px;
			background: url(/img/bnr_contact.gif) 0 0 no-repeat;
			text-indent: -10000px;
			overflow: hidden;
			}
			#Left .Contact a:hover{background-position: 0 -114px;}



#FrameTop #Right{
	display: block;
	float: right;
	width: 343px;
	margin: 0;
	padding: 0;
	}

	/* こだわりバナー ------------------------------------------------------- */
	#Right .BnrPR{
		margin: 0;
		padding: 0;
		}
		#Right .BnrPR ul{
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#Right .BnrPR ul li{
				margin: 0 0 15px 0;
				padding: 0;
				position: relative;
				height: 70px;
				}
				#Right .BnrPR ul li.pro		{background: url(/img/bnr_pro.jpg) 0 0 no-repeat; height: 95px;}
				#Right .BnrPR ul li.mar		{background: url(/img/bnr_mar.jpg) 0 0 no-repeat;}
				#Right .BnrPR ul li.lucky	{background: url(/img/bnr_lucky.jpg) 0 0 no-repeat;}
				#Right .BnrPR ul li.thought	{background: url(/img/bnr_thought.jpg) 0 0 no-repeat; height: 80px;}
				#Right .BnrPR ul li.recruit	{background: url(/img/bnr_recruit.jpg) 0 0 no-repeat; height: 76px;}

				#Right .BnrPR ul li a{
					display: block;
					margin: 0;
					padding: 0;
					height: 70px;
					width: 343px;
					position: absolute;
					bottom: 0;
					text-indent: -10000px;
					overflow: hidden;
					}

	/* 専務ブログ ------------------------------------------------------- */
	#Right .EDBlog{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		background: url(/img/bg_news.gif) left bottom no-repeat;
		}
		#Right .EDBlog .T_EDBlog{
			margin: 0;
			padding: 0;
			height: 95px;
			background: url(/img/t_EDBlog.jpg) 0 0 no-repeat;
			text-indent: -10000px;
			}
		#Right .EDBlog ul{
			margin: 0;
			padding: 5px 20px;
			list-style: none;
			}
			#Right .EDBlog ul li{
				margin: 0;
				padding: 7px 0;
				background: url(/img/dotline.gif) left bottom repeat-x;
				}
				#Right .EDBlog ul li span{
					margin: 0 15px 0 0;
					padding: 0 0 0 15px;
					background: url(/img/listmark01.gif) 0 4px no-repeat;
					}

	/* スタッフブログ ------------------------------------------------------- */
	#Right .StaffBlog{
		margin: 0 0 25px 0;
		padding: 0 0 15px 0;
		background: url(/img/bg_news.gif) left bottom no-repeat;
		}
		#Right .StaffBlog .T_StaffBlog{
			margin: 0;
			padding: 0;
			height: 85px;
			background: url(/img/t_StaffBlog.jpg) 0 0 no-repeat;
			text-indent: -10000px;
			}
		#Right .StaffBlog ul{
			margin: 0;
			padding: 5px 20px;
			list-style: none;
			}
			#Right .StaffBlog ul li{
				margin: 0;
				padding: 7px 0;
				background: url(/img/dotline.gif) left bottom repeat-x;
				}
				#Right .StaffBlog ul li span{
					margin: 0 15px 0 0;
					padding: 0 0 0 15px;
					background: url(/img/listmark02.gif) 0 4px no-repeat;
					}

	/* ニュース＆トピックス ------------------------------------------------------- */
	#Right .News{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		background: url(/img/bg_news.gif) left bottom no-repeat;
		}
		#Right .News .T_News{
			margin: 0;
			padding: 0;
			height: 70px;
			background: url(/img/t_News.jpg) 0 0 no-repeat;
			position: relative;
			}
			#Right .News .T_News a{
				display: block;
				width: 59px;
				height: 15px;
				background: url(/img/more_news.gif) 0 0 no-repeat;
				text-indent: -10000px;
				position: absolute;
				top: 40px;
				right: 20px;
				}
				#Right .News .T_News a:hover{background-position: 0 -15px;}
		#Right .News ul{
			margin: 0;
			padding: 5px 20px;
			list-style: none;
			}
			#Right .News ul li{
				margin: 0;
				padding: 7px 0;
				background: url(/img/dotline.gif) left bottom repeat-x;
				}
				#Right .News ul li span.thumb img{
					float: right;
					width: 59px;
					margin: 0 0 0 10px;
					}
				#Right .News ul li span.date{
					margin: 0;
					padding: 0 0 0 15px;
					background: url(/img/listmark03.gif) 0 4px no-repeat;
					}




/*--------------------------------------------------------------------------*/
/* トップページ_メイン */

#main{
	display: inline;
	width: 740px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px auto 20px auto;
}
/*メインビジュアル*/
#main #mv{
	display: block;
	float: left;
	text-align: center;
	padding: 0px 0 5px 10px;
	margin: 0px auto;
}
#main .main_left{
	float: left;
	width: 200px;
}
#main .main_right{
	float: left;
	width: 530px;
}
	/*トップページのサブメニュー*/
	#main .top_smenu{
		float: left;
		padding: 0px 5px 5px 11px;
		font-size: 14px;
		line-height: 18px;
	}
	#main #smenu_list{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		background: url(../img/tsmenu_m.jpg) repeat-y;
	}
	#main .top_smenu #smenu_ul{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		list-style: none;
	}
	#main .top_smenu #smenu_ul .smenu_li{
		display: block;
		padding: 5px 0px 5px 30px;
		margin: 0px;
		border-bottom: 1px #ccc dotted;
	}
	#main .top_smenu #smenu_ul .smenu_li2{
		display: block;
		padding: 5px 0px 15px 30px;
		margin: 0px;
	}
	#main .top_smenu #smenu_ul .smenu_li .list_text,
	#main .top_smenu #smenu_ul .smenu_li2 .list_text{
		display: block;
		padding: 0px 0px 0px 5px;
		margin: 0px;
		border-left: 3px #677F4D solid;
	}
	#main .top_smenu #smenu_ul .smenu_li a:hover .list_text,
	#main .top_smenu #smenu_ul .smenu_li2 a:hover .list_text{
		display: block;
		padding: 0px 0px 0px 5px;
		margin: 0px;
		border-left: 3px #122400 solid;
	}

	/*　NEWS　*/
	#main #news_archive{
		float: left;
		padding: 0px 0px 15px 6px;
		margin: 0px 0px 0px 0px;
		background: url(../img/news_b.jpg) no-repeat 6px bottom;
	}
	#main #news_archive #news_title{
		width: 520px;
		height: 40px;
		text-align: right;
		padding-top: 5px;
		background: url(../img/news_t.jpg) no-repeat;
	}
	#main #news_archive #news_title li{
		background: url(../img/linklist_on.gif) no-repeat center left;
		padding: 5px 20px 5px 20px;
		text-align: right;
		float: right;
		list-style: none;
		font-size: 90%;
		line-height: 140%;
	}
	#main #news_archive ul{
		margin: 5px 20px 0 20px;
		padding: 0;
	}
	#main #news_archive li{
		background: url(../img/mark_news.jpg) no-repeat 0px 5px;
		padding: 5px 10px 0px 20px;
		text-align: left;
		list-style: none;
		font-size: 90%;
		line-height: 100%;
	}

	/*　RSS1　*/
	#main #Rss1{
		clear: both;
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 10px 0px;
		background: url("/img/rss1_bottom.jpg") no-repeat 0px bottom;
	}
	#main #Rss1 #RssTitle{
		width: 187px;
		height: 31px;
		margin-bottom: 10px;
		padding-top: 0px;
		text-align: right;
		background: url("/img/title_rss1.jpg") no-repeat;
	}
	#main #Rss1 #RssTitle span{
		display: none;
	}
	#main #Rss1 ul{
		margin: 0px 20px 20px 10px;
		padding: 0;
	}
	#main #Rss1 li{
		background: url("/img/ico_rss1.jpg") no-repeat 0px 5px;
		padding: 5px 10px 3px 20px;
		text-align: left;
		list-style: none;
		font-size: 90%;
		line-height: 100%;
	}

	/*　RSS2　*/
	#main #Rss2{
		float: left;
		width: 256px;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 15px 6px;
		background: url("/img/rss2_bottom.jpg") no-repeat 6px bottom;
	}
	#main #Rss2 #RssTitle2{
		width: 256px;
		height: 44px;
		margin-bottom: 10px;
		padding-top: 0px;
		text-align: right;
		background: url("/img/title_rss2.jpg") no-repeat;
	}
	#main #Rss2 #RssTitle2 span{
		display: none;
	}
	#main #Rss2 ul{
		margin: 5px 20px 0px 8px;
		padding: 0;
	}
	#main #Rss2 li{
		background: url("/img/ico_rss2.jpg") no-repeat 0px 5px;
		padding: 5px 10px 4px 20px;
		text-align: left;
		list-style: none;
		font-size: 90%;
		line-height: 100%;
	}

	/*　RSS3　*/
	#main #Rss3{
		float: left;
		width: 256px;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 15px 6px;
		background: url("/img/rss3_bottom.jpg") no-repeat 6px bottom;
	}
	#main #Rss3 #RssTitle3{
		width: 256px;
		height: 44px;
		margin-bottom: 10px;
		padding-top: 0px;
		text-align: right;
		background: url("/img/title_rss3.jpg") no-repeat;
	}
	#main #Rss3 #RssTitle3 span{
		display: none;
	}
	#main #Rss3 ul{
		margin: 5px 20px 0px 8px;
		padding: 0;
	}
	#main #Rss3 li{
		background: url("/img/ico_rss3.jpg") no-repeat 0px 5px;
		padding: 5px 10px 4px 20px;
		text-align: left;
		list-style: none;
		font-size: 90%;
		line-height: 100%;
	}


/*　下部バナー　*/
#main #bunner{
	display: block;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	list-style-type: none;
}
#bunner #bunner_link01{
	display: block;
	float: left;
	padding : 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
}
#bunner #bunner_link01 a{
	float: left;
	width: 175px;
	height: 145px;
	background: url(../img/banner_01.jpg) top left no-repeat;
}
#bunner #bunner_link02{
	display: block;
	float: left;
	padding : 0px 0px 0px 0px;
	margin: 0px 2px 0px px;
}
#bunner #bunner_link02 a{
	float: left;
	width: 175px;
	height: 145px;
	background: url(../img/banner_02.jpg) top left no-repeat;
}
#bunner #bunner_link03{
	display: block;
	float: left;
	padding : 0px;
	margin: 0px 0px 0px 0px;
}
#bunner #bunner_link03 a{
	float: left;
	width: 175px;
	height: 145px;
	background: url(../img/banner_03.jpg) top left no-repeat;
}

#bunner #bunner_link01 a:hover{background-position: 0 -145px;}
#bunner #bunner_link02 a:hover{background-position: 0 -145px;}
#bunner #bunner_link03 a:hover{background-position: 0 -145px;}
