@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			https://www.shinseihinjoho.jp/
File name:			company_detail.css (https://www.shinseihinjoho.jp/css/company_detail.css)

-----------------------------------*/

/*-------------------------
__company_detail_style
-------------------------*/

#company_detail {
margin-right: 40px;
padding-top: 15px;
padding-bottom: 15px;
}
#company_detail .company_detail_inner {
background: #333 url(../images/company_detail_bg.png) center 0 repeat-x;
padding-top: 25px;
padding-bottom: 15px;
margin-bottom: 15px;
overflow: hidden;
}
#company_detail .left {
width: 100%;
margin-right: -325px;
float: left;
}
#company_detail .left .inner {
margin-right: 325px;
}
#company_detail .right {
float: right;
width: 325px;
}
#company_detail h4.company_name {
font-size: 2em;
line-height: 1.3;
color: #FFF;
text-align: left;
margin-right: 25px;
margin-left: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #2A2A2A;
}
#company_detail .info_area {
margin-right: 25px;
margin-left: 25px;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #555;
border-bottom: 1px solid #2A2A2A;
}
#company_detail .info_area dl {
text-align: left;
overflow: hidden;
}
#company_detail .info_area dl dt,
#company_detail .info_area dl dd {
font-size: 1.4em;
line-height: 1.4;
color: #FFF;
display: inline-block;
vertical-align: top;
*display: inline; /* IE7 and below  */
*zoom: 1; /* IE7 and below  */
}
#company_detail .info_area dl dt {
float: left;
width: 50px;
}
#company_detail .info_area dl dd {
width: 100%;
margin-left: -50px;
float: right;
}
#company_detail .info_area dd span {
margin-left: 50px;
display: block;
}
#company_detail .btn_area {
margin-right: 25px;
margin-left: 25px;
padding-top: 15px;
border-top: 1px solid #555;
}
#company_detail .btn_area .hp_btn {
height: 55px;
width: 100%;
}
#company_detail .btn_area .hp_btn a {
font-size: 1.6em;
line-height: 3;
color: #FFF;
text-decoration: none;
display: block;
height: 45px;
padding-left: 15px;
overflow: hidden;
}
#company_detail .btn_area .hp_btn a {
background: #777 url(../images/arrow02.png) 10px center no-repeat;
position: relative;
}
#company_detail .btn_area .hp_btn a:after {
content: " ";
position: absolute;
right: 8px;
top: 12px;
background: url(../images/icon03.png) 0 0 no-repeat;
display: block;
height: 14px;
width: 14px;
}
#company_detail .btn_area .hp_btn a:hover {
background-color: #AAA;
}
#company_detail .img_area {
background: url(../images/company_detail_img_bg.png) 0 bottom no-repeat;
margin-right: 25px;
padding-bottom: 25px;
}
#company_detail .img {
background-color: #FFF;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
#company_detail .img a {
display: block;
width: 260px;
margin: auto;
margin-left: auto;
position: relative;
}
#company_detail .img a span {
display: block;
position: absolute;
width: 30px;
height: 30px;
top: -10px;
right: -10px;
}
#company_detail .img a:hover {
filter: alpha(opacity=70);
opacity: 0.7;
}
#company_detail .company_detail_inner02 h4 {
font-size: 1.8em;
line-height: 1.3;
color: #FFF;
text-align: left;
background-color: #777;
padding: 10px 10px 8px;
margin-bottom: 15px;
}
#company_detail .news_area {
padding-bottom: 15px;
}
#company_detail .news_area p {
font-size: 1.4em;
line-height: 1.5;
text-align: left;
}
#company_detail .news_area p a {
color: #000;
text-decoration: underline;
}
#company_detail .news_area p a:hover {
color: #555;
text-decoration: none;
}
#company_detail .dl_area {
padding-bottom: 15px;
}
#company_detail .dl_area .inner {
border: 5px solid #D2D2D2;
}
#company_detail .dl_area .inner02 {
margin-left: 10px;
padding-top: 10px;
}
#company_detail .dl_area dl {
display: inline-block;
text-align: left;
vertical-align: top;
width: 50%;
margin-bottom: 10px;
overflow: hidden;
*display: inline; /* IE7 and below  */
*zoom: 1; /* IE7 and below  */
}
#company_detail .dl_area dt {
font-size: 1.6em;
font-weight: 700;
line-height: 1.3;
width: 100%;
margin-left: -70px;
float: right;
}
#company_detail .dl_area dt a {
color: #545454;
text-decoration: underline;
}
#company_detail .dl_area dt a:hover {
color: #888;
text-decoration: none;
}
#company_detail .dl_area dt span {
display: block;
margin-left: 70px;
margin-right: 10px;
}
#company_detail .dl_area dd {
float: left;
width: 60px;
}
#company_detail .dl_area p.note {
font-size: 1.3em;
text-align: left;
margin-left: 10px;
padding-bottom: 10px;
}
#company_detail .back_btn {
height: 50px;
width: 160px;
margin: auto;
margin-left: auto;
}
#company_detail .back_btn a {
font-size: 1.4em;
line-height: 2.6;
color: #000;
background: #D2D2D2 url(../images/arrow04.png) 8px center no-repeat;
text-decoration: none;
display: block;
height: 35px;
padding-left: 15px;
overflow: hidden;
}
#company_detail .back_btn a:hover {
background-color: #AAA;
}
#product_list h4 {
font-size: 1.8em;
line-height: 1.3;
color: #FFF;
text-align: left;
background-color: #777;
padding: 10px 10px 8px;
margin-right: 40px;
margin-bottom: 15px;
}
#product_list .category_navi {
margin-right: 30px;
}
#product_list .category_navi ul {
padding-bottom: 5px;
overflow:hidden;
}
#product_list .category_navi li {
height: 55px;
width: 20%;
float: left;
}
#product_list .category_navi li p {
margin-bottom: 10px;
margin-right: 10px;
}
#product_list .category_navi li span {
width: 100%;
display: table;
table-layout: fixed;
}
#product_list .category_navi li a {
font-size: 1.4em;
line-height: 1.2;
color: #FFF;
display: table-cell;
text-decoration: none;
text-align: center;
vertical-align: middle;
height: 45px;
padding-left: 5px;
padding-right: 5px;
}
#product_list .category_navi li.cat00 a {background-color: #FF2000;}  /* すべてを表示 */
#product_list .category_navi li.cat01 a {background-color: #00B0EC;}  /* 情報通信機器・ソフト */
#product_list .category_navi li.cat02 a {background-color: #F08200;}  /* 電子機器・部品 */
#product_list .category_navi li.cat03 a {background-color: #6BBB17;}  /* 計測・試験・光学 */
#product_list .category_navi li.cat04 a {background-color: #EE86B4;}  /* 機械・ロボット */
#product_list .category_navi li.cat05 a {background-color: #0068B7;}  /* 産業機器 */
#product_list .category_navi li.cat06 a {background-color: #7D4698;}  /* 機械要素 */
#product_list .category_navi li.cat07 a {background-color: #007C36;}  /* 素材・化学 */
#product_list .category_navi li.cat08 a {background-color: #EA5350;}  /* 環境・エネルギー */
#product_list .category_navi li.cat09 a {background-color: #974F00;}  /* その他 */
#product_list .category_navi li a:hover {background-color: #888;}

#product_list .s_category {
margin-right: 40px;
padding-bottom: 15px;
}
#product_list .s_category h5 {
font-size: 1.8em;
line-height: 1.3;
color: #FFF;
text-align: left;
padding: 10px 10px 8px;
}
#product_list .s_category h5.cat01 {background-color: #00B0EC;}  /* 情報通信機器・ソフト */
#product_list .s_category h5.cat02 {background-color: #F08200;}  /* 電子機器・部品 */
#product_list .s_category h5.cat03 {background-color: #6BBB17;}  /* 計測・試験・光学 */
#product_list .s_category h5.cat04 {background-color: #EE86B4;}  /* 機械・ロボット */
#product_list .s_category h5.cat05 {background-color: #0068B7;}  /* 産業機器 */
#product_list .s_category h5.cat06 {background-color: #7D4698;}  /* 機械要素 */
#product_list .s_category h5.cat07 {background-color: #007C36;}  /* 素材・化学 */
#product_list .s_category h5.cat08 {background-color: #EA5350;}  /* 環境・エネルギー */
#product_list .s_category h5.cat09 {background-color: #974F00;}  /* その他 */

#product_list .s_category ul {
background-color: #F2F2F2;
text-align: left;
padding:  12px 10px;
}
#product_list .s_category li {
font-size: 1.4em;
font-weight: 700;
line-height: 1;
color: #000;
display: inline;
}
#product_list .s_category li span {
font-weight: 400;
margin: 0 3px;
}
#product_list .s_category li a {
text-decoration: none;
color: #000;
font-weight: 400;
}
#product_list .s_category li a:hover {
text-decoration: underline;
color: #777;
}
#product_list .inner {
margin-right: 40px;
}
#product_list .pagination {
border: 1px solid #CCC;
height: 45px;
}
#product_list .pagination + div {
margin-top: 10px;
}
#product_list .pagination p {
font-size: 1.4em;
line-height: 3;
color: #000;
text-align: left;
height: 45px;
margin-left: 10px;
}
#product_list .pagination p span {
font-size: 115%;
font-weight: 700;
}
#product_list .pagination .pager {
margin-top: -35px;
margin-left: 300px;
margin-right: 10px;
text-align: right;
}
#product_list .pagination .pager a,
#product_list .pagination .pager span {
font-size: 1.3em;
line-height: 1;
color: #000;
text-decoration: none;
display: inline-block;
vertical-align: top;
padding: 7px;
margin: 0 2px;
*display: inline; /* IE7 and below  */
*zoom: 1; /* IE7 and below  */
}
#product_list .pagination .pager a.page {
background-color: #F2F2F2;
border-top: 1px solid #D2D2D2;
}
#product_list .pagination .pager a.pre {
background-color: #D2D2D2;
position: relative;
padding-left: 20px;
}
#product_list .pagination .pager a.pre:after {
content: " ";
position: absolute;
left: 6px;
top: 8px;
background: url(../images/arrow04.png) 0 0 no-repeat;
display: block;
height: 11px;
width: 10px;
}
#product_list .pagination .pager a.next {
background-color: #D2D2D2;
position: relative;
padding-right: 20px;
}
#product_list .pagination .pager a.next:after {
content: " ";
position: absolute;
right: 6px;
top: 8px;
background: url(../images/arrow05.png) 0 0 no-repeat;
display: block;
height: 11px;
width: 10px;
}
#product_list .pagination .pager span {
color: #FFF;
background-color: #555;
}
#product_list .pagination .pager a.page:hover {
background-color: #D2D2D2;
border-top: 1px solid #D2D2D2;
}
#product_list .pagination .pager a.pre:hover,
#product_list .pagination .pager a.next:hover {
background-color: #AAA;
}
#product_list .btn_request {
width: 235px;
margin-right: 0;
margin-left: auto;
padding-top: 5px;
padding-bottom: 15px;
}
#product_list .btn_request a {
font-size: 1.6em;
line-height: 2.5;
color: #FFF;
background: #FF2500 url(../images/arrow02.png) 10px center no-repeat;
text-decoration: none;
display: block;
height: 35px;
padding-left: 15px;
overflow: hidden;
}
#product_list .btn_request a:hover {
background-color: #888;
}
#product_list .product_box_area {
text-align: left;
margin-right: 30px;
}
#product_list .product_box {
display: inline-block;
vertical-align: top;
width: 50%;
padding-bottom: 10px;
*display: inline; /* IE7 and below  */
*zoom: 1; /* IE7 and below  */
}
#product_list .product_box .inner {
border: 1px solid #CCC;
padding-bottom: 10px;
margin-right: 10px;
overflow: hidden;
}
#product_list .product_box .number {
font-size: 1.4em;
line-height: 1.3;
background-color: #F2F2F2;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 10px;
padding: 6px 10px 3px;
}
#product_list .product_box .number strong {
font-weight: 700;
}
#product_list .product_box .img {
text-align: center;
width: 120px;
float: left;
position: relative;
z-index: 1;
}
#product_list .product_box .img a:hover img {
filter: alpha(opacity=70);
opacity: 0.7;
}
#product_list .product_box .info {
width: 100%;
margin-left: -120px;
float: right;
}
#product_list .product_box .info dl {
margin-right: 10px;
margin-left: 120px;
}
#product_list .product_box .info dt.product_name {
font-size: 1.6em;
line-height: 1.3;
font-weight: 700;
padding-bottom: 4px;
}
#product_list .product_box .info dt.product_name a {
color: #545454;
text-decoration: underline; 
}
#product_list .product_box .info dt.product_name a:hover {
color: #888;
text-decoration: none;
}
#product_list .product_box .info dd.category {
padding-top: 5px;
padding-bottom: 10px;
}
#product_list .product_box .info dd.category span {
font-size: 1.4em;
line-height: 1;
color: #FFF;
padding: 3px 6px 1px;
}
#product_list .product_box .info dd.category span.cat01 {background-color: #00B0EC;}  /* 情報通信機器・ソフト */
#product_list .product_box .info dd.category span.cat02 {background-color: #F08200;}  /* 電子機器・部品 */
#product_list .product_box .info dd.category span.cat03 {background-color: #6BBB17;}  /* 計測・試験・光学 */
#product_list .product_box .info dd.category span.cat04 {background-color: #EE86B4;}  /* 機械・ロボット */
#product_list .product_box .info dd.category span.cat05 {background-color: #0068B7;}  /* 産業機器 */
#product_list .product_box .info dd.category span.cat06 {background-color: #7D4698;}  /* 機械要素 */
#product_list .product_box .info dd.category span.cat07 {background-color: #007C36;}  /* 素材・化学 */
#product_list .product_box .info dd.category span.cat08 {background-color: #EA5350;}  /* 環境・エネルギー */
#product_list .product_box .info dd.category span.cat09 {background-color: #974F00;}  /* その他 */

#product_list .product_box .info dd.copy {
font-size: 1.4em;
line-height: 1.3;
padding-bottom: 5px;
}
#product_list .product_box .info dd.company_name {
font-size: 1.4em;
line-height: 1.3;
font-weight: 700;
}
#product_list .product_box .info dd.company_name a {
color: #000;
text-decoration: underline; 
}
#product_list .product_box .info dd.company_name a:hover {
color: #555;
text-decoration: none;
}

/*==========

modal_window用==================================================*/
body{position:relative;width:100%;height:100%;}
#modal_window{width:100%;height:100%;text-align:center;display:none;position: fixed;top:0;z-index:1500;cursor:pointer;}
#modal_window .background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/transparent75_k.png);z-index:1550;cursor:pointer;}
#modal_window .modal_window_inner {width: 100%;margin:10px auto 20 auto;text-align: center;position:relative;z-index:1600;}
#modal_window .modal_window_inner .stage {
position:relative;
display:inline-block;vertical-align:top;
/*スターハック*/*display:inline;*zoom:1;
background-color:#FFF;
padding:10px;
z-index:100;
margin:50px 0 0 0;
}
#modal_window .modal_window_inner .stage p{width:400px;padding:10px;font-size:20px;font0weight:bold;text-align:center;}
/*
#modal_window .modal_window_inner ul {margin:0;padding:0;text-align:center;}
#modal_window .modal_window_inner ul li{margin:0;padding:0;display:inline-block;*display:inline;*zoom:1;	list-style-type: none;}
*/
#modal_window .modal_window_inner img {margin: 2px;}
#modal_window .modal_window_inner .close_btn {z-index:150;position:absolute;width:75px;height:75px;top:0;}
#modal_window .request_btn {width:100%;text-align:center;}
#modal_window .request_btn a {background-color: #FF2500;height: 55px; width:400px;margin:10px auto;}
#modal_window .request_btn a {font-size: 1.6em;line-height: 3;color: #FFF;text-decoration: none;display: block;height: 45px;padding-left: 15px;margin-left: auto;margin-right: auto;overflow: hidden;}