@charset "utf-8";

/* custom 追加するCSSはここに書いてください */
/* 共通 */
#search_code_table .search_code_title {
    vertical-align: middle;
    width: 15%;
}

.btnList{
    margin-top: 1px;
}
.btnList li{
    margin: 0px;
    padding: 0px;
}

.btnList input.blueBtn[type="button"]{
    background-color: #E2E2E2;
    border: none;
    color: #000;
    min-width: 80px;
}

.btnList input.grayBtn[type="button"]{
    background-color: #E2E2E2;
    border: none;
    color: #3399CC;
    min-width: 80px;
}


/*repository*/
#fukuro #header,
#fukuro #content-wrapper,
#fukuro #footer {
    background-color:#eaf4fc;
}

#fukuro #global-nav.navbar,
#otsuka #global-nav.navbar {
  margin-bottom: 0px;
}

#osirase{
    margin:0px;
}

#osirase img{
    vertical-align: sub;
}

#fukuro .headerMsgBox {
    margin-bottom: -1.0em;
}

#fukuro .toplist1{
    font-weight: bold;
    color: #336699;
    background: url(../img/arrow.png) 0 40% no-repeat;
    background-size: 12px 12px;
    padding-left: 23px;
    height: 16px;
    width: 16px;
}

#fukuro .toplist2{
    font-weight: bold;
    color: #336699;
    background: url(../img/arrow.png) 0 40% no-repeat;
    background-size: 12px 12px;
    padding-left: 23px;
    height: 16px;
    width: 16px;
}

#fukuro .toplist3{
    font-weight: bold;
    color: #336699;
    background: url(../img/arrow.png) 0 40% no-repeat;
    background-size: 12px 12px;
    padding-left: 23px;
    height: 16px;
    width: 16px;
}

#fukuro .toplist4{
    font-weight: bold;
    color: #336699;
    background: url(../img/arrow.png) 0 40% no-repeat;
    background-size: 12px 12px;
    padding-left: 23px;
    height: 16px;
    width: 16px;
}

#fukuro #repo_search img{
    border: 1px solid #1980d8;
    border-radius: 1px;
    height: 32px;
    width: auto;
    opacity: 0.8;
}

#fukuro #search_code_table select{
    font-size: 100%;
}

#fukuro .logo img{
    margin-bottom: -10px;
}

#fukuro .searchBox{
    padding-top: 0px;
}

#fukuro .headerMsgBox {
    margin-top: 5px;
    line-height: 1.5;
    margin-bottom:20px;
}

#fukuro .acc .jquery-menu{
    background: #FFF;
}

/*shinsai*/
#shinsai #mmd-extra-link-menu {
    border-bottom: solid 2px #99CC00;
}

#shinsai #global-nav.navbar {
    background-color: #99CC00;
    margin-bottom: 0px;
}

#shinsai #header, 
#shinsai #content-wrapper {
    /*background-color: #D5DFCB;*/
    background-color:#f4fff4;
}

#shinsai .logo img{
    height: 60px;
    width: auto;
}

#shinsai .searchBox{
    padding-top: 0px;
}

#shinsai .headerMsgBox{
    margin-top: 5px;
    line-height: 1.5;
    margin-bottom:20px;
}


/*セルフアーカイブ*/
#api_field {
    background-color: #e2e2e2;
    border-radius: 7px;
    padding: 10px 0 10px 16px;
    width:78.5%;
}

.api_intro_msg {
	margin:5px 0 12px;
}

table.api_table {
	margin-top:0;
	width:100%;
}

.api_table td {
	vertical-align:middle;
}

.api_table .customSelect{
	vertical-align:middle;
}

.api_table #api_label_cell {
	width:90px;
	text-align:right;
}

.api_table #api_key_label {
	font-size:15px;
}

.api_table #api_input_cell {
	width:370px;
}

.api_table #api_input_field {
	margin-right:1em;
	padding:2px 8px;
}

.ui-dialog{
	background:#FFFFFF;
	max-width:50%;
}

.ui-dialog .ui-dialog-titlebar{
	display:none;
}

#api_confirm_msg {
	margin-bottom:10px;
}

.api_data_table {
	width:100%;
}

.api_data_table th, .api_data_table td{
	line-height: 1.3;
}

.api_data_table th {
	white-space:nowrap;
	padding:4px 20px 4px 0;
	width:80px;
}

.api_data_table td {
	padding:4px 0;
}

table.reg_stage {
    border-collapse: separate;
    border-spacing: 10px;
}

table.reg_stage td {
    padding: 5px;
    background: #1980d8;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
}
 
table.reg_stage td:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #1980d8;
    border-width: 10px;
    margin-top: -10px;
}

table.reg_stage td#now {
    background: #ff566f;
}
table.reg_stage td#now:after {
    border-left-color: #ff566f;
}

.flupld {
    font-size:  10px;
    line-height:  5px;
}

.archive_cir input[type="text"],
.archive_cir textarea,
.archive_cir select,
.archive_cir .archive_add_btn,
.archive_cir .archive_del_btn {
    display: none !important;
}
.archive_cir .archive_table th.explain_box,
.archive_cir .archive_table th.button_box {
    width: 0;
    padding: 5px;
}
.archive_cir .archive_table .child_data_block .explain_block,
.archive_cir .archive_table .child_data_block .button_block {
    width: 6px;
    padding: 0 2px 0 7px;
}
.archive_table th, .archive_table td {
    border: solid 1px #cccccc;
}
.archive_table td{
    padding:5px 10px;
    background-color: #ffffff;
}


/* TOP画面 カテゴリ */
/*
.schemaLabel {
  display: none;
  line-height: 1.5;
  margin-bottom: .4em;
}
*/

/* handle url */
.handleURL {
	vertical-align:middle;
	text-decoration:none;
	background:#dedede;
	margin-left:auto;
	margin-right:auto;
}
.handleURL td{
	vertical-align:middle;
	padding:3px 5px;
}


/*セルフアーカイブ*/
#api_field {
	background-color: #e2e2e2;
	border-radius: 7px;
	padding: 10px 16px;
	width: 78.5%;
}

.api_intro_msg {
	margin: 5px 0 7px;
}

#api_combo {
	margin-right: 0.5em;
}

#api_key_field {
	margin-right: 0.5em;
	white-space: nowrap;
}

#api_field #api_input_field {
	font-size: 120%;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media screen and (max-width: 991.99px) {
	#api_field {
		width: 100%;
	}
}

.api_remodal {
	text-align: left;
}

.api_data_table {
	width: 100%;
}

.api_data_table th, 
.api_data_table td {
	line-height: 1.3;
}

.api_data_table th {
	white-space: nowrap;
	padding: 4px 20px 4px 0;
	width: 80px;
}

.api_data_table td {
	padding:4px 0;
}

.api_remodal .panel-body {
	text-align: right;
	padding-bottom: 0;
}

table.reg_stage {
    border-collapse: separate;
    border-spacing: 10px;
}

table.reg_stage td {
    padding: 5px;
    background: #1980d8;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    line-height: 100%;
}
 
table.reg_stage td:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #1980d8;
    border-width: 10px;
    margin-top: -10px;
}

table.reg_stage td#now {
    background: #ff566f;
}
table.reg_stage td#now:after {
    border-left-color: #ff566f;
}

.flupld {
    font-size:  10px;
    line-height:  5px;
}

.archive_cir input[type="text"],
.archive_cir textarea,
.archive_cir select,
.archive_cir .archive_add_btn,
.archive_cir .archive_del_btn {
    display: none !important;
}
.archive_cir .archive_table th.explain_box,
.archive_cir .archive_table th.button_box {
    width: 0;
    padding: 5px;
}
.archive_cir .archive_table .child_data_block .explain_block,
.archive_cir .archive_table .child_data_block .button_block {
    width: 6px;
    padding: 0 2px 0 7px;
}
.archive_table th, .archive_table td {
    border: solid 1px #cccccc;
}
.archive_table td{
    padding:5px 10px;
    background-color: #ffffff;
}

/* otsuka */
#otsuka #header,
#otsuka #content-wrapper,
#otsuka #footer {
    background-color:#f2f2b0;
}


# お試し サムネイルのないデータを置き換えるcss m.miki(今は一緒 e962 にしているので影響なし)
.icon-mmd_book-2:before {
    content: "\e962" !important;
}