*********************************************************
   (c) 2002 LANSA
   XHTML Standard Styles
   $Workfile:: std_style.css                        $
   $UTCDate:: 2008-07-15 22:33:11Z                  $
   $Revision:: 2                                    $
*******************************************************/

* {
	box-sizing: border-box;
}

html, body {
	height: 100%
  /* -webkit-text-size-adjust: none; */
}


body, table, strong, input, select, textarea, button
{
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", sans-serif;
	font-size: 11pt;
	line-height: 1.1;
	font-weight: normal;
}

body {
	cursor: default;
	border: 0px;
	margin: 0px;
	background-color: #ffffff;
}

.bold {
	font-weight: bold;
}

/* メッセージ表示エリア */
div.messages_wrapper {
	text-align: center;
}
div.messages {
	text-align: left;
	margin: 5px auto;
	width: 680px;
	padding: 5px;
	border: 1px solid #FF82B2;
	background-color: #FFBEDA;
	color: black;
    /* メッセージのリストマークを消すために設定 2009/10/26 */
	list-style-type:none;
}
div.messages ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* 適用箇所不明 */
div.homesubhr {
	text-align:left;
	background-color:blue;
	height: 30px;
	padding: 5px;
}
span.homesubhr {
	color:white;
	font-weight:bold;
}

/* リストデフォルトスタイル */
tr.list-h {
	background: #c7dff4;
	color: #000000;
}
tr.list-o {
	background: #eeeeee;
	color: black;
}
tr.list-e {
	background: #fffff4;
	color: black;
}

/* 入力ボックスデフォルトスタイル */
input.number {
	background-color: #eaf3fb;
	text-align: left;
}
input.text {
	background-color: #eaf3fb;
	text-align: left;
    /* 2020/01/21時点でこのスタイルが有効なブラウザは IE Edge FireFox のみ */
	ime-mode: disabled;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
input.ltext {
	background-color: #eaf3fb;
	text-align: left;
	text-transform: lowercase
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
input.utext {
	background-color: #eaf3fb;
	text-align: left;
	text-transform: uppercase;
    /* 2020/01/21時点でこのスタイルが有効なブラウザは IE Edge FireFox のみ */
	ime-mode: disabled;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}

/* フォーカスを取得した際に入力欄の背景色を薄黄緑色へ変更 2011/08/07 */
input.focus {
	background-color: #CCFFCC;
}
.inputfocus {
	background: #CCFFCC;
}

input.button {
	background-color: #c7dff4;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
}
input.button_mouseover {
	background: #ffffcc;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	border-style: inset;
}

td.caption, div.caption
{
	font-weight: bold;
}
th.text, th.utext, th.ltext
{
	text-align: center;
}
th.number
{
	text-align: center;
}
td.text, div.text, td.ltext, div.ltext, td.utext, div.utext
{
	text-align: left;
}
td.number, div.number
{
	text-align: right;
}
img.weblink
{
	margin-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	border-style: none;
}
h1
{
	font-size: 14pt;
	color: #000000;
}
h1.title
{
	text-align: center;
	line-height: 14pt;
	font-weight: normal;
}
h2
{
	font-size: 12pt;
	color: #000000;
}
h3
{
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

img.lweb_disabled
{
	filter:alpha(opacity=40);
}
strong
{
	font-style: italic;
	color: #000000;
}
a:link
{
	color: #0000ff;
	text-decoration: underline;
}
a:hover
{
	color: #ff0000;
	text-decoration: underline;
}
.maximized
{
	width: 100%;
	height: 100%;
}
.whitebg
{
	background-color: #ffffff;
}
.cyanscroll
{
	scrollbar-face-color: rgb(234,242,255);
	scrollbar-highlight-color: rgb(234,242,255);
	overflow: auto;
	scrollbar-shadow-color: rgb(234,242,255);
	scrollbar-3dlight-color: rgb(120,172,255);
	scrollbar-arrow-color: black;
	scrollbar-track-color: rgb(224,224,224);
	scrollbar-darkshadow-color: rgb(120,172,255);
	scrollbar-base-color: rgb(234,242,255)
}
.hidden__
{
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	width: 0px;
	height: 0px;
	display: none;
}
/******************************************************
	XHTML Standard Weblet Styles
*******************************************************/
.std_headerl
{
	background-color: rgb(1,100,46);
	background-image: url("../fordays/fordays_logo_new_trans.png");
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	text-align: left;
	width: 50%;
	height: 75px;
	color:black;
}
.std_headerr
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	text-align: right;
	width: 50%;
	height: 75px;
}
.std_head2
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	width: 50%;
	height: 75px;
}

.std_menutop_bg
{
	background-color: #66CC66;
	height: 0px;
}
/* for V1 Layouts */
.std_layout_outline td a.std_menu, .std_layout_outline td a.std_menu:hover, .std_layout_outline td a.std_menu_selected
{
	margin: 0px;
}
.std_layout_content
{
	vertical-align: top;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	width: 95%;
}
.std_layout3_content
{
	width: 90%;
}
.std_layout5_content
{
	vertical-align: top;
	text-align: left;
	width: 80%;
}
/* end for V1 Layouts */
a.std_menu, a.std_menu:hover, a.std_menu_selected
{
	display: block;
	width: 130px;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	color: #01478c;
	border-style: solid;
	border-width: 0px 2px 1px 2px;
	margin: 0px;
}
a.std_menu, a.std_menu_selected
{
	border-color: #7db0e5;
}
a.std_menu:hover
{
	background-color:
	border-color: #ffff66;
}
a.std_menu_selected span
{
font-size: 11pt;
}
.std_footer
{
	background-color: #66CC66;
	color: #000000;
	font-size: 8pt;
	text-align: center;
	line-height: 20px;
}
.std_layout_outline
{
	background-color: #66CC66;
}
.std_layout_v2_content
{
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 95%;
}
a.std_anchor
{
	text-decoration: none;
}
.std_attachment_panel
{
    width: 100%;
    height: 100%;
}
.std_attachment_panel td
{
    vertical-align: top;
}
.std_attachment_panel_bottom
{
	border: 1px solid #01478c;
}
.std_button
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 14px;
	color: #000000;
	border: 2px outset #e2effa;
	background-color: #ffffff;
}
.std_button_mouseover
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 14px;
	color: #000000;
	border: 2px inset #e2effa;
	background-color: #ffffcc;
}
.std_click_image_disabled
{
	filter:alpha(opacity=40);
	opacity: 0.4;
	cursor: default;
}
.std_dropdown,.std_dynamic_select
{
	background-color: #eaf3fb;
	text-align: left;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
/* Styles used by the V1 Grid.  Deprecated along with the grid. */
.std_grid_head {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	background-color: #c7dff4;
	color: black;
	white-space: nowrap;
	cursor: default;
}
.std_grid_even_row
{
	background-color: #f7f7f7;
	border: 1px ridge;
}
.std_grid_odd_row
{
	background-color: #eaf3fb;
	border: 1px ridge;
}
.std_grid_cell
{
	border: 1px ridge;
}
.std_grid_edit_cell
{
	background-color: #ffffff;
}
.std_grid_sort_box
{
	font-family: webdings, verdana, serif;
	color: #808080;
}
.std_grid_outline
{
	border-style: solid;
	border-width: thin;
	border-color: #eeeeee;
}
/* End of std_grid styles */
.std_image_button
{
	padding-top: 2px;
	color: #000000;
	background-color: #e2effa;
	overflow: hidden;
}
.std_image_button_mouseover
{
	padding-top: 2px;
	color: #000000;
	border: 2px inset #e2effa;
	background-color: #ffffcc;
	overflow: hidden;
}
.std_image_button_text
{
	font-weight: bold;
	vertical-align: middle;
}
.std_textarea
{
	border: 1px solid #c7dff4;
	scrollbar-DarkShadow-Color: #3a7bbb;
	scrollbar-3dLight-Color: #ffffff;
	scrollbar-arrow-color: #01478c;
	scrollbar-Base-Color: #c7dff4;
	scrollbar-Face-Color: #e2effa;
	scrollbar-Highlight-Color: #ffffff;
	scrollbar-Shadow-Color: #7db0e5;
	scrollbar-Track-Color: #d1d1d1;
	overflow: auto;
}
.std_listbox
{
	border: 1px solid #c7dff4;
}
.std_menu_item
{
	font-weight: bold;
}
.std_nav_panel
{
	border: 1px solid #c7dff4;
}
.std_panel
{
	overflow: auto;
}
.std_prompter
{
	display:block;
}
.std_prompter_button
{
	color: #000000;
	background-color: #e2effa;
	padding: 0px;
	overflow: hidden;
}
.std_prompter_button_mouseover
{
	color: #000000;
	background-color: #ffffcc;
	padding: 0px;
	overflow: hidden;
}
.std_prompter_content
{
	font-size: 8pt;
}
.std_radbuttons table {
    border-collapse: collapse;
}
.std_radbuttons td
{
    white-space: nowrap;
    padding: 0px;
}
.std_grid .std_radbuttons td
{
	border: none;
}
.std_splitter {
    overflow: hidden;
    text-align: left;
}
.std_splitter_pane_horz {
    width: 100%;
    border: 1px inset #c7dff4;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}
.std_splitter_horz_top
{
	width: 100%;
	height: 100%;
    overflow: auto;
}
.std_splitter_horz_bottom
{
	width: 100%;
	height: 100%;
    overflow: auto;
}
.std_splitter_horz_divider
{
	width:100%;
	height: 3px;
	border-style: none;
	margin: 0px;
    padding: 0px;
}
.std_splitter_pane_vert {
    height: 100%;
    border: 1px inset #c7dff4;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.std_splitter_vert_left
{
    height:100%;
    width: 100%;
    overflow: auto;
}
.std_splitter_vert_right
{
    height:100%;
    width: 100%;
    overflow: auto;
}
.std_splitter_vert_divider
{
	height:100%;
	width: 3px;
	border-style: none;
	margin: 0px;
    padding: 0px;
}
#StdSplitterDragBar
{
    background-color: #cccccc;
    border: 0px;
}
#StdSplitterDragCover
{
    background-color: transparent;
    border: 0px;
}
/* Std_tab_pages styles */
.std_tab_pages
{
	empty-cells: show;
}
.std_tab_pages td
{
	vertical-align: top;
}
.std_tab_pages_content_wrapper
{
    border: 1px solid #7db0e5;
    padding: 2px;
    overflow: auto;
}
.std_tab_pages_content
{
	width: 100%;
	height: 100%;
    overflow: auto;
}
ul.std_tab_pages_tabs
{
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	white-space: nowrap;
}
ul.std_tab_pages_tabs li
{
	border: 1px solid #7db0e5;
	display: block;
	padding: 0px;
	background-color: #e2effa;
	color: black;
	white-space: nowrap;
}
ul.std_tab_pages_tabs li.std_tab_active
{
	background-color: white;
	color: black;
}
ul.std_tab_pages_tabs li a
{
	display: block;
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
}
ul.std_tab_pages_tabs li a:hover
{
	text-decoration: none;
}
ul.std_tab_pages_tabs li a img
{
	border: none;
	vertical-align: middle;
	display: inline;
}
ul.std_tab_pages_tabs li.std_tab_disabled a
{
	color: gray;
}
.std_tab_pages_top_tabs, .std_tab_pages_top_tabs ul
{
	position: relative;
	top: 1px;
	z-index: 100;
}
.std_tab_pages_bottom_tabs, .std_tab_pages_bottom_tabs ul
{
	position: relative;
	top: -1px;
}
.std_tab_pages_left_tabs ul
{
	position: relative;
	left: 1px;
	z-index: 100;
}
.std_tab_pages_right_tabs ul
{
	position: relative;
	left: -1px;
}
.std_tab_pages_top_tabs ul li
{
	float: left;
	margin-right: 2px;
}
.std_tab_pages_top_tabs ul li.std_tab_active
{
	border-bottom: none;
	padding-bottom: 1px;
}
.std_tab_pages_bottom_tabs ul li
{
	float: left;
	margin-right: 2px;
}
.std_tab_pages_bottom_tabs ul li.std_tab_active
{
	border-top: none;
	padding-top: 1px;
}
.std_tab_pages_left_tabs ul li
{
	display: block;
	margin-bottom: 2px;
}
.std_tab_pages_left_tabs ul li.std_tab_active
{
	border-right: none;
	padding-right: 1px;
}
.std_tab_pages_right_tabs ul li
{
	display: block;
	margin-bottom: 2px;
}
.std_tab_pages_right_tabs ul li.std_tab_active
{
	border-left: none;
	padding-left: 1px;
}
.std_tab_pages_top_tabs ul.std_tab_pages_tabs_design_mode,
.std_tab_pages_bottom_tabs ul.std_tab_pages_tabs_design_mode
{
	top: 0px;
}
.std_tab_pages_left_tabs ul.std_tab_pages_tabs_design_mode
{
	position: relative;
	left: 2px;
}
.std_tab_pages_top_tabs ul.std_tab_pages_tabs_design_mode li a,
.std_tab_pages_bottom_tabs ul.std_tab_pages_tabs_design_mode li a
{
	display: inline-block;
}
/* Std_tab_pages deprecated styles. */
.std_tab_pages_bottom_tab_row
{
	vertical-align: top;
   }
.std_tab_pages_bottom_active
{
	border: 2px inset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	padding-bottom: 2pt;
}
.std_tab_pages_bottom_inactive
{
	border: 2px outset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_left_tab_row
{
	text-align: right;
}
.std_tab_pages_left_active
{
	border: 2px inset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 2pt;
}
.std_tab_pages_left_inactive
{
	border: 2px outset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_right_tab_row
{
	text-align: left;
}
.std_tab_pages_right_active
{
	border: 2px outset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 2pt;
}
.std_tab_pages_right_inactive
{
	border: 2px inset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_top_tab_row
{
	vertical-align: bottom;
}
.std_tab_pages_top_active
{
	border: 2px inset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	padding-top: 2pt;
}
.std_tab_pages_top_inactive
{
	border: 2px outset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_page_content
{
	border-top: 1px solid #e2effa;
	background-color: #ffffff;
	white-space: normal;
}
.std_treeview
{
	background-color: #ffffff;
}
table.std_largelist th, table.std_largelist td
{
	white-space: nowrap;
}
.std_grid_wrapper
{
	overflow: hidden;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.std_grid_wrapper_designtime
{
	display: inline;
	overflow: hidden;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.std_grid {
	border-style: solid;
	border-width: thin;
	border-color: #eeeeee;
	border-spacing: 0px;
	border-collapse: collapse;
}

.std_grid tbody tr.odd_row {
    background-color: #eaf3fb;
    color: black;
}
.std_grid tbody tr.even_row {
    background-color: #f7f7f7;
    color: black;
}
.std_grid thead tr {
    cursor: inherit;
    vertical-align: top;
}
.std_grid thead {
	cursor: inherit;
}
.std_grid th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	background-color: #c7dff4;
	color: black;
	white-space: nowrap;
	cursor: inherit;
}
.std_grid thead th
{
	padding: 0px 15px 0px 0px;
	background-repeat: no-repeat;
	background-position: center right;
}
.std_grid thead th.number
{
	padding: 0px 0px 0px 15px;
	background-position: center left;
}
.std_grid tbody td
{
    border: 1px solid #aaaaaa;
    white-space: nowrap;
    padding: 0px;
    overflow: hidden;
}

.std_grid_sort_indicator
{
	background-image: url(../std_list_sortblank.gif);
}
.std_grid_sort_indicator_up
{
	background-image: url(../std_list_sortup.gif);
}
.std_grid_sort_indicator_down
{
	background-image: url(../std_list_sortdown.gif);
}
.std_grid_cell_sizer
{
	width: 100%;
}
.std_grid_col_resize
{
    border: 1px dotted gray;
    cursor: e-resize;
    cursor: col-resize;
}
.std_grid td div
{
	overflow: hidden;
}
.std_grid input.number, .std_grid input.text, .std_grid input.ltext, .std_grid input.utext
{
	background-color: transparent;
	border-width: 0px;
    margin: 2px;
}

.std_grid input.focus
{
    background-color: #fffffe;
    border-width: 2px;
    margin: 0px;
}

.grid_wrapper {
	border: 1px solid silver;
	border-radius: 5px;
}


input.righttext{
	background-color: transparent;
	text-align: right;
}

.std_grid input.righttext
{
	background-color: transparent;
	border-width: 0px;
}

input.lefttext{
	background-color: transparent;
	text-align: left;
}

.std_grid input.lefttext
{
	background-color: transparent;
	border-width: 0px;
}

.std_grid .list-o input.number, .std_grid .list-o input.text, .std_grid .list-o input.ltext, .std_grid .list-o input.utext,
.std_grid .list-e input.number, .std_grid .list-e input.text, .std_grid .list-e input.ltext, .std_grid .list-e input.utext
{
    border-width: 2px;
}
.std_grid input.number
{
	text-align: right;
}
.std_datetime
{
	white-space: nowrap;
}
.std_datetime *
{
	vertical-align:middle;
}
.std_datetime tbody td
{
	border:none;
}
img.disabled
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.std_button_v2 {
	background: rgb(1,100,46);
	min-width: 150px;
	height: 30px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
}
button.ui-state-hover {
	background: #67b021 url(images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x;
	cursor: pointer;
}
@media screen and (max-width:1024px){
  #INFOLIST > tbody > tr > td{
    display: block;
    padding-top: 0px;
  }
  #INFOLIST > tbody > tr > td:nth-child(even){
    border-bottom: 1px solid silver;
    /* padding:0em 0.5em 0.5em 0.5em; */
  }
  #INFOLIST > tbody > tr:last-child > td:last-child{
    border-bottom: none;
  }
}



/*============================================
  ダウンライン照会画面 start
============================================*/
/* 検索部、明細部 */
table.dlsearchtable{
  width: 1030px !important;
}

/* ヘッダ部 */
table.dlheadertable_dtl{
	width:100%;
	border-spacing: 4px;
	word-break: break-all;
	empty-cells: hide;
}
table.dlheadertable_dtl tbody tr th{
	font-weight: normal;
	text-align: right;
	padding-right:5px;
	border:1px solid silver;
	background-color: #eee;
	width:70px;
}

table.dlheadertable_dtl tbody tr th:nth-of-type(3){
	width:150px;
}

table.dlheadertable_dtl tbody tr td{
	text-align:right;
	border:1px solid silver;
	padding-right:5px;
	width:150px;
}
.fd_dlninzu{display: inline-block;width:90px;}
.fd_dlninzu_tyokusyo{display: inline-block;width:70px;}
#dlcomment{border:0px;}
.dlheader_contents_div{
	width:1020px;
	border:3px #c0c0c0 double;
	margin:0 auto;
}

.dlmembername{
	margin-left: 40px;
	text-decoration: underline;
	padding-top:5px;
	border:none;
}

/* 画面記述(中間) */
div#dlmaintable_foot > p.dlmaintable_state{
  line-height: 1.5;
}


/* 明細部 */
table.dldetailtable{
  width: 1030px !important;
}

fieldset#SLVLJ_RADBUTTONGRP {
	padding: 0;
	vertical-align: middle;
}

#DLLIST {
	font-size: 11pt;
	width: 100%;
}

/* 2016/9/29 ダウンライン照会 #DLLISTのヘッダ「購入方法」「紹介者№」「氏名」 */
/* SL旗マーク欄 */
table#DLLIST > tbody > tr > td:nth-of-type(4){
	width:15px;
}
/* 奇数行 */
table.fd_dllist tr:nth-child(odd) {
	background: #eee;
}
/* 偶数行 */
table.fd_dllist tr:nth-child(even) {
	background: white;
}
/* 左から7番目～9番目まで指定 */
table#DLLIST > thead > tr > th:nth-child(n+7):nth-child(-n+9) {
	text-align: center;
}
table#DLLIST > tbody > tr > td:nth-of-type(9){
	width:15px;
}
/* ダウンライン照会 アクティブ欄 */
td.ACT_KB {
	min-width: 15px;
}
/* ダウンライン照会 同住所欄 */
table#RC_LIST > tbody > tr > td.FD10TEXT {
	width: 4em;
	text-align: center;
}
/*============================================
  ダウンライン照会画面 end
============================================*/

/*============================================
  ダウンライン照会登録/停止完了画面 start
============================================*/

.fd_dltouroku_margin{
	width: 80%; margin: 0 auto; text-align: left;"
}
.fd_dltouroku_chkbox{
	white-space: initial;
}
@media screen and (max-device-width: 1024px){
  .fd_dltouroku_button{
	display: flex;
  flex-direction: column;
  }
}

/*============================================
  ダウンライン照会登録/停止完了画面 end
============================================*/

/******************************************************
 fordays DB専用項目
*******************************************************/
.WHOLESALE, .AIYOUTANK, .VOLUME, .STD_QTY{
	text-align: right;
}
/* =======================*/
/* Fordays標準グリッド    */
/* =======================*/
/* グリッド定義 */
/* グリッド見出し */
.fordays_grid_head {
	border: 2px solid #000000;
	background-color: #c7dff4;
	color: black;
	white-space: nowrap;
	cursor: default;
}
.fordays_grid_even_row
{
	background-color: #b7f8d9;
	border: 1px ridge;
}
.fordays_grid_odd_row
{
	background-color: #b7f8d9;
	border: 1px ridge;
}
.fordays_grid_cell
{
	border: 1px ridge;
}
.fordays_grid_edit_cell
{
	background-color: #ffffff;
}
.fordays_grid_sort_box
{
	font-family: webdings, verdana, serif;
	color: #808080;
}
.fordays_grid_outline
{
	border-style: solid;
	border-width: thin;
	border-color: #eeeeee;
}
.fordays_grid_wrapper
{
	overflow: auto;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.fordays_grid_wrapper_designtime
{
	display: inline;
	overflow: hidden;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.fordays_grid {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-spacing: 0px;
	border-collapse: collapse;
}
.fordays_grid th {
	text-align: center;
	background-color: #c7dff4;

}
/* AGENDA-TOP start*/
#fd_agenda_infomation_header{
  background-color: #008000;
  color:white;
  padding: 0.5em;
  font-weight: bold;
}
#fd_agenda_infomation_detail{

  padding: 0.5em;
  border: 1px solid silver;
}

.fd_agenda_contents_div{
  margin: 0 0.5em;
  /* border:1px solid silver; */
  padding-top:1em;
  height: 10em;
}
#NEWS_LIST_wrap{
  /* border: 1px solid silver; */
  height:100em;
}
#NEWS_LIST {
  text-align: left;
  width:100%;
  margin: 0 auto;

  border-collapse: collapse;

}
#NEWS_LIST > thead > tr > th{
  background-color: #008000;
  color:white;
  padding: 0.5em;
  border: 1px solid silver;
}
div.fd_agenda_main{
  border: 1px solid silver;
  padding: 1em 2em;
  margin: 3em 0.5em;
}
@media screen and (max-width:1024px){
  div.fd_agenda_main{
    padding: 1em 0.5em;
  }
}
div.fd_agenda_cpid{
  margin: 1em 0em;
}
div.fd_agenda_kiyaku{
  margin-top: 2em;
}
div.fd_agenda_kiyaku > ul{
  padding:0em;
}
#CPID{
  width: 70%;
}
@media screen and (max-width:1024px){
  #CPID{
    width: 100%;
  }

}
div.fd_agenda_kiyaku > ul > li{
  list-style: none;
  background-image: url(/images/ball_red.gif);
  background-repeat: no-repeat;
  background-position: inherit;
  padding-left: 1.5em;
  vertical-align: top;
  line-height: 1.5em;
}
.fd_agenda_doui_div{
  text-align: center;
  margin-top: 3em;
}
/* AGENDA-TOP end*/

/* 2016/9/29 AGENDA照会 新規紹介活動テーブル「会員ID」「氏名」追加 */
.fordays_grid td
, table#RC_LIST.fordays_grid tbody td.WK_MBRID
, table#RC_LIST.fordays_grid tbody td.WK_NAME
{
	text-align: left;
}

.fordays_grid td.FDIMGPATH
, table#ACT_LIST.fordays_grid td
, table#RC_LIST.fordays_grid td
, table#TR_LIST.fordays_grid tbody td:nth-of-type(n+7)
{
	text-align: center;
}

table#TR_LIST.fordays_grid tbody td.FD10TEXT
{
	text-align: center;
}

table#RCP_LST.fordays_grid tbody td
, table#TRP_LST.fordays_grid tbody td
, table#RC_LIST.fordays_grid tbody td:nth-of-type(1)
, table#RC_LIST.fordays_grid tbody td:nth-of-type(5)
, table#TR_LIST.fordays_grid tbody td:nth-of-type(6)
{
	text-align: right;
}

.fordays_grid tbody tr.odd_row {
    background-color: #fffffff;
    color: black;
}
.fordays_grid tbody tr.even_row {
    background-color: #f7f7f7;
    color: black;
}
.fordays_grid thead tr {
    cursor: inherit;
    vertical-align: top;
}
.fordays_grid thead {
	cursor: inherit;
}
.fordays_grid th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	background-color: #eaf3fb;
	color: black;
	white-space: nowrap;
	cursor: inherit;
}
/* グリッドの見出し(文字属性) */
.fordays_grid thead th
{
	padding: 3px 3px 3px 3px;
	background-repeat: no-repeat;
	background-position: center right;
}
/* グリッドの見出し(数値属性) */
.fordays_grid thead th.number
{
	padding: 3px 3px 3px 2px;
	background-position: center left;
}
/* グリッド明細行 */
.fordays_grid tbody td
{
	border: 1px solid #aaaaaa;
	padding: 2px 2px 2px 2px;
	overflow: hidden;
}

.fordays_grid_sort_indicator
{
	background-image: url(../std_list_sortblank.gif);
}
.fordays_grid_sort_indicator_up
{
	background-image: url(../std_list_sortup.gif);
}
.fordays_grid_sort_indicator_down
{
	background-image: url(../std_list_sortdown.gif);
}
.fordays_grid_cell_sizer
{
	width: 100%;
}
.fordays_grid_col_resize
{
    border: 1px dotted gray;
    cursor: e-resize;
    cursor: col-resize;
}
.fordays_grid td div
{
	overflow: hidden;
}
.fordays_grid input.number, .fordays_grid input.text, .fordays_grid input.ltext, .fordays_grid input.utext
{
	background-color: transparent;
	border-width: 0px;
    margin: 2px;
}

.fordays_grid input.focus
{
    background-color: #fffffe;
    border-width: 2px;
    margin: 0px;
}

input.righttext{
	background-color: transparent;
	text-align: right;
}

.fordays_grid input.righttext
{
	background-color: transparent;
	border-width: 0px;
}

input.lefttext{
	background-color: transparent;
	text-align: left;
}

.fordays_grid input.lefttext
{
	background-color: transparent;
	border-width: 0px;
}
.fordays_grid tr.list-h
{
	background: #c7dff4;
	color: #000000;
	border: 0px;
}
.fordays_grid tr.list-o
{
	background: #ffffff;
	color: black;
	border: 0px;
}
.fordays_grid tr.list-e
{
	background: #ffffff;
	color: black;
}


.fordays_grid .list-o input.number, .fordays_grid .list-o input.text, .fordays_grid .list-o input.ltext, .fordays_grid .list-o input.utext,
.fordays_grid .list-e input.number, .fordays_grid .list-e input.text, .fordays_grid .list-e input.ltext, .fordays_grid .list-e input.utext
{
    border-width: 0px;
}
.fordays_grid input.number
{
	text-align: right;
}

/* フォーデイズ汎用リストスタイル */
table.fd_common_list {
	border-collapse: collapse;
}

table.fd_common_list > thead > tr > th {
	background: #c7dff4;
	color: black;
	font-weight: bold;
}

table.fd_common_list > thead > tr > th
, table.fd_common_list > tbody > tr > td
{
	border: 1px solid silver;
	padding: 5px 3px;
}

table.fd_common_list > tbody > tr:nth-child(odd) {
	background: white;
}

table.fd_common_list > tbody > tr:nth-child(even) {
	background: linen;
}
/* =======================*/
/* Fordays標準グリッド END*/
/* =======================*/
/* ナビパネルコンテナ */
div.nav_panel_container {
	height: 100%;
	text-align: center;
}

#fd_container {
	font-weight: bold;
	font-size: 16px;
	margin-left: auto;
	margin-right:auto;
	width: 100%;
	height: 100%;
}


table#fd_contents_wrapper {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

tr#fd_contents_wrapper_tr {
	height: 100%;
	vertical-align: top;
}

td#fd_contents {
	vertical-align: top;
}

a.fordays_std_menu, a.fordays_std_menu:hover, a.fordays_std_menu_selected
{
	display: block;
	width: 150px;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	color: white;
	margin: 0px;
	background-color: #cc0000;
	border-color: #cc0000;


}
a.fordays_std_menu, a.std_menu_selected
{
	border-color: green;
	color: white;
	background-color: green;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	width: 150px;
}

/* AGENDATOPへメニューバー用 */
a.fordays_std_menu_agendatop, a.fordays_std_menu_agendatop:hover, a.fordays_std_menu_agendatop_selected
{
	display: block;
	width: 120px;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	color: white;
	margin: 0px;
	background-color: #ff9900;
	border-color: #ff9900;
}
a.fordays_std_menu_agendatop, a.std_menu_selected_agendatop
{
	border-color: gray;
	color: white;
	background-color: gray;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	width: 120px;
}

a.fordays_std_menu:hover {
    background-color: #ff9900;
    border-color: #ff9900;
    color:blue;
}
.Fordays_listbox
{
	border: 1px 1px 1px 1px solid #ffffff;
}
/* 2018/10/09 */
.fd_float_right {
    display: block;
    float: right;
    padding-right: 4px;
}

/* ========================================== */
/* ボタンスタイルSTART                        */
/* ========================================== */
/* ボタンの基本スタイル */
.fd_button {
	min-width: 150px;
	min-height: 35px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	-webkit-appearance: none;
}
/* ボタンマウスオーバー時の基本スタイル */
.fd_button:hover {
  &:not([disabled]) {
  min-width: 150px;
	min-height: 35px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	-webkit-appearance: none;
	cursor: pointer;
  }
}
.fd_button_mouseover {
	min-width: 150px;
	min-height: 35px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	-webkit-appearance: none;
	cursor: pointer;
}

/* 大きいボタンのスタイル */
.fd_button_big {
	min-width: 300px;
	min-height: 50px;
	word-wrap: break-word;
}

.fd_button_big_mouseover {
	min-width: 300px;
	min-height: 50px;
	word-wrap: break-word;
}

/* 小さいボタンのスタイル */
.fd_button_small {
	min-width: 70px;
	min-height: 30px;
}

.fd_button_small_mouseover {
	min-width: 70px;
	min-height: 30px;
}

/* ボタン非活性時 */
.fd_button:disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
  pointer-events:none;

}

/* ボタン：赤 決定、登録系 */
.fd_button_red {
	background: crimson;
}
.fd_button_red:hover {
	background: brown;
}
.fd_button_red_mouseover {
	background: brown;
}

/* ボタン：青 検索系 */
.fd_button_blue {
	background: #0000a0;
}
.fd_button_blue:hover {
	background: royalblue;
}
.fd_button_blue_mouseover {
	background: royalblue;
}

/* ボタン：青 検索系 バリエーション */
.fd_button_blue2 {
	background: mediumblue;
}
.fd_button_blue2_mouseover {
	background: royalblue;
}

/* ボタン：灰 戻る系 */
.fd_button_gray {
	background: gray;
}
.fd_button_gray_mouseover {
	background: silver;
}

/* ボタン：ピンク 画面の説明ボタン */
.fd_button_pink {
	background: deeppink;
}
.fd_button_pink_mouseover {
	background: hotpink;
}

/* ボタン：薄い青  */
.fd_button_lightblue {
	background: RoyalBlue;
}
.fd_button_lightblue_mouseover {
	background: #336699;
}

/* ボタン：白 汎用ボタン */
.fd_button_white {
	color: black;
	font-weight: normal;
	background-color: whitesmoke;
	border: 1px solid gray;
}
.fd_button_white_mouseover {
	color: black;
	font-weight: normal;
	background-color: gray;
	border: 1px solid gray;
}
.fd_button_white_mouseover:disabled  {
	color: red;
}

/* ボタン：緑 汎用ボタン２ */
.fd_button_green {
	background-color: rgb(1,100,46);
}
.fd_button_green_mouseover {
	background-color: #67b021;
}
.fd_info_button{
  margin: 1em;
}

/* ========================================== */
/* ボタンスタイルEND                          */
/* ========================================== */

div.listlink a {
	font-size: 12pt;
}

/* ========================================== */
/* 完了画面どりんぴんイメージ                 */
/* ========================================== */
.fd_completion_dorinpin_img{
	width:167px;
}

/* ========================================== */
/* AGENDA共通                                 */
/* ========================================== */
/* ■各画面共通部 */
/* 画面中央の各メニューバー */
#ag_tasseimenu,#ag_tukibetumenu,#ag_sinkimenu,#ag_trainermenu,#ag_ikuseimenu{
	float: left;
	margin-right:5px;
	margin-bottom: 10px;
}

/* ページ制御エリアdiv */
div#agenda_top_ancor, /* リスト上部 */
div#agenda_bottom_ancor  /* リスト下部 */
{
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;
	float: right;
	width:100%;
}

/* 各画面リストテーブル定義 */
table.fd_agenda_rclist1, /* 新規紹介1 */
table.fd_agenda_rclist2, /* 新規紹介2 */
table.fd_agenda_rclist3, /* 新規紹介3 */
table.fd_agenda_trlist1, /* トレ活動1 */
table.fd_agenda_trlist2, /* トレ活動2 */
table.fd_agenda_trlist3, /* トレ活動3 */
table.fd_agenda_iklist   /* トレ育成  */
{
	border-collapse: collapse;
	width:100%;
	max-width:950px;
}

/* 各画面リストヘッダー定義 */
table.fd_agenda_rclist1 > thead > tr > th, /* 新規紹介画面1.紹介リスト */
table.fd_agenda_rclist2 > thead > tr > th, /* 新規紹介画面2.紹介リスト */
table.fd_agenda_rclist3 > thead > tr > th, /* 新規紹介画面3.紹介リスト */
table.fd_agenda_trlist1 > thead > tr > th, /* トレ活動画面1.活動リスト */
table.fd_agenda_trlist2 > thead > tr > th, /* トレ活動画面2.活動リスト */
table.fd_agenda_trlist3 > thead > tr > th, /* トレ活動画面3.活動リスト */
table.fd_agenda_iklist  > thead > tr > th  /* トレ育成画面1.活動リスト */
{
	background: #eaf3fb;
	color: black;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding:5px 5px;
	height: 45px;
	border: 1px solid silver;
}

/* 各画面リスト明細共通 */
table.fd_agenda_rclist1  > tbody > tr > td, /* 新規紹介画面1.紹介リスト */
table.fd_agenda_rclist2  > tbody > tr > td, /* 新規紹介画面2.紹介リスト */
table.fd_agenda_rclist3  > tbody > tr > td, /* 新規紹介画面3.紹介リスト */
table.fd_agenda_trlist1  > tbody > tr > td, /* トレ活動画面1.活動リスト */
table.fd_agenda_trlist2  > tbody > tr > td, /* トレ活動画面2.活動リスト */
table.fd_agenda_trlist3  > tbody > tr > td, /* トレ活動画面3.活動リスト */
table.fd_agenda_iklist   > tbody > tr > td  /* トレ育成画面1.活動リスト */
{
	border: 1px solid silver;
	padding: 3px 3px;

}
div.fd_agenda_inquiry,
div.fd_agenda_inquiry_down{
    display: flex;
    align-items: center;

}
div.fd_agenda_inquiry_item,
div.fd_agenda_inquiry_down_item{
  margin-right: 1em;
}
#fd_agenda_table{
  width: 950px !important;
}
/* .fd_agenda_div{
  width:950px;
} */

/* ■各画面共通部 END*/

/* ========================================== */
/* AGENDA達成状況                             */
/* ========================================== */
/* 達成条件リスト */
.fd_agenda_tassei_top{
  display:flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.fd_agenda_tassei_top_item:nth-child(2){
  margin-left: 2em;
}
.fd_agenda_tassei_top_item:nth-child(3){
  margin-left:auto;
  font-weight: bold;
}

/* リストラッパー */
#TAS_LIST_wrap {float:left;padding-right:20px;padding-top:20px;}
/* 達成状況リスト */
table.fd_agenda_taslist{
	border-collapse: collapse;
	margin-bottom:20px;
}
/* 達成条件リストヘッダー */
table.fd_agenda_taslist > thead > tr > th {
	background: #eaf3fb;
	color: black;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding:5px 5px;
	height: 45px;
	border: 1px solid silver;
	line-height:1.2em;
}
/* 達成条件リスト明細 */
table.fd_agenda_taslist > tbody > tr > td {
	border: 1px solid silver;
	padding: 3px 3px;
	background-color: white;
	vertical-align: top;
	line-height: 1.2em;
	height:40px;
}
/* <<達成状況>>ラベル */
#ag_tassei_label {font-weight: bold;float:left;margin-right:20px;}
#ag_tessei_qa {float:right;}
/* 優待/特別優待 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(1) {width:6em;}
/* 達成条件 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(2) {min-width:15.5em;max-width:20em;}
/* 達成有無欄 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(3)
{
	text-align: center;
  	vertical-align:middle;
	width:4em;
}
/* 達成欄 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(4),
.fd_agenda_taslist > tbody > tr > td:nth-of-type(5)
{
	text-align:right;
	min-width:5em;
	max-width:10em;
}
.fd_agenda_taslist > tbody > tr > td:nth-of-type(n+6)
{
	text-align:right;
	min-width:5em;
	max-width:10em;

}

/* 達成イメージ */
.fd_tassei_img
{
	width:20px;
	height:20px;
}
.fd_tassei_td div
{
  height: 50%;
  padding-top: 2px;


}
/* 合計ポイント */
.fd_ag_point
{
	text-align:right;
	padding-right:6.5px;

}
/* 補填ポイント */
.fd_ag_hotenpoint{text-align:right;}

/* 合計/補填位置合わせ用div */
.fd_ag_point_kakko{float:right;}

/* 月別状況リスト */
/* リストラッパー */
#ACT_LIST_wrap {float:left;padding-top:20px}

table.fd_agenda_actlist { /* 月別状況 */

	border-collapse: collapse;
	width:100%;
}
table.fd_agenda_actlist > thead > tr > th  /* 達成条件リスト */
{
	background: #eaf3fb;
	color: black;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding:5px 5px;
	height: 45px;
	border: 1px solid silver;
	line-height:1.2em;
}
table.fd_agenda_actlist > tbody > tr > td {
	border: 1px solid silver;
	padding: 3px 3px;
	background-color: white;
}

.fd_agenda_actlist thead > tr > th:nth-child(n+3)
{
	width:3em;
}

.fd_agenda_actlist tbody > tr > td {
	text-align: center;
	height:40px;
	min-width:4.5em;
}
/* ========================================== */
/* AGENDA月別ポイント                             */
/* ========================================== */
#RCP_LST > thead > tr > th,
#RCP_LST > tbody > tr > td{

  width:50px;
}
#RCP_LST{
  width: auto !important;
}
.fd_agenda_pointmenu{
	width: auto !important;
}

/* ========================================== */
/* AGENDA新規紹介                             */
/* ========================================== */
/* 新規紹介活動リスト共通
/* № */
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(1),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(1),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(1)
{
	width:2em;
}
/* 会員ID */
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(2),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(2),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(2)
{
	width:5.5em;
}
/* 説明欄(同住､紹ﾘﾋﾟなしなど表示) */
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(4),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(4),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(4)
{
	width: 6.2em;
	line-height:1.2em;
}

/* ﾎﾟｲﾝﾄ */
.fd_agenda_rclist1 > thead > tr > th:nth-of-type(5),
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(5),
.fd_agenda_rclist2 > thead > tr > th:nth-of-type(5),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(5),
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(5),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(5)
{
	display:none;
}
/* 登録日/抹消日*/
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(6),
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(7),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(6),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(7),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(6),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(7)
{
	text-align: center;
	width:6em;
}
/* 各月アクティブ */
/* AGENDA毎の月表示制御は下で実施 */
.fd_agenda_rclist1 > tbody > tr > td:nth-child(n+8),
.fd_agenda_rclist2 > tbody > tr > td:nth-child(n+8),
.fd_agenda_rclist3 > tbody > tr > td:nth-child(n+8)
{
	text-align: center;
	width:1.5em;
}
/* --新規紹介活動画面共通--END

/* ■■■新規紹介リスト(AGENDA1専用) ■■■*/
/* 月別アクティブの月度の不要カラムを非表示に(毎回変わる) */
.fd_agenda_rclist1 > thead > tr > th:nth-of-type(n+14),
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(n+14)
{
	display: none;
}
/* ■■■新規紹介リスト(AGENDA2専用) ■■■*/
.fd_agenda_rclist2 > thead > tr > th:td:nth-child(n+15),
.fd_agenda_rclist2 > tbody > tr > td:td:nth-child(n+15)
{
	display: none;
}
/* ■■■新規紹介リスト(AGENDA3専用) ■■■*/
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(14),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(14),
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(15),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(15),
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(16),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(16)
{
	display: nomal;
}
/* ----------------------------------------*/
/* ■トレーナーリスト(AGENDA1専用)         */
/* ----------------------------------------*/
/* リスト見出表示制御 */
/* № */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(1),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(1),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(1)
{
	width: 2em;
}
/* ID */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(2),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(2),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(2)
{
	width: 5em;
}
/* 氏名 */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(3),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(3),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(3)
{
	line-height:1.2em;
}
/* 説明欄 */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(4),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(4),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(4)
{
	width: 5.5em;
}
/* トレ区分 */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(5),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(5),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(5)
{
	width: 3.5em;
}
/* トレーナー,達成ﾎﾟｲﾝﾄ */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(6),
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(7),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(6),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(7),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(6),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(7)
{
	width: 3.5em;
}
/* 氏名/説明欄 */
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(3),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(3),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(3),
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(4),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(4),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(4)
{
	line-height:1.2em;
}
/* トレ区分 */
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(5),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(5),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(5)
{
	text-align:center;
	width: 2em;
}
/* 登録日/抹消日 */
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(7),
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(8),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(7),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(8),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(7),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(8)
{
	text-align: center;
	width: 4.5em;
}
/* 月別アクティブ欄 */
.fd_agenda_trlist1 > thead > tr > th:nth-child(n+9),
.fd_agenda_trlist2 > thead > tr > th:nth-child(n+9),
.fd_agenda_trlist3 > thead > tr > th:nth-child(n+9)
{
	width: 1.5em;
	text-align: center;
}

/* 月別アクティブ不要分非表示 */
.fd_agenda_trlist1 > thead > tr > th:nth-child(n + 16),
.fd_agenda_trlist1 > tbody > tr > td:nth-child(n + 16){
	display: none;
}
/* 月別アクティブ不要分非表示(AGENDA3) */
.fd_agenda_trlist3 > thead > tr > th:nth-child(n + 15),
.fd_agenda_trlist3 > tbody > tr > td:nth-child(n + 15),
.fd_agenda_trlist3 > thead > tr > th:nth-child(n + 16),
.fd_agenda_trlist3 > tbody > tr > td:nth-child(n + 16){
	display: none;
}
/* ----------------------------------------*/
/* ■トレーナー育成リスト(AGENDA1,2,3共通)  */
/* ----------------------------------------*/
/* № */
.fd_agenda_iklist > thead > tr > th:nth-of-type(1) { width: 2em;}
/* ID */
.fd_agenda_iklist > thead > tr > th:nth-of-type(2) { width: 5.5em;}
/* ﾄﾚｰﾅｰ種別 */
.fd_agenda_iklist > thead > tr > th:nth-of-type(4) { width: 4em;}
/* 同住所など */
.fd_agenda_iklist > thead > tr > th:nth-of-type(5) { width: 6em;}
.fd_agenda_iklist > thead > tr > th:nth-child(n+6){ width: 5em;}
.fd_agenda_iklist > tbody > tr > td:nth-of-type(1) { text-align: right;}
.fd_agenda_iklist > tbody > tr > td:nth-child(n + 6) { text-align: center;}
.fd_agenda_iklist > tbody > tr > td:nth-of-type(5) { text-align: left;line-height:1.2em;}

input.fdtext
{
	background-color: #eaf3fb;
	text-align: left;
	/* 2015/09/15 inputデザイン変更 */
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
input.fdtext:focus {
	background-color: #CCFFCC;
}

/* 共通DIV */
/* 登録画面のstep1枠表示 */
div.fordays_div
{
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto;
	/* width: 950px; /* レスポンシブ対応 */ */
  width:100% /* レスポンシブ対応*/
  max-width:950px;/* レスポンシブ対応*/
  padding: 5px;
  /* padding: 0px 5px 5px 5px; */
	background-color: WHITE;
	color: black;

}
div.fordays_div_wrapper
{
	text-align: center;
  margin-bottom: 15em;
}

.fordays_number{
	text-align: right;
	background-color: #eaf3fb;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
.fordays_Prompt{
	border 5px solid black;
	margin: 0PX 0PX 0PX 0PX;
	paddling: 0px 0px 0px 0px;
	border-color: #008000;
}

/* 登録画面のstep1枠内区切り表示 */
.fordays_headerl
{
	background-color: rgb(1,100,46);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	text-align: left;
	width: 50%;
	height: 75px;
}
.fordays_headerr
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-color: #003333;
	vertical-align: top;
	text-align: right;
	width: 50%;
	height: 75px;
}
.fordays_header2
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: top;
	width: 50%;
	height: 10px;
}

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

/* ========================================== */
/* インフォメーション画面用 start             */
/* ========================================== */
/* インフォ詳細画面 */
/* .fordays_div_info_body {
  border: #808080 1px solid;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
} */
.fordays_div_info_body{
  width: 95%;
  max-width: 700px;
  margin: auto !important;
}
.fordays_div_info_body > table{
  width: 100%;
}
div.fordays_div_info_date {	/* インフォ詳細画面日時 */
  margin-right: 10px;
  margin-top: 5px;
  text-align: right;
}
div.fordays_div_info_title {	/* インフォ詳細画面タイトル */
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin: 10px 10px 0px 10px;
	font-size: 20px;
	color: green;
	border-bottom: solid 1px black;
  word-break: break-all;
}
div.fordays_div_info_detail {	/* インフォ詳細画面内容 */
	text-align: left;
	min-height: 520px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	line-height: 30px;
  word-break: break-all;
}
table.fordays_div_info_button {	/* インフォ詳細画面ボタン */
  margin-left: auto;
  margin-right: auto;
}
th.TOPMENUBAR {	/* TOPMENU 各グリッドのタイトル部分 */
	height:30px;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
}
table.Info_grid {
	/* width: 800px; */
  width: 100%;
  max-width: 800px;
	border-style: solid;
	border-width: 0px;
	border-color: black;
	border-spacing: 0px;
	border-collapse: collapse;
}
.WKINFODT{
  width:8.5em;
}

.Info_grid tbody tr {
	height: 30px;
    background-color: white;
}
.Info_grid_wrapper {
	/* width: 800px !important; */
  width: 100% !important;
  max-width: 800px !important;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.TopMenu_grid_wrapper {
	height: auto  !important;
	overflow-y: visible;
	-webkit-overflow-scrolling: auto;
}
a.info_grid_anchor{
	text-decoration:underline;
}
@media screen and (max-width:1024px){
  a.info_grid_anchor{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
    width:100%;
    max-width:100%;
    /* max-width:100%; */
    padding: 0.5em 0em;
    padding-left:5px;
    /* padding-right: 5px; */
    box-sizing: border-box;
}
@media screen and (max-width:768px){
  a.info_grid_anchor{
    max-width:95vw;
}
/* @media screen and (max-width:768px){
  a.info_grid_anchor{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
    width:100%;
    max-width:95vw;
    /* max-width:100%; */
    padding: 0.5em 0em;
    padding-left:5px;
    /* padding-right: 5px; */
    box-sizing: border-box;
} */

    /* .std_anchor_text{
      overflow: hidden;
      text-overflow: ellipsis;
      width:50px;
  } */
}
@media screen and (max-width:1024px){
  a.info_grid_anchor:hover{
    background:whitesmoke;
  }
}
a.top_menu_item, a.top_menu_item:hover {
	border-radius: 5px;
	border: 1px;
}

/* ========================================== */
/* インフォメーション画面用 end               */
/* ========================================== */
/* ========================================== */
/* ヘッダー                                   */
/* ========================================== */
.fd_header {
	width: 100%;
	font-weight: bold;
}
.fd_header_top {
	background: #01642E;
	vertical-align: middle;
	text-align: left;
	height: 50px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 2px solid #01642E; /* mobile safariで表示時にborderが見えてしまうため、背景と同色で指定 */
}
.fd_logo_wrapper {
	width: 400px;
  /* レスポンシブ化で横スクロールが出るため削除 */
  /*mobile safariで表示時は要確認 */
	/* border-right: 2px solid #01642E; /* mobile safariで表示時にborderが見えてしまうため、背景と同色で指定 */
  border-color:#01642E;
}
/* レスポンシブ対応 */
@media screen and (max-width:1024px){
  .fd_logo_wrapper {
      width: 100%;
	}
}
.fd_catchcopy {
	font-weight: normal;
	border-right: 2px solid #01642E; /* mobile safariで表示時にborderが見えてしまうため、背景と同色で指定 */
	text-align: left;
	vertical-align: middle;
}
@media screen and (max-width:1024px){
  .fd_catchcopy {
    display: none;
  }
}
/* fd_employee_userinfoと合わせる */
.fd_userinfo {
  padding-top:10px; /* レスポンシブ対応 */
	padding-right: 10px;
	padding-bottom: 2px;
	line-height: 1.1;
	text-align: right;
	vertical-align:bottom;
}
.fd_logoffbutton_wrapper {
	border-left: 2px solid #01642E;
	width: 75px;
	text-align: right; /* レスポンシブ対応 */
}

.fd_logoffbutton_wrapper a
, .fd_logo_wrapper a
{
	vertical-align: middle;
	height: 50px;
}

.fd_logo_wrapper a {
	margin-bottom: 1px;
}
/* ========================================== */
/* ページタイトル                             */
/* ========================================== */
div.desctitle {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: green;
}
/* ========================================== */
/* 左ツリービュー                             */
/* ========================================== */
td#fd_sidemenu {
	width: 130px;
	padding: 0px;
	background: seagreen;
	height: 100%;
	vertical-align: top;
}
ul#o1_LANSA_25773 {
	background: seagreen;
	width: 146px;
	overflow: hidden !important;
	padding-bottom: 40px;
}
ul#o1_LANSA_25773 li ul {
/* ページロードごとにツリービューを展開するスクリプトが動くため、表示モードをやむなく変更 */
	display: table-row;
}
ul#o1_LANSA_25773 a {
	display: table-cell;
	width: 150px;
	line-height: 1.7;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	color: white;
	cursor: default;
	background: seagreen;
	border: 1px solid seagreen;
	border-top: 1px white;
	border-top-style: solid;
}
li#o1_LANSA_25773_HM a {
	text-decoration: underline;
}
ul#o1_LANSA_25773 li ul li a {
	text-decoration: none;
	font-weight: normal;
	padding: .1em 4px .1em 18px;
	line-height: 2.5;
	/* 白系グラデーション */
	background: whitesmoke;
	background: -moz-linear-gradient(top,white 0%,#EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#EEEEEE));
	background: -ms-linear-gradient(top, white, #EEEEEE);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#EEEEEE', GradientType=0)";
	color: black;
	border: 1px solid gray;
	border-top: none;
}
ul#o1_LANSA_25773 li ul li a:hover, li#o1_LANSA_25773_HM a:hover,li#o1_LANSA_25773_10 a:hover {
	background: crimson;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='crimson', endColorstr='crimson', GradientType=0)";
	cursor: pointer;
	color: white;
}

/* ========================================== */
/* 新ログイン、パスワード再発行               */
/* ========================================== */
/* ************************************ */
/* loginTable1 ログイン全体枠定義 */
.login_markup img{
  width:600px;
}
@media screen and (max-width:1024px){
  .login_main{
    display: flex;
    flex-direction: column-reverse;
  }
  .login_markup > div > a > img{
    width:96%;
    max-width:450px;
    margin-top:1em;
  }
  .login_input_desc{
    display: none;
  }
}
.login_top_desc{
  margin: 1em 0em;
}
#login_button{
  width:13em;
  height: 2.5em;
}
@media screen and (max-width:1024px){
  .login_top_desc{
    margin: 0em 0em;
  }
  #login_button{
    width:100%;
  }
}
.loginBase {
   /* width : 800px;/* レスポンシブ 対応 */ */
   width: 100%; /* レスポンシブ 対応*/
   max-width: 800px;/* レスポンシブ 対応*/
   padding: 10px 10px 10px 5px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   line-height:1.5em;
   /* order:3; */
}
/* レスポンシブ対応 */
.loginBase img{
  width: 100%;
  max-width: 450px;
  height: auto !important;
  max-height: 300px;
}
.loginBase_Header {
  padding: 30px 5px 5px 0px;
}
@media screen and (max-width:1024px){
  .loginBase{
    padding: 0px 5px 0px 5px;
    /* display: none; */
  }
  .loginBase_Header {
    padding:0px 5px 5px 0px;
    display: none;
  }
}
.loginBase_Header h2{
   text-align:left;
   font-weight:bold;
   color:green;
   padding: 0;
}
.loginBase_Header p{
   text-align:left;
   font-weight:normal;
   color:black;
   padding: 0;
}
.loginContents {
   padding: 5px 10px 5px 10px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}
.loginContents_Header {
   text-align:left;
   padding: 5px 10px 0px;
   font-weight:bold;
}
.loginContents_Body {
   text-align:left;
   padding: 5px 10px 5px;
}
.loginContents_Body li{
	line-height: 1.5em;
	padding-top: 5px;
}
.loginContents_Body ol{
  padding: 1em;
}
.loginContents_Memo {
   padding-left : 10px;
}
.loginContents_Memo > span{
   white-space: nowrap;
}
.loginContents_Memo_mobile {
   /* width:100%; */
   max-width: 500px;
   padding: 5px;
   border: 1px solid green;
   /* margin: 10px 30px; */
}
.loginContents_Memo_mobile h3{
    padding : 0px 10px 0 10px;
    font-size: 1em;
}
.loginContents_Memo_mobile p{
   padding : 0 10px 0 10px;
   line-height:1em;
}

.loginBase_Button {
   padding: 10px 10px 10px 5px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.heightFAXimg { height : 250px;}
.imgR   { float: right; border : 1px solid; width:auto !important;}

.loginTable_login {
    width:500px;
    margin-left: auto;
    margin-right: auto;
}
.loginTable_login tbody td:nth-of-type(1){ text-align:left; }
.loginTable_login tbody td:nth-of-type(2){ text-align:center; }
.loginTable_login tbody td:nth-of-type(3){ text-align:left; }
.loginTable_login tbody tr:nth-last-of-type(1) td{
  text-align:center;
}
/* fd_buttonに合わせる */
.loginTable_login #o1_LANSA_9817{
  min-width: 150px;
  min-height: 35px;
  border: none;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  -webkit-appearance: none;
}
.loginTable_reissue {
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
 }
.loginTable_reissue tbody td:nth-of-type(1){ width:150px; }

.loginTable_regpass {
   width:600px;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
   text-align: left;
 }
.loginTable_regpass tbody td:nth-of-type(1){ width:180px; text-align:left;}
.loginTable_regpass tbody td:nth-of-type(2){ width:210px;}
.loginTable_regpass tbody td:nth-of-type(3){ text-align:left;}


/* ************************************ */
/* HTML系の画面枠定義 */
.infoBase {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.infoBase thead th{
	text-align:left;
}
.infoBase thead td, .infoBase tbody td{
	text-align:center;
}
/* HTML系のコンテンツ枠定義 */
.infoTable {
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:1em;
	border-spacing: 0;
	border-collapse: collapse;
}
.infoTable th, .infoTable td {
	padding: 5px;
	border: solid 1px #ccc;
}
.infoTable thead th{ text-align:center; }

/* HTML FAXBOX枠定義 */
.infoTable_faxbox { width: 100%;}
.infoTable_faxbox tbody th { text-align:center; }
.infoTable_faxbox tbody td:nth-of-type(1){ text-align:left; }
.infoTable_faxbox tbody td:nth-of-type(2){ text-align:center; }

/* HTML インフォメーション枠定義 */
.infoTable_infomation { width: 500px; }
.infoTable_infomation tbody th { width: 200px; text-align:center; }
.infoTable_infomation tbody td { width: 300px; text-align:center; }

.infoTable_infomationMemo { width: 500px;}
.infoTable_infomationMemo th { text-align:left !important; border: none;}
.infoTable_infomationMemo td { text-align:left !important; border: none;}
.infoTable_infomationMemo p { line-height:0; }

.infoTable_infomation_anti { width: 100%; }
.infoTable_infomation_anti tbody td { text-align:left; }

/* HTML タイトルカラー定義 */
.infoTable_title_color { background-color: lightgreen; }
.infoTable_title_color2 { background-color: #efe; }
/* ログインボタン */
.fd_login_button{
  width:200px;
}
/* ログイン情報保管チェックボックス */
.fd_login_ckbx{
  padding:1em 0em;
}

/* adbeﾘｰﾀﾞｰダウンロードコンテンツの定義 */
.adobe { margin-left: auto;	margin-right: auto;	}
.adobe p{ text-align:left; font-size: 0.8em; }

/* ************************************ */
HR.greendot {
  border:none;
  border-top:1px dashed green;
  height :1px ;
}
/* ************************************ */
/*
 .stepBar
 {
  position: relative;
  list-style: none;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size: 11pt;
}
.stepBar .step
{
  position: relative;
  float:none;
  display: inline-block;
  line-height: 2em;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before,
.stepBar .step:after
{  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #CCC;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 1em;
}
.stepBar .step:after
{
  top: 0;
  transform: skew(30deg);
}
.stepBar .step:before
{
  bottom: 0;
  transform: skew(-30deg);
}
.stepBar .step:first-child
{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before,
.stepBar .step:first-child:after
{
  content: none;
}
.stepBar .step:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current
{
  background-color: #DFD;
  font-weight: bold;
}
.stepBar.step2 .step { width: 250px; }
.stepBar.step3 .step { width: 200px; }
.stepBar.step4 .step { width: 25%; }
.stepBar.step5 .step { width: 20%; }
.stepBar.step6 .step { width: 10%; }
*/
/* ========================================== */
/* ステップバー                             */
/* ========================================== */
/* ステップバー基本クラス */
.stepBar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}
/* 対象ステップのみテキスト表示 */
.stepBar.current_only {
    flex-wrap: wrap;
    padding: 0px;
}

.step {
    display: flex;
    align-items: center;
    padding-left: 0;
    text-indent: 0;
    margin-bottom: 10px;
}
.step:after {
    content: ">";
    color: #876430;
    margin: 0 .3em;
}
.step:last-child:after {
    display: none;
}

.step_text {
    border: 2px solid rgb(1,100,46);
    padding: 10px 5px ;
    border-radius: 5px;
}
.step.current > .step_text {
    background-color: rgb(1,100,46);
}

.step_num {
    background-color: rgb(1,100,46);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}
.stepBar.current_only .step_num {
    background-color: #fff;
    color: rgb(1,100,46);
}

.step.current .step_num {
    background-color: #fff;
    color: rgb(1,100,46);
}

.step.current .step_title {
    color: #fff;
    margin-left: 0.5em;
}

.stepBar.current_only .step:not(.current) .step_title {
    display: none;
}

@media screen and (max-width: 1024px) {
    .step_text {
        border: none;
    }
    .step_num {
        background-color: #fff;
        color: rgb(1,100,46);
        padding: 10px;
        border-radius: 5px;
        border: 1px solid;
    }
    .step_title {
        display: none;
    }
    .step.current .step_num {
        background-color: rgb(1,100,46);
        color: #fff;
    }
    .step.current .step_text {
        background-color: initial;
    }
}

/* ************************************ */

/* ========================================== */
/* サイトマップ start                         */
/* ========================================== */
/* --- サイトマップエリア --- */
dl.fd_sitemap_wrapper {
	font-weight: bold;
	width: 804px;	/* margin分4px */
	margin-left: auto;
	margin-right: auto;
}

dl.fd_sitemap_wrapper dt {
	font-size: 12pt;
	padding-bottom: 6px;
}
dl.fd_sitemap_wrapper dd {
	margin: 0;
	padding-top: 0;
  padding-bottom: 2em;
	border: 1px solid silver;
	border-radius: 5px;
}

div.fd_sitemap_content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
  padding:0px 15px;
}

/* 新サイトマップ リストWEBMAP start */
table.fd_sitemap {
	width: 370px; /* セクションの幅 */
	float: left;
	border-collapse: collapse;
	/* margin: 1px 15px 20px 15px; */
}

tr.fd_sitemap_category {
	color: #4F6228;
	border-bottom: 1px solid #4F6228;
	font-size: 12pt;
	padding-left: 10px;
	padding-bottom: 3px;
}

tr.fd_sitemap_category > td { /* 最上位階層のスタイル */
	padding-left: 15px;
	padding-top: 20px;
	font-weight: bold;
}

tr.fd_sitemap_item_lv2 > td { /* 第2階層のスタイル */
	padding-left: 25px;
	height: 30px;
	vertical-align: bottom;
}

tr.fd_sitemap_item_lv3 > td { /* 第3階層のスタイル */
	padding-left: 35px;
	height: 30px;
	vertical-align: bottom;
}

.fd_sitemap_icon:hover
, .fd_new_icon:hover {
	cursor: default;
}

.fd_sitemap_anchor {
	padding-left: 10px;
}
/* 新サイトマップ リストWEBMAP end */
/* ========================================== */
/* サイトマップ end                           */
/* ========================================== */

/* ========================================== */
/* 変更系新レイアウト start                   */
/* ========================================== */
div.fd_container_div {
	/* width: 800px; */
  width:100%;
  max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
  div.fd_container_div {
    margin-bottom:20em;
  }
}
@media screen and (max-device-width:1024px){
/* @media screen and (max-width:1024px){ */
  td#fd_sidemenu{
    display: none;
  }

}

div.fd_contents_div {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

div.fd_contents_div > h1 {
	text-align: left;
	margin: 4px 4px 0 4px; /* テーブルレイアウトのセル間隔に合わせる 下マージンは0でOK */
	padding: 5px;
	background-color: #dfd;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.4;
	border: 1px solid silver;

}

/* 行見出しの右端に「(必須)」を表示するためのスタイル */
.fd_cell_left {
	float: left;
	padding-left: 4px;
}

.fd_cell_right {
	text-align: right;
	color: red;
	padding-right: 4px;
	font-weight: normal;
}

/* divレイアウト start */
div.fd_contents_div > div.fd_contents_body {
	margin: 4px; /* テーブルレイアウトのセル間隔に合わせる */
	border: 1px solid silver;
}

div.fd_contents_div > div.fd_contents_body > p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
	text-align: left;
}

div.fd_contents_div > div.fd_contents_body > ul {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
	padding-left: 6px;
}

div.fd_contents_div > div.fd_contents_body > ul > li{
	list-style: none;
	padding-left: 18px;
	background-image: url(/images/ball_red.gif);
	background-repeat: no-repeat;
	/* background-position: left; */
}

div.fd_inline_list {
	width: 90%;
	margin: 0 auto;
}

div.fd_contents_div > div.fd_contents_body > dt {
	width: 90%;
	margin: 0 auto;
	font-weight: bold;
}
/* divレイアウト end */

/* tableレイアウト start */
table.fd_contents_body {
	width: 100%;
	border-spacing: 4px; /* 各セルの間隔 変更する場合はdiv.fd_contents_bodyとdiv.fd_contents_div > h1のmarginも同じ値にする */
	border-collapse: separate;
	word-break: break-all;
	empty-cells: show;

}
table.fd_contents_body > tbody > tr > th
, table.fd_contents_body > tbody > tr > td
, table#fd_item_detail1 > thead th
, table#fd_item_detail1 > tbody td {
	/* line-height: 1.4; */
  line-height: 2;
	padding: 2px 5px;
	border: 1px solid silver;
	vertical-align: middle;
  /* レスポンシブ対応 */
  box-sizing: border-box;
}
 /* レスポンシブ対応 */
@media screen and (max-width:1024px){
  table.fd_contents_body > tbody > tr > th
  , table.fd_contents_body > tbody > tr > td
  /*, table#fd_item_detail1 > thead th
  , table#fd_item_detail1 > tbody td*/ {
    /* display: block; */
      width: 100%;
      display: flex;
      min-height: 2em;
	}
}

table.fd_contents_body > tbody > tr > th {
	/* width: 200px; */
  width: 15em;
	background: #eee;
	text-align: left;
}
@media screen and (max-width:1024px){
table.fd_contents_body > tbody > tr > th{
  width: 100%;
  background: #eee;
  text-align: left;
	}
}

/* レスポンシブでtd内を複数行にする場合 */
@media screen and (max-width:1024px){
  table.fd_contents_body > tbody > tr > td.fd_contents_block{
  display: inline-block;
	}
}

/* tableレイアウト end */

/* 入力項目を伴うレイアウト start */
.fd_contents_body > tbody > tr > td.fd_input_contents {
	padding: 1em 5px; /* 余白を多めにとる */
	line-height: 1.5;
}
/* 入力項目を伴うレイアウト end */

/* ボタンレイアウト start */
div.button_layout {
	width: 100%;
	/* display: table; */
	margin: 15px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.button_left, .button_center, .button_right {
	display: table-cell;
}
@media screen and (max-width: 1024px){
.button_left:empty, .button_center:empty, .button_right:empty {
	display: none;
  }
}

.button_left {
	padding-left: 4px;
	min-width:150px;
	text-align: left;
	vertical-align: middle;
}

.button_center {
	text-align: center;
	vertical-align: middle;
}

.button_right {
	min-width:150px;
	padding-right: 4px;
	text-align: right;
	vertical-align: middle;
}

/* レスポンシブ対応 */
@media screen and (max-width: 1024px){
  div.button_layout {
  /* flex-direction: space-between; */
  flex-direction: column-reverse;
  }
  .button_left, .button_center, .button_right {
  margin: 1em 0em;
  padding:0em 0.5em
  /* width:100%;
  text-align:center; */
  }

}
/* ボタンレイアウト end */

table.fd_layout_table td {
	border: none;
}

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

.fd_caution_note {
	color: red;
	text-decoration: underline;
}

img.list_aicon_circle_red {
	float: left;
	padding: 2px 1px 1px 1px;
}

/* 文章列挙タイプのコンテンツ */
div.fd_inner_contents {
	width: 90%;
	margin: 1em auto;;
}

/* リストマーカー */
.marker {
	display: block;
	padding-left: 2em;
	margin-bottom: 1.5em;
}
.marker:before {
	content: "";
	display: block;
	float: left;
	margin-left: -2em;
	width: 1em;
	text-align: center;
}

.marker.no-margin {
	margin: 0;
}

.marker.circle_red:before {
    content: url(/images/ball_red.gif);
}

.marker.text_circle:before {
    content: "●";
}

.emphasis_red {
	color: red;
	font-weight: bold;
}

@media screen and (max-width: 1024px){
  table.fd_requred_table > tbody > tr > th {
	   display: block;
  }
}
/* アンカー */
div.fd_contents_div a.std_anchor {
	text-decoration: underline;
}

/* fd_contents_div直下にリストを出力する場合、このクラスを追加 */
div.fd_grid_wrapper {
	padding: 0 4px; /* テーブルレイアウトのセル間隔に合わせる */
}
/* fd_container_div直下に画面記述する場合、このクラスを追加 */
div.fd_container_div > .fd_screen_description{
  padding:0px 4px;/* テーブルレイアウトのセル間隔に合わせる */
}
/* fd_contents_div直下に画面記述(上下marginあり)する場合、このクラスを追加 */
div.fd_contents_div > .fd_screen_description{
  padding:0px 4px;/* テーブルレイアウトのセル間隔に合わせる */
  margin: 1.5em 0em;
  line-height: 1.4em;
}
@media screen and (max-device-width: 1024px){
  div.fd_contents_div > .fd_screen_description{
    line-height: inherit;
  }
}
/* fd_container_div直下にテーブルを表示する場合、このクラスを追加 */
div.fd_contents_div > .fd_screen_table{
  margin: 4px;/* テーブルレイアウトのセル間隔に合わせる */
}
/* fd_contents_body直下に画面記述する場合、このクラスを追加 */
div.fd_contents_body > .fd_screen_description{
  margin: 1.5em 0em;
}

/* 2016/8/9 add start */
/* 大きめチェックボックス */
input[type="checkbox"].fd_checkbox_big {
	transform: scale(1.5);
	vertical-align: middle;
}

/* 注意喚起エリア */
.fd_caution_area {
	background: pink;
	padding: 1em;
	border-radius: 5px;
	line-height: 1.2em;
}

/* 完了画面のお辞儀どりんぴん表示エリア */
div.fd_thanks_drinpin_area {
	text-align: center;
	margin: 0 auto 2em auto;
}
/* 2016/8/9 add end */
/* リスト設定 */
.fd_scroll{
  overflow: hidden;
}
@media screen and (max-width:1024px),
screen and (max-device-width:1024px){
.fd_scroll{
    overflow-x: scroll;
  }
}
.fd_scroll_desc{
  display: none;
  margin-left:4px;
}
/* @media screen and (max-width:1024px),
screen and (max-device-width:1024px){ */
@media screen and (max-width:1024px){
  .fd_scroll_desc{
      display: block;
  }
}
/* ========================================== */
/* 変更系新レイアウト end                     */
/* ========================================== */

/* ========================================== */
/* アコーディオン表示制御 */
/* ========================================== */
.fd_accordion_switch {
	cursor: pointer;
}

.fd_accordion_switch {
    position: relative;
    padding-left: 30px !important;
}

.fd_accordion_switch:before {
    content: "+";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    text-align: center;
    line-height: 1.2;
    color: white;
    background: #01642E;
    border-radius: 50%;
    -webkit-transition: content 1s;
    transition: content 1s;
}

.fd_accordion_switch.openAccordion:before {
    content: "-";
    -webkit-transition: content 1s;
    transition: content 1s;
}

.fd_accordion_switch:after {
    content: "（クリックで開閉します）";
}

/* ========================================== */
/* ダウンライン照会TOP start                  */
/* ========================================== */
.fd_dl_service_table {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-spacing: 0px;
	border-collapse: collapse;
}

@media screen and (max-width:1024px){
  .fd_dl_service_table {
    /* margin: 0px 20px; */

  }
}
.fd_dl_service_table td {
	padding-bottom: 10px;
	border: none;
}
@media screen and (max-width:1024px){
  .fd_dl_service_table td {
    display: block;
  }
}

.fd_dl_service_table ul {
	padding-left: 1px;
}

.fd_dl_service_table ul > li{
	list-style: none;
	padding-left: 18px;
	background-image: url(/images/ball_red.gif);
	background-repeat: no-repeat;
	background-position: left;
}
@media screen and (max-width:1024px){
  .fd_dl_service_table ul > li{
  	padding-left: 25px;
    margin-left: 30px;
    background-position-y:initial;
    background-position-y:4px;
  }
}

#fd_dl_usestate_table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border-spacing: 4px;
	border-collapse: separate;
}

#fd_dl_usestate_table th {
	border: 1px solid gray;
	background-color: #eee;
	vertical-align: middle;
	padding: 3px 3px 0px 5px;
	width: 200px;
	line-height: 1.4;
}

#fd_dl_usestate_table td {
	border: 1px solid gray;
	padding: 3px 3px 0px 5px;
}

@media screen and (max-device-width: 1024px){
  #fd_dl_usestate_table th
  ,#fd_dl_usestate_table td{
    display: flex;
    width: 95%;
  }
}

/* 各種サービスボタンを配置するセル */
td.service_button_wrapper {
	text-align: right;
}
@media screen and (max-width:1024px){
  td.service_button_wrapper {
  	text-align: center;
  }
}
/* ダウンライン照会TOPの各ボタン */
.fd_button_dl_top {
	width: 12.5em;
}

/* ========================================== */
/* ダウンライン照会TOP end                    */
/* ========================================== */
/* ========================================== */
/* 各種情報照会 start                           */
/* ========================================== */
.trparentgroupfaxbox {
	border: 1px solid gray;
	background-color: #eee;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	font-size: 11pt;
	padding: 5px 5px 5px 5px;
	line-height:11px
}

.trparentgroup {
	border: 1px solid gray;
	background-color: #eee;
	font-size: 11pt;
	line-height: 0.3;
	vertical-align: middle;
	font-weight: bold;
	text-align: center
}
@media screen and (max-width: 1024px){
  [class*="trparentgroupfaxbox"],[class*="trparentgroup"] {
        font-size: 14pt;
        line-height: 1.2em;
    }
}
.trBorderClass {
   border: none
}
.update_date{
  text-align: right;
  display: inline-block;
}
@media screen and (max-width:1024px){
  .update_date{
    width:100%;
  }
}
div#KKSLST_wrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

div#KKSLSTGAIYO_wrap {
	width: 800px;
	margin-left: auto;
	margin-right: auto;

}
div.fd_contents_div > h1 {
	text-align: left;
	margin: 4px 4px 0 4px;
	padding: 5px;
	background-color: #dfd;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.4;
	border: 1px solid silver;
}

div.fd_contents_div > div.fd_contents_body > div.std_grid_wrapper > p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
	text-align: left;
}
.fd_faxbox_table_wrapeer{
    padding-left: 4px;
    padding-right: 4px;

}
table#KKSLST{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.FDTEXT div{
	text-align: center
}
.TITLE6{
	width: 70%
}
.TITLE5{
	width: 75%
}
.TITLE5 > div{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}

.FDTEXT{
	width: 28%
}

table#KKSLSTGAIYO{
	width: 90%;
	border-style: solid;
	border-width: 0px;
	border-color: black;
	border-spacing: 4px;
	border-collapse: seperate;
	margin: 0 auto;
}

table#KKSLSTGAIYO tr{
	border-bottom: 1px solid gray;
	padding: 10px 10px 10px 10px;
}

table#KKSLSTGAIYO td {
	border: 1px solid gray;
	padding: 10px 10px 10px 10px;
}

table#KKSLST td {
	border-bottom: 1px solid gray;
	padding: 10px 10px 10px 10px;
  box-sizing: border-box;
}

ul.menu {
	list-style:none;
	margin-top:31px;
}
ul.menu a{
	font-size:20px;
	display: block;
	width:500px;
	padding:10px;
	margin:10px auto;
	border : solid medium #2E8B57;
	border-radius: 15px;
	background-color:#fff;
	text-decoration: underline;
}
ul.menu a img {
	height: 60px;
	padding-right:10px;
	padding-left:10px;
}
ul.menu a:hover {
	background-color:#dfd;
}
#KKSMNULIST{
  /* padding-right: 40px; */
    margin: 0 auto;
    margin-top: 2em;
    padding:0px;
    width:90%;
    max-width: 500px;

}
#KKSMNULIST > li > span > a{
  width: auto;
}

/* ========================================== */
/* 各種情報照会 end                             */
/* ========================================== */
/* ========================================== */
/* iPadアプリ start                           */
/* ========================================== */
/* ダウンロードページ遷移ボタン */
.fd_ipad_button1,.fd_android_button1 {
	/* width: 20.5em; */
  width: 80%;
  /* max-width: 20.5em; */
  max-width: 20em;
	white-space: normal;
	/* padding: 0.5em 3em; */
  padding: 0.5em 0;
	line-height: 1.2;
	/* height:3.5em; */
  min-height: 3.5em;
  min-width: 15em;
  font-size: 16px;
  word-break: keep-all;
}
.fd_appdlbutton_center{text-align:center;}
/* .fd_appdlbutton_center input{margin: 0px 20px;margin-top:2em;} */
.fd_appdlbutton_center input{margin: 1em 15px 1em 0;}
table#fd_ipadapp_manual > thead > tr > th {
	background: #eee;
	border: 1px solid silver;
  word-break: normal;
}

/* iPadアプリ操作マニュアルテーブルの行見出し */
table#fd_ipadapp_manual > tbody > tr > th {
	width: 50px;
	text-align: center;
}

table#fd_ipadapp_manual > tbody > tr > td:nth-of-type(1) {
	text-align: left;
}

table#fd_ipadapp_manual > tbody > tr > td:nth-of-type(2) {
	min-width: 130px;
}

@media screen and (max-width: 1024px){
  table#fd_ipadapp_manual > tbody > tr > th
  ,table#fd_ipadapp_manual > tbody > tr > td{
    display: table-cell;
  }
  table#fd_ipadapp_manual > thead > tr > th:nth-of-type(3)
  ,table#fd_ipadapp_manual > tbody > tr > td:nth-of-type(2){
    display: none;
  }

}

/* 動作環境 */
.fd_ipadapp_kiyaku{margin-top:0px;}
.fd_ipadapp_warning_ios li{margin-bottom:1em;}
.fd_ipadapp_warning_common {margin-top:0px;}
/* ========================================== */
/* iPadアプリ end                             */
/* ========================================== */

/* ========================================== */
/* 新会員情報照会/変更 start                  */
/* ========================================== */
/* 各変更ボタン */
.fd_button_memberinfo_change {
	min-width: 50px;
	height: 30px;
/* 青系グラデーション */
    color: #FFFFFF;
    background-color: #0095df;
    background-repeat: repeat-x;
	background-color: #0064cd;
	border: 1px solid #0f61b8;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	background-image: linear-gradient(to bottom, #0095df, #0064cd);*
}

.fd_button_memberinfo_change_mouseover {
	min-width: 50px;
	height: 30px;
	background: royalblue;
}

/* 「変更」アンカー */
td.fd_memberinfo_change_cell {
	/* width: 75px; */
  width: 150px;
	padding: 10px 0 !important;
	text-align: center;
}
td.fd_memberinfo_change_cel2 {
	/* width: 75px; */
  width: 150px;
	padding: 10px 0 !important;
	text-align: left;
  /* min-width: 130px; */
}
td.fd_memberinfo_change_cel2 > span > span:nth-of-type(1){
  padding-right: 1em;
}

/* 携帯メールアドレス変更 */
@media screen and (max-device-width: 1024px){
  #HMAILINP1
  ,#HMAILINP2{
    width: 95%;
  }
  #DOMAINWK1
  ,#DOMAINWK2{
    width: 100%;
  }
}

/* メール情報配信変更 */
.fd_memberinfo_haishin {
  width: 100%;
  max-width: 400px;
}

/* 登録FAX番号変更 */
td.fd_memberinfo_fax > span > input{
  width: 90%;
  max-width: 5em;
}

/* パスワード変更 */
table.fd_memberinfo_pass > tbody > tr > th{
  width: 30%;
}
/* @media screen and (max-device-width: 1024px){ */
@media screen and (max-width: 1024px){
  table.fd_memberinfo_pass > tbody > tr > th{
    width: auto;
  }
}

/* アカウント連携(LINE連携) */
.fd_memberinfo_lineaccount{
  display: none;
}
td.fd_memberinfo_account > div{
  display: flex;
}
td.fd_memberinfo_account > div > span.fd_memberinfo_renkei{
  min-width: 5em;
}
td.fd_memberinfo_account > div > span.fd_memberinfo_member{
  margin: auto 0;
}
td.fd_memberinfo_account input{
  border: none;
}
td.fd_memberinfo_account table#CNTIDLST{
  line-height: 1.5;
}
td.fd_memberinfo_account table#CNTIDLST tr{
  display: inline-block;
  padding-right: 1em;
}

table#fd_aconect_table {
  width: 70%;
  margin: auto;
}

img.fd_account_img{
  width: 20%;
  min-width: 10em;
}
a.fd_account_qrcode{
  cursor: pointer;
}

/* ========================================== */
/* 新会員情報照会/変更 end                    */
/* ========================================== */

/* ========================================== */
/* コース・口座引落情報変更 start             */
/* ========================================== */
table#fd_course_table td {
	text-align: center;
}

@media screen and (max-width: 1024px){
  table#fd_course_table th
  ,table#fd_course_table td {
  	width: auto;
    display: table-cell;
  }
}

/* 実績月セル */
tr#fd_result_month > th {
	background: #dfd;
}

/* 凡例 */
dl#color_legend dt {
	clear: left; float:
	left; width: 11em;
	text-align: center;
	margin-bottom: 0.6em;
	line-height: 1.4;
}

dl#color_legend dt#deadline1, table#fd_course_table td.current1 {
	background: #FFFF99;
}

dl#color_legend dt#deadline2, table#fd_course_table td.current2 {
	background: lightcyan;
}

dl#color_legend dd {
	margin-left: 12em;
	margin-bottom: 0.6em;
	line-height: 1.4;
}

@media screen and (max-device-width: 1024px){
  dl#color_legend dt {
  	float: none;
  }
  dl#color_legend dd {
  	margin-left: 10%;
  }
}
/* 登録コース・次回予約製品 */
table#fd_course_table .fd_course_smart{
  display: none;
}
/* スマホ時 */
@media screen and (max-width: 767px){
  table#fd_course_table .fd_course_normal{
    display: none;
  }
  table#fd_course_table .fd_course_smart{
    display: table-row;
  }
}

/* 非活性アンカー */
.link_deactive {
	text-decoration: line-through;
	color: silver;
}

/* 各変更入力画面の変更内容行 */
tr.fd_change_row {
	background: papayawhip;
}

div.fd_contents_div > table.fd_contents_body > tbody > tr.fd_change_row > th {
	text-align: right;
	background: inherit;
}

/* コース変更 */
table.fd_contents_body.fd_coursechange_table > tbody > tr > th {
	width: 150px;
}

table.fd_contents_body.fd_coursechange_table > tbody > tr > td:nth-of-type(1) {
	width: 200px;
}

@media screen and (max-width: 1024px){
  table.fd_contents_body.fd_coursechange_table > tbody > tr > th {
  	width: 1em;
    display: table-cell;
  }
  table.fd_contents_body.fd_coursechange_table > tbody > tr > td {
  	display: table-cell;
  }
}

@media screen and (max-width: 1024px){
  table.fd_contents_body.fd_coursechange_table > tbody > tr > td:nth-of-type(1) {
  	width: 30%;
  }
}

/* 口座引き落とし */
table.fd_contents_body.fd_kouzachange_table > tbody > tr > th {
	width: 150px;
}

table.fd_contents_body.fd_kouzachange_table > tbody > tr > td:nth-of-type(1) {
	width: 200px;
}

@media screen and (max-width: 1024px){
  table.fd_contents_body.fd_kouzachange_table > tbody > tr > th {
  	width: 1em;
    display: table-cell;
  }
  table.fd_contents_body.fd_kouzachange_table > tbody > tr > td {
  	display: table-cell;
  }
}


/* モーダルダイアログ用 */
#fd_modal_content {
	width: 50% ;
	margin: 0 ;
/*	padding: 10px 20px ;*/
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
@media screen and (max-width:1024px){
  #fd_modal_content {
    width:90%;
  }
}

#fd_modal_overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

#fd_modal_inner {
	font-size: 14pt;
}

a#fd_modal_close {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
}

a#fd_modal_close:hover {
	color: red;
}

/* 2016/10/12 FGI固定商品選択対応 変更系画面における選択商品テーブル */
table#fd_select_item.fd_sel_item_teiki {
	width: 65%;
}

table.fd_select_item_disp {
	margin: 0;
}

fieldset.fd_free_select_item {
	border: 1px solid silver;
	/* width: 90%; */
  /* width: 95%; */
}

/* コース選択(F,G,I)、定期購入方法 */
#WKVLCDF1
,#WKVLCDG1
,#WKVLCDG2
,#WKVLCDI1
,#WKACCD{
  /* 100%の場合、右スクロールになってしまう */
  width: 95%;
  max-width: 20em;
}

/* 口座引落変更内容 */
#WKCRSCD{
  /* 100%の場合、右スクロールになってしまう */
  width: 95%;
  max-width: 15em;
}

/* リンク */
.fd_coursechange_link{
  text-align: right;
  padding-right: 4px;
  margin: 15px 0;
}

/* ========================================== */
/* コース・口座引落情報変更 end               */
/* ========================================== */

/* 携帯サイトコンテンツラッパー */
div.fd_mobile_contents_wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	height: 100%;
}

table.fd_mobile_id_change_table
, table.fd_id_change_table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1024px){
  table.fd_mobile_id_change_table
  , table.fd_id_change_table{

    margin: 0 auto;
  }
  table.fd_mobile_id_change_table tbody > tr >td
  , table.fd_id_change_table tbody > tr >td{
          display: block;
          /* padding-bottom:0.5em; */
  }
  table.fd_mobile_id_change_table tbody > tr >td:nth-of-type(1)
  , table.fd_id_change_table tbody > tr >td:nth-of-type(1){
    padding-bottom:0.5em;
  }
}

p.fd_mobile_caution_note {
	text-align: center;
	margin-bottom: 0;
	text-decoration: underline;
}

/* ========================================== */
/* 注文履歴 start                             */
/* ========================================== */
/* 注文履歴一覧画面 --------------------start */
div.fd_layout_table {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 4px 0;
}

#fd_search_cond_text {
	margin: 5px;
}

div.fd_layout_table > div {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 1024px){
  div.fd_layout_table div {
  	text-align: center;
  }
}

div.fd_layout_table > div.fd_search_header {
	width: 100px;
	text-align: center;
}

div.fd_layout_table > div.fd_search_dropdown {
	margin-bottom: 1em;
}

@media screen and (max-width: 1024px){
  div.fd_layout_table .std_dropdown,.std_dynamic_select {
    min-width: 150px;
    min-height: 35px;
  }
}

table#fd_order_history_grid {
	/* width: 100%; */
  width: 792px !important;
	line-height: 1.4;
	border-collapse: collapse;
	border: 1px solid silver;
	word-wrap: break-word;
}

table#fd_order_history_grid > thead > tr > th {
	background-color: #dfd;
	border: 1px solid silver;
	padding: 0 3px;
	white-space: nowrap;
}

/* 注文履歴リスト各行の基本スタイル */
table#fd_order_history_grid > tbody > tr {
	height: 5em;
	text-align: center;
}

/* 試算レコード */
table#fd_order_history_grid > tbody > tr.fd_sisan_tr {
	background: lightcyan;
}

table#fd_order_history_grid > tbody > tr > td {
	border: 1px solid silver;
	padding: 1em 10px;
}

table#fd_order_history_grid > tbody > tr > td:nth-of-type(2) /* 注文者 */
, table#fd_order_history_grid > tbody > tr > td:nth-of-type(3) /* 注文概要 */
{
	text-align: left;
}

/* 注文一覧リスト 各セルのスタイル */
table#fd_order_history_grid > tbody > tr > td:nth-of-type(1) { width: 5em; } /* 注文日・注文番号 */
/*table#fd_order_history_grid > tbody > tr > td:nth-of-type(2) { width: 250px; } /* 注文者 */
/*table#fd_order_history_grid > tbody > tr > td:nth-of-type(3) { width: 250px; } /* 注文内容 */
table#fd_order_history_grid > tbody > tr > td:nth-of-type(4) { width: 10em; white-space: nowrap; } /* 注文明細・発送状況 */

/* ページング */
div.fd_paging_table {
	display: table;
	margin: 0.5em auto;
	border-collapse: separate;
	border-spacing: 0.5em;
}

div.fd_paging_table > div {
	display: table-cell;
	text-align: center;
}

div.fd_paging_table > div:first-child
, div.fd_paging_table > div:last-child
{
	width: 2.5em;
}

div.fd_paging_table > div:nth-of-type(2)
, div.fd_paging_table > div:nth-of-type(4)
{
	width: 7.5em;
}
/* 注文履歴一覧画面 ----------------------end */

/* 注文明細画面 --------------------start */
.fd_note_sisan {
	background: lightcyan;
	border: 2px solid blue;
	padding: 0.5em;
}

/* 商品明細テーブル用スタイル */
table#fd_item_detail1 {
	/* width: 99%; */
  width: 100%;
	line-height: 1.4;
	border-collapse: collapse;
	/* margin: 4px; */
}

/* 商品明細テーブルヘッダ */
table#fd_item_detail1 > thead > tr > th {
	background: #eee;
	text-align: center;
}

/* 罫線に見せかける空行用スタイル */
table#fd_item_detail1 > thead > tr:last-child
{
	height: 4px;
}

/* 商品明細テーブルボディ */
table#fd_item_detail1 > tbody {
	text-align: right;
}

table#fd_item_detail1 > tbody > tr > td {
	padding: 0.5em 5px;
}

table#fd_item_detail1 > tbody > tr > td:nth-of-type(1) {
	text-align: center;
}

table#fd_item_detail1 > tbody > tr > td:nth-of-type(2) {
	text-align: left;
}

/* 商品明細テーブルフッタ(小計等) */
table#fd_item_detail1 > tfoot > tr {
	text-align: right;
}

table#fd_item_detail1 > tfoot > tr > td {
	padding: 2px 5px;
}

table#fd_item_detail1 > tfoot > tr:first-child > td {
	padding-top: 4px;
}

/* フッタ右3列のみ適用 */
table#fd_item_detail1 > tfoot > tr > td:nth-of-type(n+3) {
	border-bottom: 1px solid silver;
}

/* フッタの見出し列 */
table#fd_item_detail1 > tfoot > tr > td:nth-of-type(3) {
	text-align: left;
}

/* フッタの合計行 */
table#fd_item_detail1 > thead > tr:last-child
{
	height: 4px;
}

/* フッタの消費税行 */
table#fd_item_detail1 > tfoot > tr > td.foot_pl20 {
	padding-left: 20px;
}
/* フッタの合計行 */
table#fd_item_detail1 > tfoot > tr > td.foot_total {
 font-weight: bold;
 background: lightyellow;
}
/* 注文明細画面 ----------------------end */
/* ========================================== */
/* 注文履歴 end                               */
/* ========================================== */

/* ========================================== */
/* リプレイ登録申請 start                     */
/* ========================================== */
/* 共通 */

/* リプレイ登録TOP */
.fd_embedded_container {
	height: 200px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 90%;
	margin: 0 auto;
	border: 1px solid silver;
}

.fd_iframe_pdf {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.fd_checkbox_text {
	white-space: normal;
}

table.fd_replay_list {
	border-collapse: collapse;
}

table.fd_replay_list thead th {
	background: #dfd;
	border: 1px silver solid;
	padding: 2px 5px;
}

table.fd_replay_list tbody td {
	border: 1px silver solid;
	text-align: center;
	padding: 3px 7px;
}
@media screen and (max-device-width: 1024px){
  table.fd_replay_list{
    width: 700px !important;
  }
  table.fd_replay_list tbody td {
    padding: 3px 2px;
  }
}

/* 3)初回ご注文情報の確認 */
div.button_layout#fd_destination {
	margin: 0;
}
@media screen and (max-device-width: 1024px){
  div.button_layout#fd_destination {
    margin: 1em 0;
    display: block;
  }
}

div.button_layout#fd_destination > .button_left
, div.button_layout#fd_destination > .button_right
{
	width: auto;
	padding: 0;
}
.fd_rep_canpain_chuui{
	font-size:13px;
    margin-left:2em;
}

/* 着指定選択可能日マスタ化対応 */
.fd_replay_chakbi_div,
#replay_chakubi{

	margin:1em 0em;

}
.fd_replay_chakbi_div > div{

	display: table;

}

.fd_replay_chakbi_div > div > div{

	display: table-cell;
	width: 100px;
}

.fd_replay_chakbi_div > div > span > select{

	display: table-cell;
	width: 100%;

}

.replay_chakubi_ng{
	margin: 1em 0em;
	color:red;
}
.fd_replay_chakuwaring{
	margin-bottom:2em;
}
.fd_replay_regist_button{
	text-align:center;
	background-color:aliceblue;
	/* height:15em; */
  height: auto;
  min-height: 15em;
	border:1px solid silver;
}
/* @media screen and (max-device-width: 1024px){
  .fd_replay_regist_button{
  	height: auto;
  }
} */
.fd_replay_regist_button input[type="button"],
.fd_replay_regist_button input[type="submit"]{
	margin:2em 2em;
	width:15em;
	height:3.5em;
	font-size:12pt;
}
@media screen and (max-device-width: 1024px){
  .fd_replay_regist_button input[type="button"],
  .fd_replay_regist_button input[type="submit"]{
    margin:2em 1em;
  }
}
@media screen and (max-width: 768px){
	.fd_replay_regist_button > div{
	    display: flex;
	    flex-direction: column-reverse;
	}
}
.fd_replay_regist_redunderline{
	color:red;
	text-align:left;
	text-decoration:underline;
	margin: 0em 1.5em;
}
/* 振込・引落先金融機関、3ヶ月目以降の製品お届先 */
#WKACMEMID
,#WKARCD{
  width: 100%;
  max-width: 20em;
}
/* 支払方法 */
#SIHARAIHO{
  width: 100%;
  max-width: 15em;
}
.fd_replay_center{
  text-align: center;
}
/* ========================================== */
/* リプレイ登録申請 end                       */
/* ========================================== */

/* ========================================== */
/* 商品選択 start                             */
/* ========================================== */
/* しましまタイプ */
table#fd_select_item {
	width: 75%;
	border-collapse: collapse;
}

table#fd_select_item > thead > tr > th {
	background: #dfd;
	color: black;
}

table#fd_select_item > thead > tr > th
, table#fd_select_item > tbody > tr > td
{
	border: 1px solid silver;
	padding: 5px;
}

table#fd_select_item > tbody > tr:nth-child(odd) {
	background: white;
  height:3em;
}

table#fd_select_item > tbody > tr:nth-child(even) {
	background: whitesmoke;
  height:3em;
}

table#fd_select_item > tbody > tr > td:nth-of-type(2)
, table#fd_select_item > tbody > tr > td:nth-of-type(3)
{
	text-align: right;
}

table#fd_select_item > tbody > tr > td:last-child {
	text-align: center;
}
.fd_select_item_waring {
	background-color:pink;
	padding:1em;
	line-height:1.2em;
}
.fd_select_item_casecheck {
	margin-right:0.5em;
}
/* ========================================== */
/* 商品選択 end                               */
/* ========================================== */

/* ========================================== */
/* 住所選択 start                             */
/* ========================================== */
table.fd_address_table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
  line-height: 1.8;
}

table.fd_address_table td {
	border: 1px solid silver;
  padding: 0em 0.5em;
}

table.fd_address_table .address_layout {
  width: 100%;
  /* display: table; */
  margin: 15px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#fd_address_input dt {
	margin-left: 0;
}

div#fd_address_input dd {
	border: 1px solid silver;
	margin-left: 0;
  line-height: 2;
}

div#fd_address_input div.fd_layout_table {
	table-layout: auto;
	width: auto;
}

div#fd_address_input div.fd_layout_table > div {
	height: 3em;
  /* 住所選択の時は中央寄せしない */
  text-align: start;
}

/* 1行目(ラベル) */
div#fd_address_input div.fd_layout_table > div:first-child {
	width: 9em;
	/* padding-left: 1.5em; */
  padding-left: 1.0em;
}

/* 1行目以外(ラベル以外) */
div#fd_address_input div.fd_layout_table > div:nth-child(n+2) {
	padding-left: 1.0em;
}

div#fd_address_input div.fd_layout_table > div > span.fd_reqright {
	float: right;
}

.fd_required {
	color: red;
	padding-left: 1em;
  white-space: nowrap;
}

div#fd_address_input .fd_err_msg {
	margin: 0 1.5em;
	padding: 0.5em;
}

.fd_input_contents .fd_err_msg {
	margin: 0.5em 0;
	padding: 0.5em;
}

@media screen and (max-width: 1024px){
  div#fd_address_input div.fd_layout_table > div {
    height: auto;
  }
  div#fd_address_input div.fd_layout_table > div:nth-child(n+2) {
  	padding-bottom: 1em;
  }
  div#fd_address_input div.fd_layout_table > div > span.fd_reqright {
  	float: none;
  }
  div#fd_address_input div.fd_layout_table #INPADR2
  ,div#fd_address_input div.fd_layout_table #INPADR3
  ,div#fd_address_input div.fd_layout_table #INPADR4
  ,div#fd_address_input div.fd_layout_table #INPSNDNM
  ,div#fd_address_input div.fd_layout_table #INPSNDKAI{
    width: 90%;
  }
}
@media screen and (max-width: 768px){
  table.fd_address_table .address_layout
  ,table.fd_address_table .address_layout .button_center{
    display: block;
  }
}

/* ========================================== */
/* 住所選択 end                               */
/* ========================================== */

/* ========================================== */
/* iframe高さ自動調整用                       */
/* ========================================== */
iframe.fd_iframe {
	border: none;
	width: 100%;
	overflow: hidden;
}
/* ========================================== */
/* 名刺フォーマットダウンロード               */
/* ========================================== */
.fd_button_meishidl{
	padding:10px 30px;
  width:100%;
	max-width:300px;
	white-space: normal;
	line-height:1.5em;
}
.fd_meishidl_desc{
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.fd_meishi_img_wrapper{
  display: flex;
  flex-wrap: wrap;
  margin-top:1em;
}
.fd_meishi_div{
  width:50%;
}
.fd_meishi_div > div{
  text-align: center;
}

.fd_meishidl_kiyaku{
	border:1px solid silver;
	margin-top:40px;
	margin-bottom:25px;
}

.fd_meishidl_kiyaku > legend{
	font-weight:bold;
}

.fd_meishi_table{
	width:100%;
	text-align:center;
	margin-top:20px;
}
.fd_meishi_table > thead > tr > th {
	font-weight:nomal;
}
.fd_meishidl_title{
	/* width:100%; */
	background-color:#eee;
	padding:5px;
	font-weight:bold;
	margin-top:30px;
	border-left:5px solid green;
}
div.fd_meishi_dl_contents{
	line-height:1.5em;
}
.fd_meishi_pdfdl_button{
	margin-top:30px;
	}
.fd_meishi_img1{width:90%;border:1px solid silver;}
div.fd_meishi_aidl{text-align}
.fd_meishi_footer{text-align:left;margin:50px 0px;}

/* ****************************************** */
/* ダウンライン注文 */
/* ****************************************** */
.fd_dlorder_table,
.fd_dlorder_confirm_table{
  text-align: center;
	margin: 10px auto;
  /* レスポンシブ対応 */
	/* padding:0px 1px; */
	width: 100%;
	border-spacing: 0 4px; /* 各セルの間隔[左右 上下] 変更する場合はdiv.fd_contents_bodyとdiv.fd_contents > h1のmarginも同じ値にする */
	border-collapse: separate;
	word-break: break-word;
	empty-cells: show;
}

.fd_dlorder_table > tbody > tr > td{
	border:1px solid silver;
	text-align: left;
}
.fd_dlorder_confirm_table > tbody > tr > td{
	border:1px solid silver;
	text-align: left;
	height: 48px;
}
@media screen and (max-width:1024px){
  .fd_dlorder_confirm_table > tbody > tr > td{
    height: 100%;
  }
}
.fd_dlorder_table > tbody > tr > th,
.fd_dlorder_confirm_table > tbody > tr > th{
	background-color: #eee;
	border:1px solid silver;
	text-align: left;
	padding:5px;
}
@media screen and (max-width:1024px){
  table.fd_dlorder_table > tbody > tr > th
  , table.fd_dlorder_table > tbody > tr > td
  ,table.fd_dlorder_confirm_table > tbody > tr > th
  , table.fd_dlorder_confirm_table > tbody > tr > td {
     display: block;
	}
}
/* @media screen and (max-width:1024px){
   table.fd_dlorder_table > tbody > tr > td span,
   table.fd_dlorder_confirm_table > tbody > tr > td span{
     display: inline-block;
     vertical-align: middle;
   }


} */

div.fd_dlorder_description{
	border:1px solid silver;
	margin:10px 4.5px 20px 4.5px;

}
div.fd_dlorder_description > ul {padding-left: 5px;}
div.fd_dlorder_description > ul > li{
	list-style-type: none;
	margin-left: 1em;
}
.fd_dlbutton_div{
	display: block;
}
div.fd_dlorder_confirm{
	text-align: center;
}
.fd_dlorder_submit{
	float: right;
}
.fd_dlorder_back{
	float: left;
}

/* ========================================== */
/* ウィンドウ幅が以下(iPad)の場合のスタイル    */
/* ========================================== */
@media screen and (max-width:1024px){
	/* テーブルの各テキストの行間を広く */
	table {
		line-height: 1.4;
	}
	/* サイドメニューの幅を狭く */
	ul#o1_LANSA_25773 {
		width: 130px;
        /*font-size: 1.15vw !important;*/
	}
}

/* iPadより小さい端末のみ適用 */
@media screen and (max-device-width:900px){
/* @media screen and (max-width:1024px){ */
	/* Android chromeでフォントサイズ自動調整を抑止する */
	html * {
	}
	/* iPhone safariでフォントサイズ自動調整を抑止する */
	body, table, strong, input, select, textarea, button
	, div.fd_contents_div > h1
	, .fd_header_top
	, div.desctitle
	, th.TOPMENUBAR
	{
		-webkit-text-size-adjust: 100%;
		font-size: 14pt;
		line-height: 1.8;
	}

	td#fd_sidemenu {
		font-size: 11pt;
	}

	input[type="radio"] , input[type="checkbox"] {
 		transform: scale(1.5);
		margin: 4px 10px;
		vertical-align: middle;
	}
	/* パスワード再発行 本人確認情報入力画面 */
	.loginTable_reissue {
		width: 650px;
	}
	/* パスワード再発行 パスワード再発行画面 */
	.loginTable_regpass {
		width: 650px;
	}
	.loginTable_regpass tbody td:nth-of-type(1) {
		width: 200px;
	}
	/* 注文履歴 リストのボタンはサイズ変更しない */
	#fd_order_history_grid .fd_button
	, #fd_order_history_grid .fd_button_mouseover {
		font-size: 11pt;
	}

	/* 携帯サイト埋め込み画面の文字 */
	.fd_mobile_id_change_table
	, .fd_mobile_caution_note
	{
		/* font-size: 18pt; */
    /* レスポンシブ対応 */
    font-size: 12pt;
	}
  .fd_mobile_id_change_table > tbody > tr:nth-of-type(1){
    display: none;
  }
	a.fordays_std_menu, a.fordays_std_menu:hover, a.fordays_std_menu_selected
	{
		font-size: 14pt;
	}

}
/*=============================*/
/* 退会画面(WMTAIKAI)           */
/*=============================*/
/* margin、padding */
.fd_taikai_margin{
	padding:5px 10px 5px 10px;
	margin: 10pt;
	line-height:1.2em;

}
.fd_taikai_margin1{
	padding:20px 20px 20px 20px;
}
.fd_taikai_margin2{
	width: 80%; margin: 0 auto; text-align: left;"
}
/*中央寄せ*/
.fd_taikai_center{
	text-align: center;
}
/*左寄せ*/
.fd_taikai_left{
	text-align: left;
}
/*右寄せ*/
.fd_taikai_right{
	text-align: right;
}
/* 入力項目 */
.fd_taikai_textarea{
	border: 1px solid #c7dff4;
	scrollbar-DarkShadow-Color: #3a7bbb;
	scrollbar-3dLight-Color: #ffffff;
	scrollbar-arrow-color: #01478c;
	scrollbar-Base-Color: #c7dff4;
	scrollbar-Face-Color: #e2effa;
	scrollbar-Highlight-Color: #ffffff;
	scrollbar-Shadow-Color: #7db0e5;
	scrollbar-Track-Color: #d1d1d1;
	overflow: auto;
	width: 500px;
	height: 100px;
}
/* 表示項目 */
.fd_taikai_output{
	width: 100%;
	height: 100%;
	word-break:break-all;
	padding-bottom:50px;
}
/* 引落非表示 s*/
.fd_taikai_hidden{
	display: none;
}
/* リストの○ */
.fd_taikai_margin ul > li
{
/*	list-style: none;*/
	list-style-image: url(/images/ball_red.gif);
	margin-left: -10px;
	margin-bottom: 1em;
	padding-left: 15px;
}
.fd_taikai_button{
  max-width: 100%;
  white-space: normal;
  line-height: 1.5em;
}
/* ========================================== */
/* 名刺作成                                    */
/* ========================================== */
div.fd_meishi_houhou{
	line-height: 1.5em;
}
div.fd_meishi_houhou > ul {
	list-style: none;
	margin-left:0px;
	padding:0px;
}
div.fd_meishi_houhou > ul > li >span{
	font-size: 8pt;
}
.fd_meishi_button_div{
	text-align: center;
	margin-top: 3em;
	margin-bottom:2em;
	border:1px solid silver;
	padding-bottom:1em;
  padding: 1em;
}
.fd_meishi_description_div{
	margin:1em;
	text-decoration: underline;
}
.fd_meishi_button,.fd_meishi_button_mouseover{
	width:400px;
	height: 50px;
}

.fd_meishi_button,.fd_meishi_button_mouseover{
	width:400px;
	height: 50px;
}

/* ========================================== */
/* 登録情報変更(WMHENKOU)                      */
/* ========================================== */
.fd_henkou_ML10{
	margin-left: 10px;
}
.fd_henkou_ML20{
	margin-left: 20px;
}
.fd_henkou_ML30{
	margin-left: 30px;
}
.fd_henkou_MLR30{
  margin:1em 0.5em 1em 0.5em;
  line-height: 1.5em;
}
.fd_henkou_ML40{
	margin-left: 40px;
	display:inline-block;
}
.fd_henkou_ML60{
	margin-left: 60px;
	display:inline-block;
}
.fd_henkou_ML100{
	margin-left: 100px;
	display:inline-block;
}
.fd_henkou_TAL{
	text-align: left;
}
.fd_henkou_LH{
	line-height: 1.2em;
}
.fd_henkou_h60{
	height: 60px;
}
.fd_henkou_h120{
	height: 120px;
}
.fd_henkou_pd20{
	padding: 20px 20px 0px 20px;
}
.fd_henkou_red{
	color: red;
}
/* ========================================== */
/* 会員招待メール                             */
/* ========================================== */
/* 機能説明 */
.invml_head1 {
	padding-left: 10px;
}
/* 注意事項 */
.invml_head2 {
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* リストマーカー */
.invml_marker {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
  margin-left:1em;
}
.invml_marker:before {
	content: "";
	display: block;
	float: left;
	margin-left: -25px;
	width: 1em;
	text-align: center;
}
.invml_marker.circle_red:before {
    content: url(/images/ball_red.gif);
}


/* テーブル位置調整 */
table.invml_w250 > tbody > tr > th {
	width:250px;
}
table.invml_w250 > tbody > tr > td  {
  word-wrap: break-all;
}
@media screen and (max-width:1024px){
  table.invml_w250 > tbody > tr > th,
  table.invml_w250 > tbody > tr > td{
    display: block;
    width: 100%;
  }
}
#WK_MAIL{width:90%;}
.fd_sub_title{
	width:100%;
	background-color:#eee;
	padding:5px;
	font-weight:nomal;
	margin-top:30px;
	border-left:5px solid green;
}
/* 完了画面どりんぴん */
div.fd_thanks_drinpin_img > img{
  width:25%;
  }

/* タイムアウトリダイレクト画面 */
.fd_waitmsg {
  /* height:5em; */
  vertical-align: middle;
  margin:1em auto 0em auto;
  /* font-size:14pt; */
}
/* 社員メンテTOPボタン */
.fd_top_button{
  /* margin-left: 0.5em; */
  height: 100%;
  padding:10%;
  background-color: blue;
  color:white;
  font-weight: bold;
}
/* スマホ用ヘッダログアウトボタン */
.fd_logout_mobile{
  display: none;
}
@media screen and (max-width:1024px),
screen and (max-device-width:1024px)
{
a.fd_logout_mobile{
    box-sizing: border-box;
    display: block;
    height:44px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    top: 7px;
    right: 5em;
    text-decoration: none;
    text-align: center;
    line-height: 1em;
    border:1.5px solid white;
    border-radius: 0.5em;
    margin-right: 2em;
  }
}
a.fd_logout_mobile > img{
  width:32%;
  margin-top: 5px;
}
a.fd_logout_mobile > div{
  font-size: 7pt;
  color:white;
  margin-top: 0em;
}

/* .fd_logout_mobile a:link {
  width:6em;
  color:white;
  text-decoration: none;
  background-color: #01642E;
  border:2px solid white;
  border-radius: 1em;
  padding:5px 10px 5px 10px;

} */
a.fd_logout_mobile:hover{
  color:white;
  text-decoration: none;
  background-color: green;
  opacity: 50;
}
#o1_LANSA_29090 {
  display: none !important;
}
/* @media screen and (min-width:1025px){
  #o1_LANSA_29090 {
  	display: none !important;
	}
} */
@media screen and (max-width:1024px),
screen and (max-device-width:1024px){
  #o1_LANSA_32060 {
  	display: none !important;
	}
  #o1_LANSA_29090 {
  	display: inline !important;
	}
}
/* ページトップへ移動ボタン */
a#fd_goto_pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 20px;
	padding: 1em;
	background: gray;
	color: white;
	text-decoration: none;
	border-radius: 100%;
	opacity: 0.5;
}

/* ========================================== */
/* 社員ログイン                               */
/* ========================================== */
/* ログインボタン */
.fd_employee_login{
  padding: 1em 0;
}
/* ログアウトボタン */
.fd_employee_logout{
  border-left: 2px solid #01642E;
  width: 75px;
  text-align: right;
  padding-right: 1em;
}
/* fd_userinfoと合わせる */
.fd_employee_userinfo{
  padding-top:10px; /* レスポンシブ対応 */
  padding-right: 10px;
  padding-bottom: 2px;
  line-height: 1.1;
  text-align: right;
  vertical-align:bottom;
}
.fd_employee_logout img{
  border-style: none;
  width: 50px;
  height: 50px;
}

/* ========================================== */
/* QRログイン                                 */
/* ========================================== */
.loginBase img.fd_qrlogin{
  width: auto;
}

/* ========================================== */
/* LINEログイン                                 */
/* ========================================== */
fieldset.loginContents > legend{
  font-weight:bold;
  text-align: left;
}
/* ========================================== */
/* LINE連携済ページ                           */
/* ========================================== */
.fd_line_markup{
  margin:0 auto;
  /* border: 1px solid silver; */
  text-align: center;
  padding:2em;
  width:80%;
}
/* ========================================== */
/* パスワード表示切替                         */
/* ========================================== */
#passwordCheck1,#passwordCheck2 {
      cursor: pointer;
      opacity: 0;
      position: absolute;
      right: 0px;
      width: 30px;
      height: 30px;
      margin:0px;
}
.iconEye::after {
      background: url("/images/fordays/eye.png") no-repeat 96%;
      /* background-size: contain; */
      background-size:80%;
      content: '';
      display: block;
      width: 30px;
      height: 30px;
}
.fd_login_input {
      align-items: center;
      background: #fff;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      padding: 0px 4px 0px 3px;
      position: relative;
      width: 13em;
      /* height: 46px; */
      height: 2em;
      border:1px solid silver;
      margin: auto;
}
@media screen and (max-device-width:1024px){
  .fd_login_input{
    height: 3em;
  }
}
.fd_login_input #MEMBERID
,.fd_login_input #FDQRMBID
,.fd_login_input #WK_PASSWO{
  width: 100%;
  border: none;
  background-color: white;
}
@media screen and (max-device-width:1024px){
  .fd_login_input #MEMBERID
  ,.fd_login_input #FDQRMBID
  ,.fd_login_input #WK_PASSWO{
    width: 90%;
  }
}
.fd_login_input #MEMBERID:focus
,.fd_login_input #FDQRMBID:focus
,.fd_login_input #WK_PASSWO:focus{
  outline: none;
  background-color: white;
}
.fd_login_input #MEMBERID:-webkit-autofill
,.fd_login_input #FDQRMBID:-webkit-autofill
,.fd_login_input #WK_PASSWO:-webkit-autofill{
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  /* box-shadow: 0 0 0px 1000px white inset; */
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
}
input::-ms-reveal{
  visibility:hidden;
}
/* ---------------------------*/
/* LINE連係*/
/* ---------------------------*/