/**
* AfDB CSS
*
* @filename screen.css
* @author Pranath Fernando
* @author Adam Walace
* @author Oliver Rowlands
* @date 2008-12-01
* @copyright Liquid Light Digital Ltd.
* @url http: //www.liquidlight.co.uk
* AfDB ι ζ»ζ·?CSS
* @author Nor Ya
* @date 2015-10-27
*/
* {
margin: 0;
padding: 0;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End Hack */
body {
font-family: 'SimSun', 'sans-serif';
font-size: 13px;
color: #333333;
background: #FFFFFF url(../images/background_repeat.gif) repeat-x top left;
line-height: 1.8em;
text-align: justify;
text-justify: inter-ideograph;
}
/**
* Headings
*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.8em 0;
line-height: 1.3em;
}
h1 {
font-size: 16px;
color: #70aa00;
}
.topcopy {
font-size: 16px;
color: #70aa00;
margin: 0 0 0.5em !important;
}
h2 {
font-size: 18px;
margin: 0 0 1.5em;
}
h3 {
font-size: 15px;
margin: 0 0 1.2em;
}
h4 {
font-size: 13px;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 105%;
}
.top_t {
font-size: 16px;
color: #70aa00;
font-weight: bold;
padding-bottom: 0.5em;
}
/**
* Paragraphs
*/
p {
margin: 0 0 1em 0;
}
/**
* Links
*/
a {
color: #295b01;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #FFA805;
text-decoration: underline;
}
/**
* Lists
*/
ul {
margin: 0;
}
ul li,
ol ul li {
list-style: none;
padding: 0 0 0 12px;
margin: 0 0 0.4em 0;
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.3em;
line-height: 1.3em;
}
ol {
margin: 0 0 1em 25px;
}
ol li {
padding: 0 0 0.4em 0;
margin: 0;
}
ul ul,
ol ol {
margin-bottom: 0;
}
ul ul li {
margin-top: 0.4em;
}
a {
outline: none;
}
/**
* Tables
*/
table {
text-align: left;
margin: 1em 0 1em 0;
border-collapse: collapse;
width: 100%;
}
table caption {
display: none;
}
table thead {
margin: 0 0 5px 0;
}
table tbody.hidden {
display: none;
}
table thead tr th {
padding: 8px 15px 6px 0;
margin-bottom: 1em;
text-align: left;
border-top: 5px solid #EDEDED;
text-align: left;
font-weight: bold;
vertical-align: top;
}
table tbody tr td {
vertical-align: middle;
padding: 15px 0 15px 0;
}
table tbody tr th {
vertical-align: middle;
padding: 15px 30px 15px 0;
line-height: 1.6em;
}
table tbody tr th a {
color: #333333;
}
table tbody tr td p {
margin: 0;
}
table tbody tr th,
table tbody tr td {
background: transparent url(../images/dots_horizontal.gif) repeat-x top left;
}
table.program {
text-align: left;
margin: 1em 0 1em 0;
border-collapse: collapse;
width: 100%;
}
table.program caption {
display: none;
}
table.program thead {
margin: 0 0 5px 0;
}
table.program tbody.hidden {
display: none;
}
table.program thead tr th {
width: 30%;
padding: 8px 15px 6px 0;
margin-bottom: 1em;
text-align: left;
border-top: 5px solid #EDEDED;
text-align: left;
font-weight: bold;
vertical-align: top;
}
table.program tbody tr td {
width: 70%;
vertical-align: top;
padding: 15px 0 15px 0;
}
table.program tbody tr th {
vertical-align: top;
padding: 15px 30px 15px 0;
line-height: 1.6em;
}
table.program_wide {
text-align: left;
margin: 1em 0 1em 0;
border-collapse: collapse;
width: 100%;
}
table.program_wide caption {
display: none;
}
table.program_wide thead {
margin: 0 0 5px 0;
}
table.program_wide tbody.hidden {
display: none;
}
table.program_wide thead tr th {
width: 17%;
padding: 8px 15px 6px 0;
margin-bottom: 1em;
text-align: left;
border-top: 5px solid #EDEDED;
text-align: left;
font-weight: bold;
vertical-align: top;
}
table.program_wide tbody tr td {
width: 83%;
vertical-align: top;
padding: 10px 0 0 10px;
}
table.program_wide tbody tr th {
vertical-align: top;
text-align: center;
padding: 10px 20px 0 0;
line-height: 1.6em;
}
.bg_g {
background: #d5e5ae;
border-top: 1px solid #fff;
}
.bg_o {
background: #f7c187;
border-top: 1px solid #fff;
}
.bg_y {
background: #f7e687;
border-top: 1px solid #fff;
}
.bg_b {
background: #a4d4f2;
border-top: 1px solid #fff;
}
#pcinfo {
font-size: 12px;
padding: 0 0 10px 0;
}
#pcinfo li {
border: 1px solid #ccc;
-moz-border-radius: 0.4em;
-ms-border-radius: 0.4em;
-o-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
border-radius: 0.4em;
background-image: none;
margin: 0 5px 0 0;
padding: 5px 6px;
color: #666;
font-weight: bold;
line-height: 1;
float: left;
}
.bga_g {
background: #d5e5ae;
}
.bga_o {
background: #f7c187;
}
.bga_y {
background: #f7e687;
}
.bga_b {
background: #a4d4f2;
}
.pp_line {
border-bottom: 1px solid #EDEDED;
}
.program_text_in {
line-height: 1.5em;
margin-left: 0px;
}
.ptp {
margin-bottom: 8px;
padding-left: 1em;
}
.ptp ul {
margin: 0;
padding: 0;
}
.ptp li {}
.ptp li img {}
.pti_tp {
padding: 5px 0 5px 0;
}
.pti_s {
font-size: 12px;
}
.afi-ba {
border: 1px solid #ccc;
margin: 10px 0 15px 0;
}
.afi-bao {
margin: 5px 0 0 0;
}
.afi-bao img {
border: 1px solid #ccc;
}
.news-f {
background: transparent url(../images/dots_horizontal.gif) repeat-x top left;
}
.thwid-day {
font-weight: bold;
padding: 10px 0 0px 0;
float: left;
}
.thwid-new {
float: left;
}
.news-f li {}
table.news {
text-align: left;
font-size: 13px;
margin: 1em 0 0;
border-collapse: collapse;
width: 100%;
font-weight: bold;
}
table.news caption {
display: none;
}
table.news thead {
margin: 0 0 5px 0;
}
table.news thead tr th {
text-align: left;
vertical-align: top;
padding: 10px 0;
}
table.news thead tr td {
vertical-align: top;
text-align: left;
padding: 10px 0;
}
table.news tbody tr td {
vertical-align: top;
width: 60%;
font-weight: normal !important;
line-height: 1.5;
}
table.news tbody tr th {
width: 40%;
font-size: 12px;
vertical-align: top;
line-height: 1.4;
text-align: left;
}
table.news tbody tr th span {
float: left;
}
table.programs {
text-align: left;
margin: 1em 0 1em 0;
border-collapse: collapse;
width: 100%;
}
table.programs caption {
display: none;
}
table.programs thead {
margin: 0;
}
table.programs tbody.hidden {
display: none;
}
table.programs thead tr th {
width: 15%;
padding: 0px 15px 0px 0;
text-align: left;
border-top: 5px solid #EDEDED;
text-align: left;
font-weight: bold;
vertical-align: top;
}
table.programs tbody tr td {
width: 85%;
vertical-align: top;
padding: 5px 0 0px 0;
}
table.programs tbody tr th {
vertical-align: top;
padding: 5px 30px 0px 0;
line-height: 1.6em;
}
table.programs img {
margin-left: 5px;
margin-right: 2px;
vertical-align: text-bottom;
}
.top-15 {
margin-top: 10px;
}
table.ad {
text-align: left;
margin: 1em 0 1em 0;
border-collapse: collapse;
width: 100%;
}
table.ad tbody tr td {
vertical-align: top;
padding: 10px 0 10px 0;
width: 85%;
}
table.ad tbody tr th {
vertical-align: top;
padding: 10px 30px 10px 0;
line-height: 1.6em;
width: 15%;
}
table.ad tbody tr th,
table.ad tbody tr td {
background: transparent url(../images/dots_horizontal.gif) repeat-x top left;
}
table.nsl {
font-size: 12px;
text-align: left;
margin: 0.5em 0 1.5em 0;
border-collapse: collapse;
width: 100%;
}
table.nsl tbody tr td {
vertical-align: middle;
padding: 6px 10px 5px 5px;
line-height: 1.5em;
}
table.nsl tbody tr th {
color: #fff;
text-align: center;
vertical-align: middle;
padding: 3px 5px 3px 5px;
font-size: 11px;
line-height: 1.5em;
background: #666;
}
table.nsl tbody tr td {
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
table.rate {
text-align: left;
margin: 0.2em 0 1.5em 0;
border-collapse: collapse;
width: 100%;
}
table.rate tbody tr td {
vertical-align: middle;
padding: 6px 10px 5px 10px;
}
table.rate tbody tr th {
color: #fff;
text-align: right;
vertical-align: middle;
padding: 3px 15px 3px 15px;
line-height: 1.6em;
background: #666;
}
table.rate tbody tr td {
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
.rate-right {
text-align: right;
}
.rate-center {
text-align: center;
}
.rate-text-s {
font-size: 11px;
line-height: 1.5em;
padding-left: 0.8em;
text-indent: -0.8em;
}
.rate-text-s2 {
font-size: 11px;
margin-bottom: 30px;
line-height: 1.5em;
padding-left: 0.8em;
text-indent: -0.8em;
}
.rtsu {
padding: 0 0 40px 0;
}
.rate-text-s3 {
font-size: 11px;
padding-top: 10px;
line-height: 1.5em;
padding-left: 1em;
text-indent: -1em;
}
.day-text {
font-size: 12px;
margin: 8px 0 0 0;
}
table.member {
text-align: left;
margin: 20px 0 1.5em 0;
border-collapse: collapse;
width: 100%;
}
table.member td {
vertical-align: middle;
padding: 5px 10px 1px 10px;
}
table.member tbody tr th {
color: #fff;
text-align: left;
vertical-align: middle;
padding: 3px 15px 3px 15px;
line-height: 1.6em;
background: #666;
}
.member-border-none {
width: 6%;
background: #fff;
}
.member-country {
width: 39%;
text-align: left;
background-image: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
.member-country-none {
width: 39%;
text-align: left;
background-image: none;
}
.member-no {
width: 6%;
text-align: center;
background-image: none;
}
.member-color-1 {
background-color: #eee;
}
.member-color-2 {
background: #ccc;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
}
.member-color-3 {
background: #999;
color: #fff;
}
.member-big {
font-size: 16px;
}
.member-text-s {
font-size: 11px;
line-height: 1.5em;
}
table.land {
line-height: 1.5em;
text-align: left;
margin: 0.2em 0 40px 0;
border-collapse: collapse;
width: 100%;
}
table.land tbody tr td {
width: 33%;
vertical-align: middle;
padding: 2px 10px 2px 10px;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
table.land tbody tr th {
color: #fff;
text-align: right;
vertical-align: middle;
padding: 3px 15px 3px 15px;
line-height: 1.6em;
background: #666;
}
table.land p {
margin: 0;
padding: 0 0 0 1em;
background: transparent url(../images/bullet_square.gif) no-repeat 0.3em 0.4em;
*background: transparent url(../images/bullet_square.gif) no-repeat 0.3em 0.5em;
}
table.word {
line-height: 1.5em;
text-align: left;
margin: 0.2em 0 0px 0;
border-collapse: collapse;
width: 100%;
}
table.word tbody tr td {
vertical-align: middle;
background: transparent url(../images/dots_horizontal.gif) repeat-x top left;
padding: 5px;
}
table.word tbody tr th {
width: 23%;
color: #333;
text-align: left;
vertical-align: middle;
}
.rate-right {
text-align: right;
}
.rate-text-s {
font-size: 11px;
line-height: 1.5em;
padding-left: 0.8em;
text-indent: -0.8em;
}
/**
* Forms
*/
form fieldset {
border-width: 0;
}
form fieldset legend {
display: none;
}
form input,
form select,
form textarea {
width: 210px;
border-color: #BBBBBB #E1E1E1 #E1E1E1 #BBBBBB;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
padding: 1px;
font-size: 115%;
}
form textarea {
font-family: Dotum, AppleGothic, sans-serif;
}
form input.radio,
form input.checkbox,
form input.file,
form input.image {
border-width: 0;
width: auto;
background-color: transparent;
}
form button,
form input.button {
color: #FFFFFF;
background-color: #F29F05;
border-width: 0;
font-size: 100%;
width: auto;
overflow: visible;
-moz-border-radius: 0.4em;
-ms-border-radius: 0.4em;
-o-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
border-radius: 0.4em;
cursor: pointer;
padding: 0.4em;
}
form button:hover,
form input.button:hover {
background-color: #70AA00;
}
form div.row {
margin: 0 0 1.2em 0;
clear: both;
}
form div.row span.label {
display: block;
padding-bottom: 4px;
padding-left: 1px;
width: 110px;
float: left;
}
form div.row.radioabel,
form div.row.checkbox {
padding-top: 0;
}
form div.row.radio span.label,
form div.row.checkbox span.label {
width: auto;
float: none;
text-align: left;
}
form div.row input.radio,
form div.row input.checkbox {
margin-right: 0.5em;
float: left;
}
form div.row span.note {
margin: 0 0 0 1em;
font-size: 90%;
}
form div.row span.button {
display: block;
padding: 0 0 0.8em 15em;
}
form div.row span.label {
display: block;
width: 120px;
float: left;
}
form span.required {
color: #FF0000;
}
/**
* Divider
*/
div.divider,
li.divider {
clear: both;
width: 100%;
margin: 15px auto;
height: 1px;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
div.divider hr,
li.divider hr {
display: none;
}
div.divider3 {
clear: both;
width: 315px;
margin: 15px 0;
height: 1px;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
float: right;
}
div.divider2 {
clear: both;
width: 100%;
margin: 0px auto 5px auto;
height: 1px;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
div.divider2 hr {
display: none;
}
div.divider4 {
clear: both;
width: 100%;
margin: 3px auto 10px auto;
height: 1px;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
div.divider4 hr {
display: none;
}
div.divider-clear {
clear: both;
width: 100%;
margin: 15px auto;
height: 1px;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
div.divider-clear hr {
display: none;
}
/**
* Search
*/
#search {
clear: both;
float: right;
margin: 1em 0;
padding: 1em;
-moz-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.23, rgb(219, 219, 219)), color-stop(0.69, rgb(235, 235, 235)));
background-image: -moz-linear-gradient( center bottom, rgb(219, 219, 219) 23%, rgb(235, 235, 235) 69%);
}
#search label span {
display: none;
}
#search input {
float: left;
height: 1.4em;
}
button.search {
display: block;
border-width: 0;
float: right;
width: 5em;
margin-left: 0.5em;
}
/**
* Logo
*/
#logo a {
background: transparent url(../images/logo.gif) no-repeat left top;
display: block;
height: 76px;
width: 397px;
}
#logo img {
display: none;
}
#logo h1 {
margin: 0;
line-height: 1;
}
/**
* Page
*/
#page {
background: transparent url(../images/dropshadow.gif) no-repeat top center;
}
#page #pageWrapper {
padding: 0;
margin: 0 auto;
background-color: #FFFFFF;
}
#contentWrapper,
#primaryNavigationWrapper,
#breadcrumbWrapper,
#headerWrapper,
#footerWrapper {
width: 945px;
margin: 0 auto;
}
#header-bg {
background: #000;
}
/*#header {
background: #fff url(../images/climate_illustration.gif) no-repeat bottom center;
padding: 1em 0 1em 0;
}*/
/**
* Content
*/
#content {
clear: both;
background: #fbfbfb url(../images/background_repeat.gif) repeat-x top left;
}
#contentWrapper {
background-color: #ffffff;
padding: 0 0 15px 0;
}
/**
* Page header
*/
#breadcrumb {
background-color: #d2d2d2;
font-size: 80%;
font-weight: bold;
clear: both;
margin: 0;
border: 0;
/*padding: 0.8em 2em 0.8em 0;*/
}
#breadcrumb a {
background: url('../images/icon_breadcrumb.png') center right no-repeat;
margin: 0 0.5em 0 0;
padding: 0.8em 2em 0.8em 0;
}
#breadcrumb>div.wrapper {
margin: 0 auto;
width: 925px;
padding: 0 0 0 20px;
}
/**
* Footer
*/
#footer {
background: #70aa00;
color: #FFFFFF;
}
#footer #footerWrapper {
padding: 1em 0.5em 0em 0em;
}
#footer #copyright {
margin: 0;
text-align: right;
float: right;
}
#footer #credits {
display: none;
}
/**
* Navigation - Default
*/
ul.navigation {
position: relative;
margin: 0;
padding: 0;
}
ul.navigation li {
list-style-type: none;
padding: 0;
margin: 0;
background: none;
line-height: 1.2em;
}
ul.navigation li a {
display: block;
text-decoration: none;
font-weight: bold;
}
ul.navigation li a:hover {
text-decoration: none;
}
ul.navigationj {
position: relative;
margin: 0;
padding: 0;
}
ul.navigationj li {
list-style-type: none;
padding: 0;
margin: 0;
background: none;
line-height: 1.2em;
}
ul.navigationj li a {
display: block;
text-decoration: none;
font-weight: bold;
}
ul.navigationj li a:hover {
text-decoration: none;
}
/**
* Navigation - Horizontal
*/
ul.horizontalNavigation li {
list-style-type: none;
padding: 0;
margin: 0;
background: none;
float: left;
}
ul.horizontalNavigation li a {
display: block;
text-decoration: none;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
ul.horizontalNavigation li a:hover {
text-decoration: none;
}
.jpfont a {
font-family: "ιζε΅ιεηζε Pro W3", "Hiragino Kaku Gothic Pro", "ιζέ
ιθ¬ειζ«ειοΏ½", "MS PGothic", sans-serif !important;
}
.kofont a {
font-family: Dotum, AppleGothic, sans-serif !important;
}
.Navigation-text a {
line-height: 2.8em;
overflow: hidden;
height: 40px;
}
.Navigation-text2 a {
line-height: 1.5em;
overflow: hidden;
height: 40px;
}
.Navigation-text-active a {
background: #535252 url(../images/nav_active.gif) repeat-x top left;
line-height: 2.8em;
overflow: hidden;
height: 40px;
}
.Navigation-text-active2 a {
background: #535252 url(../images/nav_active.gif) repeat-x top left;
line-height: 1.5em;
overflow: hidden;
height: 40px;
}
ul.horizontalNavigationf li {
list-style-type: none;
padding: 0;
margin: 0;
background: none;
float: left;
}
ul.horizontalNavigationf li a {
display: block;
text-decoration: none;
font-weight: bold;
}
ul.horizontalNavigationf li a:hover {
text-decoration: none;
}
/**
* Navigation - Vertical
*/
ul.verticalNavigation li.active {
background-image: none;
}
ul.verticalNavigation li a {
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
padding: 0.6em 0 0.6em 0;
text-decoration: none;
}
.Navigation-other {
border: 5px solid #ccc;
margin: 10px 5px 10px 5px;
padding: 8px 8px 0px 8px;
list-style: none;
font-size: 12px;
}
.Navigation1out-no {
font-weight: bold;
line-height: 1.3em;
margin: 0 0 0 1.5em;
text-indent: -1em;
text-indent: -0.6em\9;
*text-indent: -0.6em;
padding: 6px 0 6px 1.em;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
#Navigation1out-no2 {
font-weight: bold;
line-height: 1.3em;
margin: 0 0 0 0;
text-indent: -1em;
text-indent: -0.6em\9;
*text-indent: -0.6em;
padding: 6px 2px 6px 1em;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
#Navigation1out-no2 a {
padding: 0;
background: none;
display: inline;
}
#out-no2in {
margin: 0 0 0 1.9em;
padding: 0 0 0 0;
}
.Navigation1out span {
margin: 0 0 0 1.5em;
text-indent: -1em;
text-indent: -0.6em\9;
*text-indent: -0.6em;
padding-left: 1em;
}
ul.verticalNavigation li a span {
display: block;
background: none;
padding: 0 0.4em 0 1.4em;
}
ul.verticalNavigation li a:hover span {
color: #F29F05;
}
ul.verticalNavigation li ul li a span,
ul.verticalNavigation li ul li.open li.active a span,
ul.verticalNavigation li ul li.open li.open li.active a span,
ul.verticalNavigation li ul li.open li.open li.open li.active a span {
background: url(../images/bullet_link.gif) no-repeat 0.4em 0.4em;
}
ul.verticalNavigation li ul li a.active span {
font-weight: bold;
}
ul.verticalNavigation li ul li.open a.active span,
ul.verticalNavigation li ul li.open li.open a.active span,
ul.verticalNavigation li ul li.open li.open li.open a.active span {
background: url(../images/bullet_arrow_black_down.gif) no-repeat 0.4em 0.4em;
}
ul.verticalNavigation li a.active span,
ul.verticalNavigation li ul li a.active span {
color: #000000;
}
ul.verticalNavigation li.spacer {
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
height: 2.3em;
}
ul.verticalNavigation li ul li {
background-color: transparent;
}
ul.verticalNavigation li ul li a {
margin: 0 0 0 1.4em;
font-weight: normal;
}
ul.verticalNavigation li ul li ul li a {
margin: 0 0 0 2em;
font-size: 95%;
padding: 0.4em 0;
}
ul.verticalNavigation li ul li ul li ul li a {
margin: 0 0 0 3em;
}
ul.verticalNavigation li ul li ul li ul li ul li a {
margin: 0 0 0 4em;
}
/**
* Navigation - Header
*/
#headerNavigation {
padding: 0 0 1em 0;
width: auto;
}
#headerNavigation ul {
float: right;
margin-top: -20px;
}
#headerNavigation ul li {
font-size: 12px;
padding: 0;
}
#headerNavigation ul li.last {
background: none;
}
#headerNavigation ul li a {
color: #333333;
margin: 1.6em 0 0.6em;
padding: 0.1em 0.4em 0;
border-left: 1px #999 solid;
}
#headerNavigation ul li.first a {
border-left: none !important;
}
#headerNavigation ul li a.active,
#headerNavigation ul li a:hover {
color: #295b01;
}
/**
* Navigation - Primary
*/
#primaryNavigation {
background: #70aa00 url(../images/nav_bar.gif) repeat-x top left;
}
#primaryNavigationWrapper {
padding: 0 1em;
}
#primaryNavigation ul {
float: left;
width: 100%;
}
#primaryNavigation ul li {
background-color: transparent;
font-size: 13px;
}
#primaryNavigation ul li a {
padding: 0.6em 1.2em 0.6em 1.2em;
color: #FFFFFF;
text-decoration: none;
}
#primaryNavigation ul li a span {
display: block;
padding: 0.3em 0 0.3em 0;
}
#primaryNavigation ul li a:hover {
background: url(../images/nav_hover.gif) repeat-x top left;
}
#primaryNavigation ul li.active0 a {
height: 40px;
background: #535252 url(../images/nav_active.gif) repeat-x top left;
line-height: 2.8em;
}
#primaryNavigation ul li.active a {
height: 39px;
background: #535252 url(../images/nav_active.gif) repeat-x top left;
line-height: 2.8em;
}
#primaryNavigation ul li.active2 a {
height: 39px;
background: #535252 url(../images/nav_active.gif) repeat-x top left;
}
/**
* Navigation - Language
*/
#switcher {
padding: 1.2em 0;
width: auto;
float: right;
}
#switcher a {
color: #333333;
}
#switcher a:hover {
color: #FFFFFF;
text-decoration: none;
}
#switcher span {
color: #FFFFFF;
padding: 0 6px;
}
#top-main-contents {
width: 675px;
margin: 20px 0 0 20px;
float: left;
}
/* use ko */
#main-contents {
width: 495px;
margin: 20px 0 0 20px;
float: left;
}
#main-contents h5 {
font-size: 100% !important;
}
.leftnav_sub {
padding: 0 20px;
}
.leftnav_sub2 {
padding: 0 0 0 1em;
}
.leftnav_sub li a {
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.9em !important;
margin: 0 !important;
padding: 8px 0 8px 10px !important;
font-size: 90%;
font-weight: bold !important;
}
.main_image {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px #ddd solid;
}
.main_image img {
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important;
}
.main_image2 img {
width: 100%;
height: auto;
margin: 0 0 30px !important;
padding: 0 !important;
}
.main_image3 {
width: 100%;
text-align: center;
margin: 0 0 10px !important;
padding: 0 !important;
}
.main_image_s {
margin: 0 10px 10px 0;
float: left;
}
#speech {
padding: 5px 0 0;
}
.afdb_and_korea_block_light {
margin: 0 0 1.5em;
}
.about_block_light {
margin: 0 0 1.5em;
}
.about_block_light li {
line-height: 1.7 !important;
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.5em !important;
}
.afdb_and_korea_block_light li {
margin-bottom: 1.5em !important;
line-height: 1.7 !important;
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.5em !important;
}
.about_block_light span,
.afdb_and_korea_block_light span {
font-weight: bold;
}
.about_block {
margin: 0 0 1.5em;
}
.members_block {
margin: 0 0 1.5em;
font-weight: bold;
}
.members_block li {
border-bottom: 1px solid #ddd;
margin-top: 5px;
padding-bottom: 5px;
}
.normal_link {
font-weight: normal !important;
}
.Non-regional li {
font-size: 90% !important;
}
.ab_one {
margin-left: 1em;
}
.greyBox {
background: #f0f0f0;
margin: 0 0 2em;
padding: 20px 15px 5px;
}
.grey2Box {
background: #f0f0f0;
margin: 0 0 13px;
padding: 20px 15px 5px;
}
.grey2Box img {
width: 100%;
height: auto;
}
.strategy_left {
float: left;
width: 300px;
}
.strategy_right {
float: right;
width: 300px;
}
.colorALLBG {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 0 0 13px;
padding: 20px 15px;
}
.colorALLBG a {
text-decoration: none !important;
}
.colorALLBG a:hover {
text-decoration: underline !important;
}
.blueBG {
background: #b7e4f6;
}
.blueBG a {
color: #008fb1;
}
.greenBG {
background: #bbd200;
}
.greenBG a {
color: #0e6000;
}
.orangeBG {
background: #f78b00;
}
.orangeBG a {
color: #0e6000;
}
.yellowBG {
background: #ffe400;
}
.yellowBG a {
color: #df3d30;
}
.pdf_link {
margin: 0;
padding: 0;
}
.pdf_link_list {
margin: 0;
padding: 0;
}
.pdf_link_list li {
margin: 0 0 1.5em !important;
text-indent: -20px;
line-height: 1.5;
}
.pdf_link a,
.pdf_link_list a {
font-weight: bold;
margin: 0;
padding: 0 0 0 20px;
background: url(../images/icon_pdf.gif) no-repeat 0px 0px;
}
.sub_image {
margin: 30px 0 15px;
}
.sub_image img {
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important;
}
.middle_image {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px #ddd solid;
text-align: center;
}
.middle_image img {
width: 65%;
height: auto;
margin: 0 auto !important;
padding: 0 !important;
}
.small_image {
width: 100px;
margin: 0 20px 10px 0;
padding: 0;
float: left;
}
.small_image img {
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important;
}
.numbers {
margin-bottom: 1.5em;
font-weight: bold;
}
.numbers li {
padding-left: 0 !important;
background-image: none !important;
}
.numbers_plus {
margin-left: 1em;
margin-bottom: 1em;
}
.numbers_plus li {
padding: 0 0 1em 1.5em !important;
background-image: none !important;
text-indent: -1.5em;
}
.numbers_plus span {
width: 1.5em;
padding: 0 !important;
display: inline-block;
text-indent: 0 !important;
}
.annual-report {
margin: 0 0 20px;
}
.annual-report img {
float: right;
padding: 0 0 0 20px;
}
.photo_left {
width: 210px;
float: left;
font-weight: bold;
margin: 0 0 0 10px;
}
.photo_right {
width: 210px;
float: right;
font-weight: bold;
}
.main_photo_right {
float: right;
margin: 0 !important;
padding: 0 0 5px 20px;
width: auto;
}
.main_photo_left {
float: left;
margin: 0 !important;
padding: 0 20px 30px 0;
width: auto;
}
.members_photo {
float: right;
margin: 0 !important;
padding: 0 0 5px 20px;
width: 250px;
height: auto;
background: #fff;
}
.members_photo img {
/*width: 250px;*/
height: auto;
margin: 0 0 0 10px;
}
.regional {
float: left;
width: 220px;
}
.Non-regional {
float: right;
width: 220px;
}
.halfwayh3 {
margin: 0 0 2em !important;
}
.divide {
margin: 50px 0 0;
}
table.adf13 td {
vertical-align: top;
width: 25%;
padding: 1em;
font-size: 90% !important;
}
table.adf13 td sup {
font-size: 80%;
}
.bgadf13 {
background: #eff0e6;
}
.bgeligibility {
background: #eff0e6 url(../images/dots_horizontal.gif) repeat-x top left;
}
table.eligibility th {
padding: 1em;
}
table.eligibility td {
vertical-align: top;
text-align: right;
width: 33%;
padding: 1em;
font-size: 90% !important;
}
.our-values h3 {
margin: 0 0 0.3em;
}
.ratings {
margin: 0 0 20px 0;
padding0;
}
.ratings h3 {
margin: 0 0 0.7em;
}
.ratings p {
overflow: auto;
font-size: 85%;
line-height: 1.6;
}
.ratings img {
margin: 0;
padding: 0 15px 0 0;
float: left;
}
.ratings a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.market_risk p {
font-size: 90%;
line-height: 1.5;
}
.market_risk img {
float: left;
padding: 0 10px 0 0;
}
.map_bg {
position: relative;
background: #fcebe6;
margin: 0 0 15px;
padding: 50px 0;
}
.graph_title {
font-weight: bold;
line-height: 2;
margin: 0 0 10px;
font-size: 110%;
}
.graph_one {
width: 232px;
height: 231px;
background: url(../images/projects_and_operations/graph.png) no-repeat;
margin: 0 auto;
}
.graph_two {
width: 232px;
height: 231px;
background: url(../images/projects_and_operations/graph2.png) no-repeat;
margin: 0 auto;
}
.graph_text {
font-size: 11px;
line-height: 1.6 !important;
text-align: center;
position: absolute;
}
.g1a {
top: 20px;
left: 190px;
}
.g1b {
top: 80px;
left: 260px;
}
.g1c {
top: 230px;
left: 260px;
}
.g1d {
top: 240px;
left: 40px;
}
.g1e {
top: 160px;
left: 0px;
}
.g1f {
top: 80px;
left: 15px;
}
.g1g {
top: 25px;
left: 75px;
}
.g1h {
top: 10px;
left: 130px;
}
.g2a {
top: 35px;
left: 220px;
}
.g2b {
top: 170px;
left: 280px;
}
.g2c {
top: 270px;
left: 220px;
}
.g2d {
top: 260px;
left: 55px;
}
.g2e {
top: 120px;
left: 0px;
}
.g2f {
top: 15px;
left: 110px;
}
.arrowlink {
padding: 0 0 0 12px;
margin: 0 0 0.4em 0;
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.3em;
line-height: 1.3em;
}
.project_cycle h3 {
padding-top: 0.5em !important;
}
.asro_photo_space {
width: 256px;
float: left;
margin: 0;
padding: 0 15px 10px 0;
}
.asro_photo_space li {
width: 22%;
background: none;
margin: 0 6px 0 0;
padding: 0;
float: left;
}
.asro_photo_space li img {
width: 56px;
height: auto;
border: 1px #999 solid;
padding: 0 !important;
margin: 0 !important;
}
.photo_asro {
width: 250px;
height: auto;
margin: 0 !important;
padding: 0 0 15px !important;
}
.contact_text span {
width: 60px;
display: inline-block;
}
.ct_title {
font-size: 120%;
font-weight: bold;
margin: 0;
padding: 0;
}
/* use ko */
#main-contents-wrap {
width: 535px;
background: #fff;
margin: 0 auto 0 auto;
padding: 0px 0 0 0;
}
#main-contents-japan {
width: 495px;
margin: 0px auto 20px auto;
}
#main-contents-japan-img {
margin: 0 0 20px 0;
}
#main-contents-wrap_wide {
width: 735px;
background: #fff;
margin: 0 auto 0 auto;
padding: 0px 0 0 0;
}
#main-contents-japan_wide {
width: 695px;
margin: 0px auto 20px auto;
}
.mcj_p {
text-align: center;
}
.mcj_p2 {
text-align: center;
}
.mcj_p2 img {
margin: 15px 4px 8px 4px;
}
#main-contents-news {
width: 495px;
margin: 20px 0 0 20px;
float: left;
}
#main-contents-news-img {
margin: 0 0 20px 0;
}
.main-contents-copy {
font-size: 16px;
font-weight: bold;
margin: 20px 0 0.8em 0;
line-height: 1.3em;
color: #70aa00;
}
.main-contents-copy-w {
font-size: 16px;
font-weight: bold;
margin: 0 0 0.8em 0;
padding: 30px 15px 10px 15px;
line-height: 1.3em;
color: #fff;
background: #295b01;
}
.main-contents-copy-wla {
font-size: 22px;
font-weight: bold;
margin: 0 0 0.8em 0;
padding: 30px 15px 10px 15px;
line-height: 1.3em;
color: #fff;
background: #295b01;
}
.mc_center {
text-align: center;
}
.main-contents-copy-ws {
font-size: 13px;
font-weight: bold;
padding: 0 0 10px 0;
}
.main-contents-copy-ws_s {
font-size: 12px;
font-weight: bold;
padding: 0 0 10px 0;
}
.main-contents-copy-ws2 {
font-size: 11px;
font-weight: bold;
line-height: 1.2em;
padding: 5px 0 0 0;
}
.main-contents-copy-ws3 {
font-size: 14px;
font-weight: bold;
line-height: 1.2em;
padding: 5px 0 0 0;
}
.window-close {
margin: 30px 0 0 0;
text-align: right;
}
.window-footer {
margin: 10px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #ccc;
text-align: right;
}
.main-contents-title {
font-size: 14px;
font-weight: bold;
margin: 0 0 0.3em 0;
line-height: 1.3em;
}
.top_space {
margin-top: 20px;
}
.main-contents-text {
margin: 20px 0 2em 0;
}
#main-contents a {
text-decoration: none;
}
.main-contents_b {
font-weight: bold;
}
.main-contents_b_right {
font-weight: bold;
text-align: right;
margin-top: 1em;
}
.main-contents_c {
color: #70aa00;
font-weight: bold;
margin: 10px 0 2px 0;
}
.main-contents_new {
padding: 0 0 0 38px;
}
.main-contents_newjs {}
#main-contents_icon {
margin: 3px 0 0 0;
padding: 0;
}
#main-contents_icon img {
margin: 0 3px 0 0;
padding: 0;
}
#main-contents_icon a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#main-contents_icon_side {
margin: 3px 0 0 0;
padding: 0;
}
#main-contents_icon_side img {
margin: 0 3px 0 0;
padding: 0;
}
#main-contents_icon_side a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.main-contents_old {
padding: 0 0 0 38px;
}
.main-contents_old_nolink {
color: #bbb;
font-weight: bold;
padding: 0 0 0 38px;
}
.entry_end {
width: 11em;
line-height: 1;
text-align: center;
color: #cc0000;
border: 1px solid #cc0000;
margin: 0 0 3px 0;
padding: 5px 5px;
}
.news-copy {
margin: 20px 0 10px 0;
font-size: 16px;
font-weight: bold;
color: #70aa00;
}
.main-contents_new_spacer {
height: 150px;
}
#main-contents img {
margin: 0 0 20px 0;
}
#main-contents-photo {
margin: 5px 15px 5px 0;
padding: 0;
float: left;
}
#main-contents-photo img {
margin: 0;
padding: 0;
}
#main-contents-photo-right {
margin: 5px 0 5px 15px;
padding: 0;
float: right;
}
#main-contents-photo-right img {
margin: 0;
padding: 0;
}
#main-contents-photo-news {
margin: 5px 15px 5px 0;
padding: 0;
float: left;
}
#main-contents-photo-news img {
margin: 5px 0 5px 0;
padding: 0;
border: 1px solid #ccc;
}
/**
* inquiry
*/
.inquiry {
font-size: 12px;
margin: 10px 0;
padding: 15px;
border: 1px solid #eee;
/* normal */
background: linear-gradient(#ffffff, #eeeeee);
/* webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
/* mozilla */
background: -moz-linear-gradient(top, #ffffff, #eeeeee);
/*IE6 IE7 */
filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ffffff, endcolorstr=#eeeeee));
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#eeeeee))";
zoom: 1;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
line-height: 1.5em;
}
.inquiry h1 {
border-bottom: 1px solid #ddd;
font-size: 14px;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
line-height: 1.3em;
}
.inquiry h2 {
border-bottom: 1px solid #ddd;
font-size: 14px;
color: #70aa00;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
line-height: 1.3em;
font-weight: bold;
}
.inquiry h3 {
font-size: 14px;
}
.inquiry h4 {
border-top: 1px solid #ddd;
font-size: 14px;
margin: 0.8em 0 0.8em 0;
padding: 0.8em 0 0 0;
}
.inquiry_name1 {
font-weight: bold;
font-size: 14px;
margin: 0.8em 0 0.8em 0;
padding: 0;
}
.inquiry_name2 {
font-weight: bold;
border-top: 1px solid #ddd;
font-size: 14px;
margin: 0.8em 0 0.8em 0;
padding: 0.8em 0 0 0;
}
.inquiry_name3 {
font-weight: bold;
font-size: 13px;
margin: 1.6em 0 0.2em 0;
padding: 0;
}
.news-link {
margin: 0;
}
.news-link-img {
margin: 5px 10px 10px 0;
padding 0;
height: 100px;
float: left;
border: 1px solid #ccc;
}
.news-link a:hover img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.news-link-text {
width: 345px;
margin: 0;
padding: 40px 0 0 0;
text-indent: -1.5em;
float: right;
}
.news-link-text a {
margin: 0;
padding: 2px 0 0 1.5em;
background: url(../images/icon_pdf.gif) no-repeat 0px 0px;
}
.ratings-text {
font-weight: bold;
margin: 0;
padding: 35px 0 0 0;
}
.ratings-text a {
margin: 0;
padding: 2px 0 0 20px;
background: url(../images/icon_pdf.gif) no-repeat 0px 0px;
}
.name-a {
font-size: 16px;
color: #295b01;
font-weight: bold;
margin: 15px 0 0 0;
padding: 0;
}
.name-ak {
font-size: 12px;
color: #295b01;
font-weight: bold;
margin: 15px 0 0 0;
padding: 0;
}
.name-b {
font-size: 11px;
font-weight: bold;
line-height: 1.5em;
margin: 0;
padding: 0;
}
/**
* Navigation - Secondary
*/
#secondaryNavigation {
background: #f9f9f9 url(../images/nav_fade.gif) repeat-x bottom left;
padding: 15px 0 30px 0;
width: 190px;
float: left;
}
.secondary-banner {
margin: 20px 5px 10px 5px;
}
.secondary-banner img {
border: none;
}
.secondary-banner a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.presentation-banner {
margin: 0;
padding: 0;
}
.presentation-banner img {
border: 1px solid #ccc;
margin: 0;
padding: 0;
}
.presentation-banner a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#presentation-banner2 {
margin: 0;
padding: 0;
}
#presentation-banner2 img {
border: 1px solid #ccc;
margin: 0;
padding: 0;
}
#presentation-banner2 a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.presentation-banner2-text {
text-align: right;
}
/**
* Navigation - Footer
*/
#footerNavigation {
width: 576px;
margin: 0 auto;
padding: 10px 0 20px 0;
clear: both;
}
#footerNavigation ul li {
padding: 0 1em;
background: none;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}
#footerNavigation ul li.first {
padding: 0 1em 0 0;
}
#footerNavigation ul li.last {
border-right-width: 0;
background: transparent url(../images/rss.gif) no-repeat center left;
padding-left: 18px;
margin: 0 0 0 1em;
}
#footerNavigation ul a {
color: #FFFFFF;
}
#footerNavigation ul a.active,
#footerNavigation ul a:hover {
color: #F29F05;
}
/**
* Page - Default page layout
*/
div.defaultPageLayout div.page.columnOne,
div.defaultPageLayout div.page.columnTwo {
float: left;
}
div.defaultPageLayout div.columnsWrapper {
float: right;
width: 500px;
padding: 2em 0;
}
div.columnThree {
font-size: 12px;
width: 200px;
margin: 20px 20px 30px 0;
float: right;
}
div.columnThree ul {
margin: 0;
padding: 0;
}
div.columnThree li {
margin: 0 0 2em 0;
padding: 2em 0 0 12px;
background: transparent url(../images/bullet_link.gif) no-repeat 0 2.4em;
*background: transparent url(../images/bullet_link.gif) no-repeat 0 2.8em;
border-top: 4px solid #ccc;
}
div.columnThree li a {
font-weight: bold !important;
}
div.columnThree img {
padding: 2em 0 0 0;
border-top: 4px solid #ccc;
}
div.columnThree a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
div.sitemap {
padding: 20px 20px 5px 30px;
font-weight: bold;
}
.sitemap-in {
margin: 0 0 5px 20px;
}
.sitemap-in-in {
margin: 0 0 5px 40px;
}
.sitemap-in-in-in {
margin: 0 0 5px 60px;
}
.sitemap-in-in-in-in {
margin: 0 0 5px 80px;
}
div.defaultPageLayout div.page.columnOne div.columnWrapper {
padding-top: 0;
}
div.defaultPageLayout div.page.columnOne {
width: 20%;
}
div.defaultPageLayout div.page.columnTwo {
width: 68%;
}
div.defaultPageLayout div.page.columnThree {
width: 26%;
margin: 0 1.5em 0 0;
}
div.defaultPageLayout div.page.columnThree div.columnWrapper {
padding: 0;
}
/**
* Content - Two column layout
*/
div.twoColumnLayout {
margin-bottom: 0;
}
div.twoColumnLayout div.columnOne {
float: left;
width: 48%;
}
div.twoColumnLayout div.columnWrapper {
padding-top: 0;
}
div.twoColumnLayout div.columnTwo {
width: 48%;
float: right;
}
div.twoColumnLayout.thirtySeventy div.columnOne,
div.twoColumnLayout.seventyThirty div.columnTwo {
width: 30%;
}
div.twoColumnLayout.thirtySeventy div.columnTwo,
div.twoColumnLayout.seventyThirty div.columnOne {
width: 68%;
}
/**
* Content - Three column layout
*/
div.threeColumnLayout {
margin-bottom: 20px;
}
div.threeColumnLayout div.column {
width: 33%;
float: left;
}
/**
* Messages
*/
div.notification {
padding: 0.7em 1em 0.7em 30px;
margin: 0 0 1em 0;
background: #E2F9E3 url(../images/tick.gif) no-repeat 7px 8px;
border: 4px solid #99CC99;
color: #006600;
font-weight: normal;
text-align: left;
display: block;
clear: both;
}
div.notification.error {
background-color: #FEDBDB;
background-image: url(../images/error.gif);
border-color: #FFA7A7;
color: #B60000;
}
.japan-text-flame {
font-size: 12px;
line-height: 1.5em;
margin: 0 0 0 30px;
}
.jpt-image img {
float: right;
padding: 0 0 15px 15px;
}
.japan-text-a {
color: #295b01;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
padding-top: 5px;
border-top: 1px solid #ccc;
}
.japan-text-a span {
border-left: 5px #FFA805 solid;
padding-left: 5px;
}
.jta_s {
border-left: none;
padding-left: 5px;
font-size: 12px;
font-weight: normal;
}
.japan-text-b {
font-size: 12px;
margin-top: 15px;
padding-top: 5px;
border-top: 1px solid #ccc;
text-indent: -10px;
padding-left: 10px;
}
.japan-text-b span {
border-left: 5px #FFA805 solid;
padding-left: 5px;
}
.japan-text-bold {
font-weight: bold;
}
.acfa-link {
margin: 0;
padding: 0;
}
.acfa-link ul {
margin: 0;
padding: 0;
}
.acfa-link li {}
.acfa-text {
line-height: 1.8em;
margin: 0 0 15px 0;
padding: 0 0 0 10px;
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.6em;
*background: transparent url(../images/bullet_link.gif) no-repeat 0 0.7em;
}
.acfa-text-movie {
font-size: 14px;
line-height: 1.8em;
font-weight: bold;
}
#acfa-image {
width: 220px;
margin: 0 10px 5px 10px;
padding: 0;
float: left;
}
#acfa-image-text {
font-size: 10px;
line-height: 1.4em;
margin: 0;
padding: 0;
}
#acfa-image img {
margin: 0 0 5px 0;
padding: 0;
border: 4px solid #333;
}
#acfa-image a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
div.dot-sentence {
font-size: 13px;
font-weight: bold;
margin: 5px 0 15px 1em;
}
div.dot-sentence ul {
margin: 0;
padding: 0;
}
div.dot-sentence li {
line-height: 1.7em;
margin: 5px 0 5px 0;
padding: 0 0 0 1em;
background: transparent url(../images/bullet_dot.gif) no-repeat 0 0.5em;
*background: transparent url(../images/bullet_dot.gif) no-repeat 0 0.6em;
}
div.dot-sentence2 {
font-size: 13px;
font-weight: bold;
margin: 5px 0 15px 0;
}
div.dot-sentence2 ul {
margin: 0;
padding: 0;
}
div.dot-sentence2 li {
line-height: 1.7em;
margin: 5px 0 15px 0;
padding: 0 0 0 1em;
background: transparent url(../images/bullet_dot.gif) no-repeat 0 0.5em;
*background: transparent url(../images/bullet_dot.gif) no-repeat 0 0.6em;
}
div.dot-sentence3 {
font-size: 13px;
margin: 5px 0 25px 2em;
}
div.dot-sentence3 ul {
margin: 0;
padding: 0;
}
div.dot-sentence3 li {
width: 90%;
line-height: 1.7em;
margin: 0;
padding: 2px 0 2px 1em;
border-bottom: 1px solid #ddd;
background: transparent url(../images/bullet_square.gif) no-repeat 0 0.8em;
*background: transparent url(../images/bullet_square.gif) no-repeat 0 0.8em;
}
#content-pager {
font-family: Dotum, AppleGothic, sans-serif;
font-size: 11px;
width: 400px;
margin: 15px auto 40px auto;
padding: 5px 0;
border: 1px solid #ddd;
/* normal */
background: linear-gradient(#eeeeee, #cccccc);
/* webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
/* mozilla */
background: -moz-linear-gradient(top, #eeeeee, #cccccc);
/*IE6 IE7 */
filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#eeeeee, endcolorstr=#cccccc));
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eeeeee, endcolorstr=#cccccc))";
zoom: 1;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
}
#content-pager .num-page {
margin: 0px 0px 0 16px;
padding: 10px 0 0 0px;
list-style: none;
clear: left;
font-size: 12px;
color: #848a8c;
}
.num2 {
margin: 10px 0 0 !important;
padding: 10px 0 0 2px !important;
}
#content-pager .num-page li {
float: left;
padding: 0 6px 0 0;
}
#content-pager .num-page a {
width: 25px;
float: left;
line-height: 14px;
margin: 0 0 3px 0;
padding: 2px 4px 0;
min-width: 8px;
border: 1px solid #ccc;
color: #848a8c;
background: #eee;
text-decoration: none;
}
#content .num-page a:hover,
#content .num-page li.active a {
color: #fff;
background: #70aa00;
border-bottom-color: #848a8c;
}
#content-pager li.none {
width: 25px;
float: left;
font-weight: bold;
line-height: 14px;
margin: 0 0 3px 0;
padding: 2px 4px 0;
min-width: 8px;
border: 1px solid #bbb;
color: #aaa;
background: #ccc;
text-decoration: none;
margin: 0 6px 0 0;
}
#content-pager .num-page .lastInfo {
line-height: 14px;
padding: 2px 4px 0;
}
#pagetop {
background: transparent url(../images/dots_horizontal.gif) repeat-x top left;
text-decoration: none;
margin: 0;
padding: 0;
}
#pagetop ul {
float: right;
margin: 10px 0 30px 0;
}
#pagetop li {
font-size: 12px;
padding: 0 0 0 1em;
background: transparent url(../images/bullet_top.gif) no-repeat 0 0.5em;
*background: transparent url(../images/bullet_top.gif) no-repeat 0 0.4em;
}
#pagetop li a {
text-decoration: none;
}
#pagetop li a:hover {
text-decoration: underline;
}
.seminar-info {
border: 5px solid #ccc;
margin: 0;
padding: 8px 14px 8px 14px;
font-weight: bold;
}
.seminar-info ul {
margin: 0;
padding: 0;
}
.seminar-info li {
margin: 8px 0 8px 0;
padding: 0 0 0 12px;
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.4em;
*background: transparent url(../images/bullet_link.gif) no-repeat 0 0.8em;
}
.seminar-infon {
margin: 25px 0 300px 0;
font-weight: bold;
}
.seminar-infon ul {
margin: 0;
padding: 0;
}
.seminar-infon li {
margin: 8px 0 8px 0;
padding: 0 0 0 12px;
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.4em;
*background: transparent url(../images/bullet_link.gif) no-repeat 0 0.8em;
}
.seminar-infon_s {
font-size: 12px;
line-height: 1.4em;
font-weight: normal;
}
.japan-img-right {
font-size: 11px;
margin: 0 0 3px 10px;
text-align: right;
float: right;
}
.japan-img-right img {
margin: 0 0 3px 0;
}
.info-window {
font-size: 12px;
margin: 0;
padding: 10px;
border: 1px solid #ccc;
}
.windowtop-window {
width: 100%;
background: #fff;
margin: 0 0 10px 0;
padding: 10px 0;
text-align: center;
}
.movie-area {
margin: 0 0 120px 7px;
}
.accordion_a {
color: #295b01;
font-size: 14px;
line-height: 1;
font-weight: bold;
margin: 5px 0 0 30px;
padding: 8px;
border: 1px solid #dfdfdf;
background: #eee;
}
.accordion_a span {
font-size: 12px;
color: #666;
margin: 0 0 0 5px;
}
.accordion_a:hover {
cursor: pointer;
color: #FFA805;
text-decoration: none;
background: #f3f3f3;
}
.jica {
padding: 5px 0;
text-align: right;
}
.video_jp {
width: 482px;
margin: 0 auto 40px auto;
position: relative;
}
.video_jp_ns {
width: 100%;
height: 130px;
text-align: center;
font-weight: bold;
color: #fff;
padding: 80px 0 0 0;
background: #aaa;
border: 1px solid #dfdfdf;
top: 0px;
left: 0px;
z-index: 300;
position: absolute;
}
.video_title {
font-size: 16px;
font-weight: bold;
margin: 20px 0 0.8em 0;
line-height: 1.3em;
color: #70aa00;
text-align: center;
}
.main-contents-np {
font-size: 34px;
font-weight: bold;
margin: 0 0 0.8em 0;
padding: 15px 15px 15px 15px;
line-height: 1.3;
color: #15b73f;
letter-spacing: 0.2em;
border-bottom: 3px #15b73f solid;
}
.main-contents-50th {
font-size: 34px;
font-weight: bold;
margin: 0 0 0.8em 0;
padding: 15px 15px 15px 15px;
line-height: 1;
color: #15b73f;
letter-spacing: 0.3em;
border-bottom: 3px #15b73f solid;
}
.main-contents-50th_s {
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 10px 0.5em 5px 0;
padding: 6px;
vertical-align: middle;
background: #bb9d3a;
color: #fff;
}
#vs {
width: 600px;
height: 335px;
}
.video_make {
width: 480px;
margin: 10px auto 5px;
}
.video_make_600 {
width: 600px;
margin: 10px auto 5px;
}
.np_text {
width: 600px;
margin: 10px auto 5px;
}
.np_text p {
margin: 0;
padding: 0;
}
.inquiry_np {
border: 3px #295b01 solid;
padding: 0;
margin: 20px 0 0;
}
.inquiry_np_title {
font-size: 14px;
font-weight: bold;
color: #fff;
margin: 0;
padding: 3px 10px;
background: #295b01;
}
.inquiry_np p {
padding: 10px;
}
.inquiry_np span {
font-size: 15px;
}
.video_text {
width: 600px;
margin: 10px auto 5px;
}
.video_text img {
float: right;
margin: 10px 0 10px 20px;
width: 200px;
height: auto;
}
.video_make p,
.video_make_600 p {
border: 1px solid #dfdfdf;
padding: 5px;
text-align: center;
}
.video_cap {
width: 480px;
margin: 0 auto 20px;
text-align: right;
font-size: 12px;
;
}
.video_cap_600 {
width: 600px;
margin: 0 auto 20px;
text-align: right;
font-size: 12px;
;
}
.teco_dg {
color: #295b01;
}
.te_size_s {
font-weight: normal;
font-size: 11px;
}
#footer div.subscribe {
float: right;
margin: 0
}
div.subscribe ul {
float: left;
margin: 0 0 1em;
padding: 0;
}
div.subscribe ul li {
float: left;
background-image: none;
padding: 0 !important;
margin: 0 .5em 0 0 !important;
border: none !important;
}
#content>div.wrapper,
#footer {
padding: 1em;
}
div.subscribe ul li a {
display: block
}
div.subscribe ul li a span {
display: block;
height: 40px;
width: 40px;
background: url('../images/social-sprite.png') 50% 50% no-repeat;
font-size: 0
}
#breadcrumb span.title,
#footer #credits,
div.upperFooter {
display: none
}
div.subscribe ul li.facebook a {
background-color: #3a599c
}
div.subscribe ul li.facebook a span {
background-position: 50% 0
}
div.subscribe ul li.twitter a {
background-color: #25a7e5
}
div.subscribe ul li.twitter a span {
background-position: 50% -40px
}
div.subscribe ul li.instagram a {
background-color: #527ea3
}
div.subscribe ul li.instagram a span {
background-position: 50% -80px
}
div.subscribe ul li.rss a {
background-color: #feac1c
}
div.subscribe ul li.rss a span {
background-position: 50% -120px
}
div.subscribe ul li.youtube a {
background-color: #ce3225
}
div.subscribe ul li.youtube a span {
background-position: 50% -160px
}
div.subscribe ul li.flickr a {
background-color: #f01283
}
div.subscribe ul li.flickr a span {
background-position: 50% -200px
}
div.subscribe ul li.email a {
background-color: #8c8c8c
}
div.subscribe ul li.email a span {
background-position: 50% -240px
}
/*θ»’θ¨*/
table.transaction {
margin: 0.5em 0 3em;
}
table.transaction td {
padding: 10px 0 0 0;
}
table.transaction th {
background: #666;
color: #fff;
text-align: center;
padding: 4px 0 4px 0;
}
table.transaction p {
padding: 2px 0 2px 1em;
line-height: 1.7em;
background: transparent url(../images/bullet_square.gif) no-repeat 0 0.8em;
*background: transparent url(../images/bullet_square.gif) no-repeat 0 0.8em;
}
@media screen and (min-width:1100px) {
div.subscribe ul {
position: fixed;
right: -1em;
top: 30%;
z-index: 1000
}
div.subscribe ul li {
float: none
}
div.subscribe ul li a {
position: relative;
padding: .5em 1em .5em .5em;
margin: 0;
right: 0;
-webkit-transition: all .12s ease-out;
-moz-transition: all .12s ease-out;
transition: all .12s ease-out
}
div.subscribe ul li a:hover {
right: .5em
}
}
.movieArea {
width: 480px;
margin: 0 auto 30px;
padding: 0;
border: 1px solid #f0f0f0;
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
filter: progid: DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=3, enabled=true);
}
:focus {
outline: 0;
}
#banner-fade,
#banner-slide {
margin-bottom: 15px;
height: 195px;
overflow: hidden;
}
.bjqs li {
background: none !important;
margin: 0;
padding: 0;
}
ul.bjqs-controls.v-centered li {}
ul.bjqs-controls.v-centered li a {
display: block;
padding: 10px;
background: #fff;
color: #000;
text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover {
background: #000;
color: #fff;
}
ol.bjqs-markers li a {
padding: 5px 10px;
background: #000;
color: #fff;
margin: 5px;
text-decoration: none;
}
/* Basic jQuery Slider essential styles */
ul.bjqs {
position: relative;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
display: none;
}
li.bjqs-slide {
position: absolute;
display: none;
}
ul.bjqs-controls {
list-style: none;
margin: 0;
padding: 0;
z-index: 9999;
}
ul.bjqs-controls.v-centered li a {
position: absolute;
}
ul.bjqs-controls.v-centered li.bjqs-next a {
right: 0;
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
left: 0;
}
ol.bjqs-markers {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
ol.bjqs-markers.h-centered {
text-align: center;
}
ol.bjqs-markers li {
display: inline;
}
ol.bjqs-markers li a {
display: inline-block;
}
p.bjqs-caption {
display: block;
width: 96%;
margin: 0;
padding: 2%;
position: absolute;
bottom: 0;
}
#post-item {
margin: 0 0 2.5em;
}
.top-info-title {
position: relative;
font-size: 18px;
color: #333;
line-height: 1;
vertical-align: text-bottom !important;
font-weight: bold;
padding: 10px 0 10px 8px;
margin: 0 0 0.5em;
background: #eee;
}
.tonews {
font-size: 12px;
margin: 10px 0 0;
text-align: right;
}
.tonews span a {
background: #295b01;
color: #fff !important;
padding: 4px 30px;
}
.tonews span a:hover {
text-decoration: none;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.post {
margin: 0;
}
.post span {
display: block;
margin: 2px 0 5px;
}
.post-time {
margin: 0;
padding: 0;
}
.post-item-top > .post-time {
float: left;
width: 170px;
}
.post-item-top > .post {
overflow: auto;
}
#top-main-post > .divider {
clear: both;
width: 100%;
margin: 2px auto !important;
height: 1px;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
#top-main-post {
margin: 1em 0 2em;
}
.post-item-top {
margin: 0;
padding: 0.3em 0;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
}
.post-item {
margin: 1em 0 0;
}
.post-item-top h2,
.post-item h2 {
margin: 0;
padding: 0;
}
.new-pos {
padding: 0 0 0 5px;
}
.post-item-top h2 {
font-size: 13px !important;
}
.intro_block {
margin: 2.5em 0 2.5em;
}
.mg_set {
margin: 0 0 2.5em !important;
}
.intro_block ul {}
.intro_block li {
line-height: 1.7 !important;
background: transparent url(../images/bullet_square.gif) no-repeat 0 0.5em;
}
.intro_block p {
padding: 0 0 0 1em;
}
.btno {
padding: 0 !important;
}
.ib_link {
background: transparent url(../images/bullet_link.gif) no-repeat 0 0.5em !important;
}
.first_block {
width: auto !important;
float: none !important;
}
.three_block li {
width: 135px;
float: left;
}
.mb_a {
margin: 0 0 2em;
}
.parcec {
float: right;
}
.partext {
padding: 0 0 0 12px;
background: transparent url(../images/bullet_square.gif) no-repeat 0 0.2em;
*background: transparent url(../images/bullet_square.gif) no-repeat 0 0.3em;
}
.parbor li {
clear: both;
background: transparent url(../images/dots_horizontal.gif) repeat-x bottom left;
padding: 0;
}
.urlwrap {
/*width: 490px;*/
word-break: break-all;
}
@media print, screen and (min-width : 768px) {
.g1a {
top: 20px;
left: 390px;
}
.g1b {
top: 80px;
left: 460px;
}
.g1c {
top: 230px;
left: 460px;
}
.g1d {
top: 240px;
left: 240px;
}
.g1e {
top: 160px;
left: 170px;
}
.g1f {
top: 80px;
left: 215px;
}
.g1g {
top: 25px;
left: 275px;
}
.g1h {
top: 10px;
left: 330px;
}
.g2a {
top: 35px;
left: 420px;
}
.g2b {
top: 170px;
left: 480px;
}
.g2c {
top: 270px;
left: 420px;
}
.g2d {
top: 260px;
left: 255px;
}
.g2e {
top: 120px;
left: 200px;
}
.g2f {
top: 15px;
left: 310px;
}
}
ΛΏΧγ