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


/* ******************************************************
     COMPANY
****************************************************** */
#mainArea {	 /* ページ高さ防止 */
	min-height: 500px;
}

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

#mainArea h3.title_red {
    display: block; 
	width: 630px;
    height: 28px;
	margin: 10px 0;
	padding: 10px 0 0 20px;
	color: #fff;
	font-size: 13px;
	font-weght: bold;
	background: url(../images/title_red.gif) 0 0 no-repeat;
}
#mainArea h4.title_gray { 
	width: 600px;
	height: 27px;
	margin: 20px 0 10px 0;
	padding: 13px 25px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	background: url(../images/h4Bg.jpg) 0 0 no-repeat;
	text-shadow: #222 -1px -1px 2px;
}

#companyList {
    width: 640px; 
	margin: 0 5px;
}
#companyList .listICategory {
    float: left; 
/*    display: block; */
    display: inline; /* for IE6 add 2011/04/19 */
	width: 312px;
    height: 78px;
	margin: 4px;
	cursor:pointer;
}
.img01{background: url(../../company/images/company_top002.jpg) 0 0 no-repeat;}
.img02{background: url(../../company/images/company_top003.gif) 0 0 no-repeat;}
.img03{background: url(../../company/images/company_top004.gif) 0 0 no-repeat;}
.img04{background: url(../../company/images/company_top005.gif) 0 0 no-repeat;}

#companyList .listICategory .title {
    display: block; 
    height: 1em;
	margin: 0 0 0;
	padding: 13px 0 12px 10px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2em;
}
#companyList a:hover .listICategory .title {
	color: #f00;
	text-decoration: none;
}

#companyList .listICategory p.caption {
	display: block; 
	margin: 0 90px 0 10px;
	padding-top: 5px;
	color: #555;
	font-size: 12px;
	line-height: 1.2em;
	/*border-top: 1px #ddd solid;*/
}
#companyList a {
	text-decoration: none;
}


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

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


/* ******************************************************
     COMPANY/TOP MESSAGE
****************************************************** */

#message .thumb {
    display: block; 
	margin: 3px 15px 5px 5px;
}
#message p.caption{
    line-height: 1.4em;
}
#message p { 
	margin: 5px 0 1em 0;
}


/* ******************************************************
     COMPANY/OUTLINE
****************************************************** */
table#gaiyou.type1 th {
	width: 120px;
}
table#enkaku.type2 th {
	width: 120px;
}


/* ******************************************************
     COMPANY/OFFICES
****************************************************** */
ul#officesList {
    float: right;
	width: 150px; 
 	height: auto;
}
ul#officesList li {
	float: left;
	display: block;
	width: 150px; 
	margin: 5px 0;
}
ul#officesList li a {
    position: relative; /* IE6 */
	width: 150px; 
	padding: 0 0 0 20px;
	color: #333;
    font-weight: bold;
	letter-spacing: 0.5px;
	text-decoration: none;
	background: url(../../company/images/icon_arrow_down.gif) 0 0 no-repeat;
}
ul#officesList li a:hover {
    color: #f00;
	text-decoration: none;
}
/* 事業所一覧 */
.listItem {
	width: 640px; /* update 2011/04/19 */
	margin: 0 5px 40px 5px;
}
.listItem .text {
	width: 420px; 
	_width: 395px; /* for IE6 add 2011/04/19 */
	padding: 5px 20px 30px 5px;
}
.listItem .imgArea {
	float: right;
	width: 190px;
	padding-right: 5px;
}
.listItem .imgArea img {
    width: 188px; /* update 11/04/06 */
	margin-top: 10px;
}
.listItem .imgArea .caption {
    text-align: right;
	padding-right: 10px;
	line-height: 1.4em;	
}
.listItem b {
    float: right;
	margin-top: 15px;
	padding: 0 0 0 20px;
	color: #333;
    font-weight: bold;
	/*line-height: 1em;*/
	text-decoration: none;
	background: url(../../company/images/icon_arrow.gif) 0 0.2em no-repeat;
}


/* ******************************************************
     COMPANY/CONTRIBUTION
****************************************************** */
#activities .thumb {
    display: block; 
	margin: 3px 5px 10px;
}
#activities p { 
	width: 430px; 	
	margin: 5px 0 1em 5px;
}
#activities p a {
    float: right;
	margin-top: 15px;
	padding: 0 0 0 20px;
	color: #333;
    font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	background: url(../../company/images/icon_arrow.gif) 0 0 no-repeat;
}