/* @import */

/* FontSize
10px	72%		|	11px	79%
12px	86%		|	13px	93%
14px	100%	|	15px	108%
16px	115%	|	17px	122%
18px	129%	|	19px	136%
20px	143%	|	21px	150%
22px	158%	|	23px	165%
24px	172%	|	25px	179%
26px	186%	|	27px	192%
28px	200%	|	29px	207%
30px	214%
*/

/* ---------------------------------------------------------- */
/* BODY  */
/* ---------------------------------------------------------- */

body {
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background: #E5E5E5;
	font-size: 14px;
}

/* ---------------------------------------------------------- */
/* wrapper */
/* ---------------------------------------------------------- */
.wrapper {
	margin: 0;
	padding: 0;
	background: url(../imgs/bg_abv.png) top center repeat-x;
}

.wrapper a:hover img {
	opacity: 0.6;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

/* ---------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------- */
#headgroup {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 150px;
	clear: both;
}
h1.head_logo {
	margin: 45px 0 0;
	width: 50%;
	line-height: 1.0;
	float: left;
}
.head_info {
	margin: 25px 0 0;
	padding-left: 150px;
	width: 350px;
	/*width: 50%;*/
	text-align: right;
	float: right;
}
.head_info nav ul {
	padding: 0 0 20px;
	float: right;
	clear: left;
}
.head_info nav ul li {
	float: left;
	list-style: none;
	font-size: 86%;
}
.head_info nav ul li a {
	margin: 0 0 0 20px;
	padding: 1px 0 1px 20px;
	background: url(../imgs/arrw_orng.png) left top no-repeat;
	display: block;
}
.head_info nav ul li a:link,
.head_info nav ul li a:visited {
	text-decoration: none;
	color: #FF9900;
}
.head_info nav ul li a:hover,
.head_info nav ul li a:active {
	text-decoration: underline;
	color: #FF9900;
}


/* ---------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------- */
#catch {
	margin: 0 auto;
	padding: 20px 150px 30px;
	/* padding: 45px 150px; */
	width: 700px;
	height: 70px;
	background: url(../imgs/bg_catch.png) no-repeat;
}
#catch p {
	margin: 0;
	font-size: 143%;
	line-height: 1.4em;
	/*letter-spacing: 0.1em;*/
	text-align: center;
	color: #25BB25;
}


/* ---------------------------------------------------------- */
/* container */
/* ---------------------------------------------------------- */
#container {
	margin: 20px auto;
	width: 1000px;
	position: relative;
	clear: both;
	background: #FFF;
}


/* ---------------------------------------------------------- */
/* Contz Area */
/* ---------------------------------------------------------- */
#contz {
	margin: 15px 0;
	width: 760px;
	float: right;
}


/* Divisions at HOME ----------------------------------------- */
#divisions {
	margin: 0 5px 50px;
}

.department {
	margin: 0 10px;
	padding: 60px 260px 30px 30px;
	width: 440px;
	min-height: 190px;
	height: auto !important;
	height: 190px;
	background: url(../imgs/home_bg.png) no-repeat;
}
.department h2 {
	font-size: 186%;
	line-height: 1.2em;
	/*font-weight: lighter;*/
	color: #FFF;
}
.department p {
	margin-top: 20px;
	font-size: 115%;
	line-height: 1.6em;
	color: #FFF;
	text-align: justify;
	text-justify: distribute;
}



/* News at HOME ---------------------------------------------- */
#news {
	margin: 0 5px 50px;
}
#news h2 {
	margin: 0 10px 5px;
	padding: 8px 0 14px;
	color: #555;
	font-size: 129%;
	font-weight: lighter;
	background: url(../imgs/bg_hedlin.png);
}

.newsbox {
	margin: 20px 10px 0;
	width: 355px;
	float: left;
}
.newsbox h3 {
	margin: 0 0 15px;
	padding: 0 0 20px 20px;
	border-bottom: 1px solid #008800; /* Drk Grn */
	color: #25BB25; /* Grn */
	font-size: 129%;
	font-weight: lighter;
	background: url(../imgs/news_icon.png) no-repeat;
}
.newsbox h3 a:link,
.newsbox h3 a:visited {
	text-decoration: none;
	color: #25BB25; /* Grn */
}
.newsbox h3 a:hover,
.newsbox h3 a:active {
	text-decoration: underline;
	color: #25BB25; /* Grn */
}

.newsbox1col dl,
.newsbox dl {
	margin: 5px 0 10px;
}
.newsbox1col dt,
.newsbox dt {
	font-size: 86%;
	color: #25BB25; /* Grn */
}
.newsbox1col dd,
.newsbox dd {
	font-size: 115%;
	/*font-size: 100%;*/
	line-height: 1.6em;
}
.newsbox1col a:link,
.newsbox1col a:visited,
.newsbox a:link,
.newsbox a:visited {
	text-decoration: none;
	color: #555; /* Grn */
}
.newsbox1col a:hover,
.newsbox1col a:active,
.newsbox a:hover,
.newsbox a:active {
	text-decoration: none;
	color: #25BB25; /* Grn */
}

.newsbox .moreread {
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-top: 1px solid #008800; /* Drk Grn */
	font-size: 86%;
	text-align: right;
}
.newsbox .moreread a:link,
.newsbox .moreread a:visited {
	margin-left: 270px;
	padding: 1px 0 1px 15px;
	color: #FF9900;
	text-decoration: none;
	background: url(../imgs/arrw_orng.png) no-repeat;
	display: block;
}

/* News Box 1column */
.newsbox1col {
	margin: 20px 10px 0;
	width: 730px;
	float: left;
}
.newsbox1col .moreread {
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-top: 1px solid #008800; /* Drk Grn */
	font-size: 86%;
	text-align: right;
}
.newsbox1col .moreread a:link,
.newsbox1col .moreread a:visited {
	margin-left: 645px;
	padding: 1px 0 1px 15px;
	color: #FF9900;
	text-decoration: none;
	background: url(../imgs/arrw_orng.png) no-repeat;
	display: block;
}


/* ---------------------------------------------------------- */
/* Contz List and Pages */
/* ---------------------------------------------------------- */
.block {
	margin: 0 0 100px;
	padding: 0;
}


/* Breadcrumbs ------------------------------------------------- */
.breadcrumbs {
	margin: 0 15px 30px;
	font-size: 86%;
	color: #008800; /* Drk Grn */
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
	text-decoration: none;
	color: #008800; /* Drk Grn */
}
.breadcrumbs a:hover,
.breadcrumbs a:active {
	text-decoration: underline;
	color: #008800; /* Drk Grn */
}


/* GenreTitle on List, PageTitle on ContzPage ------------------ */
.block h1.gnr_ttl,
.block h1.page_ttl {
	margin: 15px;
	padding: 20px;
	border-left: 8px solid #25BB25;
	font-size: 158%;
	/*font-size: 172%;*/
	line-height: 1.4em;
	font-weight: lighter;
	color: #555;
}

.block_list {
	margin: 10px 15px;
	padding: 0;
}

.block_contz {
	margin: 0 10px 20px 0;
	padding: 0;
	position: relative;
}

.block_list a:link,
.block_list a:visited {
	text-decoration: none;
	color: #25BB25; /* Grn */
}
.block_list a:hover,
.block_list a:active {
	text-decoration: underline;
	color: #25BB25; /* Grn */
}


/* List with UL LI --------------------------------------------- */
.block_list ul {
	padding: 0;
}
.block_list ul li {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

/* images ---------- */
.block_list ul li img {
	margin: 0 20px 0 0;
	/*float: left;*/
}
/* listbox ---------- */
.block_list ul li .listbox {
	float: left;
	padding: 0;
	margin: 0;
	width: 600px;
}
.block_list ul li .listbox h3.page_ttl {
	padding-left: 20px;
	font-size: 115%;
	/* font-size: 129%; */
	line-height: 1.4em;
	font-weight: lighter;
	width: 580px;
	background: url(../imgs/arrw_grn.png) left top no-repeat;
}
.block_list ul li .listbox .p_dscrpt {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 100%;
	line-height: 1.6em;
	color: #555;
	text-align: jusify;
	text-jusify: distribute;
}
.block_list ul li .listbox h3.page_ttl a:link,
.block_list ul li .listbox h3.page_ttl a:visited {
	text-decoration: none;
	color: #25BB25;
}
.block_list ul li .listbox h3.page_ttl a:hover,
.block_list ul li .listbox h3.page_ttl a:active {
	text-decoration: underline;
	color: #25BB25;
}

.alert {
	font-size: 12px;
	color: #FF9900;
	font-weight: lighter;
}


/* contz pages ------------------------------------------------- */
/* divide contz into left and right ----------------------------- */
.left {
	float: left;
}
.right {
	float: right;
}

h3.chptr {
	margin: 15px;
	padding: 8px 0 14px;
	color: #555;
	font-size: 129%;
	font-weight: lighter;
	background: url(../imgs/bg_hedlin.png) left bottom no-repeat;
}

/*h4.hed {
	color: #25BB25;
	font-size: 115%;
	line-height: 1.2em;
	font-weight: lighter;
}*/


.text {
	margin: 0 15px;
	color: #555;
	font-size: 115%;
	/*font-size: 100%;*/
	line-height: 1.8em;
	text-align: justify;
	text-justify: distribute;
}
.text a:link,
.text a:visited {
	text-decoration: none;
	color: #25BB25;
}
.text a:hover,
.text a:active {
	text-decoration: underline;
	color: #25BB25;
}

.block_contz p img {
	margin: 0 15px 15px;
}

.block_contz strong {
	font-size: 129%;
	line-height: 1.8em;
	color: #25BB25;
	font-weight: normal;
}

.block_contz big {
	font-size: 129%;
	line-height: 1.8em;
	color: #555;
	font-weight: normal;
}

.block_contz small {
	font-size: 86%;
	line-height: 1.8em;
}


/* add_img ------------------------ */
.add_img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	text-align: center;
}

.add_img ul{
	padding: 0;
	list-style: none;
}

.add_img ul li {
	float: left;
	padding: 0 auto;
	padding/*\**/: 0\9;
	/*width: 33%;*/
	font-size: 85%;
	line-height: 1.8;
	text-align: center;
	list-style: none;
}
.add_img ul li img {
	margin: 0 10px;
}


/* files -------------------------- */
.files {
	margin: 30px 50px 0;
	padding: 14px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
}

.files img {
	vertical-align: middle;
}

.files a:link,
.files a:visited {
	text-decoration: none;
	color: #25BB25; /* Grn */
}
.files a:hover,
.files a:active {
	text-decoration: underline;
	color: #25BB25; /* Grn */
}


/* links -------------------------- */
.links {
	margin: 30px 0 0;
	padding: 19px;
	border: 1px dotted #C5C5C5;
}

.links ul {
	padding: 0;
	font-size: 85%;
	list-style: none;
}

.links ul li {
	margin: 10px 0 0;
	padding: 0 0 9px 0;
	border-bottom: 1px dotted #C5C5C5;
	list-style: none;
}

.links ul li img {
	margin-right: 10px;
	vertical-align: middle;
}


/* ---------------------------------------------------------- */
/* text decorations and more */
/* ---------------------------------------------------------- */

sup {
	font-size: 72%;
	vertical-align: super;
}

/*.scrlbak {
	margin: 5px 0 10px;
	padding: 13px 0;
	font-size: 85%;
	text-align: right;
}*/

/* ---------------------------------------------------------- */
/* Google Map */
/* ---------------------------------------------------------- */

/* Google Map ----------------------------------------------- */
.gmap {
	margin: 0 15px 20px;
}



/* ---------------------------------------------------------- */
/* TABLES */
/* ---------------------------------------------------------- */

/* useful table --------------------------------------------- */
table.stats {
	margin: 0 15px 10px;
	padding: 0;
	border-top: 1px solid #008800; /* Drk Grn */
	border-left: none;
	width: 720px;
}
table.stats tr {
	padding: 0;
	color: #555;
}
table.stats tr th {
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	border-bottom: 1px solid #008800; /* Drk Grn */
	border-right: 1px solid #008800; /* Drk Grn */
	background: #C8FF88;
}
table.stats tr td {
	padding: 10px;
	font-size: 115%;
	/*font-size: 14px;*/
	line-height: 1.6;
	text-align: left;
	border-bottom: 1px solid #008800; /* Drk Grn */
	border-right: none;
}


/* table 4 staff AdviseryBoard ------------------------------ */
*:first-child+html table.advzbrd {
	position: relative;
	top: -100px;
}
table.advzbrd {
	margin: -100px 15px 0;
	padding: 0;
	border: none;
	width: 720px;
	position: relative;
}

table.advzbrd tr {
	padding: 0;
	color: #555;
	border-bottom: 1px dotted #C5C5C5;
}
table.advzbrd tr th,
table.advzbrd tr td {
	height: 60px;
}
table.advzbrd tr th {
	/*padding: -20px 0 5px;*/
	padding-top: -20px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
	border: none;
}
table.advzbrd tr td {
	/*padding: -20px 10px 5px;*/
	padding-top: -20px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 100%;
	/*font-size: 115%;*/
	/*font-size: 14px;*/
	line-height: 1.6;
	text-align: left;
	vertical-align: middle;
	border: none;
}
table.advzbrd tr td.name {
	text-align: center;
	width: 180px;
}


/* table 4 dvsn --------------------------------------------- */
table.dvsn {
	margin: -20px 15px 0;
	padding: 0;
	border-top: 1px solid #008800; /* Drk Grn */
	border-left: none;
	width: 720px;
}
table.dvsn tr {
	padding: 0;
	color: #555;
}
table.dvsn tr th {
	width: 80px;
	font-weight: normal;
	color: #FFF;
	font-size: 115%;
	/*font-size: 14px;*/
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid  #008800; /* Drk Grn */
	background: #008800; /* Drk Grn */
	border-right: none;
}
table.dvsn tr td {
	font-size: 115%;
	/*font-size: 14px;*/
	line-height: 1.6;
	text-align: left;
	border-bottom: 1px solid #008800; /* Drk Grn */
	border-right: none;
}



/* table 4 schdl -------------------------------------------- */
table.schdl {
	margin: 0 15px 0;
	padding: 0;
	border-top: 1px solid #008800; /* Drk Grn */
	border-left: 1px solid #008800; /* Drk Grn */
	width: 720px;
}
table.schdl tr {
	padding: 0;
}
table.schdl tr th {
	font-weight: normal;
	color: #FFF;
	font-size: 115%;
	/*font-size: 14px;*/
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid  #008800; /* Drk Grn */
	border-right:  1px solid #008800; /* Drk Grn */
	background: #60AA30; /* Mss Grn */
}
table.schdl tr td.l_grn {
	color: #555;
	font-size: 115%;
	/*font-size: 14px;*/
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #008800; /* Drk Grn */
	border-right:  1px solid #008800; /* Drk Grn */
	background: #88D84B; /* Grn */
}
table.schdl tr td {
	color: #555;
	font-size: 115%;
	/*font-size: 14px;*/
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #008800; /* Drk Grn */
	border-right:  1px solid #008800; /* Drk Grn */
	background: #FFF;
}







/* Style for Notice ------------------------------------------- */
.notice {
	margin: 0;
	padding: 9px;
	border: 1px solid #C1DDA0; /* Pale Green */
	color: #2C9CEC; /* Blue */
	font-size: 115%;
	/*font-size: 14px;*/
	line-height: 1.6;
}
.notice strong {
	font-size: 129%;
	/*font-size: 16px;*/
	color: #FF0055;
}






/* List with decimal ---------------------------------------- */
ul.decimal {
	padding-left: 20px;
	_padding-left: 20px;
	padding-left: 20px\9;
	padding-left: 20px¥9;
}
ul.decimal li {
	margin: 0 20px;
	list-style: decimal;
	text-align: justify;
	text-justify: distribute;
}


/* List with decimal 4 Regulations --------------------------- */
ul.regs {
	padding-left: 20px;
	_padding-left: 20px;
	padding-left: 20px\9;
	padding-left: 20px¥9;
}
ul.regs li {
	margin: -10px 20px 15px;
	line-height: 1.6em;
	list-style: decimal;
	text-align: justify;
	text-justify: distribute;
}


/* List 4 Research Outline ---------------------------------- */
ul.rsch {
	margin-top: 15px;
	padding-left: 15px;
	_padding-left: 15px;
	padding-left: 15px\9;
	padding-left: 15px¥9;
	color: #555;
}
ul.rsch li {
	margin: -10px 20px 15px;
	font-size: 115%;
	line-height: 1.6em;
	list-style: disc;
	text-align: justify;
	text-justify: distribute;
}
/* List 4 Result and Papers ---------------------------------- */
ul.rslt {
	margin-top: 15px;
	padding-left: 15px;
	_padding-left: 15px;
	padding-left: 15px\9;
	padding-left: 15px¥9;
	color: #555;
}
ul.rslt li {
	margin: -10px 20px 15px;
	line-height: 1.6em;
	list-style: disc;
	text-align: justify;
	text-justify: distribute;
}






/* ---------------------------------------------------------- */
/* Contact Forms */
/* ---------------------------------------------------------- */
#cntct_bnnr ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#cntct_bnnr ul li {
	margin-bottom: 5px;
	float: left;
}











/* ---------------------------------------------------------- */
/* Slider */
/* ---------------------------------------------------------- */

#sldr {
	float: left;
	margin: 15px;
	width: 210px;
}

.global ul {
	margin: 0 0 30px;
	padding: 0;
	line-height: 1.0em;
}
.global ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.global ul li a img {
	vertical-align: bottom;
}

.local,
.local ul {
	margin: 0;
	padding: 0;
}
.local ul li {
	margin: 0;
	padding: 15px 0 14px 35px;
	font-size: 100%;
	line-height: 1.2em;
	list-style: none;
	background: url(../imgs/bg_sldr_locl.png) no-repeat;
	border-bottom: 1px solid #25BB25; /* Grn */
	display: block;
}
.local ul li a:link,
.local ul li a:visited {
	color: #25BB25;
	text-decoration: none;
}
.local ul li a:hover,
.local ul li a:active {
	color: #25BB25;
	text-decoration: underline;
}
.local h2.local_ttl {
	margin: 0;
	padding: 10px 0 9px 10px;
	width: 200px;
	border-bottom: 1px solid #25BB25;
	color: #FF9900;
	font-size: 86%;
	line-height: 1.0em;
	font-weight: lighter;
	display: block;
}


/* DataNavi -------------------------------------------------- */
.datanavi {
	margin: 0 0 30px;
}
.datanavi h2 {
	color: #25BB25;
	font-size: 100%;
	line-height: 1.0em;
	font-weight: lighter;
}
.datanavi ul {
	padding: 0;
	line-height: 1.0em;
}
.datanavi ul li {
	margin: 0;
	padding: 17px 0px 14px 35px;
	font-size: 100%;
	list-style: none;
	background: url(../imgs/bg_sldr_db.png);
}
.datanavi ul li a:link,
.datanavi ul li a:visited {
	text-decoration: none;
	color: #25BB25;
}
.datanavi ul li a:hover,
.datanavi ul li a:active {
	text-decoration: underline;
	color: #25BB25;
}


/* Banners --------------------------------------------------- */
.sldr_bnnr ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.sldr_bnnr ul li {
	margin-bottom: 10px;
}




/* ---------------------------------------------------------- */
/* Up Scroll */
/* ---------------------------------------------------------- */
#upscroll {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0 15px 10px 835px;
	width: 150px;
	background: url(../imgs/contz_lim.png) center bottom repeat-x;
}
#upscroll a img {
	vertical-align: bottom;
}



/* ---------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------- */

/* clear hack */
#footer {zoom:1;}
#footer:after{content:" ";clear:both;height:0;display:block;visibility:hidden;font-size: 0.1em;}

#foot {
	margin: 30px 0 0;
	/*height: 200px;*/
	/*background: url(../imgs/bg_foot.png) repeat-x;*/
}

.footer {
	margin: 0 auto;
	width: 1000px;
	color: #555;
}
.footer a:link,
.footer a:visited {
	text-decoration: none;
	color: #FF9900;
}
.footer a:hover,
.footer a:active {
	text-decoration: underline;
	color: #FF9900;
}


#foot_logo {
	/*margin-bottom: 20px;*/
	width: 500px;
	float: left;
}
#foot_nav {
	margin-bottom: 50px;
	/*margin-bottom: 70px;*/
	width: 500px;
	float: left;
}
#foot_nav nav ul {
	padding: 0;
	float: right;
	clear: left;
}
#foot_nav nav ul li {
	float: left;
	list-style: none;
	font-size: 86%;
}
#foot_nav nav ul li a {
	margin: 0 0 0 20px;
	padding: 1px 0 1px 20px;
	background: url(../imgs/arrw_orng.png) left top no-repeat;
	display: block;
}
#foot_nav nav ul li a:link,
#foot_nav nav ul li a:visited {
	text-decoration: none;
	color: #FF9900;
}
#foot_nav nav ul li a:hover,
#foot_nav nav ul li a:active {
	text-decoration: underline;
	color: #FF9900;
}

#adrs {
	margin-bottom: 30px;
	float: left;
	width: 250px;
	font-size: 86%;
	line-height: 1.6em;
}
#copy {
	margin-top: 40px;
	margin-bottom: 30px;
	float: left;
	width: 750px;
	font-size: 86%;
	line-height: 1.6em;
	text-align: right;
}


