/***********************************************************/
/*リンクのスタイル（共通）*/
/***********************************************************/
A:link {color: #3366CC;text-decoration:underline}
A:visited {color: #1144aa;text-decoration:underline}
A:hover {color: #3366CC;text-decoration:underline}
A:active {color: #5588ee;text-decoration:underline}
/***********************************************************/
/*スタイル（共通）*/
/***********************************************************/
*{
	font-size:11px;
	line-height:120%;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#666;
	margin:0;
	padding:0;}
body{
	background: url(../img/bg_body.gif) repeat-x;
	text-align:center;}
ul{
	list-style-type:none;
	margin-left:0px;
	padding-left:0;}
img{
	border:0px #fff solid;}

h2{
	font-weight:normal;
	color:#6f6f6f;
	font-size:20px;
	background: url(../img/icn_h2.gif) center left no-repeat;
	padding-left:24px;
	margin-left:26px;
	line-height:35px;
	text-align:left;}
h3{
	font-size:14px;
	color:#00CCFF;
	line-height:24px;
	margin-top:16px;}

#pages{
	width:800px;
	margin:0 auto;
	text-align:left;
}
#header,
#contents,
#footer{
padding:0 4px;
}
/**********************************/
/*ヘッダー*/
/**********************************/
#header{
background: url(../img/bg_top.gif) bottom no-repeat;
height:110px;
position:relative;
border:1px inherit;
}
	h1{
		text-indent:-9999px;
		overflow:hidden;
		background: url(../img/logo.gif) no-repeat;
		width:326px;
		height:54px;
		margin:16px 0 0 30px;
		position:absolute;}

	#head_logo { 
		display:block; position:absolute; top:15px; left:30px;
		width:390px; height:60px; 
		text-indent:-9999px;  text-decoration:none; z-index:999;
		}
	#head_app {
		position:absolute; top:5px; left:450px; height:50px; width:120px;}
	#head_link {
		position:absolute; top:5px; left:580px; height:50px; width:240px;}
	#head_lang {
		position:absolute; top:62px; left:658px; height:20px; width:200px;}
		 
/**********************************/
/*コンテンツ*/
/**********************************/
#contents{
background: url(../img/bg_center.gif) repeat-y;
text-align:center;
}
	/* 建物DB以外の説明ページ用 */
	#contents div.contents_body {
		padding:20px 50px;}
	#contents div.contents_body p {
		text-align:left;
		font-size:12px;
		line-height:22px;
		margin-bottom:0;}

/**h2の背景**/
#bg_h2{
background: url(../img/bg_h2.gif);
}
/* 最終更新日 */
#bg_h2 div {
float:right; line-height:35px; margin-right:10px;
}
/*******************/
/*トップページ*/
/*******************/
#build_list_box{
width:420px;
float:right;
text-align:left;
}
	/*#build_list_box h3{margin-left:21px;}*/
	#build_list_box h2{margin-left:20px;}
	
	/********一覧********/
	#tbl_build_list{
	margin:8px 16px 0 16px; 
	}
		#tbl_build_list tr.img td{
		width:114px;
		height:114px;
		text-align:center;
		vertical-align:middle;
		background: url(../img/index/img_list_waku.gif) no-repeat;
		}
		#tbl_build_list tr.comment{
		height:80px;
		}
			#tbl_build_list tr.comment td{
			vertical-align:top;
			padding-bottom:5px;
			}
			#tbl_build_list dl{
			font-size:10px;
			line-height:110%;
			}
			#tbl_build_list dt{
			font-weight:bold;
			margin-bottom:6px;
			}
			#tbl_build_list dd{
			font-size:10px;
			}
			
	/********左側のコンテンツ********/
	#left_box_top{
	float:left;
	width:368px;
	padding:0 0px 0 0px;
	text-align:left;
	background: url(../img/index/bg_build_list.gif) 358px 36px no-repeat;
	}
		#left_box_top .box{margin:24px 16px 0 28px;}
		#left_box_top p {
		line-height: 130%;
		}
/*******************/
/*詳細ページ*/
/*******************/
#detail_box{
width:738px;
text-align:left;
margin: 18px auto 0  auto;
background: url(../img/detail/bg_detail_center.gif) repeat-y;
}
	#detail_head{
	background: url(../img/detail/bg_detail_top.gif) repeat-x;
	width:730px;
	padding-left:8px;
	}
	#detail_body{
	width:678px;
	padding:18px 30px 30px 30px;
	margin:auto;
	background: url(../img/detail/bg_detail_bottom.gif) bottom no-repeat;
	}
	#detail_body a,
	#detail_body p,
	#detail_body li,
	#detail_body th,
	#detail_body td{
		font-size:11px;
		line-height:120%;
	}
	
		/********左側の画像********/
		.tbl_img{
		float:left;
		/*border:1px #000 solid;*/
		}
			.tbl_img{
			text-align:center;
			vertical-align:middle;
			}
			tr.img_l td{
			width:250px;
			height:250px;
			border:1px #ccc solid;
			}
			tr.img_s td{
			width:60px;
			height:60px;
			background-color:#DBDBDB;
			}			
		/********右側のコンテンツ********/
		#right_box{
		float:right;
		width:400px;
		text-align:left;
		/*border:1px #000 solid;*/
		}
		#right_box ul{
		list-style-type:disc;
		margin-left:8px;
		padding-left:8px;
		}
		
		#right_box img { vertical-align:middle;}
		
		#right_box th,
		#right_box td { padding:2px; vertical-align:top;}
		#right_box th { text-align:left;}
		
		.tbl_features th, .tbl_features td { border-bottom:1px solid #EEEEEE; vertical-align:top;}
		.tbl_features th{ color:#339999; }
		.tbl_features ul { list-style-image:url(../img/list_image.gif);}
		.tbl_features ul ul { list-style-image:url(../img/list_image2.gif);}
		
		/**** スコアのページ **/
		.tbl_score th { font-size:15px; color:#666666; padding:10px 0; }
		.tbl_score .score { font-size:21px; font-weight:bold; color:#0099FF; }
		.tbl_score .q_title { font-size: 13px; font-weight:bold; color:#333333;}
		.tbl_score small { font-size:9px; }
			
		
		#detail_box h3 { clear:both}
		
		
		
/********ページ送り********/
#tbl_pager{
clear:both;
margin:12px auto 15px auto;
}
	#tbl_pager td,
	#tbl_pager a{
	font-size:10px;
	line-height:20px;
	}
	td.img_pager{
	text-align:center;
	vertical-align:middle;
	width:40px;
	height:40px;
	border:1px #C5E3B5 solid;
	}
	td.selected{border:2px #7EBB00 solid;}

#notes { font-size:10px; text-align:left; width:740px; margin-bottom:10px; }

/**********************************/
/*フッター*/
/**********************************/
#footer{
	background:url(../img/bg_bottom.gif) top no-repeat;
	clear:both;
	height:72px;
	text-align:right;
}
#footer address{
padding-top:20px;
}




/*floatを指定したボックスに用いる必須ハック*/
.clearfix:after
{
content				: ".";
display				: block;
height				: 0;
clear				: both;
visibility			: hidden;
}

.clearfix
{
display				: inline-block;
}

/*IE-mac\*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/*IE-mac*/

.curLink { cursor:pointer; }
sup, sub { font-size:80%;}
#btnBackList { margin: 0 0 14px 100px; }
#btnBackListJa { margin: 0 0 14px 10px; }
.floatR { float:right; }
.floatL	{ float:left; }

.subtech { margin-left: 15px; width: 380px; }