@charset "UTF-8";

/* common */
/* visual */
div#visual {
	margin: 0 0 20px 0;
}
div#visual h2 {
	background: url(../construction/img_construction/tit_construction.jpg) no-repeat left bottom;
	width: 960px;
	height: 180px;
	text-indent: -9999px;
}

/* main */
div#main {
	background: url(../construction/img_construction/bg_bottom.gif) no-repeat left bottom;
	padding: 0 0 77px 0;
}

/* introduction */
div#intro {
	background: url(../construction/img_construction/bg_top.gif) no-repeat left top;
	padding: 22px 0 0 0;
}

/* description */
div#desc {
	background: url(../construction/img_construction/bg_middle.gif) repeat-y left top;
	padding: 0 37px 0 33px;
	color: #333333;
	line-height: 1.5em;
}

/* topic path */
p#topicpath {
	clear: both;
	width: 620px;
	font-size: smaller;
	color: #999999;
}
p#topicpath a {
	color: #999999;
}
p#topicpath a:hover {
	text-decoration: none;
}

/* index page */
/* copy */
div#copy {
	clear: both;
	width: 620px;
	padding: 10px 0 0 0;
}
div#copy h3 {
	background: url(../construction/img_construction/tit_maincopy.gif) no-repeat left top;
	width: 620px;
	height: 50px;
	text-indent: -9999px;
}
div#copy p strong {
	display: block;
	background: url(../construction/img_construction/tit_subcopy.gif) no-repeat left top;
	width: 620px;
	height: 70px;
	margin: 35px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
div#copy h4 {
	background: url(../construction/img_construction/circle_gray.gif) no-repeat left center;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	font-size: 115%;
}
div#copy p img {
	float: right;
	margin: 1.5em 0 0 25px;
}

/* service */
div#service {
	clear: both;
	width: 620px;
	padding: 55px 0 0 0;
}
div#service h3 {
	background: url(../construction/img_construction/tit_service.gif) no-repeat left top;
	width: 620px;
	height: 60px;
	text-indent: -9999px;
}
div#service p {
	margin: 25px 0 0 0;
}
div#service ul {
	list-style: none;
	border-top: #CCCCCC 1px dotted;
	margin: 20px 0 0 0;
}
div#service li {
	background: url(../construction/img_construction/mark_construction.gif) no-repeat left 21px;
	padding: 19px 0 19px 22px;
	border-bottom: #CCCCCC 1px dotted;
}

/* feature */
div#feature {
	clear: both;
	width: 620px;
	padding: 55px 0 0 0;
}
div#feature h3 {
	background: url(../construction/img_construction/tit_feature.gif) no-repeat left top;
	width: 620px;
	height: 60px;
	text-indent: -9999px;
}
div#feature p {
	margin: 25px 0 0 0;
}
div#feature img {
	margin: 20px 0 0 0;
}

/* result link */
div#resultlink {
	clear: both;
	width: 620px;
	padding: 55px 0 0 0;
}
div#resultlink a {
	display: block;
	background: url(../construction/img_construction/btn_result.gif) no-repeat 0 0;
	width: 620px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
}
div#resultlink a:hover {
	background-position: 0 -80px;
}

/* extralink */
div#extralink {
	clear: both;
	width: 620px;
	padding: 75px 0 0 0;
}
div#extralink h3 {
	background: url(../construction/img_construction/tit_extralink.gif) no-repeat left top;
	width: 620px;
	height: 60px;
	text-indent: -9999px;
}
div#extralink ul {
	list-style: none;
	margin: 30px 0 0 0;
}
div#extralink li {
	float: left;
}
div#extralink li a {
	display: block;
	background-image: url(../construction/img_construction/btn_renece.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
}
div#extralink li#renece {
	margin: 0 7px 0 0;
}
div#extralink li#renece a {
	background-position: 0 0;
}
div#extralink li#renece a:hover {
	background-position: 0 -62px;
}
div#extralink li#siwood {
	margin: 0 7px 0 0;
}
div#extralink li#siwood a {
	background-position: -157px 0;
}
div#extralink li#siwood a:hover {
	background-position: -157px -62px;
}

/* result page */
/* result */
div#result {
	clear: both;
	width: 620px;
	padding: 10px 0 0 0;
}
div#result h3 {
	background: url(../construction/img_construction/tit_result.gif) no-repeat left top;
	width: 620px;
	height: 50px;
	text-indent: -9999px;
}
dl.result_item {
	width: 190px;
	margin: 35px 0 0 0;
}
dl.float_left {
	margin-right: 25px;
}
dl.result_item dt {
	background: url(../construction/img_construction/circle_gray.gif) no-repeat left top;
	height: 40px;
	padding: 0 0 0 20px;
	font-weight: bold;
	overflow: auto;
}
dl.result_item dd.thumbnail {
	margin: 10px 0 1px 0;
}
dl.result_item dd.thumbnail img {
	vertical-align: bottom;
}
dl.result_item dd.zoom a {
	display: block;
	background: url(../construction/img_construction/btn_zoom.gif) no-repeat 0 0;
	width: 190px;
	height: 24px;
	margin: 1px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
dl.result_item dd.slide a {
	display: block;
	background: url(../construction/img_construction/btn_slideshow.gif) no-repeat 0 0;
	width: 190px;
	height: 24px;
	margin: 1px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
dl.result_item dd a:hover {
	background-position: 0 -24px;
}
dl.result_item dd a.hidden {
	display: none;
}

/* service link */
div#servicelink {
	clear: both;
	width: 620px;
	padding: 55px 0 0 0;
}
div#servicelink a {
	display: block;
	background: url(../construction/img_construction/btn_service.gif) no-repeat 0 0;
	width: 620px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
}
div#servicelink a:hover {
	background-position: 0 -80px;
}