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

/*----- ▼▼左コンテンツ▼▼ -----*/

#main #side_left{
	width: 240px;
	text-align: left;
	margin-right: 20px;
    float: left;
}

#main #side_navi{
	float: left;
	width: 240px;
	text-align: left;
}

/*----- ▼infoコンテンツ▼ -----*/

#info{
	width: 240px;
	margin-top: 20px;
	float: left;
}

/*----- SNSバナー -----*/

#sns {
	width: 240px;
	height: 70px;
	text-align: center;
	margin-top: 20px;
	float: left;
}

#sns #sns_y {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_y a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

#sns #sns_t {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_t a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

#sns #sns_i {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_i a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

#sns #sns_f {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_f a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

/*----- 展示会バナー -----*/

#biopharma_expo_2020 {
	width: 240px;
	height: 100px;
	text-align: center;
	background-color: #4e2581;
	margin-bottom: 10px;
	float: left;
}

#biopharma_expo_2020 a:hover img {
    filter: brightness(130%);
	transition: 0.3s ease-in-out;
}

/*----- カタログ 枠-----*/

#catalog_pc {
	width: 223px;
	padding: 10px 0px 10px 15px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	float: left;
}

#catalog {
	width: 223px;
	padding: 10px 0px 10px 15px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	float: left;
}

#catalog_contents {
	width: 235px;
	padding-left: 10px;
	float: left;
}

/*----- カタログ 内容-----*/

#catalog_pc .catalog_ask {
	width: 210px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	float: left;
}

#catalog .catalog_ask {
	width: 210px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	float: left;
}

#catalog_pc .catalog_pdf {
	width: 210px;
	font-size: 80%;
	font-weight: nomal;
	text-align: center;
	border-top: solid 1px #94000b;
	padding-top: 5px;
	float: left;
}

#catalog .catalog_pdf {
	width: 210px;
	font-size: 80%;
	font-weight: nomal;
	text-align: center;
	border-top: solid 1px #94000b;
	padding-top: 5px;
	float: left;
}

#catalog_pc:hover {
	border-color: #002887;
	transition: 0.3s ease-in-out;
}

#catalog:hover {
	border-color: #002887;
	transition: 0.3s ease-in-out;
}

#catalog_pc .catalog_ask a{
	color: #333333;
}

#catalog .catalog_ask a{
	color: #333333;
}

#catalog_pc .catalog_img {
	width: 210px;
	padding-top: 5px;
	float: left;
}

#catalog .catalog_img {
	width: 210px;
	padding-top: 5px;
	float: left;
}

#catalog_pc a:hover img {
    filter: brightness(85%);
	transition: 0.3s ease-in-out;
}

#catalog a:hover img {
    filter: brightness(85%);
    transition: 0.3s ease-in-out;
}

/*----- 問合せ 電話/FAX -----*/

#ask_tel {
	width: 240px;
	margin-bottom: 10px;
	float: left;
}

/*----- 問合せ フォーム -----*/

#ask_foam {
	width: 240px;
	margin-bottom: 10px;
	float: left;
}

/*----- 問合せ メール -----*/

#ask_mail {
	width: 240px;
	margin-bottom: 15px;
	float: left;
}

/*----- イプロス特設サイト -----*/

#ipros {
	width: 240px;
	margin-bottom: 15px;
	float: left;
	transition: 0.3s ease-in-out;
}

#ipros a:hover img {
    filter: brightness(90%);
	transition: 0.3s ease-in-out;
}

/*----- ファームテクジャパン WEB展示場 -----*/

#pharmtech {
	width: 240px;
	margin-bottom: 10px;
	float: left;
	transition: 0.3s ease-in-out;
}

#pharmtech a:hover img {
    filter: brightness(90%);
	transition: 0.3s ease-in-out;
}

/*----- 採用情報 -----*/

#job_info {
	width: 240px;
	margin-bottom: 15px;
	float: left;
}

/* 製品＆サービス */

#main #side_navi ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main #side_navi li{
	list-style-type: none;
	float: left;
	width: 240px;
	height: 34px;
	margin: 0px 0px 6px 0px;
}

/*----- ▼infoコンテンツ▼ -----*/

#info{
	width: 240px;
	margin-top: 30px;
	float: left;
}

/*----- インターフェックスバナー -----*/

#ipj2016 {
	width: 240px;
	height: 70px;
	padding-top: 10px;
	text-align: center;
	/*padding-bottom: 10px;*/	
	/*padding-left: 8px;*/
	background-color: #00418f;
	margin-bottom: 10px;
	float: left;
}

/*----- カタログ 枠-----*/

#catalog {
	width: 223px;
	padding: 10px 0px 10px 15px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	float: left;
}

#catalog_contents {
	width: 235px;
	padding-left: 10px;
	float: left;
}

/*----- カタログ 内容-----*/

#catalog .catalog_ask {
	width: 210px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	float: left;
}

#catalog .catalog_pdf {
	width: 210px;
	font-size: 80%;
	font-weight: nomal;
	text-align: center;
	border-top: solid 1px #94000b;
	padding-top: 5px;
	float: left;
}

#catalog:hover {
	border-color: #002887;
	/*box-shadow: 0px 0px 25px #aaa;*/
}

#catalog .catalog_ask a{
	color: #333333;
}

#catalog .catalog_img {
	width: 210px;
	padding-top: 5px;
	float: left;
}

/*----- 問合せ 電話/FAX -----*/

#ask_tel {
	width: 240px;
	margin-bottom: 10px;
	float: left;
}

/*----- 問合せ フォーム -----*/

#ask_foam {
	width: 240px;
	margin-bottom: 10px;
	float: left;
}

/*----- 問合せ メール -----*/

#ask_mail {
	width: 240px;
	margin-bottom: 15px;
	float: left;
}

/*----- イプロス特設サイト -----*/

#ipros {
	width: 240px;
	margin-bottom: 15px;
	float: left;
}

/*----- ▼▼右コンテンツ▼▼ -----*/

#main #side_right{
	float: right;
	width: 740px;
	text-align: left;
}

#main #side_right .p_index {
	width: 740px;
	margin-bottom: 50px;
    float: left;
}

#category_com {
	width: 678px;
	border: 1px solid #028ca2;
	border-radius: 0px 0px 10px 10px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 20px;
	float: left;
}

#category_com .cate_com {
	font-size: 100%;
	font-weight: bold;
	color: #333;
	text-align: left;
}

/*----- ▼index01▼ -----*/

#index01{
	width: 740px;
	margin-bottom: 30px;
	float: left;
}

#g_logo{
	width: 160px;
	margin-right: 20px;
	float: left;
}

#geci_com {
	width: 560px;
	float: left;
}

#geci_com .title {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	line-height: 1.5em;
	margin-bottom: 10px;
	display: block;
    text-align: left;
}

#geci_com h1 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	line-height: 1.5em;
	margin-bottom: 10px;
	display: block;
    text-align: left;
}

#geci_com .com {
	font-size: 80%;
	color: #333333;
	line-height: 1.5em;
    text-align: left;
}

#geci_com .g_about {
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	line-height: 1.5em;
	margin-top: 10px;
    text-align: left;
}

.category_com_2 {
	width: 700px;
	border: 1px solid #ccc;
	border-radius: 0px 0px 10px 10px;
	padding: 10px 20px;
	margin-bottom: 20px;
	float: left;
}

.category_com_2 h2 {
	font-size: 110%;
	text-align: center;
}

/*-- ▼spec02▼ --*/

#spec03 {
	width: 740px;
	margin-bottom: 30px;
	float: left;
}

#spec04 {
	width: 740px;
	margin-bottom: 30px;
	float: left;
}

#spec05 {
	width: 740px;
	margin-bottom: 30px;
	float: left;
}

#spec06 {
	width: 740px;
	/*margin-bottom: 30px;*/
	float: left;
}

/*-- テーブル --*/

.top a:hover {
	text-decoration: none;
	background: #eee;
	/*font-weight: bold;*/
    color: #018da4;
}

.top a {
	text-decoration: underline;
    display: block;
	font-weight: bold;
	padding: 5px 10px;
    color: #333;
	/*font-weight: bold;*/
	transition: 0.3s ease-in-out;
}

table.h_index {
	width: 740px;
	border: 0;
	white-space: nowrap;
	border-collapse: collapse;
}

table.h_index th.bot_t {	
	font-size: 70%;
	font-weight: normal;
	color: #333;
	text-align: center;
	/*background: #8a9ac8;	*/
	line-height: 1.5em;
	border: 1px solid #8a9ac8;
	/*border-top: 1px solid #8a9ac8;*/
	/*border-left: 1px solid #8a9ac8;*/
	/*border-bottom: 1px solid #8a9ac8;*/
}

table.h_index th.bot_w {	
	font-size: 70%;
	font-weight: normal;
	color: #333;
	text-align: center;
	/*background: #8a9ac8;*/	
	line-height: 1.5em;
	border-left: 1px solid #8a9ac8;
	border-right: 1px solid #8a9ac8;
	border-bottom: 1px solid #8a9ac8;
}

table.h_index th.bot_b {	
	/*font-size: 70%;*/
	/*font-weight: normal;*/
	/*color: #333;*/
	/*text-align: center;*/
	/*background: #8a9ac8;*/	
	/*line-height: 1.5em;*/
	/*border-bottom: 1px solid #8a9ac8;*/
}

table.h_index td.top {
	font-size: 90%;
	text-align: center;
	line-height: 1.5em;
	/*padding-top: 0.5em;*/
	border-top: 1px solid #8a9ac8;
	border-right: 1px solid #8a9ac8;
}

table.h_index td.center {	
	font-size: 70%;
	text-align: center;
	line-height: 1.3em;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #8a9ac8;
	border-right: 1px solid #8a9ac8;
}

.center a:hover img {
    filter: brightness(85%);
	transition: 0.3s ease-in-out;
}