/* main
----------------------------------------------- */
#main{
font-size:90%;
font-family:sans-serif;
}

#pass{
margin:0;
padding:0 0 10px 0;
list-style:none;
font-size:80%;
}

#pass li{
float:left;
}

h1{
clear:both;
margin:12px 0;
padding:0 0 8px 10px;
font-size:140%;
color:#ff0000;
background:url(images/triangle-b.gif) no-repeat;
border-bottom:1px solid #808080;
}

.center{
margin:0 0 10px 0 !important;
text-align:center;
}

#main p{
font-size:80%;
}

.back {
text-align:right;
clear:both;
padding:10px 5px;
}

img {
border-style: none;
margin: 0px;
padding: 0px;
}

.clr {
clear:both;
}

/* contents:top
----------------------------------------------- */
.area{
margin:0 0 0 12px;
width:612px;
clear:both;
}

.box, #enq-box{
clear:both;
margin:0 0 12px 0;
border:1px solid #cccccc;
height:auto !important;
height:1%;
}

#enq-box{
padding:5px 0;
background:#FFE0E3;
}

a.button{
display:block;
padding:0 0 0 5px;
width:125px;
height:24px;
line-height:24px;
background:url(images/b130.jpg) no-repeat;
color:#ffffff !important;
font-weight:bold;
}

*html a.button{
width:130px;
}

.box h2, .year{
margin:0;
padding:5px;
background:#EDEDED;
border-right:none;
}

.box h2#enq{
height:18px;
background:url(images/b300.jpg) no-repeat;
}

.box h2#enq a{
color:#ffffff !important;
}

.pr{
position:relative;
}

h2.pr a{
position:absolute;
right:10px;
top:5px;
font-size:80%;
font-weight:normal;
}

.box2{
margin:0 0 12px 0;
padding:10px 0 3px 0;
border:1px solid #cccccc;
height:auto !important;
height:1%;
}

.area p{
margin:0 0 10px 0;
padding:0 10px;
line-height:150%;
}

.topics{
margin:0;
padding:10px 0;
list-style:none;
background:#F9FBFD;
font-size:80%;
}

.topics li{
margin:0 0 5px 10px;
}

.flt-left{
width:300px;
float:left;
}

.flt-right{
width:300px;
float:right;
}

.floatLeft{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.floatRight{
float:right;
margin-left:10px;
margin-bottom:10px;
}

.list{
margin:5px 0 0 0;
padding:0 0 0 20px;
font-size:80%;
}

.list li{
margin:0 0 5px 0;
line-height:160%;
}

.list li a, .list li span{
margin:0 0 0 -5px;
}

.flt-li{
margin:0;
padding:5px 0;
list-style:none;
}

.flt-li li{
margin:0 5px;
float:left;
}

/* contents
----------------------------------------------- */
h2{
margin:0 0 10px 0;
padding:9px 0 7px 35px;
font-size:100%;
color:#4A6287;
background:url(images/mark.gif) no-repeat 5px center;
clear:both;
}

h2.yellow{
color:#653232;
background:url(images/mark2.gif) no-repeat 5px 6px;
}

h2.pink{
color:#750046;
background:url(images/mark3.gif) no-repeat 5px 9px;
}

h2.green{
color:#419259;
background:url(images/mark4.gif) no-repeat 5px 7px;
}

h3{
margin:10px 0 5px 0;
font-size:100%;
color:#86b2e0;
clear:both;
line-height: 150%;
}

h3.other01{
color:#F7B126;
}

h3.other02{
color:#f19ec2;
}

h3.other03{
color:#69BD83;
}

h3.red{
color:#ff0000;
}

h4{
font-weight:bold;
margin:5px 0 3px 0;
padding:2px 0;
clear:both;
font-size:90%;
color:#666666;
}

.taget-nav {
margin:10px 0 15px 12px;
width:612px;
clear:both;
font-size:90%;
}

.taget-nav ul{
margin:0;
padding:0;
list-style:none;
}

.taget-nav li{
float:left;
margin-right:15px;
margin-bottom:5px;
display:block;
width:185px;
}

.taget-nav a{
vertical-align:middle;
}

.taget-nav li.w120{
width:120px;
}

.taget-nav li.w160{
width:160px;
}

.taget-nav li.w170, .w170{
width:170px;
}

.taget-nav li.w180{
width:180px;
}

.taget-nav li.w195{
width:195px;
}

.taget-nav li.w220{
width:220px;
}

.taget-nav li.w235{
width:235px;
}

.taget-nav li.w240{
width:240px;
}

.taget-nav li.w250{
width:250px;
}

.taget-nav li.w260{
width:260px;
}

.taget-nav li.w270{
width:270px;
}

.taget-nav li.w290{
width:290px;
}

.taget-nav li.w320{
width:320px;
}

.taget-nav li.w345{
width:345px;
}

.taget-nav li.w350{
width:350px;
}

.taget-nav li.w210{
width:210px;
margin-right:0;
}

.table-y{
margin:5px 0 10px 15px;
background:#FFFDE6;
border: 1px solid #999999;
border-collapse:collapse;
padding:5px 0;
font-size:90%;
line-height: 150%;
}

.w95per{
width:95%;
}

.w60per{
width:60%;
}

.w75per{
width:75%;
}


.table-y th{
padding:3px;
background:#FFFFCC;
border: 1px solid #999999;
border-collapse:collapse;
text-align:center;
font-weight:normal;
}

.table-y td{
padding:3px 5px;
border: 1px solid #999999;
border-collapse:collapse;
text-align:left;
}

.table-y td ul{
margin:0 0 0 20px;
padding:0;
}

.table-y td.cen{
text-align:center;
}

.bg-p{
background:#FDEFF5;
}


div.bg-y {
margin:5px 0 10px 15px;
padding:10px 20px;
background:#FFFFCC;
font-size:90%;
height:50px;
}

div.bg-y ul{
margin:0;
padding:0 10px 15px 10px;
list-style: none;
}

div.bg-y li{
float:left;
margin-right:15px;
margin-bottom:10px;
display:block;
width:185px;
}

.frame{
margin:5px 0 10px 0;
padding:10px 15px;
border:1px solid #999999;
}

.frame-y, .frame-yw, .frame-g, .frame-gw, .frame-p, .frame-pw{
background:#FFFCDB;
margin:5px 0 10px 0;
padding:0 15px;
border:1px solid #FAC03D;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
behavior:url(radius.htc);
}

.frame-gg{
background:#ECF5E3;
margin:5px 0 10px 0;
padding:0 15px;
border:1px solid #999999;
}

*html .frame-gg{
height:1%;
}

.frame-yw{
background:#ffffff;
}

.frame-gw{
background:#ffffff;
padding:10px 15px 0 15px;
border:1px solid #69BD83;
}

.frame-g{
background:#ECF5E3;
border:1px solid #69BD83;
}

.frame-gg h4.topics-bg, .frame h4.topics-bg{
margin:10px 0 5px 0;
padding:20px 0 0 10px;
background:url(images/topics-green.gif) no-repeat;
}

.frame h4.topics-bg{
margin:0 0 5px 0;
background:url(images/topics-pink.gif) no-repeat;
}

.frame-g ul, .frame-gg ul{
font-size:80%;
}

.frame-g ul.photo, .frame-gg ul.photo{
font-size:100%;
}

.frame-g li, .frame-gg li{
margin:6px 0;
}

.frame-p{
clear:both;
background:#FDEFF5;
border:1px solid #F19EC2;
}

.frame-pw{
background:#ffffff;
border:1px solid #F19EC2;
}

.frame-pw ol{
font-size:90%;
line-height:150%;
}

.frame-pw li{
margin:0 0 10px 0;
font-weight:bold;
}

.frame-p h4.voice-bg{
margin:10px 0 5px 0;
padding:8px 0 8px 70px;
background:url(images/voice-bg.jpg) no-repeat;
}

.cap {
text-align:center;
font-size:80%;
}

.cap2 {
text-align:left;
font-size:90%;
padding-top:8px;
display: block;
}


/* eco
----------------------------------------------- */

.pdfAll {
font-size:120%;
padding:5px 0 0 0;
margin:5px 5px 2px 5px;
}

.eco-pdf {
padding:0 0 5px 20px;
margin:1px 0 5px 0;
list-style:none;
}

.eco-pdf li{
font-size:80%;
padding:3px 20px 3px 20px;
margin:3px 0;
}

.eco-pdf li.pdfFile{
background: url(images/pdf.gif) no-repeat 0px center;
}

.eco-pdf li.pdfFile2{
background: url(images/pdf.gif) no-repeat 35px center;
padding:3px 20px 3px 55px;
}

.eco-pdf li.pdfFile3{
padding:3px 20px 3px 40px;
}

.eco-pdf li.pdfFile4{
padding:3px 20px 3px 80px;
background: url(images/pdf.gif) no-repeat 60px center;
}

.eco-pdf li.pdfFile5{
padding:3px 20px 3px 60px;
}


/* esh
----------------------------------------------- */

table.iso {
font-size:80%;
margin:10px 0;
}

table.iso td{
padding: 3px 2px;
text-align:center;
vertical-align: top;
}

.table-g, .area table{
margin:5px 0 20px 15px;
background:#FFFFFF;
border: 1px solid #999999;
border-collapse:collapse;
padding:5px auto;
font-size:80%;
line-height: 150%;
}

.area table.no-bdr, .no-bdr{
border:none;
}


.table-g th{
padding:3px;
background:#69BD83;
border: 1px solid #999999;
border-collapse:collapse;
text-align:center;
font-weight:normal;
color: #FFFFFF;
}

.table-p th{
padding:3px;
background:#F19EC2;
border: 1px solid #999999;
border-collapse:collapse;
text-align:center;
font-weight:normal;
color: #FFFFFF;
}

.table-g td, .table-p td{
padding:3px 5px;
border: 1px solid #999999;
border-collapse:collapse;
}

.table-g th.gColor1, .table-g td.gColor1{
background:#ECF5E3;
text-align:right;
color: #000000;
}

.table-g th.gColor2, .table-g td.gColor2{
background:#FFE9AA;
text-align:right;
color: #000000;
}

.table-g td.gColor3{
background:#D6E9C4;
text-align:left;
}

.table-g td.gColor4{
background:#D6E9C4;
text-align:right;
padding-right:10px;
}

td.cen{
text-align:center;
}

td.rig{
text-align:right;
padding-right:10px;
}

td.bot{
vertical-align: bottom;
}

.txt-left{
text-align:left;
}

.txt-bot {
vertical-align: bottom;
padding:5px;
line-height: 140%;	
}

.sec-dl {
margin: 0px;
padding: 0px;
list-style: none;
}

.sec-dl dt{
font-size: 95%;
color:#69BD83;
padding:3px 15px;
margin-top:15px;
}

.sec-dl dd{
font-size: 90%;
padding:3px 20px;
margin:0;
}

.sec-dl span {
font-size: 75%;
vertical-align: top;
}

.note {
font-size: 85%;
margin:20px 10px;
padding:0;
list-style:none;
}

.note li {
padding:3px 30px;
margin:0px;
text-indent:-12px;
line-height: 140%;
}

.table-cap {
padding:15px 25px 1px 20px;
font-size: 90%;
}

.table-cap2 {
margin:-15px 0 15px 0 !important;
padding:0px 35px 15px 35px; 
text-align:right;
font-size: 90%;
}

.turnPage {
list-style:none;
margin:0px;
padding:0;
clear:both;
}

.turnPage li{
float:right;
margin:5px 8px 10px 0;
display:block;
width:20px;
height:20px;
text-indent:-9999px;
}

.turnPage li a{
display:block;
width:20px;
height:20px;
text-indent:-9999px;
}

.turnPage li.page01{
background: url(images/on01.gif) no-repeat;
}

.turnPage li.page02{
background: url(images/on02.gif) no-repeat;
}

.turnPage li.page03{
background: url(images/on03.gif) no-repeat;
}

.turnPage li.page04{
background: url(images/on04.gif) no-repeat;
}

.turnPage li.page01 a{
background: url(images/off01.gif) no-repeat;
}

.turnPage li.page02 a{
background: url(images/off02.gif) no-repeat;
}

.turnPage li.page03 a{
background: url(images/off03.gif) no-repeat;
}

.turnPage li.page04 a{
background: url(images/off04.gif) no-repeat;
}

.turnPage li.page01 a:hover{
background: url(images/on01.gif) no-repeat;
}

.turnPage li.page02 a:hover{
background: url(images/on02.gif) no-repeat;
}

.turnPage li.page03 a:hover{
background: url(images/on03.gif) no-repeat;
}

.turnPage li.page04 a:hover{
background: url(images/on04.gif) no-repeat;
}

.bot1 {
margin-bottom:1px;
}

.bot25 {
margin-bottom:25px !important;
}

.top70 {
padding-top:70px;
}

.font70 {
font-size: 70%;
line-height:150%;
}

.font80 {
font-size: 80%;
}

.font90 {
font-size: 90%;
}

.sup {
font-size: 75%;
vertical-align: top;
}

.nowap {
white-space: nowrap;
}

.list01 {
margin:10px 15px;
padding:0px;
font-size:80%;
}

.list01 li{
list-style: disc;
margin:5px 15px;
padding:0px;
}

table.history {
margin:5px 15px 20px 15px;
background:#FFFFFF;
border-collapse:collapse;
width:580px;
font-size:80%;
line-height: 150%;
}

table.history th{
padding:8px 10px;
background:#ECFEFF;
border-bottom: 1px dashed #999999;
border-collapse:collapse;
text-align:right;
font-weight:normal;
color: #333333;
vertical-align: top;
}

table.history td{
padding:6px 10px;
border-bottom: 1px dashed #999999;
border-collapse:collapse;
text-align:left;
}

table.history th.noline01 , table.history td.noline01{
border-bottom: none;
padding:6px 10px 3px 10px;
}

.photo{
margin:0;
padding:0;
list-style:none;
}

.photo li{
margin:0 4px 10px 4px;
font-size:70%;
float:left;
}

*html .photo li{
font-size:60% !important;
}

.photo img{
display:block;
margin:0 0 4px 0;
}

.let-gray{
color:#d2d2d2;
}

.topics-index{
margin:5px 0;
padding:0 10px;
font-size:90%;
font-weight:bold;
list-style:none;
}

.topics-index li{
margin:0 0 20px 0;
}

.topics-index a{
font-weight:normal;
}

.img-right{
margin:0 0 10px 10px;
float:right;
}

.img-left{
margin:0 10px 10px 0;
float:left;
}

.img-left02{
margin:0 10px 30px 0;
float:left;
}

.disc li{
margin:0 0 8px 0;
font-size:80%;
}

.sign{
margin:-13px 0 10px 0 !important;
text-align:right;
}

sub{
vertical-align:baseline;
}

.txt-right{
text-align:right;
}

#color{
background:url(images/y-back.gif) no-repeat center;
height:auto !important;
height:1%;
}

#color h5{
margin:0 !important;
}

#color p{
width:270px;
min-height:90px;
height:auto !important;
height:100px;
margin:0 0 10px 0 !important;
padding:0 15px 10px 15px;
background:url(images/color-bot.gif) no-repeat bottom left;
font-size:70%;
}

*html #color p{
width:300px;
font-size:60%;
}

/* adjust
----------------------------------------------- */
.adjust01{
margin:0 0 0 4.7em;
}

.adjust02{
margin:0 0 0 7.5em;
}

.ad-left{
clear:none;
}

/* after
----------------------------------------------- */
.box:after, .year:after, .frame-y:after, .frame-g:after, .photo:after, .frame-p:after, #color:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.box2:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}