@charset "utf-8";


/* --------------- ポップアップ全体（） --------------- */

/* colorbox.cssの拡張内容 */
#cboxOverlay{
	background:rgba(0,0,0,0.8)!important;
}

.container-fluid.pop-content{
	padding:40px!important;
}

.container-fluid.pop-content .link-nav{
	margin: 0px;
}

/* その他 */
#a-content {
	height:auto;
/*padding: 44px 0px 0px 0px;*/
	padding: 56px 0px 0px 0px;
}

#a-content > form.a-form{
	padding:20px;
}


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

/* タイトル */
#a-pop-head {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:99;
	color:#ffffff;
	letter-spacing: 0.1em;
}

#a-pop-head .head1 {
	height:56px;
	background-color: #484F53;
	color: #fff;
/*border-top: solid 1px #777777;*/
	border-bottom: solid 1px #2D3133;
	overflow:hidden;
}

#a-pop-head.ad-gray .head1 {
	background-color: #444444;
	border-bottom-color:#ECECEC;
}

#a-pop-head .head1 .title {
	font-size:16px;
	line-height: 56px;
}

#a-pop-head .head1 .fl-left{
	margin-left:16px;
}

#a-pop-head .head1 .fl-right{
	margin:8px;
}


/* --------------- ヘッダー内ボタン --------------- */

body #a-pop-head .btn{
}

/* ボタン */
body #a-pop-head .a-ctrl-btn{
	-webkit-appearance: none;
	position:relative;
	display: inline-block;
/*	line-height:1;*/
/*	padding:7px 10px;*/
	padding-left: 10px;
	padding-right: 10px;
	font-size:14px;
	color : #FFFFFF !important;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
/*	background:none;*/
	border : none;
/*	border : 1px solid #999999;*/
	border-radius: 5px;
/*box-shadow:1px 1px rgba(0,0,0,0.16);*/
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	min-height: 40px;
	line-height: 40px;
	padding: 0 16px;
	font-weight: bold;
}

/* 決定ボタン（ポジティブアクション） */
.a-ctrl-btn.save-btn{
/*border : 1px solid #279DDB;*/
	background: #3377bb;
/*background: -moz-linear-gradient(top,  #2aa7ea 0%, #279cda 100%);
	background: -webkit-linear-gradient(top,  #2aa7ea 0%,#279cda 100%);
	background: linear-gradient(to bottom,  #2aa7ea 0%,#279cda 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa7ea', endColorstr='#279cda',GradientType=0 );*/
	color : #fff !important;
	text-shadow:none !important;
	font-weight: bold;
	padding: 0 32px 0 32px;
	box-shadow: 0px 1px 0px #16528E;
}

/* キャンセルボタン */
#a-pop-head .a-ctrl-btn.ab-dark {
    /* border: 1px solid #000000; */
    background-image: none;
    background-color: #484F53;
		box-shadow: none;
}

/* 閉じるボタン */
#a-pop-head .a-ctrl-btn.ab-gray {
    /* border: 1px solid #000000; */
    background-image: none;
    background-color: #888;
		box-shadow: 0px 1px 0px #666;
}



/* --------------- ポップアップの検索UI --------------- */

.popup-search-box{
	line-height: normal;
	display		: none;
	position	: absolute;

	left:0px;
	background	: #ffffff;
	border		: 1px solid #CBCBCB;
	width		: 287px;
	z-index		: 10;
	line-height: 1;
	border-radius	: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}

.a-search-text + .a-search-btn + .popup-search-box{
	top:60px;
	left:300px;
}

.popup-search-box:after, .popup-search-box:before {
	bottom		: 100%;
	left		: 30px;
	border		: solid transparent;
	content		: " ";
	height		: 0;
	width		: 0;
	position	: absolute;
	pointer-events	: none;
}

.popup-search-box:after {
	border-color	: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width	: 15px;
	margin-left	: -15px;
}
.popup-search-box:before {
	border-color	: rgba(203, 203, 203, 0);
	border-bottom-color: #CBCBCB;
	border-width	: 16px;
	margin-left	: -16px;
}

.popup-search-box .ps-cont{
	padding:10px;
}

.popup-search-box .ps-bottom{
	border-top: #E3E3E4 1px solid;
	padding:10px;
	background-color: #FFFFFF;
	text-align: right;
}

#a-pop-head .a-search-box .a-search-text{
    width:240px;
    border-bottom: 1px solid #ccc;
}

/* ----------------------------------------- */
/* モデルブロック切替ボタン */
#a-pop-head .main-tab ul{
}

#a-pop-head .main-tab ul li{
	width: 120px;
	height: 40px;
	background:rgba(255,255,255,0.8);
	line-height: 40px;
	border-radius: 30px;
	text-align: center;
	margin-top: 8px;
}

#a-pop-head .main-tab ul li:first-child{
	margin-left: 24px;
}

#a-pop-head .main-tab ul li a{
	color: #333;
}


/*ポップアップ内pagination*/
.popup-layout .head2.search-bar{
	display: flex;
	justify-content: space-between;
	line-height: 3;
}

.popup-layout #a-search-btn.a-ctrl-btn.a-search-btn{
	color: #666 !important;
	border: solid 1px #ccc;
	margin-left: -1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 0px;
}

.popup-layout .paginator-area{
	right: 16px;
	position: absolute;
}



/* サイト管理者使用中 */
.uselist_index-head {
	display: block;
	height: 42px;
	margin: 20px 0 0 0;
}

.uselist_index-head ul li{
	float: left;
	padding-right: 10px;
}

a.back-btn {
	display:  block;
	width: 94px;
	height: 26px;
	color: #333;
	/* 背景グラデ */
	background-color: #ebecee;
	border: 1px solid #b2b3b3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	line-height: 2.0;
}

.uselist_index-head ul li i.fa-angle-double-left {
	font-size:16px;
}

#uselist_index table.list_table {
	clear: both;
	width: 654px;
	height: auto;
	margin-left: 20px;
}

#uselist_index table.list_table thead th {
	background-color: #323C52;
	color: #FFFFFF;
	font-weight: 400;
	height: 38px;
	vertical-align: middle;
	border-right: 2px solid #FFFFFF;
}

#uselist_index table.list_table tbody tr {
	border-bottom: 1px solid #DDDDDD;
}

#uselist_index table.list_table tbody td {
	height: 46px;
	vertical-align: middle;
}

/* サイト管理者追加・編集 */
.useadd-head legend{
	width: 780px;
	height: 32px;
	color: #FFFFFF;
	background: #323c52;
	line-height: 2.5;
	text-indent: 20px;
}

.users_add_footer {
	width: 880px;
	height: 100px;
}

.users_add_footer ul {
	float: left;
	padding:10px 0 0 0;
}

.users_add_footer ul li {
	float: left;
	padding:0 10px 0 0;
}

/* 非公開使用中 */
.close_uselist-head {
	display: block;
	width: 100%;
	height: 42px;
	margin: 20px 0 0 0;
}

.close_uselist-head ul li{
	float: left;
	padding-right: 10px;
}

.close_uselist-head ul li a.back-btn {
	display:  block;
	width: 94px;
	height: 26px;
	color: #333;
	/* 背景グラデ */
	background-color: #ebecee;
	border: 1px solid #b2b3b3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	line-height: 2.0;
}

.close_uselist-head ul li i.fa-angle-double-left {
	font-size:16px;
}

/* 非公開追加・編集 */
.close_add_footer {
	width: 880px;
	height: 100px;
}

.close_add_footer ul {
	float: left;
	padding:10px 0 0 0;
}


.close_add_footer ul li {
	float: left;
	padding:0 10px 0 0;
}

/* システム設定 */
.system_config_footer {
	width: 880px;
	height: 100px;
	margin-left: 20px;
}

.system_config_footer ul {
	float: left;
	padding:10px 0 0 0;
}


.system_config_footer ul li {
	float: left;
	padding:0 10px 0 0;
}

/*form-section*********************************************************************************/
#ad-form-toggle-area{
	padding:0px 10px;
	margin:10px 0px;
}

.ab-btn.adf-btn{
	cursor:pointer;
	height:30px;
	line-height: 30px;
	padding:0px 12px;
	background: #efefef;
	background: -moz-linear-gradient(top,  #efefef 0%, #ebebeb 100%);
	background: -webkit-linear-gradient(top,  #efefef 0%,#ebebeb 100%);
	background: linear-gradient(to bottom,  #efefef 0%,#ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ebebeb',GradientType=0 );

	border:solid 1px #C7C7C7;
	border-radius	: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	vertical-align: middle;

	-webkit-box-shadow:0 0 1px 1px rgba(255,255,255,1) inset;
	-moz-box-shadow:0 0 1px 1px rgba(255,255,255,1) inset;
	box-shadow:0 0 1px 1px rgba(255,255,255,1) inset;

	text-shadow: #fff 1px 1px 0px;
}

.ab-btn.adf-btn.{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.ab-btn.adf-btn i.fa{
	color:#999;
	margin-right: 5px;
}

#ad-form-toggle-btn::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size-adjust: none;
	font-stretch: normal;
	font-feature-settings: normal;
	font-language-override: normal;
	font-kerning: auto;
	font-synthesis: weight style;
	font-variant: normal;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;

	content: "\f0d7";
	color:#999;
	margin-right: 5px;
	font-size: 20px;
	vertical-align: middle;
}

#ad-form-toggle-btn.close::before{
	content: "\f0da";
}

.ad-form .form-section{
	position:relative;
}

.ad-form .group-child{
	padding:10px 0px 15px 10px;
}

.ad-form .group-child .group-child{
	padding:10px 0px 0px 15px;
}

.ad-form .form-group{
	display: table;
	padding:5px;
	width:100%;
}

.ad-form .ad-section-label{
	display: block;
	font-size:14px;
	text-align: left;
	min-width: auto;
	padding:6px 8px;
	line-height:1;
	border-top:solid 1px #C5C9CF;
	border-bottom:solid 1px #C5C9CF;
	background: none;
	background-image: -moz-linear-gradient(top, #DCDEE2, #D2D5DA);
	background-image: -ms-linear-gradient(top, #DCDEE2, #D2D5DA);
	background-image: -o-linear-gradient(top, #DCDEE2, #D2D5DA);
	background-image: -webkit-linear-gradient(top, #DCDEE2, #D2D5DA);
	background-image: linear-gradient(top, #DCDEE2, #D2D5DA);

	color:#444;
	cursor: pointer;
	font-weight: bold;
}

.ad-form .ad-section-label::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size-adjust: none;
	font-stretch: normal;
	font-feature-settings: normal;
	font-language-override: normal;
	font-kerning: auto;
	font-synthesis: weight style;
	font-variant: normal;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;

	content: "\f0d7";
	color:#999;
	margin-right: 5px;
	font-size: 20px;
	vertical-align: middle;
}

.ad-form .group-child .ad-section-label{
	background: #eff1f5;
	background: -moz-linear-gradient(top,  #eff1f5 0%, #e6e9ee 100%);
	background: -webkit-linear-gradient(top,  #eff1f5 0%,#e6e9ee 100%);
	background: linear-gradient(to bottom,  #eff1f5 0%,#e6e9ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff1f5', endColorstr='#e6e9ee',GradientType=0 );
	border-top:solid 1px #D0D3D9;
	border-bottom:solid 1px #D0D3D9;
	padding:4px 8px;
}

.ad-form .ad-section-label.close::before {
	content: "\f0da";
}

.ad-form .ad-section-label + div.group-child{
	display: block;
}

.ad-form .ad-section-label.close + div.group-child{
	display: none;
}

.ad-form .ad-section-label .ad-search-btn{
	display: block;
	width:20px;
	height:20px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	right:7px;
	top:7px;
	vertical-align: middle;
	border:solid 1px #C5C9CF;
	background-color: #FFFFFF;
	cursor: pointer;
}

.ad-form .ad-group-label{
	display: block;
	/*font-size:12px;*/
	text-align:right;
	width:10px;
	white-space:nowrap;
	padding:0px 5px 0px 0px;
}

.ad-form .form-group > .ad-group-label{
	display: table-cell;
	vertical-align: top;
}

.ad-form label.ad-group-label{
	font-size: 12px;
	padding:3px 0px 0px 0px;
}
.ad-form label.ad-group-label:after{
	content: "：";
}

.ad-form label.ad-group-label input[type=checkbox] + label{
	margin-right:0px;
	padding-left:20px;
}

.ad-form .ad-group-main{
	display: block;
}

.ad-form .form-group > .ad-group-main{
	display: table-cell;
	vertical-align: top;
}

.ad-form .ad-group-main > .form-group{
	padding:0px;
}

.ad-form .form-search-area{
	display: block;
	max-height:270px;
	overflow: auto;
	border:solid 1px #EEEEEE;
	padding:10px;
}

.ad-form .group-child .pc-hide{
	display:none;
}

.ad-form .form-group .hide{
	display:none;
}

.ad-form .td-l1{
	margin:5px 0px 0px 0px;
}

.ad-form .td-l2{
	float:left;
	margin:0px 5px 0px 0px;
	width:auto;
	margin-right: 16px;
}

.ad-form .a-thumb-box{
	margin-top:10px;
}

.ad-form .a-comment{
	font-size:11px;
	color:#666666;
	vertical-align: baseline;
}