@charset "utf-8";
/*
Theme Name: JST ERATO 2013
Theme URI:
Description: JST2013用CSS
Author: GRACIA
Version: 1.0
*/

/*//////////////////////////////
 * メンバー
 /////////////////////////////*/
/* -------------------------
 * 共通
 --------------------------*/

/* -------------------------
 * メンバー紹介
 --------------------------*/
#introductionBody h2{width:100%;background:url(img/message_p_title.jpg) no-repeat left top;padding-top:200px;}
.introduction h3{margin-bottom:10px;}
/* cnt1 */
.introduction .cnt1{font-size:10px;margin-bottom:30px;} 
/* cnt2 */
.introduction .cnt2{width:100%;}
.introduction .cnt2 h4{background:#ff6633;color:#fff;padding:2px 5px;width:40%;margin-left:15px;margin-bottom:5px;}
.introduction .cnt2 table{
	width: 100%;
	margin-bottom: 20px;
	text-align: right;
}
.introduction .cnt2 table th{width:2%;padding:2px 0px;text-align:left;vertical-align:middle;}
.introduction .cnt2 table th img{vertical-align:middle;}
.introduction .cnt2 table td{
	padding: 2px 0px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}
.introduction .cnt2 table .td_line1{width:18%;}
.introduction .cnt2 table .td_line2{width:32%;}
.introduction .cnt2 table .td_line3{width:48%;}

/* -------------------------
 * グループリーダーメッセージ
 --------------------------*/
#messageBody h2{width:100%;background:url(img/message_p_title.jpg) no-repeat left top;padding-top:200px;}
.message h3{margin-bottom:30px;}
.message .btn_bg1{margin-right:10px;}
/* cnt1 */
.message .cnt1{width:100%;border-bottom:1px solid #b2b2b2;padding-bottom:15px;margin-bottom:30px;}
.message .cnt1 .left{float:left;width:430px;}
.message .cnt1 .left h4{border-left:10px solid #ff6633;border-top:1px solid #ff6633;border-right:1px solid #ff6633;border-bottom:1px solid #ff6633;margin-bottom:15px;padding-left:5px;}
.message .cnt1 .left h5{color:#ff6633;font-size:16px;margin-bottom:5px;}
.message .cnt1 .left p{margin-bottom:15px;}
.message .cnt1 .left .bnr_link{text-align:right;}
.message .cnt1 .right{float:right;width:300px;}
/* cnt2 */
.message .cnt2{width:100%;border-bottom:1px solid #b2b2b2;padding-bottom:15px;margin-bottom:30px;}
.message .cnt2 .right {float:right;width:430px;}
.message .cnt2 .right h4{border-left:10px solid #ff6633;border-top:1px solid #ff6633;border-right:1px solid #ff6633;border-bottom:1px solid #ff6633;margin-bottom:15px;padding-left:5px;}
.message .cnt2 .right h5{color:#ff6633;font-size:16px;margin-bottom:5px;}
.message .cnt2 .right p{margin-bottom:15px;}
.message .cnt2 .right .bnr_link{text-align:right;}
.message .cnt2 .left {float:left;width:300px;}
/* cnt3 */
.message .cnt3{width:100%;padding-bottom:15px;margin-bottom:30px;}
.message .cnt3 .left{float:left;width:430px;}
.message .cnt3 .left h4{border-left:10px solid #ff6633;border-top:1px solid #ff6633;border-right:1px solid #ff6633;border-bottom:1px solid #ff6633;margin-bottom:15px;padding-left:5px;}
.message .cnt3 .left h5{color:#ff6633;font-size:16px;margin-bottom:5px;}
.message .cnt3 .left p{margin-bottom:15px;}
.message .cnt3 .left .bnr_link{text-align:right;}
.message .cnt3 .right{float:right;width:300px;}
/* cnt4 */
.message .cnt4{width:100%;border-bottom:1px solid #b2b2b2;padding-bottom:15px;margin-bottom:30px;}
.message .cnt4 .right {float:right;width:430px;}
.message .cnt4 .right h4{border-left:10px solid #ff6633;border-top:1px solid #ff6633;border-right:1px solid #ff6633;border-bottom:1px solid #ff6633;margin-bottom:15px;padding-left:5px;}
.message .cnt4 .right h5{color:#ff6633;font-size:16px;margin-bottom:5px;}
.message .cnt4 .right p{margin-bottom:15px;}
.message .cnt4 .right .bnr_link{text-align:right;}
.message .cnt4 .left {float:left;width:300px;}
/* cnt5 */
.message .cnt5{width:100%;padding-bottom:15px;margin-bottom:30px;}
.message .cnt5 .left{float:left;width:430px;}
.message .cnt5 .left h4{border-left:10px solid #ff6633;border-top:1px solid #ff6633;border-right:1px solid #ff6633;border-bottom:1px solid #ff6633;margin-bottom:15px;padding-left:5px;}
.message .cnt5 .left h5{color:#ff6633;font-size:16px;margin-bottom:5px;}
.message .cnt5 .left p{margin-bottom:15px;}
.message .cnt5 .left .bnr_link{text-align:right;}
.message .cnt5 .right{float:right;width:300px;}

/* -------------------------
 * 研究室アルバム1
 --------------------------*/
#album01Body h2{width:100%;background:url(img/message_p_title.jpg) no-repeat left top;padding-top:200px;}
.album01 h3{margin-bottom:30px;}
.album01 p{line-height:1.5em;margin:0;padding:0;}
.album01 .image01{margin-bottom:10px;}
/* cnt1 */
.album01 .cnt1{width:100%;margin-bottom:10px;}
.album01 .cnt1 .left{float:left;width:515px;}
.album01 .cnt1 .right{float:right;width:220px;}
/* cnt2 */
.album01 .cnt2{width:100%;margin-bottom:10px;}
.album01 .cnt2 .left{float:left;width:220px;}
.album01 .cnt2 .right{float:right;width:515px;}
/* cnt3 */
.album01 .cnt3{width:100%;margin-bottom:10px;}
.album01 .cnt3 .left{float:left;width:368px;}
.album01 .cnt3 .right{float:right;width:368px;}
/* cnt4 */
.album01 .cnt4{width:100%;margin-bottom:10px;}

/* -------------------------
 * 研究室アルバム2
 --------------------------*/
#album02Body h2{width:100%;background:url(img/message_p_title.jpg) no-repeat left top;padding-top:200px;}
.album02 h3{margin-bottom:30px;}
.album02 ul {width:770px;margin-right:-15px;}
.album02 ul li {list-style-type:none;float:left;width:370px;margin-right:15px;margin-bottom:5px;}

.wi_1 {
	width: 1%;
}
.wi_2 {
	width: 2%;
}
.wi_14 {
	width: 14%;
}
.wi_18 {
	width: 18%;
}
.wi_31 {
	width: 31%;
}
.wi_36 {
	width: 36%;
}
.wi_48 {
	width: 48%;
}
.wi_50 {
	width: 50%;
}