@charset "utf-8";

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

	[ファイル名]	office.css
	
	[概要]	拠点案内専用CSS
	
	[目次]
			・clearFix
			・画像代替
			・非表示部
			
			・h1#categoryTitle
			・div#mainContent
			・div#subContent
	
------------------------------------------------------------------------------*/

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

	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 */

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

	テキスト画像代替
							
------------------------------------------------------------------------------*/
#xxx
{
	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#office h1#categoryTitle{
	background: #ffffff url(../../images/office/office_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#sectionOffice h2{	background: url(../../images/office/office_h2_01_01.jpg);}

div#mainContent div#sectionPolicy h2{	background: url(../../images/office/office_h2_02_01.jpg);}
div#mainContent div#sectionApproach h2{	background: url(../../images/office/office_h2_02_02.jpg);}

div#mainContent div#sectionHeadquarters h2{	background: url(../../images/office/office_h2_03_01.jpg);}
div#mainContent div#sectionHeadEnvironment h2{	background: url(../../images/office/office_h2_03_02.jpg);}
div#mainContent div#sectionHeadquartersPolicy h2{	background: url(../../images/office/office_h2_03_03.jpg);}

div#mainContent div#sectionDpi h2{	background: url(../../images/office/office_h2_04_01.jpg);}
div#mainContent div#sectionDpiFeature h2{	background: url(../../images/office/office_h2_04_02.jpg);}
div#mainContent div#sectionDpiStaff h2{	background: url(../../images/office/office_h2_04_03.jpg);}

div#mainContent div#sectionJimc h2{	background: url(../../images/office/office_h2_05_01.jpg);}
div#mainContent div#sectionJimcFpipOutline h2{	background: url(../../images/office/office_h2_05_02.jpg);}
div#mainContent div#sectionJimcFpipCompanys h2{	background: url(../../images/office/office_h2_05_03.jpg);}


/*----------------   sectionOffice   ----------------*/

div#mainContent div#sectionOffice .map{
	margin-bottom:20px;	
}
div#mainContent div#sectionOffice .c2BoxWrap{
	margin-bottom:20px;
}
div#mainContent div#sectionOffice .c2BoxWrap.lastWrap{
	margin-bottom:0;
}
div#mainContent div#sectionOffice .c2BoxWrap:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

div#mainContent div#sectionOffice .c2Box{
	width:348px;
	float:left;
}
div#mainContent div#sectionOffice .c2Box.lastItem{
	width:328px;
}
div#mainContent div#sectionOffice .c2Box p.caption{
	margin-top:5px;
	padding-left:20px;
	background:url(../../images/office/icon_sqr_01.jpg) no-repeat;
	font-size:108%;
	font-weight:bold;
	line-height:100%;
}

/*----------------   sectionPolicy   ----------------*/

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

div#mainContent div#sectionPolicy p{
	background:url(../../images/office/office_img_02_01.jpg);
	width:676px;
	height:145px;
}


/*----------------   sectionApproach   ----------------*/

div#mainContent div#sectionApproach ul {
	text-align:center;
}
div#mainContent div#sectionApproach ul li
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

div#mainContent div#sectionApproach ul li{
	width:625px;
	height:86px;
	margin:0 auto 10px auto;
	background-repeat:no-repeat;
}
div#mainContent div#sectionApproach ul li.approach5{
	margin-bottom:0;
}

div#mainContent div#sectionApproach ul li.approach1	{ background:url(../../images/office/office_img_02_02.jpg);}
div#mainContent div#sectionApproach ul li.approach2	{ background:url(../../images/office/office_img_02_03.jpg);}
div#mainContent div#sectionApproach ul li.approach3	{ background:url(../../images/office/office_img_02_04.jpg);}
div#mainContent div#sectionApproach ul li.approach4	{ background:url(../../images/office/office_img_02_05.jpg);}
div#mainContent div#sectionApproach ul li.approach5	{ background:url(../../images/office/office_img_02_06.jpg);}



/*----------------   sectionHeadquarters   ----------------*/

div#mainContent div#sectionHeadquarters .c2Box{
	margin-bottom:20px;
}
div#mainContent div#sectionHeadquarters .c2Box:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}
div#mainContent div#sectionHeadquarters .c2Box p{
	width:348px;
	float:left;
}
div#mainContent div#sectionHeadquarters .c2Box dl{
	margin-left:363px;
	background:url(../../images/office/line_01.gif) bottom repeat-x;
	line-height:140%;
}
div#mainContent div#sectionHeadquarters .c2Box dl dt{
	padding:0.8em 0;
	font-weight:bold;
}
div#mainContent div#sectionHeadquarters .c2Box dl dd{
	padding:0.8em 0 0.8em 6em;
	margin-top:-3em;
	background:url(../../images/office/line_01.gif) repeat-x;
}

div#mainContent div#sectionHeadquarters h3{
	margin-bottom:10px;
	padding-left:20px;
	background:url(../../images/office/icon_sqr_01.jpg) no-repeat;
	font-size:108%;
	font-weight:bold;
	line-height:100%;
}




/*----------------   sectionHeadEnvironment   ----------------*/

div#mainContent div#sectionHeadEnvironment p{
	margin-bottom:1em;
	/*font-size:108%;*/
	line-height:160%;
	text-indent:1em;
}

/*----------------   sectionHeadquartersPolicy   ----------------*/

div#mainContent div#sectionHeadquartersPolicy ol,
div#mainContent div#sectionHeadquartersPolicy ol li{
	list-style-type:decimal;
	/*font-size:108%;*/
	line-height:160%;
}
div#mainContent div#sectionHeadquartersPolicy ol li{
	margin-left:2em;
	margin-bottom:0.5em;
}

/*----------------   sectionDpi   ----------------*/

div#mainContent div#sectionDpi .txt{
	margin-bottom:20px;
}
div#mainContent div#sectionDpi .txt p{
	line-height:160%;
}
div#mainContent div#sectionDpi .c2Box{
	margin-bottom:20px;
}
div#mainContent div#sectionDpi .c2Box:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}
div#mainContent div#sectionDpi .c2Box p{
	width:348px;
	float:left;
}
div#mainContent div#sectionDpi .c2Box dl{
	margin-left:363px;
	background:url(../../images/office/line_01.gif) bottom repeat-x;
	line-height:140%;
}
div#mainContent div#sectionDpi .c2Box dl dt{
	padding:0.8em 0;
	font-weight:bold;
}
div#mainContent div#sectionDpi .c2Box dl dd{
	padding:0.8em 0 0.8em 6em;
	margin-top:-3em;
	background:url(../../images/office/line_01.gif) repeat-x;
}


/*----------------   sectionDpiFeature   ----------------*/

div#mainContent div#sectionDpiFeature {
	
}

div#mainContent div#sectionDpiFeature ul {
	border-top:3px solid #CCCCCC;
	border-bottom:3px solid #CCCCCC;
	height:1%;
}
div#mainContent div#sectionDpiFeature ul:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

div#mainContent div#sectionDpiFeature ul li {
	width:267px;
	float:left;
	padding:20px 20px 20px 50px;
	background:url(../../images/office/icon_sqr_01.jpg) no-repeat;
	background-position:30px 20px;
	border-bottom:1px solid #CCCCCC;
	font-size:108%;
	font-weight:bold;
	line-height:100%;
}

/* Win IE6 \*/
* html div#mainContent div#sectionDpiFeature ul li
{
	width:337px;
}
/* End Win IE6 */



/*----------------   sectionDpiStaff   ----------------*/

div#mainContent div#sectionDpiStaff p{
	width:213px;
	float:left;
}
div#mainContent div#sectionDpiStaff ul{
	margin-left:233px;
}
div#mainContent div#sectionDpiStaff ul,
div#mainContent div#sectionDpiStaff ul li{
	font-size:100%;
	line-height:100%;
}
div#mainContent div#sectionDpiStaff ul li{
	margin-bottom:1em;
	padding-left:15px;
	background:url(../../images/office/icon_tri_01.jpg) no-repeat;
	font-weight:bold;
}

/*----------------   sectionJimc   ----------------*/

div#mainContent div#sectionJimc .c2Box{
	margin-bottom:20px;
}
div#mainContent div#sectionJimc .c2Box:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}
div#mainContent div#sectionJimc .c2Box p{
	width:348px;
	float:left;
}
div#mainContent div#sectionJimc .c2Box dl{
	margin-left:363px;
	background:url(../../images/office/line_01.gif) bottom repeat-x;
	line-height:140%;
}
div#mainContent div#sectionJimc .c2Box dl dt{
	padding:0.8em 0;
	font-weight:bold;
}
div#mainContent div#sectionJimc .c2Box dl dd{
	padding:0.8em 0 0.8em 6em;
	margin-top:-3em;
	background:url(../../images/office/line_01.gif) repeat-x;
}


/*----------------   sectionJimcFpipOutline   ----------------*/

div#mainContent div#sectionJimcFpipOutline dl{
	background:url(../../images/office/line_01.gif) bottom repeat-x;
	line-height:140%;
}
div#mainContent div#sectionJimcFpipOutline dl dt{
	padding:0.8em 0 0.8em 0.5em;
	font-weight:bold;
}
div#mainContent div#sectionJimcFpipOutline dl dd{
	padding:0.8em 0 0.8em 15em;
	margin-top:-3em;
	background:url(../../images/office/line_01.gif) repeat-x;
}



/*----------------   sectionJimcFpipCompanys   ----------------*/


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

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

div#subContent #localNav li#localNavOffice		{	background: url(../../images/office/office_local_nav_01_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavPolicy		{	background: url(../../images/office/office_local_nav_02_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavHeadquarters{	background: url(../../images/office/office_local_nav_03_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavDpi			{	background: url(../../images/office/office_local_nav_04_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavJimc		{	background: url(../../images/office/office_local_nav_05_f2.jpg) no-repeat;}

div#subContent #localNav li#localNavOffice a		{	background: url(../../images/office/office_local_nav_01.jpg) no-repeat;}
div#subContent #localNav li#localNavPolicy a		{	background: url(../../images/office/office_local_nav_02.jpg) no-repeat;}
div#subContent #localNav li#localNavHeadquarters a	{	background: url(../../images/office/office_local_nav_03.jpg) no-repeat;}
div#subContent #localNav li#localNavDpi a			{	background: url(../../images/office/office_local_nav_04.jpg) no-repeat;}
div#subContent #localNav li#localNavJimc a			{	background: url(../../images/office/office_local_nav_05.jpg) no-repeat;}

div#subContent #localNav li#localNavOffice a:hover		{	background: url(../../images/office/office_local_nav_01_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavPolicy a:hover		{	background: url(../../images/office/office_local_nav_02_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavHeadquarters a:hover{	background: url(../../images/office/office_local_nav_03_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavDpi a:hover			{	background: url(../../images/office/office_local_nav_04_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavJimc a:hover		{	background: url(../../images/office/office_local_nav_05_f2.jpg) no-repeat;}

div#subContent #localNav li#localNavOffice.ov a			{	background: url(../../images/office/office_local_nav_01_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavPolicy.ov a			{	background: url(../../images/office/office_local_nav_02_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavHeadquarters.ov a	{	background: url(../../images/office/office_local_nav_03_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavDpi.ov a			{	background: url(../../images/office/office_local_nav_04_f2.jpg) no-repeat;}
div#subContent #localNav li#localNavJimc.ov a			{	background: url(../../images/office/office_local_nav_05_f2.jpg) no-repeat;}