@charset "shift-jis";

@import "main.css";

/*-----------------------------------------------*/
/*                      gnavi                    */
/*-----------------------------------------------*/

#pageJoin #gnavi11 a {
	background-position: -852px -86px;
}
#pageJoin #gnavi11 a:hover {
	background-position: -852px -129px;
}

/*-----------------------------------------------*/
/*                      title                    */
/*-----------------------------------------------*/

#mainContents h6 {
	margin: 10px 0 10px 0;
	padding: 0 0 0px 10px;
	font-size: 12px;
	font-weight: bold;
}

/*-----------------------------------------------*/
/*                            table                                   */
/*-----------------------------------------------*/
#mainContents table .corner {
    position: relative;
background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #d1d1d1 50%, #d1d1d1 calc(50% + 0.5px), transparent calc(50% + 1px))
}
#mainContents table .corner span:first-child {
    position: absolute;
    top: 30px;
    right: 20px;
}
#mainContents table .corner span:last-child {
    position: absolute;
    bottom: 30px;
    left: 20px;
}
#mainContents table .tategaki th {
    text-align: center;
}
#mainContents table .tategaki th p {
    writing-mode: vertical-rl;
    display: inline-block;
}

/*-----------------------------------------------*/
/*                      btn                      */
/*-----------------------------------------------*/

.appyBtn {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
.appyBtn + .appyBtn {
	margin-bottom: 20px;
}
.appyBtn li {
}
.appyBtn li a {
	margin:0 auto;
	display:block;
	width: 243px;
	height: 59px;
  background-position:0 0;
  background-repeat:no-repeat;
	text-indent: -9999px;
}
.appyBtn li:not(last-child) {
  margin-right:5px;
}
.appyBtn li.reg a {
	background-image:url(../../join/img/btn_apply_reg.gif?250627);
}
.appyBtn li.cmb a {
	background-image:url(../../join/img/btn_apply_cmb.gif?250627);
}
.appyBtn li.ind a {
	background-image:url(../../join/img/btn_apply_ind.gif?250627);
}
.appyBtn li.usr a {
	background-image:url(../../join/img/btn_apply_usr.gif?250627);
}
.appyBtn li a:hover {
  background-position:0 -59px;
}

/*-----------------------------------------------*/
/*                .boxRed & .boxBlk              */
/*-----------------------------------------------*/
#mainContents table .boxRed,
#mainContents table .boxBlk{
	border: 2px solid #000; 
	padding:20px;
}
#mainContents table .boxRed{
    margin-bottom: 20px; 
	color:red; 
	border-color: red; 
}
#mainContents table .boxRed strong,
#mainContents table .boxBlk strong{
	display:inline-block;
	padding-bottom: 10px; 
	font-size:14px;
}


/*-----------------------------------------------*/
/*                       form                    */
/*-----------------------------------------------*/

#mainContents table th,
#mainContents table td {
	padding:10px 7px;
}
#mainContents form table th {
	width:160px;
}
#mainContents table span.small {
	font-size:10px;
}
#mainContents form input[type=text] {
	width:200px;
	margin-bottom:3px;
}
#mainContents form input[type=radio],
#mainContents form input[type=checkbox] {
	margin-top:3px;
}
#mainContents form input.short {
	width:50px;
}
#mainContents form input.long {
	width:300px;
}
#mainContents form textarea {
	width:100%;
}
#mainContents form .inputList {
  display:flex;
}
#mainContents form ul {
  width:50%;
}
#mainContents form ul.full {
  width:100%;
}

/*  dl list */

#mainContents form dl.list {
	padding:0;
}

/*-----------------------------------------------*/
/*                   float clear                 */
/*-----------------------------------------------*/

.clearfix {
	zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}