@charset "UTF-8";
/* --------------------------------------------------------------------------------------
 TOP
--------------------------------------------------------------------------------------- */

/* fontsize differ from other pages ------------- */

div#wrap {
  font-size: 80%;
}

div#hd ul.hdNavi {
  font-size: 90%;
}

/* layout ------------------------------ */

div#ctArea {
  width: 800px;
  padding-top: 43px;
  margin-bottom: 0;
}

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

div#ctArea {
  display: inline-block;
}

/*\*/

* html div#ctArea {
  height: 1%;
}

div#ctArea {
  display: block;
}

/**/

div#ctLeft {
  float: left;
  width: 524px;
}

div#ctRight {
  float: right;
  width: 266px;
}

div#ctRight-inner {
  background: #DAE1ED;
  padding: 5px;
}

#ctRight a:link, #ctRight a:visited {
  text-decoration: none;
}

#ctRight a:hover, #ctRight a:active {
  text-decoration: underline;
}

/* Note ------------------------------ */

#ctLeft div.top_note {
  background-color: #DAE1ED;
  margin: 0 0 9px;
  padding: 5px;
}

#ctLeft div.top_note ul {
  border: solid 1px #C2CEE0;
  background-color: #F7F7F7;
  padding: 3px;
}

#ctLeft div.top_note ul li {
  background: url(//www.jica.go.jp/spanish/common_/img/arrow05.jpg) no-repeat 0.4em 0.5em;
  background-color: #FFFFFF;
  padding: 3px 3px 5px 20px;
}

#ctLeft div.top_note a {
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
  color: #09589F;
}

#ctLeft div.top_note a:link, #ctLeft div.top_note a:visited {
  color: #09589F;
}

#ctLeft div.top_note a:hover, #ctLeft div.top_note a:active {
  text-decoration: none;
  color: #09589F;
}

/* focus ------------------------------ */

div.focus {
  width: 524px;
  background: url(//www.jica.go.jp/spanish/_component/bg_focus.jpg) no-repeat;
}

div.focus-inner {
  width: 524px;
  background: url(//www.jica.go.jp/spanish/_component/bg_focus_bt.jpg) no-repeat left bottom;
}

div.focus-inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.focus-inner {
  display: inline-block;
}

/*\*/

* html div.focus-inner {
  height: 1%;
}

div.focus-inner {
  display: block;
}

/**/

div.focus p.img {
  float: left;
  padding: 8px 8px 7px 8px;
}

#ctArea div.focus a:link, #ctArea div.focus a:visited {
  color: #000000;
  text-decoration: none;
}

#ctArea div.focus a:hover, #ctArea div.focus a:active {
  text-decoration: underline;
}

div.focus dl {
  margin: 0 9px 0 357px;
}

div.focus dl dt {
  padding: 15px 0 4px;
  font-size: 100%;
}

div.focus dl dt span {
  font-size: 110%;
  font-weight: bold;
  color: #983636;
  line-height: 1.2;
}

div.focus dl dd {
  line-height: 1.2;
  font-size: 85%;
  font-style: italic;
  padding-bottom: 8px;
}

div.focus dl dd p {
  margin-top: 3px;
  text-align: right;
  font-size: 110%;
  font-style: normal;
}

p.notice {
  width: 150px;
  margin-top: 9px;
  padding: 2px 0;
  border: 2px solid #CC0000;
  text-align: center;
}

p.notice a {
  font-size: 118%;
  font-weight: bold;
  color: #CC0000;
}
div.focus p.txt {
  margin: 0 9px 0 357px;
}

div.focus p.txt>a {
  padding-top: 15px;
}

div.focus p.txt>a, div.focus p.txt>span {
  display: block;
}

div.focus p.txt>span.top_Title {
  padding-top: 0.5em;
}

.top_pageTitle {
  font-size: 105%;
  color: #8B1A1A;
  line-height: 1.2em;
  display: block;
  padding: 0 0 0.2em 0;
}

span.outline {
  line-height: 1.2;
  font-size: 85%;
  font-style: italic;
  padding-bottom: 8px;
}
/* news ------------------------------ */

div.news {
  width: 524px;
  margin: 15px 0 15px;
}

div.news h2 {
  margin-bottom: 5px;
}

div.news h3 {
  font-size: 135%;
  color: #999999;
}

div.news h4 {
  font-size: 120%;
}

div.news dl {
  float: left;
  width: 255px;
  margin-right: 14px;
  padding-top: 6px;
}

div.news dl.right {
  margin-right: 0;
}

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

div.news dl {
  display: inline-block;
}

/*\*/

* html div.news dl {
  height: 1%;
}

div.news dl {
  display: block;
}

/**/

div.news dl dt {
  float: left;
  width: 105px;
  margin: 7px 8px 0 0;
  padding: 1px;
  border: 4px solid #EBEBEB;
  background-color: #fff;
}

* html div.news dl dt {
  margin: 7px 1px 0 0;
}

/*\*/

div.news dl dt {
  clear: both;
}

/**/

div.news dl dd {
  float: left;
  width: 132px;
  padding-top: 4px;
}

/*\*/

* html div.news dl dd {
  float: none;
}

/**/

*:first-child+html div.news dl dd {
  float: none;
}

div.news dd a {
  color: #09589F;
  font-size: 120%;
  font-weight: bold;
}

div.news dd p {
  margin-bottom: 5px;
}

div.news p.date {
  text-align: right;
  padding-top: 5px;
  color: #666666;
}

div.news p.link {
  text-align: right;
}

div.news p.link a {
  padding-left: 8px;
  color: #800000;
}

div.news dl.noimg dt {
  display: none;
}

div.news dl.noimg dd {
  width: 100%;
}

/* press ------------------------------ */

div.press h2 {
  margin-bottom: 5px;
}

div.press dl {
  margin-top: 10px;
}

div.press dl dt {
  text-align: right;
  padding: 5px 0 16px;
  color: #666666;
}

div.press dl dt.last {
  padding-bottom: 0;
}

div.press dl dd {
  font-size: 110%;
}

/* side ------------------------------ */

/* president */

div.president {
  width: 256px;
  background: url(//www.jica.go.jp/spanish/common_/img/bg_president.jpg) no-repeat 0 0;
  margin-bottom: 5px;
}

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

div.president {
  display: inline-block;
}

/*\*/

* html div.president {
  height: 1%;
}

div.president {
  display: block;
}

/**/

div.person {
  width: 256px;
  background: url(//www.jica.go.jp/spanish/common_/img/bg_president_bt.jpg) no-repeat left bottom;
}

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

div.person {
  display: inline-block;
}

/*\*/

* html div.person {
  height: 1%;
}

div.person {
  display: block;
}

/**/

div.person p.photo {
  float: left;
  width: 84px;
  padding: 8px 0 8px 8px;
}

div.person div.txtBox {
  float: left;
  width: 148px;
  color: #FFFFFF;
  padding: 13px 0 5px 8px;
}

div.person div.txtBox p {
  margin-bottom: 3px;
}

div.person div.txtBox p.name {
  font-size: 100%;
  font-weight: bold;
  text-align: right;
  padding-top: 10px;
}

div.person div.txtBox p.name span {
  padding-left: 34px;
}

div.person div.txtBox p.link {
  text-align: right;
}

div.person div.txtBox p.link a {
  padding-left: 8px;
  color: #FFFFFF;
}

/* millenium */

div.millenium {
  float: right;
  width: 216px;
}

div.millenium h3 {
  margin: 5px 0;
  font-weight: bold;
  font-size: 110%;
  line-height: 1.3;
}

/* sub */

div#ctRight div.sub {
  border: 1px solid #C2CEE0;
  background: #F7F7F7;
  padding: 2px 3px 3px 3px;
  margin-bottom: 5px;
}

div#ctRight div.sub.last {
  margin-bottom: 0;
}

div#ctRight dl.sub-inner {
  width: 248px;
  background: #fff;
  padding-bottom: 3px;
}

div#ctRight dl.sub-inner p, div#ctRight dl.sub-inner ul {
  padding: 3px 5px 0px;
}

div#ctRight dl.sub-inner dd:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div#ctRight dl.sub-inner dd {
  display: inline-block;
}

/*\*/

* html div#ctRight dl.sub-inner dd {
  height: 1%;
}

div#ctRight dl.sub-inner dd {
  display: block;
}

/**/

div#ctRight dl.sub-inner dd .rt {
  float: left;
  padding: 5px 0 0 3px;
  width: 89px;
}

div#ctRight dl.sub-inner dd .lt {
  float: left;
  width: 145px;
}

div#ctRight div.sub .office {
  padding: 5px 5px 0;
}

div#ctRight div.sub .office dd {
  padding-bottom: 3px;
}

div#ctRight div.sub .office dd.date {
  padding-bottom: 0;
  color: #666;
}

/* gallery */

div#ctRight dl.sub-inner dd p.photoText a {
  color: #000000;
}

div#ctRight div.sub dl.sub-inner dd div.photoBox {
  padding: 3px 0 0 5px;
}

div#ctRight div.sub dl.sub-inner dd div.photoBox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div#ctRight div.sub dl.sub-inner dd div.photoBox {
  display: inline-block;
}

/*\*/

* html div#ctRight div.sub dl.sub-inner dd div.photoBox {
  height: 1%;
}

div#ctRight div.sub dl.sub-inner dd div.photoBox {
  display: block;
}

/**/

div#ctRight div.sub dl.sub-inner dd div.photoBox p {
  float: left;
  width: 112px;
  margin: 3px 5px 2px 0px;
  padding: 4px 0px 4px 4px;
  background-color: #EBEBEB;
}

div#ctRight div.sub dl.sub-inner dd div.photoBox p img {
  border: 1px solid #FFFFFF;
}