@charset "utf-8";
/*------------------ based on 17/05/29 */
/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url("//fonts.googleapis.com/css?family=Lato");
/*------------------------------------- 
1_初期化
2_基本設定
3_リンク設定
4_フォント
5_アクセスビリティ
6_clear
7_グリットレイアウト（テンプレート枠）
8_ヘッダエリア
9_ぱんくず
10_サイドナビエリア
11_コンテンツエリア
12_フッターエリア
13_パーツ（コンポーネント）
14_フォーム
15_テンプレートID
16_テストサイト用オリジナル！！！削除の事！！！
-------------------------------------*/

/* --------------------------------------
 1_cssの初期化
-------------------------------------- */
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, /* -input, - */textarea,
p, blockquote,
/* -th, td,- */
img {
	margin: 0;
	padding: 0;
	border:none;
	vertical-align: top;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

th,
td {
	vertical-align: top;
	text-align: left;
	word-break: break-word;
}

ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}



/* --------------------------------------
 2_基本設定
-------------------------------------- */
body {
	color: #000;
	font-size: 1.6rem;
	font-family: "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 1.7;
	background:#FFF;

	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	font-size: 62.5%;
}


/* --------------------------------------
 3_リンク設定
-------------------------------------- */
a:link {
	color:#444;
	text-decoration:none;
}

a:visited {
	color:#444;
	text-decoration:none;
}

a:hover {
	color:#3e85cc;
	text-decoration: none;
}

a:active {
	color:#3e85cc;
	text-decoration:none;
}

a {
/*	overflow:hidden; */
	outline:none;
	word-wrap: break-word;
	transition: all .5s ease;
}

a:hover img {
	-ms-opacity: 0.6;
	opacity: 0.6;
}


/* --------------------------------------
 4_フォント
-------------------------------------- */
/* -- ★★！！要確認。とりあえずまとめて設定してますが。個別設定の方が良い？ -- */

h1 {
	font-size: 128.5%; /* 18px */
	font-weight:bold;
}

h1 em,
h1 em { /* kicker */
	display: block;
	font-size: 62.5%;
	font-style: normal;
}

h2 {
	font-size: 114%; /* 16px */
	line-height:1.2;
}

.teaser h2 em { /* kicker */
	display: block;
	font-size: 71.4%; /* 10px */
	font-style: normal;
}

h3 {
	font-size:100%; /* 14px */
	font-weight:bold;
	line-height:1.2;
}

.latest h3 em { /* kicker */
	display: block;
	font-style: normal;
	font-size: 71.4%; /* 10px */
}

/* ★★これ使ってる？ */
.link-list h3 { /* linklist in teaser */
	font-size: 130%;
	font-weight: bold;
}


.latest h3 {
	font-size: 160%;
}
h4 {
	font-size:100%; /* 14px */
	font-weight:bold;
	line-height:1.2;
}

h5 {
	font-size:100%; /* 14px */
	font-weight:bold;
	line-height:1.2;
}

/* ↓★★ここから下のフォントまだ見てない */

.teaser-group h5 {
	font-size: 160%;
}
.teaserlist li {
	font-size: 160%;
	font-weight: bold;
}



/* sidebar */
#extras h2,
#extras h3 {
	font-size: 160%;
	font-weight: bold;
}

#extras .latest h3 em,
#extras .rss-content h2 em { /* kicker */
	display: block;
	font-size: 68.75%; /* 11px */
	font-style: normal;
}


/*-------------- ページャー、続きを読む等★マグ --------------*/
/*
em.more a {
	padding-left: 15px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 2px;
	font-style: normal;
}
*/
em.more-comments a {
	font-style: normal;
	padding: 7px;
}
em.more-comments:before {
	content: "|";
}
p.back a {
	clear: both;
	display: block;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -67px no-repeat;
	margin: 25px 0;
	border-top: 1px solid #B3B3B3;
	border-bottom: none !important;
	padding: 5px 0 0 17px;
	font-style: normal;
	font-weight: bold;
}
p.back a:hover,
p.back a:focus,
p.back a:active {
	text-decoration: underline !important;
}
/*
.all a {
	clear: both;
	display: block;
	margin: 20px 0 0 0;
	border-top: 1px #b3b3b3 solid;
	padding: 5px 0 0 17px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px;
}
*/


/* --------------------------------------
 5_アクセスビリティ（hidden & skip link）
-------------------------------------- */
#step-by-step li em,
.showbox h1.showbox-title,
.aural,
.skip a,
#nav-global span em,
#nav li strong em,
#nav-global li.on em,
#nav-box li.on em,
#nav-global h6,
#nav-box li h3 em,
#nav h6,
#extras h6,
em.more span,
#promos .more,
.pager li em,
.pager h3,
/*#search-results .form-wrapper label span,*/
#main .vcard div h3,
#extras .vcard div h3,
#glossary-index h3,
.day span,
form div label em,
#nav-content strong em,
p#copyright-magnolia span,
#event-pager h5,
div.superpromos .superpromo-section p.more a span {
	display: block;
    position: absolute;
    overflow: hidden;
	left: -9999px;
    width: 1px;
    height: 1px;
}

.skip a:active,
.skip a:focus {
    position: absolute;
	background: #fff;
	outline: none;
    z-index: 1000;
	left: 200px;
    overflow: visible;
    width: auto;
    height: auto;
    padding: 5px 15px 10px 15px;
    font-weight: bold;
}

/* --------------------------------------
 6_clear
-------------------------------------- */
#step-by-step ol:after,
.opener:after,
.teaser:after,
.text-section:after,
.text-section dl:after,
#page-intro:after,
.form-wrapper div:after,
#stage div.teaser-wrapper:after,
.text-box-tabs .text-box-section:after,
#extras .toc-box .text-box-section:after,
#main .vcard:after,
.multiColumn1:after,
.multiColumn2:after,
.multiColumn3:after,
.multiColumn4:after,
.multiColumn5:after,
div.internal-link-area > a:after,
div.external-link-area > a:after,
div.download-link-area > a:after,
div.faq-list .faq-item > a:after,
div.event-list #event-pager ul:after {
	content: " ";
    display: block;
    clear: both;
}

.clearfix:after ,
.clr:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/*------------------------------------- 
7_グリットレイアウト（テンプレート枠）
-------------------------------------*/

#stage {
	position: relative;
	overflow: hidden;
	margin: 0 auto 20px auto;
	width: 940px;
}

#html1 {
}

/*-------------- CONTENTS --------------*/
#wrapper-2 {
/*	background: #fff; */
	overflow: hidden;
	margin: 20px auto;
	width: 1000px;
}

#nav {
	float: right;
	margin: 0;
	width: 280px;
}

#wrapper-3 {
	float: left;
	margin: 0;
	width: 660px;
}

#promo {
	float: left;
	margin: 0;
	width: 200px;
}

#map {
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 660px;
}
#main {
	/*float: left;
	margin: 0 20px 0 0;*/
	width: 660px;
}
#wrapper-3 > #main {
	overflow: visible;
}
#extras {
	float: left;
	width: 280px;
}
.promos {
	clear: both;
	/*overflow: hidden;
	padding: 20px 0 20px 0;*/
}


/* footer */
#site-info {
	clear: both;
	width:100%;
	min-width: 1000px;
	overflow:hidden;
}


/* 2 column layout: no nav vertical | main column | sidebar */
.col-subcol #wrapper-3 {
	width: 100%;
	float: none;
	clear:both;
}
.col-subcol #main {
	width: 660px;
}
.col-subcol #extras {
	width: 330px;
}
.col-subcol #nav {
	display: none;
}

/* 2 column layout: nav vertical | main column | no sidebar */
.nav-col #main {
	width: 100%;
}
#map {
	margin-top: 37px;
}

/* 2 column layout: two equal columns: main column | sidebar */
.col-subcol-equal #wrapper-3 {
	width: 100%;
}
.col-subcol-equal #main,
.col-subcol-equal #extras {
	width: 660px;
}

/* 2 column layout: nav vertical and big main column with 2 floating teasers: nav | main */
.nav-col-float2 #wrapper-3,
.nav-col-float2 #main {
	width: 660px;
}

/* 3 column layout: no nav vertical | main | sidebar | sidebar */
.col-subcol-subcol #wrapper-3 {
	width: 100%;
}
.col-subcol-subcol #main,
.col-subcol-subcol #extras {
	width: 660px;
}
.col-subcol-subcol #extras-1,
.col-subcol-subcol #extras-2 {
	width: 280px;
	float: left;
}
.col-subcol-subcol #extras-2 {
	float: right;
}

/* 3 column layout: 1 big column with 3 floating teasers | main */
/* 2 column layout: 1 big column with 2 floating teasers | main */
.col-float2 #wrapper-3,
.col-float2 #main {
	width: 100%;
}
.col-float3 #wrapper-3,
.col-float3 #main {
	width: 100%;
}

/* 3 column layout: no nav vertical, 1 big column with 2 floating teasers and a sidebar:  main column | sidebar  */
.col-float2-subcol #wrapper-3 {
	width: 100%;
}
.col-float2-subcol #main {
	width: 660px;
}
.col-float2-subcol #wrapper-3 {
	float: none;
}


/*------------------------------------- 
8_ヘッダエリア
-------------------------------------*/
/*--------------------------------------
 ●ok●ヘッダエリア編集の設定_画像とテキスト時のみ
テストサイト用に設定（通常不要） 
--------------------------------------*/

.bodycol-subcol {
}

#branding {
	position: relative;
	margin: 0 auto 20px auto;
	width: 940px;
}

#branding-box {
}

#logo {
	overflow: hidden;
	position: relative;
	height: 85px;
}
#logo span {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 10;
	display: block;
	top: 0;
	left: 0;
	height: 51px;
	width: 202px;
}

/* used for CSS rollover effect, currently disabled to avoid confusion
#logo > a:hover span,
#logo > a:active span,
#logo > a:focus span {
	background-position: 0 -199px;
	width: 308px;
}
*/

#logo strong,
#logo em {
	overflow: hidden;
	position: relative;
	color: #000;
	font-size: 200%;
}
#logo em {
	position: absolute;
	z-index: 11;
	left: 80px;
	bottom: 0;
	width: 100%;
	height: 30px;
	color: #ec1549;
	font-size: 130%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	white-space: nowrap;
}

#logo a {
	position: absolute;
	display: block;
	top: 28px;
	left: 0;
	width: 28em;
	height: 40px;
	padding: 10px;
	cursor: pointer;
}
#logo a:hover {
	text-decoration: none;
}
#logo a img {
	display: none;
}

#nav-meta {
	position: absolute;
	top: 10px;
	right: -10px;
}
#nav-meta ul li {
	float: left;
	margin: 0 10px 0 0;
	list-style: none;
	font-size: 110%;
}
#nav-meta ul li a {
	color: #ececee;
}
#nav-meta ul li a:hover,
#nav-meta ul li a:active,
#nav-meta ul li a:focus {
	color: #ff3062;
	text-decoration: underline;
}


#nav-global {
	overflow: hidden;
	margin: 20px auto;
	width: 1000px;
	min-width: 1000px;
	min-height: 69px;
}

#nav-global ul {
	position: relative;
	z-index: 100;
	/*background: #1c1c1c url("../../../../../../resources/templating-kit/themes/pop/img/bgs/nav-global-line.png") 0 95% repeat-x;*/
	float: left;
	width: 100%;
	margin: 0 0 24px 0;
	list-style: none;
}
#nav-global.plus-navsub ul {
	border-bottom: none;
}
#nav-global li {
	float: left;
	margin: 2px 10px 0 0;
	padding-bottom: 0.355em;
	font-size: 150%;
	font-weight: bold;
}
#nav-global li a,
#nav-global li a:visited,
#nav-global li strong {
	display: block;
	float: left;
	color: #072D74;
	text-decoration: none;
}
/* on + open */
#nav-global li.on,
#nav-global li.open {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/nav-global.png") 50% 100% no-repeat;
}
#nav-global li strong,
#nav-global li.open a,
#nav-global li.on a {
	background: #b4b4b4;
	border:#FFFFFF 1px solid;
}
#nav-global li strong span,
#nav-global li.open a span {
	padding-right: 10px;
}
#nav-global li span,
#nav-global li.open a span {
	float: left;
	margin-left: 5px;
	padding: .4em 10px .355em 5px;
}
/* hover */
#nav-global li a:hover,
#nav-global li a:active,
#nav-global li a:focus {
	/*background: #ec1549;
	border-radius: 5px; NIR*/
}
/* 2nd level horizontal subnav */
#nav-global ul ul {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 2.4em;
	width: 940px;
}
#nav-global li li,
#nav-global li li.on {
	background: none;
	font-size: 100%;
}
#nav-global li.open li span,
#nav-global li.open li a,
#nav-global li.open li strong{
	background: none;
	font-weight: normal;
}
#nav-global li.open a {
	text-decoration: none;
}
#nav-global li.open li.on a span,
#nav-global li.open li strong span {
	font-weight: bold;
	color: #ff3062;
}
#nav-global li li a:hover,
#nav-global li li a:active,
#nav-global li li a:focus,
#nav-global li li a:hover span,
#nav-global li li a:active span,
#nav-global li li a:focus span {
	background: none;
	color: #ff3062;
}

#nav-global-box{
}

#nav-global-box .open {
}

#nav-global-box .on {
}

#nav-global.plus-navsub {
	min-height: 6.8em;
	border-bottom: 1px solid #4a4a4a;
}

/*-------------- ●ok●↑未使用ヘッダーここまで↑↑ --------------*/


/*-------------- ●ok●公開日時表示 --------------*/
#pub-date {
text-align: right;  
}

#pub-date p {
}


/*-------------- ●ok●SECTION-HEADER（総合・スペシャル以外） --------------*/
/* -- gnv直下のエリア（何かの時使用。通常未使用。） -- */
#section-header {
	margin: 30px auto 20px auto;
	width: 940px;
	background: #0d8ccc;
	border-radius: 5px;
	overflow: hidden;
}

#section-header h5 {
}

#section-header p {

}



/*------------------------------------- 
9_ぱんくず
-------------------------------------*/

/*-------------- ●ok●ぱんくず（4箇所にあり_セック側設定） --------------*/

.bread-crumb {
	margin: 0px auto;
	width: 1000px;
	text-align: left;

	font-size: 1.4rem;
	color: black;
	padding: 20px 0;
	line-height: 1.4;
}

.bread-crumb:after {
	content: "";
	display: block;
	clear: both;
}

/* -- パンくずタイトル -- */
div.bread-crumb h5 {
	float: left;
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: inherit;
	display: inline;
	font-size: inherit;

	margin-right: 0.5em;
}

div.bread-crumb h5 p ,
div.bread-crumb h5 span {
	display: inline;
}

div.bread-crumb h5 p a ,
div.bread-crumb h5 span a {
	color: #000;
}

div.bread-crumb h5 p a:hover ,
div.bread-crumb h5 span a:hover {
	color: #4298b5;
}

div.bread-crumb h5 p:after ,
div.bread-crumb h5 span:after {
	padding-left: 0.5em;
	content:">";
}

div.bread-crumb ol {
}

div.bread-crumb ol:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.bread-crumb ol li {
	float: left;
	margin-right: 0.5em;
}

div.bread-crumb ol li:after {
	padding-left: 0.5em;
	content:">";
}

div.bread-crumb ol li:last-child {
    margin-right: 0;
}

div.bread-crumb ol li:last-child:after {
	content: none;
}
div.bread-crumb ol li a {
	color: #000;
}

div.bread-crumb ol li a:hover {
	color: #4298b5;
}

/* -- 現在位置表示 -- */
div.bread-crumb ol li strong {
	font-weight: normal;
}

/* ページタイトルの改行は非表示 */
div.bread-crumb br {
	display: none;
}

/* -- TOP書き換え -- */
/*
div.bread-crumb ol li:first-child a {
	font-size: 0;
}
#header.ja ~ div div.bread-crumb ol li:first-child a:before ,
#header.ja ~ div.bread-crumb ol li:first-child a:before {
	content: "ホーム";
	font-size: 14px;
}
#header.en ~ div div.bread-crumb ol li:first-child a:before ,
#header.en ~ div.bread-crumb ol li:first-child a:before {
	content: "HOME";
	font-size: 14px;
}
*/

/*------------------------------------- 
10_サイドナビエリア
-------------------------------------*/


/*--- SideNavi_area ---*/

#nav {
}

#nav #promos1 {
}

#nav #promos1 div.promos {
}

/*-------------- ローカルナビ --------------*/
/* -- ローカルナビエリア -- */

#nav-box {
  padding: 20px 10px 20px 40px;
}

#nav-box ul li {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px 0;
}

#nav-box ul li a ,
#nav-box ul li strong {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  letter-spacing: .05em;
  position: relative;
  line-height: 1.4;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

#nav-box ul li a:before ,
#nav-box ul li strong:before {
  vertical-align: middle;
}

body.ie #nav-box ul li a ,
body.ie #nav-box ul li strong {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#nav-box ul.navLevel_1 > li > a ,
#nav-box ul.navLevel_1 > li > strong {
  padding-left: 25px;
}

#nav-box ul.navLevel_1 > li > a:before,
#nav-box ul.navLevel_1 > li > a:after ,
#nav-box ul.navLevel_1 > li > strong:before,
#nav-box ul.navLevel_1 > li > strong:after {
  position: absolute;
  display: block;
  font-weight: normal;
  transition: color .3s ease;
}

#nav-box ul.navLevel_1 > li > a:before ,
#nav-box ul.navLevel_1 > li > strong:before {
  top: 3px;
  left: 1px;
  color: #47497a;
  font-size: 13px;
  font-size: 1.3rem;
  content: "\e91e";
}

#nav-box ul.navLevel_1 > li > a:after ,
#nav-box ul.navLevel_1 > li > strong:after {
  top: 1px;
  left: 0;
  color: #ddd;
  font-size: 16px;
  font-size: 1.6rem;
  content: "\e901";
}

#nav-box ul.navLevel_1 > li > strong:before {
  color: #fff;
}

#nav-box ul.navLevel_1 > li > strong:after {
  color: #47497a;
}

#nav-box ul.navLevel_1 > li > a:hover:before {
  color: #fff;
}

#nav-box ul.navLevel_1 > li > a:hover:after {
  color: #3e85cc;
}

#nav-box ul.navLevel_2 {
  clear: both;
  padding: 11px 0 0 25px;
  margin-bottom: -8px;
}

#nav-box ul.navLevel_2 li {
  padding: 5px 0;
}

#nav-box ul.navLevel_2 li a ,
#nav-box ul.navLevel_2 li strong {
  font-weight: 500;
  padding-left: 15px;
}

#nav-box ul.navLevel_2 li a:before ,
#nav-box ul.navLevel_2 li strong:before {
  position: absolute;
  display: block;
  width: 15px;
  top: 5px;
  left: 0;
  color: #47497a;
  font-size: 8px;
  font-size: .8rem;
  transition: color .3s ease;
  line-height: 1.7;
}

#nav-box ul.navLevel_2 > li > a:before ,
#nav-box ul.navLevel_2 > li > strong:before {
  content: "\e907";
}

#nav-box ul.navLevel_2 li a:hover:before {
  color: #3e85cc;
}




#promos2 .sidenav-sub li {
  margin-bottom: 2px;
  font-size: 16px;
  font-size: 1.6rem;
}

#promos2 .sidenav-sub li a {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  background: #eee;
  padding: 20px 20px 18px 75px;
  font-weight: bold;
  color: #00033e;
  position: relative;
  line-height: 1.4;
  transition: all .3s ease;
}

#promos2 .sidenav-sub li a:before {
  vertical-align: middle;
}

body.ie #promos2 .sidenav-sub li a {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#promos2 .sidenav-sub li a:hover {
  color: #0368bd;
  background-color: #e4eefe;
  text-decoration: none;
}

#promos2 .sidenav-sub li a:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 35px;
  margin-top: -13px;
  color: #00033e;
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  width: 30px;
  text-align: center;
  line-height: 1;
  transition: color .3s ease;
}

#promos2 .sidenav-sub li a.contact:before {
  margin-top: -11px;
}

#promos2 .sidenav-sub li a:hover:before {
  color: #0368bd;
}


#promos2 .sidenav-sub li a.support:before {
  content: "\e919";
}

#promos2 .sidenav-sub li a.contact:before {
  content: "\e90d";
}

#promos2 .sidenav-sub li a.request:before {
  content: "\e905";
  vertical-align: middle;
}

#promos2 .sidenav-sub li a.parts:before {
  content: "\e916";
}



/* -- ☆階層が増えるごとに、連番で追加 -- */

#promos2 {
}

#promos2 div.promos {
}



/*------------------------------------- 
11_コンテンツエリア
-------------------------------------*/
/*-------------- ●ok●概要エリア --------------*/

#page-intro {
	width:100%;
	min-width: 660px;
	margin-bottom:20px;
}

/* -- コンテンツ内H1レイアウト -- */
#page-intro > h1 {
	color: #444;
	padding: 5px 0;
	font-size: 32px;
	font-weight: bold;
}

/* -- H1画像登録時レイアウト -- */

#page-intro .titleImage {
	margin-bottom:20px;
}

#page-intro .titleImage h1 {
	width:auto;
	line-height:0;
	max-width:100%;
	padding:0;
	font-size:0;
}

#page-intro .titleImage h1 img {
	width: auto;
}

/* -- 概要に日付入れた際使用（イベント・汎用） -- */
#page-intro div.text-meta ul.text-data {
	text-align: right;
/*	display: none; */
}

#page-intro div.text-meta ul.text-data li.date {
}


/*--- 概要説明文の画像 ---*/
#page-intro .abstractImage {
	margin: 0 auto;
/*	margin-bottom: 10px; */
}

#page-intro .abstractImage p {
	width:100%;
}

#page-intro .abstractImage img {
	display: none;
}

/*--- ●ok●メインコンテンツ ---*/
#sharewithmain {
}


/*-------------- ●ok●プロモス3エリア --------------*/
#promos3 {
	display:none;/* -- 2カラムレイアウト時cssで非表示に -- */
}

#promos3 div.promos3 {
}



/*------------------------------------- 
12_フッターエリア
-------------------------------------*/

/*-------------- FOOTER --------------*/


#section-site-info {
}

#section-site-info-box {
}

#site-info {
	position: relative;
}

#site-info-box {
/*	width: 1000px; */
/*	margin: 0 auto; */
}
#site-info-box:after {
	content: "";
	display: block;
	clear: both;
}

p#copyright {
}

/* -- マグノリアのロゴが入ってる★★！！要確認_タグごと削除予定 -- */
p#copyright-magnolia {
	display:none;
}



/*-------------- カラム選択07_901 --------------*/
/* -- NIR基本全社共通 -- */

/* -- ★★NIR -- */
.multiColumn1,
.multiColumn2,
.multiColumn3,
.multiColumn4,
.multiColumn5 {
 	clear:both;
	margin-bottom:20px;
}

.multiColumn1 > .column1 {
	width: 100%;
/*	float:left; */
	margin-bottom:20px;
}


.multiColumn2 > .column1 ,
.multiColumn2 > .column2 {
	width: 47%;
	width: calc((100% - 40px) / 2);
	float:left;
	margin-bottom:20px;
}

.multiColumn2 > .column1 {
	margin-right: 6%;
	margin-right: 40px;
}

.multiColumn3 > .column1 ,
.multiColumn3 > .column2 ,
.multiColumn3 > .column3 {
	width:30%;
	float:left;
	margin-bottom:20px;
}

.multiColumn3 > .column1 ,
.multiColumn3 > .column2 {
	margin-right:5%;
}

.multiColumn4 > .column1 ,
.multiColumn4 > .column2 ,
.multiColumn4 > .column3 ,
.multiColumn4 > .column4 {
	width:22%;
	float:left;
	margin-bottom:20px;
}

.multiColumn4 > .column1 ,
.multiColumn4 > .column2 ,
.multiColumn4 > .column3 {
	margin-right:4%;
}

.multiColumn5 > .column1 ,
.multiColumn5 > .column2 ,
.multiColumn5 > .column3 ,
.multiColumn5 > .column4 ,
.multiColumn5 > .column5 {
	width:17%;
	float:left;
	margin-bottom:20px;
}

.multiColumn5 > .column1 ,
.multiColumn5 > .column2 ,
.multiColumn5 > .column3 ,
.multiColumn5 > .column4 {
	margin-right: 3.75%;
}


/*-- カラム分割比率 --*/
.layout_multi2_column73.multiColumn2 > .column1 {
	width: calc((100% - 40px) * 0.7);
}
.layout_multi2_column73.multiColumn2 > .column2 {
	width: calc((100% - 40px) * 0.3);
}

.layout_multi2_column64.multiColumn2 > .column1 {
	width: calc((100% - 40px) * 0.6);
}
.layout_multi2_column64.multiColumn2 > .column2 {
	width: calc((100% - 40px) * 0.4);
}

.layout_multi2_column46.multiColumn2 > .column1 {
	width: calc((100% - 40px) * 0.4);
}
.layout_multi2_column46.multiColumn2 > .column2 {
	width: calc((100% - 40px) * 0.6);
}

.layout_multi2_column37.multiColumn2 > .column1 {
	width: calc((100% - 40px) * 0.3);
}
.layout_multi2_column37.multiColumn2 > .column2 {
	width: calc((100% - 40px) * 0.7);
}


/*------------------------------------- 
14_パーツ（コンポーネント）
-------------------------------------*/

/*------- CKエディタ ----------*/

/* -- ckエディタの機能を損なうから制御は不可 -- */
#page-intro .abstractImage ,
div.quoted-text blockquote ,
div.highlight-quoted-text ,
div.text-section ,
div.internal-link-area ,
div.external-link-area ,
div.download-link-area ,
div.faq-list .faq-item ,
div.vertical-table div.vtable-item > table > tbody > tr > th ,
div.vertical-table div.vtable-item > table > tbody > tr > td ,
div.ircalendar div.ircalendar-title > table > tbody > tr > th ,
div.ircalendar div.ircalendar-item > table > tbody > tr > td {
/*	text-align: center; */
}

#page-intro .abstractImage > * ,
div.quoted-text blockquote > * ,
div.highlight-quoted-text > * ,
div.text-section > * ,
div.internal-link-area > * ,
div.external-link-area > * ,
div.download-link-area > * ,
div.faq-list .faq-item > * ,
div.vertical-table div.vtable-item > table > tbody > tr > th > * ,
div.vertical-table div.vtable-item > table > tbody > tr > td > * ,
div.ircalendar div.ircalendar-title > table > tbody > tr > th > * ,
div.ircalendar div.ircalendar-item > table > tbody > tr > td > * {
/*	text-align: left; */
}

#page-intro .abstractImage p ,
div.quoted-text blockquote p ,
div.highlight-quoted-text p ,
div.text-section p ,
div.internal-link-area p ,
div.external-link-area p ,
div.download-link-area p ,
div.faq-list .faq-item p ,
div.vertical-table div.vtable-item p ,
div.ircalendar div.ircalendar-title p ,
div.ircalendar div.ircalendar-item p {
	display: block;
}

/* -- ckエディタのリスト表示用 -- */
#page-intro .abstractImage ol ,
div.quoted-text blockquote ol ,
div.highlight-quoted-text ol ,
div.text-section ol ,
div.internal-link-area ol ,
div.external-link-area ol ,
div.download-link-area ol ,
div.faq-list .faq-item ol ,
div.vertical-table div.vtable-item ol ,
div.ircalendar div.ircalendar-title ol ,
div.ircalendar div.ircalendar-item ol {
	padding-left:2em;
	list-style:decimal;
}

#page-intro .abstractImage ol li ,
div.quoted-text blockquote ol li ,
div.highlight-quoted-text ol li ,
div.text-section ol li ,
div.internal-link-area ol li ,
div.external-link-area ol li ,
div.download-link-area ol li ,
div.faq-list .faq-item ol li ,
div.vertical-table div.vtable-item ol li ,
div.ircalendar div.ircalendar-title ol li ,
div.ircalendar div.ircalendar-item ol li {
	list-style:inherit;
}

/* -- ckエディタのリスト表示用 -- */
#page-intro .abstractImage ul ,
div.quoted-text blockquote ul ,
div.highlight-quoted-text ul ,
div.text-section ul ,
div.internal-link-area ul ,
div.external-link-area ul ,
div.download-link-area ul ,
div.faq-list .faq-item ul ,
div.vertical-table div.vtable-item ul ,
div.ircalendar div.ircalendar-title ul ,
div.ircalendar div.ircalendar-item ul {
	padding-left:2em;
	list-style:disc;
}

#page-intro .abstractImage ul li ,
div.quoted-text blockquote ul li ,
div.highlight-quoted-text ul li ,
div.text-section ul li ,
div.internal-link-area ul li ,
div.external-link-area ul li ,
div.download-link-area ul li ,
div.faq-list .faq-item ul li ,
div.vertical-table div.vtable-item ul li ,
div.ircalendar div.ircalendar-title ul li ,
div.ircalendar div.ircalendar-item ul li {
	list-style:inherit;
}

#page-intro .abstractImage em ,
div.quoted-text blockquote em ,
div.highlight-quoted-text em ,
div.text-section em ,
div.internal-link-area em ,
div.external-link-area em ,
div.download-link-area em ,
div.faq-list .faq-item em ,
div.vertical-table div.vtable-item em ,
div.ircalendar div.ircalendar-title em ,
div.ircalendar div.ircalendar-item em {
	/* メイリオにはイタリック体が無い為 */
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic','メイリオ','Meiryo','sans-serif';
	font-style:italic;
}

/*------- リンクアイコン ----------*/
#page-intro .abstractImage a ,
div.quoted-text blockquote a ,
div.highlight-quoted-text a ,
div.text-section a ,
div.faq-list .faq-item a ,
div.vertical-table div.vtable-item a ,
div.ircalendar div.ircalendar-title a ,
div.ircalendar div.ircalendar-item a {
}

/*------- 別窓アイコン ----------*/
#page-intro .abstractImage a[target="_blank"]:after ,
div.quoted-text blockquote a[target="_blank"]:after ,
div.highlight-quoted-text a[target="_blank"]:after ,
div.text-section a[target="_blank"]:after ,
/* div.internal-link-area a[target="_blank"]:after , */
/* div.external-link-area a[target="_blank"]:after , */
/* div.download-link-area a[target="_blank"]:after , */
div.faq-list .faq-item a[target="_blank"]:after ,
div.vertical-table div.vtable-item a[target="_blank"]:after ,
div.ircalendar div.ircalendar-title a[target="_blank"]:after ,
div.ircalendar div.ircalendar-item a[target="_blank"]:after {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 3px;
	vertical-align: text-bottom;
}

/*------- PDFアイコン ----------*/
#page-intro .abstractImage a[href$=".pdf"]:after ,
div.quoted-text blockquote a[href$=".pdf"]:after ,
div.highlight-quoted-text a[href$=".pdf"]:after ,
div.text-section a[href$=".pdf"]:after ,
div.faq-list .faq-item a[href$=".pdf"]:after ,
div.vertical-table div.vtable-item a[href$=".pdf"]:after ,
div.ircalendar div.ircalendar-title a[href$=".pdf"]:after ,
div.ircalendar div.ircalendar-item a[href$=".pdf"]:after ,
#page-intro .abstractImage a[href*=".pdf#"]:after ,
div.quoted-text blockquote a[href*=".pdf#"]:after ,
div.highlight-quoted-text a[href*=".pdf#"]:after ,
div.text-section a[href*=".pdf#"]:after ,
div.faq-list .faq-item a[href*=".pdf#"]:after ,
div.vertical-table div.vtable-item a[href*=".pdf#"]:after ,
div.ircalendar div.ircalendar-title a[href*=".pdf#"]:after ,
div.ircalendar div.ircalendar-item a[href*=".pdf#"]:after {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") left top no-repeat;
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: bottom;
}

/* -----------------------------
画像レイアウト
--------------------------------- */

/*-- 画像_左 --*/
#page-intro .abstractImage img ,
div.text-section img ,
div.internal-link-area img ,
div.external-link-area img ,
div.download-link-area img ,
div.faq-list .faq-item img ,
div.vertical-table img ,
div.ircalendar div.ircalendar-title table img,
div.ircalendar div.ircalendar-item table img {
	float: left;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom:8px;
	width:auto;
	max-width:40%;
}

/*-- 画像_右 --*/
#page-intro .abstractImage img.pos-2 ,
div.text-section img.pos-2 ,
div.internal-link-area .pos-2 ,
div.external-link-area .pos-2 ,
div.download-link-area .pos-2 ,
div.faq-list .faq-item img.pos-2 ,
div.vertical-table img.pos-2 ,
div.ircalendar div.ircalendar-title table img.pos-2,
div.ircalendar div.ircalendar-item table img.pos-2 {
	float: right;
	margin-right: 0;
	margin-left: 16px;
	margin-bottom:8px;
	width:auto;
	max-width:40%;
}

/*-- 画像_上 --*/
#page-intro .abstractImage img.large ,
div.text-section img.large ,
div.internal-link-area img.large ,
div.external-link-area img.large ,
div.download-link-area img.large ,
div.faq-list .faq-item img.large ,
div.vertical-table img.large ,
div.ircalendar div.ircalendar-title table img.large,
div.ircalendar div.ircalendar-item table img.large {
	float:none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:8px;
	width:auto;
	max-width:100%;
}


/*-- キャプション付き画像の場合_左 --*/
div.text-section dl.photo ,
div.faq-list .faq-item dl.photo {
	width:40%;
	margin-right:16px;
	float:left;
}

div.text-section dl.photo dt ,
div.faq-list .faq-item dl.photo dt {
	text-align:center;
	margin-bottom: 8px;
}

div.text-section dl.photo dt img ,
div.faq-list .faq-item dl.photo dt img {
	float:none!important;
	width:auto;
	max-width:100%;
	margin:0 auto;
}

div.text-section dl.photo dd ,
div.faq-list .faq-item dl.photo dd {
	text-align: center;
}

/*-- キャプション付き画像の場合_右 --*/
div.text-section dl.pos-2 ,
div.faq-list .faq-item dl.pos-2 {
	width:40%;
	margin-left: 16px;
	margin-right:0;
	float:right;
}

div.text-section dl.pos-2 dt img ,
div.faq-list .faq-item dl.pos-2 dt img {
	float:none;
	width:auto;
	max-width:100%;
	margin:0 auto;
}

/*-- キャプション付き画像の場合_上 --*/
div.text-section dl.large ,
div.faq-list .faq-item dl.large {
	float:none;
	margin-top:0;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	max-width:100%;
}

div.text-section dl.large dt img ,
div.faq-list .faq-item dl.large dt img {
	float:none;
	width:auto;
	max-width:100%;
	margin:0 auto;
}

/* -- キャプション -- */
/*-- 画像のタイトル --*/
div.text-section .caption ,
div.faq-list .faq-item .caption {
}

/*-- コピーライト --*/
div.text-section .copyright ,
div.faq-list .faq-item .copyright {
}

/*-- 画像の説明 --*/
div.text-section .longdesc ,
div.faq-list .faq-item .longdesc {
/*	display: none; */
}

/*-- 虫眼鏡(現状、非表示) --*/
div.text-section .zoom ,
div.faq-list .faq-item .zoom {
	float: right;
	display:none;
}
div.text-section .zoom a ,
div.faq-list .faq-item .zoom a {
	display: block;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -508px no-repeat;
	width: 24px;
	height:24px;
	overflow: hidden;
	text-indent: -9999px;
	margin:0 auto;
}


/*-------------- 中見出し(共通) ------------*/

div.text-section h2 ,
div.link-list h2,
div.link-list-url h2,
/*div.sitemap h2,*/
div.table div.shwTableTitle h2 ,
div.news-yuho dl dt,
div.news-result dl dt ,
div.title2 h2 {
	box-sizing: border-box;
	font-weight: bold;
	margin: 0;
	background: #eee;
	color: #020246;
	padding: .4em .7em;
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.4;
	border-left: 1.875vw solid #020246;

    font-size: 2.2rem;
    border-left: 10px solid #020246;

	margin-bottom: 20px;
}

/*-------------- 小見出し07_903 --------------*/
/* -- 見出しh2レベル -- */
div.title2 h2 {
	clear:both;
}
div.title2:last-child h2 {
	margin-bottom: 0px;
}


/* -- 見出しh3レベル -- */
div.title3 h3 {
	margin-right: 40px;
	padding: 7px 5px;
	padding-right: 30px;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	background: #47497a url("../../../../../../resources/sw_img2/icon_arr02.png") no-repeat right top;

	margin-bottom:20px;
}

div.title3:last-child h3 {
	margin-bottom: 0px;
}

/* -- 見出しh4レベル -- */
div.title4 h4 {
	margin-bottom:8px;
	font-size: 100%;
	font-weight:bold;
	line-height:1.2;
	border-left:#999 3px solid;
	padding-top:1px;
	padding-left:8px;
}

div.title4:last-child h4 {
	margin-bottom: 0px;
}


/*-------------- 引用符07_001 --------------*/

/* 緊急エリア */
div.quoted-text {
	width: 1000px;
	margin: 20px auto;
	border:#F00 2px solid;
}

div.quoted-text blockquote {
	background:none;
	padding:10px;
}

/*-------------- ハイライト引用符07_002 --------------*/

div.highlight-quoted-text {
	border:#FFCC00 3px solid;
	background-color:#FFFFCC;
	padding: 15px 20px;
}

div.highlight-quoted-text cite {
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/bgs/dash.png") no-repeat scroll 0px 8px;
	padding-left: 10px;
	font-size: 85.7%; /* 12px */
	font-style:italic;
}

/*-------------- テキストと画像コンポーネント07_003 --------------*/
div.text-section {
	margin-bottom:20px;
	position: relative;
}

/* -- 副見出し -- */
div.text-section h2 {
	clear:both;
}


/*-------------- 内部ページバナー07_414 --------------*/

div.teaser {
	margin-bottom: 20px;
}

/* -- title -- */
div.teaser h2 {
	margin-bottom:5px;
}

div.teaser h2 a {
	display: block;
}

/* -- テキスト -- */
div.teaser p {
	margin-bottom:10px;
}

/* -- 内部リンクだけ表示される（続きを）読むを削除 -- */
div.teaser em.more {
	display:none;
}

/* -- 画像のレイアウト変更したい時はここ -- */
div.teaser img {
	margin: 0 auto;
}


/*--- 内部ページバナー ハイライト表示 ---*/
div.teaser.highlight:not(.no-img) img {
	margin: 0;
}

/*--- 内部ページバナー テキストのみ ---*/
div.teaser.no-img {
	text-align: left;
	margin-bottom: 20px;
}



/* ----- 内部外部バナー(テキストと画像)　メインエリア用 ----- */
#sharewithmain div.teaser:not(.no-img):not(.highlight) ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) {
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 + a img ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 + a img {
	width: 100%;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 {
	font-size: 100%;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 0;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a {
	box-sizing: inherit;

    font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
/*
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
*/
	position: relative;

/*    padding: 15px 40px;*/
    padding: 15px 35px 15px 15px;
    background: #00033e;
    text-align: center;
    line-height: 20px;
    color: white;
    font-weight: bold;
    transition: background .3s ease;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a:before ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:before {
	box-sizing: inherit;

    content: "\e900";
    vertical-align: middle;

    position: absolute;
    right: 15px;
    font-weight: normal;
    transition: right .3s ease;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) p ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) p {
}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover h2 + a img ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover h2 + a img ,
#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 + a:hover img {
	opacity: 0.7;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover h2 a ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover h2 a ,
#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a:hover ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:hover {
	background: #3e85cc;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover h2 a:before ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover h2 a:before ,
#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a:hover:before ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:hover:before {
	right: 10px;
}


/* ----- 内部・外部バナー(テキストのみ)　メインエリア用 ----- */
#sharewithmain div.teaser.no-img:not(.highlight) ,
#sharewithmain div.external-teaser.no-img:not(.highlight) {
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 {
	font-size: 100%;
	font-weight: bold;
	box-sizing: border-box;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a {
	box-sizing: inherit;

    font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
/*
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
*/
	position: relative;

/*    padding: 15px 40px; */
    padding: 15px 35px 15px 15px;
    background: #00033e;
    text-align: center;
    line-height: 20px;
    color: white;
    font-weight: bold;
    transition: background .3s ease;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a:before ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a:before {
	box-sizing: inherit;

    content: "\e900";
    vertical-align: middle;

    position: absolute;
    right: 20px;
    font-weight: normal;
    transition: right .3s ease;
}

#sharewithmain div.teaser.no-img:not(.highlight) p ,
#sharewithmain div.external-teaser.no-img:not(.highlight) p {
}


#sharewithmain div.teaser.no-img:not(.highlight) h2 a:hover ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a:hover {
	background: #3e85cc;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a:hover:before ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a:hover:before {
	right: 15px;
}

/* ----- 内部バナー　プロモス1用 ----- */

#promos1 div.teaser.no-img {
	margin-bottom: 0;
}

#promos1 div.teaser.no-img h2 {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 31px;
}

#promos1 div.teaser.no-img h2 a {
	display: block;
	box-sizing: border-box;

	text-decoration: none;
	font-weight: bold;

	padding: 28px 40px 21px;
	background: #eee url(../../../../../../resources/sw_img2/icon_arr01.png) no-repeat left top;
	transition: all .3s ease;
}

#promos1 div.teaser.no-img p {
}

#promos1 div.teaser.no-img h2 a:hover {
	color: #0368bd;
	background-color: #e4eefe;
	text-decoration: none;
}



/*-------------- 外部ページバナー07_416 --------------*/

div.external-teaser {
/*	width:100%; */
/*	text-align: center; */
	margin-bottom: 20px;
}

/* -- title -- */
div.external-teaser h2 {
	margin-bottom:5px;
}

div.external-teaser h2 a {
	display: block;
}

/* -- テキスト -- */
div.external-teaser p {
	margin-bottom:10px;
}

/* -- 画像のレイアウト変更したい時はここ -- */
div.external-teaser img {
	margin: 0 auto;
}

/*--- 外部ページバナー、テキストのみ ---*/
div.external-teaser.no-img {
	text-align: left;
	margin-bottom: 20px;
}

/*--- 外部ページバナー ハイライト表示 ---*/
div.external-teaser.highlight:not(.no-img) img {
	margin: 0;
}


/*-------------- ダウンロードページバナー07_418 ------*/

div.download-teaser {
	margin-bottom: 20px;
}

/* -- title -- */
div.download-teaser h2 {
	margin-bottom:5px;
}

div.download-teaser h2 a {
	display: block;
}

/* -- iconファイル用★★要確認！ -- */
div.download-teaser h2 em {
}

/* -- テキスト -- */
div.download-teaser p {
	margin-bottom:10px;
}

/* -- 画像のレイアウト変更したい時はここ -- */
div.download-teaser img {
	margin: 0 auto;
}

/*--- ダウンロードバナー テキストのみ ---*/
div.download-teaser.no-img {
}

/*--- ダウンロードページバナー ハイライト表示 ---*/
div.download-teaser.highlight:not(.no-img) img {
	margin: 0;
}




/*-------------- ページ内リンク07_410 --------------*/

div.anchor-link {
	margin-bottom:10px;
}

div.anchor-link a {
	display: block;
	padding-left:18px;
	position: relative;
}

div.anchor-link a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-top: solid 5px #ff1a00;
}


/*-------------- リンクリスト07_401 ------------------- */
/*-------------- 決算短信一覧07_206 --------------------*/
/*-------------- 有価証券報告書一覧07_209 --------------*/

div.link-list,
div.link-list-url ,
div.news-result ,
div.news-yuho {
}

div.link-list ul,
div.link-list-url ul ,
div.news-result dl ,
div.news-yuho dl {
	margin-bottom:40px;
}

/*-- 副見だし --*/
div.link-list h2,
div.link-list-url h2 ,
div.news-result dl dt ,
div.news-yuho dl dt {
	clear:both;
}

div.link-list ul li ,
div.link-list-url ul li ,
div.news-result dl dd ,
div.news-yuho dl dd {
	margin-bottom: 5px;
}

/* -- PDFアイコン -- */
div.link-list .download-link-text img,
div.link-list-url .download-link-url img ,
div.news-result span.d_icon img ,
div.news-yuho span.d_icon img {
	display: inline-block;
	vertical-align:middle;
}

/* -- ファイル容量 -- */
div.link-list em,
div.link-list-url em ,
div.news-result span.filesize ,
div.news-yuho span.filesize {
	font-size: 85.7%;
	font-style: normal;
}

/* -- pdfアイコンを後ろに設置したい場合 -- */
/*
div.link-list .download-link-text img,
div.link-list-url .download-link-url img ,
div.news-result span.d_icon ,
div.news-yuho span.d_icon {
	display: none;
}
div.link-list .download-link-text  a[href$=".pdf"]:after ,
div.link-list-url .download-link-url  a[href$=".pdf"]:after ,
div.news-result dl dd a[href$=".pdf"]:after ,
div.news-yuho dl dd a[href$=".pdf"]:after {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") left top no-repeat;
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: text-bottom;
}
*/


/*-------------- リンクリスト07_401 ------------------- */
/*-------------- リンクリストURL事前確認07_402 ---------*/

div.link-list,
div.link-list-url {
}

/* -- 副見出し -- */
div.link-list h2,
div.link-list-url h2 {
}

div.link-list ul,
div.link-list-url ul {
}

div.link-list ul li,
div.link-list-url ul li {
}

/* -- 内部リンク07_404 -- */
/* -- 外部リンク07_406 -- */
div.link-list .internal-link-text,
div.link-list .external-link-text,
div.link-list-url .internal-link-text ,
div.link-list-url .external-link-text {
	padding-left:20px;
	position: relative;
}

div.link-list .internal-link-text:before ,
div.link-list .external-link-text:before ,
div.link-list-url .internal-link-text:before ,
div.link-list-url .external-link-text:before {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  vertical-align: middle;

  position: absolute;
  display: block;
  width: 15px;
  top: 7px;
  left: 5px;
  color: #47497a;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.7;

  content: "\e907";
}

body.ie div.link-list .internal-link-text:before ,
body.ie div.link-list .external-link-text:before ,
body.ie div.link-list-url .internal-link-text:before ,
body.ie div.link-list-url .external-link-text:before {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* -- 別窓アイコン -- */
div.link-list .internal-link-text a[target="_blank"]:after ,
div.link-list .external-link-text a[target="_blank"]:after ,
div.link-list-url .internal-link-text a[target="_blank"]:after ,
div.link-list-url .external-link-text a[target="_blank"]:after {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 3px;
	vertical-align: text-bottom;
}

/* -- ダウンロードリンク07_408　07_409 -- */
div.link-list .download-link-text,
div.link-list-url .download-link-url {
}

div.link-list .download-link-text img,
div.link-list-url .download-link-url img {
}

div.link-list .download-link-text a ,
div.link-list-url .download-link-url a {
}

/* -- ファイル容量 -- */
div.link-list .download-link-text em,
div.link-list-url .download-link-url em {
}


/*-------------- FAQ07_701 --------------*/
div.faq-list {
}

div.faq-list > ul {
}

div.faq-list > ul > li {
	clear:both;
	margin-bottom:30px;
}

div.faq-list h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	line-height:inherit;
	margin-bottom: 15px;

	position: relative;
	margin-left: 35px;
}
div.faq-list h3:before {
	content: "Q";
	position: absolute;
	top: 0;
	left: -35px;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	vertical-align:middle;

/*	font-size: 120%; */
	font-weight: bold;
	color: #FFF;
    background: #00033e;
}

div.faq-list h3 a {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

div.faq-list .faq-item {
	position: relative;
	margin-left: 35px;
	min-height: 35px;
}
div.faq-list .faq-item:before {
	content: "A";
	position: absolute;
	top: 0;
	left: -35px;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	vertical-align:middle;

/*	font-size: 120%; */
	font-weight: bold;
	color: #FFF;
	background: #0088c5;
}

/*-- FAQを出しっぱなしにする設定 --*/
/*
div.faq-list h3 a {
	cursor: inherit;
}
div.faq-list > ul > li {
	height: auto !important;
}
div.faq-list .faq-item {
	display: block !important;
}
*/

/*-- FAQの下にリンクリストを配置した場合 --*/
div.faq-list + div.link-list {
	margin-top: -20px;
	margin-bottom: 30px;
}


/*-------------- このサイトについて07_005 --------------*/
.footer-about {
}

.footer-about h4 {
	margin-bottom:8px;
	font-size:100%; /* 14px */
	font-weight:bold;
	line-height:1.2;
	border-left:#999 3px solid;
	padding-top:1px;
	padding-left:8px;
}


.footer-about img {
}

.footer-about p {
}


/*-------------- フッタリンク07_403 --------------*/

div.footer-link-list {
}

div.footer-link-list h4 {
}

div.footer-link-list ul {
}

div.footer-link-list ul li {
}


/*-------------- 内部フッタリンク07_405 --------------*/
/*-------------- 外部フッタリンク07_407 --------------*/

div.footer-link-list ul li.footer-link-internal ,
div.footer-link-list ul li.footer-link-external {
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") 6px 0.4em no-repeat;
	padding-left:18px;
}
div.footer-link-list ul li.footer-link-internal a ,
div.footer-link-list ul li.footer-link-external a {
}

/* -- 別窓アイコン -- */
div.footer-link-list .footer-link-internal a[target="_blank"]:after ,
div.footer-link-list .footer-link-external a[target="_blank"]:after {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 3px;
	vertical-align: text-bottom;
}


/*-------------- flashアニメーション07_007 --------------*/

.flash-animation {
	margin:0 auto;
	text-align:center;
}


/*-------------- 動画07_008 --------------*/
/* -- dlにclass名ついていますが、そちらは使いません。 -- */
div.video {
	margin-bottom:10px;
}

div.video dl {
	width:100%;
}


div.video dl dt {
	text-align:center;
	margin-bottom:5px;
}

div.video dl dt video {
	width:auto;
	max-width:100%;
}

div.video dl dd {
}

/* -- 動画キャプション -- */
div.video dl dd.caption {
}

/* -- 動画コピーライト -- */
div.video dl dd.copyright {
}

/* -- 動画ディスクリプション -- */
div.video dl dd.longdesc {
/*	display: none; */
}




/*-------------- 音声07_010 --------------*/
/* -- dlにclass名ついていますが、そちらは使いません。 -- */
div.audio {
	margin-bottom:10px;
}

div.audio dl {
	width:80%;
	margin:0 auto;
}


div.audio dl dt {
	margin-bottom:5px;
}

div.audio dl dt audio {
	width:100%;
}

div.audio dl dd {
}


/* -- 音声キャプション -- */
div.audio dl dd.caption {
}

/* -- 音声コピーライト -- */
div.audio dl dd.copyright {
}

/* -- 音声ディスクリプション -- */
div.audio dl dd.longdesc {
/*	display: none; */
}




/*-------------- 内部ページリンク（エリアリンク）07_411 internal --------------*/
/*-------------- 外部ページリンク（エリアリンク）07_412 external --------------*/

div.internal-link-area ,
div.external-link-area {
/*	clear:both; */
}

div.internal-link-area a ,
div.external-link-area a {
	display: block;
	text-decoration: none;
}

div.internal-link-area a:hover ,
div.external-link-area a:hover {
	opacity: 0.7;
}

/*-- 画像の下マージンを無しにする場合 --*/
/*
div.internal-link-area img ,
div.external-link-area img ,
div.internal-link-area img.pos-2 ,
div.external-link-area img.pos-2 ,
div.internal-link-area img.large ,
div.external-link-area img.large {
	margin-bottom: 0;
}
*/

/*-------------- ダウンロードリンク（エリアリンク）07_413 download --------------*/

div.download-link-area {
/*	clear:both; */
}

div.download-link-area a {
	display: block;
}

div.download-link-area a:hover {
/*	opacity: 0.7; */
}

div.download-link-area p {
	text-align: center;
}

/* -- pdfアイコン -- */
div.download-link-area a[href$=".pdf"] > p:first-child:before ,
div.download-link-area a[href$=".pdf"] > img + p:before {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") left top no-repeat;
	display: inline-block;
	width: 18px;
	height: 23px;
	vertical-align: bottom;
	margin-right: 5px;
}



/*-------------- サイトマップ　07_906 --------------*/
div.sitemap {
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
	margin-right: 2%;
	margin-bottom: 20px;
}
div.sitemap:nth-child(even) {
	margin-right: 0;
}

div.sitemap > h2 {
	line-height: inherit;
	font-size: inherit;

	font-size:100%;
	font-weight:bold;
	border:#CCC 1px solid;
	margin-bottom:12px;
	padding:8px 8px 6px;
	line-height:1.2;
}

div.sitemap > h2 a {
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left:12px;
	color: inherit;
	font-weight: bold;
}
div.sitemap > h2 a:hover {
	opacity: 0.7;
}


/* -- 第二階層 -- */
div.sitemap > ul {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
}
div.sitemap > ul:nth-child(odd) { /* 最初にh2がある為、奇数が左側 */
	margin-right: 0;
}

div.sitemap > ul > li {
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left:12px;
	margin-left: 8px;
	margin-bottom: 5px;
}
div.sitemap > ul > li a {
}

/* -- 第三階層 -- */
div.sitemap > ul > li > ul {
	margin-top: 10px;
}

div.sitemap ul li ul li {
	margin-top:10px;
}

div.sitemap > ul > li > ul > li {
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") left 0.4em no-repeat;
	padding-left:12px;
	margin-left: 8px;
	margin-bottom: 5px;
}

div.sitemap > ul > li > ul > li a {
}

/* -- サイトマップは階層が増えるごとに追加の事！ -- */

/*-------------- GoogleMap（地図埋め込み）07_908 --------------*/
div.map {
	position: relative;
	margin-bottom: 20px;
}

div.map:after {
	content: "";
	display: block;
/*	padding-top: 56.25%; */	/* 高さと幅の比を16:9に固定。9/16*100=56.25 */
	padding-top: 75%;	/* 高さと幅の比を4:3に固定。3/4*100=75 */
}

div.map > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*----- １カラムの場合、地図が画面端まであるとスクロールさせずらいので余白を設ける -----*/
.multiColumn1 div.map {
	margin-left: 20px;
	margin-right: 20px;
}



/*-------------- ●ok●HTMLパラグラフ（エリアリンク）07_904 --------------*/
div.html-paragraph {
}


/*-------------- iframe 07_909 --------------*/
div.disp-external-page {
}

div.disp-external-page iframe {
	border: none;
	width: 100%;
	height: 300px;
}


/*-------------- テーブル縦（左側にタイトルがあるタイプ） --------------*/
/*-- ◎テーブル縦は横幅％の指定の仕方に注意◎ --*/
/*-- ◎全体の合計が100%以下に収まる様にする --*/
/*-- ◎タイトル項目.vtable-head を基準としてカラムを設定 --*/
div.vertical-table {
}

/* -- テーブル縦 テーブル項目  -- */
div.vertical-table .vtable-item {
}

div.vertical-table .vtable-item > table {
	width: 100%;
	table-layout: fixed;	/* IE対応：テーブル内に画像を置く場合必要 */
	margin-bottom: -1px;
}

/* -- テーブル縦 テーブル項目 カラム -- */
div.vertical-table .vtable-item > table > tbody > tr > td {
	width: 25%;
	padding: 20px 10px;
	border:#b4b4b4 1px solid;
}

/* -- テーブル縦 テーブル項目 タイトル項目 -- */
div.vertical-table .vtable-item > table > tbody > tr > th {
	width: 12.5%;
	padding: 20px 10px;
	font-weight: bold;
	border:#b4b4b4 1px solid;
	background-color:#dddddd;
	color: #00033e;
}

div.vertical-table .vtable-item > table > tbody > tr > th strong {
	font-weight: normal;
}



/*-------------- ◎IRカレンダー、改め、テーブル横◎ --------------*/
/*-------------- テーブル横07_102 --------------*/
div.ircalendar {
}

/* -- タイトル項目・項目共通 -- */
div.ircalendar-title > table ,
div.ircalendar-item > table {
	width: 100%;
	table-layout: fixed;	/* IE対応：テーブル内に画像を置く場合必要 */
	margin-bottom: -1px;
}

div.ircalendar-title > table > tbody > tr > th,
div.ircalendar-item > table > tbody >tr > td {
	width: 25%;
}
div.ircalendar-title > table > tbody > tr > th.ircalendar-title1 ,
div.ircalendar-item > table > tbody > tr > td.ircalendar-item1  {
	width: 12.5%;
}

/*-------------- テーブル横 タイトル項目07_103 --------------*/
div.ircalendar-title {
}

div.ircalendar-title > table {
}

div.ircalendar-title > table > tbody > tr >  th {
	padding: 5px 15px;
	border:#b4b4b4 1px solid;
	background-color:#dddddd;
	color: #00033e;
	font-weight: bold;
}

div.ircalendar-title > table > tbody > tr >  th strong {
	font-weight: normal;
}

/*-------------- テーブル横 項目07_104 --------------*/

div.ircalendar-item {
}

div.ircalendar-item > table {
}

div.ircalendar-item > table > tbody > tr > td {
	padding: 5px 15px;
	border:#b4b4b4 1px solid;
}


/*-------------- 表組07_101 --------------*/

div.table {
}


/* -- 表タイトル -- */
/*div.table*/ div.shwTableTitle {
}

div.shwTableTitle h2:empty {
	display: none;
}


/* -- 表組 -- */
div.shwTable {
	margin-top: -1px;
	margin-bottom:10px;
/*	overflow:-x auto; */
}

/* -- 表組の外枠 -- */
div.shwTable > table > tbody > tr > td {
	padding: 0;
}

/* -- 単位（表組の外） -- */
div.shwTable > table > tbody > tr >  td.shw-table-row {
}
div.shwTable > table > tbody > tr >  td.shw-table-row:empty {
	display: none;
}



/* -- セル -- */
div.shwTable .ht_master tr > td {
	padding: 20px 10px;
	color: #333;
	border-color:#b4b4b4;
	vertical-align: middle;
}

/* -- 一行目・一列目を見出し設定に -- */
div.shwTable .ht_master tr > td.tableColumnHead,
div.shwTable .ht_master tr > td.tableRowHead {
	background-color:#dddddd;
	color: #00033e;
	font-weight: bold;
}

div.shwTable .ht_master tr >  td.tableColumnHead {
	text-align: left;
}

div.shwTable .ht_master tr > td.tableRowHead {
	text-align: center;
}


/*-- 複数見出し行対応(table.js) --*/
div.shwTable.ColHead19 .ht_master tr > td:nth-child(19) ,
div.shwTable.ColHead18 .ht_master tr > td:nth-child(18) ,
div.shwTable.ColHead17 .ht_master tr > td:nth-child(17) ,
div.shwTable.ColHead16 .ht_master tr > td:nth-child(16) ,
div.shwTable.ColHead15 .ht_master tr > td:nth-child(15) ,
div.shwTable.ColHead14 .ht_master tr > td:nth-child(14) ,
div.shwTable.ColHead13 .ht_master tr > td:nth-child(13) ,
div.shwTable.ColHead12 .ht_master tr > td:nth-child(12) ,
div.shwTable.ColHead11 .ht_master tr > td:nth-child(11) ,
div.shwTable.ColHead10 .ht_master tr > td:nth-child(10) ,
div.shwTable.ColHead9 .ht_master tr > td:nth-child(9) ,
div.shwTable.ColHead8 .ht_master tr > td:nth-child(8) ,
div.shwTable.ColHead7 .ht_master tr > td:nth-child(7) ,
div.shwTable.ColHead6 .ht_master tr > td:nth-child(6) ,
div.shwTable.ColHead5 .ht_master tr > td:nth-child(5) ,
div.shwTable.ColHead4 .ht_master tr > td:nth-child(4) ,
div.shwTable.ColHead3 .ht_master tr > td:nth-child(3) ,
div.shwTable.ColHead2 .ht_master tr > td:nth-child(2) {
	background-color:#dddddd;
	color: #00033e;
}

div.shwTable.RowHead19 .ht_master tr:nth-child(19) > td ,
div.shwTable.RowHead18 .ht_master tr:nth-child(18) > td ,
div.shwTable.RowHead17 .ht_master tr:nth-child(17) > td ,
div.shwTable.RowHead16 .ht_master tr:nth-child(16) > td ,
div.shwTable.RowHead15 .ht_master tr:nth-child(15) > td ,
div.shwTable.RowHead14 .ht_master tr:nth-child(14) > td ,
div.shwTable.RowHead13 .ht_master tr:nth-child(13) > td ,
div.shwTable.RowHead12 .ht_master tr:nth-child(12) > td ,
div.shwTable.RowHead11 .ht_master tr:nth-child(11) > td ,
div.shwTable.RowHead10 .ht_master tr:nth-child(10) > td ,
div.shwTable.RowHead9 .ht_master tr:nth-child(9) > td ,
div.shwTable.RowHead8 .ht_master tr:nth-child(8) > td ,
div.shwTable.RowHead7 .ht_master tr:nth-child(7) > td ,
div.shwTable.RowHead6 .ht_master tr:nth-child(6) > td ,
div.shwTable.RowHead5 .ht_master tr:nth-child(5) > td ,
div.shwTable.RowHead4 .ht_master tr:nth-child(4) > td ,
div.shwTable.RowHead3 .ht_master tr:nth-child(3) > td ,
div.shwTable.RowHead2 .ht_master tr:nth-child(2) > td {
    background-color:#dddddd;
	color: #00033e;
}


/* -- IE用幅指定 -- */
div.shwTable > table ,
div.shwTable table.htCore {
	width:100%;
}

/* -- 表_幅指定 -- */
.wtSpreader { 
	width: 100% !important;
	height: 100% !important;
} 

.wtHider { 
	width: 100% !important;
	height: 100% !important;
}

.ht_clone_left.handsontable { 
	width: 100% !important;
	height: 100% !important;
}


/*-- 表組のレイアウトを自動にする --*/
div.table div.shwTable table {
	table-layout: auto;
}
div.table div.shwTable .htCore colgroup col {
	width: auto !important;
}


/* -- 表組(mobileモード) -- */
div.shwTable table.tbCore {
	width: 100%;
/*	width: auto;  SP*/
}

/* -- セル -- */
div.shwTable .tbDimmed ,
div.shwTable .tbRowHead ,
div.shwTable .tbColumnHead {
	padding: 20px 10px;
	color: #333;
	border: 1px solid #b4b4b4;
	vertical-align: middle;
/*	white-space: nowrap;   SP*/
}

/* -- 一行目・一列目を見出し設定に -- */
div.shwTable .tbColumnHead ,
div.shwTable .tbRowHead {
	background-color:#dddddd;
	color: #00033e;
	font-weight: bold;
}

div.shwTable .tbColumnHead {
	text-align: left;
}

div.shwTable .tbRowHead {
	text-align: center;
}


/* 縦・横揃え */
div.shwTable .tbLeft {
  text-align: left;
}
div.shwTable .tbCenter {
  text-align: center;
}
div.shwTable .tbRight {
  text-align: right;
}
div.shwTable .tbJustify {
  text-align: justify;
}

div.shwTable .tbTop {
  vertical-align: top;
}
div.shwTable .tbMiddle {
  vertical-align: middle;
}
div.shwTable .tbBottom {
  vertical-align: bottom;
}



/*-------------- グラフ07_105 --------------*/
div.graph {
}

/* -- グラフ メニューボタン -- */
.highcharts-button {
	display: none;
}

/* -- グラフ データラベル フル表示 -- */
.highcharts-data-labels > g {
	opacity: 1;
}

/* -- グラフ データラベル 文字影設定 -- */
/* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */
.highcharts-data-labels text {
	text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important;
}



/*-------------- 配当（グラフ）07_218 --------------*/
div.haitou-graph ,
div.haitou-graph-2nd {
	margin-bottom:40px;
}

/* 直書されているstyleを上書きする */
div.haitou-graph-2nd .graph {
	min-width: auto !important;
	max-width: none !important;
	height: 400px !important;
}


/*-------------- 配当（表）07_219 --------------*/
div.haitou-table ,
div.haitou-table-2nd {
}

div.haitou-table table ,
div.haitou-table-2nd table {
	margin:0 auto;
	border:#b4b4b4 1px solid;
	width: 100%;
}

div.haitou-table table th ,
div.haitou-table-2nd table th {
	padding: 5px 5px;
	text-align: center;
	border:#b4b4b4 1px solid;
	background-color:#dddddd;
	color: #00033e;
	font-weight: bold;
	white-space:nowrap;
}

div.haitou-table table td ,
div.haitou-table-2nd table td {
	padding: 5px 10px;
	border: #b4b4b4 1px solid;
	text-align: right;
}

/* -- 配当グラフ左のthに該当する部分 -- */
div.haitou-table table td.t1,
div.haitou-table table td.t2,
div.haitou-table table td.t3,
div.haitou-table table td.t4,
div.haitou-table table td.t12 ,
div.haitou-table-2nd table td.t1,
div.haitou-table-2nd table td.t2,
div.haitou-table-2nd table td.t3,
div.haitou-table-2nd table td.t4,
div.haitou-table-2nd table td.t12 {
	text-align:left;
	background-color:#dddddd;
	color: #00033e;
	font-weight: bold;
}

div.haitou-table table td.t2 ,
div.haitou-table-2nd table td.t2 {
	white-space:nowrap;
}

/*-------------- 財務ハイライト（科目別）07_215 --------------*/
/*-------------- 財務ハイライト（統合表示）07_216 --------------*/
div.highlights {
}


/* -- グラフ -- */
div.highlights-graph {
	margin-bottom:10px;
	max-width:100%;
}


/* -- 表組 -- */
div.highlights-table ,
div.highlights-alltable ,
div.highlights-alltable-2nd {
}

div.highlights-alltable div.table ,
div.highlights-alltable-2nd div.table {
}

div.highlights-table table ,
div.highlights-alltable div.table table ,
div.highlights-alltable-2nd div.table table {
	width: 100%;
	margin: 0 auto;
}

div.highlights-table table th ,
div.highlights-table table td ,
div.highlights-alltable div.table table th ,
div.highlights-alltable div.table table td ,
div.highlights-alltable-2nd div.table table th ,
div.highlights-alltable-2nd div.table table td {
	padding: 5px 10px;
	border:#b4b4b4 1px solid;
}

div.highlights-table table th ,
div.highlights-alltable div.table table th ,
div.highlights-alltable-2nd div.table table th {
	background-color:#dddddd;
	color: #00033e;
	font-weight: bold;
	text-align:center;
	white-space: nowrap;
}

div.highlights-table table td:first-child ,
div.highlights-alltable div.table table td:first-child ,
div.highlights-alltable-2nd div.table table td:first-child {
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;
}

/* -- 数値部分 -- */
div.highlights-table table td.c0,
div.highlights-table table td.c1,
div.highlights-table table td.c2,
div.highlights-table table td.c3,
div.highlights-table table td.c4 ,
div.highlights-table table td.c5 ,
div.highlights-alltable div.table table td.c0 ,
div.highlights-alltable div.table table td.c1 ,
div.highlights-alltable div.table table td.c2 ,
div.highlights-alltable div.table table td.c3 ,
div.highlights-alltable div.table table td.c4 ,
div.highlights-alltable div.table table td.c5 ,
div.highlights-alltable-2nd div.table table td.c0,
div.highlights-alltable-2nd div.table table td.c1,
div.highlights-alltable-2nd div.table table td.c2,
div.highlights-alltable-2nd div.table table td.c3,
div.highlights-alltable-2nd div.table table td.c4 ,
div.highlights-alltable-2nd div.table table td.c5 {
	text-align:right;
	white-space: nowrap;
}


div.highlights-table table th br ,
div.highlights-alltable div.table table th br ,
div.highlights-alltable-2nd div.table table th br {
/*	display: none; */
}


/* -- 財務ハイライト ver2 -- */

div.highlights-2nd {
	margin-bottom: 40px;
}

div.highlights-2nd > div {
	height: auto !important;
	margin-bottom: 40px;
}

div.highlights-2nd .highlights-table {
}

div.highlights-2nd .highlights-graph {
	width: 100% !important;
	min-width: auto !important;
	max-width: none !important;
	height: 320px !important;
}

/* -- 凡例 -- */
div.highlights-2nd .legend {
	margin: 0 auto !important;
	width: auto !important;
	min-width: auto !important;
	max-width: none !important;
	text-align: center;
}

div.highlights-2nd .legend-item-box {
	float: none !important;
	display: inline-block !important;
	margin-left: -5px;
}


/*-------------- イベント一覧07_301 --------------*/

/* -- _同時出現 -- */
div.event-list {
}

/* -- 副見出し -- */
div.event-list h2 {
}

/* -- 右上に表示される月単位のページャー -- */
div.event-list #event-pager {

}

/* -- ページャーの見出し -- */
div.event-list #event-pager h5 { /* -- ←★★マグノリア上非表示設定にしてある -- */
}

/* -- ページャーの見出し -- */
div.event-list #event-pager ul {
	float:right;
}


/* --  -- */
div.event-list #event-pager ul { 
}

div.event-list #event-pager ul li { 
	float: left;
	width: auto;
	background: none;
	margin: 0 0 0 10px;
}

/* -- 前月へ -- */
div.event-list #event-pager ul li.prev a {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -71px no-repeat;
	padding-left: 16px;
}

/* -- 次月へ -- */
div.event-list #event-pager ul li.next a {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 125% 3px no-repeat;
	padding-right: 18px;
}


/* -- 上下に表示されるページ送りのページャー -- */
div.event-list div.pager {
}

div.event-list div.pager h3 { /* -- ←★★マグノリア上非表示設定にしてある -- */
}

/* --  -- */
div.event-list div.pager ul {
}


div.event-list div.pager ul li {
}

/* -- 前ページへ -- */
div.event-list div.pager ul li.previous {
}

/* -- 次ページへ -- */
div.event-list div.pager ul li.next {
}

/* -- 現在地 -- */
div.event-list div.pager ul li em { /* -- ←★★マグノリア上非表示設定にしてある -- */
}

/* -- 現在地 -- */
div.event-list div.pager ul li strong {
}


/* -- イベント概要表示 -- */
div.event-list ul {
}

/* -- 一つのイベント -- */
div.event-list ul li {
}

/* -- 一つのイベント_見出し -- */
div.event-list ul li h3 {
}

/* -- 一つのイベント_概要 -- */
div.event-list ul li ul.event-data {
}

div.event-list ul li ul.event-data li.organizer {
}

/* 日付 */
div.event-list div.date {
}

div.event-list div.date span.month {
}

div.event-list div.date span.day {
}

div.event ul.event-data {
}

div.event ul.event-data li.time {
}

div.event ul.event-data li.organizer {
}


/*-------------- 直近イベント一覧07_302★★css名変更かも。要確認!! --------------*/

/*-- イベント一覧と同じクラス名になっています --*/



/*-------------- ニュース一覧（標準）07_201 --------------*/
/*-------------- ニュース一覧（タブ切替）07_203 --------------*/
/* -- 英語ニュース -- */


div.news-list ,
div.news-list-tabbed ,
div.news-list-2nd ,
div.news-list-tabbed-2nd ,
div.news-english ,
div.news-english-tabbed ,
div.news-english-2nd ,
div.news-english-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

/* -- 1つのリリース -- */
div.news-list ul ,
div.news-list-tabbed ul ,
div.news-list-2nd ul ,
div.news-list-tabbed-2nd ul ,
div.news-english ul ,
div.news-english-tabbed ul ,
div.news-english-2nd ul ,
div.news-english-tabbed-2nd ul {
	padding-top: 1px;
}

div.news-list ul li ,
div.news-list-tabbed ul li ,
div.news-list-2nd ul li ,
div.news-list-tabbed-2nd ul li ,
div.news-english ul li ,
div.news-english-tabbed ul li ,
div.news-english-2nd ul li ,
div.news-english-tabbed-2nd ul li {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
	line-height: inherit;

	margin: 8px 0px 0px;
	padding-bottom: 10px;
	border-bottom:#CCCCCC 1px dotted;
}

/* -- リリースのタイトル -- */
div.news-list ul li h3 ,
div.news-list-tabbed ul li h3 ,
div.news-list-2nd ul li h3 ,
div.news-list-tabbed-2nd ul li h3 ,
div.news-english ul li h3 ,
div.news-english-tabbed ul li h3 ,
div.news-english-2nd ul li h3 ,
div.news-english-tabbed-2nd ul li h3 {
	font-weight:normal;
	line-height: inherit;

	position: relative;
	display: block; 
	padding-left: 0px;
	padding-top: 0px;
	padding-left: 7.2em;
}

div.news-list ul li img:first-child ,
div.news-list-tabbed ul li img:first-child ,
div.news-list ul li p:first-child + img ,
div.news-list-tabbed ul li p:first-child + img ,
div.news-list-2nd ul li .n_img ,
div.news-list-tabbed-2nd ul li .n_img ,
div.news-english ul li img:first-child ,
div.news-english-tabbed ul li img:first-child ,
div.news-english ul li p:first-child + img ,
div.news-english-tabbed ul li p:first-child + img ,
div.news-english-2nd ul li .n_img ,
div.news-english-tabbed-2nd ul li .n_img {
}

div.news-list ul li img:first-child ,
div.news-list-tabbed ul li img:first-child ,
div.news-list ul li p:first-child + img ,
div.news-list-tabbed ul li p:first-child + img ,
div.news-list-2nd ul li .n_img img ,
div.news-list-tabbed-2nd ul li .n_img img ,
div.news-english ul li img:first-child ,
div.news-english-tabbed ul li img:first-child ,
div.news-english ul li p:first-child + img ,
div.news-english-tabbed ul li p:first-child + img ,
div.news-english-2nd ul li .n_img img ,
div.news-english-tabbed-2nd ul li .n_img img {
}

/* -- リリースのテキスト -- */
div.news-list ul li span.date + img + span ,
div.news-list-tabbed ul li span.date + img + span ,
div.news-list ul li h3 a ,
div.news-list-tabbed ul li h3 a ,
div.news-list-2nd ul li .news_tx ,
div.news-list-tabbed-2nd ul li .news_tx ,
div.news-english ul li span.date + img + span ,
div.news-english-tabbed ul li span.date + img + span ,
div.news-english ul li h3 a ,
div.news-english-tabbed ul li h3 a ,
div.news-english-2nd ul li .news_tx ,
div.news-english-tabbed-2nd ul li .news_tx {
}


/* -- 日付 -- */
div.news-list ul li span.date ,
div.news-list-tabbed ul li span.date ,
div.news-list-2nd ul li .date ,
div.news-list-tabbed-2nd ul li .date ,
div.news-english ul li span.date ,
div.news-english-tabbed ul li span.date ,
div.news-english-2nd ul li .date ,
div.news-english-tabbed-2nd ul li .date {
	position: absolute;
	top: 0;
	left: 0px;
}

/* -- カテゴリアイコン -- */
div.news-list ul li span.date + img ,
div.news-list-tabbed ul li span.date + img ,
div.news-list-2nd ul li .c_icon ,
div.news-list-tabbed-2nd ul li .c_icon ,
div.news-english ul li span.date + img ,
div.news-english-tabbed ul li span.date + img ,
div.news-english-2nd ul li .c_icon ,
div.news-english-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0;
	left: 7.2em;
	display: none;
}

div.news-list-2nd ul li .c_icon img ,
div.news-list-tabbed-2nd ul li .c_icon img ,
div.news-english-2nd ul li .c_icon img ,
div.news-english-tabbed-2nd ul li .c_icon img {
	display: inline-block;
	vertical-align: middle;
}

/* -- ファイルアイコン -- */
div.news-list ul li .d_icon ,
div.news-list-tabbed ul li .d_icon ,
div.news-list-2nd ul li .d_icon ,
div.news-list-tabbed-2nd ul li .d_icon ,
div.news-english ul li .d_icon ,
div.news-english-tabbed ul li .d_icon ,
div.news-english-2nd ul li .d_icon ,
div.news-english-tabbed-2nd ul li .d_icon {
}

div.news-list ul li .d_icon img ,
div.news-list-tabbed ul li .d_icon img ,
div.news-list-2nd ul li .d_icon img ,
div.news-list-tabbed-2nd ul li .d_icon img ,
div.news-english ul li .d_icon img ,
div.news-english-tabbed ul li .d_icon img ,
div.news-english-2nd ul li .d_icon img ,
div.news-english-tabbed-2nd ul li .d_icon img {
	display: inline-block;
	vertical-align: middle;
}

/* -- ファイルサイズ -- */
div.news-list ul li .filesize ,
div.news-list-tabbed ul li .filesize ,
div.news-list-2nd ul li .filesize ,
div.news-list-tabbed-2nd ul li .filesize ,
div.news-english ul li .filesize ,
div.news-english-tabbed ul li .filesize ,
div.news-english-2nd ul li .filesize ,
div.news-english-tabbed-2nd ul li .filesize {
	font-size: 85.7%;
}

/* -- NEWアイコン -- */
div.news-list ul li .n_icon ,
div.news-list-tabbed ul li .n_icon ,
div.news-list-2nd ul li .n_icon ,
div.news-list-tabbed-2nd ul li .n_icon ,
div.news-english ul li .n_icon ,
div.news-english-tabbed ul li .n_icon ,
div.news-english-2nd ul li .n_icon ,
div.news-english-tabbed-2nd ul li .n_icon {
	display: none;
}

div.news-list ul li .n_icon img ,
div.news-list-tabbed ul li .n_icon img ,
div.news-list-2nd ul li .n_icon img ,
div.news-list-tabbed-2nd ul li .n_icon img ,
div.news-english ul li .n_icon img ,
div.news-english-tabbed ul li .n_icon img ,
div.news-english-2nd ul li .n_icon img ,
div.news-english-tabbed-2nd ul li .n_icon img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;

	display: none; /* NEWアイコンテキスト化 */
}

/* NEWアイコンテキスト化 */
div.news-list ul li .n_icon:before ,
div.news-list-tabbed ul li .n_icon:before ,
div.news-list-2nd ul li .n_icon:before ,
div.news-list-tabbed-2nd ul li .n_icon:before ,
div.news-english ul li .n_icon:before ,
div.news-english-tabbed ul li .n_icon:before ,
div.news-english-2nd ul li .n_icon:before ,
div.news-english-tabbed-2nd ul li .n_icon:before {
	content: "NEW!";
	color: red;
	font-size: 87.5%;
	font-weight: bold;
	font-style: italic;
}

/* -- もっと読む・詳細（ニュース概要） -- */
div.news-list ul li > p:last-child ,
div.news-list-tabbed ul li > p:last-child ,
div.news-list-2nd ul li .det_tx ,
div.news-list-tabbed-2nd ul li .det_tx ,
div.news-english li > p:last-child ,
div.news-english-tabbed li > p:last-child ,
div.news-english-2nd .det_tx ,
div.news-english-tabbed-2nd .det_tx {
	display: none;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
}

/* -- 続きを読む -- */
div.news-list ul li > p:last-child em.more ,
div.news-list-tabbed ul li > p:last-child em.more ,
div.news-list-2nd ul li .det_tx em.more ,
div.news-list-tabbed-2nd ul li .det_tx em.more ,
div.news-english li > p:last-child em.more ,
div.news-english-tabbed li > p:last-child em.more ,
div.news-english-2nd .det_tx em.more ,
div.news-english-tabbed-2nd .det_tx em.more {
	display: none;
}

div.news-list ul li > p:last-child em.more a ,
div.news-list-tabbed ul li > p:last-child em.more a ,
div.news-list-2nd ul li .det_tx em.more a ,
div.news-list-tabbed-2nd ul li .det_tx em.more a ,
div.news-english li > p:last-child em.more a ,
div.news-english-tabbed li > p:last-child em.more a ,
div.news-english-2nd .det_tx em.more a ,
div.news-english-tabbed-2nd .det_tx em.more a {
	padding-left: 15px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 2px;
	font-style: normal;
}

/* -- 非公開表示 -- */
div.news-list ul li > p:first-child ,
div.news-list-tabbed ul li > p:first-child ,
div.news-list-2nd ul li .note_tx ,
div.news-list-tabbed-2nd ul li .note_tx ,
div.news-english li > p:first-child ,
div.news-english-tabbed li > p:first-child ,
div.news-english-2nd .note_tx ,
div.news-english-tabbed-2nd .note_tx {
	background-color:#FCC;
	font-size: 85.7%; /* 12px */
}

/* -- 全てのニュース -- */
div.news-list .all ,
div.news-list-tabbed .all ,
div.news-list-2nd .all ,
div.news-list-tabbed-2nd .all ,
div.news-english .all ,
div.news-english-tabbed .all ,
div.news-english-2nd .all ,
div.news-english-tabbed-2nd .all {
	display:none;
}

div.news-list .all a ,
div.news-list-tabbed .all a ,
div.news-list-2nd .all a ,
div.news-list-tabbed-2nd .all a ,
div.news-english .all a ,
div.news-english-tabbed .all a ,
div.news-english-2nd .all a ,
div.news-english-tabbed-2nd .all a {
	clear: both;
	display: block;
	margin: 20px 0 0 0;
	border-top: 1px #b3b3b3 solid;
	padding: 5px 0 0 17px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px;
}


/*-------------- 最新ニュース一覧（標準）07_202 --------------*/
/*-------------- 最新ニュース一覧（タブ切替）07_204 --------------*/

div.news-latest ,
div.news-latest-tabbed ,
div.news-latest-2nd ,
div.news-latest-tabbed-2nd {
	position: relative;
	margin-bottom: 20px;
}

div.news-latest ul ,
div.news-latest-tabbed ul ,
div.news-latest-2nd ul ,
div.news-latest-tabbed-2nd ul {
	padding-top: 1px;
}

div.news-latest ul li ,
div.news-latest-tabbed ul li ,
div.news-latest-2nd ul li ,
div.news-latest-tabbed-2nd ul li {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
	line-height: inherit;

	margin: 8px 0px 0px;
	padding-bottom: 10px;
	border-bottom:#CCCCCC 1px dotted;
}

div.news-latest ul li h3 ,
div.news-latest-tabbed ul li h3 ,
div.news-latest-2nd ul li h3 ,
div.news-latest-tabbed-2nd ul li h3 {
	font-weight:normal;
	line-height: inherit;

	position: relative;
	display: block; 
	padding-top: 0px;
	padding-left: 7.2em;
}

div.news-latest ul li img:first-child ,
div.news-latest-tabbed ul li img:first-child ,
div.news-latest ul li p:first-child + img ,
div.news-latest-tabbed ul li p:first-child + img ,
div.news-latest-2nd ul li .n_img ,
div.news-latest-tabbed-2nd ul li. n_img {
}

div.news-latest ul li img:first-child ,
div.news-latest-tabbed ul li img:first-child ,
div.news-latest ul li p:first-child + img ,
div.news-latest-tabbed ul li p:first-child + img ,
div.news-latest-2nd ul li .n_img img ,
div.news-latest-tabbed-2nd ul li. n_img img {
}

div.news-latest ul li span.date + img + span ,
div.news-latest-tabbed ul li span.date + img + span ,
div.news-latest ul li h3 a ,
div.news-latest-tabbed ul li h3 a ,
div.news-latest-2nd ul li .news_tx ,
div.news-latest-tabbed-2nd ul li .news_tx {
}

/* -- 日付 -- */
div.news-latest ul li span.date ,
div.news-latest-tabbed ul li span.date ,
div.news-latest-2nd ul li .date ,
div.news-latest-tabbed-2nd ul li .date {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* -- カテゴリアイコン -- */
div.news-latest ul li span.date + img ,
div.news-latest-tabbed ul li span.date + img ,
div.news-latest-2nd ul li .c_icon ,
div.news-latest-tabbed-2nd ul li .c_icon {
	position: absolute;
	top: 0px;
	left: 7.2em;
	display: none;
}

div.news-latest-2nd ul li .c_icon img ,
div.news-latest-tabbed-2nd ul li .c_icon img {
	display: inline-block;
	vertical-align: middle;
}

/* -- ファイルアイコン -- */
div.news-latest ul li .d_icon ,
div.news-latest-tabbed ul li .d_icon ,
div.news-latest-2nd ul li .d_icon ,
div.news-latest-tabbed-2nd ul li .d_icon {
}

div.news-latest ul li .d_icon img ,
div.news-latest-tabbed ul li .d_icon img ,
div.news-latest-2nd ul li .d_icon img ,
div.news-latest-tabbed-2nd ul li .d_icon img {
	display: inline-block;
	vertical-align: middle;
}

/* -- ファイルサイズ -- */
div.news-latest ul li .filesize ,
div.news-latest-tabbed ul li .filesize ,
div.news-latest-2nd ul li .filesize ,
div.news-latest-tabbed-2nd ul li .filesize {
	font-size: 85.7%;
}

/* -- NEWアイコン -- */
div.news-latest ul li .n_icon ,
div.news-latest-tabbed ul li .n_icon ,
div.news-latest-2nd ul li .n_icon ,
div.news-latest-tabbed-2nd ul li .n_icon {
	display: none;
}

div.news-latest ul li .n_icon img ,
div.news-latest-tabbed ul li .n_icon img ,
div.news-latest-2nd ul li .n_icon img ,
div.news-latest-tabbed-2nd ul li .n_icon img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;

	display: none; /* NEWアイコンテキスト化 */
}

/* NEWアイコンテキスト化 */
div.news-latest ul li .n_icon:before ,
div.news-latest-tabbed ul li .n_icon:before ,
div.news-latest-2nd ul li .n_icon:before ,
div.news-latest-tabbed-2nd ul li .n_icon:before {
	content: "NEW!";
	color: red;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

/* -- もっと読む・詳細（ニュース概要） -- */
div.news-latest ul li > p:last-child ,
div.news-latest-tabbed ul li > p:last-child ,
div.news-latest-2nd ul li .det_tx ,
div.news-latest-tabbed-2nd ul li > .det_tx {
	display: none;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
}

/* -- 続きを読む -- */
div.news-latest ul li > p:last-child em.more ,
div.news-latest-tabbed ul li > p:last-child em.more ,
div.news-latest-2nd ul li .det_tx em.more ,
div.news-latest-tabbed-2nd ul li > .det_tx em.more {
	display:none;
}

div.news-latest ul li > p:last-child em.more a ,
div.news-latest-tabbed ul li > p:last-child em.more a ,
div.news-latest-2nd ul li .det_tx em.more a ,
div.news-latest-tabbed-2nd ul li > .det_tx em.more a {
	padding-left: 15px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 2px;
	font-style: normal;
}

/* -- 非公開表示 -- */
div.news-latest ul li > p:first-child ,
div.news-latest-tabbed ul li > p:first-child ,
div.news-latest-2nd ul li .note_tx ,
div.news-latest-tabbed-2nd ul li > .note_tx {
	background-color:#FCC;
	font-size: 85.7%;
}

/* -- 全てのニュース -- */
div.news-latest .all ,
div.news-latest-tabbed .all ,
div.news-latest-2nd .all ,
div.news-latest-tabbed-2nd .all {
/*	display:none; */
}


div.news-latest .all a ,
div.news-latest-tabbed .all a ,
div.news-latest-2nd .all a ,
div.news-latest-tabbed-2nd .all a {
	clear: both;
	display: block;
	padding: 0 0 0 17px;
	position: relative;
}

div.news-latest .all a:before ,
div.news-latest-tabbed .all a:before ,
div.news-latest-2nd .all a:before ,
div.news-latest-tabbed-2nd .all a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border: solid 3px transparent;
	border-left: solid 4px #000;
}

div.news-latest .all ,
div.news-latest-tabbed .all ,
div.news-latest-2nd .all ,
div.news-latest-tabbed-2nd .all {
	margin-top: 10px;
	position: relative;
}

/*-- 中見出し(h2)の下にある場合 --*/
div.title2 ~ div.news-latest .all ,
div.title2 ~ div.news-latest-tabbed .all ,
div.title2 ~ div.news-latest-2nd .all ,
div.title2 ~ div.news-latest-tabbed-2nd .all {
	position: absolute;
	top: -55px;
	right: 20px;
	margin: 0;
	display: block;
}

/* テキスト変更 */
div.news-latest .all a ,
div.news-latest-tabbed .all a ,
div.news-latest-2nd .all a ,
div.news-latest-tabbed-2nd .all a {
	font-size: 0px;
}

div.news-latest .all a:after ,
div.news-latest-tabbed .all a:after ,
div div.news-latest-2nd .all a:after ,
div div.news-latest-tabbed-2nd .all a:after {
	font-size: 13px;
}

#header-wrap.ja ~ div div.news-latest .all a:after ,
#header-wrap.ja ~ div div.news-latest-tabbed .all a:after ,
#header-wrap.ja ~ div div div.news-latest-2nd .all a:after ,
#header-wrap.ja ~ div div div.news-latest-tabbed-2nd .all a:after {
	content: "バックナンバー";
}

#header-wrap.en ~ div div.news-latest .all a:after ,
#header-wrap.en ~ div div.news-latest-tabbed .all a:after ,
#header-wrap.en ~ div div.news-latest-2nd .all a:after ,
#header-wrap.en ~ div div.news-latest-tabbed-2nd .all a:after {
	content: "Back Number";
}


/*-------------- ニュース タブ --------------*/


/* -- 年度タブ -- */
p.yearTabs {
	margin-bottom:20px;
}
p.yearTabs:after {
	content: "";
    display: block;
    clear: both;
}

p.yearTabs a {
	display:inline-block;
	border:#CCCCCC 1px solid;
	padding:10px 20px;
	width:auto;
	margin-right:5px;
	margin-bottom:5px;
	font-weight:bold;

/*
	float: left;
	display: inline;
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") 4px 0.4em no-repeat;
	padding-left:14px;
	margin: 3px 10px 10px 10px;
	width: 4em;
*/
}

p.yearTabs a:hover ,
p.yearTabs a.active {
	font-weight: bold;
	background-color: rgb(221, 221, 221);
}



/* -- カテゴリタブ -- */
p.tabs{
	margin-bottom:20px;
}
p.tabs:after {
	content: "";
	display: block;
	clear: both;
}

p.tabs a {
	display:inline-block;
	width:auto;
	border:#CCCCCC 1px solid;
	margin-right:5px;
	padding:5px 10px; 

/*
	float: left;
	display: inline;
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link01.png") 4px 0.4em no-repeat;
	padding-left:14px;
	margin: 3px 10px 10px 10px;
*/
}

p.tabs a:hover ,
p.tabs a.active {
	font-weight: bold;
	background-color: rgb(221, 221, 221);
}

/*
p.tabs a.allTab:hover ,
p.tabs a.allTab.active {
}
p.tabs a.tekijiTab:hover ,
p.tabs a.tekijiTab.active {
	color: #FFF;
	background-color: #2980b9;
}
p.tabs a.resultTab:hover ,
p.tabs a.resultTab.active {
	color: #FFF;
	background-color: #e67e22;
}
p.tabs a.gyousekiTab:hover ,
p.tabs a.gyousekiTab.active {
	color: #FFF;
	background-color: #f1c40f;
}
p.tabs a.prTab:hover ,
p.tabs a.prTab.active {
	color: #FFF;
	background-color: #c2185b;
}
p.tabs a.irTab:hover ,
p.tabs a.irTab.active {
	color: #FFF;
	background-color: #1abc9c;
}
p.tabs a.governanceTab:hover ,
p.tabs a.governanceTab.active {
	color: #FFF;
	background-color: #34495e;
}
p.tabs a.yuhoTab:hover ,
p.tabs a.yuhoTab.active {
	color: #FFF;
	background-color: #16a085;
}
p.tabs a.syosyuTab:hover ,
p.tabs a.syosyuTab.active {
	color: #FFF;
	background-color: #e74c3c;
}
p.tabs a.noneTab:hover ,
p.tabs a.noneTab.active {
	color: #FFF;
	background-color: #9b59b6;
}
*/


/*-------------- テキスト化カテゴリアイコン (ver2専用) --------------*/
/*
div.news-list-2nd ul li .c_icon ,
div.news-list-tabbed-2nd ul li .c_icon ,
div.news-english-2nd ul li .c_icon ,
div.news-english-tabbed-2nd ul li .c_icon ,
div.news-latest-2nd ul li .c_icon ,
div.news-latest-tabbed-2nd ul li .c_icon {
	display: block;
	width: 60px;
	height: 15px;
	border: 1px solid #CCC;
	background: #F5F5F5;
}

div.news-list-2nd ul li .c_icon:before ,
div.news-list-tabbed-2nd ul li .c_icon:before ,
div.news-english-2nd ul li .c_icon:before ,
div.news-english-tabbed-2nd ul li .c_icon:before ,
div.news-latest-2nd ul li .c_icon:before ,
div.news-latest-tabbed-2nd ul li .c_icon:before {
	display: block;
	font-size: 10px;
	text-align: center;
	padding: 4px 0;
}

div.news-list-2nd ul li .c_icon img ,
div.news-list-tabbed-2nd ul li .c_icon img ,
div.news-english-2nd ul li .c_icon img ,
div.news-english-tabbed-2nd ul li .c_icon img ,
div.news-latest-2nd ul li .c_icon img ,
div.news-latest-tabbed-2nd ul li .c_icon img {
	display: none;
}


div.news-list-2nd ul li.tekijiElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.tekijiElm .c_icon:before ,
div.news-english-2nd ul li.tekijiElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.tekijiElm .c_icon:before ,
div.news-latest-2nd ul li.tekijiElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.tekijiElm .c_icon:before {
	content: "適時開示";
}

div.news-list-2nd ul li.resultElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.resultElm .c_icon:before ,
div.news-english-2nd ul li.resultElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.resultElm .c_icon:before ,
div.news-latest-2nd ul li.resultElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.resultElm .c_icon:before {
	content: "決算";
}

div.news-list-2nd ul li.gyousekiElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
div.news-english-2nd ul li.gyousekiElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.gyousekiElm .c_icon:before ,
div.news-latest-2nd ul li.gyousekiElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.gyousekiElm .c_icon:before {
	content: "業績";
}

div.news-list-2nd ul li.prElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.prElm .c_icon:before ,
div.news-english-2nd ul li.prElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.prElm .c_icon:before ,
div.news-latest-2nd ul li.prElm .c_icon:before ,
div.news-latest-tabbed-2nd ul.prElm li .c_icon:before {
	content: "PR";
}

div.news-list-2nd ul li.irElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.irElm .c_icon:before ,
div.news-english-2nd ul li.irElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.irElm .c_icon:before ,
div.news-latest-2nd ul li.irElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.irElm .c_icon:before {
	content: "IR";
}

div.news-list-2nd ul li.governanceElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.governanceElm .c_icon:before ,
div.news-english-2nd ul li.governanceElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.governanceElm .c_icon:before ,
div.news-latest-2nd ul li.governanceElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.governanceElm .c_icon:before {
	content: "ガナバンス";
	letter-spacing: -0.15em;
}

div.news-list-2nd ul li.yuhoElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.yuhoElm .c_icon:before ,
div.news-english-2nd ul li.yuhoElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.yuhoElm .c_icon:before ,
div.news-latest-2nd ul li.yuhoElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.yuhoElm .c_icon:before {
	content: "有報";
}

div.news-list-2nd ul li.syosyuElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.syosyuElm .c_icon:before ,
div.news-english-2nd ul li.syosyuElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.syosyuElm .c_icon:before ,
div.news-latest-2nd ul li.syosyuElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.syosyuElm .c_icon:before {
	content: "招集通知";
}

div.news-list-2nd ul li.noneElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.noneElm .c_icon:before ,
div.news-english-2nd ul li.noneElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.noneElm .c_icon:before ,
div.news-latest-2nd ul li.noneElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.noneElm .c_icon:before {
	content: "その他";
}
*/


/*-------------- 別エリア表示07_912★★！！最新ニュース画像有り無し時要確認 --------------*/

div.reuse-main-area {
}

div.reuse-main-area > div:last-child {
	margin-bottom: 0;
}

div.reuse-main-area > div.redirect:last-child {
	margin-top: -20px;
}

/* ---- （別エリア）リダイレクト(リダイレクトされない) ---- */
div.reuse-main-area .redirect > * {
	display: none;
}

/* 別エリア内のマグノリア編集バーを非表示（編集自体は可能） */
div.reuse-main-area > div .mgnlEditor {
	display: none;
}

/*-------------- 別コンポーネント表示07_912★★！！要確認（中身呼んだら中はどうなる） --------------*/

div.reuse-component {
}



/* ---- リダイレクト ---- */
div.redirect {
	margin-bottom: 20px;
}


/*-------------- カレンダー07_910 --------------*/

div.calendar {
}

div.calendar h2 {
}

div.calendar table {
}

div.calendar table th {
}

/* -- 土曜日 -- */
div.calendar table th.sat {
}

/* -- 日曜日 -- */
div.calendar table th.sun {
}

div.calendar table td {
}

/* -- 土曜日 -- */
div.calendar table td.sat {
}

/* -- 日曜日 -- */
div.calendar table td.sun {
}

/* -- アクティブ -- */
div.calendar table td.on {
}




/* PHOTO GALLERY
--------------------- */

.photo-index .media {
	float: none;
	width: 210px;
	border:  2px solid lime;
	padding: 8px 8px 16px 8px;
	background: #fff;
	border:  1px solid #B3B3B3;
	box-shadow: -2px 2px 4px rgba(135, 139, 144, 0.4);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
* + html .photo-index .media { /* IE7 */
	display: inline;
}
.no-csstransforms .photo-index .media {
	margin-right: 5px;
}
.photo-index .media:hover {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	border:  1px solid #888;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
	position: relative;
	z-index:  100;
}
.photo-index dl {
	margin-right: 0px;
}
.photo-index .media dt {
	min-height: 125px;
	height: auto;
	margin: 0 0 10px 0;
}
.photo-index .media dt img {
	width: 210px;
}
.photo-index .media dd {
	background:  transparent;
}

/* lightbox*/
.mask {
	background-color: #000;
	width: 100%;
	z-index: 110;
}
.loading-mask {
	background: #000 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/loading.gif") no-repeat fixed center;
}
.showbox {
	position: absolute;
	overflow: hidden;
	z-index: 120;
	top: 0;
	left: 0;
	margin: 40px 0 0;
	padding: 0 0 20px 0;
	width: 995px;
	background-color: #b3b3b3;
}
.showbox .overlay-control {
	display: none;
}
.showbox-head {
	overflow: hidden;
	height: 1%;
	margin: 0 0 30px;
	padding: 5px;
	font-size: 120%;
	text-align: center;
	background-color: #555;
	color: #fff;
}
.showbox-toolbar {
	float: left;
	clear: both;
}

.showbox-head a {
	color: #fff;
	margin-right: 10px;
	cursor: pointer;
}
.showbox-head a.ui-disabled {
	cursor: default;
	color: #aaa;
	text-decoration: none;
}
.showbox-toolbar .prev {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -73px no-repeat;
	padding-left: 17px;
}
.showbox-toolbar .next {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 190% 1px no-repeat;
	padding-right: 17px;
}

.showbox .close-button {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0 5px 0 17px;
	cursor: pointer;
	color: #fff;
	font-size: 120%;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -218px no-repeat;
}
.showbox .content-box {
	background-color: #999;
	margin: 0 auto;
}
.showbox.loading {
	background: #999 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/loading.gif") no-repeat fixed center;
}
.showbox .multimedia-box {
	overflow: hidden;
}
.showbox .text-content {
	background: #ececee;
	padding: 5px;
}
.showbox h2 {
	margin: 5px 0;
	font-size: 130%;
}
.showbox p {
	margin-bottom: 10px;
	font-size: 120%;
}
.showbox ul {
	margin: 10px 0 10px 0;
}
.showbox li {
	list-style: none;
	color: #555;
	font-size: 110%;
}


/* --------------------------------------
15_フォーム
-------------------------------------- */

/* FORMS
-------------------- */
/*
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input,
textarea,
select {
	box-shadow: none;
}
.validity-alert {
	font-family: 'arial', 'helvetica', 'sans-serif';
	font-size: 14px;
}
textarea {
	font-family: 'arial', 'helvetica', 'sans-serif';
}
.form-box {
/*	width: 95%; */
/*	padding: 0 20px; */
	margin: 0 auto;
}
.form-wrapper {
	clear: both;
/*	width:95%; */
	margin:0 auto;
}
#step-by-step {
	margin: 20px 0;
	padding: 4px 10px;
	border-radius: 5px;
	background: #0d8ccc;
}
#step-by-step ol {
	zoom: 1;
	list-style-position: inside;
	color: #fff;
}
#step-by-step li  {
	float: left;
	margin: 0 20px 0 0;
	padding: 4px;
	border-radius: 5px;
	list-style-position: inside;
}
#step-by-step li.do  {
	background: #EC1549;
}
#step-by-step li.do button {
	color: #fff;
}
#step-by-step li button {
	display: inline-block;
	padding: 3px;
	background: transparent;
	border: none;
	-webkit-appearance: none;
	color: #fff;
	font-family: 'arial','helvetica','sans-serif';
	cursor: pointer;
}
#step-by-step li button:hover,
#step-by-step li button:focus,
#step-by-step li button:active {
	text-decoration: underline;
}
#step-by-step li button[disabled] {
	cursor: default;
	color: #ccc;
	text-decoration: none;
}

.form-wrapper fieldset {
	border: none;
	margin: 5px 0 30px 0;
}
.form-wrapper fieldset > h2 {
	margin-bottom:10px;
	padding: 5px 10px;
	color: #333;
	background-color:#CCCCCC;
}
.form-wrapper p.required {
	text-align: right;
}
/*.form-wrapper*/ #Check p.required {
	display: none;
}
.form-wrapper p.required span,
.form-wrapper dfn {
	color: #ec1549;
	font-weight: bold;
	font-style: normal;
}
/*
.form-wrapper div span {
	padding: 5px 0 0 0;
	color: #555;
	font-size: 100%;
}
*/
.form-wrapper div.form-edit span ,
.form-wrapper div.form-selection span {
}
.form-row {
	clear: both;
	zoom: 1;
	border-bottom: 1px dotted #b3b3b3;
	padding: 10px 0 15px 0;
}
.form-row div {
	width: auto;
	border-bottom: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.form-row .form-item {
	margin: 0;
	clear: none;
}
.form-wrapper label {
	position: relative;
	display: block;
}
.form-wrapper label[for="text"] {
}
.form-wrapper label span {
}
.form-wrapper fieldset .multiple-labels fieldset input,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 3px 0 0 0;
	border: 1px solid #c2c2c2;
	padding: 10px 3px 10px 3px;
	background: #ffffff;
}
.form-wrapper input[type="submit"] {
	display: inline;
	border: 1px solid #c2c2c2;
}
.step-controls {
	position: relative;
	top: 2px;
}
.input-datetime-local .step-controls {
	top: auto;
}
.form-item-hidden,
.form-wrapper input[type=hidden] {
   display: none;
}
.form-wrapper .multiple-labels fieldset input.a11y-focus,
.form-wrapper .multiple-labels fieldset input:focus,
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper input.a11y-focus,
.form-wrapper textarea.a11y-focus {
	border: 1px solid #000;
	background: #FFFFFF;
}
.form-wrapper input[type=radio].a11y-focus,
.form-wrapper input[type=checkbox].a11y-focus {
	background: transparent;
	border: none;
}
.form-wrapper textarea {
/*	height: 100px; */
	width: 100%;
}
.form-wrapper select {
	display: block;
	width: 310px;
	margin: 5px 0 0 0;
}
.form-wrapper div span.input-datetime-local {
	font-size: 100%;
}
.form-wrapper h4 {
	padding: 0 0 10px 0;
	color: #000;
	font-size: 130%;
	font-weight: bold;
}
.form-wrapper div.multiple-labels label span {
	color: #555;
	font-size: 110%;
	font-weight: normal;
}
.form-row label span {
	display: inline;
}
.form-row label.m span {
	clear: both;
	padding: 0 0 5px 0;
}
.form-row span.help a {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -651px no-repeat;
	padding-left: 15px;
}

/* multiple inputs in one row */
.form-row .form-item-s,
.form-row .form-item-m,
.form-row .form-item-l {
	float: left;
	margin: 0;
	clear: none;
	width: 92px;
}
.form-row .form-item-m {
	width: 161px;
	padding: 0;
}
.form-row .form-item-l {
	width: 363px;
}
.form-row .form-item-s input {
	width: 70px;
}
.form-wrapper .form-row .form-item-m input {
	width: 139px;
}
.form-row .form-item-l input {
	width: 209px;
}

/* checkboxes & radiobuttons */
.form-wrapper fieldset fieldset {
	margin: 0;
	padding: 0;
}
.form-wrapper fieldset fieldset .form-item {
	float: none;
	display: block;
	clear: both;
}
.form-wrapper fieldset fieldset input {
	width: auto;
	display: inline;
	background: transparent;
	border: none;
}
#main .form-wrapper fieldset fieldset legend {
	text-indent: -9999px;
	font-size: 0;
}
.form-wrapper  fieldset fieldset div.form-item label {
	display: inline;
}

/* mod for short elements */
.form-wrapper fieldset fieldset.mod .form-item {
	float: left;
	clear: none;
	margin-right: 15px;
}
.form-wrapper fieldset fieldset.mod .form-item label {
	display: inline;
}

/* table date-picker */
.input-date-datepicker-control td:hover {
    background-color: #BBEEFF;
    border: none;
    box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
}
.input-date-datepicker-control td.ui-datepicker-today {
	border: none;
	background: #EC1549;
}
.input-date-datepicker-control td.ui-datepicker-today a {
	color: #fff;
}
.input-date-datepicker-control td.ui-datepicker-current-day {
	border: none;
	background: #999;
}

/* Submit */
.form-wrapper div.button-wrapper {
	width:100%;
	position: relative;
	border: none;
	padding: 10px 0 5px 0;
	text-align:center;
}
.form-wrapper fieldset div.button-wrapper em {
	float: right;
	margin-top: -24px;
	font-size: 140%;
}
.new-search .button,  /* button outside button-wrapper */
.form-wrapper div.button-wrapper input { /* button */
	background:#F60;
	right: auto;
	width: auto;
	margin:5px;
	padding: 12px 70px;
	/*color: #fff;*/
	cursor: pointer;
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#dedede');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#dedede')";
background-image: -moz-linear-gradient(top, #f7f7f7, #dedede);
background-image: -ms-linear-gradient(top, #f7f7f7, #dedede);
background-image: -o-linear-gradient(top, #f7f7f7, #dedede);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f7f7f7), to(#dedede));
background-image: -webkit-linear-gradient(top, #f7f7f7, #dedede);
background-image: linear-gradient(top, #f7f7f7, #dedede);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

/* -- 確認ページ -- */
.form-summary {
	margin: 0 auto 20px;
}

.form-summary table {
}

.form-summary table td {
	border: solid #b4b4b4 1px;
	padding: 5px 10px;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
	width: 70%;
}

.form-summary table td:first-child {
	color: #00033e;
	background-color: #dddddd;
	font-weight: bold;
	text-align: left;
	width: 30%;
}

/*
.form-field span {
	margin-bottom:0!important;
	line-height:1.4;
}

.form-edit ,
.form-selection {
	margin-bottom: 10px;
}
*/

.new-search .button {  /* button outside button-wrapper */
	padding-top: 3px;
	padding-bottom: 4px;
}
.new-search .button:hover,
.new-search .button:active,
.new-search .button:focus,
.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
	background: #B9B9B9;
	/*color: #fff;*/
	border: 1px solid #111;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}
/* link-Button */
a.button {
	background: #b90834 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/submit.png") 0 0 repeat-x;
	min-width: 60px;
	width: auto;
	border: 1px solid #f19eb2;
	border-right: 1px solid #920728;
	border-bottom: 1px solid #920728;
	padding: 3px 20px 2px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
a.button span {
	position: absolute;
}
a.button:hover,
a.button:active,
a.button:focus {
	color: #fac4d1;
}

/* New Search */
/*
#search-results .form-wrapper div {
	background: #f2f2bf;
	float: left;
	width: 100%;
	padding: 10px 0;
}
#search-results .form-wrapper input {
	float: left;
	margin: 3px 0 0 10px;
}
#search-results .form-wrapper input.submit {
	width: auto;
	background: #cc0;
	padding: 2px 10px;
	cursor: pointer;
}
*/

/* error messages */
.error {
	color: #ec1549;
	font-weight: bold;
}

.error a ,
.error a:hover {
	color: #333;
	text-decoration: none;
	cursor: default;
}

#main .error h1 {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/icons../../img/bgs/error.png") 0 8px no-repeat;
	margin-bottom: 10px;
	padding: 5px 0 0 30px;
	color: #ec1549;
}
#main div.error {
	margin: 20px 0;
	font-weight: bold;
}
#main div.error ul {
	margin: 0 0 0 45px;
}
#main div.error li {
	color: #ec1549;
}
#main div.error li a,
#main div.error label span {
	color: #ec1549;
}
#main .form-wrapper div.error {
	margin: 0;
}
.form-ui-invalid {
	border-color: #ec1549;
}
.form-wrapper div.error input,
.form-wrapper div.error select,
.form-wrapper div.error textarea,
.form-wrapper div input.form-ui-invalid,
.form-wrapper div textarea.form-ui-invalid,
.form-wrapper div select.form-ui-invalid {
	border: 1px solid #ec1549;
}

#mgnlhp {
    display: none;
}

/* success messages */
#main .success {
	margin: 10px 0;
}
#main .success h1 {
	background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/confirmed.png") 0 8px no-repeat;
	margin-bottom: 10px;
	padding: 5px 0 0 30px;
	color: #afaf00;
}



/* -- rss -- */
.rss-content {
}

.rss-content em {
	font-style: normal;
	float: right;
}

.rss-content a {
	text-decoration: none;
}


.rss-content em {
	margin-top: -25px;
	background: none !important;
}

.rss-content a {
	display: block;
	width: 16px;
	height: 16px;
/*	background: url("../../../../../../resources/sw_img/icon_rss.png") no-repeat left top; */
	background: url("../../../../../../.resources/feed.gif") no-repeat left top;
}

.rss-content a:hover {
	opacity: 0.7;
}



/* -- スマホ -- */
.sp_navi {
	display:none;
}

.no-pc {
	display: none !important;
}

#panel2-sw {
	display: none;
}


/* google search */
.gsc-control-cse ,
.gsc-control-cse * {
	box-sizing: content-box;
}
.gsc-control-cse {
	line-height: 1;
}


/*------------------------------------- 
13_テンプレートID
-------------------------------------*/


/*---- 総合トップH01 ----*/

body#generaltop ,
body.generaltop {
}

body#sitetop ,
body.sitetop {
}


/*---- カテゴリトップのテンプレートS01 ----*/
body#irtop ,
body.irtop {
}


/*---- 汎用のテンプレートF01 ----*/

body#multi ,
body.multi {
}


/*---- FAQのテンプレートF04 ----*/
body#faq ,
body.faq {
}


/*---- サイトマップのテンプレートF05 ----*/

body#siteMap ,
body.siteMap {
}


/*---- イベント一覧のテンプレートS03 ----*/

body#eventOverview ,
body.eventOverview {
}


/*---- イベントのテンプレートC02 ----*/

body#event ,
body.event {
}


/*---- ニュース一覧のテンプレートS02 ----*/

body#newsOverview ,
body.newsOverview {
}

/*---- 英文資料一覧のテンプレートC04 ----*/

body#kaijiListEnglish ,
body.kaijiListEnglish {
}


/* -- ニュース一覧・英文資料一覧のサイドナビに削除ページが出るのを抑止 -- */
/* -- ニュースページは削除されている為プレビュー不可 -- */
body.kaijiListEnglish #nav-box strong + ul ,
body.newsOverview #nav-box strong + ul {
    display: none;
}


/*---- ニュースのテンプレートC01 ----*/

body#news ,
body.news {
}


/*---- 有価証券報告書一覧のテンプレートC05 ----*/

body#yuho ,
body.yuho {
}


/*---- 決算短信一覧のテンプレートC03 ----*/

body#kaijiResult ,
body.kaijiResult {
}


/*---- 財務ハイライトのテンプレートC06 ----*/

body#tdnetzaimu ,
body.tdnetzaimu {
}

body#tdnetzaimu-2nd ,
body.tdnetzaimu-2nd {
}


/*---- 配当金のテンプレートC07 ----*/

body#tdnethaitou ,
body.tdnethaitou {
}

body#tdnethaitou-2nd ,
body.tdnethaitou-2nd {
}


/*---- 電子公告のテンプレートF06 ----*/

body#denshi ,
body.denshi {
}


/*---- スペシャルコンテンツのテンプレートF08 ----*/

body#special {
}


body.special {
	background: #FFF;
}

body.special #html1 {
}

body.special #sharewithmain {
}

body.special #html2 {
}

body.special .multiColumn1:last-child,
body.special .multiColumn2:last-child,
body.special .multiColumn3:last-child,
body.special .multiColumn4:last-child,
body.special .multiColumn5:last-child {
	margin-bottom: 0px;
}

body.special .multiColumn1:last-child > div ,
body.special .multiColumn2:last-child > div ,
body.special .multiColumn3:last-child > div ,
body.special .multiColumn4:last-child > div ,
body.special .multiColumn5:last-child > div {
	margin-bottom: 0px;
}

body.special .multiColumn1:last-child > div > div:last-child ,
body.special .multiColumn2:last-child > div > div:last-child ,
body.special .multiColumn3:last-child > div > div:last-child ,
body.special .multiColumn4:last-child > div > div:last-child ,
body.special .multiColumn5:last-child > div > div:last-child {
	margin-bottom: 0px;
}

/*-- 遅延表示用(marker5.js) --*/
/*
body {
	visibility: hidden;
}
body.generaltop ,
body.special ,
body.ready {
	visibility: visible;
}
*/

/* 編集モード補正 */
div.mgnlEditorBarButtons {
	margin-bottom: -2px !important;
}

/* --------------------------------------
16_個別設定
-------------------------------------- */



/* -- ヘッダー内ロゴ -- */

#header .logo a:hover img {
	-ms-opacity: 1.0;
	opacity: 1.0;
}



/*-- フッターリンク集　設定例 -- */

.footer-about {
	width: 19%;
	float: left;
	padding-left: 1%;
	font-size: 11px;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-top: 65px;
}

.footer-about p > u {
	text-decoration: none;
}

.footer-about p > u > a {
	display: block;
/*	background:url("../../../../../../resources/sw_img/arr06.png") left 0.3em no-repeat; */
	padding-left:10px;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 10%;
	border-bottom: #777 solid 1px;
	font-size: 11px;
	font-weight: bold;
	color: #444;
}
.footer-about p > u > a:before {
	content: "> ";
	color: #DD202C;
	font-weight: bold;
}
.footer-about p > a {
	display: block;
	padding-left:10px;
/*	background:url("../../../../../../resources/sw_img/arr05.png") left 0.5em no-repeat; */
	margin-bottom: 8px;
	color: #666;
}
.footer-about p > a:before {
	content: "● ";
}



/* -- お問い合わせページ　設定例 -- */
/* -- 例２： -- */
.form-wrapper div.form-edit ,
.form-wrapper div.form-selection {
	position: relative;
	border: 1px solid #b4b4b4;
	margin: 0;
	margin-bottom: -1px;
}

/* 左セル */
.form-wrapper div.form-edit:before ,
.form-wrapper div.form-selection:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 35%;
	height: 100%;
	color: #00033e;
	background-color: #eee;
	border-right: 1px solid #b4b4b4;
}

.form-wrapper div.form-edit > label ,
.form-wrapper div.form-selection > label {
	text-align: left;
	padding: 15px 25px;

/*	color: #333; */
	font-weight: bold;

	float: left;
	box-sizing: border-box;
	width: 35%;
}

/* 右セル */
.form-wrapper div.form-edit > input[type="text"] ,
.form-wrapper div.form-edit > textarea ,
.form-wrapper div.form-edit > span ,
.form-wrapper div.form-selection > fieldset {
	margin: 0;

	float: right;
	box-sizing: border-box;
	width: 60%;
	width: calc(65% - 50px) !important;
	margin-right: 25px;
}

/*-- 入力フィールド --*/
.form-wrapper div.form-edit {
}


.form-wrapper div.form-edit > input[type="text"] {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px 5px;
}

.form-wrapper div.form-edit > textarea {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px 5px;
}


.form-wrapper div.form-edit > span {
	padding: 0;
	font-size: 87.5%;
	margin-bottom: 15px;
	margin-top: -15px;
}


/*-- セレクトボタン(チェックボックス・ラジオボタン・セレクトボックス) --*/
.form-wrapper div.form-selection {
}

.form-wrapper div.form-selection > fieldset {
	margin-top: 15px;
	margin-bottom: 15px;
}

.form-wrapper div.form-selection > fieldset > legend {
	font-size: 87.5%;
	margin-bottom: 15px;
	margin-top: -15px;
}

.form-wrapper div.form-selection > fieldset > select {
	margin: 0;
	width: auto;
	display: block;

	padding: 0.25em 0.25em;
}


/* -- 例１： -- */
/*
.form-box {
}
.form-wrapper {
}
.form-wrapper div span {
	font-size: 75%;
}
.form-wrapper div > span {
	margin-left: 10px;
}
.form-wrapper div.form-edit span ,
.form-wrapper div.form-selection span {
	float: left;
}
.form-wrapper label {
	text-align: left;
	padding:2px 5px;
	background-color: #dddddd;
	color: #00033e;
	font-weight: bold;

	float: left;
	width: 30%;
	min-height: 4em;
	border-right: 1px solid #b4b4b4;
}
.form-wrapper label span {
	color: #333; 
	font-weight: bold;
	font-size: 100%;
	float: left;
}
.form-wrapper fieldset .multiple-labels fieldset input,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
	margin: 10px 10px 0 0;
	border: 1px inset #c2c2c2;
	padding: 5px 3px 5px 3px;
	width: 65%;
	float: right;
}
.form-wrapper textarea {
	height: 100px;
	width: 65%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.form-wrapper select {
	margin: 10px 0 0 10px;
	float: left;
}
.form-wrapper fieldset fieldset input {
	margin: 10px 3px;

}
.form-wrapper fieldset fieldset.mod .form-item {
	margin-left: 10px;
}
.form-wrapper fieldset fieldset.mod .form-item label {
	border: none;
	width: auto;
	background-color: inherit;
	color: inherit;
	padding: 5px 3px 5px 3px;
	box-sizing: border-box;
}

.new-search .button,  
.form-wrapper div.button-wrapper input {
	float: none;
	font-family: inherit;

	font-weight: normal;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.form-wrapper div.button-wrapper input:last-child {
}

.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
}


.form-edit ,
.form-selection {
	border: 1px solid #b4b4b4;
	margin-bottom: -1px;
}

.form-wrapper label[for="text"] {
	min-height: 128px;
}
*/


/* -- お問い合わせ確認ページ　設定例 -- */

/*
.form-summary {
}

.form-summary table td {
	border: solid #b4b4b4 1px;
	padding:10px 10px;
}

.form-summary table td:first-child {
	color: #00033e;
	background-color: #dddddd;
	font-weight: bold;
	border: solid #b4b4b4 1px;
}
*/

/*-- 上に戻るリンク 設定例：scroll_f.js用 --*/
#topcontrol {
	position: fixed;
	bottom: -42px;
	right: 5px;
	opacity: 0.3;
	cursor: pointer;
	z-index:1000;

	transition: 0.5s 0.1s;
}


#topcontrol.visible {
	right: 5px;
	bottom: 5px;
	opacity: 1;
}

/*
#topcontrol a {
	display: block;
	width: 51px;
	height: 42px;
	background: url(../../../../../../resources/sw_img/up.png) no-repeat center top;
}

#topcontrol.visible a {
	width: 51px;
	height: 42px;

	transition: 0s;
}
*/

#topcontrol a {
	display: block;
	width: 51px;
	height: 42px;
	background: rgba(0,0,0, 0.53);
	position: relative;
}

#topcontrol a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -9px;
	display: block;
	width: 14px;
	height: 14px;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#topcontrol {
	display: none;
}

.toTop {
	text-align: center;
}

.toTop a {
	display: block;
	padding: 15px;
	border-top: 1px solid #aeadad;
	background: #f6f7f7;

	color: #444;
	font-weight: bold;
	font-size: 14px;
}

.toTop a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	background: url("../../../../../../resources/sw_img2/ico-up-arrow.png") no-repeat center center;
	background-size: contain;
	margin-right: 10px;
}



/*-- ヘッダー・グロナビ --*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

#header ,
#header * ,
#gnav ,
#gnav * ,
#subnav ,
#subnav * ,
#footer ,
#footer * {
	box-sizing: border-box;
}

#headnav-sp {
	display: none;
}

/* ====================================================
Icon font
==================================================== */
@font-face {
  font-family: "icomoon";
  src: url("../../../../../../resources/sw_css/fonts/icomoon_eot.eot?qwyhra");
  src: url("../../../../../../resources/sw_css/fonts/icomoon_eot.eot?qwyhra#iefix") format("embedded-opentype")
     , url("../../../../../../resources/sw_css/fonts/icomoon_ttf.ttf?qwyhra") format("truetype")
     , url("../../../../../../resources/sw_css/fonts/icomoon_woff.woff?qwyhra") format("woff")
     , url("../../../../../../resources/sw_css/fonts/icomoon_svg.svg?qwyhra#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}


#header [class^="icon-"] ,
#header [class*=" icon-"] ,
#gnav [class^="icon-"] ,
#gnav [class*=" icon-"] ,
#promos1 [class^="icon-"] ,
#promos1 [class*=" icon-"] ,
#footer [class^="icon-"] ,
#footer [class*=" icon-"] {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#header [class^="icon-"]:before ,
#header [class*=" icon-"]:before ,
#gnav [class^="icon-"]:before ,
#gnav [class*=" icon-"]:before ,
#promos1 [class^="icon-"]:before ,
#promos1 [class*=" icon-"]:before ,
#footer [class^="icon-"]:before ,
#footer [class*=" icon-"]:before {
  vertical-align: middle;
}


/*
[class^="icon-"], [class*=" icon-"] {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  vertical-align: middle;
}

body.ie [class^="icon-"], body.ie
[class*=" icon-"] {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.icon-angle-right:before, .btn-detail:before, .p-links li a:before, #main .content .btn-submit:before, .p-index .p-btn:before, #footadd ul li a:before, #footsubnav ul li a:before {
  content: "\e900";
}

.icon-arrow-circle-right:before, #subnav .toplink p:before, #subnav ul p:before, #main .arrow-left:before, #main .index li p:before, #footnav-pc .footnav-ul li a:before {
  content: "\e901";
}

.icon-arrow-circle-up:before, #pagetop a:before {
  content: "\e902";
  font-size: 18px;
  font-size: 1.8rem;
  padding-right: .5em;
}

.icon-arrow-right:before {
  content: "\e903";
}

.icon-arrow-square-right:before, #side .p-sidenav a.child-3:before, #side .p-sidenav .child-3 li a:before {
  content: "\e904";
}

.icon-book:before, #side .sidenav-sub li a.request:before {
  content: "\e905";
  vertical-align: middle;
}

.icon-caret-down:before, #gnav ul li a.trigger:before {
  content: "\e906";
}

.icon-caret-right:before, #side .sidenav-child li a:before {
  content: "\e907";
}

.icon-clamp:before {
  content: "\e908";
}

.icon-download:before {
  content: "\e909";
}

.icon-file-check:before {
  content: "\e90b";
}

.icon-folder:before {
  content: "\e90c";
}

.icon-info:before, #top-other .contact a:before, #side .sidenav-sub li a.contact:before {
  content: "\e90d";
}

.icon-light-bulb:before {
  content: "\e90e";
}

.icon-mail:before {
  content: "\e90f";
}

.icon-minus:before {
  content: "\e910";
}

.icon-plus:before {
  content: "\e911";
}

.icon-positioning:before {
  content: "\e912";
}

.icon-precision:before {
  content: "\e913";
}

.icon-search:before {
  content: "\e914";
}

.icon-setting:before, #side .sidenav-sub li a.parts:before {
  content: "\e916";
}

.icon-clock:before, #main .entry-date .update:before, #main .entrylist li .text .update:before {
  content: "\e918";
  font-weight: normal;
  padding-right: .3em;
}

.icon-support:before, #side .sidenav-sub li a.support:before {
  content: "\e919";
}

.icon-telephone:before {
  content: "\e91a";
}

.icon-weight:before {
  content: "\e91b";
}

.icon-world:before {
  content: "\e91c";
}

.icon-youtube:before {
  content: "\e91d";
}

.icon-controller-record:before {
  content: "\e91e";
}

.icon-warning:before, #main .content .error:before {
  content: "\ea07";
}

.icon-circle-right:before {
  content: "\ea42";
}
*/

/* ====================================================
layout style
==================================================== */
#wrapper {
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

/* ------------------------
Button
------------------------ */
.btn, .btn-detail, .p-links li a, #main .content .btn-submit, #top-other .contact a {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  padding: .8em 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
}

.btn-detail, .p-links li a, #main .content .btn-submit {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #00558c;
  background: white;
  border-radius: 3px;
  border: 2px solid #00558c;
  position: relative;
  padding: 10px 30px;
  width: 200px;
  line-height: 20px;
  transition: border-color .3s ease, color .3s ease;
}

.btn-detail:before, .p-links li a:before, #main .content .btn-submit:before {
  vertical-align: middle;
}

body.ie .btn-detail, body.ie .p-links li a, .p-links li body.ie a, body.ie #main .content .btn-submit, #main .content body.ie .btn-submit {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.btn-detail:before, .p-links li a:before, #main .content .btn-submit:before {
  position: absolute;
  right: 10px;
  font-weight: normal;
  transition: right .3s ease;
}

.btn-detail:hover, .p-links li a:hover, #main .content .btn-submit:hover {
  color: #227ddb;
  border-color: #469ff9;
}

.btn-detail:hover:before, .p-links li a:hover:before, #main .content .btn-submit:hover:before {
  right: 5px;
}

.btn-search {
  width: 140px;
  height: 50px;
  background: #3e85cc;
  border: none;
  border-radius: 4px;
  color: white;
  font-size: 20px;
  line-height: 1;
  transition: all .3s ease;
}

.btn-search:hover {
  color: #fff;
  background-color: #4da5ff;
  text-decoration: none;
}

.btn-reset {
  color: #00033e;
  background: white;
  padding: .6em 1.5em;
  border: 1px solid #00558c;
}

.btn-reset:hover {
  color: #0368bd;
  border: 1px solid #659ef9;
  box-shadow: 0 0 5px #a8c8fc;
}

/* ====================================================
Langage select
==================================================== */
.language_menu {
}

.language_menu > li {
}

.language_menu > li a {
}

.language_menu > li a:hover {
}

ul.menu_second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu_third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu_fourth-level {
    visibility: hidden;
    opacity: 0;
}

.language_menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu_second-level li {
    border-top: 1px solid #111;
    display: block!important;
    margin-left: 0!important;
    float: none;
}

.menu_second-level li a{
    display: block!important;
    color: #fff!important;
    padding: 10px!important;
    background: #072A24;
}


.menu_third-level li {
    border-top: 1px solid #111;
}

.menu_second-level li a:hover {
    background: #3e85cc;
}

.menu_third-level li a:hover {
    background: #2a1f1f;
}

.menu_fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.language_menu:before,
.language_menu:after {
    content: " ";
    display: table;
}

.language_menu:after {
    clear: both;
}

.language_menu {
    *zoom: 1;
}

.language_menu > li.menu_single {
    position: relative;
    padding-left: 0!important;
    margin-left: 0!important;
/*  margin-top: 3px!important; */
}

li.menu_single ul.menu_second-level {
    position: absolute;
    top: 20px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding-top: 13px;
}

li.menu_single:hover ul.menu_second-level {
    top: 20px;
    visibility: visible;
    opacity: 1;
}

/* ------------------------
Header
------------------------ */
#header-wrap {
  position: relative;
  width: 100%;
  height: 50px;
  min-width: 1000px;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 14px;
  height: 50px;
  color: #444;
  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(223, 226, 223, 1) 100%);
  z-index: 100;
}

#header.header-toppage {
  background-color: white;
  background-color: rgba(255, 255, 255, .8);
}

.headernav-left {
  float: left;
}

.headernav-right {
  float: right;
}

#headernav ul li {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 28px;
  font-size: 16px;
  font-size: 1.4rem;
  line-height: 1;
}

[lang="en"] #headernav ul li {
  font-size: 1.6rem;
}

#headernav ul li.bar {
	/* color: #fff; */
	margin-left: 5px;
}

#headernav ul li a {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  color: #263847;
  font-weight: bold;
  line-height: 20px !important;
  padding-left: 28px;
  position: relative;
}

#headernav ul li a:before {
  vertical-align: middle;
}

body.ie #headernav ul li a {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#headernav ul li a:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  font-weight: normal;
}

#headernav ul li a.icon-world:before {
  content: "\e91c";
}

#headernav ul li a.icon-search:before {
  content: "\e914";
  left: 2px;
}

#headernav ul li a.icon-setting:before {
  content: "\e916";
}

#headernav ul li a.icon-info:before {
  content: "\e90d";
}

#headernav ul li a.icon-book:before {
  content: "\e905";
  vertical-align: middle;
}

#headernav ul li a.icon-info:before, #headernav ul li #top-other .contact a:before, #top-other .contact #headernav ul li a:before, #headernav ul #side .sidenav-sub li a.contact:before, #side .sidenav-sub #headernav ul li a.contact:before {
  font-weight: bold;
  top: 3px;
}

#headernav ul li a.icon-book:before, #headernav ul #side .sidenav-sub li a.request:before, #side .sidenav-sub #headernav ul li a.request:before {
  font-weight: bold;
  top: 1px;
}

#headernav ul li a:hover {
  color: #6ea4d9;
}

.header-toppage #headernav ul li a {
  color: #000;
  transition: color .3s ease;
}

.header-toppage #headernav ul li a:hover {
  color: #3e85cc;
}

#headernav ul.headernav-left li:first-child {
  margin-left: 0;
}

body.ie #headernav ul li a {
  font-size: 15px;
}

body.ie #headernav ul li a.icon-info:before, body.ie #headernav ul li #top-other .contact a:before, #top-other .contact body.ie #headernav ul li a:before, body.ie #headernav ul #side .sidenav-sub li a.contact:before, #side .sidenav-sub body.ie #headernav ul li a.contact:before {
  top: 1px;
}

body.ie #headernav ul li a.icon-book:before, body.ie #headernav ul #side .sidenav-sub li a.request:before, #side .sidenav-sub body.ie #headernav ul li a.request:before {
  top: 0;
}

/* Title image
-------------------------- */
#titleimg {
  width: 100%;
  height: 200px;
  background: #eee;
  overflow: hidden;
}

#titleimg strong {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  padding-top: 78px;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: .05em;
  font-weight: 500;
  line-height: 1.2;
}


#titleimg {
  background: url(../../../../../../resources/sw_img2/ir-tit.png) no-repeat center center;
  background-size: cover;
  min-width: 1000px;
}

#titleimg strong {
  color: white;
}

#titleimg.sustainability {
  background: url(../../../../../../resources/sw_img2/s12y-tit.jpeg) no-repeat center center;
  background-size: cover;
}



/* ------------------------
Global nav
------------------------ */
#gnav-wrap {
  width: 100%;
  height: 90px;
  min-width: 1000px;
}

#gnav {
  background: white;
  width: 100%;
  min-width: 1000px;
  padding: 27px 0;
  height: 90px;
  position: absolute;
  z-index: 98;
}

#gnav .logo {
  float: left;
  max-width: 180px;
}

#gnav ul {
  float: right;
  padding-top: 5px;
}

#gnav ul li {
  display: inline-block;
  text-align: right;
  margin-left: 30px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}

#gnav ul li a {
  display: inline-block;
  color: #444;
  font-weight: bold;
  line-height: 1;
  position: relative;
  letter-spacing: .05em;
}

#gnav ul li a.trigger {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  position: relative;
}

#gnav ul li a.trigger:before {
  content: "\e906";
  vertical-align: middle;
}

body.ie #gnav ul li a.trigger {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#gnav ul li a.trigger:before {
  font-size: 10px;
  font-size: 1rem;
  display: block;
  position: absolute;
  color: #ccc;
  left: 50%;
  top: 25px;
  margin-left: -5px;
  transition: all .3s ease;
}

#gnav ul li a:hover {
  color: #3e85cc;
}

#gnav ul li a:hover:before {
  color: #3e85cc;
  top: 30px;
}

#gnav ul li.current a {
  color: #2c3090;
}

#gnav ul li.current a:before {
  color: #2c3090;
}

#gnav.nav-toppage {
  background: none;
  box-shadow: none;
}

#gnav.nav-toppage a {
  color: white;
}

#subnav {
  display: none;
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  z-index: 80;
  /* search box */
}

#subnav #subnav-reset {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 3, 62, .6);
}

#subnav .subnav-close {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  padding: 5px;
  width: 50px;
  height: 50px;
  color: white;
  text-align: center;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  background: #ccc;
  z-index: 95;
  transition: background .3s ease;
}

#subnav .subnav-close:hover {
  background: #3e85cc;
}

#subnav .target {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: none;
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  padding: 38px 0 30px;
  background: white;
  box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, .2);
  z-index: 99;
}

#subnav .imgtrim {
  display: block;
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 80px;
  position: relative;
  display: inline-block;
}

#subnav .imgtrim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#subnav .imgtrim:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity .3s ease;
}

#subnav .imgtrim:hover:after {
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

#subnav .toplink {
  float: left;
  width: 260px;
  padding-right: 40px;
  margin-right: -1px;
/*  border-right: 1px solid #ccc; */
}

#subnav .toplink .imgtrim {
  width: 220px;
  height: 165px;
}

#subnav ul {
  float: right;
  width: 791px;
  padding-left: 40px;
  margin-right: -50px;
  border-left: 1px solid #ccc;
}

#subnav ul li {
  float: left;
  width: 200px;
  margin-right: 50px;
  margin-bottom: 20px;
  line-height: 1.5;
}

/*
#subnav #subnav-corporate ul {
  width: 1066px;
  margin-right: -66px;
  padding-left: 0;
  border-left: none;
}

#subnav #subnav-corporate ul li {
  margin-right: 66px;
}
*/

#subnav .toplink p, #subnav ul p {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 8px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

[lang="en"] #subnav .toplink p,
[lang="en"] #subnav ul p,
.en #subnav .toplink p,
.en #subnav ul p {
  font-size: 15px;
  font-size: 1.5rem;
}

#subnav .toplink p:before, #subnav ul p:before {
  vertical-align: middle;
}

body.ie #subnav .toplink p, body.ie
#subnav ul p {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#subnav .toplink p:before, #subnav ul p:before {
  content: "\e901";
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  padding-right: .5em;
  vertical-align: baseline !important;
}

#subnav .searchbox {
  width: 830px;
  height: 50px;
  border-radius: 4px;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

#subnav #subnav-search {
  padding-bottom: 40px;
}

/* global nav fixed */
.nav-fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}


/* ------------------------
Footer
-------------------------- */
#footer {
  margin-top: 5em;
  width: 100%;
  background: #1e3670;
}

/* Pagetop
-------------------------- */
#pagetop {
  width: 100%;
}

#pagetop a {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 60px;
  display: block;
  color: #444;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #f8f8f8;
}

#pagetop a:before {
  vertical-align: middle;

  content: "\e902";
  font-size: 18px;
  font-size: 1.8rem;
  padding-right: .5em;
}

body.ie #pagetop a {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#pagetop a:before {
  vertical-align: middle;
}

#pagetop a:hover {
  background: #eff1ef;
}

body.ie #pagetop a:before {
  line-height: 60px;
}

#footnav {
  width: 100%;
  background: #1e3670;
}

#footnav .wrap {
  padding: 50px 0 25px;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
}

#footnav .wrap a {
  color: white;
  transition: color .3s ease;
}

#footnav .wrap a:hover {
  color: #3e85cc;
}

#footadd {
  float: left;
  width: 330px;
}

#footadd p {
  margin-top: .8em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}

#footadd ul {
  margin-top: 20px;
}

#footadd ul li a {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 264px;
  background: white;
  border-radius: 2px;
  padding: 7px 40px 8px 15px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: bold;
  position: relative;
  color: #00033e !important;
  transition: background .3s ease !important;
}

#footadd ul li a:before {
  vertical-align: middle;
}

body.ie #footadd ul li a {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#footadd ul li a:before {
  content: "\e900";
}

#footadd ul li a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: normal;
  transition: margin-right .3s ease;
}

#footadd ul li a:hover {
  background: #b7d2fd;
}

#footadd ul li a:hover:before {
  font-weight: normal;
  margin-right: -4px;
}

#footadd ul li a span {
  position: relative;
  padding-left: 30px;
}

#footadd ul li a span:before {
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  margin-right: 5px;
}

#footadd ul li a span.icon-info:before {
  content: "\e90d";
}

#footadd ul li a span.icon-book:before {
  content: "\e905";
  vertical-align: middle;
}

#footadd ul li a span.icon-info:before {
  top: -1px;
}

body.ie #footadd ul li a {
  padding: 9px 40px 7px 15px;
}

#footadd .footadd-youtube {
	display: none;
}


#footnav-sp {
	display: none;
}

#footnav-pc {
  float: right;
  width: 655px;
}

#footnav-pc .footnav-ul {
  float: left;
  width: 265px;
}

#footnav-pc .footnav-ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 14px;
}

#footnav-pc .footnav-ul li a {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-weight: bold;
  position: relative;
  padding-left: 22px;
  line-height: 1.4;
  width: 100%;
  box-sizing: border-box;
}

#footnav-pc .footnav-ul li a:before {
  content: "\e901";
  vertical-align: middle;
}

body.ie #footnav-pc .footnav-ul li a {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#footnav-pc .footnav-ul li a:before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
}

#footnav-pc .footnav-ul li a:hover {
  color: #6ea4d9;
}

#footnav-pc .footnav-youtube {
  float: left;
}

#footnav-pc .footnav-youtube a {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  font-size: 3rem;
}

#footnav-pc .footnav-youtube a:before {
  vertical-align: middle;
}

body.ie #footnav-pc .footnav-youtube a {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

body.ie #footnav-pc .footnav-ul li a:before {
  top: 4px;
}

#footsubnav {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 40px 0;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

#footsubnav ul {
  float: left;
  width: 60%;
}

#footsubnav ul li {
  display: inline-block;
  margin-right: 44px;
}

#footsubnav ul li a {
  font-family: "icomoon", "Lato", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  padding: 5px 5px 5px 18px;
  position: relative;
  color: #fff;
}

#footsubnav ul li a:before {
  content: "\e900";
  vertical-align: middle;
}

body.ie #footsubnav ul li a {
  font-family: "icomoon", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#footsubnav ul li a:before {
  position: absolute;
  display: block;
  top: 8px;
  left: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

#footsubnav .copyright {
  float: right;
  width: 40%;
  letter-spacing: .1em;
  text-align: right;
  color: #fff;
}

body.ie #footsubnav ul li a:before {
  top: 6px;
}




input[type="text"], input[type="search"], textarea {
  border-radius: 3px;
  padding: .5em .8em;
  transition: all .3s;
}

input[type="text"]:hover, input[type="search"]:hover, textarea:hover {
  border-color: #bbb;
  box-shadow: 0 0 7px #ddd;
}

input[type="text"]:focus, input[type="search"]:focus, textarea:focus {
  border: 1px solid #a8c8fc;
  box-shadow: 0 0 7px #a8c8fc;
}

/* Googleカスタム検索 */
#gsc{
    width:100%;
    margin:0 auto;
    position:relative;
}

#gsc td {
    border: none;
}

#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
/*     width: 830px!important;*/
    border: 1px solid #ccc !important;
    border-radius: 4px!important;
    height:50px !important;
    font-size: 1.6rem;
}
 
 
#gsc input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
 
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}
/* ボタンの色 */
#gsc input.gsc-search-button {
background: #3e85cc!important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 0!important;
border-radius: 4px!important;
}
/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0px;
}
/* 入力時に出る「×」ボタンの位置調整 */

/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}

/* 170612 追加*/
.gsc-control-cse div{
  top:140px ;
}

.gsc-control-cse .gsc-option-menu-container{
  top: 0px;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
    height:auto !important;
    width: auto !important;
    padding: 18px 40px !important;
}

table.gsc-search-box td.gsc-input {
    padding-right: 30px !important;
}

.gsst_a{
    display: none !important;
}

.gsib_b{
  display: none !important;
}

.gsc-results-wrapper-overlay{
  left: 15% !important;
}

/* 170614 追加*/
#___gcse_0{
    width:100%;
    margin:0 auto;
    position:relative;
}

#___gcse_0 td {
    border: none;
}

#___gcse_0 #gsc-iw-id1

#___gcse_0 .gsc-control-cse, 
#___gcse_0 .gsc-control-cse-ja,
#___gcse_0 .gsib_a{
    margin:0 !important;
    padding:0 !important;
}

#___gcse_0 table.gsc-search-box td,
#___gcse_0 table.gsc-search-box input {
    vertical-align: top !important;
}

#___gcse_0 table.gsc-search-box td,
#___gcse_0 table.gsc-search-box input {
    vertical-align: top !important;
    /* text-indent: 0px !important; */
}

#___gcse_0 input[type="text"]{
/*     width: 830px!important;*/
    border: 1px solid #ccc !important;
    border-radius: 4px!important;
    height:50px !important;
    font-size: 1.6rem;
}

#___gcse_0 input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}

#___gcse_0 #___gcse_0-iw-id1{
    border:none !important;
}

#___gcse_0 #gs_tti0 input{
    background-position:5px 5px !important;
}

#___gcse_0 input.gsc-search-button {
background: #3e85cc!important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 0!important;
border-radius: 4px!important;
}

#___gcse_0 .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0px;
}

#___gcse_0 .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}
.gsc-control-cse div{
  border: none;
}




/*-- 装飾用 --*/

/*-- 株主通信・アニュアルレポート --*/
body#smart-docs .multiColumn2 > .column1 ,
body#smart-docs .multiColumn2 > .column2 {
	margin-bottom: 0;
}

body#smart-docs .multiColumn2 div.download-link-area {
	margin-bottom: 20px;
}

.header-drawer_button,
.drawer-menu {
	display: none;
}