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

	@media screen,print {

*{
    margin:0px;
    padding:0px;
}
body {
    background:#ffffff;
    color:#696969;
    font-size:12px;
    font-family:Verdana, Arial, sans-serif;
    text-align:center;
    margin:0px;
    padding:0px;
}
td{
    font-size:12px;
    font-family:Verdana, Arial, sans-serif;
}
p{
    margin:0px;
    padding:0px 30px 0px 20px;
    text-indent:1em;
}
ul{
    list-style-type:none;
}
#container{
    background:#ffffff;
    color:#696969;
    position:relative;
    display:block;
    width:800px;
    margin:0 auto;
}

/************* topbar styles ****************/

#topbar{
    background-image: url(../img/header_bg01.jpg);
    position:relative;
    display:block;
    float:left;
    width:100%;
    border-width: 1px 1px 0px 1px;
    border-style: solid; 
}
#logo{
    background:transparent;
    position:relative;
    display:block;
    float:left;
    width:30%;
    padding-top:8px;
}
#announcement{
    position:relative;
    display:block;
    text-align:left;
    width:45%;
    padding:40px 0px 0px 0px;
    float:left;
}
#icon{
    position:relative;
    display:block;
    text-align:left;
    padding:30px 0px 0px 0px;
    width:25%;
    float:left;
}

/************* accessibilitybar styles ****************/

#accessibilitybar{
    background:#ffffff;
    display:block;	
    position:relative;
    text-align:left;
    width:100%;
    margin:0px;
    display: inline;
    float:left;
    clear:left;
}
#accessibilitybar ul{
    margin:0px;
    padding:10px;
}
#navi {
    margin:0px;
    padding:0px;
}
#navi li {
    display: inline;
}
#navi a,#navi{
    color: #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    background:#66bb33;
    padding: 10px 10px 10px 3px;
}
#navi a:hover {
    background: #dcf4a4;
    color: #61b833;
}
#content{
    background-color: #ffffff;
    color:#696969;
    position:relative;
    display:block;
    float:left;
    width:100%;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

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

#extra{
    background-color: #ffffff;
    text-align:left;
    width:200px;
    float:left;
    margin:0px;
    padding:0px;
}
#sectionLinks{
    float:left;
    width:100%;
    list-style-type:none;
}
#sectionLinks,#sectionLinks li,#sectionLinks li a{
    margin:0px;
    padding:0px;
}
#sectionLinks li{
    _display:block;
}
#sectionLinks li a{
    display:block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    color: #3399ff;
    background:#eeeeee;
    text-decoration:none;
    padding:10px 0px 10px 10px;
}	
#sectionLinks li a:hover{
    border:1px solid #cccccc;
    background:#DDEEFF;
    clear:left;
}
#news {
    position:relative;
    display:block;
    float:left;
    width:100%;
    padding-top : 5px;
    padding-bottom : 5px;
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
/************* login styles ****************/
#login {
    position:relative;
    display:block;
    float:left;
    width:100%;
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
#logintxt{
    float:left;
    width:70%;
    padding-top : 5px;
    padding-bottom : 5px;
}
#loginbtn{
    float:left;
    width:30%;
    padding-top : 5px;
    padding-bottom : 5px;
}
#loginmsg{
    float:left;
    width:100%;
    padding-top : 5px;
    padding-bottom : 5px;
}
#maincontent{
    background:transparent;
    color:#696969;
    position:relative;
    display:block;
    width:580px;
    float:right;
    padding:5px;
}
#col1 {
    position:relative;
    display:block;
    width:100%;
    float:left;
    text-align:left;
    line-height:150%;
    margin-top:5px;
    margin-bottom:5px;
}
#col2 {
    position:relative;
    display:block;
    width:578px;
    float:left;
    text-align:left;
    margin-top:5px;
    margin-bottom:5px;
}
#attention{
    position:relative;
    color:#000;
    background: #ffffff url(../img/attention_01.jpg) no-repeat left top;
    height:166px;
    float:left;
}
#col2info{
    padding:70px 10px 0px 0px;
	width:418px;
    line-height:150%;
    float:right;
}
#box {
    background-image: url(../img/box_01.gif);
    background-repeat: no-repeat;
    border-style : none;
    color:#447CB5;
    height:150px;
    margin:0px 0px 0px 0px;
    padding:0px 20px 0px 0px;
}
#inner_box {
    font-size:12px;
    border-style : none;
    line-height:135%;
    color:#447CB5;
    width:250px;
    margin:0px;
    padding:20px 10px 0px 20px;
}
#demoimg{
    float:left;
    width:50%;
    padding:0px;
}
#demotxt{
    float:right;
    width:50%;
    padding-top:15px;
}		
#pageroot{
    float:left;
    text-align:right;
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
}
/************* footer styles ****************/

#footer{
    background-image: url(../img/header_bg01.jpg);
    position:relative;
    display:block;
    float:left;
    width:100%;
    border: 1px solid #696969;
    padding:10px 0px 10px 0px;
}

/************* 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;
}

/************* hx styles ****************/

H1 {
    background-image: url(../img/h1_001.gif);
    background-repeat:no-repeat;
    font-size:18px;
    color:#447CB5;
    border-style:none;
    text-align:left;
    height: 40px;
    margin:0px 0px 10px 0px;
    padding:10px 0px 5px 25px;
}
H2 {
    background-image: url(../img/h2_001.gif);
    background-repeat: no-repeat;
    font-size:16px;
    text-align:left;
    border-style : none;
    color : #447CB5;
    height: 30;
    margin:0px 0px 10px 0px;
    padding:8px 0px 0px 25px;
}
H3 {
    font-size:14px;
    text-align:left;
    background-image: url(../img/h3_001.gif);
    background-repeat: no-repeat;
    border-style : none;
    color:#447CB5;
    height:30px;
    margin:10px 0px 10px 0px;
    padding:8px 0px 0px 25px;
}
H3.faq {
    font-size:14px;
    text-align:left;
    background:#447CB5;
    border-style : none;
    color:#ffffff;
    height:20px;
    margin:5px 0px 5px 0px;
    padding:3px 0px 3px 20px;
}
H4 {
    background-image: url(../img/h4_001.gif);
    background-repeat: no-repeat;
    font-size:13px;
    border-style:none;
    color:#447CB5;
    height:30;
    padding:3px 0px 0px 10px;
    margin:0px;	
}

H5 {
    font-size:12px;
    border-style:none;
    color : #447CB5;
    padding:0px 0px 0px 10px;
    margin:0px;
}
}