@charset "utf-8";	

/*==============================	
	((CSS INDEX))

	Common Style
	all
	headerArea
	globalNaviSec
	breadCrumbArea	
	bodyArea
	localNaviBlock
	contentsBlock
	footermapArea
	footerArea

==============================*/	


/*==============================	
Common Style	
==============================*/	
*{
	margin:0;
	padding:0;	
}
/*Reset*/	
html{
	overflow-y:scroll;
}
body {
	padding:0;
	margin:0;
	/*font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,Verdana,"ＭＳ Ｐゴシック","MS P Gothic",Geneva,arial,helvetica,clean,sans-serif;*/
	font-size:.85em;
	color: #333333;
	/*background:url(../../../../../common/footter_bg.gif) bottom repeat-x;*/
	text-align:center;
	-webkit-text-size-adjust:none;/*ios*/
	min-width:980px;
	_display:inline;
	_zoom:1;
}
hr{	
	display:none;
}

/*非可視（スクリーンリーダー向け）*/		
.forReader {	
	position:absolute;
	top:-10000px;
}

/*Link*/
.investorsContainer a{
	color:#08277e;
	text-decoration:underline;
}
.investorsContainer .a:visited{
	color:#000;
	text-decoration:underline;
}	
.investorsContainer a:hover{	
	text-decoration:underline;
}

/*画像border*/
.investorsContainer img {
	border:none;
}

/*List*/	
ul,ol,dl{	
	list-style-type:none;
}	
ul.list{	
	list-style-type:disc;
	padding-left:18px;
}	
ol.list{
	list-style-type:decimal;
	padding-left:18px;
	margin-left:10px;
}
ul.list li,
ol.list li{	
	margin:2px 0;
}	
ul.list li ul{
	margin:0 0 0.6em;
}
ul.list li li{	
	list-style-type:circle;
	margin-left:34px;
}
dl.list dd{	
	margin-left:2em;
}	

/*float*/	
.floatLeft{	
	float:left;
}	
.floatRight{	
	float:right;
}	
.clear{	
	clear:both;
}
.clearLeft{	
	clear:left;
}	
.clearRight{	
	clear:right;
}	
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	/* For Mac IE5 \*//*/
	width: 100%;
	/* End for Mac IE5 */ 
	display:inline-block;
	/* Hide for Mac IE5 \*/
	clear:both;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
.clearfix{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}

/*text-align*/	
.center {	
	margin:0 auto;
	text-align: center; 
}	
.left {	
	text-align: left; 
}	
.right {	
	text-align: right; 
}
.top {
	vertical-align:top !important;
}
.middle {
	vertical-align:middle;
}

/* marginTop */ 
.marginTop0{	
	margin-top:0px !important;
}	
.marginTop30{
	margin-top:30px !important;
}	
.marginTop40{	
	margin-top:40px !important;
}
.marginTop60{	
	margin-top:60px !important;
}

/* marginBottom */ 
.marginBottom0{
	margin-bottom:0px !important;
}
.marginBottom30{
	margin-bottom:30px !important;
}
.marginBottom50{
	margin-bottom:50px !important;
}

/* marginLeft */ 
.marginLeft0{
	margin-left:0px !important;
}
.marginLeft22{
	margin-left:22px !important;
}

/* marginRight */ 
.marginRight0{
	margin-right:0 !important;
}

/* paddingBottom */ 
.paddingBottom50{
	padding-bottom:50px;
}



/*見出し*/
h1, h2, h3, h4, h5, h6 {	
	font-size:100%;
}
/*上付き文字、下つき文字*/
sup{
	vertical-align:3px;
}
sub {
	vertical-align:-1px;
}

/*============================================================
all
============================================================*/
#all{
	background:url(/corporate/ir/investors/guide/img/common/header_bg.gif) top repeat-x;
	position:relative; z-index:1;
}
/*20170915*/
@media all and (min-width: 0) and (max-width: 767px) {
	#all{
		background: none;
	}
}
/*20170915*/
/*============================================================	
headerArea
============================================================*/
#headerArea{
	width:940px;
/*20170913*/	
	height:153px;
/*20170913*/
	padding:4px 0 0;
	margin:0 auto;
}
/*20170913*/	
@media all and (min-width: 0) and (max-width: 767px) {
	#headerArea{
		width:auto;
		height:auto;
		padding:0;
	}
}
/*20170913*/

/*ロゴブロック----------------*/
#headerArea #logoBlock{
	float:left;
}
#headerArea #logoBlock h1{
	width:271px;
	margin:0;
	padding:0;
}
#headerArea #logoBlock a {
	display: block;
	text-decoration: none;
}
#headerArea #logoBlock a .ttl {
	margin-bottom: 2px;
	display: block;
	color: #1C1C1C;
	font-size: 0.85em;
}
/*20170913*/	
@media all and (min-width: 0) and (max-width: 767px) {
	#headerArea #logoBlock {
		margin:0 10px 10px 10px;
	}
}
/*20170913*/
/*#headerSec #logoBlock.forFontSiseL{
	width:220px !important;
}*/

/*ツールブロック----------------*/
#headerArea #linkToolBlock{
	width:210px;
	float:right;
	text-align:right;
	font-size:12px;
}
#headerArea #linkToolBlock p{
	text-align:right;
	margin:0;
}

/*文字サイズ*/
#headerArea #linkToolBlock #sizeSwitch{
	float:left;
	height:23px;
}
#headerArea #linkToolBlock #sizeSwitch a{
	width:22px;
	height:22px;
	margin:0 2px;
}

/*印刷*/
#headerArea #linkToolBlock .print{
	float:right;
	text-indent:-10000px;
}
#headerArea #linkToolBlock .print a{
	display:block;
	width:52px;
	height:23px;
	background:url(../../../../../common/btn_print.gif) 6px 0 no-repeat;
	overflow:hidden;
	text-indent:300px;
}

/*============================================================	
globalNaviSec	
============================================================*/

#globalNaviSec{
	width:940px;
    position:relative;
	margin:0 auto;
/*20170913*/	
	height:86px;
	padding-top:8px;
/*20170913*/
	overflow:hidden;
}
#globalNaviSec{ /*IE6*/
	_padding-top:11px;
}
* html #globalNaviSec{
	padding-top:11px;
}


#globalNaviSec #gnaviCover{
	width:940px;
	position:absolute;
	top:154px;
/*	margin-top:75px;*/
/*	margin:75px 0 0 -470px;*/
	z-index:100;
}

#globalNaviSec ul#gnavi{
/*20170913*/	
	margin: 0;
/*20170913*/
	width:940px;
    list-style:none;
    position:relative;
    bottom:0;
	z-index:10;
	display:flex;
	justify-content:flex-start;
}
#globalNaviSec ul#gnavi li{
	/*float:left;*/
}
#globalNaviSec ul#gnavi li a{
	display:block;
    cursor:pointer;
    position:relative;
/*    float:left;*/
    bottom:-30px;
		transition:bottom .3s ease;
}
/*20170913*/	
#globalNaviSec ul#gnavi li a:hover img {
	 opacity: 1;
}
/*20170913*/

/*現在地表示*/
.business #globalNaviSec #gnavi li.here a,
.advantage #globalNaviSec #gnavi li.here a,
#vision #globalNaviSec #gnavi li.here a,
.initiative #globalNaviSec #gnavi li.here a,
#results #globalNaviSec #gnavi li.here a,
#market #globalNaviSec #gnavi li.here a,
#history #globalNaviSec #gnavi li.here a,
#merit #globalNaviSec #gnavi li.here a{
    bottom:0px;
}
#globalNaviSec ul#gnavi li a:hover{bottom:0;}

/*20170913*/
@media all and (min-width: 0) and (max-width: 767px) {
	#globalNaviSec{
		width:auto;
		margin:0 10px;
		height:auto;
		padding-top:0;
	}
	#globalNaviSec #gnaviCover{
		width:auto;
		top:auto;
	/*	margin-top:75px;*/
	/*	margin:75px 0 0 -470px;*/
		z-index:100;
	}
	#globalNaviSec ul#gnavi{
		margin: 24px 0 0;
		list-style:none;
		width:auto;
		flex-wrap:wrap;
	}
	#globalNaviSec ul#gnavi li{
		margin-top: -24px;
		width: 23.5%;
	}
	#globalNaviSec ul#gnavi li:nth-child(4n-1) {
		margin: -24px 2% 0 1%;
	}
	#globalNaviSec ul#gnavi li:nth-child(4n-2) {
		margin: -24px 1% 0 2%;
	}
	#globalNaviSec ul#gnavi li a{
		width: 100%;
		position: static;
	/*    float:left;*/
		bottom: -30px;
	}
	#globalNaviSec ul#gnavi li a img {
		width: 100%;
	}
	body.cp #globalNav ul.primary li a:hover {
		color: #000;
	}
}
/*20170913*/
/*==================================================================================================	
	contentsBlock
==================================================================================================*/	
#contentsArea{
	width:980px;
	margin:0 auto;
	text-align:left;
/*	background: url(/corporate/ir/investors/guide/img/common/common_contentsBgB.gif) bottom no-repeat;*/
/*	background:#F00;*/
/*	border-bottom:1px solid #FC0;*/
}
#contentsArea #contentMain{
/*	background: url(/corporate/ir/investors/guide/img/common/common_contentsBgT.gif) top no-repeat;*/
}
#contentsArea #contentMain #contents{
	width:980px;
	padding:0;
	margin:15px 0 50px;
/*	background: url(/corporate/ir/investors/guide/img/common/common_contentsBgM.gif) repeat-y;*/
	line-height:160%;
}

/*--コンテンツセクション-----------------------------------------------------*/
#contentsArea #contentMain #contents .section830{
	width:100%;
	margin:0 auto;
	text-align:center;
}
/*20170913*/	
@media all and (min-width: 0) and (max-width: 767px) {
	#contentsArea{
		width:auto;
		margin:0 10px;
		background: none;
	}
	#contentsArea #contentMain{
		background: none;
	}
	#contentsArea #contentMain #contents{
		width:auto;
		padding:0;
		margin: 18px 0;
		background: none;
	}
	
	/*--コンテンツセクション-----------------------------------------------------*/
	#contentsArea #contentMain #contents .section830{
		width:auto;
	}	
}
/*20170913*/

/*--見出し(headline)--------------------------------------------------------*/
#contentsArea #contentMain h1{
	margin:40px 50px 40px 65px;
}
#contentsArea #contentMain p.h1Title{
	margin:40px 50px 35px 50px;
}
#contentsArea #contentMain h2{
	margin-bottom:1em;
}
#contentsArea #contentMain .catch{
	margin:0 auto;
/*20170913*/	
	font-size: 2.7em;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: -2px;
	text-align: center;
/*20170913*/
}
/*20170913*/	
@media all and (min-width: 0) and (max-width: 767px) {
	#contentsArea #contentMain .catch{
		font-size: 1.1em;
		letter-spacing: normal;
	}
}
/*20170913*/

/*--見出しの注釈--------------------------------------------------------*/
#contentsArea #contentMain #specialNote{
	position:relative;
	top:-42px;
	width:880px;
	margin:0 auto;
	text-align:right;
}





/*段組-----------------------------------------------------------------------*/
/*段組　2：1*/
.section830 .layoutL2R1 .floatLeft{
	width:546px;
}
.section830 .layoutL2R1 .floatRight{
	width:262px;
} 




/*別ウインドウ*/
.linkWindow{
	background: url(/corporate/ir/investors/guide/img/common/icon02.png) 0 4px no-repeat;
	padding-left:20px;
}
/*20170913*/
.linkWindow a{
	color: #08277e;
	font-size: 1.1em;
	text-decoration:none;
}
/*20170913*/
.linkWindow a:visited{
	text-decoration:none;
}
.linkWindow a:hover{
	text-decoration:underline;
}
/*20170915*/
@media all and (min-width: 0) and (max-width: 767px) {
	.linkWindow{
		background: url(/corporate/ir/investors/guide/img/common/icon02.png) 0 6px no-repeat;
		padding-left:18px;
	}
	.linkWindow a{
		font-size: 0.9em;
	}
	.linkWindow a:hover{
		text-decoration: none;
	}	
}
/*20170915*/

/*角丸ボックス 赤*/
.roundedBoxRed{
    border-spacing: 0;
    border:1px solid #d70c18;
    -webkit-border-radius:20px;
     -khtml-border-radius:20px;
       -moz-border-radius:20px;
            border-radius:20px;
	padding:29px;
}
/*20170915*/
@media all and (min-width: 0) and (max-width: 767px) {
	.roundedBoxRed{
		-webkit-border-radius:10px;
		 -khtml-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
		padding:10px 0;
	}
}
/*20170915*/
/*画像タイトル*/
.figTitle {
	font-size:110%;
	font-weight:bold;
	display:block;
	margin-bottom:4px;
}

/* p */	
#contentMain p{
	margin-bottom:1em;
    font-size: 16px;
}	
.catch{
	font-weight:bold;
	font-size:150%;
}
.lead{
	color:#08277e;
	font-size:150%;
	line-height:150%;
	font-weight:bold;
	margin-bottom:10px;
}
p.indent{	
	text-indent:1em;
}	

/*注釈各種-------------------*/
.note{
	color:#333333;
	font-size:86%;
}
.notesK,
.notesC,
.notesCn{
	line-height:120%;
	font-size:86%;
	margin-bottom:1em;
	margin-top:3px;
}
/*注釈（※の場合）*/
.notesK dt{
	width:1.2em;
	float:left;
}
.notesK dd{
	margin-left:1.2em;
}
/*注釈（（注）の場合）*/
.notesC dt{
	width:2.5em;
	float:left;
}
.notesC dd{
	margin-left:2.5em;
}

	
/*innerLink 項目が複数あるページ内リンク*/
.innerLink{
}
.innerLink li{
	float:left;
	margin-right:10px;
}
.innerLink li a{
	display:block;
	text-decoration:none;
}


/*innerLink 文中に単独であるページ内リンク*/
span.innerLink, 
p.innerLink {
	padding-left:10px;
}
.nowrap {
	white-space:nowrap;
}


/*toPagetop　ページの上へ*/	
.toPagetop{
	clear:both;
	margin-top:2em;
	padding:2em 50px 1em 50px;
	text-align: right;
}
.toPagetop span{
	padding:0 0 0 20px;
	font-size: 1.1em;
	background: url(/corporate/ir/investors/guide/img/common/icon_pagetop.gif) no-repeat 0 50%;
}
.toPagetop a, 
.toPagetop a:visited{
	color:#0055bb;
	text-decoration:none;
}	
.toPagetop a:hover{	
	text-decoration:underline;
}
/*20170915*/
@media all and (min-width: 0) and (max-width: 767px) {
	.toPagetop{
		margin-top: 0;
		padding:2em 0 1em;
	}
	.toPagetop a:hover{	
		text-decoration: none;
	}
}
/*20170915*/	

	
/*====================================================================================================================================
footerArea	
====================================================================================================================================*/	
#footerArea{
	width:940px;
	margin:0 auto;
	padding:0 20px;
	font-size:90%;
	color:#FFF;
}

/* FooterMenu -------------------------------------------------------------------*/
#footerArea #footerMenu{
	float:right;
	background:#d70c18 url(../../../../../common/footter_menuBgR.gif) top right no-repeat;
	padding-right:15px;
}
#footerArea #footerMenuInner{
	background:url(../../../../../common/footter_menuBgL.gif) top left no-repeat;
	padding:10px 0 3px 10px;
}
#footerArea #footerMenu ul li{
	display:inline;
	border-right:1px solid #FFF;
	padding:0 10px;
}
#footerArea #footerMenu ul li.last{
	border:none;
}
#footerArea #footerMenu ul li a{
	background:url(../../../../../common/icon_windowRed.gif) 0 50% no-repeat;
	padding-left:18px;
}

#footerArea #footerMenu ul a:link,
#footerArea #footerMenu ul a:visited,
#footerArea #footerMenu ul a:hover{
	color:#FFF;
}
#footerArea #footerMenu ul a:link{
	text-decoration:none;
}
#footerArea #footerMenu ul a:hover{
	text-decoration:underline;
}


/* FooterCopyright -------------------------------------------------------------------*/
#footerArea #footerCopy{
	clear:both;
	width:940px;
	height:55px;
	text-align:left;
	padding-top:15px;
/*	font-size:90%;*/
}



/*====================================================================================================================================
	Print
====================================================================================================================================*/	
@media print{
	body {
		zoom: 0.75;
	}
	.forReader{
		position:relative;
		display:none;
		/*for print firefox4 未解決*/
	}
	body,
	#all,
	#contentsArea,
	#contentsArea #contentMain,
	#contentsArea #contentMain #contents{
		background:none;
	}
	#headerArea #headerSec #linkToolBlock,
	#headerArea #globalNaviSec,
	#contentsArea #contentMain .toPagetop,
	#footerArea #footerMenu{
		display:none;
	}
	#headerArea{
		height:55px;
	}
	#footerArea #footerCopy{
		color:#000;
	}
}
/* ========== universal font size setting ============================================================================================ */
/*20170913*/	
body {
	text-align: left;
}

#wrapper {
	position: relative;
	padding-top: 160px;
}

#siteHeader {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
}

#globalNav {
	position: absolute;
	width: 100%;
	left: 0;
	top: 80px;
}
#globalNav.fixed {
	top: 0;
}

#local {
	top: 125px;
	position: absolute;
	left: 0;
	width: 100%;
}

#breadcrumbs ul li a {
	color: #000;
}

#breadcrumbs ul li:first-child a {
	color: #000;
}

#globalNav ul.primary .ir a:before {
	margin-left: -47%;
	width: 95%;
	height: 2px;
	position: absolute;
	background-color: #CB2221;
	bottom: -2px;
	left: 50%;
	content: " ";
}

#contentsArea .headLine01 {
	padding: 15px 0;
}

#contentsArea .headLine01 .num {
	margin-top: -13px;
	float: left;
	display: inline-block;
}

#contentsArea .headLine01 .title {
/*	margin-left: 52px;*/
	padding: 9px 15px 4px;
	display: block;
	color: #D70C18;
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 1px solid #E3545D;
	border-top: 1px solid #E3545D;
    text-align: center;
}

.sp {
	display: none !important;
}

@media all and (min-width: 0) and (max-width: 767px) {
	body {
		min-width: inherit;
	}

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	#breadcrumbs ul li a {
		color: #FFF;
	}
	
	#breadcrumbs ul li:first-child a {
		color: #FFF;
	}
	
	#wrapper {
		padding-top: 0;
	}
	
	#siteHeader {
		position: fixed;
		left: 0;
		top:0;
		width: 100%;
	}
	
	#globalNav {
		top: inherit;
	}
	
	#contentsArea .headLine01 {
		padding: 10px 0;
	}

	#contentsArea .headLine01 .num {
		margin-top: -8px;
		height: 50px;
	}
	
	#contentsArea .headLine01 .num img {
		height: 100%;
		width: auto;
	}
	
	#contentsArea .headLine01 .title {
	/*	margin-left: 32px;*/
		padding: 5px 10px 2px;
		font-size: 1.3em;
	}
	
	#contentsArea a:hover img {
		opacity: 1;
	}
}
/*20170913*/
