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

　　Japan Society for the Promotion of Science
	
	CSS Document(LastUpdate 2010/03/25)

	/index.html

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

@import url("basic.css"); /*Common CSS Load*/

/* ---------------------------------------------------------------------------------
	Layout
---------------------------------------------------------------------------------- */

#top_visual{
	background-color:#FFF;
	width:990px;height:270px;
	padding:6px 5px;
	}

#contents_left{
	background-color:#FFF;
	width:220px;float:left;
	padding-top:10px;
	}

#contents_center{
	background-color:#FFF;
	width:560px;float:left;
	padding-top:10px;
	}
	
#contents_right{
	background-color:#FFF;
	width:220px;float:right;
	padding-top:10px;
	}


/* ---------------------------------------------------------------------------------
	Layout Parts
---------------------------------------------------------------------------------- */

/* +++++++++++++++++++++
　　topicA  
+++++++++++++++++++++ */

/* Topic Title*/
.topicA{
	width:194px;
	margin:0 15px 10px 5px;padding:2px;
	background-color:#F5F5F5;
	border:solid 1px #CCC;
	}

.tpA_right{
	margin:0 5px 10px 15px;
	}

#topicAtitle_1,#topicAtitle_2,#topicAtitle_3,#topicAtitle_4,#topicAtitle_5,#topicAtitle_6,#topicAtitle_7{
	width:194px;height:30px;
	background-repeat: no-repeat;
	}

#topicAtitle_1{background-image:url(../img/tpt_a1a.gif);}
#topicAtitle_2{background-image:url(../img/tpt_a2a.gif);}
/* #topicAtitle_1{background-image:url(../img/tpt_a1.jpg);}  */
/* #topicAtitle_2{background-image:url(../img/tpt_a2.jpg);}  */
#topicAtitle_3{background-image:url(../img/tpt_a3.jpg);}
#topicAtitle_4{background-image:url(../img/tpt_a4.jpg);}
#topicAtitle_5{background-image:url(../img/tpt_a5.jpg);}
#topicAtitle_6{background-image:url(../img/tpt_a6.jpg);}
#topicAtitle_7{background-image:url(../img/tpt_a7.jpg);}


/*  2014-02-14  */
#topicCtitle_7{
	background-image:url(../img/tpt_c7.jpg);
	width:194px;
	height:30px;
	background-repeat: no-repeat;
	}
#topicAtitle_1a{background-image:url(../img/tpt_a1a.gif);}
#topicAtitle_2a{background-image:url(../img/tpt_a2a.gif);}	


/* Ranking Style */
.ranking{
	font-size:75%;color:#333;
	margin:10px;
	}

.ranking dl dt{
	clear:left;float:left;
	margin: 0 0 0.8em;
	width:2em;padding-left:5px;
	}
	
.ranking dl dd{
	margin-bottom:0.8em;
	margin-left:2em;
	}

/* Topic lead */
p.lead_topic,p.lead_topic2,p.lead_topic3{
	color:#333;	font-size:65%;
	line-height:150%;
	}

p.lead_topic {margin:5px 10px;}
p.lead_topic2{margin:0 5px 10px;}
p.lead_topic3{margin:5px;}
	
/* Topic block */
.topicA .tpblock{
	margin:5px 5px 15px;
	}
	
/* 2014-2-14  */
.topicA .tpblock_rev{
	margin:10px 5px 5px 10px;
	}

.topicA h3.tpta3{
	height:25px;
	padding:3px 0 0 26px;
	font-size:90%;
	background-image:url(../img/image_bill.jpg);
	background-repeat:no-repeat;
	line-height:110%;
	margin-bottom:7px;
	}
.topicA h3.tpta4{
	height:25px;
	padding:3px 0 0 26px;
	font-size:80%;
	background-image:url(../img/image_bill.jpg);
	background-repeat:no-repeat;
	line-height:110%;
	margin-bottom:7px;
	}
.topicA h3.tpta3 a{
	font-weight:bold;
	}
.topicA h3.tpta4 a{
	font-weight:bold;
	}
/* PDF Files */
.pdfset{
	height:28px;
	padding:5px 0 0 35px;
	font-size:60%;
	background-image:url(../img/image_pdf.jpg);
	background-repeat:no-repeat;
	}

/* +++++++++++++++++++++
　　topicA  
　　2014/02/13    
+++++++++++++++++++++ */
/* Topic Title renewal1*/

#topicAtitle_1a{background-image:url(../img/tpt_a1a.gif);}
#topicAtitle_2a{background-image:url(../img/tpt_a2a.gif);}


/* +++++++++++++++++++++
　　topicB  
+++++++++++++++++++++ */
/* Topic Title*/
.topicB{
	width:198px;
	margin:0 5px 10px 15px;
	background-image:url(../img/wall_tpb.jpg);
	background-repeat:repeat-x;
	border:solid 1px #105892;
	}
	
.topicB p{
	margin:8px;
	font-size:65%;line-height:150%;
	color:#333;
	}
	
.topicB .topic_list ul {
	font-size:11px; 
	list-style-position:inside; 
	list-style-type: none; 
	margin-left:8px;
}

/* +++++++++++++++++++++
　　topicD  
　　2011/11/18     
+++++++++++++++++++++ */
/* Topic Title*/
.topicD{
	width:198px;
	margin:0 15px 10px 5px;
	padding:2px;
	background-color:#FFFFFF;
	border:solid 1px #FFF;
	}
	

/* +++++++++++++++++++++
　　topicE  
　　2012/10/09     
+++++++++++++++++++++ */
/* Topic Title*/
.topicE{
	width:200px;
	margin:0 5px 5px 15px;
	background-color:#FFFFFF;
	border:solid 1px #ffffff;
	}
	

/* +++++++++++++++++++++
　　topicF  
　　2013/06/17    
+++++++++++++++++++++ */
/* Topic Title*/
.topicF{
	width:234px;
	margin:0 15px 10px 10px;
	padding:2px;
	background-color:#FFFFFF;
	border:solid 1px #FFF;
	}
	

/* +++++++++++++++++++++
　　topicG1  
　　2015/4/21     
+++++++++++++++++++++ */
/* Topic Title*/
.topicG1{
	width:200px;
	margin:0 15px 10px 4px;
	padding:0;
	background-color:#FFFFFF;
	border:solid 1px #FFF;
	}	




				
/* +++++++++++++++++++++
　　What's New Information  
+++++++++++++++++++++ */

.information{
	width:560px;
	margin-bottom:1em;
	}

p#information1,p#information2,p#information3{
	width:560px;height:27px;
	text-align:right;
	background-repeat: no-repeat;
	}

p#information1 img,p#information2 img,p#information3 img{
	position:relative;
	right:4px;top:8px;margin:0 1px;
	}
	
#information1{background-image:url(../img/information_title1.jpg);}
#information2{background-image:url(../img/information_title2.jpg);}
#information3{background-image:url(../img/information_title3.jpg);}

.information dl{
	font-size:75%;font-color:#333;
	width:540px;
	padding:10px 3px 0; /*20181129 edit*/
	}

.information dl dt{
  clear:left;float:left;
  margin: 0 0 0.8em;
  width:8em; /*20181129 edit*/
  padding-left: 2px; /*20181129 edit*/
  }

.information dl dd{
	margin-bottom: 0.8em;
	margin-left:9em; /*20181129 edit*/
	word-break: break-all;
	}

/* +++++++++++++++++++++
　　GAKUSHIN TOPICS
+++++++++++++++++++++ */
#gakushin{
	width:558px;background-color:#F2F5FF;
	border:solid 1px #C9DADC;
	}

p#gakushin_title{
	width:558px;height:39px;
	text-align:right;
	background-image:url(../img/title_gakushintopics.jpg);
	background-repeat: no-repeat;
	}

p#gakushin_title img{
	position:relative;
	right:4px;top:8px;margin:0 1px;
	}

.gakushinbox1{
	width:518px;margin:10px 20px;
	clear:right;
	}

.gakushinbox1 img{
	margin-right:15px;
	float:left;
	}

.gakushinbox1 h3{
	font-size:80%;
	font-weight:bold;
	}
	
.gakushinbox1 p{
	font-size:75%;color:#333;
	line-height:150%;
	}

.gakushinbox2{
	width:240px;margin:0 18px;
	float:left;
	_margin:0 10px;/*IE6*/
	}

.gakushinbox2 img{
	margin:0 15px 5px 0;
	float:left;
	}

.gakushinbox2 h3{
	font-size:75%;
	font-weight:bold;
	}
	
.gakushinbox2 p{
	font-size:65%;color:#333;
	clear:left;line-height:150%;
	}

#gakushin .spacer1{
	width:558px;height:21px;font-size:0;
	background-image:url(../img/spacer1.gif);
	clear:both;
	}

#gakushin .spacer2{
	float:left;width:6px;height:127px;
	background-image:url(../img/spacer2.gif);
	font-size:0;
	}
	
#gakushin .spacer3{
	width:558px;height:5px;
	font-size:0;clear:both;
	}
/*2010-08/26 add*/
#gakushin .spacer4{
	width:558px;height:15px;
	font-size:0;clear:both;
}	
	
/* +++++++++++++++++++++
　　Icon Style
+++++++++++++++++++++ */
.icon_link{
	padding-right:20px;
	background-position:right;
	background-image:url(../img_common/link.jpg);
	background-repeat:no-repeat;
	}