@charset "UTF-8";

/* ===================================
	File Name   : top.css
	Discription : Top Page Layout CSS
	Editors     : Taz Sakurai
	Last Editor : Bface Saeki
	Update Log 
	 2011/01/23 : ページ内アンカー、セクション"Management","Action"追記
	 2011/03/22 : 震災の被災者に向けたメッセージのスタイルを追加 
	 2010/05/19 : 震災メッセージ更新／お知らせの追加
====================================== */

/*========== Style Contents ==========

	1. Page Redefinition
	2. Service Introduction
	3. Contact Introduction
	4. Company Introduction
	5. Emergency Area
	6. Information Introduction
	7. Environment Introduction
	8. Management Introduction
	9. Action Introduction

====================================== */



/*===== ■1. Page Redefinition =====*/
#Header ul {
	float: right;
	padding: 42px 34px 0px 0px;
	width: 189px;
	height: 75px;
}

#Header ul a {
	display: block;
	background: url(../../img/btn_employment.jpg) no-repeat;
	width: 189px;
	height: 75px;
}

#Header ul a:hover {background-position: 0px -75px;}

#PageAnchor {
	height: 41px;
	margin-bottom: 20px;
	background: url(../../img/bg-page-navi.jpg) no-repeat;
}

#PageAnchor ul {
	width: 700px;
	height: 25px;
	margin: 0px auto;
	padding: 11px 0px 0px 10px;
	background: url(../../img/bg-anchor.jpg) no-repeat;
}

#PageAnchor ul li {
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px dotted #FFFFFF;
}
#PageAnchor ul li.ListEnd {
	margin: 0px;
	padding: 0px;
	border: none;
}

#PageAnchor ul a {
	display: block;
	height: 13px;
	background: url(../../img/btn-page-anchor.jpg) no-repeat;	
}
#PageAnchor ul a#BtnInformation { width: 62px; background-position: 0px 0px;}
#PageAnchor ul a#BtnService { width: 105px; background-position: -62px 0px;}
#PageAnchor ul a#BtnContact { width: 86px; background-position: -167px 0px;}
#PageAnchor ul a#BtnCompany { width: 114px; background-position: -253px 0px;}
#PageAnchor ul a#BtnEnvironment { width: 106px; background-position: -367px 0px;}
#PageAnchor ul a#BtnManagement { width: 62px; background-position: -473px 0px;}
#PageAnchor ul a#BtnAction { width: 62px; background-position: -535px 0px;}

#PageAnchor ul a#BtnInformation:hover { background-position: 0px -13px;}
#PageAnchor ul a#BtnService:hover { background-position: -62px -13px;}
#PageAnchor ul a#BtnContact:hover { background-position: -167px -13px;}
#PageAnchor ul a#BtnCompany:hover { background-position: -253px -13px;}
#PageAnchor ul a#BtnEnvironment:hover { background-position: -367px -13px;}
#PageAnchor ul a#BtnManagement:hover { background-position: -473px -13px;}
#PageAnchor ul a#BtnAction:hover { background-position: -535px -13px;}



/*===== ■2. Service Introduction =====*/
#ServiceIntro dl {
	width: 595px;
	margin: 0px 25px 15px;
	background: url(../../img/img_service01.gif) no-repeat left top;
	padding: 5px 0px 15px 75px;
	border-bottom: 1px dashed #435393;
}

#ServiceIntro dt {
	margin-bottom: 10px;
}

#ServiceIntro dl#Service2 {
	background: url(../../img/img_service02.gif) no-repeat left top;
}

#ServiceIntro dl#Service3 {
	background: url(../../img/img_service03.gif) no-repeat left top;
	border-bottom: none;
}

#ServiceIntro dd p {
	padding: 10px;
	background: #E7EFF6;
	margin: 10px 0px 0px;
}

#ServiceIntro dd p strong {
	display: block;
	color: #2E3A83;
	margin-bottom: 3px;
	line-height: 1;
	font-size: 108%;
}

#ServiceIntro dd ul {
	padding: 0px 10px 10px;
	background: #E7EFF6;
}

#ServiceIntro dd ul li {
	background: url(../img/mark_circle-greeen.jpg) no-repeat left 3px;
	float: left;
	padding: 0px 15px 5px 10px; 
	line-height: 1;
	white-space: nowrap;
}

#ServiceIntro dd ul li.LastItem {
	background: none;
	font-size: 85%;
	padding: 0px 15px 5px 0px; 
}

/* Clear Release  */
#ServiceIntro dd ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#ServiceIntro dd ul {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html #ServiceIntro dd ul {
	height: 1%;
}

#ServiceIntro dd ul {
	display: block;
}




/*===== ■3. Contact Introduction =====*/
#ContactIntro { margin-bottom: 30px;}
#ContactIntro span {
	display: block;
	text-align: center;
}

#ContactIntro span img {
	display: inline;
}





/*===== ■4. Company Introduction =====*/
#CompanyIntro dl {
	display: inline;
	float: left;
	width: 320px;
	border-left: 4px solid #748CBA;
	padding: 3px 0px 3px 10px;
	margin: 0px 0px 30px 20px;
}

#CompanyIntro dl#HeadQuarters {
	width: 600px;
}

#CompanyIntro dt {
	color: #2B3680;
	font-weight: bold;
	font-size: 123.1%;
}

#CompanyIntro dd {
	padding-top: 5px;
	line-height: 1.3;
}

#CompanyIntro dd ul a {
	display: block;
	background: url(../../img/btn_map-link.jpg) no-repeat;
	width: 75px;
	height: 15px;
	margin-top: 5px;
}

#CompanyIntro dd ul a:hover {background-position: 0px -15px;}





/*===== ■5. Emergency Area =====*/
#EmergencyArea {
	margin: 0px 0px 0px 10px;
	/margin: 0px 0px 30px 10px;
	clear: both;
}

#EmergencyArea #IntroText {
	padding-right: 20px;
}

#EmergencyArea #IntroText span {
	display: block;
	margin: 10px 0px 20px;
	font-weight: bold;
}

#EmergencyArea span em {
	display: block;
	margin: 5px 0px 0px 5px;
	font-size: 85%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/position: relative;
}





/*===== ■6. Information Introduction =====*/
#InformationIntro { margin-bottom: 20px; /margin-bottom: 0px;}
#InformationIntro ul {
	width: 700px;
	margin: 5px 5px 15px 10px;
}

#InformationIntro ul li { margin-bottom: 10px; clear: both;}

#InformationIntro ul em {
	background: url(../img/mark_circle-blue.gif) no-repeat 0px 3px;
	display: table-cell;
	/display: inline;
	/zoom: 1;
	/float: left;
	width: 110px;
	margin-right: 10px;
	padding-left: 13px;
	font-weight: bold;
	vertical-align: top;
}

#InformationIntro ul strong {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	font-weight: normal;
}

#InformationIntro ul li div { padding: 5px 0px 15px;}

#InformationIntro ul li.PosRight div {
	float: right;
	width: 150px;
}
#InformationIntro ul li.PosRight div span { text-align: right;}
#InformationIntro ul li.PosRight div img { display: inline;}

#InformationIntro ul li div span {
	/display: inline-block;
	/zoom: 1;
	/margin-bottom: 15px;
	text-align: center;	
}

#InformationIntro ul li div span.OneImg {
	float: left;
	width: 145px;
	padding-right: 10px;
} 

#InformationIntro ul li div span.TwoImg {
	float: left;
	width: 297px;
	padding-right: 10px;
} 

#InformationIntro ul li div span.ThreeImg {
	float: left;
	width: 444px;
	padding-right: 10px;
} 






/*===== ■7. Environment Introduction =====*/
#EnvironmentIntro strong {
	display: block;
	margin: 0px 10px 10px;
}

#EnvironmentIntro p {
	margin: 0px 10px 20px;
}

#EnvironmentIntro span {
	display: block;
	width: 510px;
	margin: 0px auto 20px;
}




/*===== ■8. Management Introduction =====*/
#ManagementIntro span {
	display: block;
	width: 510px;
	margin: 0px auto 20px;
}





/*===== ■9 Action Introduction =====*/
#ActionIntro { margin-bottom: 20px;}

#ActionIntro dl { margin: 0px 10px;}

#ActionIntro dt {
	margin: 0px 0px 10px;
	padding-left: 12px;
	background: url(../img/mark_circle-blue.gif) no-repeat 0px 2px;
	line-height: 100%;
	color: #2B3680;
	font-weight: bold;
	font-size: 123.1%;
}

#ActionIntro dd {
	margin-bottom: 15px;
	padding: 0px 10px 10px;
	border-bottom: 1px dotted #435393;
}

#ActionIntro em {
	display: block;
	margin: -5px 10px 0px;
	font-weight: bold;
	text-align: right;
}


/*===== ■*.Clear Fix  =====*/
#PageAnchor ul:after,
#InformationIntro:after,
#InformationIntro ul li div:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

* html #PageAnchor ul,
* html #InformationIntro,
* html #InformationIntro ul li div { zoom: 1;} /* IE6 */

*:first-child+html #PageAnchor ul,
*:first-child+html #InformationIntro,
*:first-child+html #InformationIntro ul li div { zoom: 1;} /* IE7 */