@charset "UTF-8";

/* ---------------------------------------------------------
   top.css【トップページ】
----------------------------------------------------------*/
#global_menu {
	border-bottom: 3px solid #0d0c0c;
}

#news_ticker {
	background: #FFFFFF;
	width: 945px;
	margin: 0 auto 20px auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 5px 20px;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#news_ticker ul {
	width: 100%;
	position: relative;
}

#news_ticker ul li {
	width: 100%;
	display: none;
}

#mainimage {
	width: 985px;
	margin: 0 auto;
	position: relative;
}

#mainimage ul {
	list-style: none;
}

#slider {
	width: 984px;
	height: 273px;
	margin-bottom: 15px;
}

#slider #photo {
	width: 746px;
	height: 273px;
	float: left;
	position: relative;
}

#slider #photo li {
	position: absolute;
}

#slider #thum {
	width: 238px;
	float: right;
}

#slider #thum li {
	cursor: pointer;
}

/*最新施工実績*/
.top_list {
	width: 724px;
	margin: 0 auto;
	padding: 20px 0;
}

.top_list ul {
	zoom: 1;
	list-style: none;
	margin-right: -14px;
	_margin-right: -28px;
}

.top_list ul li {
	float: left;
	width: 232px;
	margin: 0 14px 20px 0;
}

.top_list ul li .photo {
	border: 3px solid #E1E1E1;
	width: 226px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}

.top_list ul li .photo img {
	max-width: 100%;
}

.top_list ul li .photo .stamp {
	position: absolute;
	right: 5px;
	bottom: 7px;
}

.top_list ul li .label {
	background: #CCCCCC;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 10px;
	display: inline-block;
	padding: 0 5px;
}

.top_list ul li .label-1 {
	background-color: #0080E7;
}

.top_list ul li .label-2 {
	background-color: #1E9D4E;
}

.top_list ul li .label-3 {
	background-color: #FF800F;
}

.top_list ul li .label-5 {
	background-color: #333;
}

.top_list ul li .label-6 {
	background-color: #f14848;
}

.top_list ul li .label-7 {
	background-color: #63c;
}

.top_list ul li .label-8 {
	background-color: #630;
}

.top_list ul li .label-9 {
	background-color: #690;
}

.top_list ul li .label-10 {
	background-color: #F4BD00;
}

#top_news_list .midashi {
	background: url(../img/top/line_news_title.gif) left bottom no-repeat;
	color: #222222;
	border-bottom: none;
	top: -32px;
	padding: 7px 0;
	margin: 0 23px 0 23px;
}

#top_news_list .midashi .more {
	margin-top: 0;
	right: 0;
}

#news_list {
	width: 712px;
	height: 145px;
	overflow-y: auto;
	margin: 0 auto;
}

#news_list dt {
	float: left;
	width: 130px;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

/*\*/
#news_list dt {
	clear: both;
}

/**/
#news_list dd {
	padding-left: 130px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #CCCCCC;
}

#news_list dd:last-of-type {
	border-bottom: none;
}

/*\*/
*html #news_list dd {
	float: none;
}

/**/
*:first-child+html #news_list dd {
	float: none;
}

#news_list dd img {
	vertical-align: middle;
	margin-right: 20px;
}

#news_list dd a {
	color: #000000;
	text-decoration: none;
}

#news_list dd a:hover {
	text-decoration: underline;
}

#news_list dd .icon {
	padding: 3px 5px;
	margin-right: 10px;
	font-size: 10px;
	color: #FFFFFF;
	width: 75px;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#news_list dd .icon-post {
	background-color: #175282;
}

#news_list dd .icon-voice {
	background-color: #E878CC;
}

#news_list dd .icon-case {
	background-color: #5E8C0F;
}

#news_list dd .icon-seminar {
	background-color: #F47E14;
}