@charset "UTF-8";

/* /////////////////////////////////////////////////////////////////////////// layout */

html,
body {
	background:#fff;
}

html,
body,
#wrap {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

body {
	text-align:center;
}


/* header
--------------------------------------------------------------------------- */
#header {
	border-top:3px solid #99b8e1;
	border-bottom:1px solid #5783bd;
	text-align:center;
	height:98px;
}

#headInner {
	width:800px;
	height:95px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}

#headLeft {
	float:left;
	width:338px;
	padding-top:6px;
}

#headLeft p {
	font-size:87%;
	line-height:1.2em;
	margin-bottom:4px;
}

#headLeft h1,
#headLeft h1 a {
	width:338px;
	height:46px;
}

#headLeft h1 a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background:url(images/yonezawalabo_h101.gif) no-repeat 0 0;
}

h1#headEnglish a{
	background-image:url(images/yonezawalabo_h102.gif);
	width:272px;
}

#headRight {
	float:right;
	width:86px;
}

#switchLang {
	height:19px;
	overflow:hidden;
	zoom:1;
	margin-bottom:20px;
}

#switchLang a{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	width:76px;
	height:19px;
	background:url(images/switch_lang01.gif) no-repeat 0 0;
	float:right;
}

#switchLang a.english {
	background:url(images/switch_lang02.gif) no-repeat 0 0;
}

#switchLang a:hover {
	background-position:0 -19px;
}

#logoRfi {
	height:29px;
}


/* グローバルナビゲーション
--------------------------------------------------------------------------- */
#gNavi {
	height:41px;
	background:url(images/gnavi_bg01.gif) repeat-x 0 0;
	border-top:1px solid #1d5aa9;
	border-bottom:5px solid #1d5aa9;
	padding-top:1px;
}

#gNavi ul{
	width:800px;
	height:40px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

#gNavi li {
	display:inline;
}

#gNavi li a {
	display:block;
	width:200px;
	height:40px;
	text-indent:-999em;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(images/gnavi01.gif);
	float:left;
}

#gnaviEnglish li a {
	background-image:url(images/gnavi02.gif);
}

#gnaviResearch a{background-position:0 0;}
#gnaviMember a{background-position:-200px 0;}
#gnavPublications a{background-position:-400px 0;}
#gnaviAccess a{background-position:-600px 0;}

#gnaviResearch a:hover, #gnaviResearch a.selected{background-position:0 -40px;}
#gnaviMember a:hover, #gnaviMember a.selected{background-position:-200px -40px;}
#gnavPublications a:hover, #gnavPublications a.selected{background-position:-400px -40px;}
#gnaviAccess a:hover, #gnaviAccess a.selected{background-position:-600px -40px;}


/* Contents
--------------------------------------------------------------------------- */
#container {
	padding-bottom:100px; /* フッターのheightと同じサイズ指定 */
	text-align:center;
}

#contents {
	width:800px;
	margin:0 auto;
	text-align:left;
}

#breadNavi {
	font-size:87%;
	margin:5px 0 20px;
}


/* Footer
----------------------------------------------------------- */

#footer {
	margin:0 auto;
	position: relative;
	margin-top: -100px; /* #containerのpadding-bottomと同じサイズ指定 */
	height: 100px;
	clear:both;
	text-align:center;
}

#footInner {
	width:800px;
	height:28px;
	padding-top:32px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	zoom:1;
}

#fNavi ul {
	overflow:hidden;
	zoom:1;
	background:url(images/fnavi_line.gif) no-repeat 0 50%;
	float:left;
}

#fNavi li {
	display:inline;
	padding:0 11px 0 7px;
	background:url(images/fnavi_line.gif) no-repeat 100% 50%;
}

#fNavi li a:link {
	color:#333;
}

#fNavi li a:visited{
	color: #555;
}

#fNavi li a:hover, #fNavi li a:active{
	color: #f60;
}

.pagetop {
	float:right;
	margin-top:6px;
}

.pagetop,
.pagetop a {
	width:106px;
	height:10px;
}

.pagetop#pageEnglish,
.pagetop#pageEnglish a {
	width:57px;
	height:10px;
}

.pagetop a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background:url(images/btn_pagetop.gif) no-repeat 0 0;
}

.pagetop#pageEnglish a {
	background-image:url(images/btn_pagetop02.gif);
}

.pagetop a:hover {
	background-position:0 -10px;
}

#copyright {
	background:#999;
	text-align:center;
	height:25px;
	padding-top:15px;
}

#copyright p {
	text-indent:-999em;
	width:467px;
	height:13px;
	margin:auto;
	background:url(images/copyright.gif) no-repeat 0 0;
}
