@charset "utf-8";
@import url("./common-pagination.css");

/*******************************
             Common
*******************************/

/* base Set
----------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}
html {
  height: 100%;
  font-size: 14px;
}
body {
  position: relative;
  min-height: 100%;
  height: auto;
  font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 14px;
  color: #565E63;
  line-height: 1.5;
  overflow-y: scroll;
  box-sizing: border-box;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1.0em;
  font-weight: normal;
}
table {
  border-collapse: collapse;
}
img {
  border: none;
  vertical-align: bottom;
}
li {
  list-style-type: none;
}
sup {
  color: #900;
}
input,
textarea {
  font-size: 14px;
  line-height: 1.5;
  font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* link Set
----------------------------------------------------*/
a {
}
a:hover {
}

.underline {
  text-decoration: underline;
}


/* clear
----------------------------------------------------*/
/* ---IE7.IE8 clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
  clear: both;
}


/*******************************
             Headers
*******************************/

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.28571429em;
  margin: calc(2rem -  0.14285714em ) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}
h1 {
  min-height: 1rem;
  font-size: 2rem;
}
h2 {
  font-size: 1.71428571rem;
}
h3 {
  font-size: 1.28571429rem;
}
h4 {
  font-size: 1.07142857rem;
}
h5 {
  font-size: 1rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em;
}


/*******************************
             Text
*******************************/

p {
  margin: 0em 0em 1em;
  line-height: 1.4285em;
}
p:first-child {
  margin-top: 0em;
}
p:last-child {
  margin-bottom: 0em;
}


/*******************************
             Additional
*******************************/

.error_message {
	font-size: 14px;
	color: #FF0000;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 2px;
	text-align:left;
}
.api_validation.message {
	font-size: 14px;
	/*color: #FF0000;*/
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 2px;
	text-align:left;
}
.api_validation.message .heading {
	font-weight: bold;
	border-bottom: 1px solid;
	margin-bottom: 8px;
}
.api_validation.message .error_code {
	margin-top: 20px;
}

.page_list_wrapper {
	margin-top: 4px;
	margin-bottom: 4px;
}
.page_list_area {
	padding-right: 12px;
	text-align: right;
}
.currpage_in_page_list {
	display: inline-block;
	width: auto;
	text-align: center;
	border: 1px solid #e0e0e0;
	padding: 4px 12px 4px 12px;
}
.visible-sp .page_list_line_info {
	font-size: 10px;
}
.visible-sp .page_list_element {
	display: inline-block;
	width: auto;
	padding: 0 4px 0 4px;
	text-align: center;
	font-size: 10px;
	border: 1px solid #999999;
}
.visible-sp .page_list_area {
	font-size: 10px;
}

.c_checkbox input[type="checkbox"]:disabled + i.check-mark {
  position: relative;
  display: inline-block;
  width:  16px;
  height: 16px;
  background: #e0e0e0;
  border: 1px solid #979797;
  box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.c_selectbox select.readonly {
	background-color: #f4f4f4 !important;
}

#common-enlarge-dialog .cell {
	text-align: center;
}
#common-enlarge-dialog .cell img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.image-enlarger:not(.cfu-marked_to_be_deleted) {
	cursor: pointer;
}

/* end */
