/*------------ page style set ------------*/


body
{
	font-family:'�ᥤ�ꥪ', 'Meiryo', sans-serif;
	scrollbar-base-color:#99cccc;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#99cccc;
	scrollbar-darkshadow-color:#99cccc;
	scrollbar-highlight-color:#99cccc;
	scrollbar-3dlight-color:#99cccc;
	scrollbar-arrow-color:#99cccc;
	font-size:100%;
	line-height:140%;
	color:black;
	margin-left:8%;
	margin-right:15%;
	background-color:#ffffff;
	text-align:left
}

h1
{
	font-size:175%;
	font-weight:bolder
}

h2
{
	font-size:150%;
	font-weight:bolder
}

h3
{
	font-size:125%;
	font-weight:bolder
}

a:link
{
	color:#3353fe;
	font-weight:bold
}

a:active
{
	color:#00cccc;
	font-weight:bold
}

a:visited
{
	color:#903191;
	font-weight:bold
}

a:hover
{
	color:#cc0066;
	font-weight:bold
}

.c_margin50
{
	margin-top:50
}

.c_margin100
{
	margin-top:100
}
.c_center
{
	text-align:center;
}

.c_strong
{
	color:#cc0000
}

.c_blue
{
	color:#336699
}

.c_rstrong
{
	color:#cc0000;
	font-weight:bolder
}

.c_link
{
	background-color:#ddffdd;
	text-align:center;
	padding:10;
	margin-top:50;
	margin-right:10%;
	margin-left:10%;
	border-width:1px;
	border-style:solid;
	border-color:#669966
}

.c_submit
{
	min-width:100px;
	text-align:center;
	margin-top:30;
	margin-left:10%;
	margin-right:5%;
}

.c_clearcell1
{	border-width:0;
	text-align:left;
	width:69%
}

.c_clearcell2
{
	border-width:0;
	text-align:left;
	width:26%
}

.c_clearcell3
{
	border-width:0;
	text-align:center;
	width:5%
}

h5 {		/* ����5��1���� */
	font-size:150%;
	position: relative;
    padding-bottom: 0.5em;
    border-bottom: 4px solid #D0D0D0;
	font-weight:normal;
	margin-bottom:10px;
	line-height:1;
	min-width:380px;
	width:50%;
}
 
h5:after {		/* ����5��2���� */
    position: absolute;
    content: " ";
    border-bottom: solid 4px #2E398C;
    bottom: -4px;
    width:10%;
    display: block;
}

h6 {		/* ����6��1���� */
	position: relative;
	font-size:150%;
    border-bottom: 4px solid #D0D0D0;
	font-weight:normal;
	line-height:1;
	/* //width:300px; */
	margin-top:30px;
	margin-bottom:5px;
}
 
h6:after {		/* ����6��2���� */
    position: absolute;
    content: " ";
    border-bottom: solid 4px #2E398C;
    width:10%;
    display: block;
}

.c_header_top {		/* �ȥåץڡ����Υإå� */
	font-size:250%;
	font-weight:bolder;
	color:#335bbb;
	padding:10px;
	border-top:thick double #335bbb;
	border-bottom:thick double #335bbb;
	line-height:1;
}

.c_header {		/* �礭��إå� */
	font-size:250%;
	color:#335bbb;
	padding:10px;
	border-left:thick solid #335bbb;
	border-bottom:medium dotted #335bbb;
	line-height:1;
}


.c_header2 {	/* �̾�إå� */
	font-size:175%;
	color:#ffffff;
	padding-top:1%;
	padding-bottom:0.5%;
	border-style:solid;
	border-color:#3F5FBF;
	border-width:1px;
}

.c_footer {		/* �եå� */
	border-top:medium solid #335bbb;
	border-bottom:medium solid #335bbb;
	padding: 0.5em;
  	border-radius: 0.5em;
}

.c_inputtext {		/* �ƥ��������ϥ���ȥ����� */
	position: relative;
	width: 90%;
	height:30px;
	font-size:120%;
}

.c_inputtext:focus {		/* �ƥ��������ϥ���ȥ����� */
	border:2px solid #335bbb;
	outline:0;
}

.c_inputtextnum {	/* �������ϥ���ȥ����� */
	position: relative;
	width: 20%;
	height:30px;
	font-size:120%;
}

.c_button {		/* �ܥ��󥳥�ȥ����� */
	display:inline-block;
	border-radius:5%;
	font-size:100%;
	text-align:center;
	cursor:pointer;
	padding:12px;
	background:#4da6ff; 
	color:#ffffff;
	line-height:1em;
	transition:.3s;
	border:2px solid #4da6ff;
}

.c_button:hover {	/* �ܥ���ޥ��������С����� */
  color:#4da6ff;
  background:#ffffff;
}

.c_select {		/* ����ܥܥå��� */
	width:40%;
	font-size:120%;
}

.c_required {	/* ɬ�����ϥ�٥� */
	color:#ffffff;
	background-color:#BF473F;
	padding-left:5px;
	padding-right:5px;
	font-size:75%;
}

.c_xlarge {		/* �礭��ʸ�� */
	font-size:175%;
	margin-top:15px;
}

.c_large {		/* �����礭��ʸ�� */
	font-size:125%;
	margin-top:5px;
}

.c_small {		/* ���꾮����ʸ�� */
	font-size:75%;
	margin-top:5px;
}

.c_image {		/* ���� */
	width:25px;
	height:25px; 
	border:0;
	margin-left:2%;
}

.c_image_div {		/* ����DIV */
	padding:10px; 
	width:500px;
	border-radius: 0.5em;
}

.c_image_label1 {		/* ��������٥�1 */
	color:#ffffff;
	font-size:250%;
	display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    text-align: center;
}

.c_image_label2 {		/* ��������٥�2 */
	color:#ffffff;
	font-size:200%;
}

.c_underline {		/* ���� */
	border-bottom: 1px dashed  #335bbb;
}

.c_sentence {		/* ʸ�ϥ쥤������ */
	border-left:4px solid  #335bbb; 
	border-right:2px solid #335bbb; 
	background-color:#e9eff7; 
	padding:10px;
	text-align: left;
}

.c_hr1 {		/* ���ڤ��� */
    border-bottom: 2px dashed #335bbb;
	margin:20px;
}

.c_hr2 {		/* ���ڤ��� */
    border-bottom: 2px dashed #335bbb;
	width:270px;
}

.c_margin_left {		/* ���� */
	margin-left:10px;
}

.c_backcolor_com {		/* �����طʿ� */
	background-color:#335bbb;
}

.c_color_com {		/* ����ʸ���� */
	color:#ffffff;
}

.c_bolder {		/* ���� */
	font-weight:bolder;
}

.c_padding_left {		/* ��;�� */
	padding-left:20px;
}

.c_padding_right {		/* ��;�� */
	padding-right:20px;
}

.c_padding_top {		/* ��;�� */
	padding-top:20px;
}

.c_padding_bottom {		/* ��;�� */
	padding-bottom:20px;
}

.c_display_none {		/* ��ɽ�� */
	display:none;
}


/* ---------------------------------------------- */
.c_button_next {		/* �ܥ��󥳥�ȥ����� */
	display:inline-block;
	width:60%;
	font-size:100%;
	text-align:center;
	cursor:pointer;
	padding:12px;
	background:#335bbb; 
	color:#ffffff;
	line-height:1em;
	transition:.3s;
	border:2px solid #335bbb;
	font-weight:bold;
	margin:auto;
}

.c_msgothic{
	font-family:'ＭＳ ゴシック';
}

.c_fontsize10{
	font-size:13px;
}

.c_step_triangle{
	width:0;
	height:0;
	border-style:solid;
	border-top:50px solid transparent;
	border-bottom:50px solid transparent;
	border-left:75px solid #555555;
}

.c_step_process {
    display: flex;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    font-size: 1.5vw;
    list-style: none;
}

.c_step_process > li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1em 3em 1em 2em;
    margin: 0px;
    width: 15em;
    height: 3em;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
.c_step_process > li::before,
.c_step_process > li::after {
    position: absolute;
    content: "";
}
.c_step_process > li::before {
    top: 50%;
    right: -1.5em;
    z-index: -1;
    transform: translateY(-50%) scaleX(0.49) scaleY(0.4) rotate(45deg);    
    width: 12em;
    height: 12em;
    border: 0.3em solid currentColor;
    border-left: none;
    border-bottom: none;
}
.c_step_process > li::after {
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    width: 12.6em;
    border: 0.2em solid currentColor;
    border-right: none;
}

.c_top_label
{
	display:inline-block;
	width:94%;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#335bbb;
	color:#ffffff;
	border-style:solid;
	border-color:#3F5FBF;
	border-width:1px;
	font-size:175%;
}

.c_button_manage
{
	display:inline-block;
	width:100px;
	font-size:90%;
	text-align:center;
	cursor:pointer;
	padding:12px;
	background:#F2F2F2; 
	color:#000000;
	line-height:1em;
	transition:.3s;
	border:1px solid #000000;
}