@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	background-color: black;
	color: white;
	font-family:'Noto Sans Japanese',"Meiryo","sans";
	font-weight:200;
}
.gridContainer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-color: black;
	color: white;
}
#header {
	clear: both;
	float: left;
	display: block;
	height: 85px;
	width: 100%;
	margin: 0;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	boder: none;
}
#header h1 {
	font-size: 9px;
	font-weight: normal;
	margin: 3px 0 0 3px;
	color: white;
}
#header img {
	margin: 10px 0 0 10px;
}
#header p {
	text-align: right;
	display: block;
	margin-right: 10px;
	font-size: 15px;
}
#header a {
	color: white;
	text-decoration: none;
}
#header p a:hover {
	background-color: #09C;
}
#pu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 630px;
	display: block;
	margin-top: 10px;
}
#pu a,
#pu a:hover,
#pu a:visited {
	color:#39C;
}
#pu .headlineCont {
	display: inline-block;
	float: left;
	width: 200px;
	height: 330px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	background: url(../images/03.png) no-repeat;
}
#pu .headlineCont img, #mainContent .contentIndex img, #other .otherContents img {
	display: block;
	margin: 0 auto 0 auto;
}
#pu .headlineCont .date, #mainContent .contentIndex .junre {
	font-size: 12px;
	color: #999;
	text-align: right;
	margin: 0 10px 0 0;
}
#pu .headlineCont .title, #mainContent .contentIndex .title {
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0;
}
#pu .headlineCont .text {
	font-size: 15px;
	display: block;
}
#pu .headlineCont p, #mainContent .contentIndex p {
	color: black;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.8em;
}
#mainContent .contentIndex {
	display: inline-block;
	width: 250px;
	height: 415px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	background: url(../images/contentIndexBox.gif) no-repeat;
}
#headline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 69.3877%;
	display: block;
}
#banner {
	clear: none;
	float: left;
	margin-left: 0;
	margin-top: 10px;
	width: 170px;
	display: block;
}
#banner img {
	display: block;
	margin-bottom: 10px;
}
#banner .contents {
	margin-bottom: 10px;
	color: white;
}
#banner h2 {
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 2px solid #CCC;
	font-size: 11px;
	margin-bottom: 10px;
}
#banner p {
	line-height: 150%;
	font-size: 11px;
	margin-bottom: 20px;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 800px;
	display: block;
}
#articlebox {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/awake.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-moz-background-size: cover;
	height: 350px;
	margin-bottom: 20px;
}
#articlebox h2 {
	font-size: 14px;
	color: white;
	margin: 15px 20px 0 20px;
	line-height: 20px;
}
#promotion {
	clear: both;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 510px;
	display: block;
}
#shortcuts {
	clear: none;
	float: right;
	/*	margin-left: 2.0408%;*/
	margin-top: 20px;
/*	margin-left: 10px;*/
	margin-right: 5px;
	width: 250px;
	display: block;
	text-align: right;
}
/*#headlineCont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 18.3673%;
	display: block;
}
*/
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 18.3673%;
	display: block;
}
/*--nav--*/
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom: 10px;
	width: 100%;
	height: 30px;
	display: block;
}
#nav ul, #linkIconArea2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#nav li, #linkIconArea2 li {
	float: left;
	text-indent: -99999px;
}
#nav li a, #linkIconArea2 li a {
	text-decoration: none;
	display: block;
}
#nav li#solution, #nav li#solution a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_solution01.jpg) no-repeat;
}
#nav li#solution_this, #nav li#solution_this a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_solution21.jpg) no-repeat;
}
#nav li#maintenance, #nav li#maintenance a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_maintenance01.jpg) no-repeat;
}
#nav li#maintenance_this, #nav li#maintenance_this a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_maintenance21.jpg) no-repeat;
}
#nav li#database, #nav li#database a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_database01.jpg) no-repeat;
}
#nav li#database_this, #nav li#database_this a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_database21.jpg) no-repeat;
}
#nav li#member, #nav li#member a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_member01.jpg) no-repeat;
}
#nav li#member_this, #nav li#member_this a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_member21.jpg) no-repeat;
}
#nav li#company, #nav li#company a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_company01.jpg) no-repeat;
}
#nav li#company_this, #nav li#company_this a {
	width: 160px;
	height: 30px;
	background: url(../images/btn_company21.jpg) no-repeat;
}
#nav li#solution a:hover {
	width: 160px;
	height: 30px;
	background: url(../images/btn_solution11.jpg) no-repeat;
}
#nav li#maintenance a:hover {
	width: 160px;
	height: 30px;
	background: url(../images/btn_maintenance11.jpg) no-repeat;
}
#nav li#database a:hover {
	width: 160px;
	height: 30px;
	background: url(../images/btn_database11.jpg) no-repeat;
}
#nav li#member a:hover {
	width: 160px;
	height: 30px;
	background: url(../images/btn_member11.jpg) no-repeat;
}
#nav li#company a:hover,#nav li#company_this a:hover {
	width: 160px;
	height: 30px;
	background: url(../images/btn_company11.jpg) no-repeat;
}
/*#nav #btn1 {
	clear: none;
	float: left;
	margin: 0 3px;
	width: 18%;
	display: block;
}*/
/***************************/
#nav h5 {
	font-size: 105%;
	font-weight: bold;
}
#nav #btn1 h5 a {
	display: block;
	height: 25px;
	/*	width: 16.66%;*/
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	color: white;
	border-bottom: 3px solid #88b7dd;
}
#nav #btn1 h5 a:hover {
	color: black;
	border-bottom: 3px solid #ccc;
	background-color: #88b7dd;
}
#page {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 30px;
	width: 18.3673%;
	display: block;
	border-top: 1px solid #999;
}
#page h5 {
	border-bottom: 1px solid #999;
	font-size: 10px;
	font-weight: bold;
}
#page h5 a {
	color: #ccc;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(../images/h5.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#page h5 a:hover {
	color: white;
	text-decoration: none;
	background-color: #990;
}
#mainContent {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 79.5918%;
	display: block;
}
#mainContent h2 {
	font-size: 18px;
	font-weight: bolder;
	/*	border-left: 5px solid #069;*/
	margin-top: 30px;
	margin-bottom: 20px;/*	padding-left: 10px;*/
}
#mainContent h3 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
#mainContent h4 {
	/*	height: 25px;*/
	font-size: 14px;
	font-weight: bold;
	color: white;
	/*	border-left: 5px solid #069;
	padding-top: 5px;*/
	padding-left: 15px;/*margin: 20px 0 10px 0;*/
}
#mainContent p {
	font-size: 13px;
	line-height: 180%;
	margin: 10px 0 20px 0;
}
#info {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 15px;
	width: 100%;
	display: block;
	border: 1px solid #999;
	border-radius: 3px;
}
#mainContent #info ul {
	margin: 10px 0 0 20px;
	list-style-type: none;
}
#mainContent #info li {
	padding-left: 20px;
	line-height: 200%;
	background-image: url(../images/li03.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
}
#mainContent table th {
	font-size: 14px;
	font-weight: bold;
	color: orange;
	text-align: left;
}
#mainContent table td {
	font-size: 13px;
	font-weight: normal;
	line-height: 150%;
	color: white;
}
#contWrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: white;
	color: black;
	padding: 10px;
}
#mainContent ul {
	padding-bottom: 20px;
	padding-left: 20px;
	list-style-type: none;
}
#mainContent li {
	padding-left: 20px;
	margin-bottom: 10px;
	line-height: 150%;
	background-image: url(../images/li02.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#feature {
	clear: both;
	float: left;
	margin-left: 0;
	width: 450px;
	display: block;
}
#photo {
	clear: none;
	float: left;
	width: 180px;
	display: block;
}
#other {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 170px;
	display: block;
	border: 1px solid #B5C8D4;
	border-radius: 5px;
	background-color: #B5C8D4;
}
.otherContents {
	clear: none;
	float: left;
	margin-left: 4%;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 28%;
	display: inline;
	border: 1px solid white;
	border-radius: 3px;
	background-color: white;
	color: black;
	font-size: 12px;
	height: 150px;
	min-height: 150px;
}
#other .otherContents .title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: left;
	margin: 10px 0 10px 10px;
	padding-left: 15px;
	color: #693;
	background-image: url(../images/list_gr.gif);
	background-repeat: no-repeat;
}
#other .otherContents p {
	color: black;
	padding: 10px 10px 0 10px;
	line-height: 1.5em;
	font-size: 11px;
}
#mainContent .ftCont h3,
#data .visThWidth h3,
#data .info h3 {
	clear: both;
	font-size: 20px;
	font-weight: bold;
	/*	color: white;*/
	color: #FC0;
	/*border-bottom: 1px dotted #B3E7FF;*/
	border-left: 5px solid #960;
	/*padding: 3px 0 3px 10px;*/
	padding-left: 10px;
	margin: 0px 0 10px 0;
}
.ftCont img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.ftCont p {
	line-height: 150%;
	font-size: 15px;
	margin: 10px 0 20px 0;
}
#featureCt {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
#featureCt h3 {
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 3px 0 3px 0px;
	/*border-radius: 3px;*/
	/*background-color: #C9BC9C;*/
	/*border-bottom: 2px solid #C9BC9C;*/
	color: #FC3;/*	border-left: 5px solid #C96;*//*width: 400px;*/
}
#featureCt h5 {
	font-size: 16px;
}
#featureCt h5 img {
	margin: 20px 0 10px 0;
}
#featureCt .vis table, #featureCt .vis td, #featureCt .vis th {
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 5px;
}
#featureCt .vis th {
	color: white;
	font-size: 100%;
	text-align: left;
	width: 150px;
	background-color: #666;
}
#data {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
#data h3 {
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 3px 0 3px 0px;
	/*border-radius: 3px;*/
	/*background-color: #C9BC9C;*/
	/*border-bottom: 2px solid #C9BC9C;*/
	color: #FC3;/*	border-left: 5px solid #C96;*//*width: 400px;*/
}
#data h5 {
	font-size: 22px;
	font-weight: normal;
	border-left: 3px solid #FC3;
	padding-left: 15px;
}
#data .vis table, #data .vis td, #data .vis th
#data .info table, #data .info th, #data .info td {
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	padding: 5px;
}
#data .vis th, #data .info th {
	color: white;
	font-size: 100%;
	text-align: center;
	width: auto;
	background-color: #666;
}
#data .vis td,#data .visThWidth td {
	text-align: center;
}
#data .info td {
	text-align: left;
}
#data .info th {
	width: 150px;
}
#data .visThWidth table, #data .visThWidth th, #data .visThWidth td {
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	padding: 5px;
}
#data .visThWidth th {
	color: white;
	font-size: 100%;
	text-align: center;
	width: auto;
	background-color: #666;
}
#linkIconArea {
	clear: none;
	float: right;
	display: block;
	margin: 0 0 20px 0;
	background-color: #CCC;
	border-radius: 3px;
	padding-top: 10px;
}
#linkIconArea img {
	/*	display: inline;*/
	display: block;
	border: 1px solid #999;
	margin: 0px 10px 10px 10px;
}
#linkIconArea a:hover img {
	border: 1px solid #069;
}
#linkIconArea2 {
	clear: both;
	float: left;
	display: block;
	width: 636px;
	height: 60px;
	margin: 10px 0 20px 0;
	background-color: #CCC;
	border-radius: 3px;
}
#linkIconArea2 ul {
	margin: 0;
	padding-left: 10px;
}
#linkIconArea2 li {
	margin: 10px 0 10px 0;
	padding: 0;
}
#linkIconArea2 li#spec, #linkIconArea2 li#spec a {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link01.jpg) no-repeat;
}
#linkIconArea2 li#spec a:hover {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link11.jpg) no-repeat;
}
#linkIconArea2 li#gaikan, #linkIconArea2 li#gaikan a {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link02.jpg) no-repeat;
}
#linkIconArea2 li#gaikan a:hover {
	width: 160px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link12.jpg) no-repeat;
}
#linkIconArea2 li#connection, #linkIconArea2 li#connection a {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link03.jpg) no-repeat;
}
#linkIconArea2 li#connection a:hover {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link13.jpg) no-repeat;
}
#linkIconArea2 li#sxq, #linkIconArea2 li#sxq a {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link04.jpg) no-repeat;
}
#linkIconArea2 li#sxq a:hover {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link14.jpg) no-repeat;
}
#linkIconArea2 li#sx, #linkIconArea2 li#sx a {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link05.jpg) no-repeat;
}
#linkIconArea2 li#sx a:hover {
	width: 145px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/link15.jpg) no-repeat;
}
#linkIconArea2 li#log, #linkIconArea2 li#log a {
	width: 145px;
	height: 40px;
	background: url(../images/link06.jpg) no-repeat;
}
#linkIconArea2 li#log a:hover {
	width: 145px;
	height: 40px;
	background: url(../images/link16.jpg) no-repeat;
}
#linkIconArea2 li#diagnosis, #linkIconArea2 li#diagnosis a {
	width: 145px;
	height: 40px;
	background: url(../images/link07.jpg) no-repeat;
}
#linkIconArea2 li#diagnosis a:hover {
	width: 145px;
	height: 40px;
	background: url(../images/link17.jpg) no-repeat;
}
.indent {
	margin-left: 20px;
}
.indent h5 {
	font-size: 14px;
	/*padding-left: 15px;*/
	color: #693;/*background-image: url(../images/li01.png);
	background-repeat: no-repeat;
	background-position: center left;*/
}
#mainContent #featureCt h4,
#mainContent .ftCont h4 {
	background-image: url(../images/list_bl.gif);
	background-repeat: no-repeat;
	background-position: center left;
	border-bottom: 1px dotted #09C;
	width: 500px;
	font-size: 16px;
}
#companyinformation,
#cals,
#specsearch,
#dispData {
	clear:both;
	display:block;
	width: 100%;
	border: 1px solid #999;
	border-radius: 5px;
	background-color: white;
	color: black;
}
#companyinformation .info_column table,
#companyinformation .info_column th,
#companyinformation .info_column td {
    border-collapse: collapse;
    border-bottom: 1px dotted #999999;
    padding: 15px 0px 15px 5px;
    margin-bottom: 2px;
    margin-top: 20px;
	color: black;
}
#companyinformation .info_column th {
	width: 130px;
	font-weight: bold;
	color: black;
	vertical-align: top;
}
#companyinformation .info_column,
#cals .wrap,
#specsearch .wrapper,
#dispData .wrapper {
	border: 1px solid #E8E8E8;
	margin: 8px;
	padding: 10px;
	background-color: white;
	color: black;
}
#companyinformation .info_column h3,
#cals .wrap h3,
#specsearch .wrapper h3,
#dispData .wrapper h3 {
	font-size: 130%;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
	color: gray;
	border-left: 5px solid #FC0;
}
#specsearch .wrapper h3,
#dispData .wrapper h3{
	margin-bottom:10px;
}
#cals .wrap h4 {
	font-size: 15px;
	color: #333;
	background: url(../images/li01.png) no-repeat;
	background-position: left, center;
	padding-left: 15px;
}
#companyinformation h4 {
	margin-top: 10px;
	font-weight: bold;
	font-size: 25px;
	color: black;
}
#companyinformation h5 {
	font-size: 18px;
	margin-left: 10px;
	margin-top: 5px;
	border-left: 5px solid #FC0;
	padding-left: 10px;
}
#companyinformation .info_column p {
	margin-left: 8px;
	margin-bottom: 10px;
}
#companyinformation .hr {
	margin: 0 0 10px 0;
	border-top: 1px dotted #999;
}
#cals .wrap table, #cals .wrap th, #cals .wrap td {
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 5px;
}
#cals .wrap th {
	color: white;
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	width: 150px;
	background-color: #666;
}
#cals .wrap td {
	color: black;
}
#cals .wrap input {
	margin-right: 5px;
}
#cals .wrap .ca {
	font-weight: bold;
	font-size: 24px;
	color: red;
}
.indent p {
	margin-left: 15px;
}
#promotion canvas {
	margin: 20px 0 0 20px;
}
#mainContent a, #banner a, #info a {
	text-decoration: underline;
	color: #09C;
}
/*#mainContent a:hover,*/
#banner a:hover, #info a:hover {
	text-decoration: none;
	background-color: #09c;
	color: black;
}
#showtable {
	clear: both;
	display:block;
	margin-top: 15px;
	margin-bottom: 15px;
}
#showtable table {
	width: 636px;
}
#osusume {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	background-color: #E3EBEC;
	border: 1px solid gray;
	border-radius: 3px;
}
#osusume img {
	clear: none;
	display: inline;
	padding: 0;
	margin: 5px 0 5px 3px;
}
#footer {
	background-color: #333;
	padding: 5px 0 5px 0;
	margin: 20px 0 0 0;
}
#footer .copyright {
	font-size: 9px;
	text-align: center;
}
/* テキスト装飾 */
h1, h2, h3, h4, h5, h6, p, table, th, td, div, ul, ol, li {
	margin: 0px;
	padding: 0px;
}
.red {
	color: red;
	font-weight: inherit;
}
.redbold {
	color: red;
	font-weight: bold;
}
.bold {
	font-weight: 200;
}
.normal{
	font-weight:150;
}
.subtitle {
	font: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 15px;
	text-decoration: underline;
	float: right;
}
.text_clear {
	display: block;
	clear: both;
	line-height: 150%;
	font-size: 13px;
	margin: 10px 0 10px 0;
}
.positionL {
	clear: both;
	display: block;
	float: left;
	margin: 15px 10px 0 0;
	min-width: 125px;
}
.positionR {
	clear: none;
	display: block;
	margin: 15px 0 0 10px;
	float: right;
	max-width: 511px;
}
.clearboth {
	clear: both;
	height: 20px;
}
/*リンク*/
a.more {
	white-space: nowrap;
	padding-right: 10px;
	background: url(../images/morearrow.png) no-repeat 100% 50%;
}
/* 画像装飾 */
.01 {
	float: left;
	margin: 10px 10px 10px 0;
	display: inline-block;
}
img.touch {
	margin: 20px 0 30px 10px;
}
#specsearch .btnSearch{
	margin:10px 0 20px 20px;
}
#specsearch .fmTbl{
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
#specsearch .fmTbl td {
	padding: 5px;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	color:black;
	font-size:12px;
}
#specsearch .fmTbl th {
	background-color: #990;
	color: black;
	font-weight: normal;
	text-align: left;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	padding: 5px;
	font-size:12px;
}
#specsearch .seres{
	border:1px solid #dfdfdf;
	width: 80%;
}
#specsearch .seres tr:nth-child(odd){
	background-color: #dfdfdf;
}
#specsearch .seres tr:nth-child(even){
	background-color: white;
}
#specsearch .seres td{
	padding: 8px 8px 8px 30px;
	font-size: 14px;
	color:#555;
}
#specsearch .seres th{
	padding: 8px 0px 8px 10px;
	font-size: 14px;
	color:#069;
	font-weight:normal;
}
#specsearch .seres a{
	display:block;
	text-decoration:none;
	color:#069;
}
#specsearch .datagrid{
	border-left:1px solid #666;
	border-top: 1px solid #666;
	border-right:1px solid #666;
	width: 80%;
}
#specsearch .datagrid tr {
	border-bottom: 1px solid #666;
}
#specsearch .datagrid td {
	padding: 0px;
}
#specsearch .datagrid a {
	text-decoration: none;
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 10px;
}
#specsearch .datagrid form {
	margin-top: 10px;
}
#specsearch .datagrid tr:hover {
	background: rgb(162,224,255);
}
#specsearch .datagrid table {
	border-collapse: collapse;
}
#specsearch .datagrid th {
	background-color: gray;
	text-align: center;
	color: white;
}

#dispspec .specTbl{
	width:100%;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
}
#dispspec .specTbl th{
	background-color:rgba(0,102,153,0.45);
	color:black;
	font-weight:normal;
	font-size:normal;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding: 5px;
	width:30%;
}
#dispspec .specTbl td{
	text-align:left;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	padding: 5px;
	background-color: white;
	color:black;
}