@charset "UTF-8";

/* �e���ڂ̃^�C�g�� */
p.titletext {
	font-size: 20px;
	font-weight: bold;
}

/* �����N�悪����T�|�[�g */
.faqWideBox {
	width: 100%;
	padding: 10px;
	margin-bottom: 5px;
	background-color: #FFEFFC;
}

/* �����̐F�≺����������Ȃ��悤�錾���� */
.faqWideBox a {
	text-decoration: none
}
.faqWideBox p {
	color: #000;
	padding: 0;
}


.faqLeftBox {
	padding: 20px 5px 0px 5px;
	width: 80px;
	float:left;
}
.faqRightBox {
	margin-bottom: 15px;
	float: left;
	width: 85%;
	color: #000;
}

dl.faqform dt {
	float: left;
	margin-right: 14px;
	padding: 8px;
	background-color: #FFF;
	border: 1px solid #222;
	/*border-radius: 4px;*/
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


dl.faqform dt input {
	font-size: 16px;
	color: #37474F;
	line-height: 24px;
	background: none;
	border: none;
}

dl.faqform dd button.faqbutton {
	float: left;
	width: 140px;
	height: 42px;
	color: #000;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFF5FF;
	border: 2px solid #AAA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
dl.faqform dd button.faqbutton:hover {
	background-color: #FF3399;
	color: #FFF;
}
dl.faqform dd button.faqbutton:active {
	text-decoration: none;
	background-color: #FF3399;
	color: #FFF;
	box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
	transform: translateY(2px);
}

div.BlockClear {
	clear: both;
}


/*==============  �X�}�z�Ō����Ƃ��̃T�C�Y�•ϐݒ�(��������)  ==============*/
/* ������901�s�N�Z���ȏ�̂Ƃ� */
@media ( min-width: 900px ) {

	.faqRightBox { !important; }
	dl.faqform dt input { width:450px !important; }
}
/* ������701�`900�s�N�Z���̂Ƃ� */
@media ( min-width: 700px ) and ( max-width: 900px ){
	dl.faqform dt input { width:50vw !important; }
}
/* ������601�`700�s�N�Z���̂Ƃ� */
@media ( min-width: 600px ) and ( max-width: 700px ){
	.faqRightBox { width:80% !important; }
	dl.faqform dt input { width:45vw !important; }
}
/* ������501�`600�s�N�Z���̂Ƃ� */
@media ( min-width: 500px ) and ( max-width: 600px ){
	.faqRightBox { width:75% !important; }
	dl.faqform dt input { width:70vw !important; }
	dl.faqform dd button.faqbutton { width: 40vw !important; margin-top: 5px !important; margin-left: 10vw !important; }
}
/* ������401�`480�s�N�Z���̂Ƃ� */
@media ( min-width: 400px ) and ( max-width: 500px ) {
	.faqLeftBox { zoom: 80% !important; padding:20px 5px 0px 5px !important; }
	.faqRightBox { width:75% !important; }
	dl.faqform dt input { width:68vw !important; }
	dl.faqform dd button.faqbutton { width: 40vw !important; margin-top: 5px !important; margin-left: 10vw !important; }
}
/* ������400�s�N�Z���ȉ��̂Ƃ� */
@media ( max-width: 400px ) {
	.faqLeftBox { zoom: 70% !important; padding:20px 5px 0px 5px !important; }
	.faqRightBox { width:70% !important; }
	dl.faqform dt input { width:63vw !important; }
	dl.faqform dd button.faqbutton { width: 150px !important; margin-top: 5px !important; margin-left: 7vw !important; }
}