@charset "utf-8";

#top_main {
	width:700px;
	float:left;
}

/* トップイメージ */
#topimg {
	text-align:center;
	background:url(../img/top/bg.png) no-repeat;
}

#topimg p {
	position:relative;
	z-index:99;
}
#topimg p img{
	filter: alpha(opacity=50);
-moz-opacity:0.7;
opacity:0.7;
}

/* メイン */
#main{
	margin:20px 0 60px;
	width:730px;
	}
#main .ts_m{
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 10px 37px;
	color:#314979;
	}
	
/* テーブル */	
#main table {
    border-collapse: collapse;
    border-spacing: 0;
	margin-left:30px;
	margin-bottom:30px;
}

#main table tr .midashi1 {
    background-color: #00ccff;
	border: 1px solid #ccc;
	color:#615D5D;
	width:400px;
	padding-left:14px;
}

#main table tr .midashi{
    background-color: #00ccff;
	border: 1px solid #ccc;
	color:#615D5D;
	width:100px;
	padding-left:14px;
}
#main table tr .midashi2{
    background-color: #fff100;
	border: 1px solid #ccc;
	color:#615D5D;
	width:100px;
	padding-left:14px;
}

#main .modifytable2 tr td,
#main .modifytable tr td{
    border: 1px solid #ccc;
	padding-left:14px;
	width:230px;
}

#wrapper #main .subtitle2{
	margin-left:27px;
	}
#main .modifytable2 tr td{
	padding:1px;
	}
/* 1列目 */ #main .modifytable2 tr td:nth-of-type(1) { vertical-align:middle; padding-left:6px;}
/* 2列目 */ #main .modifytable2 tr td:nth-of-type(2) { text-align: center; vertical-align:middle;}
/* 3列目 */ #main .modifytable2 tr td:nth-of-type(3) { text-align: center; vertical-align:middle;}
/* 4列目 */ #main .modifytable2 tr td:nth-of-type(4) { text-align: center; vertical-align:middle;}
	
/* 特殊な修飾ページ　テーブル */
#main .ts_s{
	font-size:0.9em;
	color:#F00;
	margin:-10px 4px 9px 0;
	text-align:right;
	}	
#nc1,#nc2,#nc3,#nc4,#nc5,#nc6,#nc7,#nc8,#nc9,#nc10,#nc11{
	font-size:1.2em;
	font-weight:bold;
	color:#e60012;	
	}
		
#nc1,#nc2,#nc4,#nc5,#nc6,#nc7,#nc11{
	background-color:#FC3;
	}
#nc3{
	background-color:#dbeef3;
	}
#nc8{
	background-color:#c2d69a;
	vertical-align:middle;	
	}
#nc9,#nc10{
	background-color:#FF0;
	vertical-align:middle;
	}

/* 特殊な修飾ページ　fret */
#fret1,#fret2,#fret3{
	margin-left:39px;
	}
.fretpep{
	font-size:1.4em;
	/*color:#00F;*/
	text-decoration:underline;
	}
#fret1 p{
	line-height:170%;
	}
#fret1 ol{
	margin-top:20px;
	}
#fret1 ol li{
	list-style:disc;
	margin-left:30px;
	}
#fret1 .imgmo{
	margin:17px auto;
	width:498px;
	}
.img{
	margin:17px auto 90px;
	width:498px;
	}
/*#fret .q{
	margin-top:17px;
	font-weight:700;
	font-size:1.2em;
	color:#009944;
}
#fret .a .tr{
	color:#F00;
	font-weight:700;
	font-size:1.3em;
	}*/
#fret2 .qb{
	margin-top:70px;
	font-weight:700;
	font-size:1.5em;
	color:#03F;
	}
#fret2 .subtib{
	font-weight:700;
	font-size:1.2em;
	color:#03F;
	}
.tc{
	margin-left:307px;
	}
	
#nc16,#nc17,#nc18,#nc19,#nc20,#nc21,#nc22{
	font-size:1.1em;
	background-color:#F1F1F1;
	}
#nc21,#nc22{
	text-align:center;
}
.tc{
	text-align:center;
	}
.tb{
	font-weight:700;
	font-size:1.1em;
}
#fret3 .img2{
	margin:17px auto 30px;
	width:384px;}
	
/*20180209追加　ＦＡＱ */
.faqs dt{
	background: url(../images/q.png) 0 0 no-repeat;
	padding: 0 15px 10px 30px;
	font-weight:700;
	font-size:1.2em;
	color:#009944;
	position: relative;
}
.faqs dt:hover{
	cursor: pointer;
}
.faqs dd{
	background: url(../images/a.png) 14px 0 no-repeat;
	padding: 0 15px 15px 44px;
	position: relative;
}
.faqs .hover{
	color: #0040ff;
	text-decoration: underline;
}
.text-a{
	color:#F00;
	font-weight:700;
	font-size:1.3em;
	}
	
	
/* ペプチドの設計について　fret */	
.decimal{
	list-style-type:decimal;
	font-size:1.2em;
	font-weight:600;
	color:#314979;
	}

#fret1 .p1 {
    border: medium none;
    font-size: 1.1em;
    line-height: 170%;
    margin: 10px 0 0 7px;
}
#fret1 .imgdesin{
	margin:240px auto 100px;
	width:700px;
	}
#fret1 ul li img{
	margin-top:70px;
	}


/*20180208追加　アミノ酸の性質　unit1 */
#unit1 .aminoacid{
	margin-top:20px;
	}
.aminoacid tr .acid{
    font-size: 1.3em;
    font-weight: bold;
    color: #0033FF;
	vertical-align:middle;
}
.aminoacid tr th{
	width:70px;
	border: 1px solid #ccc;
	padding: 4px 4px;
	text-align:center;
	font-size:90%;
	vertical-align:middle;
	}
.aminoacid tr td{
	border: 1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}
.aminoacid tr:nth-child(2n+1) {
	    background: #F0FFFF;
	}
#unit1 .bunken{
	margin-left:39px;
	}
.m-left34{
	margin-left:34px;
	}
#main .fontsize110{
	font-size:1.1em;
	}