@charset "utf-8";

/*
 * MDS Co.,Ltd.
 * Description:	CSS file for screen
 * Filename:		common.css
 * Version:		1.0
 * Author: 		mds directors
 * Last Up Date:	26/08/2008	
 *

 * Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
	
	@media screen {

*{
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
    background: #e2e9ec;
	color: #000;
    font-size: small;
	font-family: Verdana, Arial, sans-serif;
}
#container{
	display: block;
	margin: 0 auto;
	padding: 0px;
	color: #000;
}
/************* block element ****************/

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
	display: block;
}

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

#header{
	float: none;
	width: 100%;
}
#header-area {
	display: block;
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
}
#header-primary {
	display: block;
	float: left;
	width: 100%;
	padding: 5px 0px 5px 0px;
}
#header-secondary {
	display: block;
	float: left;
	width: 100%;
	padding: 5px 0px 0px 0px;
}
#header-logo{
	float: left;
	width: 340px;
	margin: 0px;
	padding: 0px;
}
#header-title{
	float: left;
	width: 330px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	color: #009a66;
}
#header-news{
	float: left;
	width: 600px;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}
#header-slogan{
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#header-accessibility{
	display: block;
	float: right;
	padding: 0px 10px 0px 0px;
}
#header-function{
	float: right;
	padding: 0px 10px 0px 0px;
}

/************* main-menu styles ****************/

#nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	display: inline;
}
.nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.nav li {
	display: inline;
}

/************* wrapper styles ****************/	
#wrapper {
	display: block;
	float: none;
}
#flash-area {
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
}
#gloval-nav {
	float: none;
	width: 960px;
	margin: 0 auto;
}
#content {
	float: none;
	width: 955px;
	margin: 0 auto;
	padding: 0px;
}
#main-content{
	display: block;	
	float: left;
	width: 700px;
	margin: 0 auto;
	padding: 5px 5px 5px 0px;
}
#main-menu{
	padding: 0px 0px 0px 15px;
}
#side-menu{
	display: block;
	float: left;
	width: 250px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	color: #696969;
	text-align: left;
}
.wrapper-build{
	background: url('../images/wrapper_building.jpg') no-repeat;
	display:block;
	float: left;
	width: 100%;
	height: 8px;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}
.wrapper-wall{
	background: url('../images/wrapper_wall.jpg') repeat-y;
	text-align:left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.wrapper-wall-inner{
	text-align:left;
	float:left;
	margin:0px;
	padding-left: 10px;
	width:950px;
}
.wrapper-bottom{
	background: url('../images/wrapper_bottom.jpg') no-repeat;
	float:left;
	width: 100%;
	min-height: 10px;
}
.content-build{
	background: url('../images/content_building.jpg') no-repeat;
	position:relative;
	display:block;
	float:left;
	width:100%;
	height: 10px;
	margin:0px;
	padding:0px;
	font-size: 8px;
}
.content-wall{
	background: url('../images/content_wall.jpg') repeat-y;
	text-align:left;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
.content-wall-inner{
	text-align:left;
	float:left;
	margin:0px;
	padding-left:10px;
	width:670px;
}
.content-bottom{
	background: url('../images/content_bottom.jpg') no-repeat;
	float:left;
	width:100%;
	height:10px;
}
.side-menu-build{
	background: url('../images/side_menu_building.jpg') no-repeat;
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:8px;
	margin:0px;
	padding:0px;
	font-size:5px;
}
.side-menu-wall{
	background: url('../images/side_menu_wall.jpg') repeat-y;
	text-align:left;
	float: left;
	margin:0px;
	padding:0px;
	width:100%;
}
.side-menu-wall-inner{
	text-align:left;
	float:left;
	margin:0px;
	padding-left:5px;
	width:235px;
}
.side-menu-bottom{
	background: url('../images/side_menu_bottom.jpg') no-repeat;
	float:left;
	width:100%;
	height:13px;
	padding-bottom:5px;
}
#sectionLinks{
    float:left;
    width:100%;
    list-style-type:none;
    width: 215px;
    margin-left:10px;
}
#sectionLinks,#sectionLinks li,#sectionLinks li a{
    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;
}
/************* footer styles ****************/
#footer{
	float: none;
	width: 100%;
}
#footer-area {
	display: block;
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}
#footer-menu{
	display:block;	
	position:relative;
	text-align:center;
	width:100%;
	display: inline;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size: x-small;
}
#footer-address{
	float: left;
	margin:0px;
	padding:10px; 
	line-height:150%;
	font-size: x-small;
}
#copyright{
	float: left;
	text-align: center;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size: x-small;
}
/************* links ****************/

a:link.menu,a:visited.menu,a:active.menu  {
	color:#FFFFFE;
}
a:hover.menu{
	color:#ddffff;
	text-decoration:underline;
}
a:link,a:visited {
	color:#3399ff;
	text-decoration:underline;
}
a:hover {
	color:#ff9900;
	text-decoration:underline;
}

/************* hx styles ****************/
h1 {
	background: url('../images/h1_001.jpg') no-repeat;
	font-size:18px;
	color: #fff;
	margin: 5px 0px 5px 0px;
	padding: 15px 0px 15px 25px;
}
h1.top {
	font-size:12px;
	font-weight: normal;
	color:#696969;
	border-style:none;
	text-align:left;
	margin:-10px 0px -10px 0px;
	padding:0px 0px 0px 7px;
}
h2 {
	background: url('../images/h2_001.jpg') no-repeat;
	font-size:16px;
	color : #666;
	margin: 5px 0px 5px 0px;
	padding: 15px 0px 15px 25px;
}
h2.common {
	background-image: none;
}
h3 {
	font-size:14px;
	color:#447CB5;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 25px;
	border-left: 5px solid #447CB5;
	border-bottom: 1px solid #ccc;
}
h3.common {
	border: none;
}
h4 {
	font-size:14px;
	color:#447CB5;
	margin: 0px;
	padding: 5px 0px 5px 10px;
}
h5 {
	font-size:12px;
	border-style:none;
	color : #696969;
	padding:20px 0px 0px 25px;
	margin:0px;
}
ul{
	list-style-type: none;
}
ul.sitemap{
	list-style-image: url(../images/arrow_03.gif);
	margin:5px 0px 0px 0px;
	padding-left:50px;
}
p{
	margin:0px;
	padding:5px 10px 5px 20px;
	text-align:left;
/* text-indent:1em; */
	line-height:165%;
}


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

#extra{
	text-align:left;
	float:left;
	margin:0px;
	width:480px;
	padding:0px 0px 0px 0px;
	border: 1px solid #E0D0B1;
	border-top:none;
}
img {
	border: none;
}

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