@charset "utf-8";

/* =========================================================== */
/* Style for IE7 following
/* ===========================================================
	00. Frames
	01. Header
	02. Global Navigation
	03. Site Tools
		-01. Topic Path
		-02. Usability
	04. Contents
	05. Page Top Link
	06. Local Navigation Area
	07. Group Links
	08. Footer Navigation
	09. Footer
	10. Modules
	11. Home
	12. Form
	13. IRTab
	14. Facebook
   =========================================================== */
/* end Contents of layout.css
/* =========================================================== */


/* 00. Frames
-------------------------------------------------------------- */


/* 01. Header
-------------------------------------------------------------- */
#Header,
#AllSearch { zoom: 1; }
#AllSearch input#q { height: 15px; line-height: 1.2; }
#HeaderNavigation ul li.Faq {
	margin-left: 0;
	padding-left: 0;
	border: none;
}


#LogoArea p#Description {
	top: 28px;
}

/* 02. Global Navigation
-------------------------------------------------------------- */
.GlobalNavigation ul {
	width: 100%;
	border: none;
	border-top: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
	zoom: 1;
}

.GlobalNavigation ul li {
	float: left;
	margin: 0;
	border: none;
	border-right: 1px solid #d6d8da;
	word-wrap: break-word;
	zoom: 1;
}

.GlobalNavigation ul li a {
	font-size: 114.3%;
	zoom: 1;
}

.GlobalNavigation ul li a span {
	background-position: 0 3px;
	zoom: 1;
}

.GlobalNavigation ul li.PressRelease {
	width: 179px;
}

.GlobalNavigation ul li.Group {
	width: 179px;
}

.GlobalNavigation ul li.CSR {
	width: 84px;
}

.GlobalNavigation ul li.Ir {
	width: 244px;
}

.GlobalNavigation ul li.Employment {
	width: 114px;
}

.GlobalNavigation ul li.Corporate {
	width: 114px;
}

.EN .GlobalNavigation ul li a span {
	background-position: 0 5px;
}

.EN .GlobalNavigation ul li.Group,
.EN .GlobalNavigation ul li.CSR,
.EN .GlobalNavigation ul li.Ir02,
.EN .GlobalNavigation ul li.Corporate {
	width: 229px;
}

/* 03. Site Tools
-------------------------------------------------------------- */
#SiteToolArea {
	min-height: 48px;
	height: auto!important;
	height: 48px;
}

/* -02. Usability */
#FontTools dl dt {
	vertical-align: middle;
	zoom: 1;
}

/* 04. Contents
-------------------------------------------------------------- */

/* -01. Links */
/*#Contents .Section a.Link {*/
	/*background-position: 0 .15em;*/
/*}*/

/*#Contents .Section a.Link.Popup span {*/
	/*background-position: 100% 0;*/
/*}*/

/*#Contents .Section a.Link.PDF span {*/
	/*background-position: 100% 0;*/
/*}*/

/*#Contents .Section a.Link.Word span {*/
	/*background-position: 100% -1px;*/
/*}*/

/*#Contents .Section a.Link.Excel span {*/
	/*background-position: 100% -1px;*/
/*}*/

/*#Contents .Section a.Link.PowerPoint span {*/
	/*background-position: 100% -1px;*/
/*}*/

#Contents .Section a.Popup,
#Contents .Section a.Link.Popup span,
#Contents .Section a.PDF,
#Contents .Section a.Link.PDF span,
#Contents .Section a.PopupLeft.PDF span,
#Contents .Section a.Word,
#Contents .Section a.Link.Word span,
#Contents .Section a.PopupLeft.Word span,
#Contents .Section a.Excel,
#Contents .Section a.Link.Excel span,
#Contents .Section a.PopupLeft.Excel span,
#Contents .Section a.PowerPoint,
#Contents .Section a.Link.PowerPoint span,
#Contents .Section a.PopupLeft.PowerPoint span {
	padding-right: 0;
	background: none;
}

#Contents .Section a span.Icon {
	width: 16px;
	zoom: 1;
}

#Contents .Section a.Popup span.Icon {
	background: url(../images/icon_popup.gif) 50% 50% no-repeat;
}
#Contents .Section a.PDF span.Icon {
	background: url(../images/icon_pdf.gif) 50% 50% no-repeat;
}
#Contents .Section a.Word span.Icon {
	background: url(../images/icon_word.gif) 50% 50% no-repeat;
}
#Contents .Section a.Excel span.Icon {
	background: url(../images/icon_excel.gif) 50% 50% no-repeat;
}
#Contents .Section a.PowerPoint span.Icon {
	background: url(../images/icon_ppt.gif) 50% 50% no-repeat;
}

#Contents .Section a.Link {
	padding-left: 14px;
	background: url(../images/arrow_right.gif) 0 .15em no-repeat;
}
#Contents .Section a.PopupLeft {
	padding-left: 14px;
	background: url(../images/icon_popup.gif) 0 .15em no-repeat;
}
/* 05. Page Top Link
-------------------------------------------------------------- */


/* 06. Local Navigation Area
-------------------------------------------------------------- */
#LocalNavigationArea ul li  {
	line-height: 0;
	zoom: 1;
}

#LocalNavigationArea ul li a {
	line-height: normal;
	zoom: 1;
}

/* 07. Group Links
-------------------------------------------------------------- */
#GroupLinks dt,
#GroupLinks dd {
	display: inline;
	zoom: 1;
}

#GroupLinks dt img {
	vertical-align: text-bottom;
}

#GroupLinks dd a {
	zoom: 1;
}

#GroupLinks dd a img {
	vertical-align: text-bottom;
}

/* 08. Footer Navigation
-------------------------------------------------------------- */


/* 09. Footer
-------------------------------------------------------------- */
#Footer {
	padding-top: 6px;
	padding-bottom: 3px;
	zoom: 1;
}

/* 10. Modules
-------------------------------------------------------------- */
#Contents h1.Header {
	margin-bottom: 20px;
	zoom: 1;
}

#Contents h1.Header span {
	padding-top: 0;
}

#Contents .Section,
#Contents .Section .Box {
	zoom: 1;
}
#Contents .Section.Col-Border .Grid-Column { zoom: 1; }
#Contents .Section.Col2-Border1 .Grid-Column { margin-bottom: 0; }
#Contents .Section.Col2-Border1 { margin-bottom: 15px; }

#Contents .TextImageBlock .Grid-Column.Image { display: inline; width: 1%; }
#Contents .Section.Col2.TextImageBlock .Grid-Column.Text {
	display: inline;
	overflow: visible;
}

/* -05. Links */
#Contents .Section a.Link,
#Contents .Section a.PopupLeft,
#Contents .Section a.Link.Inner { background-position: 0 .4em; }
#Contents .Section a.Link.Popup span { background-position: 100% .4em; }

#Contents .Section a.Link.PDF span,
#Contents .Section a.PopupLeft.PDF span,
#Contents .Section a.Link.Word span,
#Contents .Section a.PopupLeft.Word span,
#Contents .Section a.Link.Excel span,
#Contents .Section a.PopupLeft.Excel span,
#Contents .Section a.Link.PowerPoint span,
#Contents .Section a.PopupLeft.PowerPoint span { background-position: 100% .35em; }

/* -09. List Styles */
#Contents .Section ol li,
#Contents .Section ul li,
#Contents .Section ul li a,
#Contents .Section ol li a {
	zoom: 1;
}

#Contents .Section .Box ul li {
	float: none;
	width: auto;
	zoom: 1;
}

#Contents .List-Horizontal ul li {
	float: none;
	word-wrap: break-word;
}

#Contents .List-Horizontal.Col2 ol li,
#Contents .List-Horizontal.Col2 ul li,
#Contents .List-Horizontal.Col3 ol li,
#Contents .List-Horizontal.Col3 ul li,
#Contents .List-Horizontal.Col4 ol li,
#Contents .List-Horizontal.Col4 ul li {
	float: left;
}

#Contents .List-Horizontal ul li a {
	display: inline;
	word-wrap: break-word;
	background-position: 0 .4em;
}

#Contents .Section ul.Normal li {
	background-position: 0 .3em;
}

/* -10. Others */
#Contents .SelectBox dl {

}

#Contents .SelectBox dl dt { width: 7em; }
#Contents .SelectBox dl dd { margin-left: 7em; }

#Contents .SelectBox dl,
#Contents .SelectBox dt,
#Contents .SelectBox dd {
	zoom: 1;
}

/* 11. Home
-------------------------------------------------------------- */
#SiteContentsList .Section {
	border-left: 1px solid #d6d8da;
	zoom: 1;
}

#SiteContentsList .Section h2 a.Link {
	background-position: 0 0;
}

#SiteContentsList .Section .Grid-Column {
	float: left;
	width: 152px;
	border: none;
	border-top: 1px solid #d6d8da;
	border-right: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
}

#SiteContentsList .Section .EN-Top.Grid-Column {
width: 228px
}

#SiteContentsList .Section .Grid-Column .Box {
	min-height: 94px;
	height: auto!important;
	height: 94px;
}


/* 12. Form
-------------------------------------------------------------- */
#Contents .Col2 dd ol li,
#Contents .Col2 dd ul li {
	float: none;
	width: auto;
}

#Contents .Section.Form ul.Col2 li {
	display: inline;
	margin: 0 auto;
	padding: 0 10px;
}


#Contents .Section.Form .List-Horizontal ul li {
	float: left;
	word-wrap: normal;
}

/* 13. IRTab
-------------------------------------------------------------- */

div.Ir-tabNav ul li {
	float: left;
	width: 100px;
	margin-left: 4px;
	list-style: none;
	line-height: 1.1;
}
div.Ir-tabNav ul li.tabNav05 { width: 103px; }
div.Ir-tabNav ul li a {
	display: block;
	width: 90px;
	padding: 13px 5px 8px 5px;
	border-bottom: solid 1px #FFF;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
}
div.Ir-tabNav ul li.current a { border-bottom: solid 1px #ededdc; }

* html div.Ir-tabNav ul li a { width: 100px; }
div.Ir-tabNav ul li.tabNav05 a {
	width: 93px;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_02.jpg);
}

div.Ir-tabNav ul li.tabNav01 a {
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_01.jpg);
}
* html div.Ir-tabNav ul li.tabNav05 a { width: 103px; }

div.Ir-tabNav ul li a:link,
div.Ir-tabNav ul li a:visited,
div.Ir-tabNav ul li a:hover,
div.Ir-tabNav ul li a:active {
	text-decoration: none;
	font-weight: bold;
}

div.Ir-tabNav ul li.tabNav01 a { color: #66662d; }
div.Ir-tabNav ul li.tabNav02 a { color: #cc0101; }
div.Ir-tabNav ul li.tabNav03 a { color: #cc4400; }
div.Ir-tabNav ul li.tabNav04 a { color: #cc0000; }
div.Ir-tabNav ul li.tabNav05 a { color: #028a02; }
div.Ir-tabNav ul li.tabNav06 a { color: #0000cc; }
div.Ir-tabNav ul li.current a { color: #FFF; }


div.Ir-tabNav ul li.current a {
	border-bottom: solid 1px #66662d;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_01_o.jpg);
}

div.Ir-tabNav.japanpost ul li.current a {
	border-bottom: solid 1px #a80202;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_02_o.jpg);
}

div.Ir-tabNav.network ul li.current a {
	border-bottom: solid 1px #b32d00;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_03_o.jpg);
}

div.Ir-tabNav.post ul li.current a {
	border-bottom: solid 1px #a80000;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_04_o.jpg);
}

div.Ir-tabNav.bank ul li.current a {
	border-bottom: solid 1px #016601;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_05_o.jpg);
}

div.Ir-tabNav.life ul li.current a {
	border-bottom: solid 1px #000080;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_06_o.jpg);
}

div.Ir-tabNav ul li.tabNav01 a:hover,
div.Ir-tabNav ul li.tabNav02 a:hover,
div.Ir-tabNav ul li.tabNav03 a:hover,
div.Ir-tabNav ul li.tabNav04 a:hover,
div.Ir-tabNav ul li.tabNav05 a:hover,
div.Ir-tabNav ul li.tabNav06 a:hover { color: #FFF; }

div.Ir-tabNav ul li.tabNav01 a:hover { background-image: url('http://www.japanpost.jp/common/images/share_tabnav_01_o.jpg'); }
div.Ir-tabNav ul li.tabNav02 a:hover { background-image: url('http://www.japanpost.jp/common/images/share_tabnav_02_o.jpg'); }
div.Ir-tabNav ul li.tabNav03 a:hover { background-image: url('http://www.japanpost.jp/common/images/share_tabnav_03_o.jpg'); }
div.Ir-tabNav ul li.tabNav04 a:hover { background-image: url('http://www.japanpost.jp/common/images/share_tabnav_04_o.jpg'); }
div.Ir-tabNav ul li.tabNav05 a:hover { background-image: url('http://www.japanpost.jp/common/images/share_tabnav_05_o.jpg'); }
div.Ir-tabNav ul li.tabNav06 a:hover { background-image: url('http://www.japanpost.jp/common/images/share_tabnav_06_o.jpg'); }

/* Clearfixes */
div.Ir-tabNav ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div.Ir-tabNav ul { display: inline-table; }

* html div.Ir-tabNav ul { height: 1%; }

div.Ir-tabNav ul {
	display: block;
	zoom: 1;
}

/* 14. Facebook
-------------------------------------------------------------- */

.Facebook-Caution {
	display: block!important;
}