@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
html {
 filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
	text-align: center;
	background: #106d64;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color: #dddddd;
	scrollbar-shadow-color: #dddddd;
	scrollbar-3dlight-color:#dddddd;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #dddddd;
	scrollbar-darkshadow-color: #dddddd;
	color:#222222;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body div {
	text-align: left;
	margin: 0 auto;
}
#bg {
	text-align: center;
	width: 940px;
	background: url( ../Images/bg.gif) repeat-y;
}
#container {
	width:900px;
	margin-bottom:10px;
	background: #fff;
}
#header {
	width:900px;
	height:90px;
	background: url(../Images/header.gif) no-repeat;
	float: left;
}
#home {
	width: 472px;
	height:90px;
	float: left;
	overflow: hidden;
}
#home a {
	width: 472px;
	height:90px;
	text-indent: -9999px;
	display:block;
}
#tools {
	margin-top:15px;
	height:14px;
	color: #aaaaaa;
	float:right;
	margin-right: 25px;
}
#tools ul {
	list-style:none;
	height:14x;
}
#tools li {
	list-style:none;
	float:left;
}
#tools a {
	display:block;
	overflow:hidden;
	height:14px;
	font-size:11px;
	color:#333;
	text-decoration:none;
	margin-left:4px;
}
#search {
	margin: 26px 0 0 0;
	padding-right: 25px;
	float: right;
	width: 290px;
	height: 21px;
	display: inline;
}
.input_search {
	float: left;
	height:22px;
	width:172px;
	border-top:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	background-color:#ffffff;
	color:#333333;
	vertical-align:top;
}
#search ul li {
	list-style: none;
	float: right;
	widhth: 103px;
	height: 25px;
	padding-top: 0;
	margin-top: 0;
	background: url( ../Images/searchBg.gif ) no-repeat top left;
}
input.sbutton {
	behavior: url( "csshover3.htc" );
}
input.sbutton:hover {
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	opacity: 0.0;
}
div #menu {
	clear:both;
	width: 900px;
	height: 36px;
	background: url(../Images/mBg.gif);
}
dl#menu {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
dl#menu ul {
	list-style:none;
	text-indent:-9999px;
}
dl#menu dt {
	height: 36px;
	float: left;
	position: relative;
	z-index: 9;
}
#menu dt a {
	display: block;
	text-decoration: none;
	height: 36px;
	z-index: 9;
	overflow: hidden;
	padding: 0 25px;
	line-height:36px; 
	font-size:12px;
	color: #fff;
	background: url(../Images/mBg.gif);
	z-index: 9;
	text-shadow: 1px 1px 2px #111;
	-webkit-text-shadow: 1px 1px 2px #111;
	-moz-text-shadow: 1px 1px 2px #111;
	border-right: 1px solid #333;
}
#menu dt a:hover {
	color: #333;
	background-position: 0 -36px;
	z-index: 9;
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
}

#menu a.home {
	padding: 0;
	text-indent:-9999px;
	background: url(../Images/mHome.gif);
	z-index: 9;
	width:72px;
}
#menu a:hover.home {
	background-position: 0 -36px;
	z-index: 9;
}
dl#menu dt ul {
	text-indent:0px;
	border-top: 1px solid #999999;
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 10;
	-ms-filter: "alpha( opacity=90 )";
	filter: alpha( opacity=90 );
	opacity: 0.9;
}
dl#menu dt ul a {
	background: #d2e1e6;
	height: auto;
	font-size: 11px;
	color: #222222;
	line-height: 18px;
	text-align: left;
	padding: 4px 10px;
	width: 180px;
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
}
dl#menu dt ul a.hierarchy {
	background: url(../Images/gmArrow_fg.gif) 172px center no-repeat;
}
dl#menu dt ul li.rollOver {
	background-color: #c7dbe6;
}
dl#menu dt ul li.rollOver a.hierarchy {
	background: url(../Images/gmArrow_ov.gif) 172px center no-repeat;
}
dl#menu dt ul li.rollOver a.rollOverA {
	color: #fff;
	background: #3784ae;
}
dl#menu dt ul li {
	background: #c7dbe6;
	position: relative;
	border-left: solid 1px #eee;
	border-top: solid 1px #eee;
	border-right: solid 1px #3784ae;
	border-bottom: solid 1px #3784ae;
	z-index: 10;
}
dl#menu dt ul li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 200px;
	z-index: 0;
}
#keyimage {
	clear:both;
	width: 900px;
	height:295px;
	background-color: #eaebef;
	/* 影 */
    -webkit-box-shadow: 0 1px 7px 0 #333;
	-moz-box-shadow: 0 1px 7px 0 #333;
	box-shadow: 0 1px 7px 0 #333;
	behavior: url(/css/PIE.htc);
/*
*/
}
#organization {
	clear:both;
	margin-top:18px;
	width: 900px;
	height:133px;
	background: url(../Images/organization.gif);
}
#main {
	/*background-color: #fff;*/
	width: 900px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index: 0;
}
#main-top {
	padding-top:10px;
	background-color: #eaebef;
	width: 900px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index: 0;
}
#top-left {
	clear:both;
	width: 193px;
	float: left;
	margin-left:15px;
	margin-right:auto;
	margin-bottom:10px;
	background: #eaebef;
}
#top-right {
	width: 660px;
	float: right;
	margin-right:15px;
	margin-top:4px;
	margin-left:auto;
	text-align: left;
	margin-bottom:10px;
	background: #eaebef;
}
#bStudent {
	margin-top:10px;
	width:193px;
	height:50px;
}
#bStudent span {
	display: none;
}
#bStudent a {
	width:193px;
	height:50px;
	display: block;
	background: url(../Images/bStudent.gif);
}
#bYoutube {
	margin-top:10px;
	width:193px;
	height:101px;
}
#bYoutube span {
	display: none;
}
#bYoutube a {
	width:193px;
	height:101px;
	display: block;
	background: url(../Images/bYoutube.gif);
}
#bYoutube2013 {
	margin-top:10px;
	width:193px;
	height:102px;
}
#bYoutube2013 span {
	display: none;
}
#bYoutube2013 a {
	width:193px;
	height:102px;
	display: block;
	background: url(../Images/bYoutube2013.jpg);
}
#bYoutube2013 a:hover {
	background-position: 0 -102px;
}
#bFacebook {
	margin-top:10px;
	width:193px;
	height:50px;
}
#bFacebook span {
	display: none;
}
#bFacebook a {
	width:193px;
	height:50px;
	display: block;
	background: url(../Images/bFacebook.gif);
}
/*---------- toppage Publication bPamphlet start ----------*/

#bPamphlet {
	background: #4f9e9f;
	margin: 3px auto;
	padding-top:5px;
	padding-bottom:5px;
	clear: both;
	width: 193px;
	border: 1px solid #999;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}
#bPamphlet p.title {
	text-align:center;
	clear: both;
	margin: 7px 0 3px 20px;
	width: 154px;
	font-size:11px;
	font-weight:normal;
	color:#fff;
}
#bPamphlet img {
	clear: both;
	width: 154px;
/*	height: 187px;*/
	margin:5px auto 0 auto;
	border: 1px solid #fff;
	display: block;
}
#bPamphlet a.bHBack {
	text-align:right;
	clear: both;
	margin: 7px 0 3px 122px;
	font-size:11px;
	color: #ff0;
	text-decoration: none;
}
/*---------- toppage Publication bPamphlet end ----------*/
#h-events {
	float: right;
	width:660px;
	height:36px;
}
#events {
	float: right;
	width:660px;
	height:100px;
	overflow: auto;
	font-size:12px;
	scrollbar-face-color:#eaebef;
	scrollbar-highlight-color: #eaebef;
	scrollbar-shadow-color: #eaebef;
	scrollbar-3dlight-color:#eaebef;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #eaebef;
	scrollbar-darkshadow-color: #eaebef;
}
#events table {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}

#topics  {
	margin-top:3px;
	float: right;
	width:660px;
}
#topics ul li  {
	float: left;
	list-style: none;
	width: 207px;
	height:60px;
	margin-right:18px;
}
#topics ul li.nr  {
	margin-right:0;
}

#topics ul li a  {
	width: 207px;
	height:60px;
	display: block;
background: #5971b7; /* Old browsers */
background: -moz-linear-gradient(top,  #5971b7 0%, #394d8e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5971b7), color-stop(100%,#394d8e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5971b7 0%,#394d8e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5971b7 0%,#394d8e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5971b7 0%,#394d8e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5971b7 0%,#394d8e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5971b7', endColorstr='#394d8e',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #fff;
}

#topics span {
	line-height: 30px;
	padding: 0 0 0 13px;
}
#topics ul li img  {
	margin-top:5px;
	margin-left:8px;
	border: 1px solid #666;
	vertical-align:middle;
}

#aboutuatom {
	float: right;
	width:660px;
}

#aboutuatom p{
	line-height: 160%;
	font-size:13px;
	padding: 0.5em 1em;
}

#h-whatsnew {
	float: left;
	width:660px;
	height:36px;
}
#whatsnew {
	float: left;
	width:660px;
	height:200px;
	overflow: auto;
	font-size:12px;
	scrollbar-face-color:#eaebef;
	scrollbar-highlight-color: #eaebef;
	scrollbar-shadow-color: #eaebef;
	scrollbar-3dlight-color:#eaebef;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #eaebef;
	scrollbar-darkshadow-color: #eaebef;
}
#whatsnew.Almuni {
	height: auto!important;
}
#whatsnew table {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
#wn {
	margin-top:10px;
	float: left;
	width:660px;
}
#fb {
	margin-top:10px;
	width:660px;
}
#footer {
	clear: both;
	width:900px;
	height: 66px;
	background: url( ../Images/footerBg.gif ) no-repeat #ffffff;
 border: bottom: 1px solid #10306d;
}
#footer p {
	clear: both;
	padding-left:100px;
	padding-top:20px;
	font-size:12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
#left {
	width: 202px;
	margin-top:2px;
	float: left;
	background: #ffffff;
	margin-right:0;
	text-align:right;
}
#right {
	margin: 0 auto;
	padding: 0px;
	margin-top:2px;
	width: 693px;
	float: right;
	background: #ffffff;
	text-align:right;
	border-left: 1px solid #adadad;
}
div#subtitle {
	margin-top:5px;
	width: 146px;
	height:29px;
}
div#submenu {
	width: 182px;
	min-height:450px;
	text-align: center;
	font-size:12px;
	padding-bottom: 3px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
}
#submenu dl {
	margin: 0 auto;
	width: 180px;
	text-align: left;
}
#submenu dl dd {
	vertical-align: middle;
	padding-top:5px;
	padding-bottom: 5px;
	text-indent: 0;
	width: 180px;
	margin-bottom:2px;
	background: #666;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
#submenu dl dd a, dl dd p {
	font-size:12px;
	padding: 0 10px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: url(../Images/arrow.gif) no-repeat 10px 5px;
	display: block;
}
#submenu dl dd:hover {
	background:  #444 url(../Images/arrow-bg.gif) no-repeat 10px 10px;
}
#submenu dl dd a:visited {
	color: #ffffff;
}
#submenu dl dd a:hover {
	color: #ffffff;
	background-position: 0px -42px;
}
#submenu dl dd a.select {
	color: #ffffff;
	background-position: 0px -42px;
}
#submenu dl dd a:visited.select {
	background-position: 0px -42px;
}
#submenu ul {
	list-style: none;
	margin-top: 3px;
	margin-bottom: 8px !important;
}
#submenu ul li {
	padding-left:18px;
	font-size:12px;
	color:#ffffff;
	list-style: none;
	line-height: 22px;
	margin-left: 5px;
	vertical-align: middle;
	text-align: left;
	text-indent: 0;
	background: url(../Images/sarrow.gif) no-repeat 5px 7px;
}
#submenu ul li a:visited {
	color:#222222;
}
#submenu ul li a {
	text-decoration: none;
	color:#222222;
}
#submenu ul li a:hover {
	color:#203470;
}
#submenu ul li a.select {
	color:#203470;
	border-bottom: dashed 1px #203470;
}
#submenu ul li a:visited.select {
	color:#203470;
	border-bottom: dashed 1px #203470;
}
#contents {
	text-align:left;
	width: 668px;
	margin:0 auto;
	line-height: 170%;
	font-size: 83%;
	min-height:400px;
}
#contents p {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left:1em;
	margin-right:1em;
}
#contents p.right {
	text-align: right;
}
#contents p.center {
	text-align: center;
}
#contents p.largex {
	font-size: 24px;
	font-weight: bold;
	line-height: 160%
}
#contents strong {
	color:#055951;
}
#contents table {
	margin-left: auto;
	margin-right: auto;
}
#contents ol, contents ul, li.margin {
	margin-top: 1em;
	margin-margin: 1em;
}
#contents table.box {
	background: #D5DAEC;
	margin: auto;
}
#contents .boxr {
	background: #e4bda1;
	border: 1px solid #999;
}
#contents .boxb {
	background: #9fe996;
	border: 1px solid #999;
}
.large {
	font-size:15px !important;
	font-weight: bold;
	line-height:160%;
}
div.clear {
	clear: both;
}
#category {
	clear: both;
	text-indent:-9999px;
	width: 900px;
	height: 163px;
	margin: 0 auto;
	border: 1px solid #cccccc;
}
#contents h1 {
	clear:both;
	margin-left:0;
	margin-bottom: 1em;
	background: url(../Images/h1_bg.gif) no-repeat;
	padding-top:10px;
	padding-bottom:7px;
	padding-left: 20px;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	border-bottom: solid 1px #888888;
}
#contents h2 {
	padding-top:7px;
	padding-bottom:4px;
	padding-left:32px;
	margin-top: 1em;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #aaaaaa;
	background: url(../Images/h2_bg.gif) no-repeat;
	margin-bottom: 1em;
}
#contents h3 {
	color:#036;
	font-weight: bold;
	font-size:14px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
#contents h4 {
	padding-left:1em;
	color: #333333;
	font-weight: bold;
	font-size:13px;
	line-height:26px;
	margin-top:1em;
	margin-bottom:1em;
}
#contents ul {
	margin-top: 1em;
	margin-bottom: 1em;
}
#contents ol {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
#contents li {
	margin-left: 3em;
}
#contents blockquote {
	margin:1em 0 1em 2em;
}
#contents td {
	line-height: 160%;
	font-size:12px;
	padding:3px;
}
#contents th {
	background: #8AC831;
	text-align: left;
	line-height: 150%;
	font-size:12px;
	padding:3px;
}
#contents td.left {
	background:  #eeeeee;
	font-weight: bold;
}
#contents td.top {
	font-size:100%;
	text-align: center;
	background: url(../Images/td-bg2.gif) repeat-x;
	color: #ffffff;
	font-weight: bold;
}
#contents td.title {
	height:25px;
	vertical-align: middle;
	font-size:100%;
	background: url(../Images/td-bg.gif) repeat-x;
	color: #ffffff;
	font-weight: bold;
	padding-left: 15px;
}
#breadclumbs {
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 890px;
	text-align: left;
}
#breadclumbs p {
	padding-left: 8px;
	padding-bottom: 2px;
	color: #555555;
	font-size: 10px;
}
#breadclumbs a {
	color:#222222;
	text-decoration: none;
}
#breadclumbs a.visited {
	color:#222222;
	text-decoration: none;
}
#breadclumbs a:hover {
	color:#db6078;
}
#under {
	margin-right:1em;
	width: 660px;
	margin-top:2em;
	margin-bottom:5px;
	text-align: right;
}
.top a {
	margin-left:20px;
	background: url(../Images/top.gif) no-repeat;
	padding: 0 0 0 13px;
	font-size:12px;
}
.top a {
	text-decoration: none;
}
.top a:hover {
	color: #bb0000;
}
.back a {
	background: url(../Images/back.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	font-size:12px;
}
.back a {
	text-decoration: none;
}
.back a:hover {
	color: #bb0000;
}
a {
	color:#086e6a
}
a:visited {
	color:#179185
}
a:hover {
	color:#d91919
}
.date {
	color: #db0000
}
td.uline {
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
}
td.line {
	border-bottom: 1px dotted #666666;
}
.new {
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
}
.g-plusone {
	margin-top: 4px;
}

.evicon, .oicon, .nicon, .ricon {
	width: 65px;
	height: 16px;
	font-size: 11px;
	_font-size: 10px;
	color: #fff;
	text-align: center;
	vertical-align: top;
	display: block;
	border: 1px solid #999;
	line-height: 16px;
	font-weight: bold;
	/* 角丸 */
	 border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* 影 */
	text-shadow: 1px 1px 2px #666;
	-webkit-text-shadow: 1px 1px 2px #666;
	-moz-text-shadow: 1px 1px 2px #666;
	behavior: url(ie-css3.htc);
}

.evicon {
	background: #c0392b;
}
.oicon {
	background: #06C;
}
.nicon {
	background: #e67e22;
}

.ricon {
	background: #096;
}

a.hicon {
	width: 50px;
	height: 18px;
	font-size: 11px;
	_font-size: 10px;
	color: #fff;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #999;
	line-height: 18px;
	font-weight: bold;
	letter-spacing:2px;
	/* 角丸 */
	 border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* 影 */
	text-shadow: 1px 1px 2px #666;
	-webkit-text-shadow: 1px 1px 2px #666;
	-moz-text-shadow: 1px 1px 2px #666;
	behavior: url(ie-css3.htc);
	text-decoration: none;
}

.hicon {
	background: #C00;
}

a.pdficon {
	background: url( ../Images/pdficon.gif ) no-repeat right 0;
	padding-right: 20px;
	margin-right: 2px;
}
a.wordicon {
	background: url( ../Images/wordicon.gif ) no-repeat right 0;
	padding-right: 20px;
	margin-right: 2px;
}
a.excelicon {
	background: url( ../Images/excelicon.gif ) no-repeat right 0;
	padding-right: 20px;
	margin-right: 2px;
}
