@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+  COMMON STYLE
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
base setting
--------------------------------------------------------------------------------------- */

/* font ------------------------------ */

body{
color:#333333;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:1.4;
-webkit-text-size-adjust:none;
}

input,textarea,select{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:100%;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:bold;
}

/* tag ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label{
margin:0;
padding:0;
}

html{
height:100%;
}

body{
height:100%;
background:#FFFFFF;
text-align:center;
}

img,table{
border:none;
}

img{
max-width:100%;
height:auto;
}

table{
border-collapse:collapse;
}

ul{
list-style:none;
}

li img,
dt img{
vertical-align:bottom;
}

address,cite{
font-style:normal;
}

/* link ------------------------------ */

a:link,
a:visited,
a:hover,
a:active{
color:#003278;
text-decoration:none;
}

/* --------------------------------------------------------------------------------------
float clear
--------------------------------------------------------------------------------------- */

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
/*\*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/**/


/* --------------------------------------------------------------------------------------
layout
--------------------------------------------------------------------------------------- */
#wrap{
position:relative;
max-width:640px;
margin:0 auto;
text-align:left;
overflow:hidden;
}

.sns{
padding-left:4.68%;
overflow:hidden;
vertical-align:top;
}

.sns .addthis_toolbox{
padding-right:9px;
background:url(//www.jica.go.jp/english/mobile/common/bg_sns.gif) no-repeat right top;
}

.sns .shareTxt{
float:left;
margin-right:15px;
padding-right:11px;
background:url(//www.jica.go.jp/english/mobile/common/bg_sns.gif) no-repeat right center;
line-height:19px;
}

.sns .addthis_button_compact{
padding-right:1px;
}

.sns .addthis_button_twitter,
.sns .addthis_button_facebook{
margin-top:1px;
margin-right:10px;
}

.sns .addthis_button_compact span{
width:16px;
height:16px;
margin-top:1px;
background:url(//www.jica.go.jp/english/mobile/common/icon_sns01.gif) no-repeat;
-webkit-background-size:16px 16px;
background-size:16px 16px;
line-height:16px;
}

.sns .addthis_counter{
display:none !important;
}

.pagetop{
margin:0 4.68%;
text-align:right;
}

.pagetop img{
width:25.86%;
}

/* --------------------------------------------------------------------------------------
header
--------------------------------------------------------------------------------------- */
#hd{
position:relative;
width:100%;
}

#hd .logo{
width:75%;
}

#hd .menuBtn{
position:absolute;
bottom:0;
right:0;
width:21.87%;
margin-right:3.12%;
background:url(//www.jica.go.jp/english/mobile/common/btn_menu_on.gif) no-repeat;
-webkit-background-size:100%;
background-size:100%;
}
#hd .menuBtn.on img{
opacity:0;
}

/* --------------------------------------------------------------------------------------
gnavi
--------------------------------------------------------------------------------------- */
#gnavi{
position:absolute;
top:-9999px;
width:100%;
margin-top:-1px;
border-top:1px solid #003278;
z-index:20;
}
#gnavi.act{
position:relative;
top:0;
}

#gnavi .back{
display:none;
opacity:0;
position:absolute;
top:0;
left:0;
width:20%;
padding:3.75% 5%;
background:#E5f5ff url(//www.jica.go.jp/english/mobile/common/ico_back.png) no-repeat 30% center;
-webkit-background-size:8px 13px;
background-size:8px 13px;
z-index:10;
}

#gnavi ul{
position:absolute;
border-bottom:1px solid #bbbbbb;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #f5f5f5),color-stop(0.5, #ffffff),color-stop(1, #ffffff));
background:linear-gradient(#f5f5f5 0%,#ffffff 50%,#ffffff 100%);
box-shadow:0 0 3px #bbbbbb;
width:100%;
}

#gnavi ul ul{
display:none;
position:absolute;
top:0;
z-index:5;
border-bottom:1px solid #bbbbbb;
box-shadow:none;
}

#gnavi ul li{
border-top:1px solid #e3e6e9;
font-size:13px;
}
#gnavi ul li:first-child{
border-top:none;
}

#gnavi ul li a{
display:block;
padding:3.75% 5%;
background:url(//www.jica.go.jp/english/mobile/common/ico_arw.png) no-repeat 95.31% center;
-webkit-background-size:8px 13px;
background-size:8px 13px;
font-weight:bold;
}
#gnavi ul li a.pc{
background:url(//www.jica.go.jp/english/mobile/common/ico_pc.gif) no-repeat 95.31% center;
-webkit-background-size:4.68%;
background-size:4.68%;
}
#gnavi ul li.off{
position:absolute;
top:-9999px;
}
#gnavi ul li.act{
position:relative;
top:0;
}
#gnavi ul li.act > a{
display:none;
}

#gnavi ul li.link a{
width:100%;
padding:3.75% 5%;
background:#e5f5ff none;
text-align:right;
-webkit-background-size:8px 13px;
background-size:8px 13px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-weight:bold;
}

/* --------------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------------- */
#ft{
padding-top:3.9%;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #e6f1f8),color-stop(1, #ffffff));
background:linear-gradient(#e6f1f8 0%,#ffffff 100%);
}

#ft .inner{
position:relative;
width:100%;
}

#ft .pc{
position:relative;
float:right;
width:23.12%;
margin:0 4.68% 0 0;
border:1px solid #e3e6e9;
z-index:5;
}

#ft .snsIco{
position:absolute;
bottom:0;
right:0;
width:100%;
}

#ft .snsIco li{
float:left;
width:10%;
margin-right:5%;
}
#ft .snsIco li:first-child{
margin-left:4.68%;
}

#ft .link{
margin:0 4.68% 3.33%;
color:#bcbcbc;
font-size:11px;
}
#ft .link a{
font-weight:bold;
white-space:nowrap;
}

#ft .copyright{
margin-top:3.12%;
padding:1em;
border-top:1px solid #e3e6e9;
text-align:center;
font-size:10px;
}

/* --------------------------------------------------------------------------------------
contents
--------------------------------------------------------------------------------------- */
#contents{
margin:3.12% 0 15.62%;
padding-top:1.56%;
background:url(//www.jica.go.jp/english/mobile/common/bg_ct.gif) repeat-x;
-webkit-background-size:12.5%;
background-size:1.25%;
}

#contents .inner{
margin:0 1.56%;
padding:1.56% 1.56% 0;
background:#ffffff;
}

#contents h1{
margin-bottom:1.56%;
padding:2.66% 1.8%;
border-top:5px solid #0077c0;
border-bottom:1px solid #0077c0;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #f7f7f7),color-stop(0.5, #ffffff),color-stop(1, #ffffff));
background:linear-gradient(#f7f7f7 0%,#ffffff 50%,#ffffff 100%);
font-size:14px;
}

#contents .lead{
margin:0 1.66%;
color:#003278;
font-weight:bold;
}

#contents .formTxt{
margin:3% 1.66% 0;
}

#contents .formTxt p{
margin-bottom:1em;
}

#contents .formTxt .err{
color:#e60012;
}

#contents h2{
margin:6.6% 1.8% 3%;
border-bottom:1px solid #e3e6e9;
text-align:center;
font-weight:bold;
}


/* formBlock
---------------------------------------- */

#contents .formBlock dl{
margin:0 1.8%;
padding:3.33%;
background:#f9fafa;
}

#contents .formBlock dt{
margin-top:2em;
font-size:14px;
font-weight:bold;
}
#contents .formBlock dt:first-child{
margin-top:0;
padding-top:4.62%;
}

#contents .formBlock dt .note{
font-size:11px;
}


#contents .formBlock dd{
margin-top:1em;
}

#contents .formBlock .radio{
padding:1em 5.55%;
background:#ffffff;
}

#contents .formBlock .radio input{
margin-right:10px;
vertical-align:text-bottom;
}

#contents .formBlock .radio label{
margin-right:2em;
}

#contents .formBlock input[type=text],
#contents .formBlock textarea{
width:100%;
padding:1em;
border:1px solid #333333;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:0;
}

#contents .formBlock .check{
margin:6% 0 6.66%;
text-align:center;
font-size:11px;
font-weight:bold;
}

#contents .formBlock .check p input{
width:51.33%;
margin:4% auto 0;
padding:0.5em 0;
-webkit-appearance:none;
border:1px solid #e3e6e9;
border-radius:0;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #ffffff),color-stop(1, #f5f5f5));
background:linear-gradient(#ffffff 0%,#ffffff 50%,#f5f5f5 100%);
font-size:14px;
font-weight:bold;
}

#contents .noteList{
margin:6% 3.33% 0;
border-top:1px solid #e3e6e9;
}

#contents .noteList li{
margin-top:1em;
padding-left:1em;
}

#contents .noteList li:before{
content:"*";
display:inline-block;
width:1em;
margin-left:-1em;
vertical-align:middle;
}


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

#contents .page{
margin:0 1.56%;
padding:1.56% 1.56% 0;
background:#ffffff;
}

#contents .page h1,
#contents .page .title{
margin:0 0 1.56%;
padding:1.33% 1.66%;
border-top:5px solid #0077c0;
border-right:none;
border-bottom:1px solid #0077c0;
border-left:none;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #f7f7f7),color-stop(0.5, #ffffff),color-stop(1, #ffffff));
background:linear-gradient(#f7f7f7 0%,#ffffff 50%,#ffffff 100%);
text-align:left;
font-size:117%;
font-weight:bold;
}

#contents .page .title span{
font-size:85%;
}

#contents .page h2.spc{
margin-top:10%;
}

#contents .txtBlock, #contents .txtArea .location{
margin:0 1.66%;
}

#contents .lineBlock{
margin-top:6.89%;
border-top:1px solid #e3e6e9;
}

#contents .page h2{
margin:4.03% 1.66%;
padding:1.66% 3.22%;
border:1px solid #e3e6e9;
text-align:left;
background:#fafafa;
font-size:108%;
font-weight:bold;
}
#contents .page .txtBlock h2,
#contents .page .txtArea h2{
margin-right:0;
margin-left:0;
}

#contents .page h2.news{
margin-bottom:6.89%;
padding:0 0 3.22%;
border:none;
border-bottom:1px dotted #333333;
background:none;
font-size:117%;
line-height:1.3;
}
#contents .page h2.news .date{
color:#7e7e7e;
font-size:84%;
font-weight:normal;
}

#contents .page h3{
margin-top:4.31%;
}

#contents .page .lineTitle{
margin-top:4.31%;
padding-bottom:0.06%;
border-bottom:1px solid #e3e6e9;
text-align:center;
font-size:84%;
font-weight:bold;
}

#contents .page p,
#contents .page ul,
#contents .page ol{
margin-top:4.31%;
}
#contents .page ul{
overflow:hidden;
}

#contents .page ol li{
margin-left:2.0em;
}


/* link
---------------------------------------- */

#contents .indexLink li{
float:left;
width:48.33%;
margin-top:2.33%;
padding:2.33%;
border:1px solid #e3e6e9;
background:#f9fafa;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#contents .indexLink li a{clear:none !important;}
#contents .indexLink li:nth-child(even){
float:right;
}
#contents .indexLink li:nth-child(1),
#contents .indexLink li:nth-child(2){
margin-top:0;
}

#contents .indexLink li a{
display:block;
}
#contents .indexLink li .pc{
background:url(//www.jica.go.jp/english/mobile/common/ico_pc.gif) no-repeat right bottom;
-webkit-background-size:1.4em;
background-size:1.4em;
}

#contents .indexLink li .txtLink{
margin-top:3.84%;
}
#contents .indexLink li .txtLink:first-child{
margin-top:0;
}

#contents .txtLink{
display:inline-block;
padding-left:1em;
background:url(//www.jica.go.jp/english/mobile/common/ico_arw02.png) no-repeat 0 .25em;
-webkit-background-size:0.5em;
background-size:0.5em;	
font-weight:bold;
}

#contents .page .linkList{
margin-top:0;
}
#contents .linkList li{
margin-top:4.48%;
padding-left:1em;
background:url(//www.jica.go.jp/english/mobile/common/ico_arw02.png) no-repeat 0 .25em;
-webkit-background-size:0.5em;
background-size:0.5em;	
font-weight:bold;
}

#contents .linkList li ul{
margin:0 0 5.17%;
}

#contents .linkList li li{
position:relative;
background:url(//www.jica.go.jp/english/mobile/common/ico_blt.gif) no-repeat 0 .4em;
-webkit-background-size:0.7em;
background-size:0.7em;	
}

#contents .page .dataList{
margin:0;
}

#contents .dataList li a,
#contents .dataList li .block{
display:block;
padding:4% 7.75% 4% 1.72%;
border-bottom:1px solid #e3e6e9;
background:url(//www.jica.go.jp/english/mobile/common/ico_arw02.png) no-repeat 97.24% center;
-webkit-background-size:0.5em;
background-size:0.5em;
font-weight:bold;
line-height:1.3;
}
#contents .dataList li .block{
padding-right:0;
background:none;
}
/*
#contents .dataList li .linkPc{
padding-right:9.75%;
background:url(//www.jica.go.jp/english/mobile/common/ico_pc.gif) no-repeat 97.24% center;
-webkit-background-size:1.4em;
background-size:1.4em;
}
*/
#contents .dataList li .date{
color:#333333;
font-weight:normal;
}

#contents .dataList li .location{
color:#333333;
font-weight:normal;
}

#contents .dataList li .copy{
display:inline-block;
margin-top:0.5em;
color:#333333;
font-weight:normal;
}
/*
#contents .linkPc{
padding-right:1.5em;
background:url(//www.jica.go.jp/english/mobile/common/ico_pc.gif) no-repeat right center;
-webkit-background-size:1.1em;
background-size:1.1em;
}
*/

/* imgBox
---------------------------------------- */

#contents .imgBox{
margin-top:6.89%;
}

#contents .imgBox p{
text-align:center;
font-size:84%;
}
#contents .imgBox p:first-child{
margin-top:0;
}

#contents .imgBox img{
margin-bottom:4.31%;
}

#contents div.txtArea p span.size01,
#contents div.txtArea p span.size02,
#contents div.txtArea p span.size03,
#contents div.txtArea p span.size04,
#contents div.txtArea p span.size500{
display:block;
}

/* text
---------------------------------------- */

#contents .alignCenter{
text-align:center;
}

#contents .boldTxt{
font-weight:bold;
}

#contents .page .bulletsList{
margin:0;
}

#contents .listTpe01 li,
#contents .listType01 li,
#contents .bulletsList li{
position:relative;
margin-top:4.48%;
padding-left:1em;
background:url(//www.jica.go.jp/english/mobile/common/ico_blt.gif) no-repeat 0 .4em;
-webkit-background-size:0.7em;
background-size:0.7em;	
}

#contents ul.link01 li {
margin-top:4.48%;
padding-left:1em;
background: url(//www.jica.go.jp/english/common_/element/icon_arw.gif) no-repeat 0 .3em;
font-weight: normal;
}

#contents ul.link01 li a {
font-weight:bold;
}

#contents ul.link01 li li {
margin: 9px 0 0;
padding-left:1em;
background: url(//www.jica.go.jp/english/common_/element/icon_arw_s.gif) no-repeat 5px .5em;
font-size: 93%;
font-weight:normal;
}

#contents ul.link02 li {
margin-top:4.48%;
padding-left:1em;
background: url(//www.jica.go.jp/english/common_/element/icon_arw_s.gif) no-repeat 0 .5em;
font-weight: normal;
}

#contents ul.link02 li a {
font-weight:bold;
}

#contents ul.link02 li li {
margin: 9px 0 0;
padding-left:1em;
background: url(//www.jica.go.jp/english/common_/element/icon_arw_s.gif) no-repeat 5px .5em;
}

#contents .listTpe01 li:first-child,
#contents .listType01 li:first-child,
#contents .bulletsList li:first-child,
#contents ul.link01 li:first-child,
#contents ul.link02 li:first-child {
margin-top:0;
}

#contents .noteBlock{
margin-top:4.31%;
padding:5.17%;
border:1px solid #f8f1ea;
background:#fffef6;
font-style:italic;
}

#contents .noteBlock *:first-child{
margin-top:0;
}

#contents .noteBlock li{
position:relative;
padding-left:1em;
}
#contents .noteBlock li:before{
content:"・";
position:absolute;
top:0;
left:0;
color:#333333;
}

#contents .acordionBlock{
margin:0 1.66%;
border:1px solid #e3e6e9;
border-top:none;
}
#contents h2 + .acordionBlock{
margin-top:-4.03%;
}

#contents .acordionBlock dt,
#contents .acordionBlock dd{
padding:1.72% 11.03% 1.72% 3.44%;
}

#contents .acordionBlock dt{
border-top:1px solid #e3e6e9;
background:#0077c0 url(//www.jica.go.jp/english/mobile/common/btn_close.gif) no-repeat 98.16% center;
-webkit-background-size:4.48%;
background-size:4.48%;
color:#ffffff;
}
#contents .acordionBlock dt:first-child{
border-top:none;
}
#contents .acordionBlock dt.off{
background:#ffffff url(//www.jica.go.jp/english/mobile/common/btn_open.gif) no-repeat 98.16% center;
-webkit-background-size:4.48%;
background-size:4.48%;
color:#333333;
}

#contents .acordionBlock dd{
padding:2.24% 6.89%;
border-top:1px solid #e3e6e9;
background:#e5f5ff;
}

#contents .acordionBlock dd.news{
padding:0 5.17%;
}

#contents .acordionBlock dd.news .dataList li a,
#contents .acordionBlock dd.news .dataList li .block{
display:block;
padding:4% 0;
border-bottom:1px dotted #333333;
background:none;	
font-weight:bold;
line-height:1.3;
}
#contents .acordionBlock dd.news .dataList li:last-child a,
#contents .acordionBlock dd.news .dataList li:last-child .block{
border-bottom:none;
}
/*
#contents .acordionBlock dd.news .dataList li .linkPc{
display:inline;
padding-right:1.5em;
background:url(//www.jica.go.jp/english/mobile/common/ico_pc.gif) no-repeat right center;
-webkit-background-size:1em;
background-size:1em;
}
*/
#contents .acordionBlock dd.news .dataList li .block{
padding-right:0;
background:none;
}

#contents .acordionBlock dd.news .dataList li .date{
color:#333333;
font-weight:normal;
}

#contents div.txtArea .clear{
clear:both;
margin-top:5.17%;
}

/* table
---------------------------------------- */

#contents .tblType01,
#contents .tableStyle01{
width:100%;
margin-top:5.17%;
}

#contents .tblType01 th,
#contents .tblType01 td,
#contents .tableStyle01 th,
#contents .tableStyle01 td{
padding:1.72% 0.8em;
border:1px solid #e3e6e9;
text-align:left;
vertical-align:middle;
}

#contents .tblType01 th,
#contents .tableStyle01 th{
background:#f9fafa;
font-weight:bold;
white-space:nowrap;
}

#contents .tableAutoScroll{
overflow:auto;
}

/* top Page
---------------------------------------- */

#contents .mainVisual{
position:relative;
background:#ffffff;
text-align:center;
overflow:hidden;
}

#contents .mainVisual ul{
margin:0;
overflow:visible;
}

#contents .mainVisual ul li:not(:first-child){
display:none;
}

#contents .mainVisual li img{
width:100%;
}

#contents #controls{
padding-bottom:4.16%;
text-align:center;
}

#contents #controls li{
display:inline-block;
width:1em;
margin:0;
list-style:none;
font-size:150%;
}

#contents #controls li a{
color:#bababa;
}
#contents #controls li.current a{
color:#006ebc;
}

#contents #prevBtn,
#contents #nextBtn{
display:block;
position:absolute;
top:0;
width:6%;
margin-top:35%;
text-indent:-9999px;
overflow:hidden;
font-size:150%;
}

#contents #prevBtn{
left:1.56%;
background:#ffffff url(//www.jica.go.jp/english/mobile/common/ico_back.png) no-repeat center center;
-webkit-background-size:8px 13px;
background-size:8px 13px;
}

#contents #nextBtn{
right:1.56%;
background:#ffffff url(//www.jica.go.jp/english/mobile/common/ico_arw02.png) no-repeat center center;
-webkit-background-size:8px 13px;
background-size:8px 13px;
}

#contents #prevBtn a,
#contents #nextBtn a{
display:block;
width:100%;
height:100%;
}

#contents .topNews{
padding-top:0;
}

#contents .topNews .title{
margin-bottom:0;
}

#contents .topNews li a{
overflow:hidden;
}

#contents .topNews .thumb{
float:left;
width:25%;
max-width:150px;
margin-right:1.66%;
padding:1.66%;
background:url(//www.jica.go.jp/english/mobile/common/bg_thumb.gif) repeat;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#contents .topNews .date{
display:inline-block;
margin-top:-0.2em;
}

#contents .topNews .txt{
display:block;
overflow:hidden;
}

#contents .more{
margin-bottom:6.66%;
text-align:right;
}
#contents .more a{
display:inline-block;
width:23.33%;
border:1px solid #e3e6e9;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #ffffff),color-stop(1, #fafafa));
background:linear-gradient(#ffffff 0%,#ffffff 50%,#fafafa 100%);
text-align:left;
font-weight:bold;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#contents .more .txtLink{
display:block;
padding:5.71% 23.33%;
background-position:88% center;
}

#contents .ttlLink li{
margin-top:6.66%;
border-top:5px solid #0077c0;
border-bottom:1px solid #0077c0;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #f7f7f7),color-stop(0.5, #ffffff),color-stop(1, #ffffff));
background:linear-gradient(#f7f7f7 0%,#ffffff 50%,#ffffff 100%);
}
#contents .ttlLink li:first-child{
margin-top:0;
}
#contents .ttlLink li a{
display:table;
width:100%;
padding:3.33% 7.75% 3.33% 2%;
border-bottom:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
color:#333333;
font-size:117%;
}
#contents .ttlLink li .txt{
display:table-cell;
vertical-align:middle;
}
#contents .ttlLink li .thumb{
display:table-cell;
float:none;
margin:0;
text-align:center;
vertical-align:middle;
}

#contents .boxLink li a{
border-bottom:none;
color:#333333;
font-size:117%;
}

#contents .boxLink li img{
width:25.55%;
padding-right:1em;
vertical-align:middle;
}

#contents .boxLink li .txt{
display:inline-block;
overflow:hidden;
vertical-align:middle;
}

#contents .boxLink li.box01{
margin-top:10%;
border:1px solid #c4c2b6;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #fcfbf6),color-stop(1, #fdfaeb));
background:linear-gradient(#fcfbf6 0%,#fdfaeb 100%);
}

#contents .boxLink li.box02{
margin-top:3.33%;
border:1px solid #e3e6e9;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #ffffff),color-stop(1, #fafafa));
background:linear-gradient(#ffffff 0%,#fafafa 100%);
}


/* 3rdlayer
---------------------------------------- */

#contents .newsArchive .title{
margin-bottom:0;
}


@media screen and (min-width:640px){

/* --------------------------------------------------------------------------------------
layout
--------------------------------------------------------------------------------------- */
body{
font-size:24px;
}

#wrap{
max-width:100%;
margin:0 auto;
text-align:left;
overflow:hidden;
}

.sns{
margin-bottom:3.9%;
}

.pagetop img{
width:auto;
}


/* --------------------------------------------------------------------------------------
header
--------------------------------------------------------------------------------------- */
#hd .menuBtn{
display:none;
}

/* --------------------------------------------------------------------------------------
gnavi
--------------------------------------------------------------------------------------- */
#gnavi{
display:block;
position:relative;
top:0;
border-top:1px solid #e3e3e3;
}

#gnavi ul{
position:relative;
padding:1.56%;
border-bottom:none;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #f0f0f0),color-stop(0.5, #f5f5f5),color-stop(1, #f5f5f5));
background:linear-gradient(#f0f0f0 0%,#f5f5f5 50%,#f5f5f5 100%);
box-shadow:none;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#gnavi ul li{
position:relative;
float:left;
width:33%;
margin:0 -1px -1px 0;
border:1px solid #e3e6e9;
background:#ffffff;
text-align:center;
font-size:18px;
}
#gnavi ul li:first-child{
border:1px solid #e3e6e9;
}
#gnavi ul li:before{
content:" ";
height:1em;
position:absolute;
top:50%;
left:10px;
margin-top:-0.5em;
border-left:3px solid #0077c0;
}

#gnavi ul li a{
display:block;
padding:3.75% 5%;
background:none;
}
#gnavi ul li a:link,
#gnavi ul li a:visited,
#gnavi ul li a:hover,
#gnavi ul li a:active{
color:#333333;
}

/* --------------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------------- */

#ft{
padding-top:1em;
}

#ft .pc{
width:auto;
margin:0 40px;
}

#ft .snsIco li{
width:auto;
}

.sns{
clear:both;
padding-top:2px;
}

.sns .addthis_button_compact{
padding-right:5px;
}

.sns .shareTxt{
background:url(//www.jica.go.jp/english/mobile/common/bg_sns.gif) no-repeat right center;
line-height:32px;
}

.sns .addthis_button_compact span{
width:32px;
height:32px;
line-height:32px;
margin-top:0;
/*background:url(https://s7.addthis.com/static/r07/widget056_32x32.gif) no-repeat scroll 0 0 transparent !important;*/
background-position:0 -7200px !important;
-webkit-background-size:auto !important;
background-size:auto !important;
}

.sns .addthis_button_twitter span,
.sns .addthis_button_facebook span{
margin-top:-2px;
}

.sns .addthis_button_twitter span{
width:32px;
height:32px;
line-height:32px;
/*background:url(https://s7.addthis.com/static/r07/widget056_32x32.gif) no-repeat scroll 0 0 transparent !important;*/
background-position:0 -10976px !important;
}

.sns .addthis_button_facebook span{
width:32px;
height:32px;
line-height:32px;
/*background:url(https://s7.addthis.com/static/r07/widget056_32x32.gif) no-repeat scroll 0 0 transparent !important;*/
background-position:0 -3392px !important;
}

#ft .link{

margin:0 40px 0.5em;
font-size:24px;
}

#ft .copyright{
font-size:20px;
}

/* --------------------------------------------------------------------------------------
contents
--------------------------------------------------------------------------------------- */
#contents{
margin-top:0;
background:url(//www.jica.go.jp/english/mobile/common/bg_ct_tab.gif) repeat-x;
-webkit-background-size:auto 455px;
background-size:auto 455px;
}

#contents h1{
font-size:30px;
}

#contents h2{
font-size:26px;
}

#contents .formBlock dt{
font-size:28px;
}
#contents .formBlock dt:first-child{
padding-top:0;
}

#contents .formBlock dt .note{
font-size:20px;
}

#contents .formBlock dt .err{
font-size:24px;
}

#contents .formBlock .radio{
font-size:28px;
}
#contents .formBlock .radio input{
margin-top:-5px;
vertical-align:middle;
}

#contents .formBlock .check{
font-size:24px;
}

#contents .formBlock .check p input{
font-size:24px;
}


/* link
---------------------------------------- */

#contents .indexLink li{
float:left;
width:32.07%;
margin-right:1.88%;
padding:1.54%;
}
#contents .indexLink li:nth-child(even){
float:left;
}
#contents .indexLink li:nth-child(3n){
float:right;
margin-right:0;
}
#contents .indexLink li:nth-child(1),
#contents .indexLink li:nth-child(2),
#contents .indexLink li:nth-child(3){
margin-top:0;
}


/* text
---------------------------------------- */

#contents .tbS,
#contents .txtArea{
font-size:92%;
}

#contents .tbS .lineTitle,
#contents .txtArea .lineTitle{
clear:both;
}

#contents .tbS .imgBox + .moreinfo .lineTitle,
#contents .txtArea .imgBox + .moreinfo .lineTitle{
margin-top:0;
padding-top:1.4%;
}


/* imgBox
---------------------------------------- */

#contents .imgBox{
float:right;
width:40.06%;
margin-top:0;
margin-bottom:2.90%;
padding-left:5.80%;
}

#contents .imgBox p{
text-align:left;
font-size:84%;
}
#contents .imgBox p:first-child{
margin-top:10.85%;
}
#contents .clearfix .imgBox p:first-child{
margin-top:0;
}

#contents .imgBox img{
margin-bottom:4.31%;
}

/* top Page
---------------------------------------- */

#contents #prevBtn,
#contents #nextBtn{
display:block;
position:absolute;
top:50%;
width:2.56%;
height:120px;
margin-top:-60px;
text-indent:-9999px;
overflow:hidden;
z-index:10;
}

#contents #prevBtn{
left:-1.56%;
border-radius:5px 0 0 5px;
background:#ffffff url(//www.jica.go.jp/english/mobile/common/ico_back.png) no-repeat center center;
-webkit-background-size:50%;
background-size:50%;
}

#contents #nextBtn{
right:-1.56%;
border-radius:0 5px 5px 0;
background:#ffffff url(//www.jica.go.jp/english/mobile/common/ico_arw02.png) no-repeat center center;
-webkit-background-size:50%;
background-size:50%;
}

#contents .topNews{
padding:1.56% 0;
background:#f0f0f0;
}
#contents .topNews .page{
padding-bottom:1.56%;
}

#contents .topNews .date{
margin-top:-0.25em;
}

#contents .page .ttlLink li,
#contents .page .boxLink li{
float:left;
/*width:48.72%;*/
width:100%;
margin-top:0;
}
#contents .ttlLink li:nth-child(even),
#contents .boxLink li:nth-child(even){
float:right;
}

#contents .ttlLink li a{
padding:3.33% 7.75% 3.33% 4.32%;
font-size:100%;
}
/*
#contents .ttlLink li .thumb{
width:38.96%;
}
*/
#contents .boxLink li img{
width:30.62%;
padding-right:0;
}

#contents .boxLink li a{
font-size:100%;
}

/* 3rdlayer
---------------------------------------- */

#contents .newsArchive{
overflow:hidden;
margin-top:10%;
}

#contents .newsArchive .title{
margin-bottom:1.56%;
}

#contents .newsArchive .title span{
font-size:22px;
}

#contents .newsArchive .box{
float:left;
width:48%;
}

#contents .newsArchive .box:nth-child(even){
float:right;
}

}
/*clear*/
#wrap #contents .page .txtBlock.tbS:after, #contents .txtArea:after, #contents .imgBox:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
/*table【Press Releases only】*/
/*common*/
#contents .tbS .table-scroll .pressTable_01,
#contents .tbS .table-scroll .pressTable_02 { font-size:100%; }
.table-scroll { overflow-x: scroll; -webkit-overflow-scrolling: touch; margin-bottom: 1em; }
#wrap #contents .page .table-scroll .pressTable_01 { width: 750px; margin: 5px auto 10px; border-top: 1px solid #e3e6e9; border-right: 1px solid #e3e6e9; }
#wrap #contents .page .table-scroll .pressTable_01 th,
#wrap #contents .page .table-scroll .pressTable_01 td,
#wrap #contents .page .pressTable_02 th,
#wrap #contents .page .pressTable_02 td { font-size: 12px; padding: 7px 15px; border-bottom: 1px solid #e3e6e9; border-left: 1px solid #e3e6e9; text-align: left; vertical-align: middle; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr td:nth-of-type(2),
#wrap #contents .page .table-scroll .pressTable_01 tbody tr td:nth-of-type(3),
#wrap #contents .page .table-scroll .pressTable_01 tbody tr td:nth-of-type(4),
#wrap #contents .page .table-scroll .pressTable_01 tbody tr td:nth-of-type(5),
#wrap #contents .page .table-scroll .pressTable_01 tbody tr td:nth-of-type(6) { text-align:right; }
#wrap #contents .page .table-scroll .pressTable_01 th,
#wrap #contents .page .pressTable_02 th { background: #f9fafa; color: #333333; font-weight: bold; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr th { text-align: center; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr:nth-of-type(1) th:nth-of-type(1) { width:25%; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr:nth-of-type(1) th:nth-of-type(2) { width:10%; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr:nth-of-type(1) th:nth-of-type(3) { width:20%; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr:nth-of-type(1) th:nth-of-type(4) { width:10%; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr:nth-of-type(1) th:nth-of-type(5) { width:10%; }
#wrap #contents .page .table-scroll .pressTable_01 tbody tr:nth-of-type(1) th:nth-of-type(6) { width:15%; }
#wrap #contents .page .pressTable_02 caption { width:100%; text-align:left; font-size:12px; }
/*Tablet*/
@media screen and (min-width:640px) {
#wrap #contents .page .table-scroll .pressTable_01 { min-width: 750px; max-width:100%; width:100%; }
#wrap #contents .page .pressTable_02 { width: 100%; margin: 5px auto 1em; border-top: 1px solid #e3e6e9; border-right: 1px solid #e3e6e9; }
#wrap #contents .page .pressTable_02 th { width:28%; }
#wrap #contents .page .pressTable_02 td { width:72%; }
}
/*smartphone*/
@media screen and (max-width:639px) {
#wrap #contents .page .pressTable_02 { width: 100%; margin:0 auto 1em; }
#wrap #contents .page .pressTable_02 tbody,
#wrap #contents .page .pressTable_02 thead,
#wrap #contents .page .pressTable_02 tfoot,
#wrap #contents .page .pressTable_02 tr,
#wrap #contents .page .pressTable_02 th,
#wrap #contents .page .pressTable_02 td { display: block; margin:0 auto; }
#wrap #contents .page .pressTable_02,
#wrap #contents .page .pressTable_02 th,
#wrap #contents .page .pressTable_02 td { border:none; }
#wrap #contents .page .pressTable_02 th,
#wrap #contents .page .pressTable_02 td { border-right: 1px solid #e3e6e9; border-left: 1px solid #e3e6e9; border-top: 1px solid #e3e6e9; }
#wrap #contents .page .pressTable_02 tr:last-child td { border-bottom: 1px solid #e3e6e9; }
}
/*Setting photo gallery for mobile*/
#photoBox { margin: 0 5%; }
#photoBox  div.imgRack { margin: 36px auto; padding: 0; width: 100%; }
#photoBox .imgRack .imgInner { display: table; margin: 0 auto; text-align: center; }
#photoBox .imgRack .imgInner p.image { margin: 0; text-align: center; }
#photoBox .imgRack .imgInner p.caption { display: block; float: left; margin: 0.5em 0 0; text-align: left; width: auto; }
/*sitemap【20170313追加】*/
/*共通*/
#siteMap #wrap #contents .page .txtArea #map_main .sitemapWrap.clearfix .sitemapBox .subTit05 { font-size: 26px; margin: 4.03% 1.66%; padding: 1.66% 3.22%; }
#siteMap #wrap #contents .page #map_main .sitemapWrap.clearfix .sitemapBox .link03 { padding-bottom: 30px; }
#siteMap #wrap #contents .page #map_main .sitemapWrap.clearfix .sitemapBox .link03 li { background: url(//www.jica.go.jp/english/mobile/common/ico_arw02.png) no-repeat scroll 0 0.25em / 0.5em auto; font-weight: bold; margin-top: 5%; padding-left: 1em; }
#siteMap #wrap #contents .page #map_sub .sitemapWrap.clearfix .sitemapBox { padding-bottom: 30px; }
#siteMap #wrap #contents .page #map_sub .sitemapWrap.clearfix:nth-child(2) .sitemapBox:last-child { padding-bottom: 0px; }
/*smartphone*/
@media screen and (max-width:639px) {
#siteMap #wrap #contents .page #map_sub .sitemapWrap.clearfix .sitemapBox { padding-bottom: 20px; }
}
/*otherLang*/
#wrap .otherLang ul {display: flex; align-items:stretch; justify-content:space-around; display: -webkit-flex; -webkit-align-items: stretch; -webkit-justify-content: space-around;margin-bottom:6em;}
#wrap .otherLang ul li {background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 0%, #ffffff 50%, #fafafa 100%) repeat scroll 0 0;border: 1px solid #e3e6e9;box-sizing: border-box;display: inline-block;font-weight: bold;text-align: left;width: 23.33%;}
#wrap .otherLang ul li a{display: block;padding: 8% 0px;text-align: center;}
#wrap .otherLang ul li.here a:link, 
#wrap .otherLang ul li.here a:visited, 
#wrap .otherLang ul li.here a:hover,
#wrap .otherLang ul li.here a:active {color: #FFFFFF;	
background: rgba(0,106,187,1);
background: -moz-linear-gradient(top, rgba(0,106,187,1) 0%, rgba(1,74,125,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,106,187,1)), color-stop(100%, rgba(1,74,125,1)));
background: -webkit-linear-gradient(top, rgba(0,106,187,1) 0%, rgba(1,74,125,1) 100%);
background: -o-linear-gradient(top, rgba(0,106,187,1) 0%, rgba(1,74,125,1) 100%);
background: -ms-linear-gradient(top, rgba(0,106,187,1) 0%, rgba(1,74,125,1) 100%);
background: linear-gradient(to bottom, rgba(0,106,187,1) 0%, rgba(1,74,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006abb', endColorstr='#014a7d', GradientType=0 );}
/*contryIndex for mobile*/
#countryIndex h3{border-left: solid 4px #e3e6e9;padding: 1.66% 2%;background: #fafafa;}
#countryIndex .officeInfo.clearfix h3{margin-bottom:1em;}
#countryIndex .officeInfo.clearfix .officeSocial{overflow:hidden;}
#countryIndex .officeInfo.clearfix .officeSocial a.snsLink{float: left;width: 28%;margin-right: 1.88%;border: 1px solid #e3e6e9;padding:1.5%;}
#countryIndex .officeInfo.clearfix .officeSocial a.snsLink:last-child{margin-right:0;}
#countryIndex .officeInfo.clearfix .officeSocial a.snsLink span{vertical-align: middle;}
#countryIndex .officeInfo.clearfix .officeSocial a.snsLink span img{vertical-align: bottom;}
#countryIndex .officeInfo.clearfix ul.dataList li span.date{display:block;}
#countryIndex section ul.dataList li{margin-bottom:1em; background: none;}
#countryIndex section.newArrivals ul.dataList li a{padding-top:0.3em;}
#countryIndex ul.dataList li a span{display:block;}
#countryIndex ul.dataList li a span.title{border: none;background-image:none;font-size:100%;padding:0;margin-bottom:0.3em;}
#countryIndex ul.dataList li a span.explain{font-weight: normal;color: #333333;font-size: 92%;}
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix{margin-bottom:0.5em;}
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li{background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 0%, #ffffff 50%, #fafafa 100%) repeat scroll 0 0;border: 1px solid #e3e6e9;box-sizing: border-box;display: inline-block;font-weight: bold;text-align: left;font-size:81.3%;margin-right:0.2em;}
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li a{display: block;padding: 0.3em 0.5em;text-align: center;}
/* #countryIndex #contents .page .officeBtn.clearfix ul.clearfix li a.linkPc{padding-top: 0.3em;padding-right: 1.5em;padding-bottom: 0.3em;padding-left: 0.5em;text-align: center;margin-right: 0.8em;} */
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li.here a:link, 
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li.here a:visited, 
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li.here a:hover,
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li.here a:active {color: #FFFFFF;	
background-image:-moz-linear-gradient(top, #3a98d6, #0156ac);
background-image:-ms-linear-gradient(top, #3a98d6, #0156ac);
background-image:-o-linear-gradient(top, #3a98d6, #0156ac);
background-image:-webkit-linear-gradient(top, #3a98d6, #0156ac);
background-image:linear-gradient(top, #3a98d6, #0156ac);}
/*Tablet*/
@media screen and (min-width:640px) {
#countryIndex .leftBlock p img {width: auto; display: block;margin:0 auto;}
#countryIndex .officeInfo.clearfix .officeSocial a.snsLink span:nth-of-type(2){margin-left:0.2em;}
}
/*smartphone*/
@media screen and (max-width:639px) {
#countryIndex .leftBlock p img {width: 100%;}
#countryIndex .officeInfo.clearfix .officeSocial a.snsLink span:nth-of-type(2){padding-bottom:1em;margin-left:0.5em;}
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li{font-size:100%;}
#countryIndex #contents .page .officeBtn.clearfix ul.clearfix li a{padding: 0.6em 1.0em;}
/* #countryIndex #contents .page .officeBtn.clearfix ul.clearfix li a.linkPc{padding-top: 0.6em;padding-right: 1.5em;padding-bottom: 0.6em;padding-left: 1em;margin-right: 0.8em;} */
}
@media screen and (max-width:414px) {
#countryIndex .officeInfo.clearfix .officeSocial a.snsLink{float: left;width: 44%;margin-right: 1.88%;margin-bottom: 1.88%; border: 1px solid #e3e6e9;padding:1.5%;}
}
/*arabic*/
#contents .page.ar{direction:rtl; text-align:right;}
#contents .page.ar div.officeBtn ul{float:right; direction:ltr; text-align:left;}
#contents .page.ar h1,#contents .page.ar h2{text-align:right;}
#countryIndex #contents .page.ar h3{border-right:solid 4px #e3e6e9; border-left:none !important;}
#countryIndex #contents .page.ar .officeInfo.clearfix .officeSocial a.snsLink{float:right;}
#countryIndex #contents .page.ar .officeInfo.clearfix.rightblock ul.linkList{text-align:left;}
/*pickUpArea=======================================*/
#pickUpArea{background-color:#e8f1fb; padding:0 0.8em 1.5em 0.8em; margin-top:2em;}
#pickUpArea ul{margin:0 0 .5em 0;}
#pickUpArea .dataList li a{border-bottom:1px solid #ccc;} 
/*================================================================*/
#index #contents .dataList.dataList-news li a{display:flex; flex-direction:row; align-items:center;}
#index #contents .dataList.dataList-press li a{display:flex; flex-direction:column; align-items:flex-start;}
#contents .topNews .thumb {float:none; width:auto; margin-right:1.5rem; padding:1rem; background: url(//www.jica.go.jp/english/mobile/common/bg_thumb.gif) repeat; box-sizing:border-box;}
#contents .topNews .thumb > img{width:120px; max-width:120px; height:90px;}
#contents .topNews .date{margin-right: .5rem;}
@media screen and (max-width:639px){
#contents .topNews .thumb > img{width:100px; max-width:100px; height:75px;}
#contents .topNews .thumb{padding:.7rem; margin-right:1rem; width:auto;}
}
body.fr-sp.french #contents .topNews .thumb > img{height:auto;}
@media screen and (max-width:639px){
body.fr-sp.french #contents .topNews .thumb > img{height:auto;}
}
/*SDGs-logo=======================================*/
#contents .releaseDate-clear{clear:both; margin-bottom:0;}
#contents #imgRack-sdgs-wrapper::after{clear:both; overflow:hidden;}
#contents .imgRack-sdgs{display:block; padding-top:11px; margin:0 .5em .5em .5em; float:right;}
#contents .imgRack-sdgs-imgInner{display:flex; flex-wrap:wrap; padding:0; margin-bottom:11px; box-sizing:border-box;}
#contents p.imgRack-sdgs-imgWrapper{margin-top:0px; margin-left:0px; margin-right:6px; margin-bottom:0px; box-sizing:border-box;}
#contents p.imgRack-sdgs-imgWrapper:last-child{margin-right:0;}
#contents p.imgRack-sdgs-imgWrapper:nth-child(3n){margin-right:0;}
#contents p.imgRack-sdgs-imgWrapper:nth-of-type(n + 4){margin-top:6px;}
#contents .imgRack-sdgs-img{width:64px; border:none; padding:0; margin-bottom:0; display:block; vertical-align:bottom;}
/*smartPhone*/
@media screen and (max-width:639px){
#contents .imgRack-sdgs{margin:0 auto; float:none; padding-top:0;}
#contents .imgRack-sdgs-imgInner{padding:0; margin-bottom:0;}
}
/*SNS=======================================*/
.sns_table_wrapper{overflow:scroll; margin-bottom:1rem;}
.sns_table{width:100%;}
#contents th.sns_table_header{width: 55%; background-color:#fff; font-size:100%; font-weight: normal; vertical-align:middle; text-align:left; padding:5px 5px 5px 10px;}
#contents td.sns_table_content{width:15%; vertical-align:middle; padding:10px 0;}
#contents td.sns_table_content.noLink{width:15%; padding:15px 0; text-align: center;}
#contents a.sns_table_link{text-align: center; display: block; width:100%; margin:0;}
#contents .sns_table_img{display:inline-block; text-align: center; width:51px; height:51px;}
#contents td.sns_table_content.sns_table_content_china{height:54px;}
@media (max-width:414px){
#contents th.sns_table_header{width:40%;}
#contents td.sns_table_content{width:20%;}
}
/*otherLang=======================================*/
#contents div.otherLangLinks{display:flex; margin:0 0 24px 0; flex-direction:row; justify-content:flex-end; margin-bottom: 0.5rem;}
#contents div.ja, #contents div.en, #contents div.fr, #contents div.es{margin:0; display:flex; flex-direction:row; justify-content:flex-end;}
#contents p.otherLang-item{margin:0;}
#contents p.otherLang-item > a.otherLang-link{text-decoration:none; padding:3px 5px 3px 1.2rem; border:solid 1px #d2d2d2; margin-left:.5rem; margin-right:0; border-radius:5px; position:relative; color:#14479c; box-shadow:0px 1px #d2d2d2; display:block; background-color: #fff;}
#contents p.otherLang-item > a.otherLang-link::before{content: ''; background-image:url(https://www.jica.go.jp/resources/images/ico_link_s.png); display:block; width:10px; height:9px; position:absolute; left:5px; top:0; bottom:0; margin:auto;}
@media screen and (max-width:639px){#contents div.otherLangLinks{margin:0 0 1.56% 0;}}
/**/