/* JICA日本語トップページ用CSS */
/* 構成が近い国際協力60周年ページでも使用 */

@charset "utf-8";
/* 01.infoContents */
/* 02.topMainImg */
/* 03.h2 */
/* 04.featuredContents */

/* 01.infoContents */
#infoContents{
float:left;
width:643px;
margin-top:18px;
}
/* 02.topMainImg */
#topMainImg{
padding:6px 7px;
background:url(//www.jica.go.jp/resources/images/bg_top_mainImg.png) no-repeat;
margin-bottom:20px;
}
#topMainImg p.pager{
float:right;
}
#mainImages img{

}
#topMainImg .pager a.activeSlide {
background:#34a5d4;
color:#34a5d4;
border:#2189c3 solid 1px;
height:7px;
width:71px;
}
#topMainImg .pager a {
background:#0156ac;
border:#013f96;
color: #0156ac;
display: block;
float: left;
font-size:0;
margin:10px 0 0 3px;
padding:0;
text-decoration: none;
width:73px;
height:9px;
}
dl.dateListyy dd{
float:right;
margin-left:0;
}
/* 03.h2 */
#infoContents #tabPressNew,#infoContents #tabTopics_summary{
display:inline-block;
}
#infoContents #tabPressNew h2 .rss img,#infoContents #tabTopics_summary h2 .rss img{
padding:3px 0 0 6px;
vertical-align:top;
}
#infoContents #tabPressNew h2{
clear:both;
background:url(//www.jica.go.jp/resources/images/bg_top_headLines_pressnew.png) no-repeat;
padding:16px 0 0 50px;
width:593px;
height:56px;
margin-bottom:0;
letter-spacing:-1px;
}
#infoContents #tabPressNew dl.dateListyy dt{
clear:both;
margin-bottom:6px;
}
#infoContents #tabPressNew dl.dateListyy dd{
background:none;
padding:0 6px 0 0;
margin-bottom:0.5em;
width:491px;
}
#tabPressNew #contentAll .detail li a{
text-decoration:none;
}
#infoContents #tabTopics_summary h2{
clear:both;
background:url(//www.jica.go.jp/resources/images/bg_top_headlines_topics.png) no-repeat;
padding:16px 0 0 50px;
width:593px;
height:56px;
margin-bottom:0;
}
#infoContents #tabTopics_summary div.topicsContent{
clear:both;
font-size:0.9em;
margin-bottom:20px;
display:inline-block;
width:643px;
}
#infoContents div.topicsContent p{
float:left;
}
#infoContents #tabTopics_summary div.topicsContent p.img {
width: auto;
height: auto;
padding-right:20px;
}
#infoContents div.topicsContent p.img img{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D6DCE9;
border-radius:5px;
padding:4px;
}
#infoContents div.topicsContent dt img{
margin-right:9px;
vertical-align:middle;
}
#infoContents div.topicsContent dt{
margin-bottom:3px;
}
/* 04.featuredContents */
#featuredContents{
float:right;
width:262px;
margin-top:18px;
display:inline-block;
}
#featuredContents div{
margin-bottom:12px;
}
/* 05.president */
#featuredContents #president{
background:url(//www.jica.go.jp/resources/images/bg_president_border_top.png) no-repeat;
display:inline-block;
width:262px;
height:100%;
}
#featuredContents #presidentInner{
background:url(//www.jica.go.jp/resources/images/bg_president_border_bottom.png) no-repeat bottom;
margin:3px 0 0 0;
border-right:#eaeaea solid 3px;
border-left:#eaeaea solid 3px;
display:inline-block;
width:247px;
height:100%;
*min-height:130px;/*IE7*/
padding:11px 0 11px 9px;
}
/*#president p.img img{
float:left;
}
#president p.img{
margin-right:9px;
_margin-left:4px;
}
#featuredContents #presidentInner dl{
float:right;
width:165px;
}*/
#featuredContents #presidentInner dl dd{
margin-left:0;
}
#president p.img img{
border:none;
}
#president #presidentInner .detailR li a{
margin:0;
}
/* layout imgのボーダー削除 */
p.img img {
border:none;
padding:0;
border-radius:0;
}
#president dt{
font-weight:bold;
}
#president dd{
font-size:0.8em;
margin-bottom:3px;
}
#president ul.detailR{
clear:none;
margin-right:10px;
}
#president ul.detail a{
margin-bottom:0px;
}

/* 06.sideNav */
#sideNav ul{
clear:both;
}
#sideNav ul a{
color:#fff;
text-decoration:none;
}
#sideNav li{
background:url(//www.jica.go.jp/resources/images/bg_top_sideNav.png) no-repeat;
padding:5px 0 0 25px;
height:26px;
margin-bottom:0px;
line-height:0;
}
#sideNav li a{
line-height:normal;
}
#sideNav li:first-child{
background:url(//www.jica.go.jp/resources/images/bg_top_sideNav_first.png) no-repeat;
}
#sideNav li:last-child{
background:url(//www.jica.go.jp/resources/images/bg_top_sideNav_last.png) no-repeat;
}

/* 07.#photoMovie */
#featuredContents #photoMovie{
display:inline-block;
margin-bottom:6px;
}
#photoMovie .content2Col .LeftCol,#photoMovie .content2Col .RightCol{
width:130px;
}
#photoMovie .content2Col .RightCol{
margin-left:2px;
}
#photoMovie .content2Col .inner{
background:url(//www.jica.go.jp/resources/images/bg_top_photo_movie.png) no-repeat;
width:130px;
height:89px;
}
#photoMovie .content2Col .inner img{
padding:9px 13px;
}
#photoMovie .content2Col{
margin-bottom:0;
}
/* 08.#viewed,#officialmedia */
div#viewed,div#officialmedia{
margin-bottom:10px;
display:inline-block;
}
#viewed ul{
border-right:#d2d2d2 solid 1px;
border-left:#d2d2d2 solid 1px;
background:#fffcf6;
padding:9px 12px;
width:237px;
font-size:0.8em;
}
#viewed ul.linkList{
margin-left:0;
margin-bottom:0px;
font-size:0.9em;
}
#viewed ul.linkList li{
background: url(//www.jica.go.jp/resources/images/ico_link_l.png) no-repeat 0 3px;
background-position:0 1px\9;/*IE8*/
padding-left:15px;
}
#viewed ul.detail{
background:url(//www.jica.go.jp/resources/images/bg_viewed_last.png) no-repeat top;
width:239px;
height:35px;
border:none;
padding-top:0px;
font-size:0.9em;
text-align:right;
}
#featuredContents #viewed .linkList li a,#viewed ul.detail li a,#officialmedia ul li a{
text-decoration:none;
}
#officialmedia p{
margin-bottom:12px;
}
#officialmedia li{
float:left;
margin:0 3px 12px 3px;
display:inline;
}
#officialmedia li.mail{
margin:0 0 12px 5px;
}

/* 09.#socialMedia */
#socialMedia p{
margin-bottom:3px;
}
div#socialMedia{
display:inline-block;
}
#featuredContents #socialBtn{
background:none;
padding:2px 0;
width:263px;
}
#featuredContents #socialBtn .addthis_toolbox {
padding-left:0;
float:left;
}
/* 10.#banner */
#featuredContents div#banner,#featuredContents div.banner{
margin-bottom:20px;
}	
#featuredContents div#banner p,#featuredContents div.banner p{
margin-bottom:6px;
}

/* #projectContents */
#projectContents h2{
clear:both;
background:url(//www.jica.go.jp/resources/images/bg_top_headlines_project.png) no-repeat;
padding:9px 0 0 45px;
width:896px;
height:51px;
margin-bottom:0;
}
#projectContents h2 a.oda img{
padding:0 0 0 6px;
vertical-align:top;
}
div.project{
width:924px;
margin:0 auto;
}
div.projectInner ul.photoSlide{
margin:0 auto;
}
p.prev{
float:left;
padding-top:40px;
}
p.next{
float:left;
padding-top:40px;
}
div.projectInner{
width:895px;
margin:0 0 0 3px;
float:left;
}
div.projectInner ul.photoSlide li {
width:166px;
}
/*レイアウト調整用css*/
#infoContents,#featuredContents{
margin-top:12px;
}
#contentAll ul.detailR a,#contentInfo ul.detailR a,#contentPress ul.detailR a,#contentJdr ul.detailR a,#contentAllTopics ul.detailR a,#contentScene ul.detailR a,#contentNotice ul.detailR a,#contentPerson ul.detailR a,#contentNews ul.detailR a{
margin-bottom:0;
}
#contentAll ul.detailR,#contentInfo ul.detailR,#contentPress ul.detailR,#contentJdr ul.detailR,#contentAllTopics ul.detailR,#contentScene ul.detailR,#contentNotice ul.detailR,#contentPerson ul.detailR,#contentNews ul.detailR{
margin-top:-5px;
}
#infoContents #tabPressNew, #infoContents #tabTopics_summary {
margin-bottom:10px;
}
/*メインバナー調整用*/
#topMainImg{
height:273px;
}
#mainImages,#loading{
display:none;
}
/*セミナー情報*/
#seminar h2{
clear:both;
background:url(//www.jica.go.jp/resources/images/bg_top_headLines_seminar.png) no-repeat;
padding:16px 0 0 50px;
width:593px;
height:56px;
margin-bottom:0;
}
#seminar dl{
font-size:0.9em;
padding-left:12px;
}

#seminar dl dt{
float:left;
width:9em;
}
#seminar dl dd{
margin-left:9em;
}

/* 以下、国際協力60周年ページ用 */
body#index60th #contentsInner {
padding-top: 12px;
}
body#index60th #mainImages {
height: 460px;
background:#fff;
margin-bottom: 12px;
}
body#index60th #infoContents #pickup {
margin-bottom:36px;
}
body#index60th #infoContents #pickup h2{
clear:both;
background:url(//www.jica.go.jp/resources/images/bg_top_headlines_topics.png) no-repeat;
padding:16px 0 0 50px;
width:593px;
height:56px;
margin-bottom:0;
}
body#index60th #infoContents #pickup dl{
font-size:0.9em;
padding-left:12px;
}

body#index60th #infoContents #pickup dl dt{
float:left;
width:4.5em;
}
body#index60th #infoContents #pickup dl dd{
margin-left:4.5em;
}

body#index60th #infoContents #world h2 {
background:#0157b4 url(//www.jica.go.jp/60th/images/bg_60thtop_world.png) no-repeat 0 0;
color:#fff;
padding:6px 2px 0 11px;
margin-left:1px;
width:630px;
min-height:24px;
font-size:1.2em;
margin-bottom: 10px;
}
body#index60th #featuredContents .banner p:last-child {
padding-top: 12px;
}
body#index60th #infoContents #introduce,
body#index60th #infoContents #world,
body#index60th #featuredContents .banner p {
margin-bottom:24px;
}
body#index60th #pickup ul.detailR{
margin-top:-5px;
}

/* 削除可能のはず
#infoContents #tabPressNew .tabSet{
float:right;
margin-top:-39px;
}
#infoContents #tabTopics .tabSet{
float:right;
margin-top:-40px;
}
*/
/* 以下、20151109削除予定（トピックス表示変更に伴い） */
#infoContents #tabTopics{
display:inline-block;
}
#infoContents div.topicsContent{
clear:both;
font-size:0.9em;
margin-bottom:6px;
display:inline-block;
width:643px;
}
#infoContents #tabTopics h2 .rss img{
padding:3px 0 0 6px;
vertical-align:top;
}
#infoContents #tabTopics h2{
clear:both;
background:url(//www.jica.go.jp/resources/images/bg_top_headlines_topics.png) no-repeat;
padding:16px 0 0 50px;
width:593px;
height:56px;
margin-bottom:0;
}
#infoContents #tabTopics {
margin-bottom:10px;
}
#infoContents div.topicsContent p.img {
width:130px;
height:91px;
padding-right:10px;
}
/*20170405ここから追加*/
#projectContents { clear:both; overflow: hidden; }
/*追加コンテンツh2*/
#infoContents #tab_SeminarReport { display:inline-block; margin-bottom:10px; }
/*Seminar*/
#infoContents #tab_SeminarReport h2 { clear:both; background:url(//www.jica.go.jp/resources/images/bg_top_headLines_seminar.png) no-repeat; padding:16px 0 0 50px; width:593px; height:56px; margin-bottom:0; }
#infoContents #tab_SeminarReport dl.dateListyy dt { clear:both; margin-bottom:6px; }
#infoContents #tab_SeminarReport dl.dateListyy dd { background:none; padding:0 6px 0 0; margin-bottom:0.5em; width:491px; }
/*ページ下部バナー*/
#contents #contentsInner #banner { display: table; width: 938px; margin: 36px 0px; }
#contents #contentsInner #banner p { text-align: center; vertical-align: middle; display: table-cell; }
/*20170405ここまで追加*/