/*--------------------------------------------------------------------------------

 Contents of this page are ,"roof example". 

 --------------------------------------------------------------------------------*/
@charset"UTF-8"
*{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	}


/*--------------------------------------------------------------------------------
 example top page
 --------------------------------------------------------------------------------*/
#p_roof_extp01 {
	background: url(../images/roof/example/extp_01_name.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 88px;
}
#p_roof_extp02 {
	background: url(../images/roof/example/extp_02_name.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 77px;
}
#p_roof_extp03 {
	background: url(../images/roof/example/extp_03_name.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 77px;
}
#p_roof_extp04 {
	background: url(../images/roof/example/extp_04_name.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 88px;
}
#p_roof_extp05 {
	background: url(../images/roof/example/extp_05_name.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 88px;
}
#p_roof_extp06 {
	background: url(../images/roof/example/extp_06_name.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 66px;
}
/*--------------------------------------------------------------------------------
 example pop up page
 --------------------------------------------------------------------------------*/
#p_ex01_name {
	background: url(../images/roof/example/01/expop_name.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 20px;
	width: 185px;
}
#p_ex02_name {
	background: url(../images/roof/example/02/expop_name.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 20px;
	width: 185px;
}
#p_ex03_name {
	background: url(../images/roof/example/03/expop_name.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 20px;
	width: 185px;
}
#p_ex04_name {
	background: url(../images/roof/example/04/expop_name.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 20px;
	width: 185px;
}
#p_ex05_name {
	background: url(../images/roof/example/05/expop_name.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 20px;
	width: 185px;
}
#p_ex06_name {
	background: url(../images/roof/example/06/expop_name.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 20px;
	width: 185px;
}