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

/*
�y�ȉ��̐F��u�������Ďg�p���Ă��������z
-----------------------------------------
���C���J���[�F#4682b4
���C���J���[�i�����j�F#e6e6fa
�w�i�F�F#F6F6F6
------------------------------------------
*/


@charset "UTF-8";


/*�y�y�[�W�S�̂̐ݒ�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�Ԃ̐ݒ� */
}

input[type="text"] {
	padding:10px 5px;
	margin:5px;
}

select {
	padding:10px 5px;
	margin:5px;
}







/*�y�w�b�_�֘A�̐ݒ�z*/
/* ================== */

#head {
	width:100%;
	background-color:#FFF;
	padding:10px 0px;
	border-top:5px solid #4682b4;
	border-bottom:20px solid #4682b4;
}

#head div {
	margin: 0 auto;
	width:830px;
	vertical-align:middle;
	text-align:center;
	padding:10px 0px;
}

#head img {
	display:inline-block;	/* �C�����C���v�f�� */
	vertical-align:middle;
	margin-left:10px;
}

#head h1 {
	display:inline-block;	/* �C�����C���v�f�� */
	font-size: 2.6em;
	vertical-align:middle;
	font-weight: bold;
}











/*�y�ς񂭂��̐ݒ�z*/
/* ================== */

#bread {
	margin: 0 auto;
	width:830px;
	background-color:#e6e6fa;
	letter-spacing:-0.4em;
}

#bread div {
	letter-spacing:normal;
	display:inline-block;	/* �C�����C���v�f�� */
	padding:10px 0px;
	width:20%;
	text-align:center;

}

#bread .past{
	background-color:#4682b4;
	color:#FFF;
	border-bottom:0px solid #4682b4;
}











/*�y�R���e���c�̐ݒ�z*/
/* ================== */

.contents {
	padding:10px;
	margin: 0 auto;
	margin-top:40px;
	width:830px;
}

.contentsB {
	margin: 0 auto;
	margin-top:60px;
	width:830px;
	text-align:center;
}

.contents h1{
	font-size: 1.4em;
	margin-bottom:10px;
	padding-left:10px;
	padding:5px;
	background-color: #e6e6fa;
	border-left:10px solid #4682b4;
	border-bottom:1px solid #4682b4;
}


.scroll {
	border:1px solid #000;
	padding:5px;
	max-height:250px;
	overflow: auto;
	margin-bottom:20px;
	background-color: #FFF;
}


/* �y�e�[�u���̐ݒ�z */
/* ================== */


table {
	width:830px;
	margin: 10px 0px;
}

tr {
	border-bottom:10px solid #F6F6F6;
}

th {
	background-color: #FFF;
	text-align:left;
	padding:10px 5px;
	vertical-align:middle;
	width:35%;
}


td {
	background-color: #e6e6fa;
	padding:10px 5px;
}

td.list{
	margin: 0px;
	padding: 0px;
	display: inline;
	border: 0px;
	border:3px solid #e6e6fa;
}






/*�y�{�^���̐ݒ�z*/
/* ================== */


/* �T�u�~�b�g�{�^��*/
button#submit_button {
	margin: 10px 20px;
    padding: 5px 20px;
    width: 180px;
    font-size: 1.2em;
    color: #fff;
    background-color: #696969;
    border-style: none;
    border-radius:5px;
    }



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







/*�y�t�b�^�[�̐ݒ�z*/
/* ================== */


#foot {
	margin-top:60px;
	height:20px;
	background-color:#4682b4;
	font-size: 0.6em;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
}














/*�y���̑��ݒ�z*/
/* ================== */

.info{

}

.stepBox {
	margin: 0 auto;
	width:80%;
	padding:0px 10px 10px 10px;
	margin-top:20px;
	border: solid 1px #000;
	text-align:left;
	background-color: #FFF;
}

.mini-title{
	margin: -10px 0px 0px -20px;
	width:250px;
	background-color:#4682b4;
	padding:5px;
	color:#FFF;
	text-align:left;
}


/* �Ԃ����� */
.rLine{
	border-bottom: solid 1px red;
}

.modePC {
	display: block;
}


.modeSP{
	display: none;
}

.spBr {
	/* PC���͉������Ȃ� */
}


/* �ԕ��� */
.red{
	color:red;
}


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


/* �N���A�p */
.clear{
	clear:both;
}

/* ������(���E) */
.center {
	text-align:center;
}


/* �Ԃ����i�G���[�ȂǂȂǁj */
.redBox {
	clear:both;
	margin: 0 auto;
	margin-bottom:30px;
	border:1px solid red;
	padding:10px;
	text-align:left;

}



/* �e�L�X�g�G���A�ɃJ�[�\�������������̐ݒ� */
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
    background-color: #eaf4ff;
    border-style: solid solid solid solid;
    border-color: gray;
}


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


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


ul {
	padding-left:15px;
	padding-left: 1em;
  	text-indent: -1em;
}