/*	-------------------------------------------------------------
	MDS Co.,Ltd.
	Description:	CSS file for screen media
	Filename:		master.css
	Version:		1.0
	Author: 		mds directors
	Date:			27/10/2006
	-------------------------------------------------------------	*/

*{
    margin:0px;
    padding:0px;
}
body {
    background: #dee5de;
    color:#000;
    font-size:small;
    font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "verdana";
    margin:0px;
    padding:0px;
}

#container{
    margin: 0 auto;
    background:#fff;
    color:#000;
    position:relative;
    display:block;
    width:840px;
    padding:0px;
}

/************* header styles ****************/

#header{
    background:#fff;
    display:block;
    width:100%;
}
#header-inner{
    background: transparent url(../images/header_bg.jpg) no-repeat;
    font-size:12px;
    display:block;
    float:left;
    width:840px;
    height:150px;
    border-bottom:none;
}
#header-logo{
    background: transparent;
    position:relative;
    display:block;
    float:left;
    text-align:left;
    margin:20px 10px 0px 10px;
    padding:0px;
    width:100px;
}
#header-announcement{
    font-size:12px;
    position:relative;
    display:block;
    text-align:left;
    width:50%;
    padding:30px 0px 19px 0px;
    float:left;
    line-height:135%;
}
#header-accessibility{
    background: transparent;
    display:block;
    text-align:right;
    width: 270px;
    height:0px;
    padding:5px 0px 0px 0px;
    float:left;
}
#header-function{
    background: transparent url(../images/hd_function_bg.jpg) no-repeat;
    background-position: right; 
    font-size:12px;
    position:relative;
    display:block;
    width:100%;
    height:44px;
    padding:10px 10px 0px 0px;
    float:left;
    text-align:right;
}
#header-menu{
    font-size:12px;
    position:relative;
    display:block;
    text-align:left;
    width:100%;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:right;
}


/************* global-menu styles ****************/

#global-menu{
    background:transparent;
    display:block;	
    position:relative;
    text-align:left;
    width:830px;
    display:inline;
    float:left;
    margin:0px 0px 10px 2px;
    padding:0px;
}
#nav {
    list-style-type: none;
    margin:0px;
    padding:0px;
}
#nav li {
    display: inline;
}
#navi a,#navi{
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    background:#ffffff;
    padding: 1px 5px 1px 3px;
}
#navi a:hover {
    color: #ffffff;
}
#sectionLinks{
    float:left;
    width:100%;
    list-style-type:none;
    margin-left:10px;
}
#sectionLinks,#sectionLinks li,#sectionLinks li a{
    padding:0px;
    list-style-type:none;
}

#sectionLinks li{
    display:block;
}
#sectionLinks li a{
    display:block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    color: #3399ff;
    background:#fff;
    text-decoration:none;
    padding:10px 0px 10px 10px;
}	
#sectionLinks li a:hover{
    background:#DDEEFF;
    clear:left;
}
.sectionLinks{
    float:left;
    width:100%;
    list-style-type:none;
    margin-left:10px;
}
.sectionLinks,.sectionLinks li,.sectionLinks li a{
    padding:0px;
    list-style-type:none;
}

.sectionLinks li{
    display:block;
}
.sectionLinks li a{
    display:block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    color: #3399ff;
    background:#fff;
    text-decoration:none;
    padding:10px 0px 10px 10px;
}	
.sectionLinks li a:hover{
    background:#DDEEFF;
    clear:left;
}
#relatedLinks a {
	background-color:#fafbff;
	display: block;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
    padding:10px 0px 10px 10px;
}
#relatedLinks-top{
	border-top: 1px solid #cccccc;
}
#relatedLinks a:hover{
	background-color: #ddeeff;
	color : #3399ff;
	text-decoration : underline;	
}

/************* table styles ****************/	

table.news {
    width: 530px;
    border: 1px solid #E0D0B1;
    border-bottom: none;
    background-color: transparent;
    margin-left:10px;
}
td.brown {
    padding: 5px 10px 5px 10px;
    text-align:left;
    line-height:150%;
    background-color: #ffffff;
}
td.white {
    padding: 5px 10px 5px 10px;
    text-align:left;
    line-height:150%;
    background-color: #ffffff;
}
td.bottom {
    padding: 5px 10px 5px 10px;
    text-align:left;
    line-height:150%;
    border-bottom: 1px solid #E0D0B1;
}

/************* wrapper styles ****************/	
#wrapper{
    background: #fff;
    display:block;
    float:left;
    width:100%;
}
#wrapper-inner-build{
    background: transparent url(../images/wrapper_bg_build.jpg) no-repeat;
    float:left;
    position:relative;
    display:block;
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
    font-size:10px;
}
#wrapper-inner{
    background: transparent url(../images/wrapper_bg.jpg) repeat-y;
    display:block;
    float:left;
    width:840px;
    border-bottom:none;
}
#wrapper-inner-bottom{
    background: transparent url(../images/wrapper_bg_bottom.jpg) no-repeat;
    float:left;
    position:relative;
    display:block;
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
    font-size:10px;
    height:15px;
}
#topic{
    background: transparent;
    text-align:left;
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
}
#products{
    background-color: transparent;
    color:#696969;
    position:relative;
    display:block;
    float:left;
    width:615px;
    margin:0px;
    padding:0px;
    font-size:12px;
}
		
#content{
    background-color: transparent;
    color:#696969;
    position:relative;
    display:block;
    float:left;
    width:620px;
}
#content-inner{
	width:580px;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 25px;
    line-height:150%;
}
.content-title{
	width:100%;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 15px;
    float:left;
    line-height:150%;
}
#content-primary{
	width:50%;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    line-height:150%;
}
#content-secondary{
	width:50%;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    line-height:150%;
}
.content-primary{
	width:35%;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    line-height:150%;
}
.content-secondary{
	width:65%;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    line-height:150%;
}
#content-services{
    color : #447CB5;
    margin:5px 0px 5px 0px;
    float:left;
    line-height:150%;
}
#content-design{
    color : #447CB5;
    margin:5px 0px 5px 0px;
    float:left;
    line-height:150%;
}
#content-systems{
    color : #447CB5;
    margin:5px 0px 5px 0px;
    float:left;
    line-height:150%;
}
#content-products{
    color : #447CB5;
    margin:5px 0px 5px 0px;
    float:left;
    line-height:150%;
}
#content-top{
    background-color: #eee;
    color:#696969;
    position:relative;
    display:block;
    float:left;
    width:620px;
}
#content-top-inner{
    background-color:#ffffff;
	width:405px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 3px;
    float:right;
    line-height:150%;
}
.content-build{
    background: transparent url('../images/content_building.gif') no-repeat;
    position:relative;
    display:block;
    float:left;
    width:100%;
    height:8px;
    margin:0px;
    padding:0px;
    font-size:10px;
}
.content-wall{
    background: transparent url('../images/content_wall.gif') repeat-y;
    text-align:left;
    float:left;
    margin:0px;
    padding:0px;
    width:100%;
}
.content-wall-inner{
    float:left;
    margin:0px;
    padding-right:30px;
}
.content-bottom{
    background: transparent url('../images/content_bottom.gif') no-repeat;
    float:left;
    width:100%;
    height:22px;
}
.contact-build{
    background: transparent url('../images/contact_building.gif') no-repeat;
    padding:0px;
    font-size:10px;
    float:left;
    margin:0px 0px 0px 5px;
    width:100%;
    height:15px;
}
.contact-wall{
    background: transparent url('../images/contact_wall.gif') repeat-y;
    float:left;
    text-align:left;
    margin:0px 0px 0px 5px;
    padding:0px;
    width:100%;
}
.contact-wall-inner{
	width:175px;
    float:left;
    margin:0px;
    padding-left:5px;
    line-height:125%;
}
.contact-bottom{
    background: url('../images/contact_bottom.gif') no-repeat;
    float:left;
    margin:0px 0px 0px 5px;
    width:100%;
    height:15px;
}
#sidebar{
    color:#696969;
    position:relative;
    display:block;
    text-align:left;
    float:left;
    width:210px;
    margin:0px 0px 0px 0px;
    padding:0px;
}
#leftbar{
    color:#696969;
    display:block;
    text-align:left;
    float:left;
    width:200px;
    margin:0px 0px 0px 1px;
    padding:0px;
}
.nav-build{
    background: transparent url('../images/nav_building.gif') no-repeat;
    position:relative;
    display:block;
    float:left;
    width:100%;
    height:8px;
    margin:0px;
    padding:0px;
    font-size:5px;
}
.nav-wall{
    background: transparent url('../images/nav_wall.gif') repeat-y;
    text-align:left;
    float:left;
    margin:0px;
    padding:0px;
    width:100%;
}
.nav-wall-inner{
    text-align:left;
    float:left;
    margin:0px;
    padding-left:15px;
    width:180px;
}
.nav-bottom{
    background: transparent url('../images/nav_bottom.gif') no-repeat;
    float:left;
    width:100%;
    height:13px;
    padding-bottom:5px;
}


/************* footer styles ****************/
#footer{
    background: transparent;
    position:relative;
    display:block;
    float:left;
    width:100%;

    margin:0px;
    padding:0px;
}
#footer-inner{
    background: transparent url(../images/header_bg.jpg) no-repeat;
    display:block;
    float:left;
    width:840px;

}
#footer-menu{
    background: transparent;
    display:block;	
    position:relative;
    text-align:right;
    width:820px;
    display: inline;
    float:left;
    margin:10px 0px 0px 0px;
    padding:0px;
}
#footer-address{
    background: transparent;
    color:#000;
    width:820px;
    float:right;
    margin:0px 10px 0px 0px;
    padding:0px; 
    line-height:150%;
}
#copyright{
    background: transparent;
    color:#000;
    float:right;
    margin:0px;
    padding:0px;
	font-style :normal;
}
address{
	font-style :normal;	
    float:left;
}
/************* links ****************/

a:link.menu,a:visited.menu,a:active.menu  {
    color:#FFFFFF;
}
a:hover.menu{
    color:#ddffff;
	text-decoration:underline;
}
a:link,a:visited {
    color:#3399ff;
	text-decoration:none;
}
a:hover {
    color:#ff9900;
    text-decoration:underline;
}
/************* faq styles ****************/
		
.question{
    width:560px;
    color:#09f;
	background-color : #eeeeee;
    text-align:left;
    float:left;
    margin:0px;
    padding:10px 0px 10px 10px;
}
.answer{
    width:560px;
    line-height:165%;
    text-align:left;
    float:left;
    margin:0px;
    padding:10px 0px 10px 0px;
}
/************* hx styles ****************/

h1 {
    background-image: url(../images/hx/h1_001.gif);
    background-repeat:no-repeat;
    font-size:18px;
    color:#447CB5;
    border-style:none;
    text-align:left;
    height: 40px;
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 25px;
}
h1.top {
    background-image:none;
    font-size:18px;
    color:#696969;
    border-style:none;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
h2 {
    background: transparent;
    font-size:16px;
    text-align:left;
    border-left:5px solid #3399ff;
    color : #447CB5;
    height: 15px;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 10px;
}
h2.top {
    background: transparent;
    font-size:16px;
    text-align:left;
    border-style : none;
    color : #447CB5;
    margin:0px 0px 5px 1px;
    padding:5px 0px 5px 10px;
}
h2.news {
    background: #eee;
    font-size:16px;
    text-align:left;
    color : navy;
    height: 20px;
    margin:0px 0px 10px 0px;
    padding:5px 0px 0px 25px;
}
h3 {
    font-size:14px;
    text-align:left;
    border-style : none;
    color:#447CB5;
    height:15px;
    margin:0px 0px 5px 0px;
    padding:10px 0px 5px 10px;
}
h3.products {
    background-image: url(../images/hx/h3_001.gif);
    background-repeat:no-repeat;
    font-size:14px;
    text-align:left;
    border-style : none;
    color:#447CB5;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 5px 45px;
}
h4 {
    background-image: url(../images/h4_001.gif);
    background-repeat: no-repeat;
    font-size:13px;
    border-style:none;
    color:#447CB5;
    height:30px;
    padding:3px 0px 0px 10px;
    margin:0px;	
}
h4.sitemap {
    background-image: url(../images/hx/h4_002.gif);
    background-repeat: no-repeat;
    font-size:13px;
    border-style:none;
    color:#447CB5;
    height:35px;
    padding:8px 0px 0px 20px;
    margin:0px;	
}
h5 {
    font-size:12px;
    border-style:none;
    color : #696969;
    padding:0px 0px 0px 25px;
    margin:0px;
}

p{
    margin:0px;
    padding:5px 10px 5px 10px;
    text-align:left;
/* text-indent:1em; */
    line-height:165%;
}


/************* extra styles ****************/
		

#page-root{
    float:left;
    text-align:left;
    width:100%;
    padding:0px;
}
.page-top{
    text-align:right;
    float:right;
}
#page-top{
    text-align:right;
    float:right;
}
.right{
    text-align:right;
    margin:0px;
}
.required_mark{
    color:#f33;
}
.error_list{
    color:#f33;
}