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

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: font-family:"MS PGothic","Osaka",Arial,sans-serif;
	font-size: 12px;
	line-height: 200%;
	padding: 0px;
	margin: 0px;
	color: #333333;
}

h1,h2, h3, h4, h5, h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "VL Pゴシック", "Takao Pゴシック", "IPA Pゴシック", Verdana, sans-serif !important;
	margin: 0;
	color: #006699;
}

a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	display: none;
}

/****************************************
 BOXMODEL
 ****************************************/
#wrapper {
	margin: 0 20px 20px 0;
	width: auto;
	border-collapse: collapse;
}

#wrapper .spacer {
	width: 30%;
}


#head {
	height: 120px;
	background: url(../images/bg_head.png) right top no-repeat;
}

#content {
	width: 540px;
	background: url(../images/bg-content.jpg);
	overflow: auto;
}

#sidebar {
	width: 260px;
	vertical-align: top;
	background: url(../images/bg-content.jpg);
	overflow: auto;
}

#foot {
	width: 100%;
	overflow: auto;
}

#wrapper_foot {
	margin-top: 20px !important;
	width: 100%;
	overflow: auto;
	background-color: black;
	border-top: 10px solid #069;
}


/****************************************
 FOOT ( SUBCONTENTS )
 ****************************************/
#sub_contents {
	margin: 0 auto;
	padding: 20px 0;
	width: 800px;
	color: #ccc;
}

#sub_contents a {
	color: #fff;
}

#sub_contents ul {
	list-style-image: url(../images/list-dot.gif);
}

/* ----- h2 ----- */

#sub_contents h2 {
	display: none;
}

/* ----- #feature : 特徴 ----- */

#sub_contents #feature {
	float: left;
	width: 520px;
	margin-bottom: 15px;
	overflow: auto;
}

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

/* ----- #news : 新着情報 ----- */

#sub_contents #news {
	float:right;
	width: 260px;
	margin-bottom: 15px;
	overflow: auto;
}

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

#sub_contents #news dl {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	overflow: auto;
}

#sub_contents #news dl dt {
	float: left;
	width: 70px;
}

#sub_contents #news dl dd a {
	float: left;
	width: 190px;
	overflow: hidden;
}

#sub_contents #news dt a,
#sub_contents #news dd a {
}

#sub_contents #news dt a:hover,
#sub_contents news dd a:hover {
	color: #006699;
}

#sub_contents #feature ul {
	margin-left: 20px;
}

/* ----- #maps : サイトマップ ----- */
#sitemap h2 {
	display: none;
}

#sitemap table {
	clear: both;
}

#sitemap th,
#sitemap td {
	width: 157px;
	padding: 20px;
	background-color:#1a1a1a;
	border-top: 1px solid #262626;
	border-right: 2px solid #000;

	border-left: 1px solid #262626;
	overflow: auto;
	color: #aaa;
}

#sitemap th {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

#sitemap td {
	vertical-align: top;
	color: #fff;
}

#sitemap td ul {
	padding-left: 10px;
}

#maps {
	_zoom: 1;	/* IE6 での背景消失対策 */
	clear: both;
	margin: 0;
	padding: 0;
	overflow: auto;
	list-style: none;
	background: url(../images/bg_maps.gif) repeat-y !important;
}

#copyrights {
	clear: both;
	margin-top: 20px !important;
	display: block !important;
	font-size: 10px !important;
	color: #888 !important;
	text-align: center !important;
}


#head {
	vertical-align: top;
}

#head table {
	height: 70px;
}

/****************************************
 CONTENT
 ****************************************/

/* ----- メインメニュー ----- */
#menu {
	/* 複雑なので、styles-menu.css に記述 */
}

/* ----- サブメニュー ----- */
#submenu {
	width: 185px;
	height: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(../images/submenu.png) left top no-repeat;
	overflow: hidden;
}

#submenu li {
	height: 20px;
	float: left;
}

#submenu li a {
	display: block;
	height: 20px;
	text-indent: -9999px;
}

#submenu li a#go_sitemap {
	width: 70px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#submenu li a#go_policy {
	width: 110px;
	height: 20px;
	margin: 0;
	padding: 0;
}

/* ----- 検索ボックス ----- */
#searchform {
	position: absolute;
	top: 11px;
	right: 20px;
}

#searchform label.assistive-text {
	display: none;
}

#searchform input.field {
	height: 16px;
	border: 1px solid #006699;
	font-size: 11px;
}

#searchform input#searchsubmit {
	width: 19px;
	height: 19px;
	border: 0;
	background: url(../images/loupe.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

/* ----- ロゴ ----- */
#logo {
	display: block;
	width: 400px;
	height: 70px;
	text-indent: -9999px;
	background-image: url(/cti/images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper tr #content #06 dl dd {

}
.ＣＴＩ・販売管理・顧客管理・印刷・名刺・はんこ・ビジネスホン {
	font-size: 12px;
	color: #C03;
}
.ＣＴＩ・販売管理・ソフト開発・印刷・名刺・はんこ {
	font-size: 12px;
	color: #C03;
}
#wrapper tr #content #03 h2 .ＣＴＩ・販売管理・顧客管理・ソフト開発・印刷・名刺・はんこ・ビジネスホン・文京区 {
	color: #C03;
}
#wrapper tr #content #02 p {
	font-size: 12px;
}
.ＣＴＩ　カタマイズ　恵比寿　顧客管理　販売管理 {
	color: #903;
}
.ＣＴＩ {

}
#wrapper tr #content p {
	font-size: 12px;
	color: #000;
}