a {
  color: #3498db;
}

a:hover {
  color: #428bca;
  text-decoration: none;
}

#wrapper {
	background-color: #ecf0f1;
	height: 100%;
	overflow: scroll;
	padding-top: 50px;
}
#wrapper #container {
	position: static;
	height: 100%;
}
#wrapper #container .main-content {
	position: static;
	min-width: 1024px;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ecf0f1;
	/*transition: margin-left 0.3s ease-in-out 0s;*/
	overflow: visible;
	z-index: 1;/*margin-left: 240px;*/
}
#wrapper #container.sidebar-collapsed3 .main-content {
	/*transition: margin-left 0.3s ease-in-out 0s;*/
	margin-left: 0;
}

.data-container-body input[type="text"] {
	padding: 0 6px 0 6px;
	border: 1px solid #E0E3E5;
	box-shadow: none;
}

.data-container-body textarea {
	padding: 0 6px 0 6px;
	border: 1px solid #E0E3E5;
	box-shadow: none;
}

/* コンテナー
   ================================================================================ */

section.container-header {
	width: 100%;
	padding: 15px 0 0;
}
.padding-warp {
	padding: 0 20px;
}
.content-title {
	height: 30px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.content-title ul.topic-path {
	font-size: 13px;
	padding-top: 5px;
}
.content-title ul.topic-path li {
	float: left;
}
.content-title ul.topic-path li a {
	color: #597679;
}
.content-title ul.topic-path li a:hover {
	color: #E74C46;
}
.content-title ul.topic-path li .separate {
	padding: 0 5px;
}
.content-title button.add-favorite-link {
	background-color: #fff;
	border: 1px solid #cfdadc;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	color: #5e7999;
	font-size: 12px;
	height: 28px;
	padding: 0 10px 1px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
}
.content-title button.add-favorite-link:hover {
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
	padding-top: 1px;
	padding-bottom: 0;
}
.content-title button.add-favorite-link .fa {
	padding-right: 5px;
	color: #E7EBEC;
}

.data-wrapper {
	margin: 25px 0;
	background-color: white;
	border: 1px solid #C9CFD3;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

	min-width: 900px;
}

.data-container-body {
	padding: 0 20px 1px 20px;
	font-size: 12px;
}


/* ラジオボタン
   ================================================================================ */

.radio_wrap {
background: linear-gradient( to bottom, #FFF, #FAFAFA ) repeat scroll 0 0 rgba(0, 0, 0, 0);
line-height: 20px;
z-index: 1;
overflow: hidden;
position: relative;
text-align: center;
padding: 4px 8px;
vertical-align: middle;
border: 1px solid #E0E3E5;
	user-select: none;
	cursor: pointer;
}

.radio_wrap.left {
	border-radius: 4px 0 0 4px;
}

.radio_wrap.right {
	border-radius: 0 4px 4px 0;
}

.radio_wrap.center {
	border-radius: 0;
}

.radio_wrap input[type="radio"] {
position: absolute;
left: -100px;
top: -100px;
}

.radio_wrap input[type="radio"] .text {
}

.radio_wrap input[type="radio"]:checked ~ .text {
	color: #FFF;
}

.radio_wrap input[type="radio"] ~ .radio_wrap_fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.radio_wrap input[type="radio"]:checked ~ .radio_wrap_fill {
background-color: #3498db;
}

.radio_wrap.left {
	border-right: none !important;
}

.radio_wrap.center {
/*	border-left: none !important;
	border-right: none !important;*/
}

.radio_wrap.right {
	border-left: none !important;
}

/* チェックボックス
   ================================================================================ */
.checkbox_wrap {
/*border: 1px solid #C9CFD3;*/
border: 1px solid #dbe3e6;
background-color: #FFF;
padding: 4px 12px 4px 8px;
border-radius: 4px;
user-select: none;
overflow: hidden;
position: relative;
line-height: 20px;
z-index: 1;
vertical-align: middle;
cursor: pointer;
}

.checkbox_wrap:hover {
  border-color: #3498db;
}

.checkbox_wrap.selected {
  border: 1px solid #F2F5F6;
}

.checkbox_wrap.selected:hover {
  border-color: #3498db;
}

.checkbox_wrap.disabled {
  border: 1px solid #EAECEE;
  color: #CCC;
  cursor: default;
}

.checkbox_wrap.disabled input[type="checkbox"] ~ i.fake_check{
  border: 1px solid #EAECEE;
}

.checkbox_wrap input[type="checkbox"] {
position: absolute;
left: -100px;
top: -100px;
}

.checkbox_wrap_fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.checkbox_wrap input[type="checkbox"] ~ i.fake_check {
border: 1px solid #C9CFD3;
color: #FFF;
width: 16px;
height: 16px;
line-height: 15px;
text-align: center;
border-radius: 4px;
}

.checkbox_wrap input[type="checkbox"]:checked ~ i.fake_check {
	background-color: #3484BC;
	border: 1px solid #3484BC;
}

.checkbox_wrap input[type="checkbox"]:checked ~ .checkbox_wrap_fill {
	background-color: #F2F5F6;
}


 /* 入力エラー
   ================================================================================ */

.valid_wrap {
  position: relative;
  display: inline-block;
}

*.formError .formErrorContent {
  white-space: nowrap;
}

/*.formError .formErrorContent {
  z-index: 990;
  width: 100%;
  background: #C95840;
  position: relative;
  color: #fff;
  min-width: 180px;
  font-size: 13px;
  border: 2px solid #C95840;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  padding: 4px 10px 4px 10px;
  border-radius: 3px;
  white-space: nowrap;
}

.formError .formErrorContent:before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  background-color: #C95840;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  z-index: -2;
  top: 25px;
  border: none;
  margin: 0;
  left: 10px;
}

.formError .formErrorContent:after {
  position: absolute;
  content: "";
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  background-color: #C95840;
  z-index: -1;
  top: 20px;
  left: 8px;
  border: none;
  margin: 0;
}*/


/*
* login
*/

.container-header .padding-warp {
	padding: 0;
}

.data-title {
	width: 1034px;
	margin: 0 auto;
	height: 35px;
	font-size: 22px;
	padding-top: 4px;
}
.container-header .data-title h1  {
	font-weight: normal;
}
.data-login {
	background-color: #fff;
	border-top: 1px solid #C9CFD3;
	margin-bottom: 30px;
}
.data-login ul {
	width: 1034px;
	margin: 0 auto;
	overflow: hidden;
}
.data-login ul li {
	float: left;
	padding: 13px 50px 12px 0;
	font-size: 14px;
	color: #909090;
	background: url(../../../img/login/pass_reset/ico_step_arrow.gif) no-repeat right center;
}
.data-login ul li:last-child {
	padding-right: 0;
	background-image: none;
}
.data-login-count {
	margin-right: 8px;
	font-size: 13px;
}

.data-login .selected {
	color: #3498db;
}
.data-login .selected .data-login-count {
	padding: 2px 8px;
	border-radius: 8px;
	color: #fff;
	background-color: #3498db;
	margin-right: 3px;
}