@charset "utf-8";

/* =========================================================== */
/* Contents of layout.css
/* ===========================================================
	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. IR

	XX. Clearfix
   =========================================================== */
/* end Contents of layout.css
/* =========================================================== */


/* 00. Frames
-------------------------------------------------------------- */
#Container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}

.ContentsArea {
	clear: both;
	float: left;
	width: 705px;
}

.SubContentsArea {
	float: right;
	width: 235px;
}

.EN .SubContentsArea {
	margin-bottom: 45px;
}


/* 01. Header
-------------------------------------------------------------- */
#Header {
	margin-bottom: 8px;
	line-height: 1;
	background: url(../images/bg_header.gif) 0 0 no-repeat;
}

.EN #Header {
	margin-bottom: 8px;
	line-height: 1;
	background: url(../images/bg_en_header.gif) 0 0 no-repeat;
}

#LogoArea {
	position: relative;
	float: left;
	width: 45%;
	padding: 16px 0 0 33px;
}

#LogoArea p#HeaderLogo,
#LogoArea h1 {
	width: 163px;
}

#LogoArea p#Description {
	position: absolute;
	top: 33px;
	left: 276px;
	font-size: 10px;
    line-height: 10px;
}

#AllSearch {
	position: relative;
	float: right;
	width: 45%;
	margin: 32px 0 17px;
	padding: 0 20px 0 0;
	font-size: 13px;
	text-align: right;
	z-index: 0;
}

#AllSearch form#Searchbox {
	display: inline-block;
	width: 375px;
	height: 27px;
	margin-left: auto;
	background-color: #f3f3e7;
	letter-spacing: -.4em;
	text-align: right;
	border: 1px solid #d6d8da;
	overflow: visible;
	z-index: 1;
}

#AllSearch .PlaceHolder,
#AllSearch .BlockLayer {
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
	width: 375px;
	height: 27px;
	padding: 0 10px;
	color: #a9a9a9;
	line-height: 28px;
	text-align: left;
	letter-spacing: normal;
}

#AllSearch .PlaceHolder {
	z-index: 2;
}

#AllSearch .BlockLayer {
	background-color: #f3f3e7;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 3;
}

#AllSearch input#q {
	position: relative;
	width: 264px;
	/*width: 70.6%;*/
	height: 17px;
	padding: 5px 10px;
	background-color: transparent;
	border: none;
	line-height: 1.214;
	letter-spacing: normal;
	z-index: 4;
}

#AllSearch input.SubmitButton {
	position: relative;
	letter-spacing: normal;
	vertical-align: middle;
	border-left: 1px solid #d6d8da;
	z-index: 5;
}

#HeaderNavigation {
	clear: both;
	padding: 0 20px;
	font-size: 92.9%;
	text-align: right;
}

#HeaderNavigation ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 6px;
	border-left: 1px solid #999;
}

#HeaderNavigation ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	border: none;
}


/* 02. Global Navigation
-------------------------------------------------------------- */
.GlobalNavigation {
	clear: both;
	margin-bottom: 10px;
	padding: 0 20px;
}

.GlobalNavigation.MobileMedia {
	display: none;
}

.GlobalNavigation ul {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.GlobalNavigation ul li {
	display: table-cell;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d6d8da;
	border-right: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
}


.EN .GlobalNavigation ul li {
	text-align: center;
	width: 25%;
}

.GlobalNavigation ul li a {
	display: block;
	padding: 15px 13px 15px;
	font-size: 114.3%;
	font-weight: bold;
	line-height: 1.278;
	border-bottom: 1px solid #d6d8da;
	background-color: #f3f3e7;
}

.EN .GlobalNavigation ul li a {
	font-size: 100%;
}

.GlobalNavigation ul li a:link {
	text-decoration: underline;
	color: #181818;
}

.GlobalNavigation ul li a:visited {
	text-decoration: underline;
	color: #707070;
}

.GlobalNavigation ul li a:hover {
	text-decoration: none;
	color: #c00;
	background-color: #fff;
}

.GlobalNavigation ul li a:focus {
	text-decoration: none;
	color: #c00;
	background-color: #fff;
}

.GlobalNavigation ul li a span {
	padding-left: 23px;
	background: url(../images/arrow_gnavi.gif) 0 .15em no-repeat;
}

.EN .GlobalNavigation ul li a span {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 21px;
	background: url(../images/arrow_gnavi_en.gif) 0 .15em no-repeat;
}

.GlobalNavigation ul li a.Current {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

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

/* -01. Topic Path */
#TopicPath {
	float: left;
	width: 60%;
	margin-bottom: 25px;
	padding: 5px 0 6px 20px;
	font-size: 92.9%;
}

#TopicPath dl {
	letter-spacing: -.4em;
}

#TopicPath dt,
#TopicPath dd {
	display: inline;
	letter-spacing: normal;
}

#TopicPath dd em {
	color: #c00;
}

#TopicPath img {
	margin: 0 3px;
	vertical-align: baseline;
}

/* -02. Usability */
#UsabilityTools {
	display: none;
}

.JS #UsabilityTools {
	display: block;
	float: right;
	width: 35%;
	margin-bottom: 20px;
	padding-right: 20px;
	text-align: right;
}

#PrintButton,
#FontTools,
#FontTools dl,
#FontTools dl dt,
#FontTools dl dd {
	display: inline;
}

#FontTools dl {
	letter-spacing: -.4em;
}

#FontTools dl dt,
#FontTools dl dd {
	margin: 0;
	letter-spacing: normal;
}

#FontTools dl dt {
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
}

#FontTools img {
	vertical-align: top;
}

#PrintButton {
	margin-left: 14px;
}

/* 04. Contents
-------------------------------------------------------------- */
#Contents {
	/*margin-bottom: 45px;*/
	padding-left: 20px;
	/*line-height: 1.75;*/
}

/* 05. Page Top Link
-------------------------------------------------------------- */
.Pagetoplink {
	clear: both;
	margin-bottom: 45px;
	font-size: 85.7%;
	text-align: right;
}

.Pagetoplink a {
	padding-left: 14px;
	background: url(../images/arrow_pagetop.gif) 0 .35em no-repeat;
}

/* 06. Local Navigation Area
-------------------------------------------------------------- */
#LocalNavigationArea {
	margin-bottom: 10px;
	padding-right: 20px;
	font-size: 92.9%;
	line-height: 1.308;
}

#LocalNavigationArea dl,
#LocalNavigationArea ul {
	border-bottom: 1px solid #d6d8da;
}

#LocalNavigationArea ul li ul {
	border-bottom: none;
}

.JS #LocalNavigationArea ul li ul {
	display: none;
}

#LocalNavigationArea ul li a {
	display: block;
	margin: 0;
	padding: 7px 10px 8px 31px;
	color: #fff;
	font-size: 115.4%;
	font-weight: bold;
	border-top: 1px solid #d6d8da;
	border-right: 1px solid #d6d8da;
	border-left: 1px solid #d6d8da;
	background: #c00 url(../images/arrow_rightnavi_l_on.gif) 11px .7em no-repeat;
}

#LocalNavigationArea ul li a:link { text-decoration: underline; }
#LocalNavigationArea ul li a:visited { text-decoration: underline; }
#LocalNavigationArea ul li a:hover { text-decoration: none; }
#LocalNavigationArea ul li a:focus { text-decoration: none; }

#LocalNavigationArea ul li ul li ul li a:link { color: #181818; text-decoration: none; }
#LocalNavigationArea ul li ul li ul li a:visited { color: #707070; text-decoration: none; }
#LocalNavigationArea ul li ul li ul li a:hover { color: #c00; text-decoration: underline; background-color: #f5f5f5; }
#LocalNavigationArea ul li ul li ul li a:focus { color: #c00; text-decoration: underline; background-color: #f5f5f5; }

#LocalNavigationArea ul li ul li ul li ul li a:link { color: #181818; text-decoration: none; }
#LocalNavigationArea ul li ul li ul li ul li a:visited { color: #707070; text-decoration: none; }
#LocalNavigationArea ul li ul li ul li ul li a:hover { color: #c00; text-decoration: underline; background-color: #fff; }
#LocalNavigationArea ul li ul li ul li ul li a:focus { color: #c00; text-decoration: underline; background-color: #fff; }

#LocalNavigationArea ul li a.Current {
	background: #c00 url(../images/arrow_rightnavi_l_on.gif) 11px .7em no-repeat;
}


#LocalNavigationArea ul li ul li a {
	font-size: 100%;
	font-weight: 100;
	background: #f3f3e7 url(../images/arrow_rightnavi.gif) 12px .75em no-repeat;
}

#LocalNavigationArea ul li ul li a:link { color: #181818; text-decoration: none; }
#LocalNavigationArea ul li ul li a:visited { color: #707070; text-decoration: none; }
#LocalNavigationArea ul li ul li a:hover { color: #c00; text-decoration: underline; background-color: #e7e7d8; }
#LocalNavigationArea ul li ul li a:focus { color: #c00; text-decoration: underline; background-color: #e7e7d8; }

#LocalNavigationArea ul li ul li a:link.Current,
#LocalNavigationArea ul li ul li a:visited.Current {
	color: #c00;
	font-weight: bold;
	background: #f3f3e7 url(../images/arrow_rightnavi.gif) 12px .75em no-repeat;
}

#LocalNavigationArea ul li ul li a.Current.HasChild {
	background: #f3f3e7 url(../images/arrow_undernavi.gif) 12px .8em no-repeat;
}

#LocalNavigationArea ul li ul li ul li a {
	padding-left: 36px;
	font-size: 100%;
	font-weight: 100;
	background: #f5f5f5 url(../images/arrow02_rightnavi.gif) 17px .8em no-repeat;
}

#LocalNavigationArea ul li ul li ul li a:link.Current,
#LocalNavigationArea ul li ul li ul li a:visited.Current {
	color: #c00;
	font-weight: bold;
	background: #f5f5f5 url(../images/arrow02_rightnavi.gif) 17px .8em no-repeat;
}

#LocalNavigationArea ul li ul li ul li a:link.Current.HasChild,
#LocalNavigationArea ul li ul li ul li a:visited.Current.HasChild {
	background: #f5f5f5 url(../images/arrow02_undernavi.gif) 17px .8em no-repeat;
}

#LocalNavigationArea ul li ul li ul li ul li a {
	padding-left: 42px;
	font-size: 100%;
	font-weight: 100;
	background: #fff url(../images/arrow02_rightnavi.gif) 23px .8em no-repeat;
}

#LocalNavigationArea ul li ul li ul li ul li a:link.Current,
#LocalNavigationArea ul li ul li ul li ul li a:visited.Current {
	color: #c00;
	font-weight: bold;
	background: #fff url(../images/arrow02_rightnavi.gif) 23px .8em no-repeat;
}


/* 07. Group Links
-------------------------------------------------------------- */
#GroupLinks {
	clear: both;
	width: 705px;
	margin-bottom: 45px;
}

.EN #GroupLinks {
	width: 940px;
}

#GroupLinks dl {
	margin-left: 20px;
	padding: 4px 0 4px 15px;
	background-color: #f3f3e7;
	border: 1px solid #d6d8da;
	letter-spacing: -.4em;
}

#GroupLinks dt,
#GroupLinks dd {
	display: inline-block;
	letter-spacing: normal;
}

#GroupLinks dd {
	width: 180px;
	margin-right: 4px;
}

.EN #GroupLinks dd {
	width: 255px;
}

#GroupLinks dd a {
	display: block;
	border: 1px solid #d6d8da;
	background: #fff url(../images/icon_popup.gif) 93% 50% no-repeat;
}

#GroupLinks img {
	vertical-align: middle;
}

/* 08. Footer Navigation
-------------------------------------------------------------- */
#FooterNavigation {
	margin-bottom: 8px;
	padding: 0 20px 0 32px;
	font-size: 85.7%;
	line-height: 1;
}

#FooterNavigation dl {
	letter-spacing: -.4em;
}

#FooterNavigation dl dt,
#FooterNavigation dl dd {
	display: inline;
	letter-spacing: normal;
}

#FooterNavigation dl dd.MobileMedia {
	display: none;
}

#FooterNavigation dl dt {
	padding-right: 15px;
}

#FooterNavigation dl dd {
	margin-left: 5px;
	padding-left: 6px;
	border-left: 1px solid #999;
}

#FooterNavigation dl dd.Usage {
	margin-left: 0;
	padding-left: 0;
	border: none;
}

#FooterNavigation img {
	vertical-align: middle;
}

/* 09. Footer
-------------------------------------------------------------- */
#Footer {
	padding: 5px 20px 5px 32px;
	font-size: 12px;
	background-color: #c00;
}

#Footer dl dt {
	float: left;
	width: 50%;
}

#Footer dl dd {
	float: right;
	width: 50%;
	text-align: right;
}

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

.Copyright,
#Footer .Footer_SmartPhone img {
	display: none;
}

/* 10. IR
-------------------------------------------------------------- */

.Stock_pricesArea,
.Ir_DownloadArea,
.Ir_AccessArea {
	border: 1px solid #d6d8da;
	margin: 0 20px 10px 0;
	font-size: 92.9%;
	line-height: 1.308;
	padding: 7px 10px 0 10px;
	overflow: hidden;
	
}

.Stock_pricesArea dl {
	margin-bottom: 15px;
}

.Stock_pricesArea dl span {
	font-size: 250%;
}

.Ir_Area p.Right-Txt {
	text-align: right;
}

.Ir_Area .Center-Txt {
	text-align: center;
}

.Ir_Area a.Link {
	background: url("../images/arrow_right.gif") no-repeat 0 0.35em;
    padding-left: 14px;
}

.Ir_Area p {
	margin-bottom: 10px;
}

.Ir_Area ul,
.Ir_Area ul li {
	margin-bottom: 5px;
}

.All_Download {
	border: 1px solid #d6d8da;
	padding: 10px 10px 0 10px;
	background-color: #F5F5F5;
	margin-bottom: 10px
}


.Ir_Area a.PDF span {
    background: url("../images/icon_pdf.gif") 100% .25em no-repeat;
    margin-right: 3px;
    padding-right: 18px;
}

.Ir_Area a.Excel span {
    background: url("../images/icon_excel.gif") 100% .25em no-repeat;
    margin-right: 3px;
    padding-right: 18px;
}

.Ir_Area a.Link.Inner, {
	background: url("../images/arrow_bottom.gif") 0 .35em no-repeat;
}

.Ir_Area p.Link.Inner span {
	background: url("../images/arrow_bottom.gif") 0 .35em no-repeat;
	padding-left: 14px;
}

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

.Ir_OtherLink {
	margin: 0 20px 10px 0;
	font-size: 92.9%;
	line-height: 1.308;
	padding: 7px 10px 0 10px;
	
}

.Accordion_Menu {
	border: 1px solid #d6d8da;
	padding: 10px;
	background-color: #F5F5F5;
	text-align: center;
}

.Ir_SocialIcon {
	float: left;
}

.Social_Text {
	overflow: hidden;
	padding: 19px 0 0 10px
}

.Social_Text02 {
	overflow: hidden;
	padding: 15px 0 0 10px
}

.Social_Text03 {
	overflow: hidden;
	padding: 10px 0 0 10px
}

ul.Accordion{
width:100%;
overflow: hidden;
}

ul.Accordion ul{
display: none;
}   


ul.Accordion li p{
cursor: pointer;/*カーソルを通常の物に*/ 
border: 1px solid #d6d8da;
padding: 10px;
background-color: #F5F5F5;
}

ul.Accordion li p.Javascript-Offtime{
display: none;
}

ul.Accordion ul.Javascript-Offtime02{
display: block;
}


.Ir_SocialArea {
	border: 1px solid #d6d8da;
	margin: 0 20px 10px 0;
	font-size: 92.9%;
	line-height: 1.308;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}

.Ir_SocialArea p.Ir_SocialIcon {
	margin-bottom: 0;
}


/* XX. Clearfix
-------------------------------------------------------------- */
#Footer dl:after,
#FooterNavigation dl:after,
#GroupLinks:after,
#SiteToolArea:after,
.GlobalNavigation ul:after,
#AllSearch:after,
#LogoArea:after,
#Header:after {
	content: "";
	display: block;
	clear: both;
}



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

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