@charset "utf-8";

/* =================================================================================================
　「ＫＮＴ－ＣＴホールディングス株式会社　地域交流部」事例TOP
　Copyright (c) Rights Reserved by KNT-CT Holdings Co., Ltd.
================================================================================================= */


#contents{
	padding-bottom:50px;
}


/* ----------------------------------------------------------------------------
　バナーエリア
---------------------------------------------------------------------------- */
#slide_wrapper{
	width:100%;
	height:510px;
	position:relative;
	overflow:hidden;
	background: url("../result/img/slide_wrapper_bg.gif") 0 0 repeat-x;
}

#slide_bg{
	position:absolute;
	top:0px;
	left:0px;
	width:1600px;
	height:450px;
	text-align:center;
	z-index:1;
	background-color:#fff;
}
#slide_bg p{
	width:1600px;
	height:450px;
	display:none;
	margin:0 auto;
}

#slide_area{
	width:960px;
	height:450px;
	margin:0 auto 16px;
	position:relative;
	z-index:2;
}

#slide_area #slide_case{
	width:960px;
	height:450px;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}
#slide_area #slide_case p{
	position:absolute;
	top:0px;
	left:960px;
}
#slide_area #slide_case .image{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
#slide_area #slide_case .text{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	display:none;
}
#slide_area #slide_case p .hover{
	position:absolute;
	width:960px;
	height:450px;
	display:none;
	top:0px;
	left:0px;
	z-index:10;
	background: url("../img/hover.png");
}

#slide_area .prev{
	position:absolute;
	top:150px;
	left:-50px;
	width:50px;
	height:50px;
}
#slide_area .next{
	position:absolute;
	top:150px;
	right:-50px;
	width:50px;
	height:50px;
}

#slide_area .prev a,
#slide_area .next a{
	display:block;
	width:50px;
	height:50px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	background-color:#fff;
}
#slide_area .prev a:hover,
#slide_area .next a:hover{
	background-color:#999;
}


#paging{
	text-align:center;
}
#paging li{
	display:inline-block;
	width:30px;
	height:30px;
	cursor:pointer;
	background: url("../result/img/top_paging.gif") 0 0 no-repeat;
}
*:first-child+html #paging li{
	display:inline;
	zoom:1;
}


#paging .on{
	background-position:-30px 0;
}



#result{
	width:960px;
	margin:0 auto;
}


#result h2{
	width:960px;
	height:64px;
	margin-bottom:15px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background: url("../result/img/result_title.png") 0 0 no-repeat;
}

#result .box{
	width:300px;
	background-color:#fff;
	float:left;
	margin:0 30px 30px 0;
	position:relative;
	
	-webkit-box-shadow: 1px 1px 2px 0px #999; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 2px 0px #999; /* Firefox用 */
	box-shadow: 1px 1px 2px 0px #999; /* CSS3 */
}

#result .green{
	border-bottom:6px solid #6d9d42;
}
#result .orange{
	border-bottom:6px solid #f39c12;
}
#result .pink{
	border-bottom:6px solid #e84660;
}
#result .brown{
	border-bottom:6px solid #593f2d;
}
 




#result .box a{
	display:block;
	padding-bottom:12px;
	color:#000;
	text-decoration:none;
}
#result .box a:hover{
}

#result .box .photo{
	margin-bottom:15px;
	position:relative;
}
#result .box .photo .credit{
	position:absolute;
	right:5px;
	bottom:5px;
	text-align:right;
}
#result .box .photo img{
	vertical-align:bottom;
}
#result .box .photo .white{
	color:#fff;
}
#result .box .photo .gray{
	color:#969696;
}


#result .box .text{
	padding:0 18px;
	margin-bottom:10px;
}
#result .box .title{
	color:#333;
	padding:0 18px;
}


/* media */
#media{
	width:960px;
	margin:0 auto 50px;
}
#media h2{
	width:960px;
	height:64px;
	margin-bottom:15px;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	
	background: url("../result/img/media_title.png") 0 0 no-repeat;
}
#media dl{
  width:100%;
	font-size:14px;
  margin-bottom:12px;
}
#media dl dt{
	float:left;
	padding:10px 0;
	background-color:#ccc;
	width:60px;
	text-align:center;
	color:#000;
	font-size:14px;
	border-bottom:#ccc solid 1px;
}
#media dl dd{
	float:left;
	width:830px;
	padding:10px 20px 10px 50px;
	color:#000;
	font-size:14px;
	line-height:1.5;
	background: url("../result/img/icon_pdf.png") 10px 0 no-repeat;
	border-bottom:#ccc solid 1px;
}
#media dl dd a{
	display:inline-block;
	padding-right:30px;
	color:#000;
	text-decoration:underline;
	background: url("../result/img/icon_newwindow.png") right 0 no-repeat;
}
#media .icon_newwin{
	width:16px;
	height:16px;
	background: url("../result/img/icon_newwindow.png") right 0 no-repeat;
}
#media dl dd a:hover{
	text-decoration:none;
}
/* Exclude Mac IE \*/
#media dl {
	display: block;
}
/**/
#media dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}