/* �yPC�Ή�CSS�z */

@charset "UTF-8";

/*---------------------------�y�y�[�W���ʐݒ�z---*/

body {
	font-family: "ヒラギノ角ゴ Pro W3" , メイリオ , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , 游ゴシック , "Yu Gothic" , 游ゴシック体 , YuGothic , "Hiragino Kaku Gothic Pro" , Meiryo , "ＭＳ Ｐゴシック" , "Meiryo UI" ,"MS PGothic" , sans-serif;
	font-size: 0.9em;
	background-color:#F6F6F6; /* �w�i�F�̐ݒ� */
	line-height: 1.5;		  /* �s�Ԃ̐ݒ� */
}



/*-----------------------------�y�w�b�_�ݒ�z---*/

#header {
	height:auto;
	width:100%;
	background-color:#31956B;
	text-align:center;	/* ���e�𒆉��� */
}


/* �����̃��S */
#header img {
  float: left;
}


/* �^�C�g�� */
#header h1 {
  color:#F6F6F6;
  font-size: 2rem;
  line-height: 80px;
  font-weight: bold;
  float: none;
}


/* �w�b�_���̒����񂹗p */
#head-box{
	margin: 0 auto;
	width:780px;
	height:auto;
}

/*---------------------------�y�ς񂭂��ݒ�z---*/

/* �ς񂭂����� */
#bread-crumb {
	margin: 0 auto;
	width:780px;
	padding:20px 0px 20px 0px;
	text-align:center;	/* ���e�𒆉��� */
}


/* �ς񂭂�(STEP1) */
#STEP1 {
	width:780px;
	height:60px;
	background: transparent url("../image/P_STEP1.png") no-repeat scroll left center;
}

/* �ς񂭂�(STEP2) */
#STEP2 {
	width:780px;
	height:60px;
	background: transparent url("../image/P_STEP2.png") no-repeat scroll left center;
}

/* �ς񂭂�(STEP3) */
#STEP3 {
	width:780px;
	height:60px;
	background: transparent url("../image/P_STEP3.png") no-repeat scroll left center;
}

/* �ς񂭂�(STEP4) */
#STEP4 {
	width:780px;
	height:60px;
	background: transparent url("../image/P_STEP4.png") no-repeat scroll left center;
}

/* �ς񂭂�(STEP5) */
#STEP5 {
	width:780px;
	height:60px;
	background: transparent url("../image/P_STEP5.png") no-repeat scroll left center;
}


/*----------------------------�y�G���A�ݒ�z---*/


/* ���C���G���A(�G���A�㕔�~�h��) */
#mainArea {
	margin: 0 auto;
	margin-bottom:30px;
	padding:10px;
	height:auto;
	width:780px;
	background-color:#FFFFFF;
	border-top: 3px solid #31956B;
}


/* ���ӏ����p�G���A(�G���A�㕔�s���N�j */
#noticeArea {
	margin: 0 auto;
	margin-bottom:30px;
	padding:10px;
	height:auto;
	width:780px;
	background-color:#FFFFFF;
	border-top: 3px solid #d0576b;
}


/* �{�^���z�u�p�G���A�i���e�����񂹁j */
#buttonArea {
	margin: 0 auto;
	margin-bottom:30px;
	padding:10px;
	height:auto;
	width:780px;
	text-align:center;	/* ���e�𒆉��� */
}


/* ���̑��G���A */
.otherArea {
	margin: 0 auto;
	margin-bottom:30px;
	padding:10px;
	height:auto;
	width:780px;
}



/*--------------------------�y�e�[�u���ݒ�z---*/

table {
	margin:20px 0px 40px 0px;
	width: 100%;
}

th, td {
	margin:10px;
	padding: 10px;
	text-align:left;
	vertical-align:middle;
}

th {
	width: 260px;
	background-color: #F6F6F6;
	border-left: 1px solid #393f4c;
}

/* �����ɍ��킹�ĕ\�� */
td.line {
	display: inline;
}

/* �㕔�\�� */
.top {
	vertical-align:top;
}

/*--------------------------------�y�{�^���ݒ�z---*/


/* �T�u�~�b�g�{�^��(buttonType) */
button#submit_button {
	margin: 0px 20px;
    padding: 5px 20px;
    width: 180px;
    font-size: 1.2em;
    color: #fff;
    background-color: #31956B;
    border-style: none;
    border-radius:10px;		/* �p���ۂ߂� */
}

/* �T�u�~�b�g�{�^��(�I���}�E�X������) */
button#submit_button:hover {
    background-color: #00a381;
}


/*------------------------------�y�{�b�N�X�ݒ�z---*/

.inBox{
	margin: 0 auto;
	margin-top:5px;
	padding:8px;
	width: 80%;
	background-color:#31956B;
	color: #FFF;
	border-radius:2px;		/* �p���ۂ߂� */

}

.inBox-skeleton{
	margin: 0 auto;
	margin-top:5px;
	width: 80%;
	text-align:center;	/* ���e�𒆉��� */
}



/*-----------------------------�y�t�b�^�[�ݒ�z---*/

#foot {
	margin-top:40px;
	height:20px;
	width:100%;
	background-color:#31956B;
	text-align: center;
}


/*-------------------------------�y�����ݒ�z---*/

/* ���o�� */
p.headline {
	font-size:1.2em;
	margin:20px 0px 10px 0px;
	border-width: 0px 0px 0px 5px;
	border-color: #31956B;
	border-style: solid;
}


/* �����p���� */
.memo{
	margin-bottom:10px;
	padding-left: 20px;
	font-size:0.8rem;
}

/* ���������� */
.small {
	font-size:0.8em;
}


/* ��͗������p */
.info {
	font-size:0.8em;
	line-height: 1.3;
}


/* �R�s�[���C�g�����ݒ� */
p.copyRight{
	color:#FFFFFF;
	font-size:0.6rem;
	line-height: 20px;	//�t�b�^�v�f�̍����Ɠ����������w��
}


/* �ԕ��� */
.c-red {
	color: #ff0000;
}


/* �O���[���� */
.c-grey {
	color: #393f4c;
	font-size:0.8em
}


/* ime-��{�� */
.ime-jp{
	ime-mode: active;
}


/* ime-�p���� */
.ime-en{
	ime-mode: inactive;
}

/* ���� */
.bold {
	font-weight:bold;
}

/* ��s�p */
.text-br{

}

/* �e�L�X�g�G���A */
.textArea {
	margin-bottom:5px;
}

/* �e�L�X�g�G���A(������) */
.textArea-mini {
	margin-bottom:5px;
}



/*-------------------------------�yPC�X�}�z�\���؂�ւ��z---*/


/* PC�\���p */
.dispPc {
	display:inline;
}

/* �X�}�z��\���p */
.dispSp {
	display:none;
}