@charset "utf-8";

/*------------------------------------------------------------------------------

	[ファイル名]	company.css
	
	[概要]	会社案内専用CSS
	
	[目次]
			・clearFix
			・画像代替
			・非表示部
	
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------

	clearFix
								
------------------------------------------------------------------------------*/
#xxx:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html #xxx
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html #xxx
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
#xxx
{
	display: inline-table;
}
/* End Mac IE */

/*------------------------------------------------------------------------------

	テキスト画像代替
							
------------------------------------------------------------------------------*/
#hoge
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

/*------------------------------------------------------------------------------

	非表示部
								
------------------------------------------------------------------------------*/
#xxx
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*------------------------------------------------------------------------------

	h1#categoryTitle
								
------------------------------------------------------------------------------*/
body#company h1#categoryTitle{
	background: #ffffff url(../../images/company/company_h1.jpg) no-repeat ;
}

/*------------------------------------------------------------------------------

	div#mainContent
								
------------------------------------------------------------------------------*/
div#mainContent{
}

/*   h2   */

div#mainContent h2
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}
div#mainContent h2{
	width:676px;
	height:36px;
	margin-bottom:20px;
	background-repeat:no-repeat;
}

div#mainContent div#sectionGreeting h2{	background: url(../../images/company/company_h2_01_01.jpg);}
div#mainContent div#sectionMotto h2{	background: url(../../images/company/company_h2_01_02.jpg);}

div#mainContent div#sectionOutline h2{	background: url(../../images/company/company_h2_02_01.jpg);}
div#mainContent div#sectionChart h2{	background: url(../../images/company/company_h2_02_02.jpg);}
div#mainContent div#sectionMap h2{	background: url(../../images/company/company_h2_02_03.jpg);}

div#mainContent div#sectionInfo h2{	background: url(../../images/company/company_h2_03_01.jpg);}
div#mainContent div#sectionService h2{	background: url(../../images/company/company_h2_03_02.jpg);}

div#mainContent div#sectionHistory h2{	background: url(../../images/company/company_h2_04_01.jpg);}




/*----------------   sectionGreeting   ----------------*/

div#mainContent div#sectionGreeting .sectionContent{
	padding-bottom:30px;
	background:url(../../images/company/company_img_01_02.jpg) no-repeat bottom;
}
div#mainContent div#sectionGreeting .sectionContent:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

div#mainContent div#sectionGreeting p.img{
	float:right;
	margin:0 0 3px 20px;
}
div#mainContent div#sectionGreeting p{
	margin-bottom:1em;
	font-size:93%;
	line-height:160%;
}
div#mainContent div#sectionGreeting p.name
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------   sectionMotto   ----------------*/

div#mainContent div#sectionMotto p.motto
{
	display: block;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

div#mainContent div#sectionMotto p.motto{
	width:676px;
	height:65px;
	background:url(../../images/company/company_img_01_03.jpg) no-repeat;
	margin-bottom:20px;
}
div#mainContent div#sectionMotto .h3BoxWrap{
	width:676px;
	padding-bottom:5px;
	background:url(../../images/company/company_box_bg_01.jpg) no-repeat bottom;
}
div#mainContent div#sectionMotto .h3BoxWrap:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}
div#mainContent div#sectionMotto .sectionContent .h3Box{
	background:url(../../images/company/company_box_bg_01.jpg) no-repeat top left;
	width:229px;
	float:left;
}
div#mainContent div#sectionMotto .sectionContent .h3Box.last{
	width:218px;
}
div#mainContent div#sectionMotto .sectionContent .h3Box h3{
	width:218px;
	text-align:center;
	font-weight:bold;
	font-size:93%;
	padding:10px 0;
}
div#mainContent div#sectionMotto .sectionContent .h3Box p{
	display:block;
	width:188px;
	padding:10px 15px 5px;
	font-size:93%;
	line-height:160%;
}

/* Win IE6 \*/
* html div#mainContent div#sectionMotto .sectionContent .h3Box p
{
	width:218px;
}
/* End Win IE6 */


/*----------------   sectionOutline   ----------------*/

div#mainContent div#sectionOutline table{
	width:100%;
	border-top: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
}
div#mainContent div#sectionOutline th,
div#mainContent div#sectionOutline td{
	padding:8px 20px;
	font-size:93%;
}
div#mainContent div#sectionOutline th{
	background:#ECECEC;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #FFFFFF;
}
div#mainContent div#sectionOutline th.last{
	border-bottom:1px solid #ECECEC;
}
div#mainContent div#sectionOutline td{
	padding-left:50px;
	border-bottom:1px solid #ECECEC;
	line-height:180%;
}

/*----------------   sectionMaps   ----------------*/
div#googleMapsContent{
	width: 676px; height: 530px;
}

div#googleMapsContent strong{
	display: block;
	margin-bottom: 0.5em;
	font-size: 110%;
	font-weight: bold;
}

div#googleMapsContent p.textRight{
	text-align: right;
}

/*----------------   sectionInfo   ----------------*/

div#mainContent div#sectionInfo p{
	line-height:180%;
}



/*----------------   sectionService   ----------------*/


div#mainContent div#sectionService .h3BoxWrap{
	width:676px;
	margin-bottom:20px;
	padding-bottom:5px;
	background:url(../../images/company/company_box_bg_02.jpg) no-repeat bottom;
}
div#mainContent div#sectionService .h3BoxWrap:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}
div#mainContent div#sectionService .sectionContent .h3Box{
	background:url(../../images/company/company_box_bg_02.jpg) no-repeat top left;
	width:348px;
	float:left;
}
div#mainContent div#sectionService .sectionContent .h3Box.last{
	width:328px;
}
div#mainContent div#sectionService .sectionContent .h3Box h3{
	width:328px;
	text-align:center;
	font-weight:bold;
	font-size:93%;
	padding:10px 0;
}
div#mainContent div#sectionService .sectionContent .h3Box p{
	display:block;
	width:298px;
	padding:10px 15px 5px;
	font-size:93%;
	line-height:180%;
}

/* Win IE6 \*/
* html div#mainContent div#sectionService .sectionContent .h3Box p
{
	width:218px;
}
/* End Win IE6 */


div#mainContent div#sectionService .picture{
	width:676px;
}
div#mainContent div#sectionService .picture:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

div#mainContent div#sectionService .picture p{
	width:172px;
	float:left;
}
div#mainContent div#sectionService .picture p.last{
	width:160px;
}


/*----------------   sectionHistory   ----------------*/

div#mainContent div#sectionHistory table{
	width:100%;
	border-top: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
}
div#mainContent div#sectionHistory th,
div#mainContent div#sectionHistory td{
	padding:8px 20px;
	font-size:93%;
}
div#mainContent div#sectionHistory th{
	background:#ECECEC;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #FFFFFF;
}
div#mainContent div#sectionHistory th.last{
	border-bottom:1px solid #ECECEC;
}
div#mainContent div#sectionHistory td{
	padding-left:50px;
	border-bottom:1px solid #ECECEC;
	line-height:180%;
}


/*------------------------------------------------------------------------------

	div#subContent
								
------------------------------------------------------------------------------*/
div#subContent #localNav li,
div#subContent #localNav li a{
	display:block;
	width:163px;
	height:29px;
}

div#subContent #localNav li#localNavGreeting{	background: url(../../images/company/local_nav_01.jpg) no-repeat;}
div#subContent #localNav li#localNavOutline{	background: url(../../images/company/local_nav_02.jpg) no-repeat;}
div#subContent #localNav li#localNavService{	background: url(../../images/company/local_nav_03.jpg) no-repeat;}
div#subContent #localNav li#localNavHistory{	background: url(../../images/company/local_nav_04.jpg) no-repeat;}

div#subContent #localNav li#localNavGreeting a{	background: url(../../images/company/local_nav_01.jpg) no-repeat;}
div#subContent #localNav li#localNavOutline a{	background: url(../../images/company/local_nav_02.jpg) no-repeat;}
div#subContent #localNav li#localNavService a{	background: url(../../images/company/local_nav_03.jpg) no-repeat;}
div#subContent #localNav li#localNavHistory a{	background: url(../../images/company/local_nav_04.jpg) no-repeat;}

div#subContent #localNav li#localNavGreeting a:hover{	background: url(../../images/company/local_nav_01_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavOutline a:hover{	background: url(../../images/company/local_nav_02_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavService a:hover{	background: url(../../images/company/local_nav_03_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavHistory a:hover{	background: url(../../images/company/local_nav_04_f2.jpg) no-repeat;}

div#subContent #localNav li#localNavGreeting.ov a{	background: url(../../images/company/local_nav_01_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavOutline.ov a{	background: url(../../images/company/local_nav_02_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavService.ov a{	background: url(../../images/company/local_nav_03_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavHistory.ov a{	background: url(../../images/company/local_nav_04_f2.jpg) no-repeat;}

/*------------------------------------------------------------------------------