/* CSS Document */

body {
font: 100% verdana, arial, helvetica, sans-serif, "‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; 
background: url(../topimg/body_back.gif) repeat-y center;
text-align: center;
}

div {zoom: 1;/*for IE 5.5-7*/
}

div:after {/*for modern browser----div‚ฬŒใ‚ษŽฉ“ฎ“I‚ษƒNƒŠƒA*/
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

img {border-style:none;}

h1 {margin: 0;
    padding: 0;
}

/* --- ƒRƒ“ƒeƒi --- */

#container {
width: 950px;
display: inline;
margin: 0 auto;
}

#top {
width: 945px;
height: 334px;
margin: 0 auto;
}

#top img {
margin: 0;
padding: 0;
}

/* --- ‹ู‹}ƒRƒ“ƒeƒi --- */

#container_4 {
width: 940px;
margin: 0 auto;
text-align:left;
}

#container_4 img {
margin-top:10px;
}

/* --- middleƒRƒ“ƒeƒi --- */

#container_2 {
width: 944px;
margin: 0 auto;
text-align:left;
}

/* --- middleƒJƒ‰ƒ€1 --- */

#middle1 {
width: 315px;
padding: 0;
float:left;
text-align:left;
}

#mid-t{
width: 308px;
border: 3px #bfcddd solid;
padding: 0;
margin: 0 2px;
}

#mid-m{
width: 308px;
border: 3px #30c9aa solid;
padding: 0;
margin: 0 2px;
}

#mid-m ul {
list-style-image: url(../topimg/button2.gif);
margin: 6px 20px 0 2em;
padding: 0;
}

#mid-m li{
font:13px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", sans-serif;
color: #666666;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
line-height:130%;
}

.color1{color: #669900;}

#mid-m li a:link{text-decoration:none; color:#666666;}
#mid-m li a:visited{text-decoration:none; color:gray;}
#mid-m li a:active{text-decoration:none;}
#mid-m li a:hover{color:black; background-color:#c8dcf2;}

.zerostar_calculate{
padding: 0;
margin: 10px 2px;
list-style: none;
}

.zerostar_calculate2{
padding: 0;
margin: 0 0 8px 2px;
list-style: none;
}

.zerostar_maga a:link{text-decoration:none; color:#666666;}
.zerostar_maga a:visited{text-decoration:none; color:gray;}
.zerostar_maga a:active{text-decoration:none;}
.zerostar_maga a:hover{color:black; background-color:#c8dcf2;}

/* --- middleƒJƒ‰ƒ€2 --- */

#middle2 {
width: 360px;
margin: 10px 3px;
padding: 0;
background: url(../topimg/information_back.gif) repeat-y;
text-align:left;
float:left;
}

#middle2 ul {
list-style-image: url(../topimg/button.gif);
margin: 6px 20px 0 2em;
padding: 0;
}

#middle2 li{
font:13px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", sans-serif;
color: #666666;
margin-top: 15px;
margin-bottom: 8px;
padding: 0;
line-height:130%;
}

#middle2 li a:link{text-decoration:none; color:#666666;}
#middle2 li a:visited{text-decoration:none; color:gray;}
#middle2 li a:active{text-decoration:none;}
#middle2 li a:hover{color:black; background-color:#c8dcf2;}

.info_img{
padding: 0;
margin: 20px 0 0;
}

/* --- middleƒJƒ‰ƒ€3 --- */

#middle3 {
width: 258px;
margin: 10px 0;
float: left;
font-size:11px;
color: #7babdf;
text-align:right;
display:inline;
}

#middle3 p{margin: 10px 0 0 0;}

.color{color:#73a5de;}


/* --- ƒJƒŒƒ“ƒ_[ --- */

table#table-main {
width: 255px;
border: solid 3px #c2d5ef;
border-collapse: separate;
padding: 0;
margin: 10px 3px;
}

table#table-main td {
height: 20px;
font: Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", sans-serif;
}

.td_top {
color: #ffffff;
text-align: center;
letter-spacing: 0.3em;
background: url(../topimg/header.gif) repeat-x;
font-size:12px;
}

.td_top2 {
color: #88addf;
background-color: #ffffff;
letter-spacing: 0.06em;
text-align: right;
font-size:13px;
}

.td_top3 {
color: #666666;
background-color: #e6eff9;
text-align: center;
font-size:11px;
letter-spacing: 0.1em;
}

.td_top4 {background-color: #b6d0ed;}

.td_top5 {background-color: #ffffff;}

/* --- clearfix --- */

#clear{
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}

/* Footer */

#container_3 {
width: 942px;
margin: 0 auto;
padding-top:20px;
}

table#footer {
width: 939px;
border: 0;
padding: 0;
margin: 0 3px;
font:12px bold Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", sans-serif;
text-align:center;
}

hr {
width:938px;
margin: 10px 0 1px 3px;
padding: 0;
}

#footer td a:link{text-decoration:none; color:#666666;}
#footer td a:visited{text-decoration:none; color:gray;}
#footer td a:active{text-decoration:none;}
#footer td a:hover{color:black; background-color:#c8dcf2;}

/* Footer-‰บ•” */

.footer_back {
height:34px;
background: url(../topimg/footer.gif) repeat-x;
}

.footer_back img {
text-align:left;
}

.td_middle1 {
width:5px;
height:25px;
}

.td_middle2 {
width:200px;
height:25px;
}

.td_middle3 {
width:100px;
height:25px;
}

.footer_left {
float: left;
}

.footer_right {
float: right;
}