@charset "utf-8";

/* ============================================================
   
	  NTTBP
		CSS for /index.html
	 
   ============================================================ */



/* ----------
 * 
 * Copy
 * 
 */
#wrap_copy {
	position: absolute;
	top: 164px;
	left: 62px;
	z-index: 10;
	display: none;
	width: 451px;
	height: 31px;
	background: url(../img/background/catchcopy.png) no-repeat;
	overflow: hidden;
	line-height: 999px;
}


/* ----------
 * 
 * Wrapper
 * 
 */
#wrap_visual {
	clear: both;
	width: 100%;
	margin-top: 96px;
	padding: 0px 0 48px 0;
}
#wrap_content {
	clear: both;
	width: 100%;
}



/* ----------
 * 
 * Case study
 * 
 */
#section_casestudy {
	float: right;
	width: 192px;
	height: 288px;
	overflow: hidden;
}

#section_casestudy h2 {
	display: blcok;
	width: 192px;
	height: 48px;
	background: url(../img/case_title.gif) no-repeat;
	overflow: hidden;
	line-height: 999px;
}

/* navi */
#case_navi {
	background: #a5af32 url(../img/case_navi_bg.gif) repeat-x;
}
#case_navi li {
	display: block;
	float: left;
}
#case_navi li img {
	vertical-align: bottom;
}
#case_nav_prev {
	width: 48px;
	float: left;
	
}
#case_nav_next {
	width: 48px;
	float: right;
}

/* pager */
#case_pager {
	width: 96px;
	padding-top: 16px;
	float: left;
	font-size: 85%;
	color: #191d21;
	text-align: center;
}
#case_current {
	line-height: 1.2;
}
#case_total {
	line-height: 1.2;
}

/* item */
#case_container {
	clear: both;
	display: block;
	width: auto;
}
#case_container li {
	display: block;
	width: 192px;
	height: 192px;
	float: left;
	/*background-color: #191d21;*/
}
#case_container li a {
	display: block;
	width: 192px;
	height: 192px;
	text-decoration: none;
}
#case_container p {
	display: block;
	padding: 7px 18px 0 18px;
	color: #fff;
	font-size: 93%;
	line-height: 1.8;
}
#case_container p.text_date {
	display: block;
	padding: 17px 18px 0 18px;
	font-size: 93%;
	color: #b1ba4e;
}
#case_container p a {
	text-decoration: none;
}


/* ----------
 * 
 * Service
 * 
 */
#section_service {
	float: left;
	width: 768px;
}

#section_service h2 {
	display: none;
}

#service_container {
	
}
.service_item {
	position: relative;
	width: 384px;
	height: 384px;
	float:left;
	color: #ffffff;
	text-shadow: #000 0 0 6px;
}

/* background image */
#service_network {
	background: url(../img/service/network_bg.jpg) no-repeat top left;
}
#service_cloud {
	background: url(../img/service/cloud_bg.jpg) no-repeat top left;
}
/*PWR IMAGE
 background image 
#service_device {
	background: url(../img/service/device_bg.jpg) no-repeat top left;
	color: #22272c;
	text-shadow: none;
}*/
#service_device {
	background: url(../img/service/device_bg.jpg) no-repeat top left;
}
#service_cosulting {
	background: url(../img/service/consulting_bg.jpg) no-repeat top left;
}

/* title */
.service_item h3 {
	display: block;
	width: 384px;
	height: 92px;
	line-height: 999px;
	overflow: hidden;
}
#service_network h3 {
	background: url(../img/service/network_title.png) no-repeat top left;
}
#service_cloud h3 {
	background: url(../img/service/cloud_title.png) no-repeat top left;
}
#service_device h3 {
	background: url(../img/service/device_title.png) no-repeat top left;
}
#service_device2 h3 {
	background: url(../img/service/device_title.png) no-repeat top left;
}
#service_cosulting h3 {
	background: url(../img/service/consulting_title.png) no-repeat top left;
}

/* text */
.service_item p {
	position: absolute;
	bottom:0;
	left: 0;
	height: 100px;
	padding: 0 33px 0 37px;
}



/* ----------
 * 
 * News
 * 
 */
#section_news {
	width: 192px;
	float: right;
}

#section_news h2 {
	display: none;
}

/* news item */
.news_item {
	display: block;
	width: 192px;
	height: 192px;
}
.news_item dt {
	display: block;
	padding: 4px 7px 5px 0;
	font-size: 85%;
	color: #233a92;
	text-align: right;
	letter-spacing: -0.075em;
}
.news_item dd {
	display: block;
	padding: 12px 17px 0 17px;
	font-size: 93%;
}
.news_item dd a {
	text-decoration: none;
	color: #22272c;
}

/* news type */
.type_news {
	background: url(../img/news_bg_news.jpg) no-repeat top left;
}
.type_topics {
	background: url(../img/news_bg_topics.jpg) no-repeat top left;
}



/* ----------
 * 
 * Background
 * 
 */

/*
#background_copy {
	position: absolute;
	top: 261px;
	left: 0px;
	z-index: 10;
	display: none;
	width: 100%;
}
#background_copy span {
	display: block;
	width: 836px;
	margin: 0 auto;
}
*/