@charset "utf-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*       Copyright 2011  MSK FARM MACHINERY CORPORATION.  */
/*       file-name : common.css   */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* Default CSS YahooReset */ 
@import url('reset.css'); 

html,body {
	background: #ffffff;
	min-height:100%;
	height:100%;
	color: #333;
	font: 12px 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

p { 
    margin-bottom: 1em;
	line-height:1.6em;
}
.red {color: #f00;}

a,a:link,a:visited{
	color: #555;
	text-decoration: underline;
	outline:none;
}
a:hover{
	color:#ff0000;
	text-decoration: underline;
}
a img { border: 0px; outline:0;}
a:hover img,
a:active img{
    border: none; outline:0;
    -moz-opacity:0.85;
    opacity:0.85;
    filter: alpha(opacity=85);
}
a:focus{ -moz-outline-style: none; outline-style: none;} 

.left{ float: left;}
.right{ float: right;}
.center{ text-align:center;}

.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img{vertical-align: text-bottom;}
img.border{ border: 1px solid #dddddd;}

.margin10 {height: 10px;}
.margin20 {height: 20px;}
.margin30 {height: 30px;}
.margin40 {height: 40px;}
.margin50 {height: 50px;}
.marginL10 {margin-left: 10px;}
.marginL15 {margin-left: 15px;}


/* TABLE  */
table.type1{
    margin: 0 10px 10px;
    border-top: 0px solid #d1d1d1;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    empty-cells: show;
}
table.type1 th {border-top: 1px solid #d1d1d1;
    padding: 0.8em 1em; 
    text-align: center;
    background: url(../images/table_bg.gif) left top #eee;	
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}
table.type1 td {border-top: 1px solid #d1d1d1;
    padding: 0.8em 1em;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

table.type2{
    margin: 0 10px 10px;
    border-top: 0px solid #d1d1d1;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    empty-cells: show;
}
table.type2 th {
    padding: 0.8em 1em; 
    text-align: center;
	vertical-align:text-top;
    background: url(../images/table_bg.gif) left top #eee;	
    border-bottom: 1px solid #fff;
}
table.type2 td {
    padding: 0.8em 1em;
    border-bottom: 1px solid #fff;
}

table.type3{
    margin: 0 10px 10px;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
table.type3 th {
    padding: 0.8em 0 0; 
    text-align: left;
	vertical-align: text-top;
}
table.type3 td {
    padding: 0.8em 0 0;
}

/*  PAGE-TOP LINK */
/* 
.pagetop {
    clear: both; 
	width: 630px;
	height: 30px;
    padding: 10px;
}
.pagetop a {
    display: block; 
	float: right;
	width: 75px;
	padding-bottom: 2px;
	font-size: 10px;
	font-weight: bold;
	text-align:right;
	text-decoration: none;
	line-height: 1.2em;
	border-bottom: 1px dotted #555;
	background: url(../images/icon_path.gif) 0 0 no-repeat;
}*/
/* add for pagetop bottun 2011/04/21 start */
.pageTop {
	text-align: right;
	margin: 10px 0 20px;
}
.pageTop a {
	font-weight: bold;
	text-decoration: none;
	padding-left: 18px;
	background: url(../images/allow_top.gif) 0 0.1em no-repeat;
}
/* add for pagetop bottun 2011/04/21 end */

/* ******************************************************
     AREA SETTING
****************************************************** */

#container {
    width: 920px; 
    height:100%;
	margin: 0 auto;
}

#contentArea {
    width: 920px;
    height: auto !important;  
	margin: 0;
}

#mainArea {
    float: left;
	width: 650px;
	height: auto;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.4em;
}

#imageArea h3, #imageArea p {
    display: none; 
}


/* ******************************************************
    HEADER AREA
****************************************************** */
#headerArea { 
    width: 920px;
    height: 100px;
    padding-top: 25px;
	background: url(../images/header_toplineBg.gif) center top no-repeat;
}

#headerArea h1, #headerArea h2{
    display: none;
}

#headerArea #logo {
    float: left;
    left: 10px;
    width: 325px;
    height: 38px;
    text-indent: -9999px;
}
#headerArea #logo a { 
    display: block; 
    width: 325px;
    height: 38px;
    background: url(../images/header_logo.gif) 0 0 no-repeat;
}
#headerArea #search {
    float: right;
	margin: 10px 10px 0 0;
    width: 301px;
    height: 26px;
	background: url(../images/header_searchBg.gif) 0 0 no-repeat;
	position: relative;
}
#headerArea #searchTxt { 
/*    float: left;
    padding: 3px 2px 0 88px;*/
	position: absolute;
	top: 0;
	left: 0;
    width: 150px;
    height: 26px;
}
#headerArea #searchTxt input{
	position: absolute;
	top: 3px;
	left: 89px;
    width: 150px;
    height: 19px;
	border: 1px #ccc solid;
}

#headerArea #searchBtn {
/*    float: right;*/
	position: absolute;
	top: 0;
	right: 0;
    width: 60px;
    height: 26px;
}

 /* 2017年7月20日追加 */
#headerArea #google_translate_element {
    margin-right: 10px; 
    text-align: right ;
}

/* ******************************************************
    NAVI AREA
****************************************************** */
#gnavArea {
    float: left; 
	clear: both;
    width: 920px;
    height: 38px;
    margin-top: 25px;
}
#gnavArea ul#gNav {
    width: 920px;
    height: 38px;
    background: url(../images/gnavi.gif) 0 0 no-repeat;
}

#gNav ul {
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
 #gNav li {
    float: left;
	width: 153px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
	list-style-type:none;
}
 #gNav #nav1 { width: 154px; }
 
 #gNav li a {
    float: left;
    display: block;
    width: 100%;
    height: 38px;
    text-indent: -9999px;
}

 #gNav #nav1 a { width: 154px; background: url(../images/gnavi.gif)  0 0;}
 #gNav #nav2 a { background: url(../images/gnavi.gif)  -154px 0;}
 #gNav #nav3 a { background: url(../images/gnavi.gif)  -307px 0;}
 #gNav #nav4 a { background: url(../images/gnavi.gif)  -460px 0;}
 #gNav #nav5 a { background: url(../images/gnavi.gif)  -613px 0;}
 #gNav #nav6 a { background: url(../images/gnavi.gif)  -766px 0;}

 #gNav #nav1 a:hover, #nav1.active { width: 154px; background: url(../images/gnavi.gif)  0 -38px;}
 #gNav #nav2 a:hover, #nav2.active { background: url(../images/gnavi.gif)  -154px -38px;}
 #gNav #nav3 a:hover, #nav3.active { background: url(../images/gnavi.gif)  -307px -38px;}
 #gNav #nav4 a:hover, #nav4.active { background: url(../images/gnavi.gif)  -460px -38px;}
 #gNav #nav5 a:hover, #nav5.active { background: url(../images/gnavi.gif)  -613px -38px;}
 #gNav #nav6 a:hover, #nav6.active { background: url(../images/gnavi.gif)  -766px -38px;}

 #gNav #nav1.active { height: 38px; background: url(../images/gnavi.gif)  0 -38px;}
 #gNav #nav2.active { height: 38px; background: url(../images/gnavi.gif)  -154px -38px;}
 #gNav #nav3.active { height: 38px; background: url(../images/gnavi.gif)  -307px -38px;}
 #gNav #nav4.active { height: 38px; background: url(../images/gnavi.gif)  -460px -38px;}
 #gNav #nav5.active { height: 38px; background: url(../images/gnavi.gif)  -613px -38px;}
 #gNav #nav6.active { height: 38px; background: url(../images/gnavi.gif)  -766px -38px;}
 
 
 /* パンくず */
.pan-list-inline {
    margin: 0 0 10px; 
    padding: 10px 0 0; 
	font-size: 11px;
	>font-size: 10px;
	color: #555;
	height: 12px;
}
.pan-list-inline li {
    display:inline;
    margin: 0px; 
	padding: 0px 5px 0px 10px;
    list-style-type: none;
    background: url("../images/icon_path.gif") 0 center no-repeat;
	letter-spacing: 1px;
}
.pan-list-inline li.home {
    display:inline;
    margin: 0px; 
	padding: 0px 3px;
    list-style-type: none;
    background-image: none;
}
.pan-list-inline li a { 
    text-decoration: underline;
}


/* LEFT SUB NAVI
--------------------------------------------------- */

#leftNavArea {
	float: left;
	width: 250px; 
	height: auto; 
	margin: 0 20px 15px 0; 
	padding: 0;
}
#leftNavArea h4 {
	width: 250px; 
	height: 38px;
	margin: 0 ;
	background: url(../images/leftnavi_top.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#leftNavArea ul#lNav {
 	height: auto;
}
#leftNavArea ul#lNav li {
	float: left;
	display: block;
	width: 250px; 
	height: 54px;
	line-height: 120%;
}

#leftNavArea ul#lNav li a {
    display: block; 
    position: relative; /* IE6 */
	width: 190px; 
	height: 34px;
	padding: 20px 0 0 60px;
	color: #333;
    font-weight: bold;
	letter-spacing: 0.5px;
	text-decoration: none;
}
#leftNavArea ul#lNav li#nav2 a{ 
	padding: 12px 0 0 60px;
}
#leftNavArea ul#lNav li a:hover,
#leftNavArea ul#lNav li .active {
    color: #f00;
	text-decoration: none;
}
#leftNavArea ul#lNav li#nav1 { background: url(../images/lNav_liBg_toractor.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav2 { background: url(../images/lNav_liBg_combine.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav3 { background: url(../images/lNav_liBg_sagyouki.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav4 { background: url(../images/lNav_liBg_tikusan.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav5 { background: url(../images/lNav_liBg_tyozou.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav6 { background: url(../images/lNav_liBg_sonota.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav7 { background: url(../images/lNav_liBg_suport.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav8 { background: url(../images/lNav_liBg_catalog.gif) 0 0 no-repeat;}
#leftNavArea ul#lNav li#nav8Open { background: url(../images/lNav_liBg_catalog_open.gif) 0 0 no-repeat;}


/* ******************************************************
    FOOTER AREA
****************************************************** */
 /* お問い合わせ */
#contactBnr {
    clear: both;
	display: block;
    width: 920px;
	height: 65px;
	margin: 20px 0px 15px;
	background: url(../images/futter_contact.jpg) 0 0 no-repeat;
}
#contactBnr a img{
    float: right;
    width: 212px;
	height: 33px;
	margin: 15px 35px 15px;
}

#footerArea {   
    clear:both;
    width: 920px;
    height: auto;
	color: #ffffff;
    line-height: 1.4em;
	text-align: center;
	background: url(../images/futter_obi_bk.jpg) 0 0 no-repeat #ccc;
}
#footerArea ul#fNav {
    display: block; 
 	width: 730px;
	margin: 0 auto;
	padding: 10px 0;
}
#footerArea ul#fNav li {
	float: left;
}

#footerArea ul#fNav li a {
	padding: 0 20px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/icon_link.jpg) left center no-repeat;
}
#footerArea ul#fNav li a:hover {
    color: #f00;
    text-decoration: undeline;
}

#footerArea p#copyright { 
    display: block; 
	width: auto;
	margin: 0 0 0;
    padding: 10px;
	color: #333;
}


/* ******************************************************
    PAGETOP BTM AREA  add for pagetop bottom 2011/04/21
****************************************************** */

#pageTopBtm {
	text-align: right;
	clear: both;
}
#pageTopBtm a {
	font-weight: bold;
	text-decoration: none;
	padding-left: 18px;
	background: url(../images/allow_top.gif) 0 0.1em no-repeat;
}


/* ******************************************************
    campaign/index.html 20114/10/29追加
****************************************************** */


#mainArea02 {
	width: 920px;
	height: auto;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.4em;
}




.pan-list-inline li {
    display:inline;
    margin: 0px; 
	padding: 0px 5px 0px 10px;
    list-style-type: none;
    background: url("../images/icon_path.gif") 0 center no-repeat;
	letter-spacing: 1px;
}
.pan-list-inline li.home {
    display:inline;
    margin: 0px; 
	padding: 0px 3px;
    list-style-type: none;
    background-image: none;
}