/************************************/
/*                                  */
/*  エラー画面                      */
/*                                  */
/************************************/
.btn_top {
	width: 150px;
	height:46px;
	margin: 10px 30px 20px 30px;
	line-height:46px;
	color: #FFF;
	background-color: #4682b4;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.btn_top a {
	display: block;
	width: 100%;
	height: 100%;
}

.btn_top a:hover {
	background:#FFF;
	border: 1px solid #4682b4;
	color: #4682b4;
}

.caution {
	color: #e90000;
	border: 2px solid #e90000;
	padding: 10px;
	margin: 20px;
	height: 64px;
	overflow-y: auto;
}

.caution-title {
	color: #e90000;
	height: 10px;
	margin-bottom: 10px;
}

.caution>p, .caution>li {
	margin: 0 0 8px 0;
	padding: 0px;
}

.caution>p:last-child, .caution>li:last-child {
	margin: 0px;
	padding: 0px;
}

.caution a {
	text-decoration: underline;
	color: #4682b4;
}

.info-message {
	color: #4682b4;
	margin-left: auto;
}

.ui-autocomplete {
	max-height: 179px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
	background: #ffffff !important;
}

.ui-state-focus {
	border: 1px solid #30a4e4 !important;
	color : #fff !important;
	background: #30a4e4 !important;
	font-weight: normal !important;
}

@media print {
	#result {
		width : -webkit-100% !important;
		width : 100% !important;
		float:none !important;
	}

	#lightbox {
		display:none;
		width: 0 !important;
	}

	div.image_box {
		width: 200px !important;
		float:none !important;
		display: inline-block;
		vertical-align: top;
	}

	div.info_area {
		display:none;
	}

	#header,
	#footer {
		display:none;
	}

	.header-search,
	.pager {
		display:none;
	}

	.page_break {
		float: none !important;
	}
}

.page_break {
	page-break-before: always;
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}

#lock{
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #808080;
  text-align: center;
  opacity: 0.7;
}

.message_error {
	margin: 10px 30px 20px 30px;
}

a.btn {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

.pager > div.left > table td:hover a,
.pager > div.left > table td a:hover {
	background-color: #BBB;
	color:#fff;
}

.hidden {
	display: none;
}

.base_howtouse {
	width: 100%;
	height: 30px;
}

.base_howtouse_sp {
	width: 100%;
	height: 30px;
	padding-top: 10px;
}

.howtouse {
	float: right;
margin-bottom: 10px;
}

.text_howtouse {
	font-size: 12px;
	line-height: 30px;
	margin-right: 15px;
	float: left;
	font-weight: bold;
}

.btn_howtouse {
	width: 170px;
	height:30px;
	line-height:30px;
	margin-left: auto;
	color: #FFF;
	background-color: #4682b4;
	text-align: center;
	font-size: 14px;
	float: right;
	font-weight: bold;
}

.btn_howtouse a:hover {
	background:#FFF;
	border: 1px solid #4682b4;
	color: #4682b4;
}

.btn_howtouse a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
}

.howtouse div.clear {
	clear: both;
	font-weight: normal;
}

.span_arrow {
	color: #4682b4;
}

.nowrap {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.autoHeight {
	height: auto !important;
	min-height: 55px;
}

.right_autoHeight {
	min-height: 55px;
	height: auto !important;
	line-height: 20px !important;
	padding-top: 17px !important;
	padding-bottom: 18px;
	word-break: break-all;
	white-space: normal !important;
	overflow: auto !important;
}

.right_adress_autoHeight {
	min-height: 55px;
	height: auto !important;
	padding-bottom: 5px;
	word-break: break-all;
	white-space: normal !important;
	overflow: auto !important;
}

textarea {
  resize: none;
}

.terms_area a {
	color: #4682b4 !important;
	text-decoration: underline !important;
}

.check_disabled:before {
	background-color: #DDD !important;
}

.check_char_disabled {
	color: #AAA;
}