@charset "utf-8";

/*-----------------------------------------------------------------------------
intelligent Manager3 Master.css

version:   1.0
author:    Taro Sueda
date: November 09, 2006
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------

common　

-------------------------------------------------------*/

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

common

*********************************/
/*
*{
	margin:0;
	padding:0;
}
*/
		
div#container-i {
	text-align:center;
	margin:0;
	background-color:#fff;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:133%;
	}
	
div#container-i h2 {
	font-size:120%;
	background-image:url(../images/h2.gif);
	background-repeat:no-repeat;
	height:22px;
	padding:8px 0 0 5px;
	font-weight:bold;
	color:#0099FF;
	}
	
div#container-i h2.font-m {
	font-size:115%;
	}
	
div#container-i h2.font-s {
	font-size:100%;
	}
	
div#container-i h3 {
	border-top:2px solid #68bfcd;
	background-color:#cdf0f6;
	font-weight:bold;
	font-size:115%;
	color:#0099FF;
	padding:5px 0 5px 5px;
	}
	
div#container-i h4 {
	font-weight:bold;
	font-size:115%;
	margin:0 0 10px 0;
	}

	
div#container-i ul,
div#container-i ol,
div#container-i li,
div#container-i p,
div#container-i dl,
div#container-i dt,
div#container-i dd,
div#container-i form,
div#container-i textarea,
div#container-i strong {
	font-weight:normal;
	font-size:100%;
	}
	
div#container-i a,
div#container-i table,
div#container-i images {
	border:none;
	}

div#container-i ul,
div#container-i ol,
div#container-i li {
	list-style:none;
	}

div#container-i a {
	text-decoration:none;
	color:inherit;
	}
	
	
	
div#container-i p.to-top {
	text-align:right;
	font-size:80%;
	background-image:url(../images/to_top.gif);
	background-position:465px 7px;
	background-repeat:no-repeat;
	vertical-align:bottom;
	clear:both;
	}
	
div#container-i dt.dt-nomal {
	font-weight:normal;
	font-size:100%;
	border-bottom:2px solid #68bfcd;
	font-weight:bold;
	color:#0099FF;
	padding:5px 0 0px 5px;
	}
	
div#container-i .red {
	color:#ff6666;
	}
	
div#container-i .center {
	text-align:center;
	}
	
div#container-i .small {
	font-size:80%;
	}
	
.border-b {
	border-bottom:1px solid #ccc;
	}
	
/******************************

font-size

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

/*
12pt - 120%
11pt - 115%
10pt - 100%
8pt - 80%
*/
	
/******************************

LINK

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

/* common
******************************/

div#container-i a:link {text-decoration: none; color: #0033cc;}
div#container-i a:visited {text-decoration: none; color: #996699;}
div#container-i a:hover {text-decoration: none; color: #0099ff;}
div#container-i a:active {text-decoration: none; color: #0099ff;}

/* menu
******************************/

/* common */

div#container-i a:link {text-decoration: none; color: #0033cc;}
div#container-i a:visited {text-decoration: none; color: #996699;}
div#container-i a:hover {text-decoration: none; color: #0099ff;}
div#container-i a:active {text-decoration: none; color: #0099ff;}

	
/* #feautures-link-box */

div#container-i ul#feautures-link-box li a {
	background-color:#FFFFFF;
	}
	
div#container-i ul#feautures-link-box li a:hover {
	background-color:#d7e5fa;
	background-image:url(../images/ico_arrow_fe.gif);
	background-position:3px 4px;
	background-repeat:no-repeat;
	}
	
/*********************************

padding

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

div#container-i .l5 {
	padding-left:5px;
	}

div#container-i .l10 {
	padding-left:10px;
	}
	
div#container-i .l15 {
	padding-left:15px;
	}
	
div#container-i .l110 {
	padding-left:110px;
	}
	
div#container-i .l264 {
	padding-left:264px;
	}
	
div#container-i .r5 {
	padding-right:5px;
	}
	
div#container-i .r10 {
	padding-right:10px;
	}
	
div#container-i .t10 {
	padding-top:10px;
	}
	
div#container-i .t30 {
	padding-top:30px;
	}
	
div#container-i .b5 {
	padding-bottom:5px;
		}
	
div#container-i .b10 {
	padding-bottom:10px;
		}

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

margin

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

div#container-i .ml5 {
	margin-left:5px;
	}

div#container-i .ml10 {
	margin-left:10px;
	}

div#container-i .mr10 {
	margin-right:10px;
	}

div#container-i .mt10 {
	margin-top:10px;
	}

div#container-i .mb10 {
	margin-bottom:10px;
	}
	
div#container-i .mb20 {
	margin-bottom:20px;
	}
	
/*-----------------------------------------------------

layout

-------------------------------------------------------*/	

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

 common-layout
 
*********************************/

div#container-i {
	width:540px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
	
div#container-i div#header {
	width:540px;
	}

div#container-i div#main-wrap {
	width:540px;
	}
	
div#container-i div#main {
	border:1px solid #ccc;
	}
	
div#container-i div#contents {
	padding:10px;
	clear:both;
	}
	
div#container-i div.cont-block {
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	clear:both;
	}

/*-----------------------------------------------------

top image

-------------------------------------------------------*/	

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

index.html
 
*********************************/

div#container-i div.index-page-img {
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	width:540px;
	height:140px;
	text-indent:-50000em;
	}
	
/********************************

page etc
 
*********************************/

div#container-i div.other-page-img {
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	width:540px;
	height:140px;
	text-indent:-50000em;
	}
div#container-i div.other-page-img2 {
	background-image:url(../images/top2.jpg);
	background-repeat:no-repeat;
	width:540px;
	height:140px;
	text-indent:-50000em;
	}	
/*-----------------------------------------------------

page

-------------------------------------------------------*/	

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

index.html
 
*********************************/

div#container-i h2.index-h2 {
	background-image:none;
	height:auto;
	padding:0 0 0 0;
	color:#000;
	}
	
div#container-i h2.index-h2 strong {
	font-weight:bold;
	}
	
div#container-i dl.index-cont-dl {
	}
	
div#container-i dl.index-cont-dl dt {
	border-top:2px solid #68bfcd;
	background-color:#cdf0f6;
	font-weight:bold;
	font-size:115%;
	color:#0099FF;
	padding:5px 0 0px 5px;
	}
	
div#container-i dl.dl-column dt.index-dt {
	border-bottom:1px dotted #996600;
	color:#996600;
	padding:5px 0 3px 20px;
	background-image:url(../images/index_03.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
	
div#container-i dl.dl-column dd ol.index-ol {
	padding:0 0 0 25px;
	}
	
div#container-i dl.dl-column dd ol.index-ol li {
	list-style-type:decimal;
	}

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

system/index.html
 
*********************************/

div#container-i div.sys-box {
	width:508px;
	clear:both;
	}
	
div#container-i div.sys-box:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div#container-i div.sys-box {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
	
div#container-i div.sysbox-left {
	width:254px;
	float:left;
	}
	
div#container-i div.sysbox-right {
	width:254px;
	float:right;
	}
	
div#container-i div.sysbox-left-border {
	padding:0 10px 0 0;
	}
	
div#container-i div.sys-border-l {
	border-right:1px solid #ccc;
	}
	
div#container-i div.sysbox-right-border {
	padding:0 0 0 10px;
	}
	
div#container-i div.sys-border-r {
	border-left:1px solid #ccc;
	}
	
div#container-i div.sys-border-b {
	border-bottom:1px solid #ccc;
	}
	
div#container-i div.sys-box h4 {
	text-indent:-50000em;
	border:none;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
	

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

feauture common
 
*********************************/

div#container-i p.bread {
	border-bottom:1px solid #ccc;
	}
	
div#container-i ul#feautures-link-box {
	}
	
div#container-i ul#feautures-link-box li {
	display:block;
	width:250px;
	}
	
div#container-i ul#feautures-link-box li a {
	width:250px;
	display:block;
	padding-left:10px;
	}
	
div#container-i ul#feautures-link-box li.feautures-on {
	padding-left:10px;
	background-color:#d7e5fa;
	background-image:url(../images/ico_arrow_fe.gif);
	background-position:3px 4px;
	background-repeat:no-repeat;
	}
	
/********************************

feauture/index.html
 
*********************************/

div#container-i div.feautures-box {
	width:518px;
	clear:both;
	}
	
div#container-i div.feautures-box:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div#container-i div.feautures-box {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
	
div#container-i div.feautures-box div.fbox-left {
	width:254px;
	float:left;
	}
	
div#container-i div.feautures-box div.fbox-left a {
	padding:15px 0 15px 0;
	}
	
div#container-i div.feautures-box div.fbox-right {
	width:254px;
	float:right;
	}
	
div#container-i div.feautures-box div.fbox-right a {
	padding:15px 0 15px 0;
	}
	
div#container-i div.feautures-box div p {
	border-top:2px solid #68bfcd;
	background-color:#cdf0f6;
	font-weight:bold;
	font-size:115%;
	color:#0099FF;
	padding:0px 5px 0px 5px;
	background-image:url(../images/dt_arrow.gif);
	background-repeat:no-repeat;
	background-position:220px 9px;
	}
	
div#container-i div.feautures-box div p a{
	display:block;
	width:244px;
	font-weight:bold;
	}
	
/********************************

control01/index.html
 
*********************************/

div#container-i div.con1-box {
	width:518px;
	clear:both;
	}
	
div#container-i div.con1-box:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div#container-i div.con1-box {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
	
div#container-i div.con1box-left {
	width:254px;
	float:left;
	}
	
div#container-i div.con1box-right {
	width:254px;
	float:right;
	}
	
div#container-i div.con1-box p strong {
	font-weight:bold;
	}
	
/********************************

control02/index.html
 
*********************************/

div#container-i div.con2-box {
	width:500px;
	clear:both;
	}
	
div#container-i div.con2-box:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div#container-i div.con2-box {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
	
div#container-i div.con2box-left {
	width:250px;
	float:left;
	}
	
div#container-i div.con2box-right {
	width:250px;
	float:right;
	}
	
div#container-i div.con2-box p strong {
	font-weight:bold;
	}
	
div#container-i div.con2box-left2 {
	width:250px;
	float:left;
	}
	
div#container-i div.con2box-right2 {
	width:250px;
	float:right;
	}
	
div#container-i div.con2box-left-border {
	padding:0 10px 0 0;
	}
	
div#container-i div.con2-border-l {
	border-right:1px solid #ccc;
	}
	
div#container-i div.con2box-right-border {
	padding:0 0 0 10px;
	}
	
/********************************

web/index.html
 
*********************************/
	
strong.webcap {
	font-weight:bold;
	color:#0099cc;
	}
	
strong.webcap2 {
	font-weight:bold;
	color:#0099cc;
	font-size:100%;
	}
	
/********************************

ppd/index.html
 
*********************************/
	
div#container-i div.ppd-box {
	width:500px;
	clear:both;
	}
	
div#container-i div.ppd-box:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div#container-i div.ppd-box {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
	
div#container-i div.ppdbox-left {
	width:290px;
	float:left;
	}
	
div#container-i div.ppdbox-right {
	width:210px;
	float:left;
	}
	
div#container-i div.ppdbox-left-border {
	padding:0 10px 0 0;
	}
	
div#container-i div.ppd-border-r {
	border-left:1px solid #ccc;
	}
	
div#container-i div.ppdbox-right-border {
	padding:0 0 0 10px;
	}
	
div#container-i strong.ppd-st {
	font-weight:bold;
	font-size:100%;
	}
	
strong.ppdcap {
	font-weight:bold;
	color:#0099cc;
	}

/* --- List with Picture  --- */
#innerContentsContainer div.PicUl-1a {
	float : left;
	width : 190px;
}

#innerContentsContainer div.PicUl-1b {
	float : left;
	width : 318px;
}

#innerContentsContainer div.PicUl-2a {
	float : left;
	width : 250px;
} 

#innerContentsContainer div.PicUl-2b {
	float : left;
	width : 258px;
} 

#innerContentsContainer div.PicUl-1a p,
#innerContentsContainer div.PicUl-2a p {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 12px 0px;
}

#innerContentsContainer div.PicUl-1b ul,
#innerContentsContainer div.PicUl-2b ol {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 8px 0px;
}

#innerContentsContainer div.PicUl-1b ul li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 4px 10px;
	color : #333333;
	font : 91.6%/120% Geneva, Arial, Helvetica, sans-serif;
	background : url(../images/list_mark.gif) no-repeat 0 3px;
}

#innerContentsContainer div.PicUl-2b ol li {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 4px 0px;
	color : #333333;
	font : 91.6%/120% Geneva, Arial, Helvetica, sans-serif;
}
.midasi {
	font-weight:bold;
	font-size:100%;
	font-weight:bold;
	color:#1D649E;
	padding:10px 0 5px 0px;
	}
	
div#container-i div.index-box {
	width:500px;
	clear:both;
	}
	
div#container-i div.index-box:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.index-box-l {
	width:240px;
	float:left;
	border:solid #CCCCCC 1px;
	}
	
.index-box-r {
	width:240px;
	float:right;
	border:solid #CCCCCC 1px;
	}
	
	
div#container-i  p {
	padding:0 10px 0 10px;
	}
div#container-i  p {
	padding:0 10px 0 10px;
	}

div#container-i table.table01,
div#container-i table.table02{
	width:500px;
	margin:5px 0 10px 0;
}

div#container-i table.table01{
	border-left:1px solid #27776C;
	border-top:1px solid #27776C;
}

div#container-i table.table02{
	border-left:1px solid #466796;
	border-top:1px solid #466796;
}

div#container-i table.table01 th,
div#container-i table.table02 th{
	font-weight:bold;
	padding:2px;
	font-size:85%;
}

div#container-i table.table01 th{
	background-color:#5ABEB6;
	border-right:1px solid #27776C;
}

div#container-i table.table02 th{
	background-color:#80A6CE;
	border-right:1px solid #466796;
}

div#container-i table.table01 td,
div#container-i table.table02 td{
	padding:2px;
	font-size:85%;
}

div#container-i table.table01 td{
	border-bottom:1px solid #27776C;
	border-right:1px solid #27776C;
	background-color:#D9F1EA;
}

div#container-i table.table02 td{
	border-bottom:1px solid #466796;
	border-right:1px solid #466796;
	background-color:#D9E5F0;
}
div#container-i h3.bacnet-catch {
	font-weight:bold;
	border:none;
	background-color:#FFFFFF;
	font-size:100%;
	padding:0;
	color:#333;
	}
	
div#container-i div.bacnet-box {
	width:500px;
	clear:both;
	}
	
div#container-i div.bacnet-box:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div#container-i div.bacnet-box {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
	
div#container-i div.bacnetbox-left {
	width:250px;
	float:left;
	}
	
div#container-i div.bacnetbox-right {
	width:250px;
	float:right;
	}
	
div#container-i div.bacnetbox-left-border {
	padding:0 10px 0 0;
	}
	
div#container-i div.d-border-l {
	border-right:1px solid #ccc;
	}
	
div#container-i div.bacnetbox-right-border {
	padding:0 0 0 10px;
	}
	
div#container-i div.d-border-r {
	border-left:1px solid #ccc;
	}
	
div#container-i div.d-border-b {
	border-bottom:1px solid #ccc;
	}


	
div#container-i dl.bacnet-column {
	padding:5px 10px;
	border:1px solid #ff6666;
	clear:both;
	}
	
div#container-i dl.bacnet-column dt {
	border-bottom:1px dotted #ff6666;
	color:#ff6666;
	padding-bottom:3px;
	}
	
div#container-i dl.bacnet-column dd ul li {
	list-style:disc;
	list-style-position:inside;
	}
	
div#container-i dl.bacnet-column dd ul.bacnet-ul li {
	list-style:none;
	display:block;
	list-style-position:outside;
	}
.new {
font-size:80%;
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;
padding:0 2px 0 2px;
margin:0 0 0 10px;
}
.columnCopy p {
font-size:75%;
	}