@charset "utf-8";

/*===================================
	0. body style definition	
=====================================*/
*{
margin:0;
padding:0;
font-size:100%;
}
body{
width:960px;
margin:0 auto;
padding:0;
border-right:solid 2px #000;
border-left:solid 2px #000;
background-color:#fff;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.6;
text-align:center;
}
/*IE6*/* html body{
background-image:url(../cmn/header.gif);
}

/*===================================
	1. image,text,orher style	
=====================================*/
img{
float:left;
border:0;
}	
img a:link,img a:hover{
border:0;
background:none;
}
.imgC{
float:none;
}
.imgR{
float:right;
}
a.external,a.external:hover{	
padding-right:35px;
background:url(../cmn/ico_external.png) no-repeat 100% 30%;
text-decoration:none;
}
/*IE6*/* html a.external,* html a.external:hover{
background-image:url(../cmn/external.gif);
}
li{
list-style-type:none;
}
p{
padding:5px 0;
}
fieldset{
border:0;
}
.clearfix:after{
content: ".";
display: block;
clear:both;
height:0;
visibility: hidden;
}	
.clearL{
clear:left;
}
.alignC{
text-align:center;
}
.alignR{
text-align:right;
}
.strong{
font-weight:bold;
}
.noclear{
clear:none;
}
.dno{
display:none;
}
#header,
#container,
#footer,
#topicPath,
h1,h2,h3,h4,h5{
clear:both;
}

/*===================================
*	2. header Area style
===================================*/
#header{
width:960px;
height:80px;
margin:0 auto;
border-bottom:solid #000 2px;
background:#6D9A41;
text-align:left;
}
* html #header{
width:964px;
border-right:solid 2px #000;
border-left:solid 2px #000;
}
h1{
padding:10px 0 0 10px;
}
h1 img{
margin-right:20px;
background:url(../cmn/company_title.png) no-repeat 0 0;
}
* html h1 img{
background-image:url(../cmn/company_title.gif);
}
h1 span{
display:block;
margin:20px 0 0 0;
color:#fff;
font-size:75%;
}
#header fieldset{
float:right;
margin:-50px 20px 0 0;
font-size:75%;
}
	
/*===================================
*	3. globalNav Area style
===================================*/
ul.MenuBarHorizontal{
height:23px;
margin:0 auto;
}
ul.MenuBarActive{
z-index:1000;
}
ul.MenuBarHorizontal li{
float:left;
font-size:75%;
text-align:center;
}
ul.MenuBarHorizontal ul{
list-style-type:none;
position:absolute;
left:-1000em;
z-index:9999;
width:150px;
margin:3px 0 0 0;
padding:0;
background-color:#000;
font-size:120%;
cursor:default;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
left: auto;
}
ul.MenuBarHorizontal ul li{
width:150px;
text-align:center;
}
ul.MenuBarHorizontal ul ul{
position:absolute;
margin:-5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
left:auto;
top:0;
}
ul.MenuBarHorizontal a{
display:block;
width:104px;
height:23px;
color:#fff;
text-decoration:none;
}
ul.MenuBarHorizontal ul li a{
width:150px;
height:auto;
}
ul.MenuBarHorizontal a:hover,
ul.MenuBarHorizontal a:focus{
color:#fff;
}
ul.MenuBarHorizontal a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
color:#fff;
}
ul.MenuBarHorizontal ul a,
ul.MenuBarHorizontal ul a{
background-color:#000;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a:hover{
background-color:#000;
}
ul.MenuBarHorizontal ul a:Hover{
background-color:#ffcc00;
color:#0096df;
}
ul.MenuBarHorizontal iframe{
position: absolute;
z-index: 1010;
}

/*===================================
*	4. topicPath Area-contents style
===================================*/
ol#topicPath{
margin-bottom:1em;
}
ol#topicPath li{
display:inline;
padding:0 5px;
font-size:75%;
}
ol#topicPath li span{
font-size:110%;
font-weight:bold;
}
ol#topicPath li a{
padding-right:20px;
background:url(../cmn/tp_ico.gif) no-repeat 100% 50%;
}

/*===================================
*	5. container Area-contents style
===================================*/
#container{
display:block;
width:960px;
margin:0 auto;
padding:0 10px 0 0;
text-align:left;
}
/*IE6*/* html #container{
width:960px;
border-right:solid 2px #000;
border-left:solid 2px #000;
}

/*===================================
*	6. content Area-content style
===================================*/
#content {
display:block;
width:700px;
float:left;
padding:10px 0 30px 0;
border-right:dotted 1px #333;
}
.sub#content img {
padding: 5px;
}
#content h2{
font-size:100%;
}
#content h3{
font-size:90%;
}
#content h4{
font-size:90%;
}
#content h2,
#content h3,
#content h4{
padding:0 20px 1em 20px;
}
#content p,
#content ul,
#content ol,
#content dt,
#content dd{
padding:0 20px;
font-size:90%;
}
p.entry-footer{
display:block;
clear:both;
}

/*===================================
*	7. side Area-content style
===================================*/
#side{
display:block;
float:left;
width: 200px;
}
/*IE6*/* html #side{
width:200px;
height:1%;
margin-left:0;
}
#side h2 {
height:22px;
padding:1em 0 0 1em;
color: #333;
font-size:90%;
}
#side ol{
margin-bottom:10px;
}
#side ol li{
display:block;
padding:3px 0 3px 0;
font-size:80%;
}

/*===================================
*   8. footer Area style;
===================================*/
#footer {
clear:both;
overflow:hidden;
width:960px;
height:150px;
margin:0 auto;
padding:0;
background:#000;
color:#fff;
font-size:75%;
}
* html #footer{
width:964px;
}
#footer ol {
margin-top: 10px;
clear: both;
}
#footer ol li{
display:inline;
padding:0  5px;
border-right: solid 1px #fff;
}
#footer ol li.bdno{
border 0;
}
#footer ul{
position:relative;
clear:both;
width:300px;
margin:20px auto 0 auto;
}
#footer ul li{
display:inline;
}
#footer ul li dl dt{
position:absolute;
left:190px;
}
#footer ul li dd ul{
position: absolute;
top:-23px;
left:135px;
}
#footer ul li dd ul li{
display:block;
}
address {
padding-top:10px;
clear:both;
font-weight:bold;
font-style:normal;
}	

/*===================================
*   9. a style;
===================================*/
#content a,
#topicPath a,
#topicPath2 a,
#side ol a{
color: #000;
}
#side h2 a,#footer a{
color: #fff;
text-decoration:none;
}
#side ol a{
display:block;
padding-left:30px; 
}	
a:visited{
color:#333;
}
#footer a:visited{
color:#fff;
}
a:hover{
text-decoration:none;
}
#content a:hover,
#footer a:hover,
#topicPath ol a:hover,
#topicPath2 a:hover,
.webdesign.sub#content ul a:hover,
.websample.sub#content ul a:hover,
.search.sub#content dt a:hover,
.faq.sub#content ul a:hover,
#side h2 a:hover,
#side ol a:hover,
.nn a:hover,
#footer a:hover{
color:#ff3300;
}