*{margin:0;padding:0;border:none;}
html, body{
	background-color:#000;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size:13px;
	line-height:19px;
}
ul{list-style:none}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}
hr{
	width:290px;
	height:1px;
	margin:0 auto;
	border-width:1px 0px 0px 0px;
	border-style:solid;
}
hr.bgblack{color:#333;}
hr.bgwhite{color:#ccc;}
hr.bgblue{color:#fff;}

/* sidebar */
#sidebar{
	width:200px;
	height:100%;
	display:none;
	position:absolute;
	right:0; top:0;
	background-color:#fff;
	padding:15px 0 30px;
}
#logos li{
	width:200px;
	text-align:center;
}
#logos li img{
	cursor:pointer;
}
#uacjlogo{
	margin-bottom:15px;
}
#sitelogo{
	margin-bottom:15px;
}
#menus{
	
}
#menus li{
	width:200px;
	border-bottom:solid 1px #e8e8e8;
}
#menus li#menu0{
	border-top:solid 1px #e8e8e8;
}
#menus li img{
	cursor:pointer;
}
/* contents */
#contents{
	width:320px;
	position:absolute;
	background-color:#000;
}
#cover{
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	display:none;
}
#head{
	height:50px;
	background-color:#000;
	text-align:right;
	background-image: url("../img/head_sitelogo.gif");
	-moz-background-size:116px 28px;
	background-size:116px 28px;
	background-repeat:no-repeat;
	background-position:center center;
}
#pages li.page{
	display:none;
}
.bt-top{
	width:290px;
	margin:30px auto 5px;
	text-align:right;
}
.bt-top img{
	
}
.bt-next{
	width:290px;
	margin:0 auto;
	text-align:center;
}
.bt-next img{
	margin-top:10px;
}
/* page0 */
#page0{
	padding-top:57px;
	padding-bottom:30px;
	background-color:#000;
	background-image: url("../img/page0_mainvisual.jpg");
	-moz-background-size:320px 251px;
	background-size:320px 251px;
	background-repeat:no-repeat;
}
h1{
	margin-bottom:130px;
	text-align:center;
}
ul#page0-menus{
	width:290px;
	margin:0 auto;
	margin-bottom:15px;
}
ul#page0-menus li{
	margin:0;
	padding:0;
}

/* page1 */
#page1{
	padding-bottom:30px;
	background-image: url("../img/page1_mainvisual.jpg");
	-moz-background-size:320px 205px;
	background-size:320px 205px;
	background-repeat:no-repeat;
	background-color:#f3f1de;
}
#page1 h2{
	margin-bottom:39px;
}
#page1-scientists{
	margin-bottom:30px;
}
#page1-scientists .scientist{
	width:290px;
	margin:0 auto;
	margin-bottom:15px;
}
#page1-scientists .scientist img.portrait{
	
}
#page1-scientists .scientist h3{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}
#page1-page1-scientists .scientist p{
	
}
#page1-reason{
	width:290px;
	margin:0 auto;
}
#page1-reason h3{
	margin-bottom:15px;
}
#page1-reason img#page1-reason-timeline{
	margin-bottom:15px;
}
#page1-reason p{
	margin-bottom:15px;
}
#page1-reason img#page1-reason-image{
	display:block;
	margin:0 auto;
}
/* page2 */
#page2{
	padding-bottom:30px;
	background-image: url("../img/page2_mainvisual.jpg");
	-moz-background-size:320px 205px;
	background-size:320px 205px;
	background-repeat:no-repeat;
	background-color:#fff;
}
#page2 h2{
	margin-bottom:110px;
}
#cards{
	width:290px;
	margin:0 auto;
}
#cards .card{
	width:290px;
	padding-bottom:20px;
	border-bottom:solid 1px #ccc;
}
#cards .end{
	width:290px;
	padding:0;
	border:none;
}
#cards .card img.card-icon{
	margin:20px auto;
	display:block;
}
#cards .card img.card-title{
	display:block;
}
#cards .card img.mb10{
	margin-bottom:10px;
}
#cards .card p{
	margin-bottom:7px;
}
/* page3 */
#page3{
	padding-bottom:30px;
	background-image: url("../img/page3_mainvisual.jpg");
	-moz-background-size:320px 193px;
	background-size:320px 193px;
	background-repeat:no-repeat;
	background-color:#000;
}
#page3 h2{
	margin-bottom:30px;
}
#readings{
	margin-bottom:10px;
}
#readings .reading{
	width:290px;
	margin:0 auto;
	padding:20px 0 30px;
	border-bottom:solid 1px #333;
}
#readings #reading4{
	padding-bottom:0;
	border:none;
}
#readings .reading img.image{
	display:block;
	margin:0 auto;
	margin-bottom:25px;
}
#readings .reading img.copy{
	display:block;
	margin-bottom:15px;
}
#readings .reading p{
	margin-bottom:25px;
	color:#fff;
}
#readings .reading img.graph{
	display:block;
}
/* page4 */
#page4{
	padding-bottom:30px;
	background-image: url("../img/page4_mainvisual.jpg");
	-moz-background-size:320px 270px;
	background-size:320px 270px;
	background-repeat:no-repeat;
	background-color:#0079ca;
}
#page4 h2{
	margin-bottom:185px;
}
#popmenus{
	width:290px;
	margin:0 auto;
	padding-bottom:15px;
	border-bottom:solid 1px #69b0e0;
}
#popmenus li{
	width:145px;
	float:left;
}
#popmenus li.h41{
	height:41px;
}
#pops{
	width:290px;
	margin:0 auto;
}
#pops li{
	margin-top:15px;
	border-bottom:solid 1px #69b0e0;
}
#pops li img.pop-ph{
	display:block;
	margin:0 auto;
	margin-bottom:15px;
}
#pops li img.pop-title{
	display:block;
	margin:0 auto;
	margin-bottom:15px;
}
#pops li p{
	color:#fff;
	margin-bottom:15px;
}
#pops li .bt-top{
	margin:0 0 10px;
}
/* page5 */
#page5{
	padding-bottom:30px;
	background-image: url("../img/page5_mainvisual.jpg");
	-moz-background-size:320px 193px;
	background-size:320px 193px;
	background-repeat:no-repeat;
	background-color:#000;
}
#page5 h2{
	margin-bottom:115px;
	text-align:center;
}
img.video-title{
	display:block;
	margin-bottom:32px;
}
ul#page5-videos{
	width:290px;
	margin:0 auto;
	margin-bottom:15px;
}
ul#page5-videos li{
	width:290px;
	padding:15px 0 30px;
	border-bottom:solid 1px #333;
}
ul#page5-videos li.end{
	padding-bottom:0;
	border:none;
}
ul#page5-videos li img.video-title{
	display:block;
	margin:0 auto;
	margin-bottom:15px;
}
ul#page5-videos li video{
	display:block;
	margin:0 auto;
}
#page5-btindex{

}

img.content{
	display:block;
}
img.dummy{
	
}
#dbox{
	position:absolute;
	right:0;top:0;
	z-index:999;
	color:#ccc;
}