@charset "utf-8";

/*
---------------------------------------
# SiteName: エッグ 管理者画面
# Page: 共通箇所
# /css/common.css
# Update: 2008.01.31
# Editor: Shimizu
# History: 
---------------------------------------
*/

/* ========================================================================== */
/* 01) 基礎設定 全体 */
/* ========================================================================== */

form{
	margin:  0px; 
	padding: 0px; 
	list-style: none; 
}
img { margin:0px; padding:0px; 
	border: 0; 

}
.c {
	text-align:center;
}
.r {
	text-align:right;
}

.abbr,.abbreviation{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin:0;
	padding:0;
}

/* ========================================================================== */
/* 01-1) サイトカラー関係 */
/* ========================================================================== */

/* --　ヘッダー関係　----------------------------------------------------- */

#header,
#header_pop{background-color:#2592D5;}


#header01{ width: 100%;
    top: 0;
    left: 0;}
#header01 { color:#fff; line-height:50px; box-shadow:0 0 5px rgba(0,0,0,0.5); text-align:center; }
#info { position:fixed; top:85px; left:30px; background:#444; border:5px solid #333; color:#fff; padding:8px 15px; box-shadow:0 0 3px rgba(0,0,0,0.5); }



.header_menu{ min-height:32px;
	background-color:#E4EBEF;
  font-size:12px;
  padding:0px 0px 0px 0px;
	border-bottom:2px #3F85C2 solid;
	}


.pop_header_menu{
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    margin:0; margin-left:-6px;
    min-height:22px;
    padding:0px;
    text-align: right;
    width: 100%;
		top:0;
		position: fixed;
		font-size:13px; line-height:16px;
}
.pop_header_menu .r{ margin:3px 6px 0px 0px;}
.pop_header_menu a{ margin:0px 2px;}


.p_h_anchor{margin-top:-6px; z-index:900; display:block; font-size:8px; line-height:8px;}


/* -- ヘッダーメニュー -- */
ul.MenuBarHorizontal a:hover
{
	border-left:1px #00CEF5 solid;
	background-color: #3399FF;
	color: #FFF;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #3F85C2;
	border-right:1px #3F85C2 solid;
	border-left:1px #3F85C2 solid;
	color: #FFF;
}



ul.MenuBarHorizontal .menu_none a.MenuBarItemHover,
ul.MenuBarHorizontal .menu_none a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal .menu_none a.MenuBarSubmenuVisible
{
	background-color: #5B81AA;
	color: #FFF;
}


ul.MenuBarHorizontal ul {border:2px #3F85C2 solid;}


ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal  ul a:focus
{
	background-color: #D9F2FE;
	color: #333;
	border-left:0px #03A9F5 solid;
	border-right:0px #03A9F5 solid;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal  ul a.MenuBarItemHover,ul.MenuBarHorizontal  ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal  ul a.MenuBarSubmenuVisible
{
	background-color: #3F85C2;
	color: #fff;
}

/* カレントの色を付ける */
ul.MenuBarHorizontal .menu_none .current,
ul.MenuBarHorizontal .current
{
	background-color: #3F85C2;
	border-right:1px #3F85C2 solid;
	border-left:1px #3F85C2 solid;
	color: #FFF;
}

ul.MenuBarHorizontal .menu_none .menu_none .current,
ul.MenuBarHorizontal .menu_none .current
{
	background-color: #5B81AA;
	color: #FFF;
}



/* HP管理用画面 */
#header_hp_edit{
    color:#ffffff;
    padding-top:6px;
    padding-left:10px;
    background-image:url(../img/head_bg.gif);
    font-size:12px; line-height:16px;
    height:22px;
	font-weight:normal;
}

#header_hp_edit H1{
	font-size: 12px;
	line-height:16px;
	font-weight: normal;}

#header_hp_edit A:link {
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
#header_hp_edit A:visited {
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
#header_hp_edit A:hover {
    COLOR: #FFCC00;
    TEXT-DECORATION: none;
}
#header_hp_edit A:active {
    COLOR: #FFCC00;
    TEXT-DECORATION: none;
}

/* --  アカウント名表示  ------------------------------------------------- */
ul.MenuBarHorizontal li.h_menu_right_profile {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	float: right;
	background-image:none;
}
ul.MenuBarHorizontal li.h_menu_right_profile .h_menu_right_profile_container {
	color:#333;
	text-align:center;
	padding: 10px;
	background-color: #fff;
	width: 200px;
	border:1px #dcdcdc solid;
	border-radius: 3px;
	font-size: 14px;
	box-shadow: 0px 1px 2px 0px rgba(60,64,67,.30),0px 2px 6px 2px rgba(60,64,67,.15);
}
ul.MenuBarHorizontal li.h_menu_right_profile .h_menu_right_profile_list {
	width: 200px;
	text-align: center;
}
ul.MenuBarHorizontal li.h_menu_right_profile .h_menu_right_profile_list a.MenuBarItemHover,
ul.MenuBarHorizontal li.h_menu_right_profile .h_menu_right_profile_list a.MenuBarItemSubmenuHover, 
ul.MenuBarHorizontal li.h_menu_right_profile .h_menu_right_profile_list a.MenuBarSubmenuVisible {
	background-color: #f5f5f5;
	color: #000;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul .h_menu_right_profile_name {
	align-items: flex-end;
	display: flex;
	margin: 5px 0 10px 0;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul .h_menu_right_profile_name_inner {
	align-items: flex-end;
	display: flex;
	align-items:center;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul p.jichitai_title {
	text-align:left;
	font-size: 10px;
	line-height: 10px;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul p#jichitai_mei {
	background-color: #d1e8ff;
	border-radius: 3px;
	margin: 8px 0;
	padding: 3px 0;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul p#jichitai_renrakusaki {
	font-size: 12px;
	border-bottom: solid 1px #333;
	margin-bottom: 8px;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul p.jichitai_jouhou {
	text-align:left;
	line-height: 16px;
	margin-bottom: 6px;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul a.logoffbutton {
	background-color:#f5f5f5;
	border:1px #dcdcdc solid;
	padding:2px 10px;
	vertical-align: middle;
	border-radius: 3px;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul a.logoffbutton:before {
	content:'\e9ba';
	color: #666;
	font-family: "Material Icons";
	font-size: 20px;
	border-radius: 50%;
	background-color: #f5f5f5;
	vertical-align: middle;
	margin: 0 5px;
  }
ul.MenuBarHorizontal li.h_menu_right_profile ul a.logoffbutton:hover,
ul.MenuBarHorizontal li.h_menu_right_profile ul a.logoffbutton:hover:before {
	background-color:#dcdcdc;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul.MenuBarSubmenuVisible {
	left: auto;
	right: 2px;
	margin-top: -4px;
}
ul.MenuBarHorizontal a.account_icon {
    border-left : 0px #F4F4F4 solid;
    border-right: 0px #CAD9E5 solid;
    background-color: #E4EBEF;
    padding:0;
}
ul.MenuBarHorizontal li.h_menu_right_profile ul a {
	padding:6px 10px 6px 8px;
}
ul.MenuBarHorizontal li.h_menu_right_profile span.san {
	font-size:10px;
	margin-left: 5px;
}
ul.MenuBarHorizontal li.h_menu_right_profile div.account_icon_profile:before {
	margin-right: 5px;
	content:'\e7fd';
	color: #666;
	font-family: "Material Icons";
	font-size: 20px;
	border-radius: 50%;
	border:1px #dcdcdc solid;
	background-color: #f5f5f5;
	line-height: 1em;
}
ul.MenuBarHorizontal a.account_icon { 
	margin: 2px 8px 0 0px;
}
ul.MenuBarHorizontal li.h_menu_right_profile a.account_icon:after {
	content:'\e7fd';
	color: #666; margin-left:-2px;
	vertical-align: bottom!important;
	font-family: "Material Icons";
	font-size: 22px;
	line-height: 28px;
	padding: 2px;
	border-radius: 50%;
}
ul.MenuBarHorizontal li.h_menu_right_profile a.MenuBarItemSubmenu {
	background-image: none;
}
ul.MenuBarHorizontal a.MenuBarItemHover.account_icon:hover:after,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover.account_icon:hover:after,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible.account_icon:hover:after {
 	background-color: #A0C2E0; color: #2F6495;
 }
ul.MenuBarHorizontal li.h_menu_right_profile a.MenuBarItemSubmenuHover:after,
ul.MenuBarHorizontal a.MenuBarItemHover.account_icon:after,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover.account_icon:after,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible.account_icon:after {
	background-color: #CADDEE; color: #2F6495;
}
ul.MenuBarHorizontal li.h_menu_right ul {
	border-radius:2px;
}
ul.MenuBarHorizontal li.h_menu_right_profile a.MenuBarItemSubmenuHover.account_icon:hover:after {
	background-color: #A0C2E0;
	color: #2F6495;
}
ul.MenuBarHorizontal li.h_menu_right_profile a.MenuBarItemSubmenuHover.account_icon:after {
	background-color: #CADDEE;
	color: #2F6495;
}

/* --　フッター関係　----------------------------------------------------- */
#footer,
#footer_pop {
    color:#666;
		border-top:2px #2D9EDB solid;}



/* --　メインタイトル関係　------------------------------------------------ */

/* 通常ページ H1 */
#contents #main H1,
H1.title_pop{
	border-bottom:1px #ccc solid;
	
	/* 背景画像無しの時はこちらを使用
	padding:3px 0px 3px 6px;		 */
	/* 背景画像有りの時はこちらを使用 */
	padding:3px 0px 0px 10px;

}

/* サブタイトル H2 */
#contents #main H2.title,
#contents #main H2,
H2.title_pop{
	color: #333;					/* 文字の色 */
	border:0px #fff solid;
	border-left:4px #0284C3 solid;
	border-bottom:1px #ccc solid;
	background-color:#F5F2E9;

}



/* 子画面・ポップアップページ H1 */
#contents #main H1.pop_win_hi,
#contents #main_only H1{
	color: #333;					/* 文字の色 */

	border-bottom:1px #ccc solid;
	margin:0px 0px 6px 0px ;
	padding:3px 0px 3px 10px;		/* 余白の幅 */
	line-height:26px;				/* 行の高さ */
	font-size:20px; font-weight:normal;
	letter-spacing:1px;
	margin-left:-3px;
	margin-top:-6px;
	min-width:450px;

background-image:url(../img/h1_bg.png);
background-position: top left;
background-repeat:no-repeat;

}


#contents #main_only H2 {
	color: #333;					/* 文字の色 */
	border:0px #fff solid;
	border-left:4px #3F85C2 solid;
	border-bottom:1px #ccc solid;
	background-color:#EEF3F7;
}
#contents #main_only H3 {
	color: #333;					/* 文字の色 */
	border:0px #fff solid;
	border-left:4px #1B6BBC solid;

}





/* --　検索エリア　------------------------------------------------------ */

/* 検索エリア サブ見出し */
#contents #main div.search h2,
#contents #main div.search h2.s_title{
background-color: #F2D6D6;
border:1px #F2D6D6 solid;
color:#333;
}




/* テーブル 項目名 TH*/
div.submain TH {
	border: 1px #D1E1EF solid;
	border-bottom:1px #AECAE3 solid;
	padding:3px 6px;
	background:#ECF2FE;
	color:#333;
}
div.submain tr:hover th{ }
	


/* テーブル 項目名 TH上のページ数表示行 */
div.submain TH.td_page_number,
div.submain TD.td_page_number{
	border-top:1px #FFF solid;
	border-left:1px #FFF solid;
	border-right:1px #FFF solid;
	border-bottom:2px #79B3D9 solid;
	position: relative;
	}

.submain .td_page_number .toukri_table{ margin-top:3px;}
.submain .td_page_number .toukri_table th,
.submain .td_page_number .toukri_table td{padding:3px 8px;}
div.submain .toukri_table th,
div.submain .toukri_table01 th{
	border: 1px #3F85C2 solid;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	background:#3399CC;
	color:#fff;}

div.submain tr:hover .toukri_table th{}
div.submain .toukri_table tr:hover th{
}

div.submain .toukri_table01 tr:hover th,
div.submain .toukri_table02 tr:hover th{

	}

div.submain .toukri_table02 tr:hover th{}
sub_th01{}

div.submain .toukri_table td{
	border: 1px #3F85C2 solid;
	font-size:18px; line-height:24px;
	color:#333;}




div.submain .toukri_table02 th{
	border: 1px #CAE1F4 solid;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	border-left:1px #dadada solid;
	background:#CAE1F4;
	color:#333;}








/* トップページ等月毎の集計画面等用  */


div.submain TH.sub_th01{
	background-color:#E6ECFE;	color:#333;
	border-left:1px #D1E1EF solid;
	border-right:1px #AECAE3 solid;
	border-top:1px #fff solid;
	border-bottom:1px #AECAE3 solid;
}

div.submain TH.sub_th02{
	background-color:#F1F5FF;	color:#333;
	border-left:1px #B5D2EE solid;
	border-bottom:1px #B5D2EE solid;
	border-right:1px #B5D2EE solid;
}
div.submain TH.sub_th03{
	background-color:#F1F5FF;	color:#333;
	border-left:1px #B5D2EE solid;
	border-bottom:1px #B5D2EE solid;
	border-right:1px #B5D2EE solid;	
}

div.submain tr:hover th.sub_th01{}
div.submain tr:hover th.sub_th02,
div.submain tr:hover th.sub_th03{}




div.submain th.kei,
div.submain .toukri_table01 th.kei{
	background:#E0EAFE!important;
	color: #333;
}
div.submain .toukri_table tr:hover th.kei,
div.submain .toukri_table01 tr:hover th.kei{
	background-color:#2B82AC!important;
	}
/* 
div.submain td.kei{
	background:#F4F4F4!important;
	color: #333;
	font-weight:bold;
}

div.submain tr:nth-child(2n-1) td.kei{
	background:#FAFAFA!important;
	color: #333;
}

div.submain tr:hover td.kei,
div.submain tr:hover tr:nth-child(2n-1) td.kei{
	background:#E6ECFE!important;
	color: #333;
}
  */










/* TABLE １ピクセルの枠線 */
#main_only div.submain TH { 
 background-color: #F4F4F0;
 border-top:1px #ccc solid;
 border-left:2px #80BDF2 solid;
 border-right:1px #ccc solid;
 border-bottom:1px #ccc solid;
 color: #000;
}
#main_only div.submain tr:hover TH,
#main_only div.submain tr:nth-child(2n-1):hover TH{
  border-left:2px #3EA9D7 solid;
}




#main_only div.submain TH.th_title{ 
 background-color: #3399CC;
 border:1px #fff solid;
 border-right:1px #3399CC solid;
 color: #fff;
}
#contents #main_only div.submain tr:hover TH.th_title{ 
 background-color: #2D87B3!important;
 border:1px #fff solid;
 border-right:1px #3399CC solid;
 color: #fff!important;
}


/* TABLE １ピクセルの枠線 */
#main_only div.submain TH.th_2nd,
#main_only div.submain TH.th_2row{ 
 background-color: #F4F4F0;
 border:1px #ccc solid;
 color: #000;
}

#main_only div.submain tr:hover TH.th_2nd,
#main_only div.submain tr:nth-child(2n-1):hover TH.th_2nd,
#main_only div.submain tr:hover TH.th_2row,
#main_only div.submain tr:nth-child(2n-1):hover TH.th_2row{
  border-left:1px #3EA9D7 solid;
}

select{
	 font-size:16px; line-height:18px; 
    color: #333;
    font-size:14px; line-height:20px;
vertical-align: middle;
margin-left:2px; margin-right:2px;
  background-color: #fff;
  border: 1px solid #CCC;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	padding:2px 3px;
}



/* 新規追加ボタン */
.page_top input.new_icon,
input.new_icon,
input[type="button"].new_icon,
input[type="submit"].new_icon,
.page_top input.download_icon,
input.download_icon,
input[type="button"].download_icon,
input[type="submit"].download_icon
{
background-color: #D15B47;
border:1px #D15B47 solid;
color:#fff;

}
/* 編集ボタン */
input[type="button"].button_edit,
input[type="submit"].button_edit{
	background-color:#1C84C6;
	border:1px #1C84C6 solid;
	color:#fff;
	}






/* 新規追加ボタン */
.page_top input.b_icon,
.page_top input.new_icon,input.reload_icon,
input[type="button"].reload_icon,
input[type="submit"].reload_icon,
input.b_icon,
input[type="button"].b_icon,
input[type="submit"].b_icon
{
background-color: #42B574;
border:1px #42B574 solid;
color:#fff;

}
















/* 集計 */
.goukei{font-size:18px; line-height:20px;
	vertical-align:bottom;
	background-color:#FAFAF8;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-table;
	padding:4px 6px 0px 6px; margin:0px 3px 1px 0px;
	border-bottom:1px #000 dotted;
}
.goukei_t{font-size:14px; line-height:22px;
	vertical-align:bottom;
	background-color:#FAFAF8;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color:#999; color:#FFF;
	display:inline-table; width:23px; text-align:center;
	padding:4px 6px 4px 6px; margin:0px 3px 1px 0px;
}


#main_only div.submain TABLE {
	padding:3px; border:0px;
	border-collapse: separate;
	margin-left:-2px;
/*	
	background-color:#FAFAF8;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	 */
}
/* TABLE １ピクセルの枠線 */
#main_only div.submain TH { 
	font-size:14px; line-height:20px;
    padding:10px 5px 3px 5px;
	text-align:left;
	vertical-align:top;
	width:160px;
	min-height:20px;
}
#main_only div.submain TABLE.t_edit TH {
	font-size:13px;
	line-height:18px;
	width:60px;
}
#main_only div.submain TABLE.t_edit TD {
	font-size:13px;
	line-height:18px;
}
#contents #main_only .submain table TH.th_1st{ width:50px!important;}
#contents #main_only .submain table TH.th_syousai{
   background-color: #F9F9F7;
	 border-left-color:#B3D7F7!important;
}
#contents #main_only .submain table TH.th_syousai_2nd{
   background-color: #F9F9F7;
	 border-left-color:#CCCCCC!important;
}

#contents #main_only .submain table TH.th_1st_count{ width:90px!important;}

/* TABLE １ピクセルの枠線 */
#main_only div.submain TH.th_2nd{ 
	font-size:14px; line-height:20px;
    padding:10px 5px 3px 5px;
	text-align:left;
	vertical-align:top;
	width:90px;
} 
#main_only div.submain TH.th_2nd_count{ 
	width:50px;
} 




/* TABLE １ピクセルの枠線 */
#main_only div.submain TD {
 border-left:1px #fff dotted;
 border-top:1px #ccc dotted;
 border-right:1px #ccc solid;
 border-bottom:1px #666 dotted;

    padding:8px 5px 6px 5px;
	text-align:left;
	vertical-align:top;
	min-height:20px;
	font-size:16px; line-height:22px;

}

#main_only div.submain tr:nth-child(2n) { background-color: #FCFBF3;}
#main_only div.submain tr:nth-child(2n-1){ background-color:#fff;} 



/* 子画面 完了メッセージ */

#contents #main_only div.kanryo{ 
 background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}




/* エラー行の表示 */
.td_red{ background-color:#FFEBEB;}
tr:hover .td_red{ 
}

.td_light_blue{ background-color:#EDF9FE;}
tr:hover .td_light_blue{ 
}



/* HR */
#main_only div.submain HR { 
	color: #999; /* 線の色(IE用) */
	background-color: #999; /* 線の色(NN用) */
} 


/* 改ページ */
div.submain TABLE.table_none td span{
	border:1px #88C5E1 solid;	/* テーブル全体の枠線（太さ・色・スタイル） */
	background-color:#88C5E1;
	color:#fff;
}

div.submain TABLE.table_none td a{
	border:1px #DDDDDD solid;	/* テーブル全体の枠線（太さ・色・スタイル） */
	background-color:#fff;
}

div.submain TABLE.table_none td a:hover{
	border:1px #C52F4C solid;	/* テーブル全体の枠線（太さ・色・スタイル） */
	background-color:#EB6F63;
	color:#FFF;
}


/* CSVダウンロード等のアイコン */
#main_only .f_menu{ margin-top:36px!important;  margin-bottom:36px!important;}
#main_only .f_menu a,
#imputbox a.button_edit{
	background-color:#0D6BCD; color:#FFF;
}





/* --　子画面ページ 　------------------------------------------------ */

/* 通常ページ H1 */
.c_ps{
	padding:3px 0px 0px 0px;
	bottom:0px;
	position:fixed;
	text-align:center;
}

/* 通常ページ H1 */
.r_ps{
	padding:3px 0px 0px 0px;
	right:0px;

	bottom:80px;
	position:fixed;
	text-align:center;
}

.r_ps a{
	display:block;
	border-bottom:1px #666 solid;
	background-color:#666;
	width:46px; height:40px;

}

.r_ps a:link,
.r_ps a:visited {COLOR: #ffffff; TEXT-DECORATION: none;}
.r_ps a:hover,
.r_ps a:active {COLOR: #FFCC00; TEXT-DECORATION: none;}


a.r_ps_top{	padding:3px 0px 3px 0px;
	-moz-border-radius:4px 0px 0px 0px;
	-webkit-border-radius:4px 0px 0px 0px;
	border-radius:4px 0px 0px 0px;
	font-size:12px; line-height:16px;
}

a.r_ps_bottom{	padding:8px 0px 3px 0px;
	-moz-border-radius:0px 0px 0px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 0px 4px;
	font-size:12px; line-height:13px;
}


.fade{
    opacity: 0.4;   
    filter: alpha(opacity=40);
    -webkit-transition: 0.3s ease-in-out;   
       -moz-transition: 0.3s ease-in-out;   
         -o-transition: 0.3s ease-in-out;   
            transition: 0.3s ease-in-out;   
}


.fade:hover{   
    opacity:0.9;   
    filter: alpha(opacity=90);   
}


.f_fade:hover input,
.f_fade:input input,
.f_fade:hover a,
.f_fade:input a{   
    opacity:1;   
    filter: alpha(opacity=100);   
}
  
.fade a.r_ps_top:hover,
.fade a.r_ps_bottom:hover{
	background-color:#F39C12; color:#FFF;
	border-bottom:1px #F39C12 solid;
    opacity:1;   
    filter: alpha(opacity=100);
}

.footer_bottom .close{ padding-left:22px!important; padding-top:3px!important; padding-bottom:2px!important;
background-image:url(../img/close_icon02.png);
background-position: center left;
background-repeat:no-repeat;}


.footer_bottom .page_back{ padding-left:22px!important; padding-top:3px!important; padding-bottom:2px!important;
background-image:url(../img/next_icon01.png);
background-position: center left;
background-repeat:no-repeat;
}



.footer_bottom .clear{
 padding-top:3px!important; padding-bottom:2px!important;
}






/*Windows IE*/
input:-ms-input-placeholder{color:#8C8C8C!important} 











/* 矢印

.page_back{ margin-right:26px; padding-left:10px!important; padding-top:4px!important; padding-right:8px!important;
font-size:13px; position:relative;}


#main_only .footer_bottom a.page_back::before {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #B3B6B9;
    border-top: 8px solid transparent;
		background-color:#fff;
    content: "";
    height: 0;
    position: absolute;
    left: -10px;
    top:5px;
    width: 0;
}
*/
.button_last{ float:right; margin-right:36px!important;}

/*-------------------------*/
/* トップページ件数 */
/*-------------------------*/
#top_alert {
	text-align:left;
	padding:0px;
	color:#333;
	border:4px #EF6363 solid;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;


}

#contents #top_alert{
	margin:16px 20px 16px 6px;
}
#top_alert th{ text-align:left; font-size:14px; line-height:24px;
border-bottom:1px #FFC8C8 dotted;
}

#top_alert td{
font-size:16px; line-height:22px;

border-bottom:1px #FFC8C8 dotted;
}


.top_alert_comment{ font-size:24px; line-height:26px; color:#aa0000;}
.top_alert_title{
font-size:13px; line-height:16px; width:100px; text-align:center;
font-weight:bold;
color:#fff; background-color:#EF6363;
margin:0px 0px 6px 0px; margin-top:-14px; margin-left:-22px;
padding:4px 12px 1px 12px;
	border-radius:3px 6px 6px 0px;
	-webkit-border-radius:3px 6px 6px 0px;
	-moz-border-radius:3px 0px 6px 0px;
}


#top_alert hr {
   border-style: solid;
   border-width:0px; height:1px;
   border-color:#ff4500;
   width:100%;
}
#top_alert strong{ color:#aa0000;}

#top_alert img{
vertical-align:middle; margin-right:5px; margin-bottom:3px;
}


.completion{
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #999;
    font-size: 13px;
    line-height: 16px;
    padding: 3px 4px 4px 4px;
		width:23px;
}

/* ========================================================================== */
/* 01) 基本設定 全体 */
/* ========================================================================== */
*{
    margin:0;
    padding:0;
}
html{
    margin:0;
    padding:0;
}


/* ----- 基本設定 全体　---------------------------------------- */
body {
	font-size:14px; line-height:20px;
	padding: 0px;
	margin:0px;
	color:#333;
	
}



/* -- 各ブラウザ向け フォント指定 -- */

/* IE6用 */
* html body {
font: 13px/16px "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
vertical-align: baseline;
text-align: center;
}

/* IE7用 */
*:first-child+html body {
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* IE6・IE7以外用 */
html>/**/body {
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* Firefox等 モダンブラウザ用 */
html:not(:target) body {
font-family: "メイリオ", Meiryo,Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

pre{ font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}


br.br_clear{ clear:both!important;}


/* 基本リンク色　各設定 */
A:link {COLOR: #004477; text-decoration: underline;}
A:visited {COLOR: #004477; text-decoration: underline;}
A:hover {text-decoration: none; COLOR: #cc3300;}
A:active {text-decoration: none; COLOR: #cc3300;}


/* ----- 基本設定 全体 (変更不要)　---------------------------------------- */
p{ padding:0px; margin:0px;}

UL {
	PADDING: 0px;
	MARGIN: 0px 0px 0px 0px;
}

LI {
	PADDING: 0px;
	MARGIN: 0px;
}

IMG {border-width: 0px;}

H1{
	font-weight: bold;
	line-height:125%;
	FONT-SIZE: 140%;
}

H2{
	font-weight: bold;
	line-height: 20px;
	FONT-SIZE: 130%;
}

H3  {
	font-weight: bold;
	line-height:125%;
	FONT-SIZE: 120%;
	color: #333;
}

H4 {
	line-height:125%;
	FONT-SIZE: 110%;
}

H5 {line-height:125%;
	FONT-SIZE: 100%;
}

H6 {line-height:125%;
	FONT-SIZE: 90%;
}

input{ font-size:16px; line-height:22px; 
	margin-left:2px; margin-right:2px;
	vertical-align:middle;
}






button,
input,
select{
  font-size:16px; line-height:22px; 
	margin-left:2px; margin-right:2px;
	vertical-align:middle;
  color: #333; margin-bottom:3px;
}

textarea {
  font-size:14px; line-height:18px; 
	margin-left:2px; margin-right:2px;
	vertical-align:middle;
  color: #333; margin-bottom:6px;
	padding:2px;
}


select{ padding:2px 2px; margin-bottom:6px; margin-right:2px;}


button,input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0; border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}







input[type="text"],
input[type="password"]{
    height:1.6em;
    padding:0px 3px;
    vertical-align: middle;
		
    background-color: #ffffff;
    border: 1px solid #ccc;
    color: #555555;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}



.button,
input[type="button"],
input[type="submit"]{
	padding:3px 6px;
	font-size:13px;
	line-height:1.1em;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	background-color:#F3F3E7;
	border:1px #B3B6B9 solid;
	color:#333;
	}
A.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	background-color:#FF6600;
	border:1px #FF6600 solid;
	color:#fff;
	}


A.button:link,
A.button:visited {TEXT-DECORATION:none!important; color:#666;}
A.button:hover,
A.button:active {  color:#fff;	background-color:#F3A11D; border:1px #F3A11D solid;}




input[type="checkbox"]{ font-size:24px!important; line-height:24px!important; height:16px!important; width:16px!important; vertical-align:middle;} 

















/* 赤 */
.red {color: #990000;}
.red01{color: #aa0000; }

/* グレイ */
.gray { color: #999; }



/* アップロード中メッセージ */
.upload_msg { 
	color: #990000; 
	font-weight: bold;
}








.clear_search{ clear:both; margin:0px; padding:0px; font-size:1px; line-height:1px; }




/* */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* 文字折り返し */
TD,TH,P{
	word-break:break-all;
}


.inline-block{
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.inline-block input,
.inline-block span,
.search_area_right input{
    display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
}







/*-------------------------------------------------------*/
/* ERROR表示関係 */
/*-------------------------------------------------------*/

/*-- 各エラー共通設定 --*/
#info.alert_type,
#warning.alert_type,
#error.alert_type {
    position: relative;
    top: inherit;
    left: inherit;
    padding: .75rem .75em;
    margin-bottom:6px;
    border: 1px solid transparent;
    border-radius: .25rem;
    box-shadow: 0 0 0px rgb(0 0 0 / 0%);
}

/*-- 各エラー別 配色設定 --*/
#info.alert_type{
    color: #333;
    background-color: #E9F5DE;
    border-color: #c3e6cb;
}
#warning.alert_type{
    color: #333;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
#error.alert_type{
    color: #333;
    background-color: #FCEBED;
    border-color: #f5c6cb;
}

/*-- 各アイコン --*/
.w_icon{
    text-indent:-18px;
    padding-left:18px;
}
.w_icon svg{ vertical-align: middle; margin-right:3px; margin-top: -3px;}

/*-- 各アイコン 配色 --*/
#info.alert_type .w_icon svg{    fill: #155724;}
#warning.alert_type .w_icon svg{ fill: #4F3C02;}
#error.alert_type .w_icon svg{   fill: #DC3D3D;}


/*-- トップページお知らせ表示用 -------------------- --*/
.error01{
	text-align:left;
	margin:0px;
	padding:10px 16px 10px 20px;
	border-collapse: collapse;
}
.error02{ padding-bottom:3px; color:#aa0000;
border-bottom:1px #aa0000 dotted; margin-bottom:4px;
}
.red {color:red;}

#error img{vertical-align:middle; margin-right:3px;}
div.error {
	text-align:left;
	margin-bottom:10px;
	padding:10px 20px 10px 20px;
	border:2px solid #ff4500;
}

/* エラー 区切り線 */
#error hr {
   border-style: solid;
   border-width:0px; height:1px;
   border-color:#ff4500;
   width:100%;
}
hr.red{
       border-style:dashed;
       border-width:2px;
       border-color:#ff4500;
}




/* ========================================================================== */
/* 02)基本枠 contents */
/* ========================================================================== */
#contents { 
/*	width: 950px;*/

	margin:0px 0px 10px 6px; 
	padding:6px 0px 0px 0px; 

	min-height:350px;
}
#contents #side { 
	width: 190px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px; font-size:13px; line-height:16px;
}
#contents #main { 
/*	width: 700px; */
min-height:600px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 15px 10px 0px; 
}

#contents #main_only { 
	margin: 0px 0px 0px 0x; 
	padding: 0x 8px 10px 0x; 
/*    border-left:1px solid #0000a0; */
}

body.pop #contents #main_only { 
	padding:14px 8px 10px 0px; 
/*    border-left:1px solid #0000a0; */
}

#contents #main_only form{
	padding-bottom:120px!important;
}

#contents #contents_td { 
	border-right:1px solid #ccc;
	width:190px;
}


/* ========================================================================== */
/* 03)メニュー side*/
/* ========================================================================== */
#side div.menu-link { 
	width: 160px; 
	margin: 10px 10px 10px 10px; 
	padding: 0px 0px 5px; 
	background:#FFFFFF; 
}
#side h3 { 
	font-size: 80%; 
	line-height: 1.2;
	margin: 0px; 
	padding: 5px; 
    border:1px solid #0000a0 ;
	background:#D0E8FF; 
	font-weight: normal;
}

#side div.menu-link ul { 

	margin: 0px; 
	padding: 10px 0px 10px; 
}
#side div.menu-link ul li { 
	margin: 0px 0px 10px 20px; 
	padding: 3px 3px 3px 20px; 
	background: url(../img/yajirushi.gif) no-repeat 0 4px ; 
	font-size: 80%; 
	line-height: 1.2; 
    border:1px solid #cccccc ;
}


#side div.modoru {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:none;
    border:none;
	text-align: center;
}

/* ========================================================================== */
/* 04) ヘッダー header */
/* ========================================================================== */
#header {
	color: #fff;
    font-size:14px;
    height:26px;
    padding:12px 0px 0px 10px;
		min-width:960px;
}

#header_pop{
	color: #fff;
    font-size:16px;
    height:26px;
    padding:12px 10px 0px 10px;
}


#header h1{ width:500px; float:left;
    font-size:16px; line-height:16px;
		font-weight:normal;
    padding:0px;
}
#header_pop h1{ width:500px; float:left;
    font-size:16px; line-height:16px;
		font-weight:normal;
    padding:0px;
}

#header .h_right{ width:350px; float: right;
    font-size:13px; line-height:16px;
		text-align:right;
		margin-right:12px;
}

#header .h_right A:link,
#header .h_right A:visited {TEXT-DECORATION: underline;}
#header .h_right A:hover,
#header .h_right A:active { TEXT-DECORATION: none;}


.header_menu{ min-height:32px; min-width:1200px;
  font-size:12px; padding:0px 0px 0px 0px;
	}

#header A:link,
#header A:visited,
#header_pop A:link,
#header_pop A:visited { COLOR: #fff; TEXT-DECORATION: none;}
#header A:hover,
#header A:active,
#header_pop A:hover,
#header_pop A:active{ COLOR: #fff;  TEXT-DECORATION: none;}


#header TABLE {
	border-collapse: collapse;	/* 枠線の表示方法 */ 
	border:none;
}
#header TD { 
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 
#header img { 
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 
/* ========================================================================== */
/*05) フッター footer */
/* ========================================================================== */

#footer { 
	text-align: center;
    font-size:12px;
    padding:6px 10px 10px 10px;

}

#footer_pop { 
	text-align: center;
    font-size:12px;
    padding:6px 10px 10px 10px;

}



#footer_hp{
    background-image: url("../img/foot_bg.gif");
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    padding: 6px 10px 0;
    text-align: right;
}

/* ========================================================================== */
/* 06) メイン内*/
/* ========================================================================== */
.submain{}


#contents #main div.submain{ 
/*	width: 100%;*/
	margin: 0px 0px 26px 0px; 
	padding:0px 0px; 

}

#contents #main H1{
	color: #333;					/* 文字の色 */
	margin:0px 0px 6px 0px ;

	line-height:26px;				/* 行の高さ */
	font-size:22px; font-weight:normal;
	letter-spacing:1px;
	min-width:1300px; min-height:30px;
	word-wrap: normal; white-space: nowrap;
    
    box-sizing: content-box;
    
    display: -webkit-flex;
    display: flex;
    
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

#hp_edit #contents #main H1{
	min-width:650px; min-height:30px;
}

#hp_edit #contents #main H1{
	min-width:650px; min-height:30px;
    
}


H1.title_pop{
	color: #333;					/* 文字の色 */
	margin:0px 0px 6px 0px ;
	padding:3px 0px 3px 13px;		/* 余白の幅 */
	line-height:26px;				/* 行の高さ */
	font-size:22px; font-weight:normal;
	letter-spacing:1px;
  min-height: inherit;
}


#contents #main H1 .h1_left{
	width:auto!important;
    box-sizing: content-box;
    padding-top: 2px;
    padding-right: 16px;
}

/* ページ数・件数 */
#contents #main H1 .page_count{
	font-size:12px; margin-left:8px;
    display: contents!important;
    float: inherit!important;
}



#contents #main H1 .h1_right{
	width:auto!important; height:auto;
	text-align:right;
    box-sizing: content-box;
}





/* 各種ダウンロード等ボタン */
H1 .h1_right input,
H1 .h1_btn,
H1 .h1_right a{
    box-sizing: border-box;
    padding: 3px 5px;
    font-size: 12px!important;
    line-height: 1.5em!important;
    margin: 0px 0px 0px 3px;
    background-color: #F3F3E7;
    border: 1px #AEB1B7 solid;
    color: #333;
    letter-spacing: 1px;
    max-height: 26px;
}
H1 .h1_right input:disabled{
background-color: #FAFAF4!important;
border:1px #DBDDDF solid!important;
color:#A5A5A5!important;;
}
H1 .h1_right a.button_disabled{
background-color: #FAFAF4!important;
border:1px #DBDDDF solid!important;
color:#A5A5A5!important;;
}


H1 .h1_right a.button_disabled:hover{
background-color: #FCFCFA;
border:1px #E9EAEB solid;
color:#C3C3C3;
}


H1 .h1_right span.line{border-right:1px #333 dotted; padding-right:4px; margin-right:2px;}

H1 .h1_right .h1_csv_output.h1_btn,
H1 .h1_right .h1_csv_output.h1_btn{ padding:2px 3px;}
H1 .h1_right .h1_csv_output.h1_btn:before{
    content:'\e2c4';
    color: #666; margin-left:-1px; vertical-align:bottom!important;
    font-family: "Material Icons";
    vertical-align: middle;
	font-size: 15px; line-height: 14px;
    margin-top:2px;
    
}

H1 .h1_right .h1_csv_input.h1_btn:before{
    content:'\e2c6';
    color: #666; margin-left:-1px; vertical-align:bottom!important;
    font-family: "Material Icons";
    vertical-align: middle;
	font-size: 15px; line-height: 14px;
    margin-top:2px;
    
}

H1 .h1_right a{
padding:4px 6px 4px 6px;
font-size:13px;
line-height:16px; height:16px;
display: table-cell; float:right; height:18px; min-width:inherit;

text-decoration:none;
vertical-align:middle;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;

background-color:#F3F3E7;
border:1px #B3B6B9 solid;
color:#333;
}
H1 .h1_right a:hover,
H1 .h1_right a:hover{
background-color:#FF6600;
border:1px #FF6600 solid;

color:#fff;
} 



#contents #main H2{
	color: #0C214B;					/* 文字の色 */

	margin:0px 0px 10px 0px ;
	padding:0.4em 6px 0.4em 10px;		/* 余白の幅 */
	font-size:20px; line-height:26px;
	font-weight:normal;
}
#contents #main H2.title,
H2.title_pop{
	margin:0px 0px 10px 0px ;
	padding:0.4em 6px 0.4em 10px;		/* 余白の幅 */
	font-size:18px; line-height:24px;
	font-weight:normal;
}

.top_waku{ width:1180px; margin-bottom:16px;}

.top_box{
	min-width:540px;
	float:left;

	
	padding:8px 6px 0px 0px;
	margin:0px 12px 0px 0px;
	}
.top_box_right{
	min-width:340px; margin-right:0px;
	}

#contents #main div.pankuzu {display:none; visibility:hidden;
	color: #000066;
	margin: 0px;
	padding: 0px;
	background:none;
  border:none;
	font-size:13px; line-height:16px;
}

#contents #main div.modoru {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	background:none;
    border:none;
	text-align: center;
}

/* ========================================================================== */
/* 07) メイン内 子画面専用*/
/* ========================================================================== */
#contents #main_only div.submain{ 
/*	width: 100%;*/
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
}

#contents #main H1.pop_win_hi,
#contents #main_only H1{
	line-height:26px;				/* 行の高さ */
	font-size:20px; font-weight:normal;
	letter-spacing:1px;
	margin-left:-3px;
	margin-top:-6px;
	min-width:450px;
}

#contents #main_only H2 {
	margin: 0px 0px 3px 0px;
	padding:6px 6px 6px 10px;		/* 余白の幅 */
	font-weight: bold;
	font-size:16px; line-height:22px;
}


#contents #main_only H3{
	margin:10px 0px 2px 4px;
	padding:1px 3px 1px 10px;		/* 余白の幅 */
	font-weight: bold;
	font-size:16px; line-height:20px;
}

#contents #main_only div.pankuzu {
	color: #000066;
	margin: 0px;
	padding: 0px;
	background:none;
    border:none;
}

#contents #main_only div.modoru {
	margin: 10px 0px 20px 10px;
	padding: 0px;
	background:none;
    border:none;
	text-align: center;
}

#contents #main_only div.kanryo{ 
	margin: 12px 20px 20px 10px; 
	padding: 50px 20px 50px 20px; 

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	font-size:18px; line-height:24px;	
	font-weight:;
	text-align:center;
}

/* ========================================================================== */
/* 08) サブメイン内*/
/* ========================================================================== */
div.submain TABLE { margin-left:3px;
	border-collapse: collapse ;	/* 枠線の表示方法 */ 
}

div.submain TABLE  TABLE{ margin-left:0px;}


div.submain tr { background-color:#fff;}
div.submain tr .table_none tr{ background: none;}
div.submain tr:nth-child(2n){ background-color:#F8F8F8;} 



div.submain TD {
	font-size:14px; line-height:20px;
	border: 1px #D0D0D0 solid;	/* セルの枠線（太さ・色・スタイル） */
	border-left:1px #D0D0D0 solid;
	border-right:1px #D0D0D0 solid;
	padding: 4px 5px 4px 5px;
}
div.submain TD.td_sub{
	border-left:1px #D0D0D0 solid;
	border-right:0px #D0D0D0 dotted;
}
div.submain TD.td_sub01{
	border-left:1px #D0D0D0 solid;
	border-right:0px #D0D0D0 dotted;
}
div.submain TD.td_sub_c{
	border-left:1px #666 dotted;
	border-right:1px #666 dotted;
}
div.submain TD.td_sub_r{
	border-left:1px #666 dotted;
}

div.submain .list TD.last_td{
	border: 0px #fff solid;
	background-color: #fff!important;
}

div.submain TH {
	font-size:14px; line-height:20px;
	padding:3px 6px;
	font-weight:normal;
	border-collapse:collapse;
}

div.submain table.preview_table TH {
	padding:6px 6px 6px 10px;
	text-align:left;
}

div.submain table.preview_table Td{
	padding:6px 6px 6px 6px;
	text-align:left;
	font-size:14px; line-height:20px;
}






/* TABLE 線なしの枠線 */
div.submain TABLE.table_none {
	border-collapse: collapse;	/* 枠線の表示方法 */ 
	border: 0px #FFFFFF solid;	/* テーブル全体の枠線（太さ・色・スタイル） */
	margin-top:2px;
	
}
div.submain TABLE.table_none TR,
div.submain TABLE.table_none TH,
div.submain TABLE.table_none TD { 
	border: 0px #FFFFFF solid;	/* セルの枠線（太さ・色・スタイル） */ 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 

div.submain TABLE.table_none td span{
	border-collapse: collapse;	/* 枠線の表示方法 */ 
	padding:1px 6px;
	margin:0px 1px;
	font-size:13px; line-height:16px;
	min-height:18px; 
}

div.submain TABLE.table_none td a{
	border-collapse: collapse;	/* 枠線の表示方法 */ 
	padding:1px 6px;
	margin:0px 1px 0px 1px;
	font-size:13px; line-height:16px;
	height:20px;
}

div.submain TABLE.table_none td a:hover{
	border-collapse: collapse;	/* 枠線の表示方法 */ 

}
/* 説明 */
div.submain div.setumei{ 
	margin:6px 0px 3px 0px; 
	padding: 7px 7px 7px 10px; 
	background:#F7FBFF;
	border:1px solid #A3D7ED;
	clear:both; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


div.submain div.setumei span{
	display:table-cell;
}
div.submain div.setumei .line{
	margin-bottom:2px; 
}

div.submain div.setumei span.setumei_title{
	width:115px; background-color:#D1E9F3; color:#333;
	-moz-border-radius:3px 0px 0px 3px;
	-webkit-border-radius:3px 0px 0px 3px;
	border-radius:3px 0px 0px 3px;
	padding:3px 3px 2px 6px; min-height:18px;
	font-size:14px; line-height:16px; 
}

div.submain div.setumei span.setumei_item{
	font-size:18px; font-weight:bold; padding-left:6px; letter-spacing:1px;
}


div.submain div.setumei span.setumei_company{
 padding-left:6px; font-size:13px; line-height:16px; letter-spacing:1px;
}


/* HR */
#main div.submain HR { 
	color: #0000a0; /* 線の色(IE用) */
	background-color: #0000a0; /* 線の色(NN用) */
	border: 0px; /* 枠の太さ */
	height: 1px; /* 線の太さ */
} 






/* ----- ボタン設定 全体 (変更不要)　---------------------------------------- */

/* ボタン オンマウス時 */
.submain input[type="button"]:hover,
.submain input[type="submit"]:hover{
	background-color:#EE751A;
	border:1px #EE751A solid;
	color:#fff;
	} 


/* ログインボタン */
input[type="button"].button_login,
input[type="submit"].button_login{
	font-size:16px;
	line-height:18px;
	background-color:#0284C3;
	border:1px #0284C3 solid;
	color:#fff;
	width:200px; height:36px;
	margin-top:18px;
	}


/* 削除ボタン */
input[type="button"].button_clear,
input[type="submit"].button_clear{
	font-size:12px;
	line-height:16px;
	background-color:#F5F5F5;
	border:1px #999 solid;
	color:#333;
	}


/* 編集ボタン */
input[type="button"].button_edit,
input[type="submit"].button_edit{
	font-size:14px;	line-height:16px;
	}

/* 編集ボタン */
input[type="button"].button_edit01,
input[type="submit"].button_edit01{
	font-size:14px;
	line-height:16px;
	background-color:#3B7EB7;
	border:1px #3B7EB7 solid;
	color:#fff;
	}

input[type="button"].button_edit01:disabled,
input[type="submit"].button_edit01:disabled{
background-color: #999;
border:1px #999 solid;
color:#fff;
}



.page_top_left{ min-width:900px;}


.page_top input[type="button"],
.page_top input[type="submit"]
.page_top_left input[type="button"],
.page_top_left input[type="submit"]{
	font-size:12px;
	line-height:16px;
	background-color:#2A80B9;
	border:1px #2A80B9 solid;
	color:#fff; margin-bottom:3px; padding-top:2px;
	}




/* 新規追加ボタン */
.page_top input.new_icon,
input.new_icon{
		background-image:url(../img/plus_icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 18px 19px;
}
/* ダウンロードボタン */
.page_top input.download_icon,
input.download_icon{
background-image:url(../img/download_icon.png);
background-position:top left;
background-repeat:no-repeat;
background-size:18px 19px;
}

/* リロードロードボタン */
.page_top input.reload_icon,
input.reload_icon{
background-image:url(../img/reload_icon.png);
background-position:top left;
background-repeat:no-repeat;

}


.page_top input.new_icon,
input.new_icon{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
    min-width: 80px;
    padding: 1px 10px 3px 22px;
		height: 24px;
}




.page_top input.reload_icon,
input.reload_icon,
.page_top input.download_icon,
input.download_icon{
min-width:80px; height:24px;
padding:1px 10px 3px 22px;
font-size:14px; line-height:16px;

letter-spacing:1px;


}





/* 未割当など 赤ボタン */
input.s_red_icon{	
font-size:12px;
line-height:16px;
background-color:#D36361;
border:1px #D36361 solid;
color:#fff;
}


/* 割当など 大きめの赤ボタン */
input.m_red_icon{
	font-size:14px;
	line-height:16px;
	background-color:#D36361;
	border:1px #D36361 solid;
	color:#fff;
}

/* 解除など 赤ボタン */
input.s_green_icon{	
font-size:14px;
line-height:16px;
background-color:#0089CD;
border:1px #0089CD solid;
color:#fff;
}














div.page_top{
min-width:650px; min-height:26px;
padding:4px 0px 4px 0px;
margin:0px 0px 6px 0px;
text-align: right;

}



.table_list{ clear:both;}

/* 新規登録 */
.input_new{
	min-width:120px; display:table-cell;
float:left; font-size:1px; line-height:1px; display:block;
vertical-align:bottom; margin-top:3px;
}


.input_new input.button_edit01[type="button"],
.input_new input.button_edit01[type="submit"] {
   font-size: 14px;
    height: 24px;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 0;
    margin-left: 0;
    min-width: 80px;
    padding: 1px 6px 3px 6px;
}


.td_page_number .page_number{ 
text-align:right;}

.td_page_number_waku{ padding:0px; margin:0px; border:1px #FFF solid; width:100%; border-collapse:collapse;}
.td_page_number .td_page_number_waku td,
.td_page_number .td_page_number_waku th{ padding:0px; min-height:24px; border:1px #FFF solid;  border-collapse:collapse; background-color:#FFF;}
.td_page_number .td_page_number_waku td.ken{ font-size:12px; line-height:13px; padding-top:3px; padding-right:0px;}


.search_area_right select{ font-size:12px!important; line-height:14px; width:5em; margin-bottom:0px; vertical-align: bottom; margin-right:3px; margin-bottom:2px; padding:1px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px #BAC8E4 solid;

background: #fcfcfc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcfcfc 1%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcfcfc), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 1%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 1%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 1%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 1%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
	}

.sort{ font-size:10px; text-align:center; line-height:13px; margin:6px 0px 1px 2px; background-color:#CFD8ED; color:#555; padding:1px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}




.td_page_number .td_page_number_waku td.ken select{ font-size:12px!important; line-height:14px; width:5em; margin-bottom:0px; vertical-align: bottom; margin-right:3px;}



/* ページ数移動 */
.page_number{
	text-align:right;
	float:right;
	vertical-align:bottom;
 bottom:6px; right:0px;
	}
.td_page_number_bottom .page_number:after{
	clear: both!important; float: leftimportant;
	font-size:10px; line-height:10px;
	display:block;
	content:"　";}

.td_page_number_bottom { height:1.75em;}
.td_page_number_bottom .input_new{ display:none;}

.td_page_number_bottom select

.td_page_number_bottom img,
.td_page_number_bottom img{ vertical-align: middle!important;}


div.submain TH.td_page_number,
div.submain TD.td_page_number{
 padding:0px 0px 3px 0px;
 vertical-align:bottom;
	}




div.submain TD.td_page_number_bottom{
	border:1px #FFF solid;
	border-top:2px #D0D0D0 solid;
	background-color:#FFF;
	padding:6px 0px 6px 1px; margin:0px;
	vertical-align:top;

	}



#contents #main div.search{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:6px 0px 6px 6px;
	width:1322px;
	background-color:#F8F8F8;
	clear:both;
	margin-bottom:3px;
	min-height:80px;
	position:inherit
}


#contents #main div.s_short{
	min-height:30px!important;
}

.search_area_left{ display:table-cell;  width:950px; vertical-align:top; float:left; }
.search_area_left_bottom{ display:table-cell;  width:97%; vertical-align:top; float:left;}
.search_area_right{ display:table-cell; width:120px; padding-right:16px; vertical-align:top; float: right; text-align:right; }

.search_area_right:after { clear: right!important;}


.s_short .search_area_left{ width: auto ; vertical-align:top; float:none;}
.s_short .search_area_right{ width:220px; vertical-align:top; float: none;}


/* プリセットボタン */
.search_area_right input.search_preset{
margin:6px 0px 0px 0px;
padding:0;
width:57px;
height:23px;
font-size:11px;
}

.search_area_right input.s_full{
width:118px;
}

div.search img{	vertical-align:middle;}

div.search_area_left span,
.search_area_left_bottom span{
display: table-cell;
min-width:9.5em;
min-height:22px;
padding-right:16px;
margin-right:12px;
padding:0px 16px 0px 0px;

}
div.search_area_left span.koumoku,
.search_area_left_bottom span.koumoku{
 background-color:#E9E9E9;
 padding-left:6px;
 padding:3px 12px 3px 12px;
 margin-right:3px;
 color: #333;
 min-width:120px;
	-moz-border-radius:3px 0px 0px 3px;
	-webkit-border-radius:2px 0px 0px 3px;
	border-radius:3px 0px 0px 3px;
}

div.search table{ margin:0px; padding:0px; border-collapse: separate;}
div.search table tr{ margin:0px;}
div.search table td{ margin:0px; padding:3px 12px 3px 12px; vertical-align:middle; min-height:29px;}
div.search th.s_title{
 background-color:#F2D6D6; min-width:4em;
 color: #333;	border:1px #F8F8F8 solid;
}
div.search th,
/* div.search table td{ min-width:142px;} */
div.s_short .search_area_left th{ min-width:70px;}

div.search th{
 background-color:#E9E9E9;
 padding:3px 12px 3px 10px;
 margin:1px 0px 
 color: #333;
 min-width:110px;
 text-align:left;
 font-weight:normal;
	-moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	border-radius:4px 0px 0px 4px;
	border:1px #F8F8F8 solid;
	min-height:24px;
}
div.search th.f_12,div.search th.f_13{ line-height:22px;}

div.search table td{ margin:1px 0px ; padding:3px 12px 2px 3px; margin:1px 0px; }
div.search table td.td_line{ border-bottom:1px #909090 dotted;}
div.search table td select{ margin:0px 2px 0px 0px;}

div.search input[type="text"],
div.search input[type="password"] { width:120px;}


div.search th.th_w_mini{ min-width:50px; width:50px;}
div.search table td.th_w_mini,
div.search table td.th_w_mini{ min-width:50px;  width:50px;}


div.s_short .search_area_left span.koumoku{ min-width: inherit; padding-left:10px;}

#contents #main div.search h2,
#contents #main div.search h2.s_title{
 margin:3px 0px 3px 0px;
 font-size:12px; line-height:16px;
 padding:0px;
 padding:3px 6px 3px 6px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}


div.search span.s_title{
display:table-cell;
padding-right:16px;
margin-right:12px;
}




/* 検索ボタン */
input.s_icon{ 
margin:4px 0px 0px 0px;
width:120px; height:46px;
font-size:18px;
background-color:#3B5998;
border:1px #3B5998 solid;
letter-spacing:0.25em;
color:#fff;
}

/* 検索ボタン 1行用  */
.s_short input.s_icon{
margin:3px 6px 0px 3px;
width:120px; height:30px;
font-size:16px;
float:left;
color:#fff;
vertical-align:middle;
}

.s_line{ margin-top:3px; margin-bottom:3px;}



/* クリアボタン */
input.s_sub_icon,
.s_icon_clear{
margin:6px 0px 0px 0px;
width:120px;
height:26px;
font-size:18px;
background-color:#fff;
border:1px #ABADB3 solid;
color:#666;
}
input.s_sub_icon_half{
margin:6px 0px 0px 0px;
width:57px;
font-size: 11px;
height: 23px;
background-color:#fff;
border:1px #ABADB3 solid;
color:#666;
}

/* クリアボタン 1行用 */
.s_short input.s_sub_icon,
.s_short input.s_sub_icon01{
margin:1px 6px 0px 16px;
width:60px;
height:24px;
font-size:13px;
background-color:#fff;
border:1px #ABADB3 solid;
color:#666;
vertical-align: top;
float: right;
}


/* クリアボタン 1行用 */
.s_short input.s_sub_icon,
.s_short input.s_sub_icon01{
float: left;
margin:3px 6px 0px 3px;
}





/* コンボボックス datalist関係 */
div.search_area_left .ui_button_td  span,
.search_area_left_bottom .ui_button_td  span{ display: inline-block; padding-right: 0px;}
.ui_button_td .ui-button-icon-only{
width: 24px; height: 26px;
min-width: 22px;
min-height: 26px;
overflow: hidden;
margin-top: -3px;
margin-left: -3px;
vertical-align: middle;
 background: #F1F1F1; 
}

.ui_button_td input.ui-state-default.ui-corner-left{ background: #fff; 
    padding:1px 3px;
    line-height: 24px!important;
    height: 24px!important;
}
.ui-menu .ui-menu-item a{  font-size: 14px; line-height: 1.5em;}
.ui-menu {
	height: 500px;
	overflow: scroll;
}


















.header_menu .f_10,
#contents .f_10{ font-size:10px!important; line-height:16px!important;}
#contents th.f_10{line-height:12px!important;}

.header_menu .f_12,
#contents .f_12{ font-size:12px!important; line-height:16px!important;}
#contents th.f_12{line-height:14px!important;}

.header_menu .f_13,
#contents .f_13{ font-size:13px!important; line-height:20px!important;}
#contents th.f_13{line-height:16px!important;}

#contents .f_14{ font-size:14px!important; line-height:20px!important;}
#contents .f_16{ font-size:16px!important; line-height:22px!important;}
#contents .f_18{ font-size:18px!important; line-height:24px!important;}


















/* ========================================================================== */
/* 09) サブメイン内*/
/* ========================================================================== */
#main_only div.submain TABLE span.red{
	float:right; padding:3px 6px;
	font-size:12px; line-height:14px;
	background-color:#EA8282; color:#FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:2px; margin-right:6px;
}




/* HR */
#main_only div.submain HR { 
	border: 0px; /* 枠の太さ */
	height: 1px; /* 線の太さ */
	margin-bottom:12px;
} 

/* TABLE 線なしの枠線 */
#main_only div.submain TABLE.table_none {
	border-collapse: collapse;	/* 枠線の表示方法 */ 
	border: 0px #FFFFFF solid;	/* テーブル全体の枠線（太さ・色・スタイル） */ 
}
#main_only div.submain TABLE.table_none TD { 
	border: 0px #FFFFFF solid;	/* セルの枠線（太さ・色・スタイル） */ 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 
#main_only div.submain TABLE.table_none TH { 
	border: 0px #FFFFFF solid;	/* セルの枠線（太さ・色・スタイル） */ 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
} 




#main_only input[type="button"],
#main_only input[type="submit"]{
	margin:3px 0px;
	}
#main_only div.submain TABLE input[type="text"],
#main_only div.submain TABLE input[type="password"],
#main_only div.submain TABLE textarea{
	max-width:85%;

}
#main_only textarea{
	max-width:400px; }


#main_only .modoru input[type="button"],
#main_only .modoru input[type="submit"]{
	padding:2px 6px 4px 6px;
	font-size:16px;
	line-height:22px;
	
	margin:16px 0px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	background-color:#0D6BCD;
	border:1px #0D6BCD solid;
	color:#fff;
	
	width:250px; height:46px; 
	}

.footer_bottom{ background-color: #fff; margin-left:-6px!important; padding:26px 12px 0px 12px; margin:0px; text-align:left; width:100%; min-height:45px; border-top:1px #DADADA solid;}




/* 印刷設定 */
@media print {
.r_ps{ display:none; visibility:hidden;}
.c_ps{ position: relative!important; margin-top:36px!important;}
}

#main_only .footer_bottom input[type="button"],
#main_only .footer_bottom input[type="submit"]{
	padding:2px 6px 4px 6px;
	font-size:18px;
	line-height:22px;
	float:right;
	
	margin:0px; margin-top:-16px; margin-right:30px;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	background-color:#298EE8;
	border:1px #298EE8 solid;
	color:#fff;
	
	width:200px; height:46px;

	background-image:url(../img/br_next03.png);
	background-repeat:no-repeat;
	background-position: center right;

	}




#main_only .modoru input.sub_button[type="button"],
#main_only .modoru input.sub_button[type="submit"]{
	background-color:#666;
	border:1px #666 solid;
	color:#fff;

	}
#main_only .footer_bottom input[type="button"]:hover,
#main_only .footer_bottom input[type="submit"]:hover,
#main_only .modoru input[type="button"]:hover,
#main_only .modoru  input[type="submit"]:hover{
	background-color:#F39C12;
	border:1px #F39C12 solid;
	color:#fff;
	} 



/* ========================================================================== */
/* 10) 完了メッセージ欄内*/
/* ========================================================================== */
/* TABLE １ピクセルの枠線 */
div.kanryo TABLE {
	border-collapse: collapse ;	/* 枠線の表示方法 */ 
	border: 1px #0000a0 solid;	/* テーブル全体の枠線（太さ・色・スタイル） */ 
}
div.kanryo TD { 
	border: 1px #0000a0 solid;	/* セルの枠線（太さ・色・スタイル） */ 
	padding: 4px 7px 4px 7px;
	background:#FFFFFF;
	text-align:left;
	font-weight: normal;
} 
div.kanryo TH { 
	border: 1px #0000a0 solid;	/* セルの枠線（太さ・色・スタイル） */ 
	padding: 4px 10px 4px 10px;
	background:#D0E8FF;
} 

/* ========================================================================== */
/* 11) カレンダー */
/* ========================================================================== */
/* カレンダー全体 */
.calendar_table{background-color:#ECF5FF; filter:Alpha(opacity=97); -moz-opacity:0.97;}

/* カレンダーの縁部分 */
.calendar_table table.border-line {
	width:438px;
	border-top:1px solid  #393939; 
	border-right:1px solid #393939; 
	border-bottom:1px solid #393939; 
	border-left:1px solid #393939;
}

/* カレンダーテーブル内の余白部分 */
.calendar_table_inner{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}

/* 年・月部分 */
.calendar_table th {
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	height:20px;
	text-align:center;
}

/* 選択不可 日付部分 */
.calendar_table td.disabled{
	text-decoration:line-through;
	font-size:12px;
	text-align:right;
	height:15px; color:#999999;
	white-space:nowrap;
	vertical-align:top;
}

/* 曜日・日付部分 */
.calendar_table td.day {font-size:12px;	text-align:right; height:15px; white-space:nowrap;	width:22px;}
.calendar_table td.saturday {font-size:12px; text-align:right; height:15px; color:#1b47ff; white-space:nowrap;	width:22px;}
.calendar_table td.sunday { font-size:12px;	text-align:right; height:15px; color:#FF3300; white-space:nowrap;	width:22px;}

/* カレンダーとカレンダーの間隔部分 */
.calendar_table td.spacer {	padding:5px;}

/* 平日 */
.calendar_table td.day a{	color:#000000;	text-decoration:none;}
.calendar_table td.day a:link{text-decoration:none;}
.calendar_table td.day a:visited{color:#000000; text-decoration:none;}
.calendar_table td.day a:hover{color:#FFFFFF; text-decoration:underline; background-color:#FF3300;}

/* 土曜日 */
.calendar_table td.saturday a{color:#1b47ff; text-decoration:none;}
.calendar_table td.saturday a:link{text-decoration:none;}
.calendar_table td.saturday a:visited{color:#1b47ff; text-decoration:none;}
.calendar_table td.saturday a:hover{color:#FFFFFF; text-decoration:underline; background-color:#FF3300;}

/* 日曜日 */
.calendar_table td.sunday a{color:#FF3300; text-decoration:none;}
.calendar_table td.sunday a:link{text-decoration:none;}
.calendar_table td.sunday a:visited{color:#FF3300; text-decoration:none;}
.calendar_table td.sunday a:hover{color:#FFFFFF; text-decoration:underline; background-color:#FF3300;}

/* SELECTボックスで選択されている日付のハイライト */
/* .calendar_table td.selected {border-style:dashed; border-color:#FF6B24; border-width:2px; background-color:#FFCC00;} */
.calendar_table td.selected {background-color:#FFCC00;}

/* 前月・次月ボタン */
.calendar_table td{vertical-align:top;}
.calendar_table td.arrow a{padding:0px;}
.calendar_table td.arrow a:hover{background-color:transparent;}
.calendar_table td.arrow img{border-style:none; width:24px; height:24px;}

/* 閉じるボタン */
.calendar_table td.close{font-size:12px; text-align:center; color:#000000; white-space:nowrap;
}
.calendar_table td.close a:hover{color:#000000; background-color:transparent}
.calendar_table td.close img{border-style:none;}

/* ========================================================================== */
/* 12) カレンダー用テーブル 祝日設定 */
/* ========================================================================== */
div.submain table.calendar {
    border-style: none;
    }
div.submain table.calendar th {
    vertical-align:top;
    padding:4px;
    }
div.submain table.calendar td {
    vertical-align:top;
    padding:4px;
    border:1px solid #4682b4;
}
div.submain table.calendar td.small {
    font-size:80%;
}
div.submain table.calendar th.blue { 
    background-color: #47749c;
    color: #fff;
    }
div.submain table.calendar td.sat { 
    background-color: #dff;
    }
div.submain table.calendar td.sun { 
    background-color: #fdd;
    }
div.submain table.calendar td.gray { 
    background-color: #eee;
    }
div.submain table.calendar td.sai { 
    background-color: #ffd;
    }
div.submain table.calendar td.migi {
    text-align:right
}


.tiiki_waku{
	margin:4px 0px 4px 32px;
	padding: 5px 5px 5px 16px;	
	width: 360px;
	border: 1px dotted #aaa;	
}

div.menu-tt{
font-size:15px;
font-weight:bold;
margin:4px 4px;
color:#333333;
	
}
.am_ya{
color:	#0066CC;
font-size:12px;
}

td.mailmaga_select_none{
    background-color: #BBBBBB;
}



#main_only .f_menu{ margin-top:36px!important;  margin-bottom:36px!important;}
#main_only .f_menu a,
#imputbox a.button_edit{
	 padding:6px 12px;
	 text-decoration: none;
	font-size:14px; line-height:16px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:6px; margin-right:0px;
}

#imputbox a.button_back{
	 padding:6px 12px;
	 text-decoration: none;
	font-size:14px; line-height:16px;
	background-color:#BCBCBC; color:#FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:6px; margin-right:0px;
}
#imputbox a.button_edit{	font-size:16px; line-height:20px; padding:8px 26px; margin-left:26px;}
#imputbox .f_menu a:hover,
#imputbox a.button_back:hover,
#imputbox a.button_edit:hover{
	background-color:#EE751A;
	color:#FF0;
	}


.T02{ font-size:13px; line-height:22px; margin-top:3px;}
input.tel{ime-mode:disabled; width:10em; letter-spacing:1px;}
input.kingaku{ime-mode:disabled; width:8em; letter-spacing:1px; font-size:18px; line-height:22px;}
























title{ background-color:#000;}




input.tooltip:hover {
background: #ffffff;     /* IE6以下で必要 */
text-decoration: none;
}
input.tooltip span {
 display: none;
padding: 8px;
font-size: 12px;
 margin-left: 8px;
line-height: 1.6;
}
input.tooltip:hover span{
 display: inline;
 position: absolute;
background-color: #FFF7EE;
border: 1px solid #cccccc;
color: #000000;
width: 200px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}

/* IE6以下にのみ適用 */
input.tooltip:hover span{  width: 216px;}

.submain_table{ float:none; clear:both!important; display:block;}
.com_red{ color:#aa0000; font-size:12px; line-height:16px;}




/* ========================================================================== */
/* 13) トップページ グラフ設定 */
/* ========================================================================== */

.top_box_frame{ min-width:1180px;}

.top_box_left{ 
	margin-right:0px;
	float:left;
	}

.top_box_right{
	margin-right:0px;
	float:left;
	}





a.top_button_l,
a.top_button_l:link,
a.top_button_l:visited{
	padding:28px 12px 26px 12px;
	display:block; float: left;
	width:300px;
	text-align:center;
cursor: pointer;
cursor: hand;
	text-decoration: none;
	font-size:24px; line-height:28px;
	letter-spacing:1px;
	background-color:#0A9EE7;
	border:1px #0A9EE7 solid;
	color:#FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	}


a.top_button_r,
a.top_button_r:link,
a.top_button_r:visited{
	padding:32px 12px 28px 12px;
	display:block; float: right;
	width:300px;
	text-align:center;
cursor: pointer;
cursor: hand;

	text-decoration: none;
	font-size:20px; line-height:22px;
	letter-spacing:1px;
	background-color:#3869B1;
	border:1px #3869B1 solid;
	color:#FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	}
a.top_button_l:hover,
a.top_button_r:hover{
	background-color:#EE751A;
	border:1px #EE751A solid;
	color:#FF0;
	}

div.submain tbody Th.th_l{
	background-color:#E6E4F7;
	border-color:#A59FE4;
	border-bottom-color:#7970D7;
	}
div.submain tr:hover Th.th_l{}

div.submain TH.b_r{ border-right:3px #766FD7 solid; border-right-color:#5560BF!important;}
div.submain TD.b_r{ border-right:3px #666 solid;}

div.submain TD.b_b,
div.submain tr:nth-child(2n-1) Td.b_b
div.submain tr:hover TH.b_b,
div.submain tr:nth-child(2n-1) TH.b_b{ border-bottom:2px #B3B3B3 solid;}

div.submain tbody TD.tb_td:hover,
div.submain tbody TD.tb_td{ background-color:#fff;}

div.submain tbody:nth-child(2n-1) TD.tb_td{ background-color:#F8F8F8;}
div.submain tbody:nth-child(2n-1):hover TD.tb_td{ }








.dt_koumoku{ margin-top:-38px; margin-bottom:12px; margin-left:95px; padding:3px 3px 3px 18px;
background-color:#1C84C6;
border:1px #1C84C6 solid;
color:#FFF;
width:50px; text-align:center;
font-size:12px; line-height:14px;
cursor: pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-image:url(../img/arrow_bottom.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:17px 22px;

	}

.dt_koumoku:hover{ background-color:#1F5B98; border:1px #1F5B98 solid;}


.dd_koumoku{ margin-top:0px; }

#main_only div.submain TABLE.t_accordion{ padding-bottom:0px!important;}


td.no_data,
div.submain TD.no_data{height:120px ;text-align:center; font-size:18px; line-height:22px;}





.max_6em select,
.max_6em input{ width:6em;}





.max_7em select,
.max_7em input{ width:7.5em;}


.max_8em select,
.max_8em input{ width:8.5em;}


.max_12em select,
.max_12em input{ width:12.5em;}



.flotr-axis-title .flotr-axis-title-x1{ margin-top:26px;}

.submain .top_box_right .flotr-labels .flotr-grid-label{ font-size:12px; line-height:16px; letter-spacing:0px;}
.submain .top_box_right .flotr-labels .flotr-grid-label span{ display:block;  }
.submain td.s_td_l{border-right:1px dotted #A7A7A7;}
.submain td.s_td_r{border-left:1px dotted #A7A7A7;}


div.submain .toukri_table02 th.s_th_l,
.submain th.s_th_l{border-right:1px dotted #CAE1F4;}
div.submain .toukri_table02 th.s_th_r,
.submain th.s_th_r{border-left:1px dotted #CAE1F4;}

/* ========================================================================== */
/*  印刷用記述 */
/* ========================================================================== */
@media print { 
ul.MenuBarHorizontal li{ min-width:100px;}
.kaihatu{ display:none; visibility:hidden;}


.header_menu{ width:100%; min-width: inherit; } 

#header,
#footer{ width:100%; min-width: inherit; } 
#contents{ width:100%; zoom:0.8; 
} 

} 


/* ========================================================================== */
/*  material-icons.css  */
/* ========================================================================== */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: 
  url("./MaterialIcons-Regular.woff") format("woff"),
  url("./MaterialIcons-Regular.woff2") format("woff2");
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}