@charset "utf-8";

/* =========================================================== */
/* Contents of components.css
/* ===========================================================
	01. Accessibility
	02. Basic Style
		-00. General
		-01. Headers
		-02. Main Visual
		-03. Lead Comment
		-04. Body Text
		-05. Links
		-06. Tables
		-07. Plugin Link
		-08. List Styles
		-09. Others
	03. Layout Modules
		-01. Single Column
		-02. 2 Column
		-03. 2 Column with line
		-04. 2 Column with Image Right 1
		-05. 2 Column with Image Left 1
		-06. 3 Column
	04. ModalWindow
	    -01. Content Display
	05. Listimage
	06. IR
		-00. Box
		-01. tab

	99. Clearfix
   =========================================================== */
/* end Contents of components.css
/* =========================================================== */


/* 01. Accessibility
-------------------------------------------------------------- */
.Hidden { display:none; }

.Show { display: block!important; }

.Reader {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

img { -ms-interpolation-mode: bicubic; }

.UpperCase { text-transform: uppercase; }

/* 02. Basic Styles
-------------------------------------------------------------- */
/* -00. General */
#Contents .Section {
	clear: both;
	margin-bottom: 35px;
	padding: 0 10px;
}

#Contents .Section p {
	margin: 0 0 15px;
}

#Contents .Section p.Image {
	margin: 0;
}

#Contents .Section .Caption {
	color: #181818;
	font-size: 92.9%;
}

#Contents .Section .Line-Top {
	padding-top: 15px;
	border-top: 1px solid #d6d8da;
}

#Contents .Section dl {
	margin-bottom: 15px;
}

#Contents .Section dl dt {
	font-weight: bold;
}

#Contents .Attention {
	color: #c00;
}

/* Color */
#Contents .Green { color: #090; }
#Contents .Red { color: #c00; }
#Contents .Blue { color: #009; }
#Contents .Section .BG-Gray { background-color: #f7f7f7; }
#Contents .Section .BG-White { background-color: #fff; }

/* Margin & Padding */
#Contents .Section.No-Padding,
#Contents .Section .No-Padding { padding: 0!important; }
#Contents .Section.No-Margin,
#Contents .Section .No-Margin { margin: 0!important; }
#Contents .Section .Grid-Column { margin-bottom: 15px; }
#Contents .Section .Grid-Column .SubSection .Grid-Column { margin-bottom: 0; }

/* Position */
#Contents .Section .Text-Center { text-align: center!important; }
#Contents .Section .Text-Right { text-align: right!important; }
#Contents .Section .Text-Left { text-align: left!important; }

/* Size */
#Contents .Section .Text-Small { font-size: 85.7%; }
#Contents .Section .Text-Medium { font-size: 100%; }
#Contents .Section .Text-Large { font-size: 114.3% }

/* State */
#Contents .Section .Clear { clear: both; }

/* Border */
.Border-Dot_Bottom {
	padding-bottom: 15px;
	border-bottom: 1px dashed #d6d8da;
}

.Border-Dot_Top {
	padding-top: 15px;
	border-top: 1px dashed #d6d8da;
}

.Border-Solid_Bottom {
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d8da;
}

.Border-Solid_Top {
	padding-top: 15px;
	border-top: 1px solid #d6d8da;
}


/* -01. Headers */
/* H1 */
#Contents h1 {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 135.7%;
}

#Contents h1.Header {
	padding: 10px 10px 9px;
	font-size: 114.3%;
	border: 1px solid #d6d8da;
	background-color: #f3f3e7;
}

#Contents h1.CategoryTop.Header {
	margin-bottom: 20px;
}

#Contents h1.General.Header {
	margin-bottom: 35px;
}

#Contents h1.Header span {
	display: block;
	padding-top: 2px;
	padding-left: 13px;
	background: url(../images/bg_h1headerline.gif) 0 0 repeat-y;
}

/* H2 */
#Contents h2 {
	margin-bottom: 18px;
	font-size: 114.3%;
	font-weight: bold;
	line-height: 1.385;
}

#Contents .Col-Border .Grid-Column h2.Text-Center {
	margin-bottom: 12px;
}

#Contents h2.Header {
	margin-bottom: 18px;
	padding: 6px 15px 4px;
	font-size: 100%;
	background-color: #f7f7f7;
	border-top: 1px solid #c00;
	border-right: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
}

#Contents h2.Header a {
	display: block;
	padding-right: 14px;
	background: url(../images/arrow_right.gif) 100% 50% no-repeat;
}

#Contents h2.No-Border {
	margin-bottom: 18px;
	font-size: 100%;
}

/* H3 */
#Contents h3 {
	margin: 0 0 15px;
	line-height: 1.385;
}

#Contents h3.Header {
	margin: 0 10px 15px;
	padding: 4px 13px;
	border: 1px solid #d6d8da;
}

#Contents .Section h3.Header {
	margin: 0 0 15px;
}

#Contents h3.Caption {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: left;
}

/* -02. Main Visual */
#Contents .MainVisual {
	margin: 0 0 20px;
}


/* -03. Lead Comment */
#Contents .Lead {
	margin: 0 0 35px;
}

#Contents .Category.Lead {
	margin: 0 0 20px;
}


/* -04. Body Text */
#Contents .Section .Grid-Column .Text-Indent p {
	margin-left: 10px;
	padding-left: 1em;
	text-indent: -1em;
}

#Contents .Section .Grid-Column .Text-Tab p {
	margin-left: 10px;
	padding-left: 1em;
	background: url(../images/tab_normal.gif) 0 .4em no-repeat;
}

/* -05. Links */
#Contents .Section a.Link.Inner {
	background: url(../images/arrow_bottom.gif) 0 .35em no-repeat;
}

#Contents .Section a.Popup,
#Contents .Section a.Link.Popup span {
	margin-right: 3px;
	padding-right: 14px;
	background: url(../images/icon_popup.gif) 100% .35em no-repeat;
}

#Contents .Section a.PDF,
#Contents .Section a.Link.PDF span,
#Contents .Section a.PopupLeft.PDF span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_pdf.gif) 100% .25em no-repeat;
}

#Contents .Section a.Word,
#Contents .Section a.Link.Word span,
#Contents .Section a.PopupLeft.Word span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_word.gif) 100% .25em no-repeat;
}

#Contents .Section a.Excel,
#Contents .Section a.Link.Excel span,
#Contents .Section a.PopupLeft.Excel span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_excel.gif) 100% .25em no-repeat;
}

#Contents .Section a.PowerPoint,
#Contents .Section a.Link.PowerPoint span,
#Contents .Section a.PopupLeft.PowerPoint span {
	margin-right: 3px;
	padding-right: 18px;
	background: url(../images/icon_ppt.gif) 100% .25em no-repeat;
}

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

#Contents .Section a.Link {
	padding-left: 14px;
	background: url(../images/arrow_right.gif) 0 .35em no-repeat;
}

#Contents .Section a.PopupLeft {
	padding-left: 14px;
	background: url(../images/icon_popup.gif) 0 .35em no-repeat;
}

#Contents .Section li.Current a {
	color: #c00;
	text-decoration: none;
}


/* -06. Tables */
#Contents table th,
#Contents table td .Section,
#Contents table td .Section .Grid-Column {
	margin-bottom: 0;
	padding: 0;
}

#Contents table caption {
	text-align: left;
}

#Contents .Table-Dot.No-Padding {
	padding: 0;
}

#Contents .Table-Dot table {
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px dotted #d6d8da;
}

#Contents .Table-Dot table th,
#Contents .Table-Dot table td {
	padding: 10px;
	line-height: 1.385;
	text-align: left;
	vertical-align: top;
	border-top: 1px dotted #d6d8da;
}

#Contents .Table-Dot table th {
	color: #606040;
	font-weight: bold;
}

#Contents .Table-Dot table th.Font-Normal {
	color: #181818;
	font-weight: normal;
}

#Contents .Table-Border {
}

#Contents .Table-Border table {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #d6d8da;
}

#Contents .Table-Border table th,
#Contents .Table-Border table td {
	padding: 10px;
	line-height: 1.385;
	text-align: left;
	vertical-align: top;
	border: 1px solid #d6d8da;
}

#Contents .Table-Border table th {
	font-weight: 100;
}


#Contents .Table-Disasterrelief {
}

#Contents .Table-Disasterrelief table {
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #d6d8da;
}

#Contents .Table-Disasterrelief table caption {
	text-align: left;
}

#Contents .Table-Disasterrelief table th,
#Contents .Table-Disasterrelief table td {
	padding: 10px;
	line-height: 1.385;
	text-align: right;
	border: 1px solid #d6d8da;
}

#Contents .Table-Disasterrelief table th {
	font-weight: 100;
	background-color: #ff9;
	vertical-align: top;
	text-align: left;
}

#Contents .Table-Disasterrelief table thead th,
#Contents .Table-Disasterrelief table tfoot th {
	text-align: center;
	background-color: #fc9;
}

#Contents .Table-Disasterrelief table tfoot td { background-color: #fc9; }


/* -07. Plugin Link */
#Contents .Section.Link-Plugin {
	margin-bottom: 15px;
	padding: 12px 15px;
	background-color: #f7f7f7;
	border: 1px solid #d6d8da;
}

#Contents .Section.Link-Plugin a.Link,
#Contents .Section.Link-Plugin a.Link.Popup,
#Contents .Section.Link-Plugin a.Link.Popup span {
	padding: 0;
	background: none;
}

#Contents .Section.Link-Plugin p.Banner {
	float: left;
	width: 112px;
	margin: 0;
}

#Contents .Section.Link-Plugin p.Caution {
	margin: 0 0 0 130px;
	line-height: 1.385;
}


/* -08. Pager Style */
#Contents .Section.Link-Pager p {
	width: 48%;
}

#Contents .Section.Link-Pager .Previous {
	float: left;
}

#Contents .Section.Link-Pager .Previous a {
	display: block;
	padding-left: 14px;
	background: url(../images/arrow_left.gif) 0 .35em no-repeat;
}

#Contents .Section.Link-Pager .Next {
	float: right;
}

#Contents .Section.Link-Pager .Next a {
	display: block;
	padding-right: 14px;
	text-align: right;
	background: url(../images/arrow_right.gif) 100% .35em no-repeat;
}


/* -09. List Styles */
#Contents .Section ol {
	padding-left: 20px;
}
#Contents .Section ul li,
#Contents .Section ol li {
	margin-bottom: 3px;
}

#Contents .Section ul.List.Marker {
	padding-left: 20px;
}

#Contents .Section ul.List.Marker li.MkrItem.MkrItem--TxtMkr,
#Contents .Section ol.List li {
	position: relative;
	padding-left: 0;
}

#Contents .Section ul.List.Marker li.MkrItem.MkrItem--TxtMkr i.TxtMkr,
#Contents .Section ol.List li i {
	position: absolute;
	display: block;
	width: 1.8em;
	top: 0;
	left: -2em;
	text-align: right;
	white-space: nowrap;
}

#Contents .Section ul.List.Marker li.MkrItem.MkrItem--TxtMkr span.TxtMkr,
#Contents .Section ol.List li span.TxtMkr {
	position: absolute;
	display: block;
	width: 1.8em;
	top: 0;
	left: -2em;
	text-align: right;
	white-space: nowrap;
}

#Contents .List-General ul,
#Contents .List-General ol {
	margin-bottom: 15px;
}

#Contents .Box.List-General ul,
#Contents .Box.List-General ol {
	margin-bottom: 0;
}

#Contents .Box.List-Box ul {
	padding: 10px;
}

#Contents .Section ul.Normal li {
	padding-left: 1.3em;
	background: url(../images/tab_normal.gif) 3px .4em no-repeat;
}

#Contents .Section ul li ul {
	margin-top: 5px;
}

#Contents .Section ul li ul li {
	padding-left: 1.3em;
}

#Contents .Section ol li,
#Contents .Section ul.Normal li ol li {
	padding: 0;
	background: none;
}

#Contents .List-Horizontal ul,
#Contents .List-Horizontal ol {
	clear: both;
	margin-bottom: 15px;
	margin-right: -15px;
}

#Contents .List-Horizontal ol li,
#Contents .List-Horizontal ul li {
	display: inline;
	float: left;
	margin-right: 15px;
}

#Contents .List-Horizontal ol li a,
#Contents .List-Horizontal ul li a {
	display: block;
}

#Contents .Section.List-Horizontal.Col2,
#Contents .Section.List-Horizontal.Col3,
#Contents .Section.List-Horizontal.Col4 {
	margin-right: 0;
}

#Contents .List-Horizontal.Col2 ol li,
#Contents .List-Horizontal.Col2 ul li {
	display: block;
	float: left;
	width: 47%;
}

#Contents .List-Horizontal.Col3 ol li,
#Contents .List-Horizontal.Col3 ul li {
	display: block;
	float: left;
	width: 30%;
}

#Contents .List-Horizontal.Col4 ol li,
#Contents .List-Horizontal.Col4 ul li {
	display: block;
	float: left;
	width: 22.5%;
}

/* -10. Others */
/* Interview Page */
#Contents .Section.Interview dl dd {
	margin-bottom: 15px;
	text-indent: 1em;
}

/* Modal Window */
#modal {display:none}
 
#modal {
text-align:left;
    width:600px;
    background:#ffffff;
    padding:20px;
    border:1px #fff solid;
}
#modal ul {
    text-align:center;
    margin:10px 10px 0px 10px;
}    
#modal ul li {
    display:inline-block;
    /display:inline;
    /zoom:1;
    padding:0 40px;
}
#modal ul li a {
    display:block;
    -webkit-border-radius:4px;
    -mozborder-radius:4px;
    border-radius:4px;
    padding:10px 60px;
    text-align:center;
    cursor:pointer;
    text-decoration:none
}
 
#modal ul li a.yes {
    background:#dd0000;
    color:#fff;
	font-size:130%;
}
 
#modal ul li a.no {
    background:#dd0000;
    color:#fff;
	font-size:130%;
	padding:10px 63px;
}

.modal_box {
    background-color: #f7f7f7;
    padding: 15px;
	border: 1px solid #d6d8da;
}

.modal_text{
    margin-bottom: 15px;
}

/* Select Box */
#Contents .SelectBox.List-Horizontal ul {
	margin-bottom: 0;
}

#Contents .SelectBox dl {
	margin-bottom: 0;
}

#Contents .SelectBox dl dt {
	float: left;
	width: 8em;
}
#Contents .SelectBox dl dd {
	margin-bottom: 15px;
	margin-left: 8em;
}

/* Movie */
#Contents .Section.MovieMediaBlock {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding: 30px 0 56.25%;
	height: 100%;
	overflow: hidden;
}

.Section.MovieMediaBlock iframe,
.Section.MovieMediaBlock object,
.Section.MovieMediaBlock embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#Contents .SmartPhoneMovie {
	display: none;
}

/* Attention */
#Contents .Attention h2,
#Contents .Attention h3 {
	margin-bottom: 5px;
}

/* IR Table */
#Contents .Table-Border.Ir-Data table td {
    text-align: right !important;
}

/* 03. Layout Modules
-------------------------------------------------------------- */
#Contents .Section .Image { margin-bottom: 15px; }

/* -01. Single Column */
#Contents .Section.Col-Border .Grid-Column {
	padding: 13px 15px 0;
	border: 1px solid #d6d8da;
}

#Contents .Section.Col-Border .SubSection .Grid-Column {
	padding: 0;
	border: none;
}

#Contents .Section.Col-Border h3.Header {
	margin: 0 0 5px;
	padding: 0;
	border: none;
}

#Contents .Section.Col-Border ul { margin-bottom: 15px; }

#Contents .Section.Col-Border.Attention .Grid-Column {
	border-color: #c00;
}

/* -02. 2 Column */
#Contents .Section.Col2,
#Contents .SubSection.Col2 {
	margin-right: -15px;
}

#Contents .Section.Col2 .Grid-Column,
#Contents .SubSection.Col2 .Grid-Column {
	float: left;
	width: 320px;
	margin-right: 15px;
}

/* -03. 2 Column with line */
#Contents .Section.Col2-Border1 {
	margin-right: -14px;
	margin-bottom: 0;
	padding: 0;
}

#Contents .Section.Col2-Border1 h2 {
	margin-bottom: 0;
}

#Contents .Section.Col2-Border1 .Grid-Column {
	float: left;
	width: 335px;
	margin-right: 14px;
}

#Contents .Section.Col2-Border1 .Box {
	padding: 14px;
	border-right: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
}

#Contents .Section.Col2-Border1 .Box p {
	margin-bottom: 0;
}

#Contents .Section.Col2-Border1 .Grid-Column.Mod-Image-Text1 .Box .Image {
	float: left;
	display: inline-block;
	margin: 0 15px 15px 0;
}

#Contents .Section.Col2-Border1 .Grid-Column.Mod-Image-Text1 .Box p {
	margin-left: 94px;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents {
	clear: both;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl {
	margin-top: 15px;
	margin-bottom: 0;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl dt {
	margin-bottom: 5px;
	font-weight: 100;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl dt a {
	display: block;
}

#Contents .Section.Col2-Border1 .Grid-Column .SubContents dl dd {
	padding-left: 14px;
}

/* -05. 2 Column with Image */
#Contents .Section.Col2.TextImageBlock,
#Contents .Section.Col2.TextImage205,
#Contents .SubSection.Col2.TextImageBlock,
#Contents .SubSection.Col2.TextImage205 {
	margin-right: 0;
}

#Contents .Section.Col2.TextImageBlock .Grid-Column,
#Contents .Section.Col2.TextImage205 .Grid-Column,
#Contents .SubSection.Col2.TextImageBlock .Grid-Column,
#Contents .SubSection.Col2.TextImage205 .Grid-Column {
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

#Contents .Section.Col2.TextImage205 .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205 .Grid-Column.Image {
	width: 205px;
	text-align: left;
}

#Contents .Section.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .Section.Col2.TextImage205.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205.Image-Left .Grid-Column.Image { float: left; }
#Contents .Section.Col2.TextImageBlock.Image-Right .Grid-Column.Image,
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Image { float: right; text-align: right; }
#Contents .Section.Col2.TextImageBlock.Image-Right .Grid-Column.Image .Caption,
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Image .Caption,
#Contents .SubSection.Col2.TextImageBlock.Image-Right .Grid-Column.Image .Caption,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Image .Caption { text-align: left; }

#Contents .Section.Col2.TextImage205.Image-Left .Grid-Column.Text,
#Contents .SubSection.Col2.TextImage205.Image-Left .Grid-Column.Text { margin-left: 225px; }
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Text,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Text { margin-right: 225px; }

#Contents .Section.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Left .Grid-Column.Image { margin-right: 20px; }

#Contents .Section.Col2.TextImageBlock.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Right .Grid-Column.Image { margin-left: 20px; }

#Contents .Section.Col2.TextImageBlock .Grid-Column.Text,
#Contents .SubSection.Col2.TextImageBlock .Grid-Column.Text {
	display: block;
	margin-right: 0;
	margin-left: 0;
	text-align: left;
	overflow: hidden;
}

/* -06. 3 Column */
#Contents .Section.Col3,
#Contents .SubSection.Col3 {
	margin: 0 -20px 35px 0;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col3 {
	margin-right: -9px;
}

#Contents .Section .SubSection.Col3 {
	margin-bottom: 0;
}

#Contents .Section.Col3 h2,
#Contents .SubSection.Col3 h2 {
	margin-bottom: 0;
}

#Contents .Section.Col3 .Grid-Column,
#Contents .SubSection.Col3 .Grid-Column {
	float: left;
	width: 205px;
	margin-right: 20px;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col3 .Grid-Column {
	margin-right: 9px;
}

#Contents .Section.Col3.No-Padding .Grid-Column,
#Contents .SubSection.Col3.No-Padding .Grid-Column {
	float: left;
	width: 215px;
	margin-right: 20px;
}

#Contents .Section.Col3 .Box
#Contents .SubSection.Col3 .Box {
	padding: 14px;
}


/* -07. 4 Column */
#Contents .Section.Col4,
#Contents .SubSection.Col4 {
	margin: 0 -16px 0 0;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col4 {
	margin-right: -8px;
}

#Contents .Section.Col4 .Grid-Column,
#Contents .SubSection.Col4 .Grid-Column {
	float: left;
	width: 152px;
	margin-right: 16px;
}

#Contents .Section.Col-Border .Grid-Column .SubSection.Col4 .Grid-Column {
	margin-right: 8px;
}


/* -08. Column Option */
#Contents .Section .Image p.Caption {
	margin: 5px 0 0;
}

/* 04. ModalWindow
-------------------------------------------------------------- */
/* -01. Content Display */
#Content {display:none;}

/* 05. Listimage
-------------------------------------------------------------- */
.v_align{vertical-align:baseline;}

/* 06. IR
-------------------------------------------------------------- */
/* -00. box */
.Ir-Col2-BoxArea,.Ir-Col3-BoxArea {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

.Ir-Col2-BoxArea .Ir-Col2-ContentsArea,.Ir-Col3-BoxArea .Ir-Col3-ContentsArea {
	overflow: hidden;
}

.Ir-Col2-BoxArea .Col2-Box.LastChild,.Ir-Col3-BoxArea .Col3-Box.LastChild {
	margin-right: 0;
}

.Ir-Col2-BoxArea .ImageArea,.Ir-Col3-BoxArea .ImageArea {
	float: left;
	overflow: hidden;
}

.Ir-Col2-BoxArea .TextArea {
	padding-left: 15px;
	overflow: hidden;
}

.Ir-Col3-BoxArea .TextArea {
	padding-left: 10px;
	overflow: hidden;
}

.Ir-Col2-BoxArea .Col2-Box {
	float: left;
	width: 335px;
	margin-right: 14px;
}

.Ir-Col3-BoxArea .Col3-Box {
	float: left;
	width: 221px;
	margin-right: 11px;
}

/* -01. tab */

div.Ir-tabNav { 
border-bottom: solid 5px #66662d;
margin-bottom: 20px;

}
div.Ir-tabNav.japanpost {	border-color: #a80202; }
div.Ir-tabNav.network { border-color: #b32d00; }
div.Ir-tabNav.post { border-color: #a80000; }
div.Ir-tabNav.bank { border-color: #016601; }
div.Ir-tabNav.life { border-color: #000080; }

div.Ir-tabNav ul {	margin-left: 0; }

@media screen and (min-width: 641px) {
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; }
}


@media screen and (max-width:640px) {
div.Ir-tabNav ul li {
	float: left;
	width:49%;
	margin-left: 2px;
	list-style: none;
	line-height: 1.5;
}
div.Ir-tabNav ul li.tabNav01 { 	min-width: 4em; }
div.Ir-tabNav ul li.tabNav05 { 	min-width: 19%; }
div.Ir-tabNav ul li a {
	display: block;
	min-width:18%;
	padding: 0.5em;
	min-height:2.3em;
	border-bottom: solid 1px #FFF;
	background-image: url(http://www.japanpost.jp/common/images/share_tabnav_01.jpg);
	background-size: cover;
	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 { }
div.Ir-tabNav ul li.tabNav05 a {

	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 { }
}


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'); }

.js-TabBlock div.Ir-tabNav { 
border-bottom: none;
margin-bottom: 0;
}

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

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

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

.js-TabBlock .Table-Border.TabContent {
	padding-top: 20px !important;
}

.js-TabBlock .Table-Border.TabContent.current {
	border-top: solid 5px #a80202;
}

.js-TabBlock #Yucho-IR.Section.Table-Border.TabContent.current {
	border-top: solid 5px #016601;
}

.js-TabBlock #Kampo-IR.Section.Table-Border.TabContent.current {
	border-top: solid 5px #000080;
}


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

/* 99. Clearfix
-------------------------------------------------------------- */
#Contents .SelectBox dl:after,
#Contents .List-Horizontal ul:after,
#Contents .SubSection:after,
#Contents .Section .Box:after,
#Contents .Section:after {
	content: "";
	display: block;
	clear: both;
}

#Contents .Section.Col2.TextImage205 .Box:after {
	clear: none;
}

/* -----------------------------------------------------------
	Font size table
	(base font size 14px )

	10px  71.4%     16px  114.3%     22px  157.1%
	11px  78.6%     17px  121.4%     23px  164.3%
	12px  85.7%     18px  128.6%     24px  171.4%
	13px  92.9%     19px  135.7%     25px  178.6%
	14px  100.0%    20px  142.9%     26px  185.7%
	15px  107.1%    21px  150.0%     27px  192.9%

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