@charset "utf-8";

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

[ information ]
概要 : ディレクトリ専用スタイル設定

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

/* ---------------------------------------------------------
■ ニュース
--------------------------------------------------------- */

.infoArea .tableTypeInfo {
	margin: 10px 0px;
	width: 100%;
	border: none;
}

.moreLinks {
	margin: 10px 0 0 0;
}
.moreLinks li {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0px;
	line-height: 1.5;
	border: 1px solid #737780;
*display: inline;
}
.moreLinks li:hover {
	margin: -1px 19px -1px -1px;
	background-color: #f7faff;
	border: 2px solid #003b90;
}
.moreLinks li a {
	display: inline-block;
	padding: 7px 25px 7px 12px;
	background: url(/english/common/img/icons/ico_info.gif) no-repeat right 12px top 12px;
	min-height: 18px;
	font-size: 94%;
	text-decoration: none;
	color: #45484d;
*display: inline;
background: url(/english/common/img/icons/ico_info.gif) no-repeat right center\9;
}

.categoryBox_01_NoSide {}
.categoryBox_02_NoSide {}
.categoryBox_02_NoSide .categoryBox_02_NoSide_left {
	float: left;
	width: 462px;
}
.categoryBox_02_NoSide .categoryBox_02_NoSide_right {
	float: right;
	width: 463px;
}
.categoryBox_01_NoSide h3 ,
.categoryBox_02_NoSide .categoryBox_02_NoSide_left h3 ,
.categoryBox_02_NoSide .categoryBox_02_NoSide_right h3 {
	margin-top: 0;
}

.mailDeliveryBox {
	position: relative;
}
.mailDeliveryBox a {
	display: inline-block;
	padding: 15px 36px 15px 42px;
	border: 2px solid #737780;
	background: url(/english/common/img/icons/icon_window.gif) no-repeat right 15px center;
	font-size: 117%;
	font-weight: bold;
	color: #0a101a;
	line-height: 1.76;
	text-decoration: none;
*display: inline;
*zoom: 1;
background: url(/english/common/img/icons/icon_window.gif) no-repeat right center\9;
}
.mailDeliveryBox a:hover {
	padding: 14px 35px 14px 41px;
	border: 3px solid #003b90;
	background-position: right 14px center;
	background-color: #f7faff;
background-position: right center\9;
}
.mailDeliveryBox a img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	right: auto;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 5px;
}



/* ---------------------------------------------------------
■ メールサンプル
--------------------------------------------------------- */
#mailSample {
	min-width: 700px;
}

#popHeader {
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 1px;
	border-top: solid 8px #003b90;
	border-bottom: solid 1px #dadde0;
	text-align: left;
}
#popHeader img {
	margin-left: 20px;
}

#popContents {
	padding: 20px 30px 50px;
}
#popContents .mailSampleWrap {
	margin: 25px auto 10px;
	padding: 10px;
	border: 1px solid #dadde0;
	font-family: "ＭＳ ゴシック","Osaka−等幅";
	white-space: pre-wrap;
*word-wrap: break-word;
}
#popContents .mailSampleWrap a {
	text-decoration: underline;
}
#popContents .closeBtn {
	margin-top: 25px;
	text-align: center;
}

#popFooter {
	width: 100%;
	background-color: #003b90;
	text-align: right;
	font-size: 94%;
	color: #ffffff;
}
#popFooter p {
	margin: 0;
	padding: 15px 30px 15px 0;
}


/* ---------------------------------------------------------
Clearfix
--------------------------------------------------------- */
.categoryBox_02_NoSide:after { content : ''; display : block; clear : both; }
.categoryBox_02_NoSide { /zoom : 1; }


/* ---------------------------------------------------------
■■レスポンシブ用sytle■■ 
    - 2018/06 : 追加
--------------------------------------------------------- */

/* タブレット・スマホ以下 */
@media screen and  (max-width:750px){
    .categoryBox_02_NoSide .categoryBox_02_NoSide_left,
    .categoryBox_02_NoSide .categoryBox_02_NoSide_right{
       width: 100%;
       float: none;
       box-sizing: border-box;
       padding: 0;
       margin: 0 0 30px 0;
    }
    
	/****************************/
	
    #path_1192680_6016 #contentNoSideNavi object{
        width: 100% !important;
    }
    
    /***/
    
    #path_1188207_6016 #contentNoSideNavi .colorBoxWrap .tableWrap td:nth-child(2){
        display: none;
    }
    #path_1188207_6016 #contentNoSideNavi .colorBoxWrap .tableWrap th::after{
        content: " :";
    }
    #path_1188207_6016 #contentNoSideNavi .setImg.setImg2column.paddingLft30{
        padding-left: 0 !important;
        margin: 0;
    }
    #path_1188207_6016 #contentNoSideNavi .setImg.setImg2column .col_00,
    #path_1188207_6016 #contentNoSideNavi .setImg.setImg2column .col_01{
        width: 100% !important;
        margin: 0;
        padding: 0;
    }
    #path_1188207_6016 #contentNoSideNavi .setImg.setImg2column .col_00 img,
    #path_1188207_6016 #contentNoSideNavi .setImg.setImg2column .col_01 img{
        display: block;
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    
    /***/
    
    #path_1182866_6016 #contentNoSideNavi .tableWrap:nth-child(6) tr:nth-child(1) td:nth-child(1)::after{
        content: "[Miniature and small-sized ball bearings]";
        display: block;
    }
    #path_1182866_6016 #contentNoSideNavi .tableWrap:nth-child(6) tr:nth-child(1) td:nth-child(2)::after{
        content: "[HDD spindle motors]";
        display: block;
    }
    #path_1182866_6016 #contentNoSideNavi .tableWrap:nth-child(6) tr:nth-child(2){
        display: none;
    }
    
    /***/
	
    #path_1182880_6016 #contentNoSideNavi .tableWrap:nth-child(5) tr:nth-child(1) td:nth-child(1)::after{
        content: "[ Rod-end and spherical bearings ]";
        display: block;
    }
    #path_1182880_6016 #contentNoSideNavi .tableWrap:nth-child(5) tr:nth-child(1) td:nth-child(2)::after{
        content: "[ Aerospace fasteners ]";
        display: block;
    }
    #path_1182880_6016 #contentNoSideNavi .tableWrap:nth-child(5) tr:nth-child(2){
        display: none;
    }
	
	
	/**2018/09/20 追記**************************/
	
	/* ニュースメールサンプル */
    .path2_newsmail.path_company#path_index{
		margin-top: 0;
	}
    .path2_newsmail.path_company#path_index #popHeader{
        height: 46px;
        box-sizing: border-box;
        padding: 5px;
        border-top: none !important;
        border-bottom: #dadde0 solid 1px !important;
	}
    .path2_newsmail.path_company#path_index #popHeader > img{
        width: 100%;
        max-width: 170px;
        height: auto;
		margin-left: 0;
    }
    .path2_newsmail.path_company#path_index #popContents{
        padding-left: 10px;
        padding-right: 10px;
    }
    .path2_newsmail.path_company#path_index #popContents h1{
		font-size: 150%;
    }
    .path2_newsmail.path_company#path_index input[type="button"]{
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        width: 35%;
        box-sizing: border-box;
        border-radius: 0;
        border:#AAA solid 1px;
        padding: 5px;
        background: #DDD;
    }
	
    /* IRニュースメールサンプル */
    .path2_newsmail.path_ir#path_index{
		margin-top: 0;
	}
    .path2_newsmail.path_ir#path_index #popHeader{
        height: 46px;
        box-sizing: border-box;
        padding: 5px;
        border-top: none !important;
        border-bottom: #dadde0 solid 1px !important;
	}
    .path2_newsmail.path_ir#path_index #popHeader > img{
        width: 100%;
        max-width: 170px;
        height: auto;
		margin-left: 0;
    }
    .path2_newsmail.path_ir#path_index #popContents{
        padding-left: 10px;
        padding-right: 10px;
    }
    .path2_newsmail.path_ir#path_index #popContents h1{
		font-size: 150%;
    }
    .path2_newsmail.path_ir#path_index #popContents pre.mailSampleWrap{
		white-space: pre-wrap;
		word-wrap: break-word;
    }
    .path2_newsmail.path_ir#path_index input[type="button"]{
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        width: 35%;
        box-sizing: border-box;
        border-radius: 0;
        border:#AAA solid 1px;
        padding: 5px;
        background: #DDD;
    }
}