/*----------------------------------------------------*/
/*色変換　見出し*/
/*----------------------------------------------------*/
/*財団固有色1：	DEF_SYSTEM_COLOR（ベースカラー）
/*財団固有色2：	DEF_SYSTEM_COLOR_DARK（ベースカラー）
/*管理者色：	DEF_ADMIN_COLOR
/*部局色：		DEF_SUB_ADMIN_COLOR

/*財団固有色2：#c6e4f7（薄め）
/*財団固有色3：#bee0f7（やや薄め）
/*財団固有色4：#471b6a（濃いめ）

/*----------------------------------------------------*/
/* 【共通】財団固有色 テキスト*/
/*----------------------------------------------------*/
.f_color{
	color:#3366FF;/*財団固有色1*/
}
.f_color-off{
	color:#666;
}
/*----------------------------------------------------*/
/* 【共通】財団固有色 リンク*/
/*----------------------------------------------------*/
a.f_color{
	color:#3366FF;/*財団固有色1*/
	text-decoration:underline;
}

/*----------------------------------------------------*/
/*【共通】メインコンテンツの幅*/
/*----------------------------------------------------*/
/*申請情報一覧*/
div#main_list{
	width:1020px;
	margin:-35px auto 50px auto;
}

/*----------------------------------------------------*/
/*【共通】ヘッダー*/
/*----------------------------------------------------*/
#header{
	background-color:#3366FF;/*財団固有色1*/
	background-size: cover;
	width:auto;
	min-width:1024px;
	height:90px;
	
}
#header_inner{
	background-color:#3366FF;/*財団固有色1*/
	max-width:1140px;
	min-width:949px;
	height:90px;
	margin:0 auto;
	padding:0;
	border-collapse:collapse;
}

div#header>div#header_inner>div.title{
	color:#FFF;
}

/*----------------------------------------------------*/
/*【共通】タイトル*/
/*----------------------------------------------------*/
h1{
	box-sizing: border-box;
	width:803px;
	height:26px;
	/*height:55px;*/
	/*font-size:13pt;*/
	font-size:1.21rem;
	margin:0 auto;
	margin-bottom:30px;
	/*text-indent:20px;*/
	padding-left:10px;
	/*border-bottom:2px solid #ccc;*/
	border-left:6px solid #3366FF;
	position: relative;
	
}
h1::after{
	border-top:2px solid  white;
	border-bottom:2px solid  #ccc;
	width:100%;
	position: absolute;z-index: 1;bottom: 0;left: -6px;
	content: "";
}

h2{
	box-sizing: border-box;
	width:803px;
	height:26px;
	/*height:55px;*/
	/*font-size:13pt;*/
	font-size:1.21rem;
	margin:0 auto;
	margin-bottom:30px;
	/*text-indent:20px;*/
	padding-left:10px;
	/*border-bottom:2px solid #ccc;*/
	border-left:6px solid #3366FF;
	position: relative;
	
}
h2::after{
	border-top:2px solid  white;
	border-bottom:2px solid  #ccc;
	width:100%;
	position: absolute;z-index: 1;bottom: 0;left: -6px;
	content: "";
}



h3{
	font-size:13pt;
	background-color:#3366FF;
	padding-left:20px;
	width:780px;
	height:36px;
	line-height:2.25em;
	color:#ffffff;
}

/*----------------------------------------------------*/
/*【共通】ラジオボタン　表示切替用*/
/*----------------------------------------------------*/
.selOn{
	padding: 5px 5px 5px 10px;
	/*width:85%;*/
	/*width: 100%;*/
	border-radius:3px;
	display: inline-block;
	font-weight:bold;
	background-color:#bee0f7;/*財団固有色3*/
	/*float: left;*/
}

.selOff{
	padding: 5px 5px 5px 10px;
	width: 100%;
	display: inline-block;
	/*float: left;*/
	font-weight:bold;
}

.label_rad_incell-on{
	margin:0 auto;
	padding: 5px 5px 5px 5px;
	border-radius:3px;
	display: block;
	font-weight:bold;
	background-color:#bee0f7;/*財団固有色3*/
	/*float: left;*/
}

.label_rad_incell-off{
	margin:0 auto;
	padding: 5px 5px 5px 5px;
	display: block;
	/*float: left;*/
	font-weight:bold;
}

.label_rad-on{
	padding: 3px 30px 3px 10px;
	border-radius:3px;
	display: inline-block;
	font-weight:bold;
	background-color:#bee0f7;/*財団固有色3*/
	float: left;
}

.label_rad-off{
	padding: 3px 30px 3px 10px;
	display: inline-block;
	float: left;
	font-weight:bold;
}

.bunyaChk_inline{
	padding: 5px 30px 5px 10px !important;
	display: inline-block !important;
}


.nengouOn{
	padding: 5px 10px 5px 10px;
	border-radius:3px;
	display: inline-block;
	font-weight:bold;
	background-color:#bee0f7;/*財団固有色3*/
}

.nengouOff{
	padding: 5px 10px 5px 10px;
	display: inline-block;
	font-weight:bold;
}

.koumokuOn{
	padding: 5px 30px 5px 10px;
	width: 140px;
	border-radius:3px;
	display: inline-block;
	font-weight:bold;
	background-color:#bee0f7;/*財団固有色3*/
	float: left;
}

.koumokuOff{
	padding: 5px 30px 5px 10px;
	width: 140px;
	display: inline-block;
	float: left;
	font-weight:bold;
}

.hyoutenOn{
	padding: 2px 5px 2px 2px;
	border-radius:3px;
	display: block;
	background-color:#bee0f7;/*財団固有色3*/
	float: left;
}

.hyoutenOff{
	padding: 2px 5px 2px 2px;
	display: block;
	float: left;
}

.fontOn{
  background-color: #bee0f7;
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  min-width: 80px;
  border-radius: 10px;
  font-weight: bold;
  text-align: left;
}
.fontOff{
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  min-width: 80px;
  color: #8e8e8e;
  font-weight: bold;
  text-align: left;
}

/*----------------------------------------------------*/
/*【共通】ボタンスタイル*/
/* 表の中で使用するスタイルはブロック要素にする */
/*----------------------------------------------------*/

/*
/*マイページ フォーマットのダウンロードボタン*/
.btn_docs_download{
	text-align:center;
	margin:0px 0 10px 50px;
}
.btn_docs_download a{
	padding:2px 50px;
	text-decoration:none;
	color:#3366FF;/*財団固有色1*/
	font-weight:bold;
	border:3px solid #3366FF;/*財団固有色1*/
	border-radius: 5px 5px 5px 5px; /* 角を丸くする */
	display:block;
}
.btn_docs_download a:hover{
	background-color:#c6e4f7;/*財団固有色2*/
}

/*----------------------------------------------------*/
/*【TOP】メニュー部分*/
/*----------------------------------------------------*/
table.menu_table td a:hover{
	color:#3366FF;/*ホバー時の文字色 財団固有色1*/
	font-weight:bold;
	border-bottom:4px solid #3366FF;/*ホバー時のborder色 財団固有色1*/
}

.linked{
	border-bottom:4px solid #3366FF;/*財団固有色1*/
	color:#3366FF;/*財団固有色1*/
}

/*----------------------------------------------------*/
/*【TOP】境界線色指定*/
/*----------------------------------------------------*/
.border_mypage{
	border:6px solid #c6e4f7;/*財団固有色2*/
}

/*----------------------------------------------------*/
/*【TOP】説明部分 */
/*----------------------------------------------------*/
/*助成申請の流れ 境界線色指定*/
table.step_table{
	border-collapse:collapse;
	padding:0;
	margin:0;
	border-top:6px solid #3366FF;/*財団固有色1*/
	width:602px;
}

/*----------------------------------------------------*/
/*【よくあるご質問】*/
/*----------------------------------------------------*/
/*Answer*/
.answer{
	width:773px;
	margin:5px auto 50px;
	padding:15px 0;
	border-top:solid 2px #3366FF;/*財団固有色1*/
	border-bottom:dotted 2px #999999;
}
.answer p{
	line-height:1.4;
	text-indent:-1.5em;
	padding-left:2.0em;
}
/*----------------------------------------------------*/
/*【マイページ】*/
/*----------------------------------------------------*/
/*助成種類*/
.support_kind_table{
	margin:50px 0 24px 19px;
	padding:0;
	border-collapse:collapse;
	border:1px solid #3366FF;/*財団固有色1*/
}

.support_kind_table th{
	background-color:#3366FF;/*財団固有色1*/
	color:#ffffff;
	font-weight:bold;
	width:118px;
	height:28px;
	vertical-align:middle;
}

.support_kind_table td{
	color:#3366FF;/*財団固有色1*/
	padding:0 20px;
	height:28px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

/*PDF変換方法　説明文*/
.change_pdf{
	color:#ff0000;
	font-weight:bold;
	line-height:1.5em;
	margin:0px 0 0 5px;
}
.change_pdf a{
	color:#3366FF;/*財団固有色1*/
	text-decoration:underline;
}

/*----------------------------------------------------*/
/*【ヘルプ】PDF変換方法*/
/*----------------------------------------------------*/
/*ヘルプ ページ内リンク*/
ul.help_inmenu{
	padding:0px 20px;
	margin-top:0px;
}

ul.help_inmenu li{
	list-style: none;
	color:#3366FF;/*財団固有色1*/
	line-height:150%;
}

ul.help_inmenu li a{
	text-decoration:underline;
	color:#3366FF;
}

/*マニュアルサブタイトル*/
.manual_subtitle{
	background-color: #3366FF;/*財団固有色1*/
	font-weight:bold;
	margin: 0px;
	text-align: left;
	padding:5px 0px 5px 70px;
	color:#ffffff;
	width:733px;
}

/*連番*/
.number_icon {
	clear:both;
	float:left;
	background-color: #3366FF;/*財団固有色1*/
	color:#ffffff;
	width:20px;
	height:20px;
	text-align:center;
	vertical-align:bottom;
	padding:0 0 0 0;
	margin:2px 10px 0;
	font-weight:bold;
	line-height:1.5em;
}

/*下線*/
.under_bar{
	border-bottom:3px solid #3366FF;/*財団固有色1*/
	width:100%;
	margin-top:20px;
}

/*----------------------------------------------------*/
/*【ヘルプ】文字修飾*/
/*----------------------------------------------------*/
/*タイトル*/
div#help div.title{
	color:#3366FF;/*財団固有色1*/
	width:460px;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	border-bottom:solid 2px #3366FF;/*財団固有色1*/
}

/*----------------------------------------------------*/
/*【オープンウィンドウエリア】*/
/*----------------------------------------------------*/
/*タイトル 審査コメント登録*/
.openTitle_Comment{
	color:#3366FF;/*財団固有色1*/
	width:100%;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	border-bottom:solid 2px #3366FF;/*財団固有色1*/
}

/*----------------------------------------------------*/
/*【管理者　申請情報一覧】*/
/*----------------------------------------------------*/
/*申請情報一覧（デフォ）*/
table.list_table{
	width:839px;
	margin:10px 0 10px 0px;
	border-collapse:collapse;
	border-top:1px solid #cccccc;
}

table.list_table th{
	padding:5px;
	background-color:#eeeeee;
	line-height:1.4em;
}

table.list_table td{
	padding:5px;
}

table.list_table td.td_title{
	background-color:#3366FF;/*財団固有色1*/
	color:#ffffff;
	padding-left:10px;
}

table.list_table tr.tr_saitaku{
	background-color:#fafca8;/*財団固有色3*/
}
table.list_table tr.tr_negative{
	background-color:#e0e0e0;
}

/*申請情報一覧（二段）*/
table.list_table_shinsei{
	width:1020px;
	margin:10px 0 10px 0px;
	border-collapse:collapse;
	border-top:1px solid #cccccc;
}

table.list_table_shinsei th{
	padding:5px;
	background-color:#eeeeee;
	line-height:1.5em;
}

table.list_table_shinsei td{
	padding:5px;
}

table.list_table_shinsei td.td_title{
	background-color:#3366FF;/*財団固有色1*/
	color:#ffffff;
	padding-left:10px;
}

table.list_table_shinsei tr.tr_saitaku{
	background-color:#fafca8;/*財団固有色3*/
}

table.list_table_shinsei tr.tr_jitai{
	background-color:#e0e0e0;
}


.tr_selected{
	background-color:#caecff;/**/
}

/*----------------------------------------------------*/
/*【管理者　編集・アップロード】*/
/*----------------------------------------------------*/
/*境界線*/
.edit_upload_border{
	border:1px dotted #3366FF;/*財団固有色1*/
	width:803px;
	margin:18px auto 0;
}

/*----------------------------------------------------*/
/*【管理者　編集】*/
/*----------------------------------------------------*/
.last_update{
	margin:50px 0 0 0;
	border:1px solid #ff0000;
	padding:1px 5px;
	font-size:90%;
	font-weight:normal;
	color: #ff0000;
}

/*----------------------------------------------------*/
/*【管理者　初期設定】*/
/*----------------------------------------------------*/
/* 境界線*/
.setting_line{
	border:1px dotted #3366FF;/*財団固有色1*/
	width:803px;
	margin:8px auto;
}

/*----------------------------------------------------*/
/*【審査委員　編集】*/
/*----------------------------------------------------*/
/* 境界線*/
.hyouten_line{
	border:1px dotted #3366FF;/*財団固有色1*/
	width:100%;
	margin:8px auto;
}

/*----------------------------------------------------*/
/*【申請設定画面】*/
/*----------------------------------------------------*/

/*申し込み項目設定*/
.setting_contents_area_head{
	padding :5px;
	
}

.switch_contents_area{
	cursor: pointer;
	
	border-radius: 3px;
	padding :3px 10px;
	background:#666;
	color: white;
}
.enable_input_conds{
	/*background-color:#ffffd8;*/
	padding:5px;
	margin-left: 20px;
}
.chk_switch_contents_area{
	visibility: hidden;
	width:1px;
	margin:0;
}
.setting_ctrl_area,.setting_contents_area{
	/*display:none;*/
}
.btn_new_exam{
	width:300px;
	margin: 50px auto 50px auto;
	text-align:center;
}
.btn_new_exam a{
	padding:10px 45px;
	background-color:#ee3800;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	border-radius: 3px 3px 3px 3px; /* 角を丸くする */
}

.btn_new_exam a:hover{
	background-color:#c32e00;
}


/* 追加項目の見出し */
.edit_table.optional_header{
	/*margin-left:0;*/
}
.edit_table.optional_header .setting_contents_area_head {
	font-weight:bold;
	/*background: #3366FF;*/
	border-left:2px solid #3366FF;
	/*color:white;*/
}

/*入力パターン設定パート*/
.optional_text_valid_detail{
	border : 1px dashed #ccc;
	padding: 10px;
	margin-top:5px;
}
.optional_text_valid_detail label{
	display: inline-block;
	margin-right:1em;
}


/* 汎用 区切り線*/
.hr{
border-bottom:none;
border-left:none;
border-right:none;
border-top:1px solid #ccc
}

/* 汎用 メッセージボックス*/
.message_box{
padding:10px;
}

/* 汎用 並び替え可能な要素*/
.dragpoint{
	border:3px dotted #bee0f7;
	margin-top:5px;
}
.dragpoint:hover{
	cursor:move;
}

/* 追加フォーム削除ボタン */
.inline_del_btn{
	display:inline-block;
	text-align:center;
	border-radius: 10px 10px 10px 10px; /* 角を丸くする */
	padding:5px;
	margin:0 auto;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	margin-top:10px;
	background:#848484;
}


/*----------------------------------------------------*/
/*追従ボタン*/
/*----------------------------------------------------*/
.fix_btn_area{
	position:fixed;
	bottom:200px;
	right:10px;
	
	cursor:pointer;
	background-color: rgba(255,0,0,0.2);  	

	padding-top:10px;
	padding-bottom:10px;
	
}
.fix_btn_area_page_link{
	display: block;
	font-size : 80%;
	box-sizing: border-box;
	padding:0 10px;
	/*text-decoration: underline;*/
}
.fix_btn_area_page_link-1:before{
	content : "";
}
.fix_btn_area_page_link-2:before{
	content : "- ";
}
.fix_btn_area_page_link-3:before{
	content : "-- ";
}
.fix_btn_area .fix_btn{
	text-align:center;
	display:block;
	padding:10px;
	margin:0 auto;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	margin-top:10px;
	border-radius: 3px 3px 3px 3px; /* 角を丸くする */
}
.fix_btn-save{
	background:#ee3800;
}
.fix_btn-cancel{
	background:#848484;
}
.fix_btn-view{
	background:#00B145;
}

/*エラーメッセージ*/
.error_msg{
	background:#fff457;
	box-sizing:border-box;
	padding:0.5em;
	margin-bottom: 0.5em;
}

/*----------------------------------------------------*/
/*【編集画面】*/
/*----------------------------------------------------*/
/*文字数表示*/
.letter_counter_wrap {
	text-align:right;
	display:inline-block;
	color: #3366FF;/*財団固有色1*/
	/*margin-left:40px;*/
}
.letter_counter_wrap_small{
	width:150px;
}
.letter_counter_wrap_middle{
	width:300px;
}
.letter_counter_wrap_large{
	width:460px;
}
.letter_counter {
/*
	font-size:80%;
	display:inline-block;
	background: #3366FF;
	margin-top: 3px;
	color:#fff;
	padding:3px 20px;
	border: 1px solid #3366FF;
	border-radius: 3px;
*/
	font-size:90%;
	display:inline-block;
	margin-top: 3px;
}
/*汎用テキストエリア*/
.textarea_edit{
	max-width:500px;
	min-width:500px;
	/*max-height:60px;*/
	min-height:60px;
	padding:5px;
	border-radius: 5px 5px 5px 5px; /* 角を丸くする */
	border:1px solid #898989;
}
/*【ファイルアップロード】*/
/*----------------------------------------------------*/
.doc_notice{
	margin-bottom:1.0em;
}

.doc_notice{
	margin-bottom:1.0em;
}
	
.docs_uoload input{
	/*padding:10px;*/
	height:2.2em;
}


/*----------------------------------------------------*/
/*【審査画面】*/
/*----------------------------------------------------*/
ul.selection_hyouten{
	padding:0px 0px;
	margin:0px;
    list-style-type: none;
    width: 100%;
}

ul.selection_hyouten li{
	float: left;
    
	line-height:150%;
    text-align:left;
}
.label_hyouten{
	padding: 2px 5px 2px 2px;
	display: block;
	float: left;
}
.shoten_content{
	display:block;
}
.shoten_area{
	margin-bottom:.7em
}


/*----------------------------------------------------*/
/* ツールチップ */
/*----------------------------------------------------*/
.ui-tooltip{
	background: #ffff80 !important;
}

/*----------------------------------------------------*/
/* 子要素を親よりはみ出させる */
/*----------------------------------------------------*/
.fluid-box_wrap{
	/*width:100%;*/
	/*overflow-x: scroll;*/
}
.fluid-box{
max-width:100vw !important;
min-width:100% !important;
width:auto !important;
margin:0 auto !important;
}


/*画像背景色*/
img.bg_support{
	background: #3366FF;/*財団固有色1*/
}


/*----------------------------------------------------*/
/* メール編集画面 */
/*----------------------------------------------------*/
.var_set{
	font-size:80%;
	display:block;
	border:2px solid #ccc;
	border-radius:3px;
	border-radius: 5px 5px 5px 5px;
	margin-right:5px;
	margin-bottom:5px;
	opacity:0.5;
	margin-left:0.5em;
}

.var_set.var_active{
	opacity:1.0;
}
.var_active{
	cursor:pointer;
}
.var_active:active{
	border-color:#3366FF}

.var_set .var_name{
	background:#dff4ff;
	padding:3px;
}
.var_set .name{
	padding:3px;
	
}

.mail_eidit_head{
	font-weight:bold;
}

.mail_vars{
	margin-left:10px;
	
	padding-left:10px;
	padding-right:20px;
	/*padding-bottom:25px;*/
	border:1px solid #ccc;
}
.mail_vars_flexible{
	height:300px;
	overflow-y:scroll
}

.mail_eidit_head:nth-of-type(n+2){
	margin-top:16px;
}

.mail_vars_head{
	margin-top:0.5em;
}
.mail_vars_midashi {
	font-weight:bold;
	border-left:4px solid #3366FF;
	padding-left:0.5em;
	margin-top:0.7em;
	margin-bottom:0.5em;
	font-size:80%;
}


.progress_bar_wrap{
	width: 100%;
    height: 30px;
    background-color: #F5F5F5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress_bar{
	box-sizing: border-box;
	background: #3366FF;
	height:100%;
	border-radius: 4px;
	transition: width 0.5s linear;
}