/*
Theme Name: nbs
Theme URI: http://nbs-net.co.jp/
Description: 
Version: 1.0
Author: K.Talayashiki
Author URI: http://nbs-net.co.jp/
*/
@charset "utf-8";

/****************************************
 BOX 補正
 ****************************************/
#content {
	padding: 0 20px 0 0;
	background: none !important;
}

#sidebar {
	padding: 0;
	margin-bottom: 0;
	background: none !important;
}

/****************************************
 CONTENT
 ****************************************/
#content h1 {
	width: 480px;
	padding: 5px 0 5px 20px;
	background: url(../images/bg-h1.jpg) 0 0 no-repeat;
	font-size: 16px !important;
	color: #ffffff !important;
	font-weight: bold;
	margin: 0;
}

#content h1 {
	display: none;
}


#content h2 {
	display: none;
}

#action {
	position: relative;
	clear: both;
	width: 260px;
	height: 220px;
	margin-bottom: 20px;
	overflow: auto;
}

#casestudy {
	position: relative;
	float: left;
	width: 260px;
	margin-bottom: 20px;
}

#download {
	position: relative;
	float: left;
	width: 260px;
	margin-bottom: 20px;
}

#onlinedemo {
	position: relative;
	float: left;
	width: 260px;
/*	margin-bottom: 20px;*/
}

/***** *****/

#themes {
	width: 520px;
	overflow: auto;
}

.theme {
	float: left;
	list-style: none;
}

.theme a {
	display: block;
	margin-bottom: 20px;
	padding: 80px 20px 20px 20px;
	width: 210px;
	height: 100px;
	list-style: none;
}

.odd a{
	margin-right: 20px;
}



.theme.long {

	float: left;

	position: relative;
	width: 520px;
/*
	overflow: auto;
*/
}

.theme.short {
	position: relative;
	float: left;
	width: 160px;
	margin-right: 20px;
/*
	overflow: auto;
*/
}

.theme.short.end{
	margin-right: 0;
}

.theme h3 a {
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
}

.theme.long h3 a {
	width: 520px;
	height: 80px;
	background: url(../images/theme-l-01.jpg) center center no-repeat;
}

.theme.short h3 a {
	width: 160px;
	height: 80px;
}

.theme.short.bg01 h3 a {
	background: url(../images/theme-s-01.png) center center no-repeat;
}

.theme.short.bg02 h3 a {
	background: url(../images/theme-s-02.png) center center no-repeat;
}

.theme.short.bg03 h3 a {
	background: url(../images/theme-s-03.png) center center no-repeat;
}

div#flash {
	width: 520px;
	height: 180px;
	margin: 0 0 20px 0;
	z-index: 1;
}

div#flash embed {
}

**********************************************
 cti専用 サイドバー
 **********************************************/

#sidebar {
	width: 260px;
}

* html #sidebar,
*+html #sidebar  {
    width: 260px;
}

#sidebar #pagenav h2 {
	width: 245px;
	height: 28px;
	padding: 7px 0 0 15px;
	margin-bottom: 10px;
	background: url(../images/sidebar-bg-260.jpg);
}

#sidebar #pagenav h2,
#sidebar #pagenav h2 a {
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}

#sidebar #pagenav ul {
	padding: 0;
	margin: 0;
}

#sidebar li#pagenav,
#sidebar li#pagenav ul,
#sidebar li.page_item {
	list-style: none !important;
	width: 250px;
}

* html #sidebar li#pagenav,
* html #sidebar li#pagenav ul,
* html #sidebar li.page_item {
	list-style: none !important;
	width: 250px;
}


#sidebar ul li.page_item {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #fff;
	background-color: #e8e8e8;
}

#sidebar li.page_item.current_page_item {
	margin: 0;
	border-bottom: 1px solid #fff;
	background-color: #006699;
}

#sidebar li.page_item.current_page_item a {
	color: #fff;
}

#pagenav {
	margin-bottom: 20px;
}

/*****  *****/

#action h2 {
	display: none;
}

#action ul {
	margin: 0;
	padding: 0;
}

#action li a#call {
	display: block;
	width: 260px;
	height: 80px;
	margin-bottom: 10px;
	background: url(../images/call2.jpg) center center no-repeat;
	text-indent: -9999px;
}

#action li a#dl_brochure {
	display: block;
	width: 260px;
	height: 40px;
	margin-bottom: 10px;
	background: url(../images/dl_brochure.jpg) center center no-repeat;
	text-indent: -9999px;
}

#action li a#brochure {
	display: block;
	width: 260px;
	height: 40px;
	margin-bottom: 10px;
	background: url(../images/brochure.png) center center no-repeat;
	text-indent: -9999px;
}

#action li a#inquiry {
	display: block;
	width: 260px;
	height: 40px;
	background: url(../images/inquiry.png) center center no-repeat;
	text-indent: -9999px;
}


/***** case study *****/

#casestudy h2 a {
	display: block;
	width: 260px;
	height: 35px;
	margin-bottom: 10px;
	background: url(../images/casestudy.jpg) center center no-repeat;
	text-indent: -9999px;
}

#casestudy ul {
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 2px solid #cccccc;
}

#casestudy li {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	overflow: auto;
}

#casestudy li img {
	float: left;
	width: 90px;
	height: 70px;
	margin-right: 10px;
}

/***** download *****/

#download h2 {
	display: block;
	width: 260px;
	height: 35px;
	padding: 0;
	margin-bottom: 10px;
	background: url(../images/download.jpg) center center no-repeat;
	text-indent: -9999px;
}

#download dl {
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 2px solid #cccccc;
}

#download dt {
	margin-left: 5px;
	padding-left: 10px;
	background: url(../images/list-subcon.png) left center no-repeat;
}

/***** onlinedemo *****/

#onlinedemo h2 {
	padding: 0;
}

#onlinedemo h2 a {
	display: block;
	width: 260px;
	height: 35px;
	padding: 0;
	margin-bottom: 10px;
	background: url(../images/onlinedemo.jpg) center center no-repeat;
	text-indent: -9999px;
}

#onlinedemo dl {
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 2px solid #cccccc;
}

#onlinedemo dt {
	margin-left: 5px;
	padding-left: 10px;
	background: url(../images/list-subcon.png) left center no-repeat;
}