@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 .newscoment a{
	margin-left:17px;}

/*#main .newscoment{
	text-align:center;
	margin-top:10px;
	font-size:170%;
	}
#main .newscoment a{
	text-decoration:none;
	color:#C92734;
	}
#main .newscoment a:hover{
	text-decoration:underline;
	color:#C92734;
}*/
#main #left_space .ts_m{
	font-size:1.1em;
	font-weight:bold;
	/*margin:9px 0 10px 9px;*/
	margin:	10px 0 -3px 0;
	color:#314979;
	}
#main #left_space .ts_m a{
	text-decoration:none;
	color:#314979;
	}

#main #left_space dl:not(.except){
	margin:14px;
	}
#left_space dl dt,
#left_space dl dd{
	font-size:1.1em;
	}
#main #left_space p:not(.except){
	font-size:1.1em;
	line-height:140%;
	margin-left:14px;
	}
#left_space table {
    border-collapse: collapse;
    border-spacing: 0;
	margin-left:17px;
	margin-bottom:30px;
	text-align:center;
}
 #left_space table tr .midashi{	
background-color: #00ccff;
	border: 1px solid #ccc;
	color:#615D5D;
	width:80px;
}
#left_space table tr td{
	border: 1px solid #ccc;
	}
	
#main .topics{
	text-align:center;
	font-weight:700;
	color:#980903;
	margin-top:14px;
	font-size:170%;
	}
	
#left_space .atten{
	color:#F00;
	}
#left_space .atten .large{
	font-size:1.2em;
	}
/* コンタクト */
#contact{
	float:right;
	width:730px;
	}
/*#contact .p{
	text-align:center;
	font-size:1.1em;
	font-weight:700;
	line-height:140%;
	margin:10px;
	}*/
#contact .title img{
	margin:10px 0 20px;
	}

/* トップオーダー */	
#top_order{
	float:right;
	width:730px;
	margin-left:20px;
	}
#top_order .other{
	margin:20px 0 40px 20px;
	}
#top_order .other .dispo{
	font-weight:bold;
	font-size:110%;
	margin-left:14px;
	}
#top_order .other .force {
	position:relative;
	margin-left:14px;
}
#top_order .other .force dt{
	position: absolute;
	left: 0;
	width:14em;
	line-height:200%;
	font-weight:bold;
	font-size:1.1em;
	}
#top_order .other .force dd{
	padding-left:14em;
	line-height:200%;
	font-size:1.1em;
	}

#chirashi p{
	font-size:1.1em;
	line-height:140%;
	margin-left:20px;
	}
#top_order ul li{
	float:left;
	margin:40px 40px -20px 70px;
	}
#chirashi p a {
	text-decoration:none;
	}


/* プロダクト */	
#product{
	float:right;
	width:710px;
	background:url(img/top/bg1.jpg) no-repeat;
	height:163px;
	margin:60px 0 40px 20px;
	}
#product p img{
	float:left;
	}

/* 新着情報 */	
#news{
	float:right;
	width:730px;
	margin:20px 0 30px;
	background:url(img/top/newsbg1.png) no-repeat;
	height:314px;
	position:relative;
	z-index:99;
	background-position:right top;
	}
#news .tr a{
	text-decoration:none;
	}
#news dl{
	margin-left:20px;
	}
#news dl .news_t{
	clear:both;
	float:left;
	width:97px;
	font-size:1.1em;
	line-height:200%;
	}
#news dl .news{
	float:left;
	width:570px;
	margin-left:40px;
	font-size:1.1em;
	line-height:200%;
	}
#news dl .news a{
	color:#333;
	}

/* 最短で良い結果のために */	
#left_space dl .nomidashi{
	position: relative;
	padding:0 0 5px 0;
	font-size:13px;
	border-bottom:#BFBFBF dotted 1px;
}
#left_space dl .nomidashi:first-letter{
	font-size:18px;
	color:#333;
}
#wrapper #main #left_space dl .nomidashi ol{
	margin-left:1em;
	list-style-position: outside;
	}

/* 20190320 ペプチド活性予測サービス　最短で良い結果のために
　　　～ペプチドデザインサービスまで */		

#unit1 .container,
#unit2 .container {
  display: inline-flex;
}
#unit1 .container .item,
#unit2 .container .item{
	text-align:center;
	margin-right:14px;
	}
#unit1 .container .item img,
#unit2 .container .item img{
	width:100%;
	height:auto;
	margin-right:1%;
	}

#unit2 #puzzle dd img{
	width:47%;
	height:auto;
	}
#unit1 dl .jisage{
	text-indent:1em;
	}
#unit1 dl .mt19{
	margin-top:19px;
	padding-left:1em;
text-indent:-1em;
	}
.text-indent{
	padding-left:1em;
text-indent:-1em;
}
	
/*クリックで開く*/
.faqs dt:hover{
	cursor: pointer;
	
}
#unit1 .faqs dt .fontb{
	font-weight:bold;
	color:#06F;
	}
.listmark{
	margin:7px 0 7px 20px;
	}
.listmark li{
	list-style:disc;
	list-style-position:inside;
	}


/*2023/07/12トップページテーブル*/

.tabletop1{
	width:96%;
	margin:2% auto 3%;
	border-collapse: collapse;
    border-spacing: 0;
	text-align:center;
	table-layout: fixed;
	}
.tabletop1 tr th,td{
	padding:1.8% 0 1.0%;
    vertical-align: middle;
    line-height: 130%;
	border: 1px solid #ccc;
	}
.tabletop1 tr th{
	background-color:#eeeeee;
	}
.tabletop1 tr td{
	font-size:86%;
	color:#747474;
	}
.tabletop1 .text1{
	color:#32b2ee;
	font-weight:bold;
	font-size:137%;
	}
.tabletop1 tr td:nth-of-type(1){
	font-size:103%;
	color:#333333;
	 }
.tabletop1 .colb{
	color:#333333!important;
	}

/*2025/1/31追加*/
#contact .notice1{
	text-align:center;
	font-size:1.1em;
	font-weight:700;
	line-height:140%;
	margin:10px;
	}
#contact .notice2{
	text-align: center;
font-size: 115%;
	margin-top: 2%;
}









/*#main .unit{
	margin-left:14px;
	font-size:1.1em;
	}
#main .unit ul{
	margin-bottom:14px;
	}
#puzzle{
	margin-left:20px;
	}
#wrapper #main .unit #puzzle h3{
	margin:3% 0 1%;
	font-weight:600;
	}
#main .unit #puzzle .except{
	margin-top:1%;
	}	
.container{
	margin-top:1%;
	
	display: flex;
	}
.container .item{
	text-align:center;
	}
.container .item img{
	width:100%;
	height:auto;
	}
#puzzle .except dt{
	font-size:100%;
	
	}
#puzzle .except dd img{
	width:47%;
	height:auto;
	}*/