@charset "UTF-8";
/* CSS Document */

/* 11px = 77%     12px = 85%     13px = 93%     14px = 100%
// 15px = 108%    16px = 116%    17px = 123.1%  18px = 131%
// 19px = 138.5%  20px = 146.5%  21px = 153.9%  22px = 161.6%
// 23px = 167%    24px = 174%    25px = 182%    26px = 189%
// 27px = 197% */

#main #content{
	width:910px;
	margin:0 auto;
}
#content h2{
	height:33px;
	padding:10px 0 0 54px;
	margin:0 0 35px;
	background:url(../img/common/title_mark_blue.jpg) left top no-repeat;
	font-size:146.5%;
}
#content h3{
	padding:7px 0 5px;
	margin:0 0 25px;
	text-align:center;
	border:#5a9cd9 1px solid;
	color:#5a9cd9;
	font-size:131%;
	font-weight:bold;
}
p.pagetop{
	text-align:center;
}


/* Members */

#members #main #content{
	margin-bottom:90px;
}
#members #content h2{
	margin-bottom:25px;
}

#members #content table{
	width:700px;
	margin:0px auto;
}
#members #content table th{
	width:85px;
	text-align:center;
	padding:19px 0 17px;
	border-top:#5a9cd9 1px solid;
	border-right:#5a9cd9 1px solid;
	border-bottom:#5a9cd9 1px solid;
	font-weight:bold;
}
#members #content table td{
	padding:19px 0 17px 33px;
	border-top:#5a9cd9 1px solid;
	border-bottom:#5a9cd9 1px solid;
}


/* Research */
#research #main{
	margin-bottom:55px;
}
#research #main #content{
	margin-bottom:40px;
}
#research #content .section1{
	padding-bottom:40px;
}
#research #content .section1 h2{
	float:left;
	margin-bottom:0;
}
#research #content .section1 p{
	float:right;
	padding-top:15px;
	font-size:120%;
}
#research #content h3{margin-bottom:15px;}
#research #content h4{
	color:#5a9cd9;
	font-size:131%;
	font-weight:bold;
}
#research #content p span{font-weight:bold;}
#research #content p.img1{margin-left:283px;}
#research #content p.img2{margin-left:260px;}
#research #content p.img3{margin-left:277px;}
#research #content p.img4{margin-left:281px;}
#research #content p.img5{margin-left:263px;}
#research #content p.img6{margin-left:298px;}
#research #content p.img7{margin-left:26px;}
#research #content p.img8{margin-left:294px;}
#research #content p.img9{margin-left:166px;}



/* Lab tours */

#labtours #main{
	margin-bottom:55px;
}
#labtours #main #content{
	margin-bottom:65px;
}
#labtours #content h3{
	margin-bottom:30px;
}
#labtours #content ul{
	margin-left:-20px;
}
#labtours #content ul li{
	float:left;
	width:290px;
	margin-left:20px;
}
#labtours #content ul li dl dt{
	margin-bottom:10px;
	font-size:116%;
	font-weight:bold;
}
#labtours #content ul li dl dt span{
	font-size:85%;
	font-weight:normal;
}


/* Contact */

#contact #main{
	margin-bottom:120px;
}
#contact #content h2{
	margin-bottom:30px;
}
#contact #content .section1{
	margin-bottom:54px;
}
#contact #content .section1 .left{
	float:left;
	width:400px;
	font-size:174%;
}
#contact #content .section1 .right{
	float:left;
}
#contact #content .section2 .left{
	float:left;
}
#contact #content .section2 .left dl{
	margin-bottom:20px;	
}
#contact #content .section2 .left dl dt{
	font-weight:bold;
}
#contact #content .section2 .right{
	float:right;
}


/* Open Lab */

#openlab #main{
	margin-bottom:55px;
}
#openlab #main #content{
	margin-bottom:65px;
}
#openlab #content h3{
	margin-bottom:30px;
}
#openlab #content ul.left{
	float:left;
	width:506px;
	height:591px;
	background:url(../img/openlab/img1_a.jpg) left top no-repeat;
}
#openlab #content ul.right{
	float:right;
	width:400px;
	height:373px;
	background:url(../img/openlab/img2.jpg) left top no-repeat;
}
#openlab #content ul li dl{
	font-weight:bold;
}
#openlab #content ul li dl dt{
	margin-bottom:10px;
	font-size:131%;
}
#openlab #content ul li dl dt a{color:#5a9cd9;}
#openlab #content ul li dl dt a:hover {color:#62b2fa;}


#openlab #content ul.left li.section1{
	height:220px;
	padding:30px 0 0 16px;
}
#openlab #content ul.left li.section2{
	width:240px;
	height:218px;
	margin-left:125px;
}
#openlab #content ul.left li.section3{
	width:380px;
	padding:0 0 0 16px;
}
#openlab #content ul.right li.section1{
	height:220px;
	padding:30px 0 0 16px;
}
#openlab #content ul.right li.section2{
	height:218px;
	margin-left:140px;
}


/* Letter */

#letter #main{
	margin-bottom:120px;
}
#letter #main #content{
	margin-bottom:60px;
}

#letter #content h2{
	margin-bottom:40px;
	background:url(../img/common/title_mark_blue.jpg) left top no-repeat;
}

#letter #content .left{
	float:left;
	width:600px;
}
#letter #content .left dl{
	margin-bottom:30px;
}
#letter #content .left dl dt{
	color:#5a9cd9;
	font-size:131%;
	font-weight:bold;
}

#letter #content .right{
	float:right;
	width:258px;
	padding:18px 14px 0 18px;
	background:#5a9cd9;
	color:#fff;
}
#letter #content .right dl{
	font-size:131%;
	margin-bottom:23px;
}
#letter #content .right dl dt{
	font-weight:bold;
}



/* Link */

#link #main{
	margin-bottom:55px;
}
#link #main #content{
	margin-bottom:80px;
}

#link #content .section1,
#link #content .section2{
	float:left;
	width:290px;
}
#link #content .section2{
	margin-left:20px;
}
#link #content .section3{
	float:left;
	width:258px;
	margin-left:20px;
	padding:18px 14px 0 18px;
	background:#5a9cd9;
	color:#fff;
}
#link #content h4{
	font-weight:bold;
	font-size:146.5%;
}
#link #content .section2 ul{
	margin-bottom:23px;
}
#link #content .section3 h4{
	margin-bottom:35px;
}
#link #content .section3 li{
	margin-bottom:27px;
}
#link #content .section3 a{
	color:#fff;
}



/* Photo Album */

#album #main{
	margin-bottom:230px;
}
#album #content .section1{
	padding-bottom:40px;
}
#album #content .section1 h2{
	float:left;
	background:url(../img/common/title_mark_blue.jpg) left top no-repeat;
	margin-bottom:0;
}
#album #content .section1 p.btn_backtoen{
	float:right;
	padding-top:15px;
	font-size:116%;
	line-height:1.125;
}
#album #content .section1 p.btn_backtoen a{
	display:block;
	width:250px;
	height:22px;
	padding-top:2px;
	text-align:center;
	background:url(../img/common/back_en2.jpg);
	background-repeat:no-repeat;
	color:#5a9cd9;
	text-decoration:none;
}
#album #content .section1 p.btn_backtoen a:hover{
	color:#fff;
}

#another_album{
	width:640px;
	margin:0px auto 20px auto;
}

#another_album table{
}


#another_album .totsugeki a{
	display:block;
	width:180px;
	height:42px;
	background:url(../img/common/title_mark_yellow.jpg) left top no-repeat;
	padding-top:13px;
	padding-left:45px;
	color:#000;
	text-decoration:none;
}

#another_album .totsugeki a:hover{
	display:block;
	width:180px;
	height:42px;
	background:url(../img/common/title_mark_yellow_over.jpg) left top no-repeat;
	padding-top:13px;
	padding-left:45px;
	color:#d5a738;
	text-decoration:none;
}

#another_album .event a{
	display:block;
	width:180px;
	height:42px;
	background:url(../img/common/title_mark_green.jpg) left top no-repeat;
	padding-top:13px;
	padding-left:45px;
	color:#000;
	text-decoration:none;
}

#another_album .event a:hover{
	display:block;
	width:180px;
	height:42px;
	background:url(../img/common/title_mark_green_over.jpg) left top no-repeat;
	padding-top:13px;
	padding-left:45px;
	color:#34a950;
	text-decoration:none;
}


#another_album .today a{
	display:block;
	width:180px;
	height:42px;
	background:url(../img/common/title_mark_purple.jpg) left top no-repeat;
	padding-top:13px;
	padding-left:45px;
	color:#000;
	text-decoration:none;
}

#another_album .today a:hover{
	display:block;
	width:180px;
	height:42px;
	background:url(../img/common/title_mark_purple_over.jpg) left top no-repeat;
	padding-top:13px;
	padding-left:45px;
	color:#9b5acb;
	text-decoration:none;
}

#album #content dl{
	width:640px;
	margin:0 auto 48px;
}

#album #content dl dt{
	padding:17px 15px 14px;
	background:#5a9cd9;
	font-size:131%;
	color:#fff;
	font-weight:bold;
}
#album p.pagetop{
	margin-bottom:75px;
}