@charset "UTF-8";

/*
================================================================
CONTENTS
================================================================
	last-updated: 2009-02-18;

	1:universal reset
	2:html and body
	3:typography
	4:layout
	5:navigation
	6:images
	7:forms

	ex:style sheets for browsers

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



/*
===============================================================
1: universal reset
===============================================================
*/

*{
/* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size:100%;
	line-height : 25.6px;
	margin:0;
	padding:0;
}

body			{ margin : 0px;	padding : 0px;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, dl, dd, hr	{ margin : 0px; padding : 0px; }
span			{ margin : 0px; padding : 0px; }
li				{ list-style : none; }
fieldset		{ border : none; }
img{ border : 0px; display : block; }

h1, h2, h3		{ margin:16px 0; }

/*
===============================================================
2: html and body 
===============================================================
*/
body	{
	 background: #b9b9b9;
	}

.hideskipnavigation	{

}
.mobile	{

}

/*
===============================================================
3:typography
===============================================================
*/

*	{
	font-family: "メイリオ", "Helvetica", "ヒラギノ", "ＭＳ ゴシック"; font-size:14px;
	}

a	{
	color: #338800;font-size:14px;
	}
a:visited	{
	color: #338800;font-size:14px;
	}
a:hover	{
	color: #dd8800;font-size:14px;
	}
	
a.s1:link{color:#338800;font-size:14px;}
a.s1:visited{color:#338800;font-size:14px;}
a.s1:active{color:#338800;font-size:14px;}
a.s1:hover{color:#dd8800;font-size:14px;}


#footer li	{
	font-size: 12.8px;
	}
#footer a	{
	color: #fefefe;
	}
#footer a:visited	{
	color: #fefefe;
	}
#footer a:hover	{
	color: #ffaa00;
	}
#footer .copy	{
	width:auto;
	float: right;
	clear: both;
	margin: 0px 20px 20px 40px;
	font-size: 11.2px;
	color: #ddddde;
	}

h1	{
	width: 250px;
	height: 128px;
	overflow: hidden;
	}
h1 span	{
	display: none;
	}
h2 span	{
	display: none;
	}
h3 span	{
	display: none;
	}

.fontred	{
	color: red;
	}
.fontpink	{
	color: #e73485;
	}
.fontbold	{
	font-weight: 700;
	}

.alert	{
	color: red;
	font-weight: 700;
	font-size: 14.5px;
	}
.wordsyhkl	{
	width: 76px;
	height: 16px;
	background: transparent url("../img/words/yhk-l.gif") no-repeat;
	}
.wordsyhks	{
	width: 66px;
	height: 14px;
	background: transparent url("../img/words/yhk-s.gif") no-repeat;
	}
.wordshkl	{
	width: 46px;
	height: 16px;
	background: transparent url("../img/words/hk-l.gif") no-repeat;
	}

#abouttexttop	{
	position: relative;
	top: 105px;
	left: 100px;
	width: 600px;
	font-size: 14.5px;
	font-weight: 700;
	color: #32411c;
	line-height: 22px;
	}
p.explaintext	{
	line-height: 22.4px;
	}
.researchtheme	{
	text-align:left;
	width: 520px;
	margin: 0px 10px 5px 40px;
	padding-top: 12px;
	font-size: 17.6px;
	font-weight: 600;
	line-height: 19.2px;
	}
.researchmember	{
	text-align:left;
	width: 520px;
	margin: 0px 10px 0px 40px;
	font-size: 12.8px;
	line-height: 17.6px;
	font-weight: 400;
	color: #555555;
	}
.researchdate, .researchplace	{
	width: 520px;
	text-align:left;
	margin: 0px 10px 5px 40px;
	font-weight: 400;
	font-size: 12.8px;
	line-height: 17.6px;
	color: #555555;
	}
.summarytitle	{
	font-size: 12.8px;
	width:50px;
	float: left;
	color: #777777;
	}
.summarytext	{
	font-size: 12.8px;
	line-height: 18px;
	text-align:left;
	color: #555555;
	width: 550px;
	float: left;
	}
.researchdetail	{
	clear: both;
	float: right;
	width: 600px;
	margin-right: 20px;
	font-size: 14.5px;
	text-align: right;
	}

#profilebox p.subtitle	{
	font-weight: 700;
	color: #995500;
	}
#profilebox p.subtext	{
	font-weight: 400;
	font-size: 14.5px;
	color: #555555;
	margin-left: 20px;
	}

/*
===============================================================
4: layout
===============================================================
*/

/*	Basic Layout */

body	{
	}
div#container	{
	position: relative;
	margin: auto;
	width: 1000px;
	background: #b9b9b9 url("../img/bg.gif") repeat-y;
	}
div#bd	{
	position: relative;
	padding: 0px 20px;
	background: transparent url("../img/bg-hd.jpg") 20px 0px no-repeat;
	}
div#bd2	{
	position: relative;
	padding: 0px 20px;
	background: transparent url("../img/bg-hd.jpg") 20px 0px no-repeat;
	}

div#header	{
	height: 150px;
	overflow: hidden;
	margin-bottom: 10px;
	}

div#navigation	{
	position: absolute;
	top: 90px;
	left: 310px;
	width: 650px;
	background: transparent;
	height: 45px;
	font-size: 12.8px;
	}
div#navigation li	{
	width:auto;
	list-style: none;
	margin-top: 12px;
	margin-left: 20px;
	padding: 0 8px;
	text-align: center;
	float: right;
	}
div#navigation li a	{
	color: #fffffe;
	}
div#navigation li a:hover	{
	color: #dd9933;
	}

div#contents	{
	height:auto;
	margin: 0px 20px 70px 20px;
	padding-bottom:150px;
	}
div#contents2	{
	height:auto;
	margin: 0px 20px 70px 20px;
	}

div#historyflash	{
	margin: 35px 0px 20px 0px;
	width: 740px;
	height: 240px;
	padding-top: 0px;
	background: transparent;
	}

div#main	{
	margin-left: 180px;
	background: transparent;
	min-height:1600px;
	width:740px;
	}

div#menu	{
	width: 170px;
	position: absolute;
	top: 170px;
	left: 40px;
	background: transparent;
	}

#footer	{
	clear: both;
	margin: 0 1px;
	background: #483d2b url("../img/bg-ft.gif") repeat-x;
	overflow: hidden;
	}
#footer .keywords	{
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	color: #937b54;
	font-size: 11.2px;
	}

div#topnavigation	{
	width: 240px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 60px;
	padding-top: 10px;
	text-align: center;
	}

div#campaign	{
	width: 740px;
	}

.btnpagetop	{
	clear: both;
	float: right;
	width: 170px;
	height: 110px;
	margin: 10px;
	}

.clearfx	{
	clear:both;
	}

/*
===============================================================
5: navigation
===============================================================
*/

#menutoubyou	{
	background: #f1dcda;
	background-position: 0px 50px;
	margin-top: 0px;
	margin-left: 0px;
	width: 160px;
	}
#menumibyou	{
	background: #f4e0c6;
	background-position: 0px 50px;
	margin-top: 20px;
	margin-left: 0px;
	width: 160px;
	}
#menukenkou	{
	background: #eaf0d7;
	background-position: 0px 50px;
	margin-top: 20px;
	margin-left: 0px;
	width: 160px;
	}
.menubooks	{
	background: #e6e6e6;
	margin-top: 20px;
	margin-left: 0px;
	width: 160px;
	}
div#menu ul	{
	margin: 5px 0px 0px 0px;
	width: 160px;
	}
div#menu li	{
	list-style: none;
	font-size: 11.2px;
	text-align: center;
	height: 32px;
	padding-bottom: 5px;
	}
div#menu li a	{
	width : 148px;
	background: transparent url("../img/menu/menubtn01.gif") no-repeat;
	color: #555555;
	display: block;
	margin-left: 6px;
	}
div#menu li a:hover	{
	background-position: 0 -32px;
	color: #fefefe;
	}
div#footer ul	{
	margin: 30px;
	}
div#footer li	{
	width:auto;
	list-style: none;
	margin: 0px;
	margin-left: 20px;
	padding: 0 8px;
	text-align: center;
	font-size: 12.8px;
	float: left;
	}
div#footer p	{
	clear: both;
	}

.btn-right	{
	text-align: right;
	width: 280px;
	float: right;
	margin-right: 10px;
	}

ul#livermenu	{
	margin-left: 20px;
	}
ul#livermenu li	{
	list-style: none;
	width: 132px;
	margin-right: 10px;
	float: left;
	}

p.btn-contacttop a	{
	width: 112px;
	height: 22px;
	display: block;
	background: transparent url("../img/btn-contacttop.gif") no-repeat;
	}
p.btn-contacttop a:hover	{
	background-position: 0px -22px;
	}
p.btn-contacttop span	{
	display: none;
	}

div#topsupport p	{
	width: 200px;
	margin-top: 10px;
	margin-left: 15px;
	font-size: 14.4px;
	line-height: 28.8px;
	}
div#toprelatednews p	{
	width: 650px;
	padding-top: 3px;
	padding-bottom: 6px;
	border-bottom: 1px solid #eeeeee;
	font-size: 14.4px;
	}
div#toprelatednews a	{
	color: #3388cc;
	}
div#toprelatednews a:hover	{
	color: #ff7700;
	}
div#toprelatednews span	{
	margin-left: 32px;
	font-size:12.8px;
	color: #aaaaaa;
	}


/*
===============================================================
6: images
===============================================================
*/

div#logo	{
	width: 320px;
	height: 150px;
	}

/*
===============================================================
7: forms
===============================================================
*/

/*
===============================================================
8: top
===============================================================
*/
#about	{
	margin-bottom: 10px;
	height: 450px;
	}
#abouttext	{
	position : relative;
	width: 740px;
	height: 450px;
	margin: 0px;
	background: url("../img/top/abouttext.png") no-repeat;
	}
.topicsbase	{
	margin-bottom: 20px;
	float: left;
	width: 450px;
	background: url("../img/top/topbase00c.gif")  0px 0px repeat-y;
	}
.topicsbase3	{
	float: left;
	width: 270px;
	margin-left: 20px;
	background: url("../img/top/topbase003.gif") 0px 0px no-repeat;
	}
.topicsbase2	{
	clear: both;
	width: 740px;
	background: url("../img/top/topbase00c2.gif")  0px 0px repeat-y;
	}
.topicsbasearchives	{
	clear: both;
	width: 740px;
	background: url("../img/top/archivesbase00c2.gif")  0px 0px repeat-y;
	}
#topics	{
	background: url("../img/top/topbase00.gif") no-repeat;
	font-size: 17.6px;
	}
#topicspict	{
	margin: 10px;
	}
#topicspict p	{
	margin-top: 10px;
	padding: 5px;
	background: #cccccc;
	}
#topics ul	{
	margin: 0px 20px 0px 40px;
	height:170px;
	}
#topics ul li.topicarchives	{
	width:auto;
	margin-top: 16px;
	float: right;
	}
#topsupport	{
	clear: both;
	margin-bottom: 30px;
	background: url("../img/top/topbase01.gif") no-repeat;
	font-size: 14.4px;
	}
#topresearchinfo, #topresearchinfo2	{
	margin-bottom: 30px;
	background: url("../img/top/topbase02.gif") no-repeat;
	}
#toprelatednews	{
	clear: both;
	margin-bottom: 30px;
	background: url("../img/top/topbase03.gif") no-repeat;
	}
#profile	{
	clear: both;
	height:auto;
	display:table;
	margin-bottom: 30px;
	background: url("../img/top/profilebase.gif") no-repeat;
	}
#profilebox	{
	width: 640px;
	margin-top: 30px;
	margin-left: 50px;
	font-size: 14.4px;
	}
#profilebox td	{
	vertical-align: top;
	}
#toprelatednewsbox	{
	width: 680px;
	margin-left: 30px;
	min-height: 220px;
	overflow: auto;
	}
#contact	{
	clear: both;
	margin-bottom: 30px;
	background: url("../img/top/topbase04.gif") no-repeat;
	}

.topsupport00	{
	float: left;
	width: 220px;
	margin: 0px 11px;
	background: transparent;
	overflow:hidden;
	}
#topsupport .detail	{
	width:auto;
	float: right;
	margin-left: 23px;
	}
#topsupport00 p.supportsubt	{
	font-size: 17.6px;
	font-weight: 700;
	margin: 0px 5px;
	}

#topresearchpict	{
	width: 730px;
	margin-left: 5px;
	margin-bottom : 10px;
	}
#bookordercontact	{
	clear: both;
	margin-bottom: 30px;
	background: url("../img/top/topbase01.gif") no-repeat;
	}

#aboutlaboratory	{
	margin-left: 10px;
	margin-bottom: 20px
	}

#aboutlab	{
	margin: 20px;
	background: #dddddd;
	border: 1px solid #aaaaaa;
	padding: 10px;
	font-size: 12.8px;
	font-weight: 700;
	}

#sourceinfo	{
	margin: 20px;
	background: #ddddaa url("../img/books/source-bg.gif") repeat-y;
	padding: 0px;
	font-size:12.8px;
	}
#sourceinfo h3	{
	font-size: 22.4px;
	background: transparent url("../img/books/source-title.gif") no-repeat;
	height: 56px;
	}
#sourceinfo h3 span	{
	display: none;
	}
#sourceinfo p.sourceinfot	{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	font-size: 22.4px;
	font-weight: 700;
	border-top: 1px solid #e8ddc8;
	line-height: 32px;
	}
#sourceinfo p.sourceinfos	{
	margin-left: 40px;
	margin-top: 5px;
	font-size: 16px;
	font-weight: 400;
	}

/*
===============================================================
9: main content
===============================================================
*/

.top	{
	margin-top: 0px;
	padding: 0px;
	}
.topv	{
	margin-top: 0px;
	padding: 0px;
	background: url("../img/top/topvisual.jpg") no-repeat;
	}
#sp01support, #sp01support2	{
	background: url("../img/top/topbase01.gif") no-repeat;
	font-size: 14.4px;
	margin:20px 0px 0px 0px;
	}
#sp01support h3, #sp01support2 h3	{
	margin: 0px 20px 10px 20px;
	border-bottom: 1px solid #aaaaaa;
	font-size: 22.4px;
	}
#linkbox	{
	width: 740px;
	background: url("../img/link/linkbase.gif") no-repeat;
	margin-top: 30px;
	margin-bottom: 50px;
	}
div#linkbox .text	{
	width: 700px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 14.4px;
	}

.qanda	{
	clear: both;
	width: 700px;
	margin: 10px 0px 20px 20px;
	background: #f0f0f0 url("../img/sp01/qanda-bg.gif") repeat-y;
	}
.answer	{
	width: 700px;
	background: transparent url("../img/sp01/qanda-aicon.gif") 10px 0px no-repeat;
	}
.source	{
	clear: both;
	width: 700px;
	margin: 10px 0px 20px 20px;
	background: #f0f0f0 url("../img/books/source-bg.gif") repeat-y;
	}
.qandaq, .qandav, .rb	{
	width: 640px;
	background: transparent url("../img/sp01/qanda-qicon.gif") 10px 0px no-repeat;
	font-size: 24px;
	line-height:30px;
	font-weight: 700;
	padding-left: 50px;
	margin-bottom : 5px;
	}
.comingsoon	{
	width: 700px;
	margin: 10px 0px 20px 20px;
	background: #ffffff;
	border: 2px solid red;
	text-align: center;
	}
.qandav	{
	background: transparent url("../img/sp01/qanda-vicon.gif") 10px 0px no-repeat;
	}
.rb	{
	background: transparent url("../img/books/rbicon.gif") 10px 0px no-repeat;
	font-size: 32px;
	font-weight: 700;
	color: black;
	line-height:45px;
	}
.qandaq2	{
	width: 640px;
	background: transparent url("../img/sp02/qanda-qicon.gif") 10px 0px no-repeat;
	font-size: 24px;
	font-weight: 700;
	padding-left: 50px;
	margin-bottom : 5px;
	}
.qandaq3	{
	width: 640px;
	background: transparent url("../img/sp03/qanda-qicon.gif") 10px 0px no-repeat;
	font-size: 24px;
	font-weight: 700;
	padding-left: 50px;
	margin-bottom : 5px;
	}
.qandaa, .qandavt	{
	width: 560px;
	min-height: 40px;
	margin-top: 10px;
	margin-left: 70px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 28.8px;
	font-weight: 400;
	}
.sourcechn, .sourcejpn	{
	width:auto;
	float: left;
	min-height: 40px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 28.8px;
	font-weight: 400;
	}
.sourcechn	{
	width: 360px;
	border: 1px solid white;
	}
.sourcejpn	{
	width: 260px;
	color: black;
	}

ul.sourcelist	{
	margin-left: 20px;
	margin-bottom: 40px;
	}
ul.sourcelist li	{
	list-style-type: circle;
	list-style-position: inside;
	}
p.sourcecategory	{
	width: 700px;
	margin-left: 20px;
	font-weight: 700;
	border-bottom: 1px solid gray;
	font-size: 32px;
	color: #ff9900;
	line-height:45px;
	}

.origin	{
	width: 560px;
	background: #e0e0e0;
	margin: 20px 0px 5px 70px;
	}
.origininside	{
	width: 500px;
	padding: 10px 30px;
	}

p.originmedia	{
	font-size: 14.4px;
	font-style: italic;
	color: #0066aa;
	}
.guidetext	{
	margin: 10px 20px;
	text-align:center;
	}
.researchgroupbase	{
	width: 342px;
	margin: 10px 9px 20px 16px;
	background: transparent url("../img/research/researchbase01.gif") no-repeat;
	float: left;
	}
.researchgroupinside	{
	width: 300px;
	margin: 20px 21px;
	}
.researchgroupmes	{
	width: 620px;
	margin-left: 40px;
	}
p.institute	{
	clear: both;
	font-size: 14.4px;
	font-weight: 700;
	width: 260px;
	margin: 10px 0px 2px 20px;
	border-top: 1px solid #eeeeee;
	}
p.institutead	{
	width: 220px;
	font-size: 12.8px;
	font-weight: 400;
	line-height: 19.2px;
	margin: 5px 0px 5px 40px;
	border-top: 1px dotted #eeeeee;
	}

#aboutvoice	{
	width: 640px;
	background: #ffffff;
	border: 1px solid #229933;
	margin-left: 30px;
	padding: 20px;
	}
#aboutvoice p	{
	font-size: 12.8px;
	margin-bottom: 8px;
	color: #229933;
	}

#researchlab	{
	float:left;
	width: 700px;
	margin: 18px 0px 20px 20px;*margin: 18px 0px 20px 20px !important;*margin: 18px 0px 100px 10px;
	background-image:url("../img/research/researchbase02.gif");
	}

div#researchlab li	{
	list-style: decimal outside;
	}

.researchlist	{
	float:left;
	width: 700px;
	margin: 10px 0px 20px 20px;*margin: 10px 0px 20px 20px !important;*margin: 10px 10px 20px 0px;
	background-image:url(../img/research/researchbase03bg.gif);
	}
	
.researchlisttitle	{
	width: 700px;
	min-height: 66px;
	background: transparent url("../img/research/researchbase03.gif") no-repeat;
	}
.researchlistsummary	{
	width: 600px;
	margin: 5px 0px 10px 50px;
	}
.researchiconarea	{
	width: 124px;
	height:40px;
	float:right;
	padding-top:12px;
	padding-right:5px;
	}
.researchiconarea span {
	display: none;
	}
.icon-l	{
	float: left;
	width: 60px;
	height: 24px;
	background: transparent url("../img/research/icon-l.gif") no-repeat;
	}
.icon-k	{
	float: left;
	width: 60px;
	height: 24px;
	background: transparent url("../img/research/icon-k.gif") no-repeat;
	}
.icon-c	{
	float: left;
	width: 60px;
	height: 24px;
	background: transparent url("../img/research/icon-c.gif") no-repeat;
	}
.icon-i	{
	float: left;
	width: 60px;
	height: auto;
	display:table;
	background: transparent url("../img/research/icon-i.gif");
	}
.heise14{ font-family:"MS Gothic"; font-size:14px; font-weight:bold; text-align:left; color:#000;}
#researchdetailbox	{
	width: 700px;
	margin-left: 20px;
	background: #ffffff url("../img/research/researchdetailbg.gif") no-repeat;
	background-position: 0px 0px;
	}
#researchdetailtext	{
	width: 530px;
	background: #ffffff;
	border-left: 1px solid #a0a0a0;
	margin-left: 90px;
	margin-bottom: 50px;
	}
div#researchdetailtext p	{
	width: 500px;
	margin-left: 15px;
	margin-bottom: 28.8px;
	font-size: 16px;
	line-height: 28.8px;
	color: #202020;
	text-indent: 16px;
	}
#researchdetailtitle	{
	width: 530px;
	background: #ffffff;
	border-left: 1px solid #a0a0a0;
	margin-left: 90px;
	padding-bottom: 50px;
	font-weight: 700;
	font-size: 16px;
	text-indent: 16px;
	}
.borderfull	{
	border: 1px solid black;
	}

#bookorder	{
	}
div#bookorder td	{
	vertical-align: top;
	}
div#bookorder th	{
	font-size: 11.2px;
	color: #555555;
	}
.totalcost	{
	text-align: right;
	}
.books	{
	width: 700px;
	background: #d2d2d2 url("../img/books/bookbasebg.gif") repeat-y;
	margin-bottom: 20px;
	margin-left: 20px;
	}
.booktitle	{
	width: 700px;
	background: #d2d2d2 url("../img/books/bookbasetop.gif") no-repeat;
	min-height: 40px;
	}
.booktitletext	{
	height: 50px;
	font-size: 19.2px;
	line-height: 50px;
	font-weight: 700;
	margin-left: 40px;
	}
.bookdetail	{
	width: 660px;
	padding: 5px 20px;
	border-top: 1px solid #eeeeee;
	}
.bookdetailtext	{
	font-size: 14.4px;
	line-height: 25.6px;
	}
.boac	{
	text-align: center;
	}
.boac2	{
	font-size: 14.4px;
	line-height: 14.4px;
	vertical-align: top;
	}

#single	{
	padding: 30px 20px;
	}

#sitemap	{
	font-size: 16px;
	line-height: 25.6px;
	margin: 30px 0px 0px 80px;
	}

#sitemap p	{
	font-weight: bold;
	}

#sitemap div	{
	margin-left: 30px;
	margin-bottom: 25.6px;
	}

.btn-pgtop	{
	clear: both;
	width: 150px;
	height: 25px;
	margin: 10px 20px 20px 0px;
	float: right;
	}

/*
===============================================================
10: news
===============================================================
*/

#relatednewsbox	{
	background: url("../img/top/topbase01.gif") no-repeat;
	font-size: 14.4px;
	margin: 0px 0px 0px 0px;
	}
#relatednewsbox div	{
	clear: both;
	margin-left: 30px;
	margin-bottom: 15px;
	height: 16px;
	}

#relatednewsbox p.date	{
	width: 80px;
	float: left;
	}
	
#relatednewsbox p.headline	{
	width: 400px;
	float: left;
	}	

.hei12{
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:18px;
	}

a.s1:link{color:#fffffd; font-family:"MS Gothic"; font-size:13px; line-height:9px;}
a.s1:visited{color:#fffffd; font-family:"MS Gothic"; font-size:13px; line-height:9px;}
a.s1:active{color:#fffffd; font-family:"MS Gothic"; font-size:13px; line-height:9px;}
a.s1:hover{color:#da7b00; font-family:"MS Gothic"; font-size:13px; line-height:9px;}
a.s2:link{color:#fffffd; font-family:"MS Gothic"; font-size:13px; line-height:9px; letter-spacing:-2px;}
a.s2:visited{color:#fffffd; font-family:"MS Gothic"; font-size:13px; line-height:9px; letter-spacing:-2px;}
a.s2:active{color:#fffffd; font-family:"MS Gothic"; font-size:13px; line-height:9px; letter-spacing:-2px;}
a.s2:hover{color:#da7b00; font-family:"MS Gothic"; font-size:13px; line-height:9px; letter-spacing:-2px;}