@charset "utf-8";
/* ---------------------- */
/*　トップページ設定項目　*/
/* ---------------------- */

#mainvisual {
	background: url(../images/mainvisual.jpg) no-repeat;
	height: 297px;
	width: 850px;
	margin: 0px auto;
	text-align: left;
	text-indent: -5000px;
}

#toppage .banner {
	width: 200px;
	float: left;
	text-align: left;
}

#toppage .banner li {
	list-style: none;
	margin-bottom: 6px;
}

#toppage .banner li.craftmans { padding-top: 5px; }
#toppage .banner li.sp { padding-top: 2px; }

#toppage .banner #lineup { margin-top: 15px; }

#toppage .banner .concrete { margin-top: 20px; }

#toppage #main {
	float: right;
	width: 430px;
	margin: 5px 10px;
}

#toppage #main .gallery,
#toppage #main .topics {
	height: 28px;
	width: 100%;
	position: relative;
}
#toppage #main dl.topics {
	height:auto;
}
	
#toppage #main div.gallery {
	background: url(../images/toppage_gallery_title.gif) no-repeat;
	margin-bottom: 15px;
}
#toppage #main div.topics {
	background: url(../images/toppage_topics_title.gif) no-repeat;
	margin-top: 25px;
}



#toppage #main div.gallery h2,
#toppage #main div.topics h2 {
	font-size: 12px;
	position: absolute;
	left: -5000px;
	display: block;
}

#toppage #main div.gallery p.showall a,
#toppage #main div.topics p.showall a {
	display: block;
	height: 16px;
	width: 56px;
	background: url(../images/toppage_showall.gif) no-repeat;
	font-size: 10px;
	position: absolute;
	top: 2px;
	right: 5px;
	text-indent: -5000px;
}

#toppage dl.topics {
	padding-top: 5px;
	text-align: left;
}

#toppage dl.topics dt {
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.5em;
}

#toppage dl.topics dd {
	font-size: 12px;
	line-height: 1.5em;
	background: url(../images/topics_border.gif) bottom no-repeat;
	padding: 5px 0px;
	color: #666666;
}


#toppage #contents_navi {
	float: right;
	width: 200px;
	margin-top: 5px;
}

#contents_navi h2 {
	text-align: left;
	font-size:12px;
	text-indent: -5000px;
	display: block;
}

#contents_navi h2.doctor {
	background: url(../images/toppage_doctor_title.gif) no-repeat;
	height: 25px;
	margin-top: 25px;
}

#contents_navi h2.uservoice {
	background: url(../images/navi_uservoice_title.gif) no-repeat;
	height: 28px;
}

#contents_navi h2.blog {
	background: url(../images/navi_blog_title.gif) no-repeat;
	height: 28px;
	margin-top: 25px;
}

#contents_navi ul.banner { float: none; padding-top: 5px; }

#contents_navi ul.banner li {
	list-style: none;
	margin-top: 10px;
}

#contents_navi ul.doctor { padding-bottom: 15px; }

#contents_navi ul.doctor li {
	list-style: none;
	padding: 8px 0px;
	background: url(../images/navi_border.gif) bottom no-repeat;
	text-align: center;
}

#contents_navi .blog_banner { margin-top: 10px; }

#reformnavi {
	margin-top: 15px;
	background: url(../images/toppage_reform_top.gif) no-repeat top;
	padding-top: 52px;
}

#reformnavi ul {
	background: url(../images/toppage_reform_bottom.gif) no-repeat bottom;
	padding: 0px 0px 55px 20px;
	margin-top: 6px;
	text-align: left;
}

#reformnavi li {
	font-size: 10px;
	list-style: none;
	background: url(../images/toppage_reform_list.gif) left no-repeat;
	padding: 4px 0px 4px 10px;
	min-width: 80px;
	_width: 80px;
	white-space: nowrap;
	display: block;
	float: left;
}

#reformnavi a { text-decoration: none; }

#authorize {
	width: 200px;
	border-collapse: collapse;
	margin-top: 25px;
}

#authorize th,
#authorize td {
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	padding: 12px 0px;
	text-align: left;
}

#authorize th { width: 75px; }

#authorize td { padding-right: 12px; }

#authorize h3.builder {
	font-size: 10px;
	color: #4C492E;
	margin-bottom: 6px;
}

#authorize h3.eqproof {
	font-size: 10px;
	color: #8C3F3F;
	margin-bottom: 6px;
}

#authorize p {
	font-size: 10px;
	color: #666666;
}