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


/* ******************************************************
     CONTACT
****************************************************** */
#imageArea_title {
    display: block; 
	width: 650px;
    height: auto;
	margin: 0 0 15px 0;
}
#imageArea_title img {
    display: block;
}

#contactArea {
    width: 640px; 
	margin: 0 5px 50px;
}

#contactArea h4 { 
	height: 25px;
	margin-bottom: 10px;
	padding: 5px 15px 0;
	font-size: 14px;
	line-height: 1em;
	color: #000;
	background: url(../images/h4Bg_r.gif) 0 0 no-repeat;	
}

#contactArea table#contactForm {
    width: 630px;
	margin: 20px 5px;
}
#contactArea table#contactForm .caption {
    color: #666; 
	font-size: 10px; 
}
#contactArea table#contactForm th {
	width: 180px;
	line-height: 1.2em;
}
#contactArea table#contactForm td table.child td {
	margin-bottom: 10px;
	padding: 5px 5px 0 0;
	border: 0;
}
#contactArea table#contactForm textarea { width: 380px; }
#contactArea table#contactForm input { width: 300px; }
#contactArea table#contactForm input#zip { width: 80px; }



/* LEFT SUB NAVI
--------------------------------------------------- */
#leftNavArea_cf {
	float: left;
	width: 250px; 
	height: auto;
	margin: 0 20px 15px 0; 
	padding: 0;
}
#leftNavArea_cf h4 {
	width: 250px; 
	height: 38px;
	margin: 0 ;
	background: url(../../contact/images/leftnavi_topContact.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#leftNavArea_cf ul#lNav {
 	height: auto;
}
#leftNavArea_cf ul#lNav li {
	float: left;
	display: block;
	width: 250px; 
	height: 54px;
	line-height: 120%;
}
#leftNavArea_cf 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_cf ul#lNav li a:hover {
    color: #f00;
	text-decoration: none;
}
#leftNavArea_cf ul#lNav li.arrow { background: url(../images/lNav_liBg_arrow.gif) 0 0 no-repeat;}
#leftNavArea_cf ul#lNav li.end { background: url(../images/lNav_liBg_arrow_end.gif) 0 0 no-repeat;}



/* Q & A
--------------------------------------------------- */
.accordion {
	min-width: 300px;
	margin: 0 auto;
	padding: 10px;
}
.accordion .ac-content {
	margin: 0 10px;
}
.accordion input {
	display: none;
}
.accordion label {
	display: block;
	background-color: #D3D3D3;
	background-image: url(../images/icon_q.png);
	background-position: 5px 50%;
	background-repeat:no-repeat;
	cursor: pointer;
	padding: 10px 10px 10px 25px;
	border-bottom: 1px solid #fff;
}
.accordion label:hover {
	background: #ccc;
	background-position: 5px 50% ;
	background-image: url(../images/icon_q.png) ;
	background-repeat:no-repeat;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: ;
	background-image: url(../images/icon_a.png);
	background-position: 5px 15px;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 25px;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 10px 10px 10px 25px;
}







/* ******************************************************
     /
****************************************************** */