.char_zen
{
  ime-mode: active;   /* 全角モード */
}
.char_han
{
  ime-mode: disabled;   /* 半角モード */
}

input:placeholder-shown 
{
    color: #bababa; 
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
input::-webkit-input-placeholder 
{
    color: #bababa; 
}


/* Firefox 18- */
input:-moz-placeholder {    color: #bababa; opacity: 1; }

/* Firefox 19+ */
input::-moz-placeholder {   color: #bababa; opacity: 1; }

/* IE 10+ */
input:-ms-input-placeholder {   color: #bababa !important; }


.search_box
{
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.search_bar
{
	background-color: #666666;
	color: #FFFFFF;
	padding: 4px;
	margin-top: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#main .sub
{
	font-size: 12px;
	line-height: 120%;
	color: #000;
	padding-top: 4px;
}


#main button span
{
	font-size: 12px;
	font-weight: normal;
	display: block;
	letter-spacing: 0em;
	line-height: 110%;
}

#main input[type=text],
#main input[type=password],
#main input[type=number],
#main textarea,
#main input[type=date],
#main input[type=time]
{
	border: 1px solid #aaa;
	padding: 10px;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
}


#main dl dt input[type=submit],
#main dl dt input[type=button],
#main dl dt button,
#main table td input[type=submit],
#main table td input[type=button],
#main table td button,
#main .search_box .form_right button
{
	height: 40px;
	width: 120px;
	font-size: 18px;
	letter-spacing: 0.1em;
	font-weight: bolder;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
}

#main dl dt button,
#main table td button
{
	height: auto;
	line-height: 120%;
	padding-top: 10px;
	padding-bottom: 10px;
}


#main .del_btn input[type=submit],
#main .del_btn input[type=button],
#main .del_btn button
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aebcbf+0,6e7774+50,0a0e0a+51,0a0809+100;Black+Gloss */
	background: #aebcbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
	color: #FFF;
}

.add_exc
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
	background: #e2e2e2 !important;
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%) !important;
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important; 
	background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ) !important;
	color: #999 !important;
}


#main select
{
	margin-bottom: 1em;
	border: 1px solid #aaa;
	padding: 0.6em;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
}

fieldset
{
	margin-bottom: 1em;
	border: 1px solid #aaa;
	padding: 0.6em;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
}


#side_fix
{
	width: 100%;
	position: fixed;
	background-color: #333;
	border: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	bottom: 0px;
	height: auto;
	margin: auto;
	left: 0px;
	right: 0px;
	vertical-align: top;
	color: #FFF;
	z-index: 99999;
}

#wait
{
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 999999;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	padding-top: 70px;
	top: 0px;
	text-align: center;
}

#wait h4
{
	font-weight: normal;
	display: inline-block;
	border: 1px solid #FFF;
	padding: 20px;
	line-height: 140%;
	text-align: center;
	font-size: 24px;
}


#side_fix dl
{
	display: table;
	table-layout: fixed;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#side_fix dt
{
	display: table-cell;
	width: auto;
	margin: 0px;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

#side_fix dt a
{
	height: auto;
	width: 100px;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	letter-spacing: 0em;
	font-weight: bolder;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0f3fa+0,d8f0fc+50,b8e2f6+51,b6dffd+100;Shape+2+Style */
background: #e0f3fa; /* Old browsers */
background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */

	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
	margin-bottom: 10px;
	display: block;
	color: #333;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;

}

#side_fix dt a:hover
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b2e1ff+0,66b6fc+100;Blue+3D+%236 */
background: #b2e1ff; /* Old browsers */
background: -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b2e1ff 0%,#66b6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */

}


#side_fix dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
}




#main .file_box p
{
	margin-bottom: 10px;
}

#main .file_box img
{
	height: auto;
	max-width: 400px;
}


#main .entry_btn
{
	text-align: center;
}

#main .entry_btn input[type=submit], 
#main .entry_btn input[type=button],
#main .entry_btn button
{
	height: 80px;
	width: 300px;
	font-size: 24px;
	letter-spacing: 0em;
	font-weight: bolder;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
	margin-bottom: 10px;
}

#main .entry_btn input[type=submit],
#main .entry_btn button[type=submit]
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efc5ca+0,d24b5a+50,ba2737+51,f18e99+100;Red+Gloss+%233 */
	background: #efc5ca; /* Old browsers */
	background: -moz-linear-gradient(top,  #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */
	color: #FFF;
}


#main .return_btn
{
	text-align: center;
	margin-bottom: 1em;
}

#main .return_btn input[type=button],
#main .return_btn button
{
	height: 60px;
	width: 300px;
	font-size: 24px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */

}


.move
{
	cursor:pointer;
}

.move:hover
{
	color: #33FF00;

}



.fulfilling-bouncing-circle-spinner, .fulfilling-bouncing-circle-spinner * 
{
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

    .fulfilling-bouncing-circle-spinner 
	{
	height: 60px;
	width: 60px;
	position: relative;
	animation: fulfilling-bouncing-circle-spinner-animation infinite 4000ms ease;
	text-align: center;
    }

    .fulfilling-bouncing-circle-spinner .orbit {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
      border: calc(60px * 0.03) solid #fff;
	animation: fulfilling-bouncing-circle-spinner-orbit-animation infinite 4000ms ease;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;

    }

    .fulfilling-bouncing-circle-spinner .circle {
	height: 60px;
	width: 60px;
	color: #fff;
	display: block;
	border-radius: 50%;
	position: relative;
      border: calc(60px * 0.1) solid #fff;
	animation: fulfilling-bouncing-circle-spinner-circle-animation infinite 4000ms ease;
	transform: rotate(0deg) scale(1);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
    }

    @keyframes fulfilling-bouncing-circle-spinner-animation {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes fulfilling-bouncing-circle-spinner-orbit-animation {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1);
      }
      62.5% {
        transform: scale(0.8);
      }
      75% {
        transform: scale(1);
      }
      87.5% {
        transform: scale(0.8);
      }
      100% {
        transform: scale(1);
      }
    }

    @keyframes fulfilling-bouncing-circle-spinner-circle-animation {
      0% {
        transform: scale(1);
        border-color: transparent;
        border-top-color: inherit;
      }
      16.7% {
        border-color: transparent;
        border-top-color: initial;
        border-right-color: initial;
      }
      33.4% {
        border-color: transparent;
        border-top-color: inherit;
        border-right-color: inherit;
        border-bottom-color: inherit;
      }
      50% {
        border-color: inherit;
        transform: scale(1);
      }
      62.5% {
        border-color: inherit;
        transform: scale(1.4);
      }
      75% {
        border-color: inherit;
        transform: scale(1);
        opacity: 1;
      }
      87.5% {
        border-color: inherit;
        transform: scale(1.4);
      }
      100% {
        border-color: transparent;
        border-top-color: inherit;
        transform: scale(1);
      }
    }