@charset "UTF-8";

/*-------------------------------------------
  system common
-------------------------------------------*/
header {
    z-index: 100;
}

.system .content .wrapper {
	font-size: 16px;
}

.system button, .system input, .system select, .system textarea  {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
}

.system .breadcrumb {
	margin-bottom: 5px;
	font-size:24px;
}

.system h2 {
	font-size: 22px;
	margin-bottom: 30px;
}

.system .breadcrumb h1 {
	float: left;
}

.system .movie_link{
	float: right;
	margin-top:10px;
	font-size:16px;
}
.system .movie_link a{
	color:#00f;
	text-decoration: underline;
}

.system h1 {
	font-size: 24px;
	margin-top: 10px;
}

/* a */
.system .btn_next a {
    background-color: #ed7787;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    width: 450px;
    border-radius: 10px;
    display: block;
	/*color: #fff;*/
	color: #000;
	font-size: 18px;
	box-sizing: border-box;
}

.system .btn_next a .btn-text {
	vertical-align: middle;
	font-weight: 700;
}

.system .btn_next a .next-arrow {
	display: inline-block;
	font-size: 40px;
	margin-left: 30px;
	font-weight: normal;
	vertical-align: middle;
	height: 30px;
	line-height: 20px;
}

/* button */
.system .sendbtn {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #ffaa33 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ee9922;
	border-image: none;
	border-radius: 5px;
	border-style: none none solid;
	border-width: medium medium 0px;
	background-color: #ed7787;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    width: 450px;
    border-radius: 10px;
    display: block;
	/*color: #fff;*/
	color: #000;
	font-size: 20px;
	-webkit-appearance: none;
}
.system .prevbtn {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #a3a3a3 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #a3a3a3;
	border-image: none;
	border-radius: 5px;
	border-style: none none solid;
	border-width: medium medium 0px;
	background-color: #a3a3a3;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    width: 450px;
    border-radius: 10px;
    display: block;
	/*color: #fff;*/
	color: #000;
	font-size: 18px;
	-webkit-appearance: none;
}
.system .sbtn .prevbtn {
	padding: 15px;
    width: 300px;
	font-size: 16px;
	-webkit-appearance: none;
}
.system .sendbtn .btn-text {
	font-weight: bold;

}
.system .sendbtn .next-arrow {
	display: inline-block;
	font-size: 40px;
	margin-left: 30px;
	font-weight: normal;
	vertical-align: middle;
	height: 30px;
	line-height: 20px;
}
.system .sendbtn .prev-arrow {
	display: inline-block;
	font-size: 40px;
	margin-right: 30px;
	font-weight: normal;
	vertical-align: middle;
	height: 30px;
	line-height: 20px;
}
.system .sendbtn:hover {
	cursor: pointer;
	opacity: 0.8;
}
@media all and (-ms-high-contrast: none){
  .system .btn_next a .next-arrow,
  .system .sendbtn .next-arrow{
    display: inline; /* IE10以上 */
  }
}

.system .nobtn {
	width: 300px;
	margin: 0;
	padding: 15px 0px;
	padding-top: 20px;
	background: #afafaf;
	color: #FFF;
	border: none;
	border-bottom: 3px solid #838383;
	font-size: 16px;
	font-weight: bold;
	border-radius: 6px;
	display: block;
	text-align: center;
}
.system .nobtn:hover {
	cursor: default;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.system li {
	list-style-type: none;
}



/*-------------------------------------------
  ログイン
-------------------------------------------*/
.login .content .wrapper {
	width: 600px;
}
.login h1 {
	margin: auto auto;
	margin-top: 70px;
	width:600px;
}
	
.login .box {
	width: 100%;
	padding: 30px 20px;
	background-color: #bde3ff;
	box-sizing: border-box;
	border: 5px solid #86c5ff;
	border-radius: 5px;
	margin-bottom: 50px;
}
.login .btn_next a {
    background-color: #68bfff;
}
.login .t-icon {
	color: #cfc7b8;
}
.login .sub-title {
	font-size: 80%;
}
.login .member .btn {
	margin-bottom: 10px;
}
.login .member table {
	table-layout: fixed;
	text-align: left;
	width: 800px;
	margin: 20px auto 40px;
}
.login .member th {
	width: 180px;
	vertical-align: middle;
	font-size: 17px;
}
.login form .sub {
	font-size: 100%;
	display: block;
}
.login table input {
	padding: 15px 10px;
	width: 320px;
	border: 1px solid #cfc7b8;
	border-radius: 5px;
}
.login .input-top th {
	padding-bottom: 20px;
}
.login .input-top input {
	margin-bottom: 20px;
}
.login .msg {
    border-radius: 10px;
    box-sizing: border-box;
    font-weight: bold;
    margin: 0 auto;
    /* padding: 20px; */
    width: 600px;
    /* border: 3px solid #e00; */
    font-size: 16px;
}
.login .note-box .note {
	margin-bottom: 5px;
}

.forget .box-in{
	margin-top: 20px;
}

.mainte_list .wrapper{
	width:100%;
	margin: 10px 0;
	overflow: hidden;
}
.mainte_list h1{
	margin-left: 10px;
}
.mainte_list .center{
	text-align: center;
	vertical-align: middle;
}
.mainte_list .left{
	vertical-align: middle;
}

.mainte_list .condition{
	width:100%;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.mainte_list .list_wrapper{
	width:100%;
	margin-bottom: 10px;
}

.mainte_list .list{
	margin-left:10px;
	margin-right:10px; 
}

.mainte_list .list th{
	border:1px solid #000;
	background-color: #86c5ff;
	vertical-align: middle;
}
.mainte_list .list td{
	border:1px solid #000;
	vertical-align: middle;
}

.mainte_list .disp_name{
	margin-right: 10px;
}

.mainte_edit .detail th{
	text-align: center;
	vertical-align: middle;
	padding: 10px 10px;
	border: 1px solid #000;
	background-color: #bde3ff;
}
.mainte_edit .detail td{
	border: 1px solid #000;
	padding: 5px;
}

.mainte_edit .table{
	margin: 0 auto;
}

.mainte_edit .submit{
	margin: 10px auto;
	/* margin-right: 10px; */
}

.mainte_edit .btn_submit{
	margin-left: 10px;
	/* margin-right: 10px; */
}
.mainte_edit .btn_box{
	 display: table; 
	margin: 10px auto;
}
.system .btn_login {
    padding: 10px;
	width: 250px;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.mainte_list .btn_small {
    padding: 3px;
    width: 110px;
}

.mainte_edit .btn_small {
    padding: 10px;
    width: 150px;
}
.mainte_edit .btn_small2 {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #ffaa33 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ee9922;
	border-image: none;
	border-radius: 5px;
	border-style: none none solid;
	border-width: medium medium 0px;
	background-color: #ed7787;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    width: 150px;
    border-radius: 10px;
    display: block;
	/*color: #fff;*/
	color: #000;
	/* font-size: 20px; */
	-webkit-appearance: none;
}

.error_msg{
	margin-top: 20px;
	margin-left: 20px;
}

.system .nodisp { display: none; }
.system .bold {font-weight: bold;}
.system .ng  {color: #e00;}
.system .mb10 {margin-bottom: 10px;}
.system .mb20 {margin-bottom: 20px;}
.system .mb30 {margin-bottom: 30px;}
.system .mb40 {margin-bottom: 40px;}
.system .mb50 {margin-bottom: 50px;}

.system .mt10 {margin-top: 10px;}
.system .mt20 {margin-top: 20px;}
.system .mt30 {margin-top: 30px;}
.system .mt40 {margin-top: 40px;}
.system .mt50 {margin-top: 50px;}