@charset 'utf-8';
@import url("./common.css");

/* ====================================
  INDEX common.css
 --------------------------------------
  1.header
  2.contents
  3.left_box
  	3-1.news 新着情報
===================================== */


/* 1.excerpt
===================================== */
.excerpt{
	width		: 780px;
	margin		: 5px 0;
	padding		: 5px;
	background	: #CFF; 
	clear		: both;
	}

.icon{
	width		: 50px;
	height		: 45px;
	margin		: 0 5px;
	padding		: 10px 5px 5px 5px;
	float		: left;
	text-align	: center;
	color		: #FFF;
	font-size	: 12px;
	font-weight	: bold;
	background	: #0066B2;
	}

.ttl_excerpt{
	width		: 350px;
	font-size	: 18px;
	line-height	: 1.6;
	}

.btn_excerpt{
	margin		: 10px 5px;
	float		: right;
	}
	
.excerpt dl{
	padding		: 10px;
	clear		: both;
	}

.excerpt dt{
	width		: 60px;
	float		: left;
	letter-spacing	: 0.1em;
	line-height	: 1.6;
	clear		: both;
	display		: block;
	}

.excerpt dd{
	width		: 480px;
	line-height	: 1.6;
	}	


/* 2.side
===================================== */
#side{
	width		: 155px;
	margin		: 10px 0 0 0;
	float		: left;
	}
	
.ttl_side{
	font-weight	: bold;
	text-align	: center;
	background	: #FC6;
	}


/* 3.contents　横幅600pxバージョン
===================================== */
#contents{
	width		: 600px;
	padding		: 0 5px 0 0;
	float		: right;
	}

.ttl_contents{
	height		: 25px;
	padding		: 3px 0 0 15px;
	margin		: 15px 0 5px 0;
	font-size	: 1.1em;
	letter-spacing	: 0.1em;
	color		: #06C;
	clear		: both;
	background	: url("../image/bg_ttl.gif") no-repeat;
	}

/* 3-1.area_box
------------------------------------- */
.area_box{
	width		: 170px;
	margin		: 5px 10px 10px 0;
	float		: left;
	}


/* 4.contents2 横幅650pxバージョン
===================================== */
#contents2{
	width		: 650px;
	font-size	: 12px;
	}

.ttl_excerpt2{
	width		: 240px;
	font-size	: 18px;
	display		: inline;
	line-height	: 1.1;
	letter-spacing	: 0em;
	}

.ttl_contents{
	height		: 25px;
	padding		: 3px 0 0 15px;
	margin		: 15px 0 5px 0;
	font-size	: 1.1em;
	letter-spacing	: 0.1em;
	color		: #06C;
	clear		: both;
	background	: url("../image/bg_ttl2.gif") no-repeat;
	}


#bukken_info table{
	width		: 650px;
	border-top	: solid 1px #CCC;
	border-left	: solid 1px #CCC;
	}

#bukken_info td{
	padding		: 5px 10px;
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;
	font-size	: 12px;
	}
	
#bukken_info td.indent01{
	padding-left: 20px;
	}

	
#bukken_info td.indent02{
	padding-left: 40px;
	}

/* 5.kengakukai 完成見学会
===================================== */
#kengakukai_info{
	width		: 470px;
	margin		: 10px 0 10px 90px;
	padding		: 10px;
	text-align	: left;
	border		: solid 1px #CCC;
	background	: #E4FFFF;
	}

#kengakukai_info h2{
	margin		: 8px 5px;
	font-size	: 16px;
	}

table#kengakukai{
	width		: 470px;
	text-align	: center;
	margin		: 10px 0 10px 90px;
	font-size	: 14px;
	border-left	: solid 1px #CCC;
	border-top	: solid 1px #CCC;
	border-collapse	: collapse;
	}

table#kengakukai th,
table#kengakukai td{
	padding		: 8px 10px;
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;
	border-collapse	: collapse;
	}

table#kengakukai th{
	width		: 120px;
	letter-spacing	: 0.1em;
	background	: #E8E7E7;
	}

table#kengakukai td{
	text-align	: left;
	background	: #FFF;
	}

table#kengakukai textarea{
	font-size	: 14px;
	}