/* 基本ボタン3
/* ・角      ：角
/* ・外枠    ：普通細め
/*--------------------------------------------------------------------------------*/
.square_button2 {
  /* 基本的な形の定義 */
  padding: 0.3em 0.3em 0.3em 0.3em;
  margin:0 auto;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  
  /* 外枠の定義 */
  border-style: none;

  /* フォントの定義 */
  font-weight: bold;

  /* 改行なし */
  white-space:nowrap;
}

/* 基本テキスト13
/*--------------------------------------------------------------------------------*/
.base_text_13 {
  font-weight: bold;
  white-space:nowrap;
  padding: 0.3em 0.3em 0.3em 0.3em;
}

/*  2018/11/19 added by CITS 【百十四銀行リニューアル対応】 start  */
/*================================================================================*/
/*= デフォルト値を定義                                                           =*/
/*================================================================================*/

/* 　standard html tagを定義　*/
/*--------------------------------------------------------------------------------*/

body{
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* color: #000000; */
  color: #4E5264;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* font-size: 13px; */
  font-size: 16px;
  /* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  text-align: left;
  padding:0px;
  margin:0px;
}

p, caption{
  padding: 0.8em 0.8em 0.6em 0.8em;
  font-size: 1em;
}

th, td{
  padding: 0.8em 0.8em 0.6em 0.8em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 13px; */
  font-size: 16px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}


p {
  line-height: 1.5em;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  font-size: 16px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

select{
  margin-left: 1em;
  padding: 0.2em 0.1em 0.1em 0em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  /* font-size: 1em; */
  font-size: 16px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
@-moz-document url-prefix() {
  select{
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid;
    padding-left: 4px;
  }
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */

br{
  clear:both;
}

div {
 }

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: center;
  font-weight: normal;
  vertical-align: middle;
}

caption,td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
a {
	color: #0469B5;
}
a:hover{
	text-decoration: none;
}
a.disabled{
	pointer-events: none;
}
u {
	color: #4E5264;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

h1 {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 1.5em; */
  font-size: 24px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  font-weight: bold;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  line-height: 24px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

h2 {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 1.2em; */
  font-size: 18px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  font-weight: bold;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
h3 {
  font-size: 16px;
  font-weight: bold;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */


/* 　エリアIDのスタイルを定義　*/
/*--------------------------------------------------------------------------------*/
/*****  全体フレーム  *****/
#wrapper {
  width: 1000px;
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* height: 100%; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
  float: center;
  margin: 0px auto;
}

/*****  右側フレーム  *****/
#rightWrapper {
  float: right;
  width:100px;
  margin-left: 10px;
}



/* ==========================================================================
ヘッダーエリア
========================================================================== */
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
#header {
  width: 100%;   
  margin: 0px auto;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */

#headerArea{
	background:#fff;
	
	margin-bottom:30px;
}

/* logoBlock
-------------------------------------*/
#headerArea #logoArea {
	width:1000px;
	margin-top: -15px;
	margin-bottom: -30px;
	min-height:65px;
	overflow:hidden;
}
#headerArea #logoArea #logoAreaInner {
	float:left;
	width:343px;
	overflow:hidden;
}
#headerArea #logoArea #logoAreaInner li {
		float:left;
}
#headerArea #logoArea #logoAreaInner li#logo{
	margin:15px 30px 0 -40px;
}
#headerArea #logoArea #logoAreaInner li#productLabel{
	margin:7px 0px 0 0;
}

/* headerLoginArea
-------------------------------------*/
#headerArea #headerLoginArea {
	float:right;
	max-width:577px;
}
#headerArea #headerLoginArea li {
	float:left;
	padding-left:22px;
	padding-top:4px;
	margin:20px 0 0px 18px;
}
#headerArea #headerLoginArea li:first-child {
	margin:20px 0 0 0;
}
#headerArea #headerLoginArea li#headerLoginMain {
	background:url(/image/head_ico_001.gif) no-repeat left center;
}
#headerArea #headerLoginArea li#headerLoginQA {
	margin-top: 4px;
}
#headerArea #headerLoginArea li#headerLoginHelp {
	background:url(/image/head_ico_003.gif) no-repeat left center;
}
#headerArea #headerLoginArea li#headerLogout {
	margin-top: 4px;
}

/*****  拡張エリア1  *****/
#extension-1 {
  width: 100%;   
  margin: 0px auto;
}

/*****  メニューエリア  *****/
#navigation {
  width: 100%;   
  margin: 0px auto;
}

/*****  画面タイトルエリア  *****/
#title {
  width: 100%;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* margin: 0em,0em,2em,0em; */
  margin: 2em 0px ;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

/*****  進捗状況エリア  *****/
#progress {
  width: 100%;   
  margin: 0em 0em 5em;
}

#progress ul{
  padding: 0.3em 0em 0.3em 0em;
}

#progress ul li i {
   padding: 0.4em 0em 0.4em 0em;
}

/*****  お客様名エリア  *****/
#customer {
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* width: 100%; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
  margin: 0px auto;
  margin: 0em 0em 0.5em 0em;
}


/*****  エラーメッセージエリア  *****/
#error {
  margin: 0px auto;
  padding: 0.5em 0.5em 0.3em 0.5em;
}

#error  p {   
  margin: 0px;
  font-weight: bold;
}

/*****  ガイドコメントエリア  *****/
#guide {
  width: 100%;   
  margin: 0px auto;
}

/*****  個別エリア  *****/
#main {
  width: 100%;   
  min-height: 400px;
  margin: 0px auto;
}

#main div {
  margin-bottom: 2em;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
#category_table div {
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */

/*****  個別エリア(D00-10(保有残高なしの場合)のみ使用)  *****/
#main_2 {
  width: 100%;   
  min-height: 250px;
  margin: 0px auto;
}

#main_2 div {
  margin-bottom: 2em;
}

/*****  ご注意エリア・ページヘルプエリア共通  *****/
#margin_0 {
  list-style: none;
  margin-left:-20px;
  padding-left:0px;
}

/*****  ご注意エリア  *****/
#attention {
  width: 100%;   
  margin: 0px auto;
}


#attention ul {
  list-style: disc;
  margin: 0.5em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* padding: 0em 0em 0.3em 2.3em; */
  padding: 0em 0em 0.3em 1.7em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

#attention ul li{
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* padding: 0em 0em 1em 0em; */
  padding: 0em 0em 0em 0em;
  line-height:1.7;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

/*  D31-70のご注意文言の位置調整  */
.col-1_D31-70 {
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}
.col-2_D31-70 {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
}

.col-3_D31-70 {
  display: inline-block;
  width: 790px;
  vertical-align: middle;
}

/*****  ページヘルプエリア  *****/
#help {
  width: 100%;   
  margin: 0px auto;
}

#help li {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* margin: 0.5em 0.5em 0.3em 1em; */
  padding: 0em 0em 0em;
  line-height:1.7;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}
#help ul {
  list-style: disc;
  margin: 0.5em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* padding: 0em 0em 0.3em 0.3em; */
  padding: 0em 0em 0.3em 1.7em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

#help ul.help_nosytle, #help li.help_nosytle {
  list-style: none;
  }
/*  D00-10のヘルプ文言の位置調整  */
.col-1_D00-10 {
  display: inline-block;
  width: 120px;
}
.col-2_D00-10 {
  display: inline-block;
  width: 400px;
}

/*  D01-20のヘルプ文言の位置調整  */
.col-1_D01-20 {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
}
.col-2_D01-20 {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
}
.col-3_D01-20 {
  display: inline-block;
  width: 730px;
  vertical-align: middle;
}

/*  D01-30のヘルプ文言の位置調整  */
.col-1_D01-30 {
  display: inline-block;
  width: 120px;
  vertical-align: middle;
}
.col-2_D01-30 {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
}
.col-3_D01-30 {
  display: inline-block;
  width: 730px;
  vertical-align: middle;
}

/*  D11-10のヘルプ文言の位置調整  */
.col-1_D11-10 {
  display: inline-block;
  width: 180px;
  vertical-align: middle;
}
.col-2_D11-10 {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
}
.col-3_D11-10 {
  display: inline-block;
  width: 730px;
  vertical-align: middle;
}

/***************/
.nave_help {
  width: 100%;   
  padding-bottom;10px;
}


/*****  お問い合わせエリア  *****/
#inquiry {
  width: 100%;   
  margin: 0px auto;
}

/*****  拡張エリア2  *****/
#extension-2 {
  width: 100%;   
  margin: 0px auto;
}

/*****  フッターエリア  *****/
#footer {
  width: 100%;   
  margin: 0px auto;
}

#footer div {
   margin-top: 1em;
   clear:both;
}

#inquiry_j {
  background-image:url('/image/support.png');
  width: 997px;
  height: 190px;
  margin: 0px auto;
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 2px;
  border-color: #ACACAC;
}

#inquiry_j  div {
   margin-top: 1em;
   clear:both;
}

/*****  拡張エリア3  *****/
#extension-3 {
  width: 100%;   
  margin: 0px auto;
}

/*****  マイナンバーメッセージエリア  *****/
#mynumber_attention {
  width: 100%;   
  margin: 0px auto;
}

/*================================================================================*/
/*=バナーエリアのレイアウト用（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.banner {
  width: 1000px;
  height: 90px
  margin: 15px auto 0px;
  overflow: hidden;
  margin-top: -5px;
  margin-bottom: -17px;
}

.banner_right {
  width: 260px;
  height: 90px;
  margin: 15px auto 0px;
  overflow: hidden;
  float: right;
  border-left-style: solid;
  border-left: 2px;
  border-color: #000000;
}

.banner2 {
  width: 1000px;
  height:200px;
  margin: 17px auto 0px;
  overflow: hidden;
  margin-bottom: -12px;
}

.banner2_right {
  width: 350px;
  overflow: hidden;
  float: right;
}


/* 　固有部品の定義　*/
/*--------------------------------------------------------------------------------*/
/*****  WEBフォント  *****/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*****  tooltip IE8*****/
.tooltip span {
  margin: auto;
  width: 200px;
  display: none;
  padding: 4px 8px 4px 8px;
  margin-top: -8px;
  margin-left: auto;
  line-height: 1.6;
  text-align:left;
  white-space : normal;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 13px; */
  font-size: 14px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  z-index:999;
}

/*****  tooltip IE9以上***/
:root .tooltip span {
  margin: auto;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* width: 200px; */
  width: 250px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  display: none;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* padding: 4px 8px 4px 8px; */
  padding: 10px 16px 10px 16px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  margin-top: 8px;
  margin-left: 15px;
  line-height: 1.6;
  text-align:left;
  white-space : normal;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 13px; */
  font-size: 14px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  z-index:999;
}

.tooltip {
  position: relative;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  width: 1em;
  line-height: 10px;
  height: 10px;
  vertical-align: middle;
}

/****** clearfix ******/
.clearfix {
  min-height: 1px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.clearfix2 {
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin-top: 0.5em;
}

.header_position {
  position:relative;
  width:1000px;
  height:46px;
}

.header_wrapper {
  position:absolute;
  width: 1000px;   
  height:46px;
  float:left;
  margin: 0px auto;
  background-image: URL("/image/header_bg.gif");
  background-repeat: repeat-x;
  background-position-x:0%;
  background-position-y:0%;
  background-size:auto;
  background-origin:padding-box;
  background-clip:border-box;
  background-color:#005bb5;
}

/* チェックボックスの定義
/*--------------------------------------------------------------------------------*/
.checkbox_01 {
  margin-left: 1em;
  margin-bottom: -5px;
}

.checkbox_02 {
  margin-top: -10px;
  height:10px;
  margin-left: -13px;
}

/*================================================================================*/
/*= ツールチップのSpan（HTML表示）                                                         =*/
/*================================================================================*/

/* ツールチップの範囲最小化
/*--------------------------------------------------------------------------------*/
.fa_span{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
 .fa_range{
  position: relative;
  display: inline-block;
  width: 1em;
  line-height: 10px;
  height: 10px;
  vertical-align: middle;
}
 .fa_span_range{
  position: relative;
  display: inline-block;
  width: 1em;
  line-height: 1em;
  height: 1em;
  vertical-align: middle;
}

.arrow_position1 {
  position: relative;
  top: 53px;
  left: 40px;
}

.arrow_position2 {
  position: relative;
  top: 53px;
  left: 50px;
}

.arrow_position3 {
  position: relative;
  top: 53px;
  left: 910px;
}

.arrow_position4 {
  position: relative;
  top: 53px;
  left: 920px;
}

.description1 {
  text-indent:-1em;
  list-style-type:none;
}

.description2 {
  list-style-type:none;
}

.description3 {
  list-style-type:square;
}

.description4 {
  text-indent:1em;
}

/*================================================================================*/
/*= タイトル                                                                     =*/
/*================================================================================*/

/* タイトル：画面タイトル
/* 背景：画像
/*--------------------------------------------------------------------------------*/
.base_title_01 {
  margin-top: 0.0em;
  margin-right: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  padding: 0em;
  vertical-align: middle;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* padding: 0.8em 0.8em 0.6em 3.8em; */
  padding: 0.1em 0.0em 0.0em 0.0em;
  /* background-image: URL("/image/title_bg.gif"); */
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  background-repeat: no-repeat;
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* background-color:#005BB5; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
}

.base_title_01 label {
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* background-color: rgba(0,0,0,0); */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
  float: right;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /*font-size: 0.8em;	*/
  font-size: 16px;
  font-weight:normal;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

.base_title_01_j {
  margin-top: 1.5em;
  margin-right: 0.0em;
  margin-bottom: 0.5em;
  margin-left: 0.0em;
  padding: 0em;
  vertical-align: middle;
  padding: 0.8em 0.8em 0.6em 1.8em;
  background-repeat: no-repeat;
  background-color:#DF0101;
}

.base_title_01_z {
  margin-top: 0.7em;
  margin-right: 0.0em;
  margin-bottom: 0.5em;
  margin-left: 0.0em;
  padding: 0em;
  vertical-align: middle;
  padding: 0.8em 0.8em 0.6em 1.8em;
  background-repeat: no-repeat;
  background-color:#DF0101;
}

.base_title_01_p {
  margin-top: 0.5em;
  margin-right: 0.0em;
  margin-bottom: 0.5em;
  margin-left: 0.0em;
  padding: 0em;
  vertical-align: middle;
  padding: 0.8em 0.8em 0.6em 0.8em;
  background-repeat: no-repeat;
  background-color:#DF0101;
}



.base_title_01_j label {
  background-color: rgba(0,0,0,0);
  float: right;
  font-size: 0.8em;	
}

.base_title_01_z label {
  background-color: rgba(0,0,0,0);
  float: right;
  font-size: 0.8em;	
}

/* タイトル：項目タイトル
/*--------------------------------------------------------------------------------*/
.base_title_02 {
  margin-top: 0.0em;
  margin-right: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  padding: 0.8em 0.8em 0.6em 0.8em;
  vertical-align: middle;
}

/* タイトル：べんりメニュー
/*--------------------------------------------------------------------------------*/
.base_title_02_con {
  margin-top: 0.0em;
  margin-right: 0.0em;
  margin-bottom: -1.0em;
  margin-left: 0.0em;
  padding: 0.8em 0.8em 0.6em 0.8em;
  vertical-align: middle;
}

/* タイトル：項目タイトル 右部
/*--------------------------------------------------------------------------------*/
.base_title_02_a_right {
  line-height: 25px;
  text-decoration: none;
}

/* タイトル：項目タイトル お知らせUL
/*--------------------------------------------------------------------------------*/
.base_title_02_ul {
  width: 98%;
  padding-left: 15px;
  margin: 10px;
}

.base_title_02_ul_li_square{
  list-style: square;
  margin-bottom: 5px;
  padding: 0em 3em 0.3em 0em;
}
.base_title_02_ul_li{
  list-style: none;
  margin-bottom: 5px;
  padding: 0em 3em 1em 0em;
}
.base_title_02_al {
  padding-left: 15px;
  padding-top: 5px;
}
/* タイトル：エラーメッセージ
/*--------------------------------------------------------------------------------*/
.base_title_03 {
  margin-top: 0.0em;
  margin-right: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  padding: 0em 0em 0em 0.8em;
  vertical-align: middle;
}

.base_title_03 P {
  padding: 0.3em 0.3em 0.1em 0.3em;
}


/* タイトル：コピーライト
/*--------------------------------------------------------------------------------*/
.base_title_04 {
  margin-top: 0.0em;
  margin-right: 0.0em;
  margin-bottom: 0.0em;
  margin-left: 0.0em;
  padding-top:0.5em;
  padding-right:0em;
  padding-bottom:0.3em;
  padding-left:0em;
  vertical-align: middle;
}


/* タイトル：画面タイトル
/* 背景：画像
/*--------------------------------------------------------------------------------*/
.base_title_05 {
  position:absolute;
  width:500px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* height:46px; */
  height:96px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  float:left;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* background-image: URL("/image/3.jpg"); */
  background-image: URL("/image/BPDirect_logo.png");
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  background-repeat: no-repeat;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* background-position-x:0%; */
  background-position-x:1%;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* background-position-y:0%; */
  background-position-y:50%;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  background-size:auto;
  background-origin:padding-box;
  background-clip:border-box;
  background-color:transparent;
  z-index:999;
}

.header_position {
  position:relative;
  width:1000px;
  height:96px;
}

.header_wrapper {
  position:absolute;
  width: 1000px;   
  height:96px;
  float:left;
  margin: 0px auto;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  background-repeat: repeat-x;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
  background-position-x:0%;
  background-position-y:0%;
  background-size:auto;
  background-origin:padding-box;
  background-clip:border-box;
  background-color:#ffffff;
}

.base_title_05 button {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 0.8em; */
  font-size: 14px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  float: right;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* margin-top: 0.5em; */
  margin-top: 2.7em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  margin-right: 1em;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  font-weight:none;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

.base_title_05 label {
  font-size: 1em;
  float: right;
  margin-top: 2em;
  margin-right: 1em;
}


/*================================================================================*/
/*=吹き出し（HTML表示）                                                         =*/
/*================================================================================*/
.base_fukidashi_line {
  width 1000px;
  display table;
}


/*****  吹き出しBOX  ******/
.base_fukidashi {

  width: 570px;
  margin-top: -5px;
  margin-left:18px;
  margin-right:0px;
  margin-bottom:0px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 2px;
  padding-bottom: 0px;
  word-wrap:break-word;
  border: 6px solid #c7dc68;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #FFFFFF;
  z-index: 10;
}
/*****  矢印の表示  ******/
.base_fukidashi:after {
 content:'';
 bottom: 50px;
 border-top: 10px;
 border-bottom: 10px;
 position: absolute;
 display: block;
}
/*****  左向き矢印のスタイル  ******/
.base_fukidashi.left:after	 {
  position: relative;
  left: -20px;
  bottom: 10px;
  width: 0px;
  height: 0px;
  border-top: 4px solid transparent;
  border-right: 10px solid #c7dc68;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*****  吹き出しBOX(受付画面用)  ******/
.base_fukidashi_uktk {

  width: 570px;
  margin-top: 15px;
  margin-left:18px;
  margin-right:0px;
  margin-bottom:0px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 2px;
  padding-bottom: 0px;
  word-wrap:break-word;
  border: 6px solid #c7dc68;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #FFFFFF;
  z-index: 10;
}
/*****  矢印の表示  ******/
.base_fukidashi_uktk:after {
 content:'';
 bottom: 50px;
 border-top: 10px;
 border-bottom: 10px;
 position: absolute;
 display: block;
}
/*****  左向き矢印のスタイル  ******/
.base_fukidashi_uktk.left:after	 {
  position: relative;
  left: -20px;
  bottom: 10px;
  width: 0px;
  height: 0px;
  border-top: 4px solid transparent;
  border-right: 10px solid #c7dc68;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}

.base_fukidashi_left {
  width: 500px;
  display:table-cell; 
  vertical-align:middle;
  margin-top: 0px;
  margin-left:18px;
  margin-right:0px;
  margin-bottom:0px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 2px;
  padding-bottom: 0px;
}


/*================================================================================*/
/*=吹き出しサンプル（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.hukidasi {
  background-color: #FFF;
  border: 1px solid #000;
  border-radius: 5px;
  position: relative;
}

.hukidasi:before {
  border: 10px solid transparent;
  border-right-color: #FFF;
  border-left-width: 0;
  left: -9px;
  content: "";
  display: block;
  top: 30px;
  position: absolute;
  width: 0;
  z-index: 1;
}

.hukidasi:after {
  border: 10px solid transparent;
  border-right-color: #000;
  border-left-width: 0;
  left: -10px;
  content: "";
  display: block;
  top: 30px;
  position: absolute;
  width: 0;
}

/*================================================================================*/
/*= テーブル                                                                     =*/
/*================================================================================*/


/* 基本テーブル定義1
/* カラムタイトル横並び
/*--------------------------------------------------------------------------------*/
.base_table_01, .base_table_01_noborder , .base_table_05{
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}

.base_table_01 th {
  padding: 1.2em 1.2em 0.9em 1.2em;
  border-width: 1px;
  border-style: solid;
}
.base_table_01 th.border_none,
.base_table_01 td.border_none {
  border: none;
  margin: 0;
  padding: 0;
}

.base_table_01 th.padding_small{
  padding: 0.6em 0.3em 0.6em 0.3em;
  border-width: 1px;
  border-style: solid;
}

.base_table_05 th {
  padding: 0.5em 1em 0.3em 1em;
  border-width: 1px;
  border-style: solid;
}

.base_table_05 th.border_none,
.base_table_05 td.border_none {
  border: none;
  margin: 0;
  padding: 0;
}

.base_table_01 td, .base_table_05 td {
  border-width: 1px;
  border-style: solid;
}
.base_table_01_noborder td{
  border-style: none;
  border-width: 0px;
}

/* 基本テーブル定義2
/* カラムタイトル縦並び
/*--------------------------------------------------------------------------------*/
.base_table_02 {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
  word-break: break-all;
}

.base_table_02 td {
  padding: 0.8em 0.8em 0.6em 0.8em;
  border-width: 1px;
  border-style: solid;
}

.base_table_02_noborder {
  width: 100%;
  border-collapse: collapse;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* margin-top: 1em; */
  margin-top: -20px;
  margin-bottom: -20px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}
.base_table_02_noborder td{
  padding: 0;
  border-width: 0px;
  border-style: none;
}



/* 基本テーブル定義3
/*--------------------------------------------------------------------------------*/
.base_table_03 {
  width: 100%;
  clear:both;
  margin:0px;

  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border-width: 1px;
  border-style: solid;
  background-repeat: repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  word-break: break-all;
}

.base_table_03 th {
  padding: 0.8em 0.6em 0.8em 0.8em;
  text-align: left;
  margin: 0px
  border-width: 0px;
  
}

.base_table_03 td {
  padding: 0.8em 0.6em 0.8em 0.8em;
  margin: 0px
  border-width: 0px;
}

/* 基本テーブル定義4
/*--------------------------------------------------------------------------------*/
.base_table_04, .base_table_04_for_search{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 100%;
}

.base_table_04 td {
  padding: 0em;
  text-align: center;
  vertical-align: middle;
}

.base_table_04_for_search_td {
  padding: 0em;
  vertical-align: middle;
}

/* 基本テーブル定義6
/*--------------------------------------------------------------------------------*/
.base_table_06 {
  padding-left: 25px; 
  padding-top: 0px; 
  padding-bottom: 0px; 
  padding-right: 40px;
}

.base_table_06 tr {
  padding-left: 25px; 
  padding-top: 0px; 
  padding-bottom: 0px; 
  padding-right: 40px;
}

.base_table_06 tr td {
  padding-top: 10px; 
  padding-bottom: 0px; 
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
.base_table_06_new {
	padding: 0px 40px 0px 25px;
}
.base_table_06_new tr {
	padding: 0px 40px 0px 25px;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
/* 基本テーブル定義7
/*--------------------------------------------------------------------------------*/
.base_table_07{
  width: 102.5%;
  border-color: #acbed4;
  margin-top: -11px;
  margin-left: -12px;
  margin-bottom: -10px;
}

.base_table_07 td{
  border-style: hidden;
}

.base_table_07 td.leftsen{
  border-left-style: solid;
  border-left-color: #acbed4;
}

.base_table_07 td.rightsen{
  border-right-style: solid;
  border-right-color: #acbed4;
}

/* 基本テーブル定義8
/*--------------------------------------------------------------------------------*/
.base_table_08 {
  width: 100%;
  border-collapse: separate;
	border-spacing: 2px;
	border: 1px #999999 solid;
  word-break: break-all;
}

.base_table_08 tr {
}

.base_table_08 td {
  border-width: 1px;
  border-style: solid;
	border-color: #999999;
}

.base_table_08 ul {
}

/* 基本テーブル定義9
/*--------------------------------------------------------------------------------*/
.base_table_09 {
  width: 102.5%;
  border-collapse: separate;
	border-spacing: 2px;
	border: 1px #999999 solid;
  word-break: break-all;
}

.base_table_08 tr {
}

.base_table_08 td {
  border-width: 1px;
  border-style: solid;
	border-color: #999999;
}

.base_table_08 ul {
}

/*================================================================================*/
/*=購入画面の下のグレー図（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.tr_height_0px {
  height: 0px;
}

.tr_height_0_5px {
  height: 0.5px;
}

.tr_height_10px {
  height: 10px;
}

.tr_height_30px {
  height: 30px;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
.td_width_8pct {
	width: 8%;
}

.td_width_9pct {
	width: 9%;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */

.td_width_12_5pct {
  width: 12.5%;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
.td_width_16pct {
	width: 16%;
}

.td_width_17pct {
	width: 17%;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */

.tr_border_bottom{
  border-bottom: #c0c0c0 0.2em solid;
}

.td_border_side{
  border-left: #c0c0c0 0.2em solid;
  border-right: #c0c0c0 0.2em solid;
}

#borderBottomSeNasi {
  border-bottom-style: hidden; 
}

#borderTopSeNasi {
  border-top-style: hidden; 
}

#borderLeftSeNasi {
  border-left-style: hidden;
}

#borderLeftSeAri {
  border-left: solid;
  border-left-color: #DF0101;
}

#borderRightSeNasi {
  border-right-style: hidden; 
}

/*================================================================================*/
/*= テーブルセル                                                         =*/
/*================================================================================*/

/* テーブルセル
/*--------------------------------------------------------------------------------*/

.td_01 {
  text-align: center;
}

.td_01 button{
  width: 100%;
}

/*================================================================================*/
/*= テキスト                                                                     =*/
/*================================================================================*/

/* 基本テキスト1
/* ・外枠    ：単色細め
/* ・角      ：角
/*--------------------------------------------------------------------------------*/
.base_text_01 {
  padding: 0.5em 0.5em 0.3em 0.5em;
  border-style: solid;
  vertical-align: middle;
  display: inline-block;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
.base_text_attention {
	border-style: solid;
	padding: 0.5em 0.5em 0.3em;
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	font-weight:bold;
}

.list_style_disc {
	list-style:disc;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
.base_text_01_1 {
  padding: 0.5em 0.3em 0.3em 0.5em;
  border-style: solid;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  left: 15px;
}

.base_text_01_2 {
  padding: 0.5em 0.5em 0.3em 0.5em;
  border-style: solid;
  display: inline-block;
}

.base_text_01_check {
  padding: 0.5em 0.5em 0.3em 0.5em;
  border-style: solid;
  vertical-align: middle;
  display: inline-block;
  width: 1000px;
}
/* 基本テキスト2
/* ・外枠    ：単色細め
/* ・角      ：丸い
/*--------------------------------------------------------------------------------*/
.base_text_02 {
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  padding: 1.2em 1.2em 1.0em 1.2em;
  border-style: none;
  vertical-align: middle;
  display: inline-block;
}


/* 基本テキスト3
/* ・外枠    ：単色細め
/* ・角      ：上部だけ丸い
/*--------------------------------------------------------------------------------*/
.base_text_03 {
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  padding: 0.5em 0.5em 0.3em 0.5em;
  border-style: none;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 0.2em; 
  float: right;
}

/* 基本テキスト4
/* ・外枠    ：単色細め
/* ・角      ：丸い
/* base_text_02の padding 小さめ
/*　
/*--------------------------------------------------------------------------------*/
.base_text_04 {
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 6px;
  padding: 1em 0.7em 1em 0.7em;
  border-style: none;
  vertical-align: middle;
  display: inline-block;
}

/* 基本テキスト5
/* ・外枠    ：単色太め
/* ・角      ：丸い
/* base_text_02の padding 小さめ
/*　
/*--------------------------------------------------------------------------------*/
.base_text_05 {
    /* 角の定義(IE8非対応) */
  padding: 1em 0.7em 1em 0.7em;
  border: solid 3px #FFFF00;
  border-radius: 6px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  background-color; #000000
}


/* 基本テキスト6
/* ・外枠    ：単色太め
/* ・角      ：丸い
/*　base_text_06 0base_text_08　横並び 
/*--------------------------------------------------------------------------------*/
.base_text_06 {
  float: left;
  width: 310px;
  min-height: 317px; 
  margin-bottom: 10px;
  top: 890px; 
  /* 角の定義(IE8非対応) */
  padding: 0px 7px 10px 10px;
  border: solid 1px ;
  border-radius: 6px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  background-color; #000000
}
/* 基本テキスト7
/* ・外枠    ：単色細め
/* ・角      ：丸い
/* 
/*
/*--------------------------------------------------------------------------------*/
.base_text_07 {
  float:  left;
  width: 310px;
  min-height: 317px; 
  margin-bottom: 10px;
  margin-left:5px;
  top: 890px; 
  left: 516px;
  /* 角の定義(IE8非対応) */
  padding: 0px 10px 10px 10px;
  border: solid 1px ;
  border-radius: 6px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  background-color; #000000
}
/* 基本テキスト8
/* ・外枠    ：単色細め
/* ・角      ：丸い
/* base_text_02の padding 小さめ
/*　
/*--------------------------------------------------------------------------------*/
.base_text_08 {
  float:  left;
  width: 314px; 
  margin-left:5px;
  min-height: 317px;
  top: 890px; 
  left: 851px;
  /* 角の定義(IE8非対応) */
  padding: 0px 10px 10px 0px;
  margin-bottom: 10px;
  border: solid 1px ;
  border-radius: 6px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  background-color; #000000
}

/* 基本テキスト9
/* ・外枠    ：単色細め
/* ・角      ：丸い
/* 
/*　base_text_09 0base_text_11　横並び 
/*--------------------------------------------------------------------------------*/
.base_text_09 {
  float:  left;
  width: 300px;
  min-hight: 220px; 
  margin: 5px 10px 10px 0px;
  padding: 10px 10px 10px 2px;
}
/* 基本テキスト10
/* ・外枠    ：単色細め
/* ・角      ：丸い
/* 
/*　
/*--------------------------------------------------------------------------------*/
.base_text_10 {
  float:  left;
  width: 300px;
  margin: 5px 5px 10px 4px;
  padding: 10px 10px 10px 10px;
}
/* 基本テキスト11
/* ・外枠    ：単色細め
/* ・角      ：丸い
/* 
/*　
/*--------------------------------------------------------------------------------*/
.base_text_11 {
  float:  left;
  width: 300px; 
  min-hight: 220px;
  margin: 5px 10px 10px 10px;
  padding: 10px 10px 10px 10px; 
}

/* 基本テキスト12
/* ・外枠    ：単色細め
/* ・角      ：丸い
/*--------------------------------------------------------------------------------*/
.base_text_12 {
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  padding: 1.2em 10px 1.0em 10px;
  border-style: none;
  vertical-align: middle;
  display: inline-block;
}

/*================================================================================*/
/*= テキスト入力ボックス                                                         =*/
/*================================================================================*/

/* 基本テキストボックス
/* ・外枠    ：単色細め
/* ・角      ：角
/*--------------------------------------------------------------------------------*/
.base_text_box_01 {
  padding: 0.5em 0.5em 0.3em 0.5em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 2em; */
  /* border: 2px; */
  font-size: 24px;
  border: 1px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  border-style: solid;
  vertical-align: middle;
  font-weight: bold;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  margin-right: 8px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

/* 基本テキストボックス
/* ・外枠    ：単色細め
/* ・フォント      ：1em
/*--------------------------------------------------------------------------------*/
.base_text_box_02 {
  padding: 0.5em 0.5em 0.3em 0.5em;
  margin-left: 20px;
  font-size: 1em;
  border: 2px;
  border-style: solid;
  vertical-align: middle;
}


/*================================================================================*/
/*= テキスト入力ボックス                                                         =*/
/*================================================================================*/

/* 基本テキストボックス
/* ・外枠    ：単色細め
/* ・角      ：角
/*  margin 有
/*--------------------------------------------------------------------------------*/
.base_text_box_03 {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /*width: 30%; */
  /*padding: 10px 11px 5px 10px; */
  /*margin: 10px 14px 10px 10px; */
  /*font-size: 1.2em	; */
  /*border: 1px; */
  /*border-style: solid; */
  /*vertical-align: top; */
  /*font-weight: bold; */
  padding: 0.5em 0.5em 0.3em; 
  border: 1px solid currentColor; 
  border-image: none; 
  font-size: 1em; 
  height:40px;
  vertical-align: middle;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

/* 基本テキストボックス04006は横並び
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.base_text_box_04 {
  /* 基本的な形の定義 */
  width: 325px;
  height: 36px;
  margin-left: -10px;
  margin-bottom: -9px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
 
  /* フォントの定義 */
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 18px;
}

.base_text_box_05 {
  /* 基本的な形の定義 */
  width: 328px;
  height: 36px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
 
  /* フォントの定義 */
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 18px;
}


.base_text_box_06 {
  /* 基本的な形の定義 */
  width: 322px;
  height: 36px;
  margin-left: 0px;
  margin-right: -10px;
  margin-bottom: -10px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
 
  /* フォントの定義 */
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 18px;
}

/* 基本テキストボックス
/* ・外枠    ：単色細め
/* ・角      ：角
/*--------------------------------------------------------------------------------*/
.base_text_box_07 {
  padding: 0.3em 0.5em 0.3em 0.5em;
  font-size: 12px;
  border: 1px;
  border-style: hidden;
  vertical-align: middle;
}

/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.base_text_box_08 {
  /* 基本的な形の定義 */
  width: 625px;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
 
  /* フォントの定義 */
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #FFFFFF;
  padding-top: 8px;
  padding-left: 6px;
}

/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.base_text_box_09 {
  /* 基本的な形の定義 */
  width: 310px;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
 
  /* フォントの定義 */
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #FFFFFF;
  padding-top: 8px;
  padding-left: 6px;
}


/*================================================================================*/
/*= 枠(角丸）  横並び  指定                                                      =*/
/*================================================================================*/
.base_image {
  top: 20px;
  display:table-cell;
  vertial-align:middle;
}

.base_image_right {

  top:  20px;
  display:table-cell;
  vertical-align:bottom;
}

#base_img_00 {
  background-image:  URL("/image/tousin-set.png") ;
  background-position:  center;
  background-repeat: no-repeat;
   /* 基本的な形の定義 */
  height:  50px;
  padding-bottom: 100px;
  margin-bottom: 12px;
  margin-top:-4px;
}

#base_img_01 {
  background-image:  URL("/image/madoguchi.gif") ;
  background-position:  center;
  background-repeat: no-repeat;
   /* 基本的な形の定義 */
  height:  40px;
  padding-bottom: 100px;
  margin-left: -2px;
}

#base_img_02 {
  background-image: URL("/image/holiday_consul.png") ;
  background-position: center;
  background-repeat: no-repeat;
   /* 基本的な形の定義 */
  height:  40px;
  size: 150%;
  padding: 0px 0px 100px 0px;
  margin:  -20px 0px 0px 0px;
}

#base_img_03 {
  background-image: URL("/image/rank.png") ;
  background-position: right;
  background-repeat: no-repeat;
   /* 基本的な形の定義 */
  height:  100px;
}



#base_img_04 {
  background-image: URL("/image/alertmail.png") ;
  background-position: right; 
  background-repeat: no-repeat;
 
}

#base_img_05 {
  background-image: URL("/image/mail.png") ;
  background-position: right; 
  background-repeat: no-repeat;
  height: 150px:
}

/*================================================================================*/
/*= ランキングボタンの位置                                                       
/*================================================================================*/
#logout {
  margin-top: -25px;
  margin-bottom: -5px;
}

/*================================================================================*/
/*= アラーﾄメールボタンの位置                                                       
/*================================================================================*/
#alert {
  margin-top: -6px;
  margin-bottom: -10px;
}


/*================================================================================*/
/*= アラーﾄメール画像の位置                                                       
/*================================================================================*/
#alertmail {
  margin-top: -45px;
  margin-right: 30px;
}

/*================================================================================*/
/*= バナー画像のサイズ                                                       
/*================================================================================*/
#size {
  width: 460px;
  height: 70px;
}

/*================================================================================*/
/*= ランキングボタンの位置                                                       
/*================================================================================*/
#rank {
  margin-top: -20px;
  margin-bottom: -7px;
}

/*================================================================================*/
/*= 初心者マークのの位置                                                       
/*================================================================================*/
#beginner {
  margin-top: -10px;
  margin-bottom: -10px;
}

/*================================================================================*/
/*= ボタン                                                                       =*/
/*================================================================================*/

/* 基本ボタン
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}


/* 基本ボタン
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button1 {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  width: 250px;
  height: 46px;
  margin-bottom: 0px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}


/* 基本ボタン
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*  padding、marginサイズ小さめ（
/*--------------------------------------------------------------------------------*/
.round_corner_button2 {
  /* 基本的な形の定義 */
  padding: 0.6em 0.4m 0.6em 0.4em;
  margin-left:0em ;
  margin-right:0em ;
  margin-bottom:0em ;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 0.5px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}




/* 基本ボタン2
/* ・角      ：角
/* ・外枠    ：普通細め
/*--------------------------------------------------------------------------------*/
.square_button {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  
  /* 外枠の定義 */
  border-style: normal;
  border-width: 1px;
  
  /* 改行なし */
  white-space:nowrap;  
}

/* 2017.07.18 BPS：積立NISA対応に向けた取引管理機能対応(W0-2017-01-066) CEC井上 Add Start */
/* 基本ボタン3
/* ・角      ：角
/* ・外枠    ：普通細め
/*--------------------------------------------------------------------------------*/
.square_button2 {
  /* 基本的な形の定義 */
  padding: 0.3em 0.3em 0.3em 0.3em;
  margin:0 auto;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  
  /* 外枠の定義 */
  border-style: none;

  /* フォントの定義 */
  font-weight: bold;

  /* 改行なし */
  white-space:nowrap;
}
/* 2017.07.18 BPS：積立NISA対応に向けた取引管理機能対応(W0-2017-01-066) CEC井上 Add End */
/* 基本ボタン3
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button3 {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
  
  width: 40%;
}

/* 基本ボタン4
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button4 {
  /* 基本的な形の定義 */
  padding: 0.8em 5em 5em 0em;
  margin: 0;
  vertical-align: top;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}


/* 基本ボタン5
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button5 {
  /* 基本的な形の定義 */
  margin-top: 8px;

  vertical-align: middle;
  height: 25px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* 改行なし */
  white-space:nowrap;  
}


/* 基本ボタン
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button6 {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin: 6.4em 0em 0em 1.2em;
  vertical-align: middle;
  width: 250px;
  height: 46px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}


/* 基本ボタン
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button7 {
  /* 基本的な形の定義 */
  padding: 10px 45px 10px 45px;
  margin:0 auto;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}

/* 【Y0-2021-07-024 ＢＰＳ：百十四銀行_ロボアド機能に係る画面仕様変更対応について】2021.09.29 Add by CITS START */
/* 基本ボタン
/* ・角      ：丸い
/* ・外枠    ：単色細め
/* ・フォント：太字
/*--------------------------------------------------------------------------------*/
.round_corner_button8 {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  text-align:center;
  width: 250px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}

_::-webkit-full-page-media, _:future, :root .round_corner_button8 {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  text-align:center;
  width: 300px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}

@-moz-document url-prefix() {
.round_corner_button8 {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  text-align:center;
  width: 300px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.round_corner_button8 {
  /* 基本的な形の定義 */
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  text-align:center;
  width: 300px;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  /* 外枠の定義 */
  border-style: solid;
  border-width: 1px;
  
  /* フォントの定義 */
  font-weight: bold;
  
  /* 改行なし */
  white-space:nowrap;  
}
}
/* 【Y0-2021-07-024 ＢＰＳ：百十四銀行_ロボアド機能に係る画面仕様変更対応について】2021.09.29 Add by CITS END */



/*================================================================================*/
/*=強調枠の隣「v」のpositon（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.emphasis {
  border-style: none;
  position: relative;
  left: -9px;
  bottom: 10px;
}

.emphasis1 {
  border-style: none;
  position: relative;
  left: 5px;
  bottom: 10px;
}

.emphasis2 {
  border-style: none;
  position: relative;
  left: -10px;
  bottom: 22px;
}



/*================================================================================*/
/*=入力画面の「円」のposition（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.text_bottom {
  position: relative;
  bottom: -16px;
}
.text_bottom_02{
  position: relative;
  bottom: -3px;
}
.td_bottom {
  position: relative;
  bottom: -8px;
}
/*================================================================================*/
/*=入力画面の「売却金額/口数」のradio（HTML表示）                                                 =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
#td_table{  
  border: none;
  margin: 0;
  padding: 1em 1em 1em 1em;
}

#td_table td {
  padding: 0.3em 0.3em 0.3em 0.3em;
}

/*================================================================================*/
/*=入力画面で#main divをcover用（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
 #base_no_margin div {
  margin-bottom: 0em;
}

/*================================================================================*/
/*=入力画面でtdをcover用（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.base_td_no_padding{
  padding: 0;
}

/*================================================================================*/
/*=jqueryでjqueryで生成した図用（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
#main div.volumn_div {
  width: 960px;
  height:130px;
  position: relative;
  margin-left: 8px;
  margin-bottom:-50px
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
/** D31-60対応用  **/
#main div.volumn_div_1 {
  width: 920px;
  height: 130px;
  margin-bottom: -50px;
  margin-left: 8px;
  position: relative;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
/*================================================================================*/
/*=searchエリアで用各項目のレイアウト用（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.base_search_div {
  padding-left: 40px;
}

.base_search_div p{
  padding: 0.8em 0.8em 0em 0.8em;
  font-size: 1em;
}

.div_position_left_30{
  padding: 0px 0px 0px 30px;
  vertical-align: middle;
}

.div_position_left_right_40_li {
  padding: 10px 0px 0px 40px;
  vertical-align: middle;
}

.div_position_left_top_li {
  padding: 10px 0px 0px 0px;
  vertical-align: middle;
}

.base_search_div_select {
  margin-left: 5px;
  width:80px;
}

.base_search_div_select2 {
  padding: 0.5em 0.5em 0.3em 0.5em;
  margin-left: 20px;
  font-size: 1em;
  border: 2px;
  border-style: solid;
  vertical-align: middle;
  width: 365px;
  border-color: #CCCCCC;
}





.arrow_box {
  position: relative;
  background: #88b7d5;
  border: 4px solid #C2E1F5;
}

.arrow_box:after, .arrow_box:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0px;
  width: 0px;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-bottom-color: #88B7D5;
  border-width: 30px;
  left: 50%;
  margin-left: -30px;
}

.arrow_box:before {
  border-bottom-color: #C2E1F5;
  border-width: 36px;
  left: 50%;
  margin-left: -36px;
}



/*================================================================================*/
/*=終了画面でtrをcover用（HTML表示）                                                         =*/
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
.tr_height {
  line-height: 1.5;
}

/*================================================================================*/
/*= グラフ親画面表示(D21-30）                                                         =*/
/*================================================================================*/

	/* D21-30画面 チャート */


    canvas { 
	padding-top: 0px;
	padding-bottom: 0px;
        padding-left: 0px;
	padding-right: 0px;
	margin:0px;
	border-top: 0px;
  	border-right: 0x;
  	border-bottom: 0px; 
  	border-left: 0x;
  	}
    
	#chart {
	  margin-bottom: 0em;
	  background-color: #fff;
	
	  height: 200px; 
	  width: 860px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
	  /*left:18px; */
	  left: 0px; 
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
	  right: 10px; 
	  margin-light:0px;
	  padding:0; 
	}
	
	#chart div{
	  margin-bottom: 0em;
	}


	.chart_btn_navi {
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
	  /* width:795px; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
	  height: 20px;
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
	  /* padding-top: 0px;
	  padding-left: 58px; 
	  padding-right: 8px; 
	  padding-bottom: 0px; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
	  background-color: #fff;
	  position:relative;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
	  margin-left: 0px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
	}
	


#modal-content{
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
/* border:1px solid ; */
border: 1px solid rgb(225, 225, 227);
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
border-image:none;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
border-radius:8px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
display:none;	
width: 30em;
position:absolute;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
/* top:-700px; */
top: 50px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
left:25%;
margin-top:-30px;
margin-right: -65px;
z-index:2;
}

#mdiv{
 text-align:center ;
}

#overlay_ul{
 text-align:center ;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
 padding-left: 15px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

#increment{
position:relative;
width: 10em;
padding-left:20px;
padding-right:20px;
font-size:2em;
text-align:right;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
@-moz-document url-prefix() {
  #increment {
    width: 11.5em;
  }
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */

#modal-overlay{
left:0px;
top:0px;
width:100%;
height:120%;
display:none;
position:fixed;
z-index:1;
background-color:rgba(0,0,0,0,75);
}

#month{
padding-left:40px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
color: #4E5264
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
#yen {
	color: #4E5264
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
/*================================================================================*/
.button-link{
color:rgb(0,0,255);
text-decoration:underline;
text-align: center;
}

.button-link:hover{
color:rgb(255,0,0);
cursor:pointer;
}

/*================================================================================*/
/*=D21-10（テーブルのbottommとTOPの線なし                                        =*/
/*================================================================================*/

#borderBottomNSeNasi{
	border-bottom-width: 0px;
	padding: 0.6em 0em 0em 0em;
}
#borderTopSeNasi{
	border-top-width: 0px;
	padding: 0.3em 0em 0.6em 0em;
}

/*================================================================================*/
/*=D21-40（次画面へ進む文言の位置調整                                            =*/
/*================================================================================*/
.tumitat_D21_40_label_magin{
	margin-top:30px;
	margin-bottom:40px;
	margin-left:30px;
}

/*================================================================================*/
/*=D21-20 D21-70（テーブルの増額月の位置                                        =*/
/*================================================================================*/

#tumitat_t1{
  white-space:pre;
  padding: 0.0em 0em 0em 0em;
  margin-left: -0.4em;
}

#tumitat_t2{
  white-space:pre;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
.footer_margin{
	margin-top: 64px;
}

.footer_top_margin{
	margin-right: -38px;
	margin-bottom: -39px;
	bottom: 3px;
	position: sticky;
	right: calc(((100vw - 1080px)/2));
	padding: 0px 0px 0px 0px;
    z-index: 9;
    opacity: 0.9;
}

.footer_line_height {
	height: 27px;
}

.mg0 {
	margin:0px;
}

.img_top_size {
	width: 60px;
	height: 60px;
}

.img_pdf_size {
	width: 25px;
	height: 25px;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
/*================================================================================*/
/*=D01-10 D01-30（自分にあったファンドを探すボタンと検索部の余白とる                                        =*/
/*================================================================================*/

.mt-10{
  margin-top: -10px;
}

.mt10{
  margin-top: 10px;
}

.mt-40{
  margin-top: -40px;
}

.mt-85{
  margin-top: -85px;
}

.mt-4{
  margin-top: -4px;
}


/* 投資信託のことで迷ったらエリア
-------------------------------------*/
.tousinMaterial {
	width:1000px;
	margin:30px 0 0 0;
}
#wrap .tousinMaterial h2 {
	margin-bottom:20px;
	font-size:20px;
}
.tousinMaterial .tousinMaterialInner {
	width:1000px;
	height:370px;
}
.tousinMaterial .tousinMaterialInner dl {
	float:left;
	width:320px;
	margin-left:20px;
	margin-top:-3px;
}
.tousinMaterial .tousinMaterialInner dl:first-child {
	margin-left:0;
}
.tousinMaterial .tousinMaterialInner dl dd {
	padding:0px 10px 0px 15px;
	text-align:center;
	font-size:14px;
	margin-left:10px;
	margin-top:-15px;
}
.tousinMaterial .tousinMaterialInner dl dd p {
	line-height:1.8;
}

/*================================================================================*/
/*=    その他                                      =*/
/*================================================================================*/
.sen_nasi_box  {
 width: 1000px; 
 margin-bottom: 20px;  
}

---------------------
.navi03_comment {
  padding-left: 0px;
  padding-top: 0px;
  list-style: none;
  line-height: 4.2em;
}

.navi_comment_sen {
  position: relative;
  border: 4px solid #C2E1F5;
}

.navi03_commet_ul {

  position: absolute;
  margin: 8px;
  padding: 0px;
  border: 6px solid #0071C3;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #FFFFFF;
  z-index: 100;
}


/*================================================================================*/
/*= 枠(角丸）  ＢＯＸ　背景青色  枠なし                                          =*/
/*================================================================================*/
#base_box_00 {
  /* 基本的な形の定義 */
  width: 100%;   
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin:0 auto;
  vertical-align: middle;
  
  /* 角の定義(IE8非対応) */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color; #00bfff
}

/*================================================================================*/
/*= フレーム（HTML表示）                                                         =*/
/*================================================================================*/

/* フレーム（ご注意）
/* 高さ：500px
/*--------------------------------------------------------------------------------*/

.frame {
  width: 100%;
  margin: 0;
  padding: 0;
}


.frame iframe{
  width: 100%;
  height:500px;
  border-left: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  border-right-width: 0px;
}

/* 改行させない
/*-----------------------------------------------------------------------------------*/
.nowrap {
  white-space:nowrap;
}

/* ==========================================================================
お問い合わせエリア
========================================================================== */


.inquiryAreaL {
  width: 658px;
  min-height: 181px;
  float: left;
  border-left: #999999 1px solid;
  border-top: #999999 1px solid;
  border-bottom: #999999 1px solid;
  border-right: none;
}

.inquiryAreaR {
  width: 338px;
  min-height: 176px;
  float: right;
  border: #999999 1px solid;
  margin-bottom:10px;
}

.sumaapp{
  margin-left: 10px;
  margin-top: 10px;
  width: 320px;
}

.inquirytitle{
  margin-left: 10px;
  margin-top: 10px;
  width: 630px;
}

.inquiryimage {
  margin-left: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.inquiryimage_suma {
  margin-left: 25px;
  margin-top: 25px;
}

.inquiryimage_sentence {
  margin-top: 35px;
  margin-right: 280px;
  margin-bottom: 10px;
}

.inquiryimage_sentence li {
  margin-top: 20px;
  margin-left: 70px;
}
/*================================================================================*/
/*= 投資信託口座合計表示及びBox(D00-11）                                                =*/
/*================================================================================*/
.tsntopgokei {
	margin-top:18px;
	margin-bottpm:-15px;
	padding-left:0.5em;
	padding-right:6.0em;
    height: 25px;
}
/*　線なしBOX　*/
.tsntopgokei_box  {
 width: 1000px; 
 margin-bottom: 20px;
 height:55px;  
}
/*  2018/11/19 added by CITS 【百十四銀行リニューアル対応】 end */

.minwidth_315 {
 min-width: 315px;
}