﻿@charset "utf-8";
/* ========================================================

　Japan Society for the Promotion of Science
	
	CSS Document(LastUpdate 2010/07/22)

	Common Style

	**hituyou kashonomi sakusei------------2010/07/22
======================================================== */

/*++++++++++++++++++++++++++++++++++++++++
■INDEX
	・Setting
	・Common Parts
	・Layout Adjust
	・Text and Image Layout
	・Header Style
	・PankuzuList Style
	・Contents Style
	・Footer Style
	・Left Menu Style
	・H1 Style
	・H2 Style
	・H3 Style
	・jQuery Style
	・Comment and Tips etc Style
	・Table Style
	・Icon Style
++++++++++++++++++++++++++++++++++++++++*/

/* ---------------------------------------------------------------------------------
	Setting
---------------------------------------------------------------------------------- */
/*reset*/


/*Fontstyle*/
#pankuzu2{
	font-family: "メイリオ",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}


/* Scroll */

/* Tag Style */


/* Basic Color Style */

/* Background Style */


/*Container Style*/
#container2{
	width:1000px;margin:0 auto;
	background-color:#ffffff;
	}

/* ---------------------------------------------------------------------------------
	Common Parts
---------------------------------------------------------------------------------- */
/* Detail */



/* ---------------------------------------------------------------------------------
	Layout Adjust
---------------------------------------------------------------------------------- */

/* clearfix */

/* clearfix END */

/* spacer */



/* List Style */
/* UL */


/* OL */


/* window open close style */

/* ---------------------------------------------------------------------------------
	Layout Parts
---------------------------------------------------------------------------------- */


/* submenuk Style */
.submenuk{
	font-size:75%;
	width:220px;
	margin:0 10px;
	line-height:1.5em;
	}

.submenuk .subheader{
	width:220px;height:44px;
	background-image:url(../j-bilat/img/menu_index_title.jpg);
	background-repeat:no-repeat;
	}

.submenuk .subheader ul{
	padding-bottom:1em;
	list-style-type:none;
	}

.submenuk .subheader li.eng{
	padding:23px 165px;
	}
	
.submenuk .subheader li{
	background-position:155px 30px;
	background-image:url(../j-bilat/img/ya.gif);
	background-repeat:no-repeat;
	}

.submenuk .subbody{
	background-image:url(../j-bilat/img/wall_submenu_a.jpg);
	background-repeat:repeat-y;
	}
	
.submenuk .subbody ul{
	padding-bottom:1em;
	list-style-type:none;
	}

.submenuk li.menucategory{
	padding-left:15px;
	background-position:0px 3px;
	background-image:url(../img_common/submenu_midashi3.gif);
	background-repeat:no-repeat;
	}

.submenuk li.menucategory ul li{
    line-height:23px; 
	padding-left:8px;font-size:100%;
    background-position:0px 5px;
	background-image:url(../img_common/submenu_midashi2.gif);
	background-repeat:no-repeat;
	}

ul.menukset{
	padding:10px;
	}

.submenuk .subbottom{
	width:220px;height:10px;
	background-image:url(../j-bilat/img/submenu_a_bottom.jpg);
	background-repeat: no-repeat;
	}

.submenuk2{
	width:210px;
	margin:5px 5px 0 5px;
	background-color:#F8EFD4;
	}

.submenuk2 .subheader2{
	width:210px;height:27px;
	background-repeat: no-repeat;
	}

.submenuk2 p.menucategory{
	margin-left:10px;
	padding:5px 10px 5px 15px;
	background-position:0px 6px;
	background-image:url(../img_common/submenu_midashi3.gif);
	background-repeat:no-repeat;
	}

.submenuk li.menucategory ul li ul.sub2 li{
	background-image:url(../img_common/submenu_midashi4.gif);
	background-position:0.1em 0.7em;
	margin-left:5px;
	}

/* ---------------------------------------------------------------------------------
	Text and Image Layout
---------------------------------------------------------------------------------- */


/* Image and Text Set Style */


/* TextLead */
p.lead2{
	font-size:85%;
	padding:2px 5px;
	border-bottom:2px solid #3366CC;/*6666CC*/
	border-left:10px solid #3366CC;
	width:700px;
	margin-left:10px;
}
p.tbox01{
	font-size:85%;
	margin-left:20px;
	padding:10px 3px 10px 3px;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	width:70%;
	text-align:center;
	background-color:#F0D477;/*eeff99-ddff66*/
	
}
p.tbox02{
	font-size:75%;
	margin-left:20px;
	padding:10px 3px 10px 3px;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	width:600px;
}
.tbl-place{
	margin-left:20px;
}
.tbl-place2{
	margin-left:20px;
	font-size:75%;
	line-height:150%;
}
.tbl-place3{
	margin-left:20px;
	font-size:75%;
	line-height:150%;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
}
.tbl-txt-sty{
	height:20px;
	font-size:75%;
	padding:10px 3px 10px 3px;
}
.tbl-txt-sty02{
	font-size:75%;
	padding:10px 5px 10px 5px;
}

/* ---------------------------------------------------------------------------------
	Header Style
---------------------------------------------------------------------------------- */

/* TextSize anc SerchBox */


/* User Navigastion */


/*------on*/	


/*------off*/


/*------hover*/	



/* Main Navigation */


/*------off*/

/*------on and hover*/


/* ---------------------------------------------------------------------------------
	PankuzuList Style
---------------------------------------------------------------------------------- */
#pankuzu2{
	font-size:75%;color:#666;
	background-color:#ffffff;
	width:1000px;height:28px;
	margin:0 auto;
	}
	
#pankuzu2 a{
	color:#0B398E;
	}
	
#pankuzu2 a:hover{
	color:#09F;
	}

#pankuzu2 ul{
	padding:6px 15px;
	}

#pankuzu2 ul li{
	padding-left:2px;
	padding-right:7px;
	display:inline;list-style-type:none;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(../../img_common/arrow_pankuzu.gif);
	}
	
#pankuzu2 ul li.listend{
	background:none;
	}
	
	
#footer2{
	font-size:75%;color:#666;
	background-color:#ffffff;
	width:1000px;height:28px;
	margin:0 auto;
	}

/* ---------------------------------------------------------------------------------
	Contents Style
---------------------------------------------------------------------------------- */
#contents_left2{
	background-color:#ffffff;
	width:240px;float:left;
	}
#contents_right2{
	background-color:#ffffff;
	width:745px;float:left;
	padding-right:15px;
	}
#contents2{
	width:1000px;
	margin:0 auto;
	background-color:#ffffff;
	}
	
*html #contents2{
	width:1005px;
	background-color:#ffffff;
	}/* for IE6 */
/* ---------------------------------------------------------------------------------
	Footer Style
---------------------------------------------------------------------------------- */
#footer2{
	background-color:#ffffff;
	font-size:85%;
	width:1000px;height:130px;
	text-align:center;
	clear:both;
}

/* Page Top */


/* Footer Navigation */



/* Footer Copyright */

/* Footer Copyright END */


/* ---------------------------------------------------------------------------------
	Left Menu Style
---------------------------------------------------------------------------------- */
/* submenuA Style */
.submenuA .subheader2{
	width:220px;height:44px;
	background-image:url(../../img_common/menustyle_b_title.jpg);
	background-repeat: no-repeat;
	}

.menucategory2{
	/*padding-left:15px;
	background-position:0px 3px;
	margin: 0; padding: 0;
	margin-left: 5px;*/
	list-style-type: none;
	padding: 4px 10px 4px 15px;
	background-image:url(../img/menu_symbol_b.gif);/*koumoku picture blue-box*/
	background-repeat:no-repeat;
	background-position: left center;
	}
	
.menucategory21{
	margin-left:10px;
	padding:5px 10px 5px 15px;
	background-position:0px 6px;
	background-image:url(../img/menu_symbol_b.gif);
	background-repeat:no-repeat;
	}

.menucategory21 ul li{
	background-image:url(../img_common/submenu_midashi4.gif);
	background-position:0.1em 0.7em;
	margin-left:5px;
	}
	
.menucategory3{
	list-style-type: none;
	padding: 4px 10px 4px 15px;
	background-image:url(../img/menu_symbol_g.gif);/*koumoku picture blue-box*/
	background-repeat:no-repeat;
	background-position: left center;
	}

/* submenuA Style END */

/* submenuB Style */

/* submenuB Style END */


/* Infomation Box A */

/* Infomation Box A END */

/* +++++++++++++++++++++
　　LeftMenu ImageLoad
+++++++++++++++++++++ */
.submenuA .subheader{
	width:221px;height:44px;
	background-image:url(../img/menu_index_title.gif);
	/*background-color:#ccffaa;*/
	}

.infoboxA .subheader1{
	width:221px;height:44px;
	background-repeat: no-repeat;
	background-image:url(../img/sub_index_title1.gif);
	}
.infoboxA .subheader2{
	width:221px;height:44px;
	background-repeat: no-repeat;
	background-image:url(../img/sub_index_title2.gif);
	}

.submenuA .subbody2{
	background-image:url(../img/wall_submenu.gif);
	background-repeat:repeat-y;
	background-color:#ffffcc;
	/*background-color:#ffffcc;*/
	}
.subbody2 ul{
	padding-bottom:1em;
	list-style-type:none;
	}
.submenuA .subtop2{
	width:220px;height:10px;
	background-image:url(../img/sub_top.gif);
	background-repeat: no-repeat;
	}
.submenuA .subbottom2{
	width:220px;height:10px;
	background-image:url(../img/sub_bottom.gif);
	background-repeat: no-repeat;
	}
/* ---------------------------------------------------------------------------------
	H1 Style
---------------------------------------------------------------------------------- */
/*index.html*/
#h1styleA h1#id1{background-image:url(../img/main_title.jpg);}
/* H1 styleA2 */
#h1styleA h1#id2{
	/*background-image:url(../img/main_title_s.jpg);
	height:68px;*/
	background-image:url(../img/main_title_2.jpg);
}
#h1styleA h1#id3{
	/*background-image:url(../img/main_title_s.jpg);
	height:68px;*/
	background-image:url(../img/main_title_3.jpg);
}
/* H1 styleA END*/



/* ---------------------------------------------------------------------------------
	H2 Style
---------------------------------------------------------------------------------- */
/* +++++++++++++++++++++
　　H2 Title ImageLoad
+++++++++++++++++++++ */
/*index.html*/
.h2styleA h2#id1_1{background-image:url(../img/sub_banner01.jpg);}
.h2styleA h2#id1_2{background-image:url(../img/sub_banner02.jpg);}
.h2styleA h2#id1_3{background-image:url(../img/sub_banner03.jpg);}
.h2styleA h2#id1_4{background-image:url(../img/sub_banner04.jpg);}
.h2styleA h2#id1_5{background-image:url(../img/sub_banner05.jpg);}
.h2styleA h2#id1_6{background-image:url(../img/sub_banner06.gif);}
.h2styleA h2#id1_7{background-image:url(../img/sub_banner07.jpg);}
.h2styleA h2#id1_8{background-image:url(../img/sub_banner08.jpg);}
.h2styleA h2#id1_9{background-image:url(../img/sub_banner09.jpg);}
.h2styleA h2#id1_10{background-image:url(../img/sub_banner10.jpg);}
.h2styleA h2#id1_11{background-image:url(../img/sub_banner11.jpg);}
/* H2 styleA */

/* H2 styleA END */



/* ---------------------------------------------------------------------------------
	H3 Style
---------------------------------------------------------------------------------- */
/*What'sNew picture and line color*/
.h3style h3.h3d2{
	font-size:75%;font-weight:bold;
	padding-bottom:3px;
	padding-left:20px;
	background-image:url(../img/wall_h3_b.gif);
	background-repeat:no-repeat;
	border-bottom:solid 1px #002DF4;
	}

/*font color*/
ul.styleNews{
	font-size:75%;color:#333333;
	list-style:none;
	}
/*2011-07-08 ADD*/
dl.styleNews{
	font-size:75%;color:#333;
	margin:5px;
	}

dl.styleNews dt{
	clear:left;float:left;
	margin: 0 0 0.8em;
	width:9em;padding-left:5px;
	}
	
dl.styleNews dd{
	margin-bottom:0.8em;
	margin-left:9em;
	border-bottom:dotted 1px #CCC;
	}

/* H3 styleA/B */

/* H3 styleA/B END */

/* H3 styleC */

/* H3 styleC END */

/* H3 styleD/G/H */

/* H3 styleD/G/H END */

/* H3 styleE_F */

/* H3 styleE END */

/* H3 styleI */

/* H3 I END */



/* ---------------------------------------------------------------------------------
	jQuery Style
---------------------------------------------------------------------------------- */
/* Tree Style */




/* ---------------------------------------------------------------------------------
	Comment and Tips etc Style
---------------------------------------------------------------------------------- */
/* Comment_A Style */

/* Comment_A Style END */

/* Comment_C Style */

/* Comment_C Style END */



/* ---------------------------------------------------------------------------------
	Table Style
---------------------------------------------------------------------------------- */


/* tableStyleA */

/* tableStyleA END */


/* tableStyleB */

/* tableStyleB END */

/* 5/27追加 */

/* 11/11追加 */
.table_houkoku{
	margin:0px 0px 0px 25px;
	font-size : 75%;
	border-collapse: collapse; 
	border-spacing:0;
	empty-cells:show; 
	}

.table_houkoku td {
	padding: 6px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.table_houkoku td.center01{
	text-align:center;
	vertical-align:middle;
	width:50px;
}

.box_styled01{
	float:right;
	width:380px;
	margin:70px 30px 0 0;
	font-size : 75%;
}
/* ---------------------------------------------------------------------------------
	Link Color
---------------------------------------------------------------------------------- */
/* Blue base */


/* Orange base */


/* ---------------------------------------------------------------------------------
	Icon Style
---------------------------------------------------------------------------------- */

.icon_link{
	background-image:url("/j-kaigai_center/img/link_1.jpg");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}
