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

/*印刷用はPCでの見え方と同じにする。よって、各CSSのPC用の指示を持ってくる。*/
/*====================================================
　　FROM temp-rp.css
====================================================*/
/*pc用のcssを記述*/

	#wrapper, #form {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

	#contents {
		width: 960px;
		margin: 10px auto;
		display: block;}
	
	#contents1 {
		width: 960px;
		margin: 10px auto;
	}

	header {
		width: 1060px;
		height: 65px;
		margin-bottom: 20px;}

	.listWithoutDot {
		list-style-type: none;}

	#navi {
		margin: 0px;
		padding: 0px;}

	#navi li {
		display:inline-block;
		vertical-align: middle;}
	
	header a {
		margin: 0px;
		padding: 0px;}

	#navi a {
		color: #666666;
		font-size: 11px;}

	.navi_link {
		font-size: 18px;
		display: inline-block;
    	width: 12;
    	overflow: hidden;
    	height: 18px;}

	.navi_img {
  		display:inline-block;
  		vertical-align: middle;}

	.nav-border-L {
		border-left:1px solid #cccccc;}

	.nav-border-R {
		border-right:1px solid #cccccc;}


/*====================================================
　　FROM common-rp.css
====================================================*/
/*pc用のcssを記述*/
	* {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul {
	list-style-type: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	opacity: 0.5;
}

hr {
	margin: auto 0px;
	padding: auto 0px;}

table {
	border-collapse: collapse;}

.bold {
	font-weight: bold; }
.red {
	color:red;
}
	
.list_item {/*バイオ用*/
	color:#2aa239; font-weight: bold; margin: 0px; padding: 0px;}

.list_itemM {/*メカ用*/
	color:#f89900; font-weight: bold; margin: 0px; padding: 0px;}


	br.sp, .sp, .sp_header {
		display: none;
	}
	.tablet-PC, .tablet-PC table {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
	}

	.midashi-XS {
	font-size:9px;
}

.midashi-S {
	font-size: 16px; 
}

.midashi-M {
	font-size: 20px; 
}

.midashi-L {
	font-size: 24px; 
}

.midashi-XL {
	font-size: 28px; 
}

}
h1.common {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #014ea2;
	margin-top: 30px;
}
h1.bio {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #2aa239;
	margin-top: 30px;
}
h1.mecha {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #f89900;
	margin-top: 30px;
	}
h1.impor {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ff0000;
	margin-top: 30px;
}
h1::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #666666;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	position: relative;
	padding: 0 .4em .1em;
}
h2.bio {
	color: #2aa239;
}

h2.mecha {
	color: #f89900;

}
h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
}


h1.common {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #014ea2;
	margin-top: 30px;
}
h1.bio {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #2aa239;
	margin-top: 30px;
}
h1.mecha {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #f89900;
	margin-top: 30px;
	}
h1.impor {
	font-size: 20px;/*追記*/
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ff0000;
	margin-top: 30px;
}
h1::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #666666;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	position: relative;
	padding: 0 .4em .1em;
}
h2.bio {
	color: #2aa239;
}

h2.mecha {
	color: #f89900;

}
h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
}

/*====================================================
　　FROM form-rp.css
====================================================*/
/*pc用のcssを記述*/

input.full, select.full, textarea.full {
		width: 98%;
		border: 2px solid #cccccc;  /* 枠線 */
    	border-radius: 0.67em;   /* 角丸 */
    	padding: 0.5em;          /* 内側の余白量 */
    	background-color: snow;  /* 背景色 */
    	font-size: 1em;          /* 文字サイズ */
    	line-height: 1.2;        /* 行の高さ */
	}
	input.half, select.half, textarea.half {
		width: 45%;
		border: 2px solid #cccccc;  /* 枠線 */
    	border-radius: 0.67em;   /* 角丸 */
    	padding: 0.5em;          /* 内側の余白量 */
    	background-color: snow;  /* 背景色 */
    	font-size: 1em;          /* 文字サイズ */
    	line-height: 1.2;        /* 行の高さ */
	}

	.inq-box.inq {
  		display: flex;
    	flex-wrap: wrap;
    	width: 100%;
    	max-width: 900px;
    	margin: 0px auto;
	}

	.inq-box .inq-pattern2a {
		width: calc(28% - 0px);
    	margin: 1%;
    	padding: 0px;
	}
	
	.inq-box .inq-pattern2b {
		width: calc(68% - 0px);
  		margin: 1%;
		padding: 0;
	}
	
	.inq-pattern2b input {
		padding: 10px;		
	}
	
	.inq-box .inq-pattern2b:nth-child(2n), .inq-box .inq-pattern2b:nth-child(2n) {
  		margin-right: 0;
	}
	
	.hissu {
		font-size: 13px;
		background-color: red;
		color: #ffffff;
		vertical-align: middle;
		font-weight: bold;
		border-radius: 5px;
		padding: 3px 10px;
		margin: 0px 5px;
	}
	
	.inq-submit input {
    	width: 30vw;
    	background-color: #FC7805;
    	margin: 10px auto;
    	padding: 5px;
    	border-radius: 5px;
	}
	.inq-submit input:hover {
		opacity: 0.2;
		cursor: pointer;
	}
.seikyu {
		width: 100%;
		max-width: 960px;
	margin: 0px auto;}	

	#contents { 
		width: 100%;
		max-width: 960px;}

.attention_moji {
	font-size: 12px;
}
.attention_moji a {
	font-size: 12px;
}

/*引き合いチェック*/

.border-top { border-top:#666666 solid 1px;}
.border-b { border-bottom:#666666 solid 1px;}
.border-left { border-left:#666666 solid 1px;}
.border-right { border-right:#666666 solid 1px;}

.style30 { color: red; font-weight: bold; font-size: 12px;}

/*フッター*/

/*会員登録関連*/	
.sbm01{
	font-size:12px;
	background-color:GREEN;
	height:50px;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	}
.td_title2 {
	height:30px;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	color:#FFF;
	background-color:#33F;
	margin: 0;
	padding: 5px 0 5px 5px;
}

.form_r2 {
	text-align: left;
	font-size: 9pt;
	color: #000000;
	background-color:#FFF;
	margin: 0;
	padding: 10px;
}
h4.member_h4 {
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	color: #cc0000;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}
ol {
	text-align: left;
	font-size: 10pt;
	color: #330000;
	margin: 1em 0 1em 1em;
	padding: 0 0 0 1em;
	list-style-position: outside;
}

.IMG_BORDER{
		border: #000000 solid 1px;
	padding:auto;
	width:90px;
	vertical-align:central;
	}
	
/*フッター部分*/
#footer {
	height: 80px;
	clear: both;
	margin: 20px auto 5px auto;
	background-color: #010360;
}

#footer a:link { text-decoration:none; color:#ffffff;}

#footer a:visited { color:#ffff00;}

#footer p {
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height:3em;
}

/* 2016.11.10追記　社名・アイテム名　*/
.h30 strong {
	font-size:16px;
	color:#000084;
	padding:5px 0 0 0;
}
/* CSS Document */

.gazou_item {
	width: 110px;
	vertical-align:top;
	text-align:left;
}

.gazou_item img {
	border:1px solid #000000;
}


/*　資料請求欄　2017.3.24　*/
#shiryo-seikyuB, .shiryo-seikyuM {
	width: 960px;
	height: auto;
	margin: 10px auto;
}

/*　引き合いチェック部分　*/
#item_contents {
	width: 960px;
	height: auto;
	margin: 10px auto; }

.present_check { text-align:center; color: #ffffff; font-size: 14px; font-weight: bold;}
	
#item_PR {
	width: 800px;}

.list_check ul li {
	width: 32%;
	margin: 0px; padding: 0px;
	display: inline-block; }

/*一覧リスト部分*/

.list_item {/*バイオ用*/
	font-size:15px;}

.list_itemM {/*メカ用*/
	 font-size:15px;}
	
	
.list_shamei {
	color:#666666; font-size:13px; margin: 0px; padding: 0px;}

.list_check ul {
	font-size:14px; line-height:0em; margin: 0px; padding: 0px; }

.list_check ul li {
	width: 32%;
	margin: 0px; padding: 0px;
	display: inline-block; }

ul.list_check_kaken li {
	width: 100%;
	margin: 0px; padding: 0px;
	display: inline-block; }
	
	
#shiryo-seikyuB table, .shiryo-seikyuM table, #seikyu table {
   border-collapse: collapse;
}
#shiryo-seikyuB table td, .shiryo-seikyuM table td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #666666;   /* 線色：緑 */
   border-style: solid;   /* 線種：実線 */
   padding: 0.3em;        /* セル内側の余白 */
}

table#nyuryoku td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #cccccc;   /* 線色：緑 */
   border-style: solid;   /* 線種：実線 */
}

.address_midashi {
	width: 130px;
	font-size: 12px;}

.list_check2 ul {
	font-size:14px; line-height:0em; margin: 0px; padding: 0px;
  	display: flex;
  	justify-content: space-between;
}
.list_check2 ul li {
  padding: 0;
  text-align: left;
  flex-grow: 1;
}

li.lc-li1, li.lc-li3 {
	width: 120px;
}

li.lc-li2 {
	width: 180px;
}