/*  
Theme Name: karakuri_color
Theme URI: http://web-karakuri.com
Description: Designed by <a href="http://web-karakuri.com">webカラクリ.com</a>
Author: webカラクリ.com
Author URI: http://web-karakuri.com
@1995, webカラクリ.com. All rights reserved. 
*/


* { margin: 0; padding: 0; }
img, a, a:link, ul li{ border: 0; margin: 0; padding: 0; }
html{
	margin: auto;
	width: 880px;
}
body{
	padding: 0;
	margin; 0 auto;
	width: 880px;
}
br{ clear: both; }
#container{
		/*background: url(/demo/sato-home/img//top_bg.gif) no-repeat;*/
		
		margin: 0 auto;
		float: left;
		overflow: hidden;
}
#content{
		border: 1px solid white;
		float: left;
		width: 878px;
}
#header{
		background: url(/img/header1.gif) no-repeat;
		height: 81px;
}
		h1#header-name{
				position: relative;
				left: 26px;
				top: 34px;
		}
		#header3{
				position: relative;
				left: 790px;
				top: -57px;
		}

#main-navigation{
		float: left;
		width: 875px;
		margin-left: 0px;
		border-left: 2px solid black;
		border-right: 3px solid black;
}
#main-navigation-inner ul li{
		float: left;
		border: 0px solid red;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 125px;
		height: 40px;
}
#main-navigation-inner ul li a img{
		width: 125px;
		height: 40px;
}

.topimg{
		float: left;
		width: 880px;
}
.topimg img{
		width: 878px;
}

#info{
	float: left;
	width: 880px;
	height: 285px;
	margin-top: 25px;
	color: black;
}
		#info #block1{
				float: left;
				width: 395px;
				height: 290px;
				margin-left: 30px;
				background: url(/img/info1.gif) no-repeat;
		}
		#info #block2{
				float: left;
				width: 395px;
				height: 290px;
				margin-left: 30px;
				background: url(/img/info2.gif) no-repeat;
		}
		#info #block1 .text, #info #block2 .text{
				float: left;
				width: 393px;
				height: 160px;
				margin-top: 40px;
				color: black;
				font-size: 14px;
				overflow: auto;
				border: 1px solid gray;
				border-top: 0;
		}
			#info #block1 .text dt, #info #block2 .text dt{
				float: left;
				width: 85px;
				line-height: 22px;
				margin: 0 0 0 5px;
			}
			#info #block1 .text dd, #info #block2 .text dd{
				float: left;
				width: 285px;
				line-height: 22px;
			}
		
		#info #block1 .btn, #info #block2 .btn{
				float: left;
				width: 395px;
				height: 65px;
				margin-top: 0px;
				text-align: right;
		}
		#info #block1 .btn a img, #info #block2 .btn a img{
				margin-top: 15px;
		}

#main_top{
		float: left;
		width: 658px;
		border: 0px solid red;
		overflow: hidden;
}
		#main_top #block{
				float: left;
				width: 595px;
				height: 239px;
				margin: 0 0 10px 30px;
				border: 1px solid gray;
				background: #eaeaea;
		}
				#main_top #block .title{
						float: left;
						width: 595px;
						height: 40px;
				}
						#main_top #block .title img{
								float: left;
								width: 593px;
						}
				#main_top #block .img{
						float: left;
						width: 285px;
						height: 200px;
				}
						#main_top #block .img img{
								margin: 10px;
						}
				#main_top #block .text{
						float: left;
						width: 310px;
						height: 165px;
						font-size: 80%;
						line-height: 20px;
				}
						#main_top #block .text p{
								margin-top: 10px;
						}
				#main_top #block .btn{
						float: left;
						width: 310px;
						height: 45px;
						text-align: right;
				}
				#main_top #block .btn a img{
						margin-right: 5px;
				}
		
		
#beta{
		float: left;
		width: 218px;
		border-left: 2px solid silver;
		margin: 20px 0 0 0;
}
		#beta ul{
				float: left;
				list-style: none;
				padding: 0;
				margin: 0;
				margin-left: 20px;
		}
		#beta ul li{
				float: left;
				margin: 0 0 5px 0;
				padding: 0;
				height: 76px;
		}
		#beta ul li a{
				
		}
		#beta ul li a img{
				
		}
		#beta ul li.zero{
				float: left;
				padding: 0;
				margin: 0;
				height: 39px;
		}
		#beta ul li.top20{
				float: left;
				padding: 0;
				margin: 20px 0 0 0;
		}
		#beta ul li.top26{
				float: left;
				padding: 0;
				margin: 26px 0 5px 0;
		}
		#beta ul li.height18{
				float: left;
				padding: 0;
				margin: 0;
				height: 18px;
				width: 218px;
		}
		#beta ul li.height50{
				float: left;
				height: 50px;
		}
		#beta ul li.zero a{
				
		}
		#beta ul li.zero a img{
				
		}
				
div#footer{
		float: left;
		width: 878px;
		margin-top: 50px;
		border: 0px solid red;
		overflow: hidden;
}
		div#footer #footer_banner{
				float: left;
				width: 880px;
				height: 150px;
		}
				div#footer #footer_banner ul{
						list-style: none;
				}
				div#footer #footer_banner ul li{
						float: left;
						margin: 10px 0 0 20px;
						position: relative;
						left: 10px;
				}
		div#footer-inner{
				float: left;
				width: 880px;
				height: 50px;
				background: url(/img/footer_bg.gif) no-repeat;
				color: white;
				font-size: 10px;
		}
		div#footer-inner a{
			margin: 0;
		}
		
	#atop{
		position: relative;
		top: -180px;
		left: 500px;
	}
	#atop2{
		display: block;
		width: 100px;
		position: relative;
		top: -50px;
		left: 500px;
	}
	#footer_link{
		position: relative;
		top: 10px;
		left: 135px;
	}
	#footer_link a{
		color: silver;
		font-size: 10px;
		margin-right: 20px;
		text-decoration: none;
	}
	#footer_link_qa{
		position: relative;
		top: -20px;
		left: 135px;
	}
	#footer_link_qa a{
		color: silver;
		font-size: 10px;
		margin-right: 20px;
		text-decoration: none;
	}


/* セミナー
---------------------------------*/
div.main_seminer{
	float: left;
	margin-top: 20px;
	width: 660px;
	/*background: url(/img/seminer_bg.gif) no-repeat;*/
}
	#seminer_top{
		float: left;
		width: 630px;
		height: 198px;
		background: url(/img/seminer1.gif) no-repeat;
		margin: 12px 0 0 25px;
	}
		#seminer_top ul{
			float: left;
			width: 580px;
			list-style: none;
			margin: 40px 0 0 30px;
			font-size: 12px;
			line-height: 20px;
		}
		#seminer_top ul li{
			float: left;
			width: 290px;
		}
		#seminer_top ul li a{
			color: #893a2c;
		}
	div.main_seminer div.block{
		float: left;
		width: 620px;
		height: 700px;
		margin: 0 0 70px 25px;
	}
		div.main_seminer div.block div.title .single_title{
			float: left;
			background: url(/img/seminer2.gif) no-repeat;
			width: 620px;
			height: 41px;
			margin: 0;
			color: white;
			font-size: 24px;
			padding: 10px 0 0 15px;
		}

		div.main_seminer div.block div.text{
			float: left;
			width: 600px;
			margin: 0 0 0 40px;
			font-size: 12px;
			padding: 0;
		}
			div.main_seminer div.block div.text div.subtit{
				float: left;
				width: 580px;
				height: 23px;
				font-size: 12px;
				padding: 0;
				border-bottom: 1px dashed gray;
			}
			div.main_seminer div.block div.text p{
				float: left;
				width: 575px;
				font-size: 12px;
				margin: 17px 0 25px 0;
				padding: 0 0 0 5px;
				line-height: 21px;
			}
		div.main_seminer div.block div.footer{
			float: left;
			width: 620px;
			padding: 0;
		}
			div.main_seminer div.block div.footer div.no1{
				float: left;
				width: 620px;
				height: 40px;
				margin: 0;
			}
				div.main_seminer div.block div.footer div.no1 img{
					float: left;
					margin-left: 45px;
				}
			div.main_seminer div.block div.footer div.no2{
				float: left;
				width: 620px;
				height: 224px;
				margin: 48px 0 0 0 ;
				background: url(/img/seminer5.gif) no-repeat;
			}
				div.main_seminer div.block div.footer div.no2 a img{
					float: left;
					position: relative;
					top: 144px;
					left: 351px;
				}
			div.main_seminer div.block div.footer div.no3{
				width: 620px;
				height: 130px;
				text-align: right;
			}
				div.main_seminer div.block div.footer div.no3 img{
					margin-top: 40px;
				}


div.bgbg{
	/*background: url(/img/bgbg.gif) no-repeat;*/
	width: 620px;
	height: 1064px;
	margin-top: 25px;
}
	#excursion1{
		float: left;
		background: url(/img/excursion1.gif) no-repeat;
		width: 620px;
		height: 44px;
	}
	#excursion2{
		float: left;
		background: #e8e8e8;
		width: 620px;
		height: 146px;
	}
		#excursion2 p{
			margin: 10px 0 0 15px;
			font-size: 14px;
			line-height: 23px;
		}
	#excursion3{
		float: left;
		background: url(/img/excursion3.gif) no-repeat top left;
		width: 620px;
		height: 90px;
		margin: 0;
		padding: 0;
	}
		#excursion3 .no1{
			float: left;
			font-weight: bold;
			color: white;
			margin: 10px 0 0 103px;
			font-size: 26px;
			height: ;
		}
		#excursion3 .no2{
			float: left;
			font-weight: bold;
			color: white;
			margin: 6px 0 0 103px;
			font-size: 26px;
			height: ;
		}
	#excursion4{
		float: left;
		background: ;
		width: 620px;
		height: 220px;
		margin: 0;
		padding: 0;
	}
		#excursion4 .no1{
			float: left;
			font-weight: bold;
			color: white;
			margin: 0;
			font-size: 26px;
			width: 300px;
			height: 220px;
		}
			#excursion4 .no1in{
				float: left;
				margin: 20px 0 0 0;
				width: 290px;
				height: 170px;
				background: silver;
			}
		#excursion4 .no2{
			float: left;
			margin: 0;
			font-size: 12px;
			height: 220px;
			width: 320px;
		}
			#excursion4 .no2 p{
				float: left;
				margin: 20px 0 0 0;
				line-height: 18px;
			}
				#excursion4 .no2 p strong{
					display: block;
					text-decoration: none;
				}
	#excursion5{
		float: left;
		width: 620px;
		height: 562px;
		margin: 0;
		padding: 0;
		background: url(/img/excursion5.gif) no-repeat top left;
	}
		#excursion5 a img{
			position: relative;
			top: 210px;
			left: 350px;
		}

	#inq11{
		float: left;
		width: 620px;
		height: 282px;
		margin: 0;
		padding: 0;
		background: url(/img/inq11.png) no-repeat top left;
	}
		#inq11 img{
			float: left;
			position: relative;
			top: 180px;
			left: 350px;
		}
/* 新築
--------------------------------*/
.main_new{
	float: left;
	/*background: url(/img/new.gif) no-repeat top left;*/
	width: 880px;
	margin-top: 20px;
}
	#new1{
		float: left;
		width: 620px;
		height: 40px;
		border: 0px solid blue;
		background: url(/img/new1.gif) no-repeat top left;
	}
	#new2{
		width: 620px;
		height: 206px;
		float: left;
	}
		#new1_text{
			float: left;
			width: 620px;
			height: 40px;
			margin-top: 10px;
			border: 0px solid red;
		}
		#new2 table, #new6 table{
			float: left;
		}
		#new2 table th, #new6 table th{
			float: left;
			font-size: 14px;
			line-height: 20px;
			width: 100px;
			font-weight: normal;
			text-align: left;
		}
		#new2 table td, #new6 table td{
			float: left;
			font-size: 14px;
			width: 515px;
			line-height: 20px;
		}
	#new3{
		width: 620px;
		height: 346px;
		float: left;
		background: url(/img/new3.gif) no-repeat top left;
	}
	#new4{
		width: 620px;
		height: 605px;
		float: left;
		background: url(/img/new4.gif) no-repeat top left;
	}
	#new5{
		width: 620px;
		height: 40px;
		float: left;
		background: url(/img/new5.gif) no-repeat top left;
	}
	#new6{
		width: 620px;
		height: 221px;
		float: left;
	}
	#new7{
		width: 620px;
		height: 347px;
		float: left;
		background: url(/img/new6.gif) no-repeat top left;
	}
	#new8{
		width: 620px;
		height: 330px;
		float: left;
		background: url(/img/new7.gif) no-repeat top left;
	}

.hidden{
	display: none;
}