@charset "utf-8";

/* other.css　トップページ以外のCSS */
@import "import.css";

/* ページ全体の共通設定 */
body{
}

/* ページタイトルの設定 */
h3{
	padding-bottom:20px;
}

h3 img,h4 img{
	vertical-align:bottom;
}
/* サイト全体の外枠指定 */
#base{}

/* header(ページの上辺) */
#header{}

/* globalmenu (ページのメインメニュー)*/
#globalmenu{}

/* twocolumns = side + main */
#twocolumns{}

/* sidecolumn(サイドバー) */
#sidecolumn{}
	#sidemenu_exterior{
		background:url(../img/side_exterior_background.jpg) no-repeat;
		padding:12px 10px 18px 7px;
	}
	#sidemenu_exterior li{
		padding-bottom:10px;
	}
	
/* maincolumn(メインコンテンツ) */
#maincolumn{
	font-size:1.2em;
	text-align:left;
}

	/* 会社概要ページ */
	#company_outline{}
		#company_outline h3{
			padding-bottom:10px;
		}
		#company_outline table{
			margin:0px 0px 20px 23px;
			line-height:1.4;
		}
		#company_outline table tr{
			height:22px;
		}
		#company_outline table th{
			width:100px;
			font-weight:normal;
			border:1px solid #333333;
			background-color:#F2F2F2;
			padding-left:8px;
		}
		#company_outline table td{
			border:1px solid #333333;
			padding:2px 20px 2px 8px;
		}
		#company_map{
			padding-top:0px;
		}
			#company_map h3{
				padding-bottom:10px;
			}
			/* googlemap表示エリア */
			#map{
				width:546px;
				height:364px;
				margin:0px 0px 0px 8px;
			}
	
	
	/* 建築の流れページ */
	#buildflow{}
		
		#buildflow h3{
			padding-bottom:0px;
		}
		#buildflow dl{
			padding-top:10px;
		}
		#buildflow dd{
			background:url(../img/buildflow_background.jpg) no-repeat;
			background-position:439px 7px;
			padding-right:140px;
			line-height:1.4;
			min-height:63px;
			/height:63px;
		}
		#buildflow dd.last{
			height:auto;
			background:none;
			min-height:0;
		}
	
	/* リンク集のページ */
	#link{}
		#link h3 img{
			vertical-align:bottom;
		}
		#link h3{
			padding-bottom:10px;
		}
			#link table tr{
			}
			#link table th{
				width:150px;
				font-weight:normal;
				border:1px solid #333333;
				background-color:#F9F9F9;
				padding-left:8px;
			}
			#link table td{
				width:291px;
				border:1px solid #333333;
				padding:5px 5px 5px 10px;
			}
				#link table td.image{
					width:110px;
					text-align:center;
					vertical-align:middle;
					padding:0;
					background-color:#FDFFF2;
				}
					#link table td.image img{
						vertical-align:bottom;
					}
		
	/* 注文住宅ページ */	
	#order{}
		#order h3 img,#order h4 img{
			vertical-align:bottom;
		}
		#order div.itemcontainer{
			padding:3px 0px 0px 15px;
		}
		#order div dl{
			float:left;	
			padding:8px 10px 10px 0px;
		}
		#order div dl dd{
			padding-top:3px;
			width:170px;
			text-align:center;
		}
		
	
	/* エクステリアのページ */
	#exterior{}
		#exterior h3{
			padding-bottom:5px;
		}
		#exterior h3 img{
			vertical-align:bottom;
		}
		#exterior h4 img{
			vertical-align:bottom;
		}
		#exterior div.itemcontainer{
			padding:5px 0px 0px 15px;
		}
		#exterior div dl{
			float:left;
			padding:5px 10px 12px 0px;
		}
		#exterior div dl dd{
			padding-top:3px;
			width:170px;
			text-align:center;
		}
		/* エクステリア用テキストボックス(可変) */
		.liquidtextarea{
			background:url(../img/liquid_top.jpg) no-repeat;
			padding-top:5px;
			padding-bottom:20px;
		}
		.liquidtextarea p{
			background:url(../img/liquid_bottom.jpg) no-repeat;
			background-position:bottom;
			padding:5px 7px 11px 17px;
			line-height:1.4;
		}

	/* 世界大工王決定戦 */
	#battle{}
		#battle h3{
			padding-bottom:0px;
		}
		#battle div.itemcontainer{
			padding:0px 0px 0px 15px;
		}
		#battle div dl{
			float:left;
			padding:10px 10px 10px 0px;
		}
		#battle div dl dd{
			padding-top:3px;
			width:170px;
			text-align:center;
		}
	.battle #footer {
		margin-bottom:20px;
	}
	
	/* U邸外溝工事 */
	#residence{}
		#residence h3{
			padding-bottom:0px;
		}
		#residence div.itemcontainer{
			padding:0px 0px 0px 15px;
		}
		#residence div dl{
			float:left;
			padding:10px 10px 10px 0px;
		}
		#residence div dl dd{
			padding-top:3px;
			width:170px;
			text-align:center;
		}
		.residence #footer{
			margin-top:20px;
		}
		
	/* リフォーム */
	#reform{
		line-height:1.4;
	}
		#reform h3{
			padding-bottom:0px;
		}
		#reform a.tate{ 
			display:block;
			height:127px;
			width:170px;
			overflow:hidden; 
			position:relative; 
			z-index:1;
		} 
		#reform a.tate img{ 
			position:absolute; 
			top:-80px;
			left:0px;
		} 
		#reform .imageleft p{
			padding:16px 25px 0px 10px;
			width:340px;
			float:right;
		}
		#reform .imageright p{
			padding:16px 12px 0px 11px;
			width:355px;
			float:left;
		}
		#reform .imageleft div{
			float:left;
			padding:10px 0px 18px 15px;
		}
		
		#reform .imageright div{
			float:right;
			padding:10px 10px 25px 0px;
		}
		
		#reform div.itemcontainer{
			padding:4px 0px 0px 15px;
		}
		#reform div dl{
			float:left;
			padding:6px 10px 12px 0px;
			text-align:center;
		}
		#reform div dl dd{
			padding-top:3px;
			width:170px;
		}


	/* 土地情報と別荘物件のページ 共通 */
	#ground{
	}
		#ground div{
			background:url(../img/info_border.jpg) no-repeat;
			background-position:bottom;
		}
		#ground div p{
			padding:15px 25px 0px 10px;	
			line-height:1.6;
		}
		#ground div div{
			float:left;
			padding:10px 10px 10px 15px;
		}
		#ground div p.navigation{
			text-align:right;
			padding-top:18px;
		}
		#ground div p.navigation img{
			vertical-align:bottom;
		}
		
	/* トップページ→インフォメーション */
	.news{
		background:none;
	}
		.news ul{
			padding:px 0px 0px 8px;
		}
		
		.news li{
			background:url(../img/index_news_pointer.jpg) no-repeat;
			background-position:8px 11px;
			padding-left:20px;
			padding-top:8px;
			font-size:1.2em;
		}
		
	/*  別荘物件、土地情報のポップアップページ */
	.blog{
		background:none;
		text-align:left;
		padding-left:5px;
		padding-top:5px;
	}
		.blog h1{
			font-size:1.4em;
			height:25px;
			background:url(../img/info_blog_title.jpg) no-repeat;
			background-position:0px 19px;
		}
		body.blog div.itemlist{
			padding-top:10px;
			padding-bottom:7px;
			width:542px;
			margin-left:-1px;
		}
		body.blog div.itemlist img{
			border:1px solid #666666;
			padding:1px;
			margin-right:5px;
			vertical-align:bottom;
		}
		body.blog div.itemlist p{
			text-align:center;
		}
		.blog table{
			vertical-align:middle;
			margin-bottom:13px;
		}
			.blog th{
				width:87px;
				line-height:25px;
				padding-left:5px;
				border:1px solid #666666;
				background-color:#EAEAEA;
				font-weight:normal;
				/font-size:1.2em;
			}
			.blog td{
				width:442px;
				line-height:25px;
				padding-left:3px;
				border:1px solid #666666;
				/font-size:1.2em;
			}
		.blog .backtotop{
			display:inline;
			vertical-align:top;
		}
		.blog .closebutton{
			padding-left:130px;
			display:inline;
		}
	
	/* お問い合わせページ */
	#inquiry{}
		#inquiry h3{
			padding-bottom:8px;
		}
		#inquiry address img{
			display:block;
			vertical-align:bottom;
		}
		
		#inquiry p{
			padding:0px 10px 10px 10px;
		}
		#inquiry p span{
			color:#FF0000;
		}
		
		#inquiry address{
			padding:0px 0px 25px 20px;
		}
		#inquiry form{
			margin-left:-7px;
		}
		#inquiry table{
			border-spacing:0px 10px;
			border-collapse: separate;
			margin:3px 0px 13px 0px;
		}
			#inquiry table td{
				width:330px;
				vertical-align:middle;
				padding:5px 0px 5px 10px;
				/padding:5px 0px 5px 0px; /* IEのborder-spacing対策 */
			}
			
			#inquiry table th{
				width:136px;
				vertical-align:middle;
				text-align:right;
				padding-right:5px;
				border-right:2px solid #CCCCCC;
				font-weight:normal;
			}
			
				#inquiry table th span{
					color:#FF0000;
				}
				#inquiry table th span.entrans{
					font-size:0.8em;
					color:#666666;
				}
			
				/* お問い合わせフォームの各エリアサイズの指定 */
				#inquiry table tr.message textarea{
					width:320px;
					height:120px;
					border:1px solid #7F9DB9;
				}
				#inquiry table tr.name input{
					width:170px;
					border:1px solid #7F9DB9;
				}
				#inquiry table tr.mail input{
					width:220px;
					border:1px solid #7F9DB9;
				}
				#inquiry table tr.tel input{
					width:120px;
					border:1px solid #7F9DB9;
				}
				#inquiry table tr.zipcode input{
					width:70px;
					border:1px solid #7F9DB9;
				}
				#inquiry table tr.address input{
					width:320px;
					border:1px solid #7F9DB9;
				}
	
			#inquiry dl{
				padding-left:10px;
				width:539px;
			}
			#inquiry dl dd{
				padding-bottom:18px;
			}
			
			#inquiry p.last{
				padding-bottom:20px;
			}
			#inquiry p.address{
				padding-bottom:0px;
			}
				
/* footer(ページの下辺) */
#footer{}