@charset "UTF-8";



body {
background: #666;
color: #333;
text-align: center;
line-height: 1.7;
font-family: Arial, Verdana, 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
}



#head {
	width: 100%;
	height: 90px;
	background: #fff url(http://www.astem.or.jp/virtual-lab/img/cmn/head-bg.gif) top center repeat-x;
	overflow: hidden;
}
#head #head2 {
	width:900px;
	height: 90px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
#head #head2 .logo {
	position: absolute;
	top: 20px;
	left: 0;
}
#head #head2 ul.link {
	position: absolute;
	top: 5px;
	right: 0;
	height: 35px;
	overflow: hidden;
	background: #ccc;
	padding: 0 1px 0 0;
}
#head #head2 ul.link li {
	float: left;
	background: #fff;
}
#head #head2 .astem {
	position: absolute;
	top: 50px;
	right: 150px;
}
#head #head2 .lang {
	position: absolute;
	top: 50px;
	right: 0;
}
#head #head2 .logo a:hover img,
#head #head2 ul.link a:hover img,
#head #head2 .astem a:hover img,
#head #head2 .lang a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}



#gl {
background: black;
height: 50px;
overflow: hidden;
text-align: left;
}
#gl ul {
width: 900px;
margin: auto;
}
#gl ul li {
height: 50px;
width: 180px;
float: left;
}
#gl ul li a {
background: red;
display: block;
height: 50px;
width: 180px;
text-indent: -9999px;
}
body.home #gl ul li.home a,
body.about #gl ul li.about a,
body.research #gl ul li.research a,
body.profile #gl ul li.profile a,
body.news #gl ul li.news a,
#gl ul li a:hover {
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
}


#content {
background: #EBDAB2;
text-align: left;
margin: auto;
padding: 10px 0 25px 0;
}
#content_in {
width: 900px;
margin: auto;
}



ol#path {
list-style-type: none;
font-size: 1.2em;
line-height: 20px;
padding: 0 0 10px 0;
color: #666;
}
ol#path li {
float: left;
padding: 0 0 0 15px;
background: url(../../img/cmn/path-arrow.gif) no-repeat 5px center;
}
ol#path li.home {
background: none;
padding: 0;
}
ol#path li a {
color: #666;
}



#alpha {
width: 710px;
background: #fff;
float: right;
}
#alpha_top {
background: url(../../img/cmn/alpha-top.gif) no-repeat left top;
}
#alpha_btm {
background: url(../../img/cmn/alpha-btm.gif) no-repeat left bottom;
}



#alpha .content {
padding: 40px 30px;
}



#beta {
float: left;
width: 170px;
background: #F8F3E6;
}
#beta_top {
background: url(../../img/cmn/beta-top.gif) no-repeat left top;
}
#beta_btm {
background: url(../../img/cmn/beta-btm.gif) no-repeat left bottom;
}



ul#pagetop {
width: 900px;
height: 0px;
position: relative;
}
*html body ul#pagetop li a img {
behavior: expression(IEPNGFIX.fix(this));
height: 26px;
width: 25px;
}
/*hack modern*/
html>body ul#pagetop li {
position: fixed;
left: 50%;
bottom: 215px;
width: 490px;
height: 0px;
}
html>body ul#pagetop li a {
display: block;
position: absolute;
top: 0px;
right: 0px;
}
/*hack ie6-*/
*html body ul#pagetop li {
width: 25px;
height: 26px;
position: absolute;
right: -40px;
bottom: 25px;
}



#link {
background: #fff url(../../img/cmn/link_bg.gif) repeat-x left top;
height: 95px;
overflow: hidden;
text-align: left;
}
#link_in {
width: 900px;
margin: auto;
}
#link_in h2 {
float: left;
}
#link_in ul {
float: left;
}
#link_in ul li {
float: left;
}



#foot {
background: #666;
height: 70px;
overflow: hidden;
text-align: left;
}
#foot_in {
width: 900px;
margin: auto;
}
#foot_in ul.navi {
float: left;
}
#foot_in ul.navi li {
float: left;
}
#foot_in address {
float: right;
}



#WYSIWYG {
font-size: 1.2em;
overflow: hidden;
}
#WYSIWYG h2 {
font-size: 1.17em;
margin: 2em 0 1em 0;
padding: 0 0 2px 0;
}
#WYSIWYG h2.first-child  {
margin-top: 0;
} 
body#jp-eco #WYSIWYG h2,
body#en-eco #WYSIWYG h2 {
color: #296D8F;
background: url(../../img/ecology/cmn/alpha-h2-bg.gif) no-repeat left bottom;
}
body#jp-cul #WYSIWYG h2,
body#en-cul #WYSIWYG h2 {
color: #8E331F;
background: url(../../img/culture/cmn/alpha-h2-bg.gif) no-repeat left bottom;
}
body#jp-tou #WYSIWYG h2,
body#en-tou #WYSIWYG h2 {
color: #805500;
background: url(../../img/tourism/cmn/alpha-h2-bg.gif) no-repeat left bottom;
}
body#jp-eco #WYSIWYG h3,
body#en-eco #WYSIWYG h3 {
color: #296D8F;
text-indent: 1em;
background: url(../../img/ecology/cmn/alpha-h3-bg.gif) no-repeat 1px 6px;
}
body#jp-cul #WYSIWYG h3,
body#en-cul #WYSIWYG h3 {
color: #8E331F;
text-indent: 1em;
background: url(../../img/culture/cmn/alpha-h3-bg.gif) no-repeat 1px 6px;
}
body#jp-tou #WYSIWYG h3,
body#en-tou #WYSIWYG h3 {
color: #805500;
text-indent: 1em;
background: url(../../img/tourism/cmn/alpha-h3-bg.gif) no-repeat 1px 6px;
}
#WYSIWYG p {
margin: 0 0 1em 0;
}
#WYSIWYG blockquote {
padding: 1em 1em 0 1em;
margin: 0 0 1em 0;
border: 1px solid #E5E5CF;
background: #FFFFE5;
}
body#jp-eco #WYSIWYG blockquote h3,
body#en-eco #WYSIWYG blockquote h3 {
color: #1D9696;
text-indent: 1em;
background: url(../../img/ecology/cmn/alpha-h3-bg2.gif) no-repeat 1px 6px;
}
body#jp-cul #WYSIWYG blockquote h3,
body#en-cul #WYSIWYG blockquote h3 {
color: #CC5200;
text-indent: 1em;
background: url(../../img/culture/cmn/alpha-h3-bg2.gif) no-repeat 1px 6px;
}
body#jp-tou #WYSIWYG blockquote h3,
body#en-tou #WYSIWYG blockquote h3 {
color: #81B601;
text-indent: 1em;
background: url(../../img/tourism/cmn/alpha-h3-bg2.gif) no-repeat 1px 6px;
}
#WYSIWYG .wp-caption {
color: #666;
font-size: 0.84em;
}
#WYSIWYG .wp-caption img {
margin-bottom: 0.5em;
}
#WYSIWYG ul {
margin-bottom: 1em;
}
#WYSIWYG ul li {
padding: 0 0 0 1em;
margin-bottom: 0.5em;
background: url(../../img/cmn/li_bg.gif) no-repeat 5px 8px;
}
#WYSIWYG ol {
margin-bottom: 1em;
}
#WYSIWYG ol li {
list-style: decimal inside;
margin-bottom: 0.5em;
}
#WYSIWYG table {
margin-bottom: 1em;
}