@charset "utf-8";

/* 産機トップページ新着ニュース一覧 2016.01.27追加*/

div#news{
	clear:both;
}

div#news dl{
	padding:0 10px;
	padding:0;
	line-height:1.3;
}

div#news dl dt{
	font-weight:bold;
	color: #666;
	margin-bottom:8px;
	margin-top:8px;
	font-size:90%;
	padding:0 0 0 55px;
}

div#news dl dt.info{
	background: url(../../prod/mechanical/news/img/mechnews_ac_info.gif)0 0 no-repeat;
}

div#news dl dt.prod{
	background:url(../../prod/mechanical/news/img/mechnews_ac_prod.gif) 0 0 no-repeat;
}

div#news dl dt.tech{
	background:url(../../prod/mechanical/news/img/mechnews_ac_tech.gif) 0 0 no-repeat;
}

div#news dl dt.case{
	background:url(../../prod/mechanical/news/img/mechnews_ac_case.gif) 0 0 no-repeat;
}

div#news dl dd{
	margin:0;
	padding:0 0 8px 0;
	border-bottom:1px #CCC dotted;
}

div#news div.tolist{
	text-align:right;
}

div#news div.tolist img{
	padding-right:3px;
}


/* h3 */

h3.slide {
	margin:0 0 10px 5px;
	font-size:100%;
	background:url(../img/list_ac01.gif) 0 5px no-repeat;
	padding-left:12px;
}

h3.slide2 {
	margin:25px 0 10px 5px;
	font-size:100%;
	background:url(../img/list_ac01.gif) 0 5px no-repeat;
	padding-left:12px;
}

h3.note_md {
	margin:25px 0 -10px 10px;
	font-size:100%;
	background:url(../img/list_ac01.gif) 0 5px no-repeat;
	padding-left:12px;
}

div#contents h3.page_t20{
	clear:both;
	background:url(../img/page_h3_acc.gif) 0px bottom repeat-x;
	padding:3px 0px 4px 8px;
	margin:20px 0 12px 0;
	font-size:110%;
	border-left: #124fb1 solid 5px;
}

body#prod div.mechnote h3{
	text-align:left;
	font-size:120%;
}

body#prod div.mechnote h3 img{
	vertical-align: middle;
	padding-right:5px;
}


/* h4 */
h4.table_ti {
	margin:10px 0 -5px 0;
}

h4.slide {
	margin:0 0 10px 5px;
	font-size:100%;
	padding-left:12px;
}



/* キャプション */
body#prod h4.cap{
	margin-bottom:5px;
	padding:0;
}


/* p */

p.bottom {
	margin-bottom:25px;
}

.t20b20 {
	margin:20px 0;
}

.t10 {
	margin:10px 0 0 0;
}

.t30 {
	margin:30px 0 0 0;
}

.t05 {
	margin:5px 0 0 0;
}

body#prod div.mechnote p.indt{
	padding:0 0 1em 1.8em;
	text-indent:-1.8em;
}

p.read_t10{
	line-height:1.4;
	margin-bottom:15px;
	margin-top:10px;
}

/* インデックス */

body#prod div#cntindex_s {
	clear:both;
	margin:20px 0 30px 0;
}

body#prod div#cntindex_s ul{
	float:left;
	width:205px;
	padding-right:20px;
}

body#prod div#cntindex_s ul li{
	padding:0 0 1.2em 0;
	background:none;
}

body#prod div#cntindex_s ul li a{
	display:block;
	background:url(../../cmn/img/corp_idx_h3_bk.gif) 0 0 no-repeat;
	padding:8px 3px 8px 30px;
	line-height:1.2;
}

div#submenu div.ind_banner {
	text-align:center;
	padding:20px 0 0px 0;
	margin-bottom:-10px;
}

div#submenu div.ind_banner a img {
	vertical-align:bottom;
}




/* リスト */

body#prod ol {
	margin:20px 0px 30px 0px;
}

body#prod ol li {
	margin-bottom:8px;
	list-style: decimal;
}


body#prod ul.list {
	margin:20px 0px 23px 30px;
}

body#prod ul.list li {
	margin-bottom:8px;
	list-style: disc;
}


body#prod ul.list li ol.no {
	margin:10px 0px 23px -15px;
}

body#prod ul.list li ol.no li {
	margin-bottom:3px;
	list-style:decimal;
}

body#prod ol.no {
	margin:0px 0px 5px -15px;
}

body#prod ol.no li {
	margin-bottom:5px;
	list-style:decimal;
}



/* フロート */
body#prod p.read {
	line-height:1.4;
	margin-bottom:15px;
}

body#prod div.read_photo300 {
	margin-bottom:15px;
}

body#prod div.read_photo300 p.photo300{
	width:300px;
	float:right;
}

body#prod div.read_photo300 p.read{
	width:362px;
	float:left;
}

/* テーブル */

table.slide {
	clear:both;
	line-height:1.2;
	border:0;
	width:100%;
	border-collapse:collapse;
}

table.slide th {
	background-color:#E6E6E6;
	text-align:center;
	padding:5px 3px;
	font-size:90%;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

table.slide th.md {
	background-color:#deecf3;
	font-weight:bold;
}

table.slide td {
	background-color: #FFF;
	text-align:center;
	padding:4px 3px;
	font-size:90%;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
	line-height:1.6em;
}

table.slide td.left {
	text-align:left;
}

table.slide td.right {
	text-align:right;
}

table.slide th.right {
	text-align:right;
}



table.slide td.head {
	background-color: #FFF;
	text-align:left;
	padding:5px;
	font-size:110%;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

table.slide td.link {
	background-color: #FFF;
	text-align:left;
	padding:5px;
	font-size:90%;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}



table.slide td.ph {
	background-color: #FFF;
	text-align:center;
	padding:4px 3px;
	margin:0;
	border:1px #999 solid;
	line-height:0;
	vertical-align:middle;
}


table.slide td.left {
	background-color: #FFF;
	text-align:left;
	padding:5px 3px;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

table.slide td.head a{
	background:url(../img/link_ac01.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
}

table.slide td.link a{
	background:url(../img/link_ac01.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
}


table.slide td.short {
	background-color:#d2d2d2;
}

table.slide th.short {
	background-color:#d2d2d2;
}

table.slide td.mark {
	font-size:130%;
	font-weight:bold;
	vertical-align: middle;
}

table.slide td.markB {
	font-size:145%;
	font-weight:bold;
	vertical-align: middle;
}


table.slide2 {
	clear:both;
	line-height:1.2;
	border:0;
	border-collapse:collapse;
	width:60%;
	margin:10px auto;
}

table.slide2 th {
	background-color:#E6E6E6;
	text-align:center;
	padding:5px 3px;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

table.slide2 th.md {
	background-color:#deecf3;
	font-weight:bold;
}

table.slide2 td {
	background-color: #FFF;
	text-align:center;
	padding:5px 3px;
	font-size:90%;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

table.slide2 td.left {
	text-align:left;
}


table.slide2 td.head {
	background-color: #FFF;
	text-align:left;
	padding:5px 3px 5px 5px;
	font-size:110%;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

table.slide2 td.left {
	background-color: #FFF;
	text-align:left;
	padding:5px 3px;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

table.slide2 td.head a{
	background:url(../img/link_ac01.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
}

table.list_table {
	margin:0px;
	padding:0px;
	border:none;
}

table.list_table td {
	padding:0px 0px 0px 0px;
	margin:0;
	vertical-align:top;
}

table.list_table th {
	margin:0;
	padding:0px 15px 0px 0px;
	font-weight:normal;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}

table.damper {
	margin:0px auto;
	padding:0px;
	border:none;
}

table.damper td {
	font-size:100%;
	padding:0px 0px 0px 0px;
	margin:0;
	vertical-align:top;
	text-align:center;
	border:none;
}

table.damper2 {
	margin:0px 0 10px 0;
	padding:0px;
	border:none;
}

table.damper2 td {
	font-size:110%;
	line-height:1.2em;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0;
	vertical-align:top;
	text-align:center;
	border:none;
}


/* attention */

div.attention3 {
	background-color:#f2f2f2;
	margin:0px 0px 0px 0px;
	padding:20px 30px 20px 20px;
}

/* リンク */

div.link_r {
	margin:0;
	font-size:90%;
	line-height:1.2;
	text-align:right;
	padding:0 0 15px 15px;
}

div.link {
	list-style:none;
	background:url(../img/link_ac01.gif) 0 1px no-repeat;
	padding:0 0 15px 15px;
	font-size:90%;
	line-height:1.2;
}


div.link_r span	{
	background:url(../img/link_ac01.gif) 0 4px no-repeat;
	padding:0 0 10px 15px;

}



/* マイクロスライドレール */
body#prod div.microslide{
	margin:15px 0;
}

body#prod div.microslide div{
	float:left;
	margin-right:10px;
}

body#prod div.microslide table{
	line-height:1.2;
	border:0;
	border-collapse:collapse;
	padding-right:10px;
}

body#prod div.microslide table th{
	background-color:#E6E6E6;
	text-align:center;
	padding:2px 5px;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

body#prod div.microslide table td{
	background-color: #FFF;
	padding:2px 5px;
	font-size:90%;
	font-weight:normal;
	margin:0;
	border:1px #999 solid;
}

body#prod div.microslide div ul{
	padding:0;
}

body#prod div.microslide div ul li{
	background:url(../img/list_ac01.gif) 0 3px no-repeat;
	padding:0 0 0 12px;
	margin:0;
	line-height:1.3;
}

p.unit {
	clear:both;
	text-align:right;
}


/* マージン用 */
.bottom_20 {
	margin-bottom:20px;
}

/* 追加 */
.center {
	text-align:center;
}


/* downroad */
body#prod div.downroad {
	clear:both;
	border:7px #c8e9f9 solid;
	padding:15px 8px 15px 15px;
	margin:20px 0;
}

body#prod div.downroad h2{
	background:none;
	border:0;
	font-size:100%;
	margin-bottom:0;
	padding:0 0 0 12px !important;
	background: url(../img/list_ac01.gif) 0 5px no-repeat;
}

body#prod div.downroad p {
	margin:5px 12px 0 12px;
	margin-bottom:0;
}

body#prod div.downroad p span{
	font-size:130%;
	font-weight:bold;
}

body#prod div.downroad p.formlink {
	margin-top:10px;
}


/* 図 */
.frame {
	border:1px solid #666;
	width:680px;
	clear:both;
	
}

.fig_center {
	text-align:center;
	width:680px;
	padding-bottom:10px;
	
}


/* CADダウンロード一覧 */
#cad_dl {
	margin:20px 30px;
}

#cad_dl h2{
	font-size:120%;
}

#cad_dl ul{
	padding-left:40px;
}

#cad_dl li{
	padding-left:5px;
	list-style:disc;
	font-size:120%;
}

/* 資料ダウンロード一覧 */
h1.doc_dl{
    font-size: 140%;
    background-color: #1553b6;
    margin: 12px 0 5px 0;
    padding: 8px 10px !important;
    color: #fff;
    line-height: 1;
}

div.doc_dl{
	width:710px;
	clear:both;
}

div.dl_list h3{
	font-size:18px;
	background-color: #edece3;
	padding:0 5px 0 10px;
	color:#0e0e0e;
}

div.dl_list h3 span.cata:before{
  content: "\f3e7";
  font-family: "Ionicons";
  font-size: 32px;
  padding-right:5px;
}

div.dl_list h3 span.case:before{
  content: "\f2d9";
  font-family: "Ionicons";
  font-size: 32px;
  padding-right:5px;
}

div.dl_list h3 span.doc:before{
  content: "\f471";
  font-family: "Ionicons";
  font-size: 32px;
  padding-right:5px;
}

div.dl_list {
	width:310px;
	float:left;
	margin-right:30px;
}

div.dl_list ul{
	margin-bottom:0.5em;
}

div.dl_list ul li{
	font-size:14px;
	padding:5px 0;
}

div.dl_list ul li ul{
	padding-left:1.2em;
}

div.dl_list ul li ul li{
	border-left:1px solid #CCC;
	padding-left:0.75em;
	background: url(../../prod/mechanical/img/dlline.gif) left center no-repeat;
}
	
div.dl_list ul li img{
	padding-left:3px;
}

div.dl_list ul li input{
	display:none;
}

div.dl_list ul li input + .checkbox-icon {
  position: relative;
  vertical-align: middle;
  padding-right:5px;
}
div.dl_list ul li input + .checkbox-icon:before {
  content: "\f372";
  font-family: "Ionicons";
  color: #1553b6;
  font-size: 22px;
}
div.dl_list ul li input:checked + .checkbox-icon:before {
  content: "\f374";
  color: #17bcdf;
}

div.dl_btn{
	clear:both;
	margin:20px auto;
}

div.dl_btn button {
    display: block;
    width: 200px;
	margin:0 auto;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 15px 7px 15px;
    text-decoration: none;
    border: none;
}

/*　ダウンロードボタン　*/

button.dl_bt {display:block;
width:69px;
height:19px;
background:url(/prod/mechanical/img/downroad_bt.gif) 0 0 no-repeat;
border:none;
margin:0 auto;
cursor:pointer;
}


div.cad {
	margin:0;
	padding:0;
	border:none;
}

div.cad img {
	vertical-align:bottom;
}


/*　インデックスページ　*/

body#prod div.mecha_idx {
	margin-bottom:20px;
}



body#prod div.mecha_idx_last {
	border-bottom: none;
}

body#prod div.mecha_idx div.line{
	margin-bottom:5px;
}

body#prod div.mecha_idx div.line div.blk{
	width:205px;
	float:left;
	margin:0 32px 0 0;
}

body#prod div.mecha_idx div.line div.blk a:hover img{
	opacity:0.7;
}


body#prod div.mecha_idx div.line div.blklast{
	width:205px;
	float:left;
	margin:0;
}

body#prod div.mecha_idx div.line div.blklast a:hover img{
	opacity:0.7;
}


body#prod div.mecha_idx h3{
	padding:0 0 7px 15px;
	margin:0;
	background:url(../img/link_ac01.gif) 0 2px no-repeat;
	font-size:90%;
	line-height:1.2;
}

body#prod div.mecha_idx p{
	padding:0;
	margin:0 0 3px 0;
}


body#prod div.mecha_idx h3.ind {
	padding:25px 0 15px 0;
	margin:0;
	background-image:none;
}



/*　軽荷重・中荷重・重荷重　*/

div#contents h3.kajyu_a{
	clear:both;
	background-color: #39F;
	color:#FFF;
	padding:3px 0px 4px 8px;
	margin:20px 0 12px 0;
	font-size:110%;
	border-left: #0066ff solid 5px;
}

div#contents h3.kajyu_b{
	clear:both;
	background-color: #399;
	color:#FFF;
	padding:3px 0px 4px 8px;
	margin:20px 0 12px 0;
	font-size:110%;
	border-left: #006666 solid 5px;
}

div#contents h3.kajyu_c{
	clear:both;
	background-color:#36C;
	color:#FFF;
	padding:3px 0px 4px 8px;
	margin:20px 0 12px 0;
	font-size:110%;
	border-left: #003366 solid 5px;
}

/* サブメニュー */
div#submenu_m {
	float: left;
	width:200px;
	padding-left:12px;
}

div#submenu_m h2,ul{
	margin:0;
	padding:0;
}

div#submenu_m h2 img{
	vertical-align:bottom;
}

div#submenu_m ul{
	list-style:none;
	border-left:1px #e6e6e6 solid;
	border-right:1px #e6e6e6 solid;
}

div#submenu_m ul li{
	list-style:none;
}

div#submenu_m ul li img{
	vertical-align:bottom;
}


div#submenu_m ul li span{
	font-size:90%;
}

div#submenu_m ul li a{
	display:block;
	padding-left:25px;
	padding-top:9px;
	padding-bottom:9px;
	background:url(../img/submenu_bk_off.gif) 0 0 ;
	border-bottom:1px #CCC dotted;
	font-size:110%;
	line-height:1.2;
}

div#submenu_m ul li.stop{
	display:block;
	padding-left:25px;
	padding-top:9px;
	padding-bottom:9px;
	background:url(../img/submenu_bk_off.gif) 0 0 ;
	border-bottom:1px #CCC dotted;
	font-size:110%;
	line-height:1.2;
}


div#submenu_m ul li a:hover{
	background:url(../img/submenu_bk_on.gif) 0 0 ;
	color: #0b4eba;
 text-decoration: none;
}

div#submenu_m ul li.cr{
 border-bottom:1px #CCC dotted;
}

div#submenu_m ul li.cr a{
	background: url(../img/submenu_bk_cr.gif) 0 0 ;
}

div#submenu_m ul li.cr a:hover{
	background:url(../img/submenu_bk_cr.gif) 0 0 ;
}

div#submenu_m ul li.crn a{
 background: url(../img/submenu_bk_cr.gif) 0 0 ;
}

div#submenu_m ul li.crn a:hover{
	background:url(../img/submenu_bk_cr.gif) 0 0 ;
}

div#submenu_m ul li.ctop a{
	background: url(../img/submenu_bk_tp.gif) 0 0 ;
}

div#submenu_m ul li.ctop a:hover{
	background: url(../img/submenu_bk_tpon.gif) 0 0 ;
}

div#submenu_m ul li.cr ul{
	border:none;
}

div#submenu_m ul li.cr ul li a{
	display:block;
	padding-left:30px;
	padding-top:7px;
	margin-bottom:5px;
	padding-bottom:2px;
	background:url(../img/subsubmenu_bk_off.gif) 0 0 ;
	border-bottom:none;
	font-size:100%;
}

div#submenu_m ul li.cr ul li a:hover{
	background:url(../img/subsubmenu_bk_on.gif) 0 0 ;
	color: #0b4eba;
 text-decoration: none;
}

div#submenu_m ul li.cr ul li.cr{
	border-bottom:none;
}

div#submenu_m ul li.cr ul li.cr a{
	background: url(../img/subsubmenu_bk_cr.gif) 0 0 ;
	border-bottom:none;
}

div#submenu_m ul li.cr ul li.cr a:hover{
	background:url(../img/subsubmenu_bk_cr.gif) 0 0 ;
	border-bottom:none;
}

div#submenu_m ul li.cr ul li.cr ul li a{
	display:block;
	padding-left:35px;
	padding-top:4px;
	padding-bottom:0;
	margin-bottom:6px;
	border-bottom:none;
	background:none;
	font-size:90%;
}

div#submenu_m ul li.cr ul li.cr ul li a:hover{
	background:none;
	border-bottom:none;
	color: #e79121;
	text-decoration:underline;
}

div#submenu_m ul li.cr  ul li.cr ul li.cr {
	border-bottom:none;
	color: #666;
}

div#submenu_m ul li.cr  ul li.cr ul li.cr a{
	border-bottom:none;
	color: #666;
}

div#submenu_m ul li.cr  ul li.cr ul li.cr a:hover{
	border-bottom:none;
	color: #e79121;
	text-decoration:underline;
}

div#submenu_m div.ind_banner {
	text-align:center;
	padding:20px 0 0px 0;
	margin-bottom:-10px;
}

div#submenu_m div.ind_banner a img {
	vertical-align:bottom;
}



/*　ロック内記号　*/
span.mark {
	font-size:120%;
	font-weight:bold;
	vertical-align: middle;
}
span.markB {
	font-size:135%;
	font-weight:bold;
	vertical-align: middle;
}

/*　2段組　*/
.twoBlock .leftBlock{
    width: 325px;
    float: left;
}

.twoBlock .rightBlock{
    width: 325px;
    float: right;
}

.twoBlock table.slide{
    margin-bottom: 20px;
}

.twoBlock .fig{
    margin-bottom: 10px;
}