@charset "UTF-8";


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
loginPage
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#loginPage h3{
	margin-top:0;
	color: #FFFFFF;
	text-align:center;
}

#loginPage h3 span{
border-left: none;
border-radius:5px;
margin:0;
padding:5px;
background:linear-gradient(to bottom,#E76464 0,#CC0706 50%, #CC0706 100%);
width:50%;
}

#loginPage #myPageTitle{
background: #FAFAFA;
border-left: #0000FF solid 10px;
display: block;
padding: 5px 0 2px 13px;
margin: 10px;
font-size: 18px;
font-weight:bold;
width:800px;
margin-left:70px
}

#loginPage hr{
	margin-left:60px;
	margin-right:100px;
	height:5px;
	background:#CC0706;
	width:840px;

}

#loginPage #mainUpper{
	width: 740px;
	margin-bottom:10px;
	margin-right:16px;
	margin:10px auto;
	border:#FF502F solid 4px;
	background-color:#FF502F;
}

#loginPage #mainMid{
	width: 740px;
	margin-bottom:10px;
	margin:10px auto;
	border:#01508A solid 4px;
	background-color:#01508A;
}


#loginPage #member,#loginPage #admission{
	line-height:1.5;
	padding:0;


}
#loginPage #member,#loginPage #groupAdmission{
	line-height:1.5;
	padding:0;


}
#loginPage #member{
	width: 740px;
	margin-bottom:10px;
	margin-right:16px;
	margin:10px auto;
	border:#7BB31A solid 4px;
	background-color:#7BB31A;
}
#loginPage #attention1{
	font-size: 20px;
	color: #000000;
	margin-top: 0px;
	text-align: center;
}
#loginPage #attention2{
	font-size: 20px;
	color: #000000;
	margin-top: 0px;
	text-align: center;
}
#loginPage #attention3{
	font-size: 20px;
	color: #000000;
	margin-top: 0px;
	text-align: center;
}
#loginPage #member input{
	width:96%;
	margin:0;
}
#loginPage #member input[type="button"]{
	width:auto;
	margin:10px;
}
#loginPage #member input[type="image"]{
	width:auto;
	margin:20px 0 0 0;
}
#loginPage #member p.button{
	text-align:right;
	margin-right:-3px;
	margin-top:20px;
	margin-bottom:0;
}
#loginPage #member p.link{
	text-align:right;
}
#loginPage #member .verticalMiddle{
	padding:0 10px 7px 0;
}
#loginPage #groupAdmission .verticalMiddle{
	padding:5px;
}


#loginPage #admission .block{
	padding:35px 10px 8px 10px;
	background:#F2F2F2;
}
#loginPage #groupAdmission .block{
	padding:35px 10px 8px 10px;
	background:#F2F2F2;
}

.userID{
	width:306px;
	float:left;
	background:#F2F2F2;
}
.userPW{
	width:120px;
	float:right;
	background:#F2F2F2;
}

.forgetPW{
	margin-top:10px;
}
.tsumitate{
	position: absolute;
	right:15px;
	top:13px;
}
.verticalMiddle{
	vertical-align:middle;
}

.float_right {
	float:right;
}

#addNewMember {
	margin:-5px 9px 10px 0px;
	width:300px;
	height:31px;
}

#addNewMember a {
	display:block;
	background: url("../images/bt_add_new_group_member.png") no-repeat center;
	width:300px;
	height:31px;
}
#addNewMember a:hover {
	background: url("../images/bt_add_new_group_member_o.png") no-repeat center;
}

#newRequestApplication {
	margin:-5px 9px 10px 0px;
	width:300px;
	height:31px;
}

#newRequestApplication a {
	display:block;
	background: url("../images/bt_new_request_application.png") no-repeat center;
	width:300px;
	height:31px;
}

#newRequestApplication a:hover {
	background: url("../images/bt_new_request_application_o.png") no-repeat center;
}

#simulation {
	margin:-5px 9px 10px 0px;
	width:300px;
	height:31px;
}

#simulation a {
	display:block;
	background: url("../images/bt_simulation.png") no-repeat center;
	width:300px;
	height:31px;
}

#simulation a:hover {
	background: url("../images/bt_simulation_o.png") no-repeat center;
}

#addNewGroupMember {
	margin:30px 9px 10px 10px;
	width:300px;
	height:31px;
}

#addNewGroupMember a {
	display:block;
	background: url("../images/bt_add_new_group_member.png") no-repeat center;
	width:300px;
	height:31px;
}

#addNewGroupMember a:hover {
	background: url("../images/bt_add_new_group_member_o.png") no-repeat center;
}


#loginPage #containerTestTitle, #loginPage #containerTestNaiyou{
	display: inline-block;
  	vertical-align:middle;
}

#loginPage #{
	display: flex;
}





.contents {
   display: flex;
   flex-wrap: nowrap;

}
.loginImage{
   background:#7BB31A;
   padding: 10px 10px;
   box-sizing:border-box;
}

.loginItems{
   background:#F2F2F2;
   padding: 10px 17px;

}

.dantaiImage{
   background:#FF502F;
   padding: 10px 10px;
   box-sizing:border-box;

}

.dantaiItems{
   background:#F2F2F2;
   padding: 20px 75px

}

.kojinImage{
   background:#01508A;
   padding: 12px 10px;
   box-sizing:border-box;
}

.kojinItems{
   background:#F2F2F2;
   padding: 10px 75px;
}

.testImages{
   width:240px;
   height:130px;
}
.LineImages{
    margin-left:100px;
    width:750px;
    margin-top:35px;
}
.textkochira{
	margin-left:100px;
	font-family:"ＭＳ ゴシック",sans-serif;
	font-size:16px;
}


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 inputPage
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#inputPage .table .introducer th{
	width:100px;
	font-weight:normal;
	border:none;
	padding:0;
	color:#000000;
	background:none;
}
#inputPage .table .introducer td{
	border:none;
	padding:0;
}
#inputPage .table .introducer td:before{
	content:"：";
}
#inputPage .table_back{
	width:890px;
	text-align:right;
	margin:10px 0;
}

#inputPage #main h3{
	margin-top:20px;
}

#inputPage .table{
	width:auto;
	border:none;
	margin:0;
	width:100%;
	border-spacing:0;
	font-size:15px;
}
#inputPage .table th,
#inputPage .table td{
	border:none;
	/*----------上枠の設定を追加----------*/
	white-space: nowrap;
	border-top:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	text-align:left;
	vertical-align:middle;
	padding:11px 8px 11px 8px;
}
#inputPage .table th{
	width:280px;
	white-space: nowrap;
	padding-left:15px;
	color:#284e8e;
	border-right:#ffffff 1px solid;
	border-left:#ffffff 1px solid;

	background: #D8D8D8;
}
#inputPage .table td{
	white-space: nowrap;
	background: #F2F2F2;
	border-left:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
}


#inputPage .table th span.label_need_r{
	background:url("../images/need_r.png") no-repeat center right;
	display:block;
}
#inputPage .table td input[type="text"],
#inputPage .table td input[type="password"]{
	padding:0;
	margin:0 5px 0 0;
}
#inputPage .table td input[type="radio"]{
	vertical-align:text-top;
	margin-left:0;
}
#inputPage .table td select{
	padding:0;
}

#inputPage p{
	margin:5px 0 0 0;
}
#inputPage .submitbutton{
	text-align:center;
	margin:20px 0;
}

#inputPage .table .ticket th,
#inputPage .table .ticket td{
	font-weight:normal;
	border:none;
	padding:0 0 5px 0;
	color:#000000;
	background:none;
}
#inputPage .table .ticket th.course{
	width:20em;
}
#inputPage .table .ticket td{
	text-align:right;
}

#inputPage .table tr.planCodeInput {
	height:42px;
}
#inputPage .table tr.tumitateKikanSelect {
	height:50px;
}

.btn004v.btnBack {
	padding: 6px 0px;
}
.btnSend{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	padding:0 5px 0 0;
}


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
myPage
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#myPage  h3{
	margin-top:0;
	color: #FFFFFF;
	text-align:center;
	margin-bottom:5px;;
	padding:5px 0 5px 10px;
	font-size: 15px;
}

#myPage  h3 span{
border-left: none;
border-radius:5px;
background:linear-gradient(to bottom,#E76464 0,#CC0706 50%, #CC0706 100%);
width:100%;
margin:0 !important;
padding:7px;
}

#myPage #myPageMenu{
background: #FAFAFA;
border-left: #0000FF solid 10px;
display: block;
padding: 5px 0 2px 13px;
margin: 10px;
font-size: 18px;
font-weight:bold;
}

#myPage #message{
	width: 250px;
	text-align: center;
	margin:25px 0 0 10px;
	padding:0;
	float:left;
	padding:12px;
	background:#FFFFFF;
	border:#CC0706 solid 2px;
}
#myPage #message h2{
	background:none;
	width:auto;
	height:auto;
	line-height:1;
	padding-left:0;
	margin-bottom:15px;
	font-size: 13px;
	color:#000000;
	font-size:22px;
}
#myPage #message .userInfo{
	padding-bottom:10px;
}
#myPage #message .userInfo span{
	font-size:18px;
	font-weight:bold;
}

#myPage #message .messageTitle{
	text-align:left;
	color:#0e3192;
}

#logout {
	float:right;
}

#logout a {
	background: url("../images/logout_bt.gif") no-repeat;
	display:block;
	width:100px;
	height:24px;
}
#logout a:hover {
	background: url("../images/logout_bt_o.gif") no-repeat;
}

#myPage #news{
	width:650px;
	margin:20px 0 0 0;
	float:right;
}
#myPage #news h2{
	background: url(../images/h2_bg_580.gif) no-repeat;
	width: 580px;
}
#myPage #news .newsFlame{
	overflow:scroll;
	width:629px;
	height:124px;
	margin:0 10px;
	padding:0 10px;
	border:#dddddd solid 2px;
	border-radius:5px;
	background: #FAFAFA;
	overflow-x : hidden ;
}
#myPage #news table{
}
#myPage #news th,
#myPage #news td{
	font-weight:normal;
	border-bottom:none;
	text-align:left;
	vertical-align:top;
	padding:10px 0 0 0;
	font-size:16px;
}
#myPage #news tr:last-child th,#myPage #news tr:last-child td{
	padding-bottom:10px;
}
#myPage #news th{
	width:130px;
}
#myPage #news td{
}
#myPage #admission{
	width:auto;
	border:none;
	border-radius:0;
	margin:-10px 0 0 0;
	padding:0;
	overflow:hidden;
}
#myPage #admission div,#myPage #admission ul{
	width:465px;
	margin-top:10px;
}
#myPage #admission li{
	width:223px;
}

#myPage #menu{
	width:100%;
	float:right;
}

#deposit {
	width:420px;
	height:40px;
	margin:15px 0px 10px 0px;
}

#deposit a {
	background: url("../images/bt_deposit.png") no-repeat;
	display:block;
	width:420px;
	height:40px;
}
#deposit a:hover {
	background: url("../images/bt_deposit_o.png") no-repeat;
}

#voucher {
	float:left;
	width:204px;
	height:185px;
	margin:15px 10px 10px 10px;
}

#voucher a {
	background: url("../images/bt_voucher.png") no-repeat;
	display:block;
	width:204px;
	height:185px;
}
#voucher a:hover {
	background: url("../images/bt_voucher_o.png") no-repeat;
}

#requestApplication {
	width:204px;
	height:33px;
	margin:15px 0px 10px 0px;
}

#requestApplication a {
	background: url("../images/bt_request_application.png") no-repeat;
	display:block;
	width:204px;
	height:33px;

}
#requestApplication a:hover {
	background: url("../images/bt_request_application_o.png") no-repeat;
}

#contractInfo {
	margin:10px 0px 10px 0px;
	width:420px;
	height:40px;
}

#contractInfo a {
	display:block;
	background: url("../images/bt_contract_info.png") no-repeat;
	width:420px;
	height:40px;
}
#contractInfo a:hover {
	background: url("../images/bt_contract_info_o.png") no-repeat;
}

#specialPlan {
	float:left;
	margin:10px 10px 10px 10px;
	width:204px;
	height:185px;
}

#specialPlan a {
	display:block;
	background: url("../images/bt_special_plan.png") no-repeat;
	width:204px;
	height:185px;
}
#specialPlan a:hover {
	background: url("../images/bt_special_plan_o.png") no-repeat;
}

#settings {
	 float:left;
	 width:204px;
	 height:185px;
	 margin:10px 10px 10px 10px;
}

#editMember {
	width:420px;
	height:40px;
	margin:15px 0px 10px 0px;
}

#editMember a {
	background: url("../images/bt_edit_member.png") no-repeat;
	display:block;
	width:420px;
	height:40px;

}
#editMember a:hover {
	background: url("../images/bt_edit_member_o.png") no-repeat;
}

#editMember2 {
	width:420px;
	height:40px;
	margin:15px 0px 10px 0px;
}

#editMember2 a {
	background: url("../images/bt_edit_member_henkin.png") no-repeat;
	display:block;
	width:420px;
	height:40px;

}
#editMember2 a:hover {
	background: url("../images/bt_edit_member_henkin_o.png") no-repeat;
}

#changePassword {
	margin:10px 0px 10px 0px;
	width:420px;
	height:40px;
}

#changePassword a {
	background: url("../images/bt_change_password.png") no-repeat;
	display:block;
	width:420px;
	height:40px;

}
#changePassword a:hover {
	background: url("../images/bt_change_password_o.png") no-repeat;
}

/* ページング：左寄せ */
.leftAlignment {
	margin-bottom:5px;
	width:100%;
	text-align:left;
}

/* ページング：右寄せ */
.rightAlignment {
	margin-bottom:5px;
	width:100%;
	text-align:right;
}

div.article table.kaiyakuRitu{
	border: 1px solid black;
	margin-left: 50px;
}

div.article table.kaiyakuRitu td{
	margin: 2px;
	padding: 0 20px;
	border: 1px solid black;
	text-align: center;
	vertical-align: middle;
}
.courseWidth{
	width: 120px;
}

table.tableTop{
margin-left:auto;
margin-right:auto;
width:860px;
}
table.tableTop th{
}

table.tableGroupTop{
margin-left:auto;
margin-right:auto;
width:860px;
}
table.tableGroupTop th{
}

.hide {
	display: none;
}

.label_required{
	background:url("../images/need_r.png") no-repeat center right;
	display:block;
}

#dialog {
	display:none;
}

#dialogBackground {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/** background-color: #000000; */
	/** opacity: 0.05; */
}

#dialogContent {
	position: absolute;
	left: 50%;
	top: 65%;
	width: 300px;
	height: 120px;
	margin-left: -150px;
	margin-top: -100px;
	background-color: #dddddd;
	text-align: center;
	border: solid 1px;
}

#dialog input{
	/** font-weight: bold; */
	padding: 5px 25px;

}
#isDispServiceRitu{
	display:none;
}