@charset "utf-8";
	
@import url("../grgds/style.css");

#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 p{
	line-height:140%;
	font-size:1.1em;
	margin:10px 0 10px 7px;
	}
#left_space ul{
	float:right;
	margin:0 4px 14px 0;
	}

#main div dl{
	float:left;
	margin-left:14px;
	}

#left_space .clearfix dt{
	clear:both;
	float:left;
	line-height:140%;
	font-size:1.1em;
	color:#314979;
	font-weight:bold;
	width:130px;
	margin-top:5px;	
	}
#left_space .clearfix dd{
	float:left;
	color:#314979;
	line-height:140%;
	font-size:1.1em;
	margin-top:5px;	
	}

#main .table1,
#main .gousei,
#main .property,
#main .peptidedesign,
#main .gmp  {
    width:94%;
    border-collapse: collapse;
    border-spacing: 0;
	margin:20px 0 20px 17px;
}

#main .table1 tr th,
#main .gousei tr th,
#main .property tr th,
#main .peptidedesign tr th,
#main .gmp tr th {
    background-color: #efefef;
	border: 1px solid #ccc;
	padding: 15px 10px;
	text-align:center;
}

#main .table1 tr td,
#main .gousei tr td,
#main .property tr td,
#main .peptidedesign tr td,
#main .gmp tr td {
	background-color:#FFF;
    border: 1px solid #ccc;
    padding: 15px 10px;
	text-align:center;
}

/* メイン*/
#main .clearfix{
	margin:30px 0 30px 17px;
	}
#main .clearfix dt{
	clear:both;
	float:left;
	font-size:1.1em;
	font-weight:700;
	margin-left:17px;
	width:140px;
	line-height:170%;
	
	}
#main .clearfix dd{
	float:left;
	font-size:1.1em;
	line-height:170%;
}
#main .clearfix dd span{
	font-weight:700;
	}
#main .gousei{
	width:400px;
	margin-top:30px;
	}
#main .gousei tr th{
	background:#eeeeee;
	text-align:center;
	}
#main .gousei tr dd{
	text-align:center;
	}
#main .ml20{
	margin:0 10px 17px 20px;
	line-height:140%;
	}
#main .ml20 span{
	font-weight:700;
	}

/* ＧＭＰメイン */
#main .ts_m{
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 10px 27px;
	color:#314979;
	}
#main p a{
	margin-left:9px;
	color:#C92734;
	}	
#main .gmp{
	width:94%;
	line-height:90%;
	margin-left:27px;
	}

#main .gmp tr th{
	 background-color: #efefef;
	 text-align:center;
	}
#main .gmp tr td{
	text-align:left;
	}
	
/* ペプチド合成試薬2 */

#main .gmp tr .kakaku{
	width:80px;
	}
	
/* 2017.08追加 */
/* ペプチド下部リンク */
#pagelink {
	display:flex;
	justify-content:center;	
}
#pagelink li {
	margin:10px 5px;
	border:solid 1px #ccc;
	border-radius:50%;
}
#pagelink li a {
	padding:5px 11px;
	display:block;
	text-decoration:none;
	color:#333;
	border-radius:50%;
}
#pagelink .active {
	background-color:#f1f1f1;
	font-weight:bold;
}

/* 価格 */
#main .price_sp tr td {
	text-align:center;
	font-size:0.9em;
}

.price_sp tr td img {
	display:block;
	margin-bottom:10px;
}

#main .topics{
	text-align:center;
	margin-top:4px;
	font-size:0.9em;
	}

/*20171130 追加　indexアミノ酸の表*/
#amino .amino{
	width:60%;
	border-collapse: collapse;
    border-spacing: 0;
	margin:20px 0 20px 8px;
}
.haikeishoku{
	background-color:#FFC;
}
#amino .amino tr th {
    background-color: #efefef;
	border: 1px solid #ccc;
	padding: 4px 4px;
	text-align:center;
}

#wrapper #main #amino .amino .th-tate{
	 background-color: #efefef;
	border: 1px solid #ccc;
	padding: 4px 11px;
	text-align:center;
	writing-mode:horizontal-tb;
	vertical-align: middle;
	}

#amino .amino td {
	background-color:#FFF;
    border: 1px solid #ccc;
    padding: 4px 4px;
	text-align:center;
}
#amino .amino tr .bkyellow{
	background-color:#f6f197;
}

/*20181112 追加　indexページ　アミノ酸の特性*/
#amino-property .property{
	width:50%;
	}
#amino-property .property tr th{
	vertical-align:middle;
	padding: 4px 2.2px;
	}
#amino-property .property tr td{
	vertical-align:middle;
	padding: 4px 2.2px;
	}	

/*20181010 追加　ペプチドライブラリーの設計・細胞膜透過性ペプチドの設計*/
#group1,
#group2{
	margin-left:20px;
	}
#wrapper #main #group1 p{
	line-height:170%;
	}
#group1 .tc{
	margin:0 auto;
	}
/*Creative Peptidesリスト*/
.disc{
	margin-bottom:30px;
	list-style:disc;
	margin-left:20px;
	}
.disc li{
	font-size:1.1em;
	line-height:170%;
	}
/*ペプチドライブラリーの設計テーブル*/
#group1 .peptidedesign tr td{
	text-align:left;
	}
	
#group1 dl dt{
	font-size:1.1em;
	font-weight:bold;
	color:#B94786;
	margin-top:17px;
	}
#main .copy{
	text-align:center;
	font-size:0.8em;
	/*margin-bottom:-40px;*/
	}

/* 20191122追加 ジ、トリペプチドのアミノ酸間の連動性と活性について*/
#amino,
#linkage,
#linkage-ex,
#pep-group{
	margin-left:14px;
	}

#amino p,
#linkage p,
#linkage-ex p{
	line-height:100%;
	}

#linkage .aminolinkage{
	width:97%;
	text-align:center;
	border: 1px solid #ccc;
	}
#main #linkage .aminolinkage tr th,
#main #linkage .aminolinkage tr  td{
	border: 1px solid #ccc;
	}

#linkage .aminolinkage tr .bkred{
	 background-color:#F00;
	}
#linkage .aminolinkage tr .bkblue{
	 background-color:#0068b7;
	}
	
#linkage-ex .list{
	margin-top:2%;
	}
	
#pep-group table{
	width:74%;
	border: 1px solid #ccc;
	margin-bottom:3%;
	
	}
#pep-group table tr th,
#pep-group table tr  td{
	border: 1px solid #ccc;
	padding:2%;
	}
#pep-group table tr th{
	text-align:center;
	white-space:nowrap;
	}
.text85{
	font-size:85% !important;
	}
.imgcopy{
	text-align:right;
	font-size:85% !important;
	}
	
/*2020/06/19 追加*/
#amino .lh-150{
	margin-left: 0;
	line-height: 150%;
	}
#amino .lh-150 a{
	color:#333;
	text-decoration:none;
	}
#amino .lh-150 a:hover{
	opacity:0.7;
	}
#main .link{
	margin-left:10px;
	}
#main .link li{
	font-size:1.2em;
	line-height: 170%;
	}
#main .link li a{
	color:#333;
	}