@charset "Shift_JIS";
/* 
山二ハウジング
author: EICHI
version: 11.01.2004
*/

/*ALL*/
body { margin: 0px; padding: 0px; border: 0px; background-color: #F5F5DE; color: #666; font-size: medium; font-family: "ＭＳ Ｐゴシック", Osaka, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR: #FFF;
SCROLLBAR-HIGHLIGHT-COLOR: #ccc;
SCROLLBAR-SHADOW-COLOR: #ccc;
SCROLLBAR-3DLIGHT-COLOR: #FFF;
SCROLLBAR-ARROW-COLOR: #ccc;
SCROLLBAR-TRACK-COLOR: #FFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFF;
}

a { margin: 0px; padding: 0px; border: 0px; text-decoration: none; color: #900; }
a:hover { margin: 0px; padding: 0px; border: 0px; text-decoration: underline; color: #BB252E; }
div { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; border: 0px; font-size: medium; }
p { margin: 0px; padding: 0px; }
ul { margin: 0px; padding: 0px; list-style-type: none; }
il { margin: 0px; padding: 0px; list-style-type: none; }
address { margin: 0px; padding: 0px; font-style: normal; }
caption {  }
th { background-color: #CC9; }
td { background-color: #E2E2BF; }
td.material { background-color: transparent; }
img{ border: none;}

#all { position: relative; display: block; width: 740px; margin-left: 10px; margin-right: auto; text-align: left; }

.dpnone { display: none; }
.h93 { height: 93px; }
.h250 { height: 250px; }
.h60 { height: 60px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h290 { height: 290px; }
.F5F5DE { background: #F5F5DE; }
.94A733 { background: #94A733; }

.underline { margin: 0px 0px 1px; border-bottom: 1px solid #94A733; }

.red { color: #BB252E; }


/*MENU*/
#menu { float: right; position: absolute; right: 0; top: 70px; width: 460px; height: 23px; }
#menu strong { display: none; }
#mhBG, #mhOn { position: absolute; left: 0px; background: transparent url(../img/menu.gif) 0px 0px no-repeat; }
#mcBG, #mcOn { position: absolute; left: 31px; background: transparent url(../img/menu.gif) -31px 0px no-repeat; }
#miBG, #miOn { position: absolute; left: 85px; background: transparent url(../img/menu.gif) -85px 0px no-repeat; }
#mmBG, #mmOn { position: absolute; left: 127px; background: transparent url(../img/menu.gif) -127px 0px no-repeat; }
#mwBG, #mwOn { position: absolute; left: 159px; background: transparent url(../img/menu.gif) -159px 0px no-repeat; }
#mqBG, #mqOn { position: absolute; left: 191px; background: transparent url(../img/menu.gif) -191px 0px no-repeat; }
#moBG, #moOn { position: absolute; left: 270px; background: transparent url(../img/menu.gif) -270px 0px no-repeat; }
#mlBG, #mlOn { position: absolute; left: 326px; background: transparent url(../img/menu.gif) -326px 0px no-repeat; }
#mbBG, #mbOn { position: absolute; left: 364px; background: transparent url(../img/menu.gif) -364px 0px no-repeat; }
#msBG, #msOn { position: absolute; left: 428px; background: transparent url(../img/menu.gif) -428px 0px no-repeat; }

a#mh { display: block; height: 23px; width: 31px; }
a#mc { display: block; height: 23px; width: 54px; }
a#mi { display: block; height: 23px; width: 42px; }
a#mm { display: block; height: 23px; width: 32px; }
a#mw { display: block; height: 23px; width: 32px; }
a#mq { display: block; height: 23px; width: 79px; }
a#mo { display: block; height: 23px; width: 56px; }
a#ml { display: block; height: 23px; width: 37px; }
a#mb { display: block; height: 23px; width: 65px; }
a#ms { display: block; height: 23px; width: 32px; }

a:hover#mh, #mhOn { background: transparent url(../img/menu.gif) 0px -23px no-repeat; }
a:hover#mc, #mcOn { background: transparent url(../img/menu.gif) -31px -23px no-repeat; }
a:hover#mi, #miOn { background: transparent url(../img/menu.gif) -85px -23px no-repeat; }
a:hover#mm, #mmOn { background: transparent url(../img/menu.gif) -127px -23px no-repeat; }
a:hover#mw, #mwOn { background: transparent url(../img/menu.gif) -159px -23px no-repeat; }
a:hover#mq, #mqOn { background: transparent url(../img/menu.gif) -191px -23px no-repeat; }
a:hover#mo, #moOn { background: transparent url(../img/menu.gif) -270px -23px no-repeat; }
a:hover#ml, #mlOn { background: transparent url(../img/menu.gif) -326px -23px no-repeat; }
a:hover#mb, #mbOn { background: transparent url(../img/menu.gif) -364px -23px no-repeat; }
a:hover#ms, #msOn { background: transparent url(../img/menu.gif) -428px -23px no-repeat; }

/*HOME*/
#home_head { position: relative; background: #799026; }
#home_head01 { position: absolute; width: 1%; background: #3F6633; }
#home_head02 { position: absolute; left: 1%; width: 40%; background: #EFEFEF; }
#home_logo { position: absolute; left: 1%; width: 100%; background: url(../img/top_logo01.jpg) no-repeat; }
#home_head03 { position: absolute; left: 41%; width: 1%; background: #3F6633; }

#home_main {  }
#home_main01 { position: absolute; width: 1%; background: #B5B070; }
#home_main02 { position: absolute; left: 1%; width: 40%; background: #030; }
#home_main02_photo { width: 300px; background: url(../img/top_main01.jpg) no-repeat; }
#home_main03 { position: absolute; left: 41%; width: 1%; background: #B5B070; }
#home_main04 { position: absolute; left: 42%; width: 58%; }


#home_info { height: 245px; border: 3px double #880; }
#home_info h2 {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 300px;
	clear: both;
	background-color: #465019;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #FFFFFF;
}

#home_info iframe {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 100%;
	clear: both;
}
#home_infotitle { margin: 4px; padding: 2px; text-align: center; letter-spacing: 2px;  border-top: 1px solid #C00; border-left-width: 25px; border-left-style: solid; border-left-color: #C00;}
#home_infol { float: left; margin: 3px; width: 163px; height: 116px; background: url(../img/top_info01.jpg) no-repeat; }
#home_infor { position: absolute; left: 170px; margin: 3px; width: 230px; }

#bdBG, #bdOn { margin: 0px; padding: 0px; float: left; width: 92px; height: 22px; background: transparent url(../img/bot.gif) 0px 0px no-repeat; }
a#bd { margin: 0px; padding: 0px; display: block; height: 22px; width: 92px; }
a:hover#bd, #bdOn { margin: 0px; padding: 0px; background: transparent url(../img/bot.gif) 0px -22px no-repeat; }

#bsBG, #bsOn { margin: 0px; padding: 0px; float: right; width: 92px; height: 22px; background: transparent url(../img/bot.gif) 0px 0px no-repeat; }
a#bs { margin: 0px; padding: 0px; display: block; height: 22px; width: 92px; }
a:hover#bs, #bsOn { margin: 0px; padding: 0px; background: transparent url(../img/bot.gif) 0px -22px no-repeat; }

#home_foot {  }
#home_foot01 { position: absolute; width: 1%; background: #3F6633; }
#home_foot02 { position: absolute; left: 1%; width: 40%; background: url(../img/top_bac01.jpg) }
#home_copyright { font-size: small; position: absolute; top: 25px; left: 1%; width: 100%; }
#home_foot03 { position: absolute; left: 41%; width: 1%; background: #3F6633; }
#home_foot04 {
	position: absolute;
	left: 42%;
	width: 58%;
	background-color: #94A733;
	background-image: url(../img/top_foot012.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
}
#home_foot04 img{
	float: right;
	
}
/*W3C+CSS CHECK*/
#checker { font-size: small; margin: 1px; padding: 1px; position: absolute; right: 0px; }

/*SECOND*/
#sec_head { position: relative; }
#sec_head01 { position: absolute; width: 1%; background: #3F6633; }
#sec_head02 { position: absolute; left: 1%; width: 27%; background: #EFEFEF; }
#sec_logo { position: absolute; left: 1%; width: 100%; background: url(../img/sec_logo01.jpg) no-repeat; }
#sec_head03 { position: absolute; left: 28%; width: 1%; background: #3F6633; }

#sec_title { position: relative; background: url(../img/sec_bac02.gif); }
#sec_title01 { position: absolute; width: 1%; }
#sec_title02 { position: absolute; left: 1%; width: 27%; }
#sec_title03 { position: absolute; left: 28%; width: 1%; }
#sec_title04 { position: absolute; left: 29%; width: 71%; }

#sec_main { position: relative; width: 100%; }
#sec_right { z-index: 3; position: absolute; left: 29%; padding: 3px; }
#sec_rightfoot { background: #94A733; }

#sec_left { z-index: 1; position: relative; }
#sec_left01 { position: absolute; width: 1%; background: #CC9; }
#sec_left02 { position: absolute; left: 1%; width: 27%; }
#sec_left03 { position: absolute; left: 28%; width: 1%; background: #CC9; }

#sec_message { margin: 10px; }
#sec_frame { border: 1px solid #94A733; }

#sec_ctop { float: right; }
#sec_ctop a { color: #333; }
#sec_ctop a:hover { color: #900; }

#sec_foot { z-index: 2; position: relative; }
#sec_foot01 { position: absolute; width: 1%; background: #3F6633; }
#sec_foot02 { position: absolute; left: 1%; width: 27%; background: #A9B95C; }
#sec_copyright { position: absolute; top: 15px; left: 1%; width: 100%; font-size: x-small; }
#sec_foot03 { position: absolute; left: 28%; width: 1%; background: #3F6633; }
#sec_foot04 { left: 29%; width: 71%; }

/* COMPANY */
#company_head04 { position: absolute; left: 29%; width: 71%; background: url(../company/img/sec_bac01.gif); }
#company_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../company/img/sec_photo01.jpg) no-repeat; }

#company_title01 { width: 200px; background: url(../company/img/sec_title01.gif) no-repeat; }
#company_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../company/img/sec_title02.gif) no-repeat; }

#company_photo02 { width: 220px; height: 290px; background: url(../company/img/sec_photo02.jpg) 0px 0px no-repeat; }

#company_stitle01 { height: 22px; background: url(../company/img/sec_stitle01.gif) no-repeat; }
#company_stitle02 { height: 22px; background: url(../company/img/sec_stitle02.gif) no-repeat; }
#company_stitle03 { height: 22px; background: url(../company/img/sec_stitle03.gif) no-repeat; }

#company_map { height: 240px; background: url(../company/img/map01.gif) no-repeat; }


/* CONCEPT */
#concept_head04 { position: absolute; left: 29%; width: 71%; background: url(../concept/img/sec_bac01.gif); }
#concept_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../concept/img/sec_photo01.jpg) no-repeat; }

#concept_title01 { width: 200px; background: url(../concept/img/sec_title01.gif) no-repeat; }
#concept_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../concept/img/sec_title02.gif) no-repeat; }

#concept_photo02 { width: 220px; height: 290px; background: url(../concept/img/sec_photo02.jpg) 0px 0px no-repeat; }

#concept_stitle01 { height: 22px; background: url(../concept/img/sec_stitle01.gif) no-repeat; }
#concept_stitle02 { height: 22px; background: url(../concept/img/sec_stitle02.gif) no-repeat; }
#concept_stitle03 { height: 22px; background: url(../concept/img/sec_stitle03.gif) no-repeat; }


/* INFORMATION */
#information_head04 { position: absolute; left: 29%; width: 71%; background: url(../information/img/sec_bac01.gif); }
#information_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../information/img/sec_photo01.jpg) no-repeat; }

#information_title01 { width: 200px; background: url(../information/img/sec_title01.gif) no-repeat; }
#information_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../information/img/sec_title02.gif) no-repeat; }

#information_photo02 { width: 220px; height: 290px; background: url(../information/img/sec_photo02.jpg) 0px 0px no-repeat; }

#information_stitle01 { height: 22px; background: url(../information/img/sec_stitle01.gif) no-repeat; }
#information_sstitle01 { height: 22px; background: url(../information/img/sec_sstitle01.gif) no-repeat; }

#information_stitle02 { height: 22px; background: url(../information/img/sec_stitle02.gif) no-repeat; }
#information_sstitle02 { height: 22px; background: url(../information/img/sec_sstitle02.gif) no-repeat; }

#information_map { height: 260px; background: url(../information/img/map01.gif) no-repeat; }
#information_map02 { height: 339px; background: url(../information/img/map02.gif) no-repeat; }

#information_c_photo01 { float: none; width: 156px; height: 119px; background: url(../information/img/photo01.jpg) no-repeat; }


/* INFQUIRY */
#inquiry_head04 { position: absolute; left: 29%; width: 71%; background: url(../inquiry/img/sec_bac01.gif); }
#inquiry_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../inquiry/img/sec_photo01.jpg) no-repeat; }

#inquiry_title01 { width: 200px; background: url(../inquiry/img/sec_title01.gif) no-repeat; }
#inquiry_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../inquiry/img/sec_title02.gif) no-repeat; }

#inquiry_photo02 { width: 220px; height: 290px; background: url(../inquiry/img/sec_photo02.jpg) 0px 0px no-repeat; }

#inquiry_stitle01 { height: 22px; background: url(../inquiry/img/sec_stitle01.gif) no-repeat; }
#inquiry_stitle02 { height: 22px; background: url(../inquiry/img/sec_stitle02.gif) no-repeat; }


/* LINKS */
#links_head04 { position: absolute; left: 29%; width: 71%; background: url(../links/img/sec_bac01.gif); }
#links_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../links/img/sec_photo01.jpg) no-repeat; }

#links_title01 { width: 200px; background: url(../links/img/sec_title01.gif) no-repeat; }
#links_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../links/img/sec_title02.gif) no-repeat; }

#links_photo02 { width: 220px; height: 290px; background: url(../links/img/sec_photo02.jpg) 0px 0px no-repeat; }

#links_stitle01 { height: 22px; background: url(../links/img/sec_stitle01.gif) no-repeat; }


/* SITEMAP */
#sitemap_head04 { position: absolute; left: 29%; width: 71%; background: url(../sitemap/img/sec_bac01.gif); }
#sitemap_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../sitemap/img/sec_photo01.jpg) no-repeat; }

#sitemap_title01 { width: 200px; background: url(../sitemap/img/sec_title01.gif) no-repeat; }
#sitemap_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../sitemap/img/sec_title02.gif) no-repeat; }

#sitemap_photo02 { width: 220px; height: 290px; background: url(../sitemap/img/sec_photo02.jpg) 0px 0px no-repeat; }

#sitemap_stitle01 { height: 22px; background: url(../sitemap/img/sec_stitle01.gif) no-repeat; }

.sitemap { width: 71%; float: left; border-left: 4px solid #CC9; margin: 3px; padding: 5px; }
.sitemap h3 { font-weight: bold; color: #454F17; margin: 10px 0px 4px; border-top: 1px dotted #CC9;}
.sitemap h3 a { text-decoration: underline; color: #799026; }
.sitemap h3 a:hover { text-decoration: none; color: #BB252E; }
.sitemap ul { }
.sitemap li { padding: 1px 1px 1px 30px; }
.sitemap li a { text-decoration: underline; color: #94A733; }
.sitemap li a:hover { text-decoration: none; color: #BB252E; }


/* WORKS */
#works_head04 { position: absolute; left: 29%; width: 71%; background: url(../works/img/sec_bac01.gif); }
#works_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../works/img/sec_photo01.jpg) no-repeat; }

#works_title01 { width: 200px; background: url(../works/img/sec_title01.gif) no-repeat; }
#works_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../works/img/sec_title02.gif) no-repeat; }

#works_photo02 { width: 220px; height: 290px; background: url(../works/img/sec_photo02.jpg) 0px 0px no-repeat; }

#works_stitle00 { height: 22px; background: url(../works/img/sec_stitle00.gif) no-repeat; }

/* WORKS  det 001 */
#works_001_stitle01 { height: 22px; background: url(../works/001/img/sec_stitle01.gif) no-repeat; }
#works_001_sstitle01 { height: 22px; background: url(../works/001/img/sec_sstitle01.gif) no-repeat; }
#works_001_sstitle02 { height: 22px; background: url(../works/001/img/sec_sstitle02.gif) no-repeat; }
#works_001_sstitle03 { height: 22px; background: url(../works/001/img/sec_sstitle03.gif) no-repeat; }
#works_001_c_photo01 { border: 3px solid #CC9; float: left; width: 96px; height: 68px; background-image: url(../works/001/img/photo01.jpg); background-repeat: no-repeat; }
#works_001_ill_01 { width: 497px; height: 497px; background: url(../works/001/img/ill_01.jpg) no-repeat; }
#works_001_ill_02 { width: 497px; height: 497px; background: url(../works/001/img/ill_02.jpg) no-repeat; }
#works_001_ill_03 { width: 497px; height: 345px; background: url(../works/001/img/ill_03.jpg) no-repeat; }

/* WORKS  det 002 */
#works_002_stitle01 { height: 22px; background: url(../works/002/img/sec_stitle01.gif) no-repeat; }
#works_002_sstitle01 { height: 22px; background: url(../works/002/img/sec_sstitle01.gif) no-repeat; }
#works_002_sstitle02 { height: 22px; background: url(../works/002/img/sec_sstitle02.gif) no-repeat; }
#works_002_sstitle03 { height: 22px; background: url(../works/002/img/sec_sstitle03.gif) no-repeat; }
#works_002_sstitle04 { height: 22px; background: url(../works/002/img/sec_sstitle04.gif) no-repeat; }
#works_002_c_photo01 { border: 3px solid #CC9; float: left; width: 96px; height: 68px; background-image: url(../works/002/img/photo01.jpg); background-repeat: no-repeat; }
#works_002_logo { margin: 3px; float: left; width: 150px; height: 150px; background-image: url(../works/002/img/logo.gif); background-repeat: no-repeat; }
#works_002_ill_01 { width: 497px; height: 376px; background: url(../works/002/img/ill_01.gif) no-repeat; }
#works_002_ill_02 { float: left; width: 300px; height: 372px; background: url(../works/002/img/ill_02.gif) no-repeat; }
#works_002_ill_03 { float: left; width: 260px; height: 309px; background: url(../works/002/img/ill_03.gif) no-repeat; }
#works_002_ill_04 { width: 497px; height: 80px; background: url(../works/002/img/ill_04.gif) no-repeat; }


/* MATERIAL */
#material_head04 { position: absolute; left: 29%; width: 71%; background: url(../material/img/sec_bac01.gif); }
#material_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../material/img/sec_photo01.jpg) no-repeat; }

#material_title01 { width: 200px; background: url(../material/img/sec_title01.gif) no-repeat; }
#material_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../material/img/sec_title02.gif) no-repeat; }

#material_photo02 { width: 220px; height: 290px; background: url(../material/img/sec_photo02.jpg) 0px 0px no-repeat; }

#material_stitle01 { height: 22px; background: url(../material/img/sec_stitle01.gif) no-repeat; }

/* MATERIAL BOT SEC */
/* 
#sec_nav {  }
#sec_nav ul { list-style-type: none; width: 497px; height: 80px; margin: 0px 0px 0px 15px; padding: 0px; }
#sec_nav li { float: left; display: block; width: 80px; height: 80px; padding: 0px; margin: 0px; }
#sec_nav a { display: block; width: 80px; height: 80px; background-image: url(../material/img/bot.jpg); background-repeat: no-repeat; }
#sec_nav span { position: absolute; left: -9999px; }
#sec_nav1 { background-position: 0px 0px; }
#sec_nav2 { background-position: -80px 0px; }
#sec_nav3 { background-position: -160px 0px; }
#sec_nav4 { background-position: -240px 0px; }
#sec_nav5 { background-position: -320px 0px; }
#sec_nav6 { background-position: -400px 0px; }
#sec_nav a:hover#sec_nav1 { background-position: 0px -80px; }
#sec_nav a:hover#sec_nav2 { background-position: -80px -80px; }
#sec_nav a:hover#sec_nav3 { background-position: -160px -80px; }
#sec_nav a:hover#sec_nav4 { background-position: -240px -80px; }
#sec_nav a:hover#sec_nav5 { background-position: -320px -80px; }
#sec_nav a:hover#sec_nav6 { background-position: -400px -80px; }

#sec_nav { width: 480px; height: 40px; }
#sec_nav1BG, #sec_nav1On { position: absolute; left: 0px; background: transparent url(../material/img/bot.jpg) 0px 0px no-repeat; }
#sec_nav2BG, #sec_nav2On { position: absolute; left: 80px; background: transparent url(../material/img/bot.jpg) -80px 0px no-repeat; }
#sec_nav3BG, #sec_nav3On { position: absolute; left: 160px; background: transparent url(../material/img/bot.jpg) -160px 0px no-repeat; }
#sec_nav4BG, #sec_nav4On { position: absolute; left: 240px; background: transparent url(../material/img/bot.jpg) -240px 0px no-repeat; }
#sec_nav5BG, #sec_nav5On { position: absolute; left: 320px; background: transparent url(../material/img/bot.jpg) -320px 0px no-repeat; }
#sec_nav6BG, #sec_nav7On { position: absolute; left: 400px; background: transparent url(../material/img/bot.jpg) -400px 0px no-repeat; }

a#sec_nav1 { display: block; height: 80px; width: 80px; }
a#sec_nav2 { display: block; height: 80px; width: 80px; }
a#sec_nav3 { display: block; height: 80px; width: 80px; }
a#sec_nav4 { display: block; height: 80px; width: 80px; }
a#sec_nav5 { display: block; height: 80px; width: 80px; }
a#sec_nav6 { display: block; height: 80px; width: 80px; }

a:hover#sec_nav1, #sec_nav2On { background: transparent url(../material/img/bot.jpg) 0px -80px no-repeat; }
a:hover#sec_nav2, #sec_nav2On { background: transparent url(../material/img/bot.jpg) -80px -80px no-repeat; }
a:hover#sec_nav3, #sec_nav3On { background: transparent url(../material/img/bot.jpg) -160px -80px no-repeat; }
a:hover#sec_nav4, #sec_nav4On { background: transparent url(../material/img/bot.jpg) -240px -80px no-repeat; }
a:hover#sec_nav5, #sec_nav5On { background: transparent url(../material/img/bot.jpg) -320px -80px no-repeat; }
a:hover#sec_nav6, #sec_nav6On { background: transparent url(../material/img/bot.jpg) -400px -80px no-repeat; }
*/

/* MATERIAL BOT 3RD */
.zindex4 { z-index: 4; }
#3rd_nav { width: 520px; height: 22px; background: #CCCC00; }
#t1BG, #t1On { position: absolute; left: 8px; background: transparent url(../material/img/bots.gif) -8px 0px no-repeat; }
#t2BG, #t2On { position: absolute; left: 94px; background: transparent url(../material/img/bots.gif) -94px 0px no-repeat; }
#t3BG, #t3On { position: absolute; left: 195px; background: transparent url(../material/img/bots.gif) -195px 0px no-repeat; }
#t4BG, #t4On { position: absolute; left: 255px; background: transparent url(../material/img/bots.gif) -255px 0px no-repeat; }
#t5BG, #t5On { position: absolute; left: 328px; background: transparent url(../material/img/bots.gif) -328px 0px no-repeat; }
#t6BG, #t6On { position: absolute; left: 415px; background: transparent url(../material/img/bots.gif) -415px 0px no-repeat; }

a#t1 { display: block; height: 22px; width: 86px; }
a#t2 { display: block; height: 22px; width: 101px; }
a#t3 { display: block; height: 22px; width: 60px; }
a#t4 { display: block; height: 22px; width: 73px; }
a#t5 { display: block; height: 22px; width: 87px; }
a#t6 { display: block; height: 22px; width: 105px; }

a:hover#t1, #t1On { background: transparent url(../material/img/bots.gif) -8px -22px no-repeat; }
a:hover#t2, #t2On { background: transparent url(../material/img/bots.gif) -94px -22px no-repeat; }
a:hover#t3, #t3On { background: transparent url(../material/img/bots.gif) -195px -22px no-repeat; }
a:hover#t4, #t4On { background: transparent url(../material/img/bots.gif) -255px -22px no-repeat; }
a:hover#t5, #t5On { background: transparent url(../material/img/bots.gif) -328px -22px no-repeat; }
a:hover#t6, #t6On { background: transparent url(../material/img/bots.gif) -415px -22px no-repeat; }

/* MATERIAL 3RD */
#material_right { position: absolute; left: 29%; }
#material_right01 { background: #CC0; }
#material_right02 { padding: 3px; }
#material_main01 { position: absolute; top: 143px; left: 220px; padding: 0px; margin: 0px; background: url(../material/img/back.gif) #FFF; }

/* MATERIAL LEFT */
#material_left { z-index: 1; position: relative; }
#material_left01 { position: absolute; left: 0; width: 4%; background: #CC9; }
#material_left02 { position: absolute; left: 4%; width: 92%; }
#material_left03 { position: absolute; left: 96%; width: 4%; background: #CC9; }

/* MATERIAL FOOT */
#material_foot { z-index: 2; position: relative; }
#material_foot01 { position: absolute; left: 0; width: 4%; background: #3F6633; }
#material_foot02 { position: absolute; left: 4%; width: 92%; background: #A9B95C; }
#material_foot03 { position: absolute; left: 96%; width: 4%; background: #3F6633; }
#material_copyright { position: absolute; top: 10px; left: 1%; width: 100%; font-size: x-small; }
#material_rightfoot { background: #94A733; width: 100%; }

/* MATERIAL 01_WAX */
#material_001_stitle_det01 { height: 22px; background: url(../material/01_wax/img/sec_stitle_det01.gif) no-repeat; }

#material_001_stitle_deta01 { height: 22px; background: url(../material/01_wax/img/sec_stitle_deta01.gif) no-repeat; }
#material_001_c_deta01_photo01 { float: left; width: 150px; height: 113px; background: url(../material/01_wax/img/deta01_photo01.jpg) no-repeat; }

/* MATERIAL 02_WALL */
#material_002_stitle_det01 { height: 22px; background: url(../material/02_wall/img/sec_stitle_det01.gif) no-repeat; }

#material_002_stitle_deta01 { height: 22px; background: url(../material/02_wall/img/sec_stitle_deta01.gif) no-repeat; }
#material_002_stitle_deta02 { height: 22px; background: url(../material/02_wall/img/sec_stitle_deta02.gif) no-repeat; }
#material_002_c_deta01_photo01 { float: left; width: 150px; height: 113px; background: url(../material/02_wall/img/deta01_photo01.jpg) no-repeat; }
#material_002_c_deta02_photo01 { float: left; width: 150px; height: 113px; background: url(../material/02_wall/img/deta02_photo01.jpg) no-repeat; }

/* MATERIAL 03_FLOOR */
#material_003_stitle_det01 { height: 22px; background: url(../material/03_floor/img/sec_stitle_det01.gif) no-repeat; }

#material_003_stitle_deta01 { height: 22px; background: url(../material/03_floor/img/sec_stitle_deta01.gif) no-repeat; }
#material_003_c_deta01_photo01 { float: left; width: 150px; height: 113px; background: url(../material/03_floor/img/deta01_photo01.jpg) no-repeat; }

/* MATERIAL 04_COAT */
#material_004_stitle_det01 { height: 22px; background: url(../material/04_coat/img/sec_stitle_det01.gif) no-repeat; }

#material_004_stitle_deta01 { height: 22px; background: url(../material/04_coat/img/sec_stitle_deta01.gif) no-repeat; }
#material_004_c_deta01_photo01 { float: left; width: 150px; height: 113px; background: url(../material/04_coat/img/deta01_photo01.jpg) no-repeat; }

/* MATERIAL 05_WALLPAPER */
#material_005_stitle_det01 { height: 22px; background: url(../material/05_wallpaper/img/sec_stitle_det01.gif) no-repeat; }

#material_005_stitle_deta01 { height: 22px; background: url(../material/05_wallpaper/img/sec_stitle_deta01.gif) no-repeat; }
#material_005_c_deta01_photo01 { float: left; width: 150px; height: 113px; background: url(../material/05_wallpaper/img/deta01_photo01.jpg) no-repeat; }

/* MATERIAL 06_EX */
#material_006_stitle_det01 { height: 22px; background: url(../material/06_ex/img/sec_stitle_det01.gif) no-repeat; }

#material_006_stitle_deta01 { height: 22px; background: url(../material/06_ex/img/sec_stitle_deta01.gif) no-repeat; }
#material_006_c_deta01_photo01 { float: left; width: 150px; height: 113px; background: url(../material/06_ex/img/deta01_photo01.jpg) no-repeat; }

/* MT */
#mt_head04 { position: absolute; left: 29%; width: 71%; background: url(../mt/img/sec_bac01.gif); }
#mt_photo01 { position: absolute; right: 0; top: 0; width: 520px; height: 70px; background: url(../mt/img/sec_photo01.jpg) no-repeat; }

#mt_title01 { width: 200px; background: url(../mt/img/sec_title01.gif) no-repeat; }
#mt_title02 { position: absolute; right: 0; top: 0; width: 520px; background: url(../mt/img/sec_title02.gif) no-repeat; }

#mt_photo02 { width: 220px; height: 290px; background: url(../mt/img/sec_photo02.jpg) 0px 0px no-repeat; }

#mt_stitle01 { height: 22px; background: url(../mt/img/sec_stitle01.gif) no-repeat; }
#mt_sstitle01 { height: 22px; background: url(../mt/img/sec_sstitle01.gif) no-repeat; }

#mt_c_photo01 { float: none; width: 156px; height: 119px; background: url(../mt/img/photo01.jpg) no-repeat; }
#news_title02 {
position: absolute; right: 0; top: 0; width: 520px; background: url(../sitemap/img/sec_title02.gif) no-repeat;
}