body {
	color: #666666;
	background: #B2DFDA url(../images/bg_bg.gif) top left repeat-x ;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, gothic, osaka;
	font-size: 0.9em;
	overflow:auto;
	text-align:center;
}

/* layout */

#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	width: 820px;
	}
#top-top {
	background: url(../images/bg_top_sa.jpg) top left no-repeat;
	border: none;
	height: 216px;
	position: relative;
	margin-top:0px;
	padding-top:0px;
		}
#top {
	background: url(../images/bg_top_sa2.gif) top left no-repeat;
	border: none;
	height: 34px;
	position: relative;
	margin-top:0;
	padding-top:0px;
		}

/**/

#top ul {
margin: 0;
padding: 5px 0 0 0;
width: 820px;
list-style-type: none;
text-decoration: none;
}

#top li {
color: #F7F7F7;
font-size:12px;
display:inline;
border-left: 2px solid #F7F7F7;
padding: 2px 10px 2px 22px;
margin:3px 10px 3px 10px;
}

#top li.first {
border-left:none;
}
#top li.color {
color: #FF6600;
}
#top2 {
	background: url(../images/bg_top.gif) repeat-y;
	height: 13px;
	text-align:left;
	padding:3px 0 0 10px;
	font-size:10px;
		}
#middle {
	margin:0;
	background: url(../images/bg_m.gif) repeat;
	background-color:#fff;
		}
		
#left
{
	float: left;
	width: 220px;
	background: transparent;
	position: relative;
	margin-top: 5px;
	padding-left: 10px;
}

		
#right
{
	color: #666666;
	padding: 5px 1em 1em 235px;
	text-align:left;
}
#bottom {
	background: url(../images/bg_b.gif) no-repeat;
	height: 11px;
		}
#footer
{
	font-size: 0.7em;
	margin:15px 0;
}
.clearall{clear:both;}

/*  styles */

	h1 {
	font-size:1.3em;
	color: #F7F7F7;
	text-align: left;
	margin: 0.5em 0 0.5em 0;
	}
	h2 {
	font-size:1em;
	color: #F7F7F7;
	text-align: left;
	margin: 2px 0 2px 0;
	}
	h3 {
	font-size:0.8em;
	margin-bottom:0.7em;
	margin-top:2em;
	color: #666666;
	}	
	p {
	font-size:0.8em;
	line-height: 1.8em;
	margin-bottom:0.9em;
	margin-top:0.9em;
	text-align: left;
	color: #666666;
	}	
	p.en {
	font-size:0.7em;
	line-height: 1.3em;
	margin-top:0.5em;
	margin-bottom:1.5em;
	color: #666;
	}
	p.center {
	text-align: center;
	font-family: "Times New Roman", Times, serif, 明朝;
	font-style: italic;
	font-weight: bold;
	}
	p.center2 {
	font-size:1em;
	color: #006699;
	line-height: 1.2em;
	text-align: center;
	font-family: "Times New Roman", Times, serif, 明朝;
	font-weight: bold;
	margin-top: 4px;
	}
	p.left-bold {
	font-size:1em;
	color: #006699;
	text-align: left;
	font-family: "Times New Roman", Times, serif, 明朝;
	font-weight: bold;
	margin-top: 4px;
	}
	img {
	border: #666 solid 1px;
	}
	img.no-border {
	border: none;
	margin: 0;
	}
    img.image-l{
    position: relative;
	float: left;
	padding: 0;
	margin: 5px 5px 5px 0;
	}
	img.image-r{
	position: relative;
	float: right;
	padding: 0;
	margin: 5px 0 5px 5px;
    }  
	img.image-box{
	position: relative;
	padding: 0;
	margin: 0 0 6px 0
    }  
	#right ul {
	margin: 13px 0 10px 20px;
	}
	#right ol {
	margin: 13px 0 10px 20px;
	}
	#right li
	{
	font-size:0.9em;
	line-height: 1.8em;
	margin: 10px 0 10px 0;
	}
/*left-in*/
#left-in
{
	float: left;
	width: 180px;
	background-color:#E2E2E2;
	position: relative;
	margin: 0;
	padding:15px;
}
/*r-box*/
#r-box
{
	float: left;
	width: 570px;
	height: 80px;
	background: url(../images/r-box.gif) top left no-repeat;
	position: relative;
	margin: 15px 0 10px 0;
	padding:0 0 0 15px;
}
/*r-box*/
#r-title
{
	float: left;
	width: 575px;
	height: 26px;
	background: url(../images/r-title.gif) top left no-repeat;
	position: relative;
	margin: 6px 0 8px 0;
	padding:3px 0 0 10px;
	font-size: 9pt;
	font-weight:bold;
}
/*banner*/
#banner a{
	float: left;
	width: 132px;
	height: 38px;
	margin:15px 0;
	background: url(../images/support.gif) no-repeat #FFFFFF;
	border: #666 solid 1px;
	display: block;
text-decoration: none;
font-weight:bold;
font-size:14px;
color: #4D6A88;
text-align:left;
padding:15px 40px 5px 5px;
}


#banner a:visited, #banner a:active
{
color: #666;
}

#banner a:hover {
background-color: #6699CC;
color: #FFFFFF;
}
/*mainmenu*/
#mainmenu  {
float: left;
position: inherit;
display: block;
line-height: 1.5em;
font-weight:normal;
font-size: 12px;
text-align: left;
width: 175px;
background-color: #25507b;
color: #386ed0;
min-height: 100%;
border: 2px solid #25507b;	
}


#mainmenu ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 100%;
list-style-type: none;
text-decoration: none;
}


#mainmenu li
{
color: #34757D;
background-color: #FFFFFF;
border: 1px solid #25507b;
font-size:12px;
}
#mainmenu li.now
{
color: #FFFFFF;
background-color: #6699CC;
border: 1px solid #25507b;
font-size:12px;
}
#mainmenu h4
{
display: block;
background: #25507b;
font-size:12px;
color : #fff;
margin-top: 0px;
margin-bottom: 0px;
padding: 1px 2px 1px 2px;
}

#mainmenu a {
display: block;
text-decoration: none;
color: #4D6A88;
background: #F5F5F5;	
padding: 1px 5px 1px 7px;
}


#mainmenu a:visited, #mainmenu a:active
{
color: #666;
background-color: #FFFFFF;
}

#mainmenu a:hover {
background-color: #6699CC;
color:#fff;
}



/*  hyperlinks and menu styles 2 */


a:link {
        text-decoration: none;
		color: #4D6A88;
		background: inherit;
}

a:visited {
	color: #666;
	background: inherit;
	text-decoration: none;
}
a:hover {
        color: #FF9900;
        text-decoration: none;
}
#top a:link {
        text-decoration: none;
		color: #F7F7F7;
		background: inherit;
}
#top a:visited, #top a:active {
        color: #F7F7F7;
        text-decoration: none;
}
#top a:hover {
        color: #FF6600;
        text-decoration: none;
}
img a:hover {
	border-color:#99FFFF;
}