@charset "utf-8";

/* =========================================================== */
/* Contents of mobile.css
/* ===========================================================
	00. Frames
	01. Header
	02. Global Navigation
	03. Site Tools
	04. Contents
	05. Page Top Link
	06. Local Navigation Area
	07. Group Links
	08. Footer Navigation
	09. Footer
	10. 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
	11. 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
	12. Unique Style
		-01. Home
		-02. Image Control
		-03. Form
	13. Modal Window
	14. Slider
	15. IR
   =========================================================== */
/* end Contents of components.css
/* =========================================================== */


/* 00. Frames
-------------------------------------------------------------- */
#Container,
.ContentsArea,
.SubContentsArea {
	float: none;
	width: 100%;
	overflow: hidden;
}

/* 01. Header
-------------------------------------------------------------- */
#Header {
	margin-bottom: 20px;
	text-align: center;
	background: none;
	background-color: #c00;
}

.EN #Header {
	margin-bottom: 20px;
	text-align: center;
	background: none;
	background-color: #c00;
}

.EN #Header img {
	width: 100%;
	max-width: 347px;
	height: auto;
}

.EN #Header #LogoArea h1,
.EN #Header #LogoArea p {
	margin: 0 10px 0 10px;
}

#LogoArea {
	min-height: 1.1em;
	float: none;
	width: auto;
	margin: 0;
	padding: 13px 0 14px;
}
#LogoArea p#HeaderLogo,
#LogoArea h1 {
	width: auto;
}

#LogoArea p#Description {
	display: none;
}

#AllSearch {
	display: none;
}
#HeaderNavigation {
	display: none;
}

/* 02. Global Navigation
-------------------------------------------------------------- */
.GlobalNavigation {
	display: none;
}

.GlobalNavigation.MobileMedia {
	display: block;
	margin-bottom: 20px;
	padding: 0;
}

.GlobalNavigation ul {
	display: block;
	border-top: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
}

.GlobalNavigation ul li {
	display: block;
	width: 50%;
	float: left;
	border: none;
	border-right: 1px solid #d6d8da;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.GlobalNavigation ul li a,
.GlobalNavigation ul li a.Current {
	padding: 16px;
	font-size: 92.9%;
	font-weight: 100;
	line-height: 1.308;
	border-bottom: 1px solid #d6d8da;
	background-color: #f3f3e7;
}

.GlobalNavigation ul li a.Current:hover,
.GlobalNavigation ul li a.Current:focus {
	background-color: #fff;
}

.GlobalNavigation ul li a span {
	display: inline-block;
	text-align: left;
	background-position: 0 0;
}


.EN .GlobalNavigation ul li {
    width: 50%;
	text-align: left; 
}

/* 03. Site Tools
-------------------------------------------------------------- */
#SiteToolArea {
	display: none;
}

/* 04. Contents
-------------------------------------------------------------- */
#Contents {
	margin-bottom: 20px;
	padding: 0 10px;
}

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

#Contents .SmartPhoneMovie {
	display: block;
	margin-bottom: 20px;
}

#Contents .HomeMovie {
	display: none;
}

/* 05. Page Top Link
-------------------------------------------------------------- */
.Pagetoplink {
	display: none;
}

/* 06. Local Navigation Area
-------------------------------------------------------------- */
#LocalNavigationArea {
	display: none;
}

/* 07. Group Links
-------------------------------------------------------------- */
#GroupLinks {
	width: 100%;
	margin-bottom: 20px;
}

.EN #GroupLinks {
	width: 100%;
}

#GroupLinks dl {
	margin: 0;
	padding: 13px 20px;
	border: none;
	letter-spacing: normal;
}

#GroupLinks dt,
#GroupLinks dd {
	display: block;
	margin: 0 0 13px;
	padding: 0;
}

#GroupLinks dd {
	width: auto;
}

.EN #GroupLinks dd {
	width: auto;
}

#GroupLinks dd:last-child { margin-bottom: 0; }

#GroupLinks dd a {
	background-position: 97% 50%;
}

/* 08. Footer Navigation
-------------------------------------------------------------- */
#FooterNavigation {
	margin-bottom: 20px;
	padding: 0;
}

#FooterNavigation dl {
	letter-spacing: normal;
	background-color: #f3f3e7;
	border: 1px solid #d6d8da;
}

#FooterNavigation dl dt {
	display: none;
}

#FooterNavigation dl dd,
#FooterNavigation dl dd.MobileMedia,
#FooterNavigation dl dd.Usage {
	display: block;
	margin: 0;
	padding: 0 20px;
	border: none;
	border-bottom: 1px solid #d6d8da;
}

#FooterNavigation dl dd:last-child {
	border: none;
}

#FooterNavigation dl dd a {
	display: block;
	padding: 12px 0;
	background: url(../images/arrow_right.gif) 100% 50% no-repeat;
}

/* 09. Footer
-------------------------------------------------------------- */
#Footer {
	padding: 15px;
}

#Footer dl dt,
#Footer dl dd {
	float: none;
	width: auto;
	text-align: center;
}

#Footer dl dt img,
#Footer dl dd img {
	vertical-align: middle;
	display: none;
}

#Footer dl dd img {
	width: 100%;
	height: auto;
}

.Copyright {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

#Footer .Footer_SmartPhone img {
	display: block;
	margin: 0 auto;
}

/* 10. Basic Styles
-------------------------------------------------------------- */
/* -00. General */
/* -01. Headers */
/* -02. Main Visual */
#Contents .MainVisual img {
	width: 100%;
	height: auto;
}
/* -03. Lead Comment */
/* -04. Body Text */
/* -05. Links */
/* -06. Tables */
#Contents table { table-layout: fixed; }
#Contents table th,
#Contents table td {
	word-wrap: break-word;
}

#Contents table th .Image img,
#Contents table td .Image img {
	width: 100%;
	height: auto;
}

/* -07. Plugin Link */
#Contents .Section.Link-Plugin p.Banner {
	float: none;
	width: auto;
	margin-bottom: 10px;
}
#Contents .Section.Link-Plugin p.Caution {
	margin: 0;
}
/* -08. Pager Style */
/* -09. List Styles */
/* -10. Others */
#Contents .SelectBox dl dt {
	float: none;
	width: auto;
}
#Contents .SelectBox dl dd {
	margin-left: 0;
}

/* 11. Layout Modules
-------------------------------------------------------------- */
/* -01. Single Column */
#Contents .Section.Col .Grid-Column .Image img {
	width: 100%;
	height: auto;
}
/* -02. 2 Column */
#Contents .Section.Col2 {
	margin-right: 0;
}
#Contents .Section.Col2 .Grid-Column,
#Contents .SubSection.Col2 .Grid-Column {
	float: none;
	width: 100%;
	margin-right: 0;
}
#Contents .Section.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .Section.Col2.TextImageBlock.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImageBlock.Image-Right .Grid-Column.Image {
	float: none;
	margin: 0 0 15px;
}
#Contents .Section.Col2 .Grid-Column .Image img,
#Contents .SubSection.Col2 .Grid-Column .Image img {
	width: 100%;
	height: auto;
}
#Contents .Section.Col2.TextImageBlock .Grid-Column .Image img,
#Contents .Section.Col2.TextImage205 .Grid-Column .Image img,
#Contents .SubSection.Col2.TextImageBlock .Grid-Column .Image img,
#Contents .SubSection.Col2.TextImage205 .Grid-Column .Image img  {
	width: auto;
}

#Contents .Section.Col2.TextImageBlock .Grid-Column .Image.RWD img {
	width: 100%;
}

/* -03. 2 Column with line */
#Contents .Section.Col2-Border1 {
	margin: 0;
}
#Contents .Section.Col2-Border1 .Grid-Column {
	float: none;
	width: 100%;
	margin-right: 0;
}
/* -04. 2 Column with Image Right 1 */
/* -05. 2 Column with Image */
#Contents .Section.Col2.TextImage205.Image-Left .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205.Image-Left .Grid-Column.Image { float: none; }
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Image,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Image { float: none; text-align: left; }
#Contents .Section.Col2.TextImage205.Image-Left .Grid-Column.Text,
#Contents .SubSection.Col2.TextImage205.Image-Left .Grid-Column.Text { margin-left: 0; }
#Contents .Section.Col2.TextImage205.Image-Right .Grid-Column.Text,
#Contents .SubSection.Col2.TextImage205.Image-Right .Grid-Column.Text { margin-right: 0; }
/*-06. 3 Column */
#Contents .Section.Col3.No-Padding,
#Contents .Section.Col3,
#Contents .SubSection.Col3.No-Padding,
#Contents .SubSection.Col3 {
	margin: 0;
}
#Contents .Section.Col3.No-Padding .Grid-Column,
#Contents .Section.Col3 .Grid-Column,
#Contents .SubSection.Col3.No-Padding .Grid-Column,
#Contents .SubSection.Col3 .Grid-Column {
	float: none;
	width: 100%;
}


/* 12. Unique Style
-------------------------------------------------------------- */
/* -01. Home */
.Home #Header {
	margin-bottom: 0;
}

.Home .GlobalNavigation {
	display: block;
	margin-bottom: 20px;
	padding: 0;
}

.Home .GlobalNavigation.MobileMedia {
	display: none;
}

.Home .SmartPhoneKeyVisual {
	display: block;
	margin-bottom: 60px;
}

.Home .SmartPhoneKeyVisual.En-Top {
	display: block;
	margin-bottom: 20px;
}

.Home .SmartPhoneKeyVisual img {
	width: 100%;
	height: auto;
}

.Home #HomeKeyVisualArea {
	margin-bottom: 20px;
}

.Home #HomeKeyVisualArea .EmergencyArea {
	display: none;
}

.Home #HomeKeyVisualArea .ContentsArea {
	display: none;
}

.Home .SubContentsArea.Bnr-General {
	margin-bottom: 0;
}

.Home .SubContentsArea.Bnr-General dl {
	margin-bottom: 20px;
	padding: 0;
}

.Home .SubContentsArea.Bnr-General dl dd {
    margin: 0 auto 14px;
    max-width: 70%;
}

.Home .SubContentsArea.Bnr-General dl dt img,
.Home .SubContentsArea.Bnr-General dl dd img,
.Home .SubContentsArea.Bnr-General ul li img,
.Home .Col4BnrArea ul li img {
	width: 100%;
	height: auto;
}

.Home .SubContentsArea.Bnr-General.StockPricesArea dl dd {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	padding-bottom: 7px;
}

.SubContentsArea.Bnr-General.StockPricesArea p.En-Top.Col1Bnr {
	max-width: 70%;
	margin: 0 auto;
}

.SubContentsArea.Bnr-General.StockPricesArea p.En-Top.Col1Bnr img {
	width: 100%;
	height: auto;
}

.Home .SubContentsArea.Bnr-General #HomeGroupLinks {
	padding: 20px 0;
	margin-right: 0;
	border: none;
}

.Home .SubContentsArea.Bnr-General #HomeGroupLinks dl {
	margin-bottom: 0;
}

.Home .SubContentsArea.Bnr-General #HomeGroupLinks dl dt {
	padding: 0 0 12px 0;
	margin: 0 auto;
	max-width: 70%;
	border: none;
}

.Home .SubContentsArea.Bnr-General #HomeGroupLinks img {
	width: auto;
}

.Home .Col4BnrArea {
	width: auto;
	padding: 0;
}

.Home .SubContentsArea.Bnr-General dl.Disasterrelief dt,
.Home .SubContentsArea.Bnr-General ul li,
.Home .Col4BnrArea ul li {
	float: none;
	margin: 0 auto 14px;
	max-width: 70%;
}

.Home #SiteContentsList {
	display: none;
}

.Home div.notificationTable table th {
	font-weight: 100;
}

.Home .Col4BnrArea #Slider03 {
display: none;
}
.Home .Col4BnrArea .MobileMedia {
display: block;
}

/* -02. Image Control */
#Contents .Not-Expansion img {
	width: auto!important;
	height: auto!important;
}

/* -03. Form */
#Contents .Section.Form ul li {
}

#Contents .Section.Form dl dt {
	display: block!important;
	float: none!important;
	width: auto!important;
	margin: 0 0 5px!important;
}

#Contents .Section.Form dl dd {
	display: block!important;
	float: none!important;
	width: auto!important;
	margin: 0!important;
}

#Contents .Section.Form .Input {
	width: 98%!important;
}

/* 13. Modal Window
-------------------------------------------------------------- */
#modal {
    width: 280px;
	margin: 0 auto;
	font-size: 87.5%;
	vertical-align: top;
	position: relative;
	top: 0%;
}

#modal ul li {
	margin: 0px 0px 10px 0px;
}

/* 14. Slider
-------------------------------------------------------------- */

.bx-wrapper {
	padding: 0;
	line-height: 0;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -40px;
}

.bx-wrapper .bx-pager {
	left: 13%;
	width: 75%;
    text-align: center;
	padding-top: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #d8d8da;
	margin: 0 20px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
}

.bx-wrapper .bx-controls-direction a {
	bottom: -48px;
}

/* 15. IR
-------------------------------------------------------------- */

.Ir_Area {
	display: none;
}

.Ir-Col2-BoxArea .Col2-Box {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 20px;
}

.Ir-Col3-BoxArea .Col3-Box {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 20px;
}