@charset "utf-8";
/* ========================================================

　Japan Society for the Promotion of Science
	
	CSS Document(LastUpdate 2010/04/08)

	/aboutjsps/index.html

======================================================== */

@import "basic.css"; /* Common CSS Load */
/* ---------------------------------------------------------------------------------
	Layout
---------------------------------------------------------------------------------- */
p.en a {
	text-decoration:none;
}
#appli dl {
	padding-left: 1.3em;
}
#contents_left {
	background-color:#FFF;
	width:220px;
	float:left;
	margin-right:30px;
}
.h3boxarea {
	width:700px;
	background-color:#E9F1F1;
	padding: 15px;
	overflow:hidden;
}
#contents_right {
	background-color:#FFF;
	width:730px;
	float:right;
	margin-right:10px;
}
table.table_02 {
	margin-bottom: 20px;
	font-size: 75%;
	line-height: 170%;
	text-indent: 0;
	border: solid 1px #cccccc;
}
table.table_02 th {
	color:#FFF;
	font-weight:bold;
	padding: 5px;
}
table.table_02 td {
	padding: 5px;
}
.contact_wrapper .contact_content {
	border-bottom:1px #AEB1B8 solid;
	border-left:1px #AEB1B8 solid;
	border-right:1px #AEB1B8 solid;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:10px 15px;
}
#contents_left .submenuA li.menucategory ul li, li.menucategory ul li {
	line-height: 20px;
	padding-left: 0px;
	font-size: 100%;
	background-position: 0px 5px;
	background-image:none;
	background-repeat: no-repeat;
	text-indent: -5px;
}
#contents_left .submenuA li.menucategory ul li a, #h1styleA li a {
/*text-decoration:none;*/
}
#h1styleA li {
	list-style-type:none;
}
#alumni .sel_almuni li, #provisions .sel_almuni li {
	float:left;
	margin-right:8px;
}
#alumni .sel_almuni li a:hover, #provisions .sel_almuni li a:hover {
	opacity:0.6;
}
#alumni .sel_almuni li:nth-child(4n), #provisions .sel_almuni li:nth-child(4n) {
	margin-right:0;
}
li.menucategory_ttl {
	border-bottom: solid 1px #37A;
	margin-bottom:5px;
}
i.fa.fa-angle-right {
	color:#999999;
}
th.head01 {
	background-color: #0396CA;
}
th.head02 {
	background-color: #3EB2D9;
}
div#map_box {
	background:url(../img/find_n_fellows/map.jpg) top right no-repeat;
	height: 466px;
}

/* +++++++++++++++++++++
同窓会
+++++++++++++++++++++ */
.img_wrapper{
	overflow:hidden;
}
.btn_wrapper{
	clear:both;
}
.alumni_ttl{
	color:#003A7B;
	border:solid 1px #003A7B;
	padding:7px;
	text-align:center;
	    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.detail_wrapper{
	margin:20px 0;
	overflow:hidden;
}
.flag{
	width:14%;
	float:left;
}
.flag img{
	width:100%;
	height:auto;
}
.url{
	float:right;
	width:86%;
	font-size: 75%;
    line-height: 170%;
}
#almuni_box{
	overflow:hidden;
	background-color:#eae8e1;
	padding:20px;
	font-size: 75%;
    line-height: 170%;
}
#almuni_box img{
	width:100%;
	height:auto;
}
.year_btn{
	padding:3px 10px;
	color:#666666;
	text-align:center;
	border:solid #666666 1px;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
.year_btn a{
	text-decoration:none;
}
.grey{
	color:#666666;
}
.almuni_ttl2{
	clear:both;
	text-align:center;
	margin:20px 0 30px !important;
}
.disc li{
	list-style-type:disc !important;
	list-style-position:inside;
	padding-left:2em;
	text-indent:-2em;
}
.img_half{
	width:49%;
	float:left;
}
.img_center{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.mrgR2{
	margin-right:2%;
}
.mrgB20{
		margin-bottom:20px;
}
.mrgT20{
	margin-top:20px;
}
.mrgT2{
	margin-top:2%;
}
.img_cap{
	padding-top: 5px;
    clear: both;
}
.country{
	cursor:pointer;
	margin-bottom:4px !important;
}
.country span{
	text-decoration:underline;
}

/* +++++++++++++++++++++
　　find nearby fellows
+++++++++++++++++++++ */
table#find_n {
	border:#CCCCCC;
}
table#find_n td, table#find_n th {
	padding:6px;
}
td.bg_color {
	background-color:#efefef;
}
/* +++++++++++++++++++++
　　messeage from former JSPS fellows
+++++++++++++++++++++ */
.message_txt {
	float:right;
	width:210px;
}
div.col_left {
	float:left;
	width:350px;
	margin-right:30px;
}
div.col_wrapper {
	overflow:hidden;
	margin-bottom:30px;
}
div.col_right {
	float:right;
	width:350px;
}
#message #h1styleA a img, #research_life #h1styleA a img {
	margin-left: -12px;
	margin-right: 5px;
	vertical-align: middle;
}
.area_ttl {
	margin-bottom:10px;
}
.center {
	text-align:center;
}
/* ---------------------------------------------------------------------------------
	Layout Parts
---------------------------------------------------------------------------------- */
/* +++++++++++++++++++++
　　present fellows
+++++++++++++++++++++ */
div.left_column, div.center_column {
	width:233px;
	margin-right:15px;
	float:left;
}
div.right_column {
	width:233px;
	float:left;
}
table#awadee th, table#awadee td{
	border:#CCC solid 1px;
	text-align:center;
}
table#awadee th{
	background-color:#003B7C;
}
/* +++++++++++++++++++++
　　Left Menu
+++++++++++++++++++++ */
.submenuA .subheader {
	background-image:url(../img_common/menu_index_e_blue.jpg);
}
.submenuA2 .subheader2 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/menu_index_title2.jpg);
}
/* +++++++++++++++++++++
　　H1 Title
+++++++++++++++++++++ */
#h1styleA h1#id1 {
	background-image:url(../../../../fellows_plaza/common/j-plaza/bridge/img/h1_bridge.jpg);
	width:100%;
	height:auto;
}
/* +++++++++++++++++++++
　　H2 Title
+++++++++++++++++++++ */

/*index.html*/
.h2styleA h2#id1_1 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/h2_goaisatsu.jpg);
}
.h2styleA h2#id2_1, .h2styleA h2#id3_1, .h2styleA h2#id4_1, .h2styleA h2#id5_1 {
	width:745px;
	height:32px;
}
/*index2.html*/
.h2styleA h2#id2_1 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/h2_setti_enkaku.jpg);
}
/*index3.html*/
.h2styleA h2#id3_1 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/h2_soshiki.jpg);
}
/*index4.html*/
.h2styleA h2#id4_1 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/h2_yakuin.jpg);
}
/*index5.html*/
.h2styleA h2#id5_1 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/h2_yosan.jpg);
}
/*index6.html  2010-11-2 add*/
.h2styleA h2#id6_1 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/h2_kihan.jpg);
}
/*meiyofellow_j.html  2014-1--14 add*/
.h2styleA h2#id7_1 {
	background-image:url(../../../../fellows_plaza/common/aboutus/img/h2_meiyofellow.jpg);
}
/* +++++++++++++++++++++
　　H2 Title
+++++++++++++++++++++ */
#e_toplevel .ttl_squre {
	font-weight: bold;
	padding-bottom: 0.1em;
	padding-left: 1.5em;
	background-image: url(../img_common/wall_h3_d.jpg);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
	border-bottom: solid 1px #37A;
	margin-bottom: 5px;
	color: #000000;
	font-size: 100%;
}
#alumni .h3style h3, #apply .h3style h3, #inquiries .h3style h3 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #003A7B;
	border: none;
	background: none;
	padding: 0;
}
/* +++++++++++++++++++++
　　Photo Layout
+++++++++++++++++++++ */
.photobox {
	background-color:#CCF;
	float:right;
	width:214px;
	margin:0 0 10px 10px;
}
.photobox img {
	margin:5px;
}
.photobox p {
	margin:5px 15px;
}
.photo_title {
	font-size:90%;
}
.photo_lead {
	font-size:75%;
	color:#333;
}
/* +++++++++++++++++++++
　　Table Layout
+++++++++++++++++++++ */	
.tablestye_aboutjsps, .tablestye_aboutjsps2 {
	font-size:75%;
	color:#333;
}
.tablestye_aboutjsps table, .tablestye_aboutjsps2 table {
	background-color:#999;
}
.tablestye_aboutjsps2 table {
	margin:5px auto;
}
.tablestye_aboutjsps table td {
	background-color:#EEE;
}
.tablestye_aboutjsps2 table td {
	padding:2px;
	background-color:#FFF;
}
.tablestye_aboutjsps2 table caption {
	color:#999;
	text-align:right;
}
.tablestye_aboutjsps2 table th {
	padding:5px 2px;
	font-weight:bold;
	text-align:center;
	background-color:#DDD;
}
/*　基本テーブル　*/
.table_aboutus {
	border-collapse: collapse;
	font-size: 75%;
	line-height: 125%;
	font-weight: normal;
	color: #000;
	border : 1px solid #999;
	background-color:#DDD;
}
.table_aboutus td, th {
	border : 1px solid #999;
	padding:2px;
}
.table_aboutus2 {
	border-collapse: collapse;
	font-size: 84%;
	line-height: 125%;
	font-weight: normal;
	color: #000;
	border : 1px solid #999;
	background-color:#FFF;
}
.table_aboutus4 {
	width: 700px;
	border-collapse: collapse;
	font-size: 75%;
	line-height: 140%;
	font-weight: normal;
	color: #000;
	border : 1px solid #999;
	background-color:#FFF;
}
.table_aboutus3 {
	width: 730px;
	border-collapse: collapse;
	font-size: 84%;
	line-height: 140%;
	font-weight: normal;
	color: #000;
	border : 1px solid #999;
	background-color:#FFF;
}
.table_aboutus2 th, .table_aboutus3 th {
	border : 1px solid #999;
	padding:4px;
	background-color:#DDD;
}
.table_aboutus2 td, .table_aboutus3 td, .table_aboutus4 td {
	border : 1px solid #999;
	padding:4px;
	background-color:#FFF;
}
.table_aboutus4 th {
	border : 1px solid #999;
	padding:4px;
	background-color:#eee;
	font-weight:bold;
	text-align:left;
	background-color:#eee;
	font-weight:bold;
	text-align:center;
}
/*LifeinJapan*/
#lifeinjapan .row a:link, #lifeinjapan .h3style a:link, #lifeinjapan .h3style a:visited {
	color:#00F !important;
	text-decoration:underline !important;
}
#lifeinjapan .row a:hover, #lifeinjapan .h3style a:hover {
	color:#F96 !important;
}
#lifeinjapan .row {
	border-bottom:1px solid #CCC;
	padding-bottom:45px;
	margin-bottom:35px;
}
.icon_download:before {
	content:url(../img/lifeInJapn/download_icn.gif);
	margin-right:5px;
}
#lifeinjapan .row p {
	margin-bottom:13px;
}
#lifeinjapan .col_l {
	width:130px;
	margin-right:30px;
	float:left;
}
#lifeinjapan .col_m {
	width:270px;
	margin-right:30px;
	float:left;
}
#lifeinjapan .col_r {
	float:none;
}
#lifeinjapan .h3style h3 {
	border:none;
	background:none;
	padding:0;
	margin:0 0 15px 0;
}
#lifeinjapan .h3style ul.select li {
	width:14%;
	float:left;
	text-align:center;
	border-left:1px #CCC solid;
}
#lifeinjapan .h3style ul.select li:first-child {
	border:none;
}
#lifeinjapan .h3style .cap {
	margin:50px 0 0 0;
}
#lifeinjapan .h3style .cap h4 {
	margin-bottom:15px
}
#lifeinjapan .h3style .cap table {
	width:100%;
}
#lifeinjapan .h3style .cap table tr td:nth-child(1) {
	width:70px;
	color:#777;
}
#lifeinjapan .h3style .cap table tr td:nth-child(2) {
	width:500px;
}
#lifeinjapan .h3style .cap table tr td:nth-child(3) {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	width:15px;
}
#lifeinjapan .h3style .cap table tr td:nth-child(4) {
	text-align:center;
}
#lifeinjapan #apnd {
	margin-bottom:70px;
}
.caption {
	font-size:70%;
}
/*Experiences and Messages from JSPS Fellows*/
#eam_index .h3style p {
	margin-bottom:35px;
}
#eam_index .h3style ul#select {
	display:flex;
	margin:50px 0 30px 0;
}
#eam_index .h3style ul#select li {
	list-style:none;
	border-right:1px solid #CCC;
	padding:0.3em 1.6em;
}
#eam_index .h3style ul#select li:first-child {
	border-left:1px solid #CCC;
}
#eam_index .h3style a:link, #eam_index .h3style a:visited {
	color:#00f;
}
#eam_index .h3style a:hover {
	color:#F96;
}
#eam_index .h3style .brd {
	border:1px #CCC solid;
	padding:15px;
	margin-bottom:10px;
}
#eam_index .h3style .brd p {
	line-height:2.5em;
}
#eam_index .h3style .experiences_txt {
	line-height:2.5em;
	margin-bottom: 0px;
}
.eam_detail h3 {
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size:22px;
	color:#003A7B;
	border:none;
	background:none;
	padding:0;
}
.eam_detail table {
	border-top:1px solid #CCC;
	width:100%;
	/*margin-bottom:70px;*/
}
.eam_detail table td {
	font-weight:bold;
	border-bottom:1px solid #CCC;
	/*padding:0.5em 1em;*/
}
.eam_detail table td a {
	padding-left:15px;
	font-weight:bold;
}
.eam_detail table td a:link {
	background:url(../img/experiences/link_icon.gif) left no-repeat;
	color:#00F !important;
}
.eam_detail table td a:hover {
	color:#F96 !important;
}
.eam_detail table td a:visited {
	color:#00F !important;
}
.eam_detail .gray_ttl {
	color:#666;
	font-weight:bold;
}
/*180622 add*/
table.style001{
	margin-bottom:70px !important;
}
table.style001 td {
	padding:0.5em 1em !important;
}

ul.menuAset li {
	margin-bottom:5px;
}
#e_toplevel #h1styleA h3.h3d {
	font-size:100%;
}
/*e-orientation*/
#eorientation h3, div#e_toplevel h2 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:22px;
	border:none;
	background:none;
	padding:0;
}
#eorientation #photogallery {
	background:#EFEFEF;
	padding:15px;
	margin:20px 0;
}
#eorientation #photogallery h4 {
	text-align:center;
}
#eorientation #photogallery .pg_sec {
	background:#FFF;
	padding:15px;
	margin-top:15px;
}
#eorientation #photogallery .pg_sec h5 {
	font-weight:bold;
	font-size:14px;
}
#eorientation #photogallery .pg_sec ul {
	display:flex;
	flex-direction : row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
#eorientation #photogallery .pg_sec ul li {
	margin-right:6px;
}
#eorientation #photogallery .pg_sec ul li:nth-child(4n) {
	margin-right:0;
}
#eorientation #photogallery .pg_sec ul li a:hover {
	opacity:0.6;
}
/*provisions*/
#provisions .sel_almuni li {
	float: left;
	margin-right: 8px;
}
#provisions .sel_almuni li:nth-child(4n) {
	margin-right: 0;
}
/*alumni

#alumni .h3style h3,
#apply .h3style h3,
#inquiries .h3style h3,
#inq .h3style h3,
#eorientation .h3style h3,
#blank .h3style h3 {
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:normal;
font-size:22px;
color:#003A7B;
border:none;
background:none;
padding:0;
}
*/
h2 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:22px;
	color:#003A7B;
	border:none;
	background:none;
	padding:0;
	margin-bottom: 5px;
}
#alumni .h3style p {
	margin-bottom:25px;
}
/*apply*/
#apply .row_2col .col_l {
	width:45%;
	float:left;
	vertical-align:bottom !important;
}
#apply .row_2col .col_l p {
	padding-top:90px;
}
#apply .row_2col .col_l img {
	float:left;
	margin-right:1em;
}
#apply .row_2col .col_r {
	width:45%;
	float:right;
	padding: 15px !important;
}
#apply .row_2col h3, #blank .row_2col h3 {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-stretch: condensed;
	font-size:17px;
	font-weight:bold;
	border-bottom:#003A7B 1px solid;
	padding:3px 10px;
	margin:20px 0;
	background:url(../img/apply/h4_bg.gif) no-repeat 0 5px;
}
#apply .row_2col .brd, #apply .row_3col {
	border:#CCC 1px solid;
	padding:15px 0;
	margin-bottom:25px;
}
#apply .ttl03 {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-stretch: condensed;
	font-size:17px;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom: none;
	padding: 0;
	margin-top: 0;
	background: none;
	color: #000000;
}
/*#apply .row_3col .col_l, #apply .row_3col .col_m, #apply .row_3col .col_r {
	width:212px;
	float:left;
	padding:0 15px;
	margin-bottom:15px;
}
#apply .row_3col .col_m {
	border-left:1px dashed #CCC;
	border-right:1px dashed #CCC;
	margin:0;
}*/

#apply .row_3col .col_l, #apply .row_3col .col_r {
	width:330px;
	float:left;
	padding:0 15px;
	margin-bottom:15px;
}
#apply .row_3col .col_r {
	border-left:1px dashed #CCC;
	margin:0;
}
#apply .row_3col .col_3 {
	clear:both;
}
#apply .row_3col .btn {
	width:700px;
	background:#CCC;
	text-align:center;
	margin:15px 15px 0;
	line-height:25px;
}
#apply .row_3col .btn3 {
	width:330px;
	background:#CCC;
	text-align:center;
	margin:15px 15px 0;
	line-height:25px;
	float:left;
}
#apply .row_2col .col_r .btn {
	background:#CCC;
	text-align:center;
	margin:40px 0 0 0;
	line-height:25px;
}
#apply .row_3col .btn a, #apply .row_3col .btn3 a, #apply .row_2col .col_r .btn a {
	display:block;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-stretch: condensed;
	font-size:14px;
	font-weight:bold;
}
#apply .row_3col .btn a:before, #apply .row_3col .btn3 a:before, #apply .row_2col .col_r .btn a:before {
	content:url(../img/more_icon.png);
	margin-right:10px;
}
#apply .row_3col .btn a:link, #apply .row_3col .btn3 a:link, #apply .row_2col .btn a:link {
	color:#000 !important;
	text-decoration:none;
}
#apply .row_3col .btn a:hover, #apply .row_3col .btn3 a:hover, #apply .row_2col .btn a:hover {
	opacity:0.6;
}
#apply .row_3col .btn a:link, #apply .row_3col .btn3 a:link, #apply .row_2col .btn a:link {
	color:#00f;
}
/*programguidlines*/
/*#programguidlines p {
	margin-bottom:25px;*/
}
#programguidlines .linklist li {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
	font-weight: bold;
	font-size:15px;
}
#programguidlines .linklist li a:link, #programguidlines .linklist li a:visited {
	color:#000;
}
#programguidlines .linklist li a:hover {
	color:#f96;
}
#programguidlines .linklist li a:before {
	content:url(../img/more_icon.png);
	margin-right:0.5em;
}
/*サイドバー*/
.contact_wrapper {
	padding:0;
}
.contact_wrapper .contact_content .txt_bold {
	font-weight:bold;
}
.active a {
	color:#aaa !important;
	text-decoration:none;
}
.toTop {
	margin-bottom:15px;
}
.width_auto{
	width:auto !important;
}
h2 img{
	vertical-align:middle;
}