@charset "utf-8";
/*------------------ based on 17/04/18 */
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
/*------------------------------------- 
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:#333333;
	font-family: 'Noto Sans Japanese','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	font-size:87.5%;
	line-height: 1.8;
	background:#FFF;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


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

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

a:hover {
	color:#2665a8;
	text-decoration: underline;
}

a:active {
	color:#2665a8;
	text-decoration:none;
}

a {
	overflow:hidden;
	outline:none;
	word-wrap: break-word;
}

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: 225px;
    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;
}

.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: 15px auto 40px;
	width: 1000px;
	box-sizing: border-box;
	padding: 0 10px;
}
#wrapper-2:after {
	content: "";
	display: block;
	clear: both;
}

#nav {
	float: right;
	margin: 0;
	width: 225px;
	margin-bottom: 60px;
}

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

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

#map {
	margin: 0 0 20px 0;
	overflow: hidden;
	width: 728px;
}
#main {
	/*float: left;
	margin: 0 20px 0 0;*/
	width: 728px;
}
#wrapper-3 > #main {
	overflow: visible;
}
#extras {
	float: left;
	width: 225px;
}
.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: 728px;
}
.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: 728px;
}

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

/* 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: 728px;
}
.col-subcol-subcol #extras-1,
.col-subcol-subcol #extras-2 {
	width: 225px;
	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: 728px;
}
.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;

	display: none;
}

#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: #aac2de;
	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;
	padding: 15px 10px 0;
	width: 1000px;
	box-sizing: border-box;
	text-align: left;
	font-size: 12px;
}

.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: 4px;
}

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

div.bread-crumb h5 p:after ,
div.bread-crumb h5 span:after {
	padding-left: 4px;
	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: 4px;
}

div.bread-crumb ol li:after {
	padding-left: 6px;
	padding-right: 6px;
	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 {
}

/* -- 現在位置表示 -- */
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: 12px;
}
#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: 12px;
}


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


/*--- SideNavi_area ---*/

#nav {
}

#nav #promos1 {
}

#nav #promos1 div.promos {
}

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

#nav-box {
}

#nav-box input ,
#nav-box label {
	display: none;
}

#nav-box  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: 11px;
	height: 11px;
	margin-left: 3px;
	vertical-align: middle;
}

/*1階層*/
#nav-box ul.navLevel_1 {
}

#nav-box ul.navLevel_1 > li {
	padding: 5px 0;
	border-top: #95b8de 1px solid;
	border-bottom: #95b8de 1px solid;
	margin-top: -1px;
}

#nav-box ul.navLevel_1 > li > strong,
#nav-box ul.navLevel_1 > li > a {
	display: block;
	padding: 8px 10px 8px 15px;
	font-size: 14px;
	color: #666; 
	font-weight: bold;
/*	text-decoration: none; */
	position: relative;
}

#nav-box ul.navLevel_1 > li.open > strong ,
#nav-box ul.navLevel_1 > li.open > a {
	color: #2665a8;
}

#nav-box ul.navLevel_1 > li > strong:before ,
#nav-box ul.navLevel_1 > li > a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #2665a8;
	border-right: solid 2px #2665a8;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/*#nav-box ul.navLevel_1 > li > strong ,*/
#nav-box ul.navLevel_1 > li > a:hover {
/*	background-color:#F4E5DC;  */
}


/*2階層*/
#nav-box ul.navLevel_2 {
	padding-bottom: 8px;
}

#nav-box ul.navLevel_2 > li {
}

#nav-box ul.navLevel_2 > li > strong,
#nav-box ul.navLevel_2 > li > a {
	display: block;
	padding: 2px 10px 2px 25px;
	font-size: 13px;
	color: #666;
	font-weight: normal;
/*	text-decoration: none; */
	position: relative;
}

#nav-box ul.navLevel_2 > li > strong {
	color: #2665a8;
}

#nav-box ul.navLevel_2 > li > strong:before ,
#nav-box ul.navLevel_2 > li > a:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 15px;
	display: inline-block;
	width: 0;
	height: 0;
	border: transparent 4px solid;
	border-left: #2665a8 4px solid;
}


#nav-box ul.navLevel_2 > li > strong ,
#nav-box ul.navLevel_2 > li > a:hover {
/*	background-color:#F4E5DC; */
}


/*3階層*/
#nav-box ul.navLevel_3 {
}

#nav-box ul.navLevel_3 > li {
}

#nav-box ul.navLevel_3 > li > strong,
#nav-box ul.navLevel_3 > li > a {
	display: block;
	padding: 2px 10px 2px 35px;
	font-size: 13px;
	color: #666;
	font-weight: normal;
/*	text-decoration: none; */
	position: relative;
}

#nav-box ul.navLevel_3 > li > strong {
	color: #2665a8;
}

#nav-box ul.navLevel_3 > li > strong:before ,
#nav-box ul.navLevel_3 > li > a:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 25px;
	display: inline-block;
	width: 0;
	height: 0;
	border: transparent 4px solid;
	border-left: #2665a8 4px solid;
}


#nav-box ul.navLevel_3 > li > strong ,
#nav-box ul.navLevel_3 > li > a:hover {
/*	background-color:#F4E5DC; */
}


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

#promos2 {
}

#promos2 div.promos {
}



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

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

/* -- コンテンツ内H1レイアウト -- */
#page-intro > h1 {
	padding: 15px 0;
	color: #2665a8;
	font-size: 24px;
	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;
	margin-top: 30px;
	padding-top: 70px;
}

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

p#copyright {
	float: right;
	padding: 20px 20px;
	font-size: 10px;
	font-weight: bold;
}

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



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

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

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


.multiColumn2 > .column1 ,
.multiColumn2 > .column2 {
	width:48%;
	float:left;
	margin-bottom:20px;
}

.multiColumn2 > .column1 {
	margin-right:4%;
}

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

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

.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%;
}


/*------------------------------------- 
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: 11px;
	height: 11px;
	margin-left: 3px;
	vertical-align: middle;
}

/*------- 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: 40px;
	height: 16px;
	vertical-align: middle;
}


/* テーブル */
#page-intro .abstractImage table:not(.clearbox) ,
div.quoted-text blockquote table:not(.clearbox) ,
div.highlight-quoted-text table:not(.clearbox) ,
div.text-section table:not(.clearbox) ,
div.faq-list .faq-item table:not(.clearbox) ,
div.vertical-table div.vtable-item table table:not(.clearbox) ,
div.ircalendar div.ircalendar-title table table:not(.clearbox) ,
div.ircalendar div.ircalendar-item table table:not(.clearbox) ,
table.icell {
	font-family: inherit !important;
	border: none !important;
	width: 100% !important;
}

#page-intro .abstractImage table:not(.clearbox) span ,
div.quoted-text blockquote table:not(.clearbox) span ,
div.highlight-quoted-text table:not(.clearbox) span ,
div.text-section table:not(.clearbox) span ,
div.faq-list .faq-item table:not(.clearbox) span ,
div.vertical-table div.vtable-item table table:not(.clearbox) span ,
div.ircalendar div.ircalendar-title table table:not(.clearbox) span ,
div.ircalendar div.ircalendar-item table table:not(.clearbox) span ,
table.icell span {
    font-size: !important;
}

#page-intro .abstractImage table:not(.clearbox) th ,
div.quoted-text blockquote table:not(.clearbox) th ,
div.highlight-quoted-text table:not(.clearbox) th ,
div.text-section table:not(.clearbox) th ,
div.faq-list .faq-item table:not(.clearbox) th ,
div.vertical-table div.vtable-item table table:not(.clearbox) th ,
div.ircalendar div.ircalendar-title table table:not(.clearbox) th ,
div.ircalendar div.ircalendar-item table table:not(.clearbox) th ,
#page-intro .abstractImage table:not(.clearbox) td ,
div.quoted-text blockquote table:not(.clearbox) td ,
div.highlight-quoted-text table:not(.clearbox) td ,
div.text-section table:not(.clearbox) td ,
div.faq-list .faq-item table:not(.clearbox) td ,
div.vertical-table div.vtable-item table table:not(.clearbox) td ,
div.ircalendar div.ircalendar-title table table:not(.clearbox) td ,
div.ircalendar div.ircalendar-item table table:not(.clearbox) td ,
table.icell th ,
table.icell td {
    height: auto !important;
    color: inherit;
	font-weight: normal;
	padding:5px 15px;
	border:#aac2de 1px solid;
    vertical-align: middle;
}

#page-intro .abstractImage table:not(.clearbox) td ,
div.quoted-text blockquote table:not(.clearbox) td ,
div.highlight-quoted-text table:not(.clearbox) td ,
div.text-section table:not(.clearbox) td ,
div.faq-list .faq-item table:not(.clearbox) td ,
div.vertical-table div.vtable-item table table:not(.clearbox) td ,
div.ircalendar div.ircalendar-title table table:not(.clearbox) td ,
div.ircalendar div.ircalendar-item table table:not(.clearbox) td ,
table.icell td {
	background-color:#fff;
}

#page-intro .abstractImage table:not(.clearbox) th ,
div.quoted-text blockquote table:not(.clearbox) th ,
div.highlight-quoted-text table:not(.clearbox) th ,
div.text-section table:not(.clearbox) th ,
div.faq-list .faq-item table:not(.clearbox) th ,
div.vertical-table div.vtable-item table table:not(.clearbox) th ,
div.ircalendar div.ircalendar-title table table:not(.clearbox) th ,
div.ircalendar div.ircalendar-item table table:not(.clearbox) th ,
table.icell .ColHead ,
table.icell th {
	background-color:#eef3f9;
	font-weight: normal;
	color: #1e5095;
}

#page-intro .abstractImage table:not(.clearbox) thead th ,
div.quoted-text blockquote table:not(.clearbox) thead th ,
div.highlight-quoted-text table:not(.clearbox) thead th ,
div.text-section table:not(.clearbox) thead th ,
div.faq-list .faq-item table:not(.clearbox) thead th ,
div.vertical-table div.vtable-item table table:not(.clearbox) thead th ,
div.ircalendar div.ircalendar-title table table:not(.clearbox) thead th ,
div.ircalendar div.ircalendar-item table table:not(.clearbox) thead th ,
table.icell .RowHead ,
table.icell thead th {
	background-color:#eef3f9;
	font-weight: normal;
	color: #1e5095;
}



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

/*-- 画像_左 --*/
#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 {
	line-height:1.2;
	padding: 20px 30px 15px 15px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
	border-radius: 0 0 60px 0;
	background: url("../../../../../../resources/sw_img/h2bg.png") repeat top left;

	margin-bottom: 20px;
}

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


/* -- 見出しh3レベル -- */
div.title3 h3 {
	font-size: 18px;
	font-weight: normal;
	padding: 5px 0 10px;
	border-bottom: 3px solid #2665a8;

	margin-bottom: 20px;
}

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


/* -- 見出しh4レベル -- */
div.title4 h4 {
	font-size: 16px;
	font-weight: bold;
	color: #2665a8;
	padding: 5px 0 5px;

	margin-bottom: 15px;
}

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


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

/* 緊急エリア */
div.quoted-text {
	background: url("../../../../../../resources/sw_img/h2bg.png") repeat;
	padding: 40px 0;
}

div.quoted-text blockquote {
	box-sizing: border-box;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 15px;
	border: 2px solid #2665a8;
}

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

div.highlight-quoted-text {
	border: 2px solid #b9cfe6;
	background-color: #FFF;
	padding: 15px 15px;
	margin-bottom: 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;
}


/*-- リンクボタン --*/
div.highlight-quoted-text {
	position: relative;
}

div.highlight-quoted-text a {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: inline-block;
	padding: 5px 30px 5px 20px;

	color: #FFF;
	background: #2665a8;
	text-decoration: none;
}

div.highlight-quoted-text a:hover {
	background: #0c4a9b;
}

div.highlight-quoted-text a:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

div.highlight-quoted-text a[target="_blank"]:after {
	content: "";
/*	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat; */
	background: url("../../../../../../resources/sw_img/linkout_white.png") left top no-repeat;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 5px;
	vertical-align: middle;
}


/*-------------- テキストと画像コンポーネント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) {
/*	margin: 0; */
	margin-bottom: 15px;
	position: relative;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

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

#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 {
	margin: 0;
	font-size: 18px;
	line-height: 1.3;
	display: table;
	width: 100%;
	position: relative;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a {
	box-sizing: content-box;
	height: 46px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #2665a8;
	padding: 6px 35px 6px 15px;
	text-decoration: none;
}
#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a:before ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 7px;
	height: 7px;
	margin: -5px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]:after {
	content: "";
/*	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat; */
	background: url("../../../../../../resources/sw_img/linkout_white.png") left top no-repeat;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 5px;
	vertical-align: middle;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover {
/*	box-shadow: 1px 2px 5px #333; */
/*	transition: 0.3s; */
}

#sharewithmain div.teaser:not(.no-img):not(.highlight):hover img ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight):hover img {
	border-radius: 0 0 30px 0;
}

#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 {
	border-radius: 0;
	opacity: 0.6;
/*	transition: 0.3s; */
}

#sharewithmain div.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):hover h2 a ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 a:hover {
	background: #0c4a9b;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) h2 ~ p ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) h2 ~ p {
	display: none;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) > .mgnlEditorBar ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) > .mgnlEditorBar {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
}

#sharewithmain div.teaser:not(.no-img):not(.highlight) > .mgnlEditorBar[aria-hidden="false"] + a ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) > .mgnlEditorBar[aria-hidden="false"] + a ,
#sharewithmain div.teaser:not(.no-img):not(.highlight) > .mgnlEditorBar[aria-hidden="false"] + h2 + a ,
#sharewithmain div.external-teaser:not(.no-img):not(.highlight) > .mgnlEditorBar[aria-hidden="false"] + h2 + a {
	margin-top: 27px;
}



/* ----- 内部・外部バナー（テキストのみ）　メインエリア用 ----- */

#sharewithmain div.teaser.no-img:not(.highlight) ,
#sharewithmain div.external-teaser.no-img:not(.highlight) {
	margin: 0;
	margin-bottom: 10px;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 {
	margin: 0;
	font-size: 18px;
	display: table;
	width: 100%;
	position: relative;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a {
	box-sizing: content-box;
	height: 42px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #2265a8;
	padding: 6px 30px 6px 15px;
	text-decoration: none;
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a:before ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 7px;
	height: 7px;
	margin: -5px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#sharewithmain div.teaser.no-img:not(.highlight) h2 a[target="_blank"]:after ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a[target="_blank"]:after {
	content: "";
/*	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/link02.png") left top no-repeat; */
	background: url("../../../../../../resources/sw_img/linkout_white.png") left top no-repeat;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 5px;
	vertical-align: middle;
}

#sharewithmain div.teaser.no-img:not(.highlight) p ,
#sharewithmain div.external-teaser.no-img:not(.highlight) p {
	padding: 15px 15px 10px 15px;
	border: 1px solid #c9dbe7;
}

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



#sharewithmain div.teaser.no-img.highlight {
}

#sharewithmain div.teaser.no-img.highlight h2 {
}

#sharewithmain div.teaser.no-img.highlight h2 a {
}

#sharewithmain div.teaser.no-img.highlight p {
}


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

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

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

	background: url("../../../../../../resources/sw_img/h2bg.png") repeat top left;
	padding-top: 7px;
	font-size: 16px;
	font-weight: normal;
}

#promos1 div.teaser.no-img h2 a {
	padding: 20px 12px 15px;
	color: #fff;
	text-decoration: none;
	background-color: #2665a8;
}

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

#promos1 div.teaser.no-img h2 a:hover {
	text-shadow: 0 0 4px #fff;
}


/*-------------- 外部ページバナー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 {
}

/* -- 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.highlight:not(.no-img) img {
	margin: 0;
}

/* -----ダウンロードバナー（テキストのみ） ----- */
div.download-teaser.no-img:not(.highlight) {
	margin: 0;
	margin-bottom: 10px;
}

div.download-teaser.no-img:not(.highlight) h2 {
	margin: 0;
	font-size: 16px;
	display: table;
	width: 100%;
	position: relative;
}

div.download-teaser.no-img:not(.highlight) h2 a {
	box-sizing: content-box;
	height: 38px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #000;
	font-weight: bold;
	background: #efefef;
	padding: 6px 30px 6px 15px;
	text-decoration: none;
}

div.download-teaser.no-img:not(.highlight) h2 a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 7px;
	height: 7px;
	margin: -5px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
div.download-teaser.no-img:not(.highlight) h2 a[href$=".pdf"]:before {
	content: "";
	background:url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") left top no-repeat;
	display: inline-block;
	width: 40px;
	height: 16px;
	margin-right: 0.5em;
	vertical-align: middle;
}

div.download-teaser.no-img:not(.highlight) p {
	margin-top: 3px;
	padding: 20px 15px 15px 15px;
	background: #e4edf5;
}

div.download-teaser.no-img:not(.highlight) h2 a:hover {
	background: #cccccc;
}




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

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

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

div.anchor-link a:before {
	display: block;
	content: "";
	position: absolute;
	top: 1em;
	left: 3px;
	width: 6px;
	height: 6px;
	margin: -8px 0 0 0;
	border-top: solid 2px #2665a8;
	border-right: solid 2px #2665a8;
	-webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	        transform: rotate(135deg);
}



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

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

.news-result h2 ,
.news-yuho h2 {
	display: none;
}

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

.news-result .group_year:not(:last-child) dl ,
.news-yuho .group_year:not(:last-child) 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 {
    position: relative;
    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: 40px;
	height: 16px;
	vertical-align: middle;
}
*/


/* ハイライト表示のリンクは、直前のリンクに属する様に見えるスタイルにする。 */
/* (ハイライト表示されていないリンクは、他の決算短信・有報と同列に表示）  */
.link-list:not(.highlight) li.highlight ,
.link-list-url li.highlight ,
.news-result dl dd.highlight ,
.news-yuho dl dd.highlight ,
.news-presentation dl dd.highlight ,
.news-material dl dd.highlight {
	padding-top: 0px;
	padding-left: 45px;
}

/* ハイライト表示のリンクのＬ字アイコン */
.link-list:not(.highlight) li.highlight::before ,
.link-list-url li.highlight::before ,
.news-result dl dd.highlight::before ,
.news-yuho dl dd.highlight::before ,
.news-presentation dl dd.highlight::before ,
.news-material dl dd.highlight::before {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;

	content: "";
	position: absolute;
	top: 3px;
	left: 25px;
	display: block;
	width: 10px;
	height: 10px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}


/*-------------- リンクリスト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:15px;
	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 {
	display: block;
	content: "";
	position: absolute;
	top: 9px;
	left: 0px;
	width: 6px;
	height: 6px;
	border-top: solid 2px #2665a8;
	border-right: solid 2px #2665a8;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}


/* -- 別窓アイコン -- */
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 ,
.news-result dl dd.no-download > a[target="_blank"]::after ,
.news-yuho dl dd.no-download > 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: 11px;
	height: 11px;
	margin-left: 3px;
	vertical-align: middle;
}

/* -- ダウンロードリンク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;
	min-height: 39px;
}

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

	position: relative;
	padding: 0 0 0 40px;
	background: #669acc;
	color: #fff;
}
div.faq-list h3:before {
	content: "Q.";
	position: absolute;
	top: 9px;
	left: 10px;
	display: inline-block;
	line-height: 1;

	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

div.faq-list h3 a {
	cursor: pointer;
	display: block;
	padding: 7px 0;
	padding-right: 30px;
	color: inherit;
	text-decoration: none;
}

div.faq-list h3 a:before ,
div.faq-list h3 a:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: "";
	background: #fff;
	width: 13px;
	height: 3px;
	margin: 17px 12px;
	transition: 0.4s;
}

div.faq-list h3 a:before {
}

div.faq-list h3 a:after {
	transform: rotate(90deg);
}

div.faq-list h3 a.js-selected:before {
    background: transparent;
	transform: rotate(-180deg);

	transition: 0.4s;
}

div.faq-list h3 a.js-selected:after {
	transform: rotate(-180deg);

	transition: 0.4s;
}

div.faq-list .faq-item {
	position: relative;
	padding: 10px 15px 10px 40px;
	background: #f7f7f7;
}
div.faq-list .faq-item:before {
	content: "A.";
	position: absolute;
	top: 10px;
	left: 15px;
	display: block;
	line-height: 1.2;

	font-size: 18px;
	font-weight: bold;
	color: #669acc;
}

/*-- 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 {
	float: left;
	padding: 20px 0;
}

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 {
	float: left;
}
div.footer-link-list ul li.footer-link-internal a ,
div.footer-link-list ul li.footer-link-external a {
	display: block;
	padding: 0 10px;
	font-size: 13px;
	color: #333;
	line-height: 1.2;
	text-decoration: none;
}

div.footer-link-list ul li:not(:first-child) a {
	border-left: 1px solid #666;
}

div.footer-link-list ul li.footer-link-internal a:hover ,
div.footer-link-list ul li.footer-link-external a:hover {
	color: #999;
}

/* -- 別窓アイコン -- */
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: 11px;
	height: 11px;
	margin: 0 3px;
	vertical-align: middle;
}


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

/* -- 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: 40px;
	height: 16px;
	vertical-align: middle;
	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;
*/

    margin: 0;
    font-size: 18px;
    display: table;
    width: 100%;
    position: relative;

	margin-bottom: 12px;
}

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

    box-sizing: content-box;
    height: 42px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    background: #2265a8;
    padding: 6px 30px 6px 15px;
    text-decoration: none;

    text-align: left;
    background: -webkit-gradient(linear, left top, right top, color-stop(1.00, #5184b9), color-stop(0.00, #2665a8));
    background: -webkit-linear-gradient(left, #2665a8, #5184b9);
    background: -moz-linear-gradient(left, #2665a8, #5184b9);
    background: -o-linear-gradient(left, #2665a8, #5184b9);
    background: -ms-linear-gradient(left, #2665a8, #5184b9);
    background: linear-gradient(left, #2665a8, #5184b9);
}


div.sitemap > h2 a:before {
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 7px;
    margin: -5px 0 0 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


div.sitemap > h2 a:hover {
/*	opacity: 0.7; */

    background: #0c4a9b;
}


/* -- 第二階層 -- */
div.sitemap > ul {
/*	display: inline-block; */
/*	vertical-align: top; *?
/*	width: 48%; */
/*	margin-right: 2%; */
	padding-left: 20px;
}
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 {
    display: inline-block;
    padding: 8px 10px 8px 15px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    line-height: 1.2;
    /* text-decoration: none; */
    position: relative;
}

div.sitemap > ul > li > a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #2665a8;
    border-right: solid 2px #2665a8;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


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

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 {
    display: inline-block;
    padding: 2px 10px 2px 25px;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    line-height: 1.2;
    /* text-decoration: none; */
    position: relative;
}

div.sitemap > ul > li > ul > li > a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 15px;
    display: inline-block;
    width: 0;
    height: 0;
    border: transparent 4px solid;
    border-left: #2665a8 4px solid;
}

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

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


/*-------------- テーブル縦（左側にタイトルがあるタイプ） --------------*/
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:5px 15px;
	border:#aac2de 1px solid;
}

/* -- テーブル縦 テーブル項目 タイトル項目 -- */
div.vertical-table .vtable-item > table > tbody > tr > th {
	width: 12.5%;
	padding:5px 15px;
	border:#aac2de 1px solid;
	background-color:#eef3f9;
	font-weight: normal;
	color: #1e5095;
}

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



/*-------------- ◎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:#aac2de 1px solid;
	background-color:#eef3f9;
	font-weight: normal;
	color: #1e5095;
}

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

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

div.ircalendar-item {
}

div.ircalendar-item > table {
}

div.ircalendar-item > table > tbody > tr > td {
	padding: 5px 15px;
	border:#aac2de 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: 5px 15px;
	color: #333;
	border-color:#aac2de;
	vertical-align: middle;
}

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

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) {
	font-weight: normal;
	color: #1e5095;
}

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 {
	font-weight: normal;
	color: #1e5095;
}


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

/* -- セル -- */
div.shwTable .tbDimmed ,
div.shwTable .tbRowHead ,
div.shwTable .tbColumnHead {
	padding: 5px 15px;
	color: #333;
	border: 1px solid #aac2de;
	vertical-align: middle;
}

/* -- 一行目・一列目を見出し設定に -- */
div.shwTable .tbColumnHead ,
div.shwTable .tbRowHead {
	color: #1e5095;
	background-color: #eef3f9;
}

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:#aac2de 1px solid;
	width: 100%;
}

div.haitou-table table th ,
div.haitou-table-2nd table th {
	padding: 5px 10px;
	text-align: center;
	border:#aac2de 1px solid;
	background-color:#eef3f9;
	font-weight: normal;
	color: #1e5095;
	white-space:nowrap;
}

div.haitou-table table td ,
div.haitou-table-2nd table td {
	padding: 5px 10px;
	border: #aac2de 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:#eef3f9;
	font-weight: normal;
	color: #1e5095;
}


/*-------------- 財務ハイライト（科目別）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:#aac2de 1px solid;
}

div.highlights-table table th ,
div.highlights-alltable div.table table th ,
div.highlights-alltable-2nd div.table table th {
	background-color:#eef3f9;
	font-weight: normal;
	color: #1e5095;
	text-align:center;
}

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: #eef3f9;
	font-weight: normal;
	color: #1e5095;
}

/* -- 数値部分 -- */
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;
}


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-top: 4px;
	padding-bottom: 1px;
/*	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: 16.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;
	font-size: 13px;
}

/* -- カテゴリアイコン -- */
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.8em;
/*	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;
	margin-left: 0.5em;
}

/* -- ファイルサイズ -- */
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: #5486c0;
	font-size: 12px;
	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: 6px 0px 0px;
	padding-bottom: 6px;
/*	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: 16.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;
	font-size: 13px;
}

/* -- カテゴリアイコン -- */
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.8em;
/*	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;
	margin-left: 0.5em;
}

/* -- ファイルサイズ -- */
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: #5486c0;
	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: -40px;
	right: 20px;
	margin: 0;
	display: block;
	z-index: 200;
}

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

/* テキスト変更 */
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;
	display: block;
}

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

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



/* ニュースが０件の場合 */
/* テキスト変更 */
div.news-latest ul > p ,
div.news-latest-tabbed ul > p ,
div.news-latest-2nd ul > p ,
div.news-latest-tabbed-2nd ul > p {
	font-size: 0px;
}

div.news-latest ul > p:after ,
div.news-latest-tabbed ul > p:after ,
div div.news-latest-2nd ul > p:after ,
div div.news-latest-tabbed-2nd ul > p:after {
	font-size: 14px;
	display: block;
}

#header.ja ~ div div.news-latest ul > p:after ,
#header.ja ~ div div.news-latest-tabbed ul > p:after ,
#header.ja ~ div div.news-latest-2nd ul > p:after ,
#header.ja ~ div div.news-latest-tabbed-2nd ul > p:after {
	content: "ニュースはありません";
}

#header.en ~ div div.news-latest ul > p:after ,
#header.en ~ div div.news-latest-tabbed ul > p:after ,
#header.en ~ div div.news-latest-2nd ul > p:after ,
#header.en ~ div div.news-latest-tabbed-2nd ul > p:after {
	content: "no specific news released";
}


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


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

p.yearTabs a {
	display:inline-block;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #2665a8;
	border: 1px solid #2665a8;
	margin-right: 3px;
	margin-bottom: 5px;
	padding: 12px 20px;
}

p.yearTabs a:hover ,
p.yearTabs a.active {
	color: #fff;
	background-color: #669acc;
	border-color: #669acc;
}



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

p.tabs:before {
	display: block;
	font-size: 14px;
	font-weight: normal;
}

#header.ja ~ div p.tabs:before {
	content: "絞り込み";
}

#header.en ~ div p.tabs:before {
	content: "Category Select";
}


p.tabs a {
	display:inline-block;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	margin-right: 3px;
	margin-bottom: 8px;
	padding: 0px 15px;
}

p.tabs a:hover ,
p.tabs a.active {
	background-color: #cde2f3;
	border-color: #cde2f3;
}

/*
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: 100px;
	height: 15px;
	border: 1px solid #86aed6;
	background: #fff;
	margin-top: 0.3em;
}

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;
	color: #2665a8;
	font-size: 10px;
	text-align: center;
	padding: 3px 0;
	line-height: 1;
}

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: "ガバナンス";
}

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: "その他";
}


div.news-list-2nd ul li.pressElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.pressElm .c_icon:before ,
div.news-english-2nd ul li.pressElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.pressElm .c_icon:before ,
div.news-latest-2nd ul li.pressElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.pressElm .c_icon:before {
	content: "プレスリリース";
}

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

div.news-list-2nd ul li.ja_reportElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.ja_reportElm .c_icon:before ,
div.news-english-2nd ul li.ja_reportElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.ja_reportElm .c_icon:before ,
div.news-latest-2nd ul li.ja_reportElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.ja_reportElm .c_icon:before {
	content: "報告書(株主様向け)";
	letter-spacing: -0.1em;
}

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

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

div.news-list-2nd ul li.rdElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.rdElm .c_icon:before ,
div.news-english-2nd ul li.rdElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.rdElm .c_icon:before ,
div.news-latest-2nd ul li.rdElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.rdElm .c_icon:before {
	content: "R&D";
}

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

div.news-list-2nd ul li.ir_eventElm .c_icon:before ,
div.news-list-tabbed-2nd ul li.ir_eventElm .c_icon:before ,
div.news-english-2nd ul li.ir_eventElm .c_icon:before ,
div.news-english-tabbed-2nd ul li.ir_eventElm .c_icon:before ,
div.news-latest-2nd ul li.ir_eventElm .c_icon:before ,
div.news-latest-tabbed-2nd ul li.ir_eventElm .c_icon:before {
	content: "IRイベント";
}

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

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

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

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



/*-------------- 別エリア表示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; */
	display: none;
}

/* ---- （別エリア）リダイレクト(リダイレクトされない) ---- */
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 #aac2de 1px;
	padding: 5px 10px;
	white-space: pre;
	white-space: pre-line;
	word-break: break-word;
	width: 70%;
}

.form-summary table td:first-child {
	font-weight: normal;
	color: #1e5095;
	background-color: #eef3f9;
	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 -- */
div.rss-content {
/*	position: absolute; */
/*	right: 20px; */
/*	width: 728px; */
	margin: 0;
	margin-top: -20px;
	display: block;
	z-index: 200;
}
div.rss-content:after {
	content: "";
	display: block;
	clear: both;
}

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

	background: none !important;
	padding: 0 !important;
}

div.rss-content em a {
	font-size: 0px;
	text-decoration: none;

	display: block;
	padding: 0 0 0 17px;
	position: relative;
}

div.rss-content em a:hover {
	text-decoration: underline;
}

div.rss-content em 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.rss-content em a:after {
	content: "RSS";
	font-size: 13px;
}


/*
.rss-content {
}

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

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

/*
.rss-content em {
	background: none !important;
}

.rss-content a {
	display: block;
	width: 128px;
	height: 32px;
	background: url("../../../../../../resources/sw_img/icon_rss.png") 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;
}

.panel2-btn {
	display: none;
}




/* -- お問い合わせページ　設定例 -- */
/* -- 例２： -- */
.form-wrapper div.form-edit ,
.form-wrapper div.form-selection {
	position: relative;
	border: 1px solid #aac2de;
	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: 30%;
	height: 100%;
	font-weight: normal;
	color: #1e5095;
	background-color: #eef3f9;
	border-right: 1px solid #aac2de;
}

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

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

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

/* 右セル */
.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: 65%;
	width: calc(70% - 20px) !important;
	margin-right: 10px;
}

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


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

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


.form-wrapper div.form-edit > span {
	padding: 0;
	font-size: 87.5%;
}


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

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

.form-wrapper div.form-selection > fieldset > legend {
	font-size: 87.5%;
}

.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: #eef3f9;
	font-weight: normal;
	color: #1e5095;

	float: left;
	width: 30%;
	min-height: 4em;
	border-right: 1px solid #aac2de;
}
.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 #aac2de;
	margin-bottom: -1px;
}

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


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

/*
.form-summary {
}

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

.form-summary table td:first-child {
	font-weight: normal;
	color: #1e5095;
	background-color: #eef3f9;
	border: solid #aac2de 1px;
}
*/

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

	transition: 0.5s 0.1s;
}


#topcontrol.visible {
	right: 30px;
	bottom: 30px;
	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: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(134, 174, 214, 0.5);
	position: relative;
}

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


#topcontrol a:hover {
	background: rgba(134, 174, 214, 1.0);
}

#topcontrol {
/*	display: none; */
}

.toTop {
	display: none;
}


/*-- ヘッダー --*/

#header {
	width: 100%;
	min-width: 1000px;
	border-bottom: 70px solid #2665a8;
}

#header #head_frame {
	position: relative;
	box-sizing: border-box;
	padding: 0 10px;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	z-index: 100;
}

#header .logo {
	position: absolute;
	top: 25px;
	left: 10px;
}

#header .logo img {
/*	opacity: 1; */
}


#header .headnav {
	position: absolute;
	top: 17px;
	right: 90px;
}

#header .headnav li {
	float: left;
	margin-left: 20px;
	padding-left: 15px;
	position: relative;
}

#header .headnav li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 5px #333;
}

#header .headnav li a {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#header .headnav li a:hover {
	color: #999;
}

#header .headlang {
	position: absolute;
	top: 17px;
	right: 10px;
}

#header .headlang li {
	float: left;
	padding-left: 15px;
	position: relative;
}

#header .headlang li:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	display: inline-block;
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 5px #2665a8;
}

#header .headlang li a {
	color: #2665a8;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#header .headlang li a:hover {
	color: #6aa2dd;
}

#header .headlang li.act {
	display: none;
}


#header .searchbox {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 220px;
}

#header .searchbox form.gsc-search-box {
	box-sizing: border-box;
	padding: 0 4px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#header .searchbox table.gsc-search-box {
	margin-bottom: 0;
}

#header .searchbox .gsc-input-box {
	border: none;
}

#header .searchbox table.gsc-search-box td {
	line-height: 1;
	padding-right: 0;
}

#header .searchbox input.gsc-search-button,
#header .searchbox input.gsc-search-button:hover,
#header .searchbox input.gsc-search-button:focus {
	margin: 0;
	border: none;
	background: url("../../../../../../resources/sw_img/icon_search.png") no-repeat center center;
	padding-right: 0;
	padding-left: 30px;
}

#header .searchbox .gsst_a {
	padding-top: 7px;
}




#header .gnav ,
#footer .fnav ,
#footer_ex .fnav {
	position: absolute;
	top: 100%;
	left: 0;
	display: table;
	width: 100%;
	height: 70px;
}

#header .gnav ul ,
#footer .fnav ul ,
#footer_ex .fnav ul {
	display: table-row;
}

#header .gnav li ,
#footer .fnav li ,
#footer_ex .fnav li {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
	overflow: hidden;
}

#header .gnav li a ,
#footer .fnav li a ,
#footer_ex .fnav li a {
	display: block;
	padding: 5px 10px 4px;
	background: transparent;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	letter-spacing: 1px;
	position: relative;
	overflow: visible;
	border-left: 1px dotted #fff;
}

#header.en .gnav li:not(:first-child) a ,
#footer.en .fnav li:not(:first-child) a ,
#footer_ex.en .fnav li:not(:first-child) a {
	padding: 11px 10px 12px;
}

#header .gnav li a span ,
#footer .fnav li a span ,
#footer_ex .fnav li a span {
	font-size: 10px;
	font-weight: 100;
	letter-spacing: normal;
}

#header .gnav li:first-child a ,
#footer .fnav li:first-child a ,
#footer_ex .fnav li:first-child a {
	border-color: transparent;
}

/*
#header .gnav li a:before ,
#footer .fnav li a:before ,
#footer_ex .fnav li a:before {
	content: "";
	display: block;
	width: 6px;
	height: 200%;
	position: absolute;
	top: -50%;
	left: 120%;
	left: calc(100% + 20px);
	margin-left: -3px;
	background: #fff;
	transform: rotate(25deg);
}
*/

#header .gnav li a:after ,
#footer .fnav li a:after ,
#footer_ex .fnav li a:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 6px solid transparent;
	border-width: 6px 0px 6px 1px;
	position: absolute;
	top: -6px;
	left: -1px;
	background: transparent;
}

#header .gnav li a:hover ,
#footer .fnav li a:hover ,
#footer_ex .fnav li a:hover {
	color: #2665a8;
	background: #fff;
	border-color: transparent;
	transition: 0.4s 0.1s;
}

#header .gnav li:hover + li a ,
#footer .fnav li:hover + li a ,
#footer_ex .fnav li:hover + li a {
	border-color: transparent;
	transition: 0.4s 0.1s border-color;
}

/*
#header .gnav li a:hover:before ,
#footer .fnav li a:hover:before ,
#footer_ex .fnav li a:hover:before {
	left: -20%;
	left: calc(-20px);
	transition: 0.4s 0.1s;
}
*/

#header .gnav li a:hover:after ,
#footer .fnav li a:hover:after ,
#footer_ex .fnav li a:hover:after {
	border-color: #fff;
	transition: 0.4s 0.1s;
}

.sw_icon {
	
}

.sw_icon_airplane:before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 26px;	/* 20px */
	background: url("../../../../../../resources/sw_img/icon_airplane.png") no-repeat center center;
}

a:hover .sw_icon_airplane:before {
	background-image: url("../../../../../../resources/sw_img/icon_airplane_rev.png");

	transition: 0.4s 0.1s;
}


#footer ,
#footer_ex {
	width: 100%;
	min-width: 1000px;
	height: 70px;
	background: #2665a8;
	position: absolute;
	top: 0;
	left: 0;
}

#footer #foot_frame ,
#footer_ex #foot_frame {
	position: relative;
	width: 1000px;
	height: 70px;
	margin: 0 auto;
	z-index: 100;
}

#footer .fnav ,
#footer_ex .fnav {
	top: 0;
}


#header.public ~ div #footer {
	display: none;
}





/*-- RSS --*/
div.title2 ~ div.news-latest ~ div div.rss-content ,
div.title2 ~ div.news-latest-tabbed ~ div div.rss-content ,
div.title2 ~ div.news-latest-2nd ~ div div.rss-content ,
div.title2 ~ div.news-latest-tabbed-2nd ~ div div.rss-content ,
div.title3 ~ div.news-latest ~ div div.rss-content ,
div.title3 ~ div.news-latest-tabbed ~ div div.rss-content ,
div.title3 ~ div.news-latest-2nd ~ div div.rss-content ,
div.title3 ~ div.news-latest-tabbed-2nd ~ div div.rss-content {
	position: absolute;
	top: 56px;
	right: 20px;
	margin: 0;
	display: block;
	z-index: 200;
}

div.title3 ~ div.news-latest ~ div div.rss-content ,
div.title3 ~ div.news-latest-tabbed ~ div div.rss-content ,
div.title3 ~ div.news-latest-2nd ~ div div.rss-content ,
div.title3 ~ div.news-latest-tabbed-2nd ~ div div.rss-content {
	top: 4px;
	right: 5px;
}

/* テキスト変更 */
div.title2 ~ div.news-latest ~ div div.rss-content em ,
div.title2 ~ div.news-latest-tabbed ~ div div.rss-content em ,
div.title2 ~ div.news-latest-2nd ~ div div.rss-content em ,
div.title2 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em ,
div.title3 ~ div.news-latest ~ div div.rss-content em ,
div.title3 ~ div.news-latest-tabbed ~ div div.rss-content em ,
div.title3 ~ div.news-latest-2nd ~ div div.rss-content em ,
div.title3 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em {
	background: none !important;
	padding: 0 !important;
}

div.title2 ~ div.news-latest ~ div div.rss-content em a ,
div.title2 ~ div.news-latest-tabbed ~ div div.rss-content em a ,
div.title2 ~ div.news-latest-2nd ~ div div.rss-content em a ,
div.title2 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em a ,
div.title3 ~ div.news-latest ~ div div.rss-content em a ,
div.title3 ~ div.news-latest-tabbed ~ div div.rss-content em a ,
div.title3 ~ div.news-latest-2nd ~ div div.rss-content em a ,
div.title3 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em a {
	font-size: 0px;

	display: block;
	padding: 0 0 0 17px;
	position: relative;
}

div.title2 ~ div.news-latest ~ div div.rss-content em a:hover ,
div.title2 ~ div.news-latest-tabbed ~ div div.rss-content em a:hover ,
div.title2 ~ div.news-latest-2nd ~ div div.rss-content em a:hover ,
div.title2 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em a:hover ,
div.title3 ~ div.news-latest ~ div div.rss-content em a:hover ,
div.title3 ~ div.news-latest-tabbed ~ div div.rss-content em a:hover ,
div.title3 ~ div.news-latest-2nd ~ div div.rss-content em a:hover ,
div.title3 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em a:hover {
	text-decoration: underline;
}

div.title2 ~ div.news-latest ~ div div.rss-content em a:before ,
div.title2 ~ div.news-latest-tabbed ~ div div.rss-content em a:before ,
div.title2 ~ div.news-latest-2nd ~ div div.rss-content em a:before ,
div.title2 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em a:before ,
div.title3 ~ div.news-latest ~ div div.rss-content em a:before ,
div.title3 ~ div.news-latest-tabbed ~ div div.rss-content em a:before ,
div.title3 ~ div.news-latest-2nd ~ div div.rss-content em a:before ,
div.title3 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em 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.title2 ~ div.news-latest ~ div div.rss-content em a:after ,
div.title2 ~ div.news-latest-tabbed ~ div div.rss-content em a:after ,
div.title2 ~ div.news-latest-2nd ~ div div.rss-content em a:after ,
div.title2 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em a:after ,
div.title3 ~ div.news-latest ~ div div.rss-content em a:after ,
div.title3 ~ div.news-latest-tabbed ~ div div.rss-content em a:after ,
div.title3 ~ div.news-latest-2nd ~ div div.rss-content em a:after ,
div.title3 ~ div.news-latest-tabbed-2nd ~ div div.rss-content em a:after {
	content: "RSS";
	font-size: 13px;
}




/*-- バナーtype02 in 技術のジャムコTOP・IR個人投資家の皆さまへ --*/
#sharewithmain .layout_teaser_type02 div.teaser.no-img:not(.highlight) ,
#sharewithmain .layout_teaser_type02 div.external-teaser.no-img:not(.highlight) {
	margin-bottom: 10px;
}

#sharewithmain .layout_teaser_type02 div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain .layout_teaser_type02 div.external-teaser.no-img:not(.highlight) h2 a {
	text-align: left;
	padding-left: 74px;
}

#sharewithmain .layout_teaser_type02 div.teaser.no-img:not(.highlight) h2 a span.number_box ,
#sharewithmain .layout_teaser_type02 div.external-teaser.no-img:not(.highlight) h2 a span.number_box {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 54px;
	height: calc(100% - 20px);
	padding: 10px 0;
	background: #6699cc;
	text-align: center;
	box-sizing: content-box;
	font-weight: bold;
	font-size: 18px;
}

#sharewithmain .layout_teaser_type02 div.teaser.no-img:not(.highlight) h2 a span.number_box:first-line ,
#sharewithmain div.external-teaser.no-img:not(.highlight) h2 a span.number_box:first-line {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
}

#sharewithmain .layout_teaser_type02 div.teaser.no-img:not(.highlight) h2 a span.sub ,
#sharewithmain .layout_teaser_type02 div.external-teaser.no-img:not(.highlight) h2 a span.sub {
	font-size: 70%;
	font-weight: 100;
	padding-left: 15px;
}

#sharewithmain .layout_teaser_type02 div.teaser.no-img:not(.highlight) h2 a span.sub.right ,
#sharewithmain .layout_teaser_type02 div.external-teaser.no-img:not(.highlight) h2 a span.sub.right {
	float: right;
}

#sharewithmain .layout_teaser_type02 div.teaser.no-img:not(.highlight) h2 a:hover span.number_box ,
#sharewithmain .layout_teaser_type02 div.external-teaser.no-img:not(.highlight) h2 a:hover span.number_box {
	background: #0c4a9b;
	border-right: 1px solid #fff;
	transition: 0.3s;
}


.layout_teaser_type02 div.teaser.no-img:not(.highlight) + div.text-section ,
.layout_teaser_type02 div.external-teaser.no-img:not(.highlight) + div.text-section {
	margin-top: -7px;
	padding: 20px 15px 15px 15px;
	background: #e4edf5;
}

.layout_teaser_type02 div.teaser.no-img:not(.highlight) + div.text-section img ,
.layout_teaser_type02 div.external-teaser.no-img:not(.highlight) + div.text-section img {
	border: 5px solid #fff;
}



/*-- 背景色 --*/
.layout_inner_background01 {
	background: #e4edf5;
	padding: 20px 20px 0;
}

.layout_inner_background01 > .column1 ,
.layout_inner_background01 > .column2 ,
.layout_inner_background01 > .column3 ,
.layout_inner_background01 > .column4 ,
.layout_inner_background01 > .column5 {
	margin-bottom: 0;
}


.layout_inner_background02.multiColumn2 > .column1 ,
.layout_inner_background02.multiColumn2 > .column2 {
	background: #e4edf5;
	padding: 20px 20px 10px;
	box-sizing: border-box;
}


/*-- 狭枠カラム --*/

.layout_column_narrow_margin.multiColumn3 > .column1 ,
.layout_column_narrow_margin.multiColumn3 > .column2 ,
.layout_column_narrow_margin.multiColumn3 > .column3 {
	width: calc((100% - 6px) /3);
}

.layout_column_narrow_margin.multiColumn3 > .column1 ,
.layout_column_narrow_margin.multiColumn3 > .column2 {
	margin-right: 3px;
}


/*-- バナーtype03 in 技術のジャムコTOP --*/
#sharewithmain .layout_teaser_type03 div.teaser:not(.no-img):not(.highlight) h2,
#sharewithmain .layout_teaser_type03 div.external-teaser:not(.no-img):not(.highlight) h2 {
	font-size: 12px;
}

#sharewithmain .layout_teaser_type03 div.teaser:not(.no-img):not(.highlight) h2 a ,
#sharewithmain .layout_teaser_type03 div.external-teaser:not(.no-img):not(.highlight) h2 a {
	padding-left: 10px;
	padding-right: 10px;
	background: #525252;
	height: 24px;
}

#sharewithmain .layout_teaser_type03 div.teaser:not(.no-img):not(.highlight) h2 a:before ,
#sharewithmain .layout_teaser_type03 div.external-teaser:not(.no-img):not(.highlight) h2 a:before {
	content: none;
}


/*-- バナーtype04 in 企業情報TOP --*/
#sharewithmain .layout_teaser_type04 div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain .layout_teaser_type04 div.external-teaser.no-img:not(.highlight) h2 a {
	text-align: left;

	background: -webkit-gradient(linear, left top, right top, color-stop(1.00, #5184b9), color-stop(0.00, #2665a8));
	background: -webkit-linear-gradient(left, #2665a8, #5184b9);
	background: -moz-linear-gradient(left, #2665a8, #5184b9);
	background: -o-linear-gradient(left, #2665a8, #5184b9);
	background: -ms-linear-gradient(left, #2665a8, #5184b9);
	background: linear-gradient(left, #2665a8, #5184b9);
}

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






/*-- IR 個人投資家の皆さまへ インデックMV --*/
.layout_individual_topbox01 > .column1 {
	width: 484px;
	margin-right: 3px;
	margin-bottom: 0;
}

.layout_individual_topbox01 > .column2 {
	width: calc(100% - 484px - 3px);
	margin-bottom: 0;
	margin-right: 0;
}

.layout_individual_topbox01 > .column3 {
	width: calc(100% - 484px - 3px);
	margin-bottom: 0;
}

.layout_individual_topbox02 > .column1 {
	width: 240px;
	margin-right: 3px;
}
.layout_individual_topbox02 > .column2 {
	width: 241px;
	margin-right: 3px;
}
.layout_individual_topbox02 > .column3 {
	width: 241px;
}

.layout_individual_topbox03 > .column1 {
	width: 230px;
	margin-right: 19px;
}
.layout_individual_topbox03 > .column2 {
	width: 230px;
	margin-right: 19px;
}
.layout_individual_topbox03 > .column3 {
	width: 230px;
}


.layout_individual_topbox01 div.text-section {
	margin-bottom: 3px;
}

.layout_individual_topbox01 div.text-section img {
	margin-bottom: 0;
}

#sharewithmain .layout_individual_topbox01 div.teaser:not(.no-img),
#sharewithmain .layout_individual_topbox01 div.external-teaser:not(.no-img) ,
#sharewithmain .layout_individual_topbox02 div.teaser:not(.no-img) ,
#sharewithmain .layout_individual_topbox02 div.external-teaser:not(.no-img) {
	margin-bottom: 3px;
}







/*-- IR 個人投資家の皆さまへ ページ間移動 --*/
.layout_individual_pagenavi.multiColumn2 > .column1 ,
.layout_individual_pagenavi.multiColumn2 > .column2 {
	width: 50%;
	margin-right: 0;
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.text-section ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.text-section {
	margin: 0;
	margin-bottom: 10px;
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight h2 ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight h2 {
	margin: 0;
	font-size: 16px;
	display: table;
	width: 100%;
	position: relative;
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight h2 a ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight h2 a {
	box-sizing: content-box;
	height: 38px;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	color: #000;
	background: none;
	border: 1px solid #bcd2e2;
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight h2 a:before ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight h2 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #2665a8;
	border-right: solid 2px #2665a8;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight h2 a {
	border-radius: 40px 0 0 40px;
	padding-left: 35px;
	text-align: left;
	border-right: none;
}
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight h2 a {
	border-radius: 0 40px 40px 0;
	padding-right: 35px;
	text-align: right;
	border-left: none;
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight h2 a:before {
	right: auto;
	left: 15px;
	transform: rotate(-135deg);
}
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight h2 a:before {
	right: 15px;
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight h2 a:hover ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight h2 a:hover {
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.teaser.no-img.highlight h2 a:hover {
	background: -webkit-gradient(linear, left top, right top, color-stop(1.00, #fff), color-stop(0.00, #749dcc));
	background: -webkit-linear-gradient(left, #749dcc, #fff);
	background: -moz-linear-gradient(left, #749dcc, #fff);
	background: -o-linear-gradient(left, #749dcc, #fff);
	background: -ms-linear-gradient(left, #749dcc, #fff);
	background: linear-gradient(left, #749dcc, #fff);
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.teaser.no-img.highlight h2 a:hover {
	background: -webkit-gradient(linear, left top, right top, color-stop(1.00, #749dcc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(left, #fff, #749dcc);
	background: -moz-linear-gradient(left, #fff, #749dcc);
	background: -o-linear-gradient(left, #fff, #749dcc);
	background: -ms-linear-gradient(left, #fff, #749dcc);
	background: linear-gradient(left, #fff, #749dcc);
}


#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.text-section h2 ,
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.text-section h2 {
	padding: 0;
	margin: 0;
	background: none;

	box-sizing: content-box;
	height: 58px;
	border: 1px solid #bcd2e2;
}

#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column1 div.text-section h2 {
	border-radius: 40px 0 0 40px;
	border-right: none;
}
#sharewithmain .layout_individual_pagenavi.multiColumn2 > .column2 div.text-section h2 {
	border-radius: 0 40px 40px 0;
	border-left: none;
}



/*-- バナーtype05 in 採用情報TOP & ジャムコの強み --*/
#sharewithmain .layout_teaser_type05 div.teaser.no-img:not(.highlight) h2 ,
#sharewithmain .layout_teaser_type05 div.external-teaser.no-img:not(.highlight) h2 {
	font-size: 16px;
}

#sharewithmain .layout_teaser_type05 div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain .layout_teaser_type05 div.external-teaser.no-img:not(.highlight) h2 a {
	background: #749dcc;
}

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


/*-- バナーtype06 in IR個人投資家の皆さまへ --*/
#sharewithmain .layout_teaser_type06 div.teaser.no-img:not(.highlight) h2 ,
#sharewithmain .layout_teaser_type06 div.external-teaser.no-img:not(.highlight) h2 {
	font-size: 15px;
	line-height: 1.4;
	width: auto;
	min-width: 50%;
	margin-right: auto;
	margin-left: auto;
}

#sharewithmain .layout_teaser_type06 div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain .layout_teaser_type06 div.external-teaser.no-img:not(.highlight) h2 a {
	background: #749dcc;
	height: 42px;
	padding: 14px 45px 14px 30px;
}

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



/*-- 枠線 --*/
.layout_inner_borderbox01 > div {
	border: 2px solid #b9cee5;
	padding: 15px 20px 10px;
	box-sizing: border-box;
}



/*-- 囲み線テキスト in IR 個人投資家の皆さまへ ジャムコの事業  --*/
.layout_highlight_quoted_color01 div.highlight-quoted-text {
	background-color: #f0f6ec;
	border-color: #67a842;
}

.layout_highlight_quoted_color02 div.highlight-quoted-text {
	background-color: #efeef4;
	border-color: #655598;
}

.layout_highlight_quoted_color03 div.highlight-quoted-text {
	background-color: #faeee6;
	border-color: #ca5d09;
}

.layout_highlight_quoted_color04 div.highlight-quoted-text {
	background-color: #e9f3f8;
	border-color: #469dc4;
}

.layout_highlight_quoted_color01 div.highlight-quoted-text ul li ,
.layout_highlight_quoted_color01 div.highlight-quoted-text ul li ,
.layout_highlight_quoted_color01 div.highlight-quoted-text ul li ,
.layout_highlight_quoted_color01 div.highlight-quoted-text ul li {
	list-style-type: none;
}

.layout_highlight_quoted_color01 div.highlight-quoted-text ul li:before ,
.layout_highlight_quoted_color01 div.highlight-quoted-text ul li:before ,
.layout_highlight_quoted_color01 div.highlight-quoted-text ul li:before ,
.layout_highlight_quoted_color01 div.highlight-quoted-text ul li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	position: relative;
	left: -15px;
	top: -3px;
}

.layout_highlight_quoted_color01 div.highlight-quoted-text ul li:before {
	background-color: #67a842;
}

.layout_highlight_quoted_color02 div.highlight-quoted-text ul li:before {
	background-color: #655598;
}

.layout_highlight_quoted_color03 div.highlight-quoted-text ul li:before {
	background-color: #ca5d09;
}

.layout_highlight_quoted_color04 div.highlight-quoted-text ul li:before {
	background-color: #469dc4;
}



/*-- バナーtype08 in IR 財務諸表 & 技術のジャムコ  --*/
.layout_teaser_type08.multiColumn3 {
}

.layout_teaser_type08.multiColumn3 > .column1 ,
.layout_teaser_type08.multiColumn3 > .column2 ,
.layout_teaser_type08.multiColumn3 > .column3 {
	width: calc((100% - 20px) / 3);
	margin-bottom: 0;
}
.layout_teaser_type08.multiColumn3 > .column1 ,
.layout_teaser_type08.multiColumn3 > .column2 {
	margin-right: 10px;
}

#sharewithmain .layout_teaser_type08 div.teaser.no-img.highlight h2 {
	font-size: inherit;
}

#sharewithmain .layout_teaser_type08 div.teaser.no-img.highlight h2 a {
	overflow: visible;
	position: relative;
	padding: 10px 10px 25px;
	border: 1px solid #2665a8;
	color: #2665a8;
	text-align: center;
	text-decoration: none;
}

#sharewithmain .layout_teaser_type08 div.teaser.no-img.highlight h2 a:before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 7px;
	height: 7px;
	margin-left: -5px;
	border-bottom: solid 2px #2665a8;
	border-right: solid 2px #2665a8;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#sharewithmain .layout_teaser_type08.layout_teaser_type08_active1 > .column1 div.teaser.no-img.highlight h2 a ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active2 > .column2 div.teaser.no-img.highlight h2 a ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active3 > .column3 div.teaser.no-img.highlight h2 a ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active4 > .column4 div.teaser.no-img.highlight h2 a ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active5 > .column5 div.teaser.no-img.highlight h2 a ,
#sharewithmain .layout_teaser_type08 div.teaser.no-img.highlight h2 a:hover {
	background: #2665a8;
	color: #fff;
}


#sharewithmain .layout_teaser_type08.layout_teaser_type08_active1 > .column1 div.teaser.no-img.highlight h2 a:before ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active2 > .column2 div.teaser.no-img.highlight h2 a:before ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active3 > .column3 div.teaser.no-img.highlight h2 a:before ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active4 > .column4 div.teaser.no-img.highlight h2 a:before ,
#sharewithmain .layout_teaser_type08.layout_teaser_type08_active5 > .column5 div.teaser.no-img.highlight h2 a:before ,
#sharewithmain .layout_teaser_type08 div.teaser.no-img.highlight h2 a:hover:before {
	background: #2665a8;
	bottom: -8px;
	width: 15px;
	height: 15px;
	margin-left: -8px;
}



/*-- 採用情報TOP 企業を知る・職場環境を知る・ジャムコの教育制度  --*/
.layout_recruit_box01.multiColumn2 {
	position: relative;
}

.layout_recruit_box01.multiColumn2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: calc(100% - 2px - 250px);
	height: calc(100% - 2px - 20px);
	background: url("../../../../../../resources/sw_img/bg_recruit_box01.png") center center no-repeat;
	background-size: cover;
	z-index: -1;
}

.layout_recruit_box01.multiColumn2 .column1 {
	box-sizing: border-box;
	margin-right: 2px;
	width: calc(100% - 2px - 250px);
	padding: 15px 20px 25px;
}
.layout_recruit_box01.multiColumn2 .column2 {
	width: 250px;
}

/* 企業を知る */
.layout_recruit_box01 div.title4 h4 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

#sharewithmain .layout_recruit_box01 div.teaser.no-img:not(.highlight) {
	margin-bottom: 15px;
}

#sharewithmain .layout_recruit_box01 div.teaser.no-img:not(.highlight) a {
	background-color: rgba(34, 101, 168, 0.8);
}

/* 職場環境を知る・ジャムコの教育制度 */
#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img) {
	margin-bottom: 2px;
	position: relative;
}

#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img) > a {
	display: block;
}
#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img) > a:after {
	content: "";
	display: block;
	clear: both;
}

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

#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img) h2 {
	margin: 0;
	font-size: 18px;
	line-height: inherit;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img) h2 a {
	padding: 10px 25px 10px 15px;
	position: relative;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img) h2 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 7px;
	height: 7px;
	margin: -5px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img):hover h2 a {
	background: rgba(255, 255, 255, 0.7);
	color: #333;
}

#sharewithmain .layout_recruit_box01 div.teaser.highlight:not(.no-img) a:hover img {
	opacity: 1;
}



/*-- 採用情報 キーワードから見るジャムコ --*/
body#recruit_keyword div.title2 h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;

	padding: 15px;
	color: #2665a8;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	background: #f1f3f5;
	border-left: 5px solid #469dc4;
	border-radius: 0 10px 10px 0;
	letter-spacing: normal;

	margin-bottom: 20px;
}


body#recruit_keyword div.title2 h2:first-line {
	color: #469dc4;
	font-size: 20px;
	letter-spacing: 1px;
}


/*-- 採用情報 選考プロセス --*/
body#recruit_process .ircalendar div.ircalendar-title > table > tbody > tr > th ,
body#recruit_process .ircalendar div.ircalendar-item > table > tbody > tr > td {
	border: none;
	background: none;
	color: inherit;
}

body#recruit_process .ircalendar div.ircalendar-title.no-img > table > tbody > tr > th ,
body#recruit_process .ircalendar div.ircalendar-item.no-img > table > tbody > tr > td {
	vertical-align: middle;
	height: 70px;
	background-color: #2665a8;
	color: #fff;
}

body#recruit_process .ircalendar div.ircalendar-title.no-img > table > tbody > tr > th {
	background-color: #959595;
}
body#recruit_process .ircalendar div.ircalendar-title.no-img > table > tbody > tr > th.ircalendar-title1 {
	background-color: #143d79;
}
body#recruit_process .ircalendar div.ircalendar-item.no-img > table > tbody > tr > td.ircalendar-item1 {
	background-color: #54a3d4;
}

body#recruit_process #ircalendar-2 div.ircalendar-item.no-img > table > tbody > tr > td {
	background-color: #2665a8;
}
body#recruit_process #ircalendar-2 div.ircalendar-item.no-img > table > tbody > tr > td.ircalendar-item1 {
	background-color: #143d79;
}


/*-- リンクエリアtype02 in 採用情報 仲間と出会う --*/
.layout_linkarea_type02 div.internal-link-area {
	position: relative;
	font-size: 12px;
}

.layout_linkarea_type02 div.internal-link-area > a {
	display: block;
	background-color: #efefef;
	padding: 15px 15px;
	border-bottom: 105px solid #fff;
}

.layout_linkarea_type02 div.internal-link-area > a p {
	margin-bottom: 5px;
}
.layout_linkarea_type02 div.internal-link-area > a img {
	border: 5px solid #fff;
}

.layout_linkarea_type02 div.internal-link-area > a ol {
	list-style: none;

	background-color: #749dcc;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 105px;
	font-size: 16px;
	line-height: 1.6;
	padding: 15px;
	padding-right: 40px;
	border-radius: 0 0 60px 0;
}

.layout_linkarea_type02 div.internal-link-area > a:hover {
	color: inherit;
}

.layout_linkarea_type02 div.internal-link-area > a:hover ol {
	background-color: #aaa;
}


/*-- リンクエリアtype03 in 採用情報 仲間と出会う --*/
.layout_linkarea_type03 div.internal-link-area {
	position: relative;
	font-size: 12px;
}

.layout_linkarea_type03 div.internal-link-area > a {
	display: block;
	background-color: #e4edf5;
	padding: 15px 15px;
	border-bottom: 105px solid #fff;
}

.layout_linkarea_type03 div.internal-link-area > a p {
	margin-bottom: 5px;
}
.layout_linkarea_type03 div.internal-link-area > a img {
	border: 5px solid #fff;
}

.layout_linkarea_type03 div.internal-link-area > a ol {
	list-style: none;

	background-color: #fff;
	color: #749dcc;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 105px;
	font-size: 15px;
	line-height: 1.6;
	padding: 15px 0;
}

.layout_linkarea_type03 div.internal-link-area > a:hover {
	background-color: #ddd;
	color: inherit;
}


/*-- 採用情報 仲間と出会う 詳細 --*/
.layout_recruit_person_mv.multiColumn2 {
	display: block;
	background: #efefef;
	border-radius: 0 0 60px 0;
	margin-bottom: 20px;
}

.layout_recruit_person_mv.multiColumn2 > .column1 {
	width: 255px;
	margin: 15px;
}
.layout_recruit_person_mv.multiColumn2 > .column2 {
	width: calc(100% - 255px - 30px - 30px);
	margin: 15px;
}

.layout_recruit_person_mv.multiColumn2 > .column1 div.text-section {
	margin-bottom: 0;
}

.layout_recruit_person_mv.multiColumn2 > .column1 div.text-section img {
	border: 5px solid #fff;
	margin-bottom: 0;
}

.layout_recruit_person_mv.multiColumn2 > .column2 div.text-section {
	font-size: 12px;
	margin-bottom: 0;
}

.layout_recruit_person_mv.multiColumn2 > .column2 div.text-section p {
	margin-top: 10px;
}

.layout_recruit_person_mv.multiColumn2 > .column2 div.text-section ol {
	list-style: none;
	padding: 0;

	padding: 10px 0;
}

.layout_recruit_person_mv.multiColumn2 > .column2 div.text-section ol li {
	font-size: 20px;
	color: #2665a8;
	font-weight: bold;

	padding-top: 3px;
	display: inline-block;
	position:relative;
}

.layout_recruit_person_mv.multiColumn2 > .column2 div.text-section ol li:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
}


/*-- 採用情報 座談会 プロフィール --*/
.layout_recruit_symposium_profile div.text-section {
	background-color: #e4edf5;
	padding: 15px 15px;
	margin-bottom: 0;
	font-size: 12px;
}

.layout_recruit_symposium_profile div.text-section img {
	border: 5px solid #fff;
}


/*-- バナーtype07 in 事業案内 --*/
#sharewithmain .layout_teaser_type07 div.teaser.no-img:not(.highlight) h2 ,
#sharewithmain .layout_teaser_type07 div.external-teaser.no-img:not(.highlight) h2 {
	font-size: 16px;
	width: auto;
	margin-left: auto;
	margin-right: 0;
}

#sharewithmain .layout_teaser_type07 div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain .layout_teaser_type07 div.external-teaser.no-img:not(.highlight) h2 a {
	background: none;
	color: #2665a8;
	font-weight: normal;
	border: 1px solid #2665a8;
	border-radius: 5px;
}

#sharewithmain .layout_teaser_type07 div.teaser.no-img:not(.highlight) h2 a:before ,
#sharewithmain .layout_teaser_type07 div.external-teaser.no-img:not(.highlight) h2 a:before {
	border-color: #2665a8;
}

#sharewithmain .layout_teaser_type07 div.teaser.no-img:not(.highlight) h2 a:hover ,
#sharewithmain .layout_teaser_type07 div.external-teaser.no-img:not(.highlight) h2 a:hover {
	background: rgba(38, 101, 168, 0.2);
}


/*-- バナーtype09 in トップページ ジャムコの強み --*/
#sharewithmain .layout_teaser_type09 div.teaser.no-img:not(.highlight) h2 ,
#sharewithmain .layout_teaser_type09 div.external-teaser.no-img:not(.highlight) h2 {
	font-size: 16px;
	width: auto;
	margin-left: auto;
	margin-right: 0;
}

#sharewithmain .layout_teaser_type09 div.teaser.no-img:not(.highlight) h2 a ,
#sharewithmain .layout_teaser_type09 div.external-teaser.no-img:not(.highlight) h2 a {
	height: auto;
	padding: 10px 50px 10px 40px;
	background: none;
	color: #fff;
	font-weight: normal;
	border: 1px solid #fff;
	border-radius: 5px;
}

#sharewithmain .layout_teaser_type09 div.teaser.no-img:not(.highlight) h2 a:before ,
#sharewithmain .layout_teaser_type09 div.external-teaser.no-img:not(.highlight) h2 a:before {
	border-color: #fff;
}

#sharewithmain .layout_teaser_type09 div.teaser.no-img:not(.highlight) h2 a:hover ,
#sharewithmain .layout_teaser_type09 div.external-teaser.no-img:not(.highlight) h2 a:hover {
	color: #2665a8;
	background: #fff;
}

#sharewithmain .layout_teaser_type09 div.teaser.no-img:not(.highlight) h2 a:hover:before ,
#sharewithmain .layout_teaser_type09 div.external-teaser.no-img:not(.highlight) h2 a:hover:before {
	border-color: #2665a8;
}



/*-- タブ切り替え1 --*/
.layout_tabstyle01 {
	margin-bottom: 20px;
}

.layout_tabstyle01 input[type=radio] {
	display: none;
}

.layout_tabstyle01 > .column1 {
	width: 100%;
	margin: 0;
}

.layout_tabstyle01 > .column2 ,
.layout_tabstyle01 > .column3 ,
.layout_tabstyle01 > .column4 ,
.layout_tabstyle01 > .column5 {
	margin: 0;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px 20px 0;
	background: #e4edf5;

	height: 0;
	padding: 0;
}

.layout_tabstyle01 > .column2.active ,
.layout_tabstyle01 > .column3.active ,
.layout_tabstyle01 > .column4.active ,
.layout_tabstyle01 > .column5.active ,
.layout_tabstyle01 > .sw-tab-select0:checked ~ .column2 ,
.layout_tabstyle01 > .sw-tab-select1:checked ~ .column3 ,
.layout_tabstyle01 > .sw-tab-select2:checked ~ .column4 ,
.layout_tabstyle01 > .sw-tab-select3:checked ~ .column5 {
	height: auto;
	padding: 20px 20px 0;
}

.layout_tabstyle01 > .column1 .ircalendar {
	margin-left: -7px;
	margin-right: -7px;
	margin-bottom: 15px;
}

.layout_tabstyle01 > .column1 .ircalendar:after{
	content: "";
	display: block;
	clear: both;
}

.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item  {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding: 0 7px;
}

.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td {
	border: none;
	background: none;
	padding: 0;

	position: relative;
	padding: 10px 10px 25px;
	border: 1px solid #2665a8;
	color: #2665a8;
	cursor: pointer;
}
.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr >  td:before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 7px;
	height: 7px;
	margin-left: -5px;
	border-bottom: solid 2px #2665a8;
	border-right: solid 2px #2665a8;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.layout_tabstyle01 > .sw-tab-select0:checked ~ .column1 .sw-tab-label0 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .sw-tab-select1:checked ~ .column1 .sw-tab-label1 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .sw-tab-select2:checked ~ .column1 .sw-tab-label2 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .sw-tab-select3:checked ~ .column1 .sw-tab-label3 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td:hover ,
.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td.active {
	background: #2665a8;
	color: #fff;
}

.layout_tabstyle01 > .sw-tab-select0:checked ~ .column1 .sw-tab-label0 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle01 > .sw-tab-select1:checked ~ .column1 .sw-tab-label1 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle01 > .sw-tab-select2:checked ~ .column1 .sw-tab-label2 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle01 > .sw-tab-select3:checked ~ .column1 .sw-tab-label3 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td:hover:before ,
.layout_tabstyle01 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td.active:before {
	background: #2665a8;
	bottom: -8px;
	width: 15px;
	height: 15px;
	margin-left: -8px;
}



/*-- タブ切り替え2 --*/
.layout_tabstyle02 {
	display: block;
	margin-bottom: 20px;
}
.layout_tabstyle02:after{
	content: "";
	display: block;
	clear: both;
}

.layout_tabstyle02 input[type=radio] {
	display: none;
}

.layout_tabstyle02 > .column1 {
	margin: 0;
	float: left;
	width: 32%;
	width: calc(34% - 15px);
	margin-right: 15px;
}

.layout_tabstyle02 > .column2 ,
.layout_tabstyle02 > .column3 ,
.layout_tabstyle02 > .column4 ,
.layout_tabstyle02 > .column5 {
	margin: 0;
	float: left;
	width: 66%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 20px 20px 0;
	background: #e4edf5;

	height: 0;
	padding: 0;
}


.layout_tabstyle02 > .column2.active ,
.layout_tabstyle02 > .column3.active ,
.layout_tabstyle02 > .column4.active ,
.layout_tabstyle02 > .column5.active ,
.layout_tabstyle02 > .sw-tab-select0:checked ~ .column2 ,
.layout_tabstyle02 > .sw-tab-select1:checked ~ .column3 ,
.layout_tabstyle02 > .sw-tab-select2:checked ~ .column4 ,
.layout_tabstyle02 > .sw-tab-select3:checked ~ .column5 {
	height: auto;
	padding: 20px 20px 0;
}

.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item {
}

.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table {
	margin-bottom: 15px;
}

.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td {
	border: none;
	background: none;
	width: 33.33%;
	padding: 0;
	position: relative;
}

.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr >  td {
	padding: 10px 20px 10px 10px;
	border: 1px solid #2665a8;
	color: #2665a8;
	cursor: pointer;
}
.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr >  td:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: solid 2px #2665a8;
	border-right: solid 2px #2665a8;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.layout_tabstyle02 > .sw-tab-select0:checked ~ .column1 .sw-tab-label0 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle02 > .sw-tab-select1:checked ~ .column1 .sw-tab-label1 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle02 > .sw-tab-select2:checked ~ .column1 .sw-tab-label2 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle02 > .sw-tab-select3:checked ~ .column1 .sw-tab-label3 div.ircalendar-item > table > tbody > tr > td ,
.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td:hover ,
.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td.active {
	background: #2665a8;
	color: #fff;
}

.layout_tabstyle02 > .sw-tab-select0:checked ~ .column1 .sw-tab-label0 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle02 > .sw-tab-select1:checked ~ .column1 .sw-tab-label1 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle02 > .sw-tab-select2:checked ~ .column1 .sw-tab-label2 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle02 > .sw-tab-select3:checked ~ .column1 .sw-tab-label3 div.ircalendar-item > table > tbody > tr > td:before ,
.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td:hover:before ,
.layout_tabstyle02 > .column1 .ircalendar div.ircalendar-item > table > tbody > tr > td.active:before {
	background: #2665a8;
	right: -8px;
	width: 15px;
	height: 15px;
	margin-top: -8px;
}



/*-- お問い合わせ STEP --*/
.inquiry_step .step {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: calc(25% - 30px);
    padding: 5px 10px;
    margin-right: 30px;
    margin-bottom: 20px;

    border: 1px solid #2665a8;
    color: #2665a8;
}
.inquiry_step .step:not(:last-child) {
    border-right: none;
}


.inquiry_step .step .number {
    float: left;
    display: block;
    padding: 8px 5px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

.inquiry_step .step .number span {
    display: block;
    font-size: 10px;
    font-weight: bold;
}

.inquiry_step .step .title {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    line-height: 1.4;
    height: 50px;
    padding-left: 5px;
}

.inquiry_step .step .arrow {
    position: absolute;
    top: -1px;
    right: -31px;
    transform: scale(0.35, 0.7);
}

.inquiry_step .step .arrow p {
    box-sizing: border-box;
    width: 62px;
    height: 62px;
    border-top: 2px solid #2665a8;
    border-right: 2px solid #2665a8;
    transform: rotate(45deg);
}

.inquiry_step .step:last-child .arrow {
    display: none;
}


/*
.inquiry_step .step .arrow_end {
    position: absolute;
    top: -1px;
    right: -30px;
    width: 30px;
    height: 60px;
    border: 1px solid #2665a8;
    border-left: none;
}
*/


.inquiry_step.inquiry_step1 .step1 ,
.inquiry_step.inquiry_step2 .step2 ,
.inquiry_step.inquiry_step3 .step3 ,
.inquiry_step.inquiry_step4 .step4 {
    background-color: #6699cc;
    border-color: #6699cc;
    color: #fff;
}

.inquiry_step.inquiry_step1 .step1 .arrow p ,
.inquiry_step.inquiry_step2 .step2 .arrow p ,
.inquiry_step.inquiry_step3 .step3 .arrow p ,
.inquiry_step.inquiry_step4 .step4 .arrow p {
    background-color: #6699cc;
    border-color: #6699cc;
}



/*-- ＰＣ／ＳＰ切り替え --*/
.layout_sp_flip div.reuse-main-area {
	display: block !important;
}

.layout_sp_flip div.reuse-main-area .multiColumn2 div.column1 {
	width: 100%;
	float: none;
	margin-right: 0;
}
.layout_sp_flip div.reuse-main-area .multiColumn2 div.column2 {
	display: none;
}


/*-- 峡枠セル --*/
.layout_narrow_cell div.table div.shwTable table {
	font-size: 11px;
}
.layout_narrow_cell div.shwTable .ht_master tr > td {
	padding-left: 3px;
	padding-right: 3px;

}

/*-- 画像ギャラリー --*/
.ux_gallery_col1 {
}

.ux_gallery_col1 > .column1 {
	font-size: 0;
}

.ux_gallery_col1 > .column1 .text-section.highlight {
    box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 7 - 10px);
	margin: 0 5px 10px;
	background: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
}

.ux_gallery_col1 > .column1 .text-section.highlight img {
	margin-bottom: 0;
}

.ux_gallery_col1 > .column1 .text-section.highlight:hover {
	border-color: #999;
}

.area_img_box {
	position: relative;
	background: #fff;
	margin-bottom: 10px;
}

/*
.area_img_box::before {
	content: "";
	display: block;
	padding-top: 57%;
}

.area_img_box img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 100%;
	height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
*/
.sustainability-common-bg01{background:#f7f8fa;padding:30px 30px 0;margin-bottom:40px;}
.sustainability-common-bg01.sustainability-common-bg01-add01{margin-bottom:0;}
.sustainability-common-bg01.sustainability-common-bg01-add02{padding-top:0;}
.sustainability-img-zoom .download-teaser a{position:relative;}
.sustainability-img-zoom .download-teaser a::before{content:"";display:block;width:60px;height:60px;background:url("../../../../../../resources/sw_img/icon_zoom.png") no-repeat;background-size:100% auto;position:absolute;right:15px;bottom:15px;z-index:2;}


/* fami-ch */
#header.fami-ch {
	border-bottom: 1px solid #2665a8
}

#header.fami-ch ~ #site-info {
	border-top: 1px solid #2665a8;
	padding-top: 0;
}

#header.fami-ch ~ #site-info #footer ,
#header.fami-ch ~ #site-info .footer-link-list {
	display: none;
}

#header.fami-ch .sitelogo {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 250px;
}

#header.fami-ch ~* #promos1 .teaser.no-img {
	margin-top: 20px;
}

#header.fami-ch ~* .title2 +*+ div.news-latest-2nd .all {
	top: -62px;
}


.lx_anchor_inline .anchor-link ,
.lx_anchor_inline_pc .anchor-link {
	display: inline-block;
	margin-right: 20px;
}