@charset "shift-jis";
/*------------------------------------------------------------
	��荞�݉���
------------------------------------------------------------*/
.clear{
	clear: both;
}

/*------------------------------------------------------------
	�e�L�X�g�X�^�C��
------------------------------------------------------------*/
.brown {
	color: #350103;
	font-weight:bold;
}
.redBold {
	font-weight: bold;
	color: #c30;
}
.redSmall {
	font-size: 13px;
	color: #c30;
}

.small,
.small a {
	font-size:13px;
}

span.green{
	color:#30a615;
	font-weight:bold;
}
span.blue{
	color:#1684ca;
	font-weight:bold;
}
span.grey{
	color:#666;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.aln-l {
	text-align: left;
}
.right{
	text-align:right;
}
.small{
	font-size:11px;
}
.textLinkRed a{
	text-align:center;
	color:#c00;
	font-weight:bold;
}

.c_pntr {
	cursor: pointer;
}

.full {
	width: 100%;
}


/*------------------------------------------------------------
	�]��
------------------------------------------------------------*/
.mgn_top {
	margin-top:15px;
}
.mgn_tb {
	margin-top:15px;
	margin-bottom:15px;
}
.mgn-b-30 {
	margin-bottom: 30px;
}


/*------------------------------------------------------------
	�{�^���X�^�C��
------------------------------------------------------------*/
.textLinkBtn a {
	display:block;
	background-color: #a40000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:center;
	padding:15px 0px;
	text-decoration:none;
	color: #fff;
  margin: 0 10px;
  font-weight: bold;
  font-size: 4vw;
}
.textLinkBtnB a{
	padding: 10px 0px;
	text-align:center;
	display:block;
	color:#fff;
	background-color:#350103;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-decoration:none;
}
.textLinkBtnC a{
	padding: 10px 45px;
	text-align:center;
	color:#fff;
	background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	text-decoration:none;
	border:solid 1px #9c8a80;
	color:#7a3637;
	font-weight:bold;
}

button {
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 border: none;
	padding: 7px 25px;
	cursor: pointer;
	font-size: 16px;
	background-color: #ddd;
}
.btn-hide {
	display:none;
}
.btn-red {
	background-color: #CC3300;
}
.btn-red:hover {
	background-color: #ff622e;
}
.btn-gray {
	background-color: #aaa;
	cursor: text;
}
.btn-blue {
	background-color: #29599f;
}
.btn-blue:hover {
	background-color: #4c85d7;
}


/*------------------------------------------------------------
	�t�H�[���X�^�C��
------------------------------------------------------------*/
input {
	-webkit-appearance: none;
}

#errorComment {
	color: #c00;
	font-weight: bold;
}
.require{
	background-color:#b22;
	color: #fff;
	font-weight:normal;
	padding: 2px 4px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.inputBlock{
	padding: 0 0 25px;
}
.input_raund {
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 90%;
  border: solid 1px #ccc;
}
.textarea_raund {
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 90%;
	height: 90px;
  border: solid 1px #ccc;
}
.submit {
	padding: 10px 0px;
	color:#fff;
	border:none;
	width:200px;
	background-color:#800;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
	font-size: 16px;
}
.select-big {
	padding: 6px 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
	background-color: #fff;
	cursor: pointer;
	background-image:-webkit-linear-gradient(top,#fff,#f1f1f1);
	text-align: center;
	font-size: 20px;
}

fieldset{
	border:none;
}

input::-webkit-input-placeholder {
    color: #ccc;
}
input:-ms-input-placeholder {
    color: #ccc;
}
input::-moz-placeholder {
    color: #ccc;
}

.ui-input-text, .ui-textarea{
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
	font-size:16px;
	border:solid 1px #333;
}
.ui-select{
	height:45px;
	border:solid 1px #333;
	font-size:16px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.ui-size-2{
	width:38%;
}
.ui-size-3{
	width:20%;
}
.ui-size-4{
	width:18%;
}
.ui-size-max{
	width:96%;
}
.ui-size-text-max{
	width:90%;
}
.ui-size-area1{
	width:90%;
	height:90px;
}
.ui-size-area2 {
	width: 90%;
	height: 150px;
}

.ui-radio{
	position:absolute;
	opacity:0;
}
.ui-radio[type="radio"] + label {
	display: inline-block;
	background-image: url(/sp/img/icon_radio.png);
	background-size: 21px;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	height: 21px;
	line-height: 21px;
	margin:10px 5px;
  cursor: pointer;
}
.ui-radio[type="radio"]:checked + label {
  background-image: url(/sp/img/icon_radio.png);
	background-position: left bottom;
  font-weight: bold;
}
.ui-radio[type="radio"]:checked + label span {
	font-weight: bold;
}

.ui-f-small {
	font-size: 16px;
}
.ui-f-small span {
	color: #c00;
	line-height: 21px;
	font-size: 16px;
}

.ui-check,
.ui-check-long{
	position:absolute;
	opacity:0;
}
.ui-check[type="checkbox"] + label {
	display: inline-block;
	background-image: url(/sp/img/icon_checkbox.png);
	background-size: 21px;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	height: 21px;
	line-height: 21px;
	margin: 10px 5px;
  cursor: pointer;
}
.ui-check[type="checkbox"]:checked + label {
    background-image: url(/sp/img/icon_checkbox.png);
		background-position: left bottom;
		font-weight: bold;
}

.ui-radio-disable {
	position:absolute;
	opacity:0;
}
.ui-radio-disable[type="radio"] + label {
	display: inline-block;
	background-image: url(/sp/img/icon_radio_disable.png);
	background-size: 21px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	height: 21px;
	line-height: 21px;
	margin:10px 20px 10px 5px;
	color:#ccc;
	pointer-events: none;
}

.ui-check-long[type="checkbox"] + label {
	display: inline-block;
	background-image: url(/sp/img/icon_checkbox_long_off.png);
	background-size: 24px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 6px 28px;
	font-size:20px;
	width:300px;
	margin:10px auto 0px;
	border-bottom: solid 4px #D2A7A7;
}
.ui-check-long[type="checkbox"]:checked + label {
    background-image: url(/sp/img/icon_checkbox_long_on.png);
}

/*------------------------------------------------------------
	���X�g�X�^�C��
------------------------------------------------------------*/
.list01, .list02{
	margin-bottom:15px;
}
.list01 li, .list02 li{
	background:url(/sp/img/list_dot.png) no-repeat 0 5px;
	padding-left:15px;
}
.list01 li{
	margin-bottom:3px;
}
.list02 li{
	margin-bottom:10px;
}
.listBtn li{
	display:inline-block;
}
.listBtn a{
	padding: 5px 10px;
	text-align:center;
	display:block;
	color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration:none;
	background: -moz-linear-gradient(top, #a52020, #701616);
    background: -webkit-gradient(linear, left top, left bottom, from(#a52020), to(#701616));
}

/*------------------------------------------------------------
	�摜�X�^�C��
------------------------------------------------------------*/
img.left {
	float:left;
	margin:0px 12px 5px 0px;
}
img.right{
	float:right;
	margin:0px 0px 5px 12px;
}
.imgArea {
	background-color:#fff;
	padding:10px;
	border: solid 2px #d4c4bb;
}

/*------------------------------------------------------------
	�^�C�g��
------------------------------------------------------------*/
.ttl-h4 {
	border-bottom: dotted 1px #666;
	margin: 15px 0;
	text-align: left;
}

/*------------------------------------------------------------
	�e�[�u���X�^�C��
------------------------------------------------------------*/
.tbl01 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
	border:solid 1px #340001;
}
.tr01 {
	background-color:#eee;
}
.tr01:nth-child(even){
	background-color:#fff;
}
.td01{
	background:#340001 url(/sp/img/arrow_white_right.png) no-repeat 95% center;
	border:solid 1px #340001;
}
.td01 a{
	display:block;
	padding:15px 10px;
	color:#fff;
	text-decoration:none;
}
.td02{
	background-color:#f2e1d7;
	padding:8px 5px;
	border:solid 1px #340001;
}
.td03{
	background-color:#f2e1d7;
	padding:5px 5px;
	border:solid 1px #340001;
	font-size:10px;
}
.td04{
	background-color:#fff;
	padding:8px 5px;
	border:solid 1px #340001;
}
.td05{
	padding:8px 5px;
	border-bottom:solid 1px #340001;
	vertical-align: top;
}

/*------------------------------------------------------------
	���p�X�^�C��
------------------------------------------------------------*/
.quote {
	background-color:#fff;
	padding:10px 3px 0px;
	border: solid 2px #d4c4bb;
	margin-bottom:10px;
}
#contents .quote h5 {
	border-bottom:solid 1px #d4c4bb;
	color:#933;
	font-weight:normal;
	padding:0px 5px 5px;
	margin-bottom:10px;
	background: none;
	border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 0 0 10px;
}
.quote p{
	color:#933;
	padding:0px 5px;
}

.article {
	background-color:#fff;
	padding:10px 3px 0px;
	border: solid 2px #d4c4bb;
	margin-bottom:10px;
}
.article p, .article dl{
	padding:5px;
}
.article dd{
	margin: -19px 0px 20px 40px;
}

/*
�X�e�b�v
-------------------------------------------------------------------*/

.step {
	margin-bottom: 30px;
}
.step ul {
  counter-reset: step;
}
.step li {
  list-style-type: none;
  width: 20%;
  float: left;
  font-size: 75%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #aaa;
}
.step li:before {
  width: 40px;
  height: 40px;
  content: counter(step);
  counter-increment: step;
  line-height: 40px;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #eee;
}
.step li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #eee;
  top: 20px;
  left: -50%;
  z-index: -1;
}
.step li:first-child:after {
  content: none;
}
.step li.active {
  color: #340001;
	font-weight: bold;
}
.step li.active:before {
  background-color: #340001;
  color:#fff;
}
.step li.active + li:after {
  background-color: #340001;
}