@charset "utf-8";
/* CSS Document */

/* denchi.html
----------------------------------------------- */
.denchiInfoList01 {}
	.denchiInfoList01 li {
		display: table;
		margin-bottom: 30px;
	}
	.denchiInfoList01 .imgArea01,
	.denchiInfoList01 .txtArea01 {
		display: table-cell;
	}
	.denchiInfoList01 .imgArea01 {
		width: 134px;
	}
		.denchiInfoList01 .imgArea01 img {
			width: 100%;
			height: auto;
			vertical-align: text-top;
		}
	.denchiInfoList01 .txtArea01 {
		padding-left: 15px;
		vertical-align: top;
	}
		.denchiInfoList01 .txtArea01 .tit {
			margin-bottom: 5px;
			font-size: 15px;
			font-weight: bold;
		}
@media screen and (max-width: 639px) {
.denchiInfoList01 { margin-bottom: -30px; }
	.denchiInfoList01 li {
		margin-bottom: 60px;
	}
	.denchiInfoList01 .imgArea01 {
		width: 108px;
	}
	.denchiInfoList01 .txtArea01 {
		padding-left: 20px;
	}
		.denchiInfoList01 .txtArea01 .tit {
			font-size: 13px;
		}
}

/* other.html
------------------------------------------------ */
.sideLinkWrap01 {
	text-align: right;
	margin-top: 20px;
}

.otherMessageBox01 {
	display: table;
	margin-bottom: 30px;
	border: 1px solid #ea7474;
	background: #fef9f3;
	border-radius: 3px;
}
	.otherMessageBox01 .imgArea01,
	.otherMessageBox01 .txtArea01 {
		display: table-cell;
	}
	.otherMessageBox01 .imgArea01 {
		width: 100px;
		text-align: right;
	}
	.otherMessageBox01 .imgArea01 {
		vertical-align: middle;
	}
	.otherMessageBox01 .txtArea01 {
		padding: 7px 24px 7px 15px;
		vertical-align: top;
	}
		.otherMessageBox01 .txtArea01 .tit {
			margin-bottom: 5px;
			font-size: 15px;
			font-weight: bold;
			color: #d71315;
		}
		.otherMessageBox01 .txtArea01 .txt {
			color: #d71315;
		}

.otherInfoBox01 {
	display: table;
	border: 1px solid #d1d1d1;
}
	.otherInfoBox01 dt,
	.otherInfoBox01 dd {
		display: table-cell;
		padding: 10px;
	}
	.otherInfoBox01 dt {
		border-right: 1px solid #d1d1d1;
	}
	
.otherInfoBox02 {
	padding: 15px 0;
	margin-bottom: 15px;
	border: 1px solid #d1d1d1;
	text-align: center;
	font-size: 13px;
	line-height: 1.8;
}
	.otherInfoBox02 h4 {
		font-size: 15px;
	}
	.otherInfoBox02 .tel {
		font-size: 40px;
		font-weight: bold;
		color: #0134cd;
	}
	.otherInfoBox02 .telImg {
		vertical-align: text-bottom;
		margin-right: 5px;
	}
		
.otherInfoList01 {}
	.otherInfoList01 li {
		padding-left: 1em;
		text-indent: -1em;
	}
@media screen and (max-width: 639px) {
.sideLinkWrap01 {
	text-align: center;
	margin-top: 30px;
}

.otherMessageBox01 {}
	.otherMessageBox01 .txtArea01 {
		padding-left: 20px;
	}
		.otherMessageBox01 .txtArea01 .tit {
			font-size: 13px;
		}

.otherInfoBox01 {
	display: block;
}
	.otherInfoBox01 dt,
	.otherInfoBox01 dd {
		display: block;
	}
	.otherInfoBox01 dt {
		border-right: none;
		border-bottom: 1px solid #d1d1d1;
		text-align: center;
	}
	
.otherInfoBox02 {
	padding: 10px;
	font-size: 12px;
}
	.otherInfoBox02 h4 {
		font-size: 14px;
	}
	.otherInfoBox02 .tel {
		font-size: 15px;
	}
	.otherInfoBox02 .telImg {
		width: 21px;
		height: auto;
	}
		.otherInfoBox02 .telImg img {
			width: 100%;
			height: auto;
		}
}


.syuriInfoBox01 {
	margin-bottom: 40px;
}
	.syuriInfoBoxIn01 {
		display: table;
		margin-bottom: 15px;
	}
		.syuriInfoBoxIn01 .image,
		.syuriInfoBoxIn01 .txt {
			display: table-cell;
		}
			.syuriInfoBoxIn01 .image img {
				vertical-align: text-top;
			}
		.syuriInfoBoxIn01 .txt {
			padding-left: 15px;
			font-size: 14px;
			font-weight: bold;
			vertical-align: top;
		}
			.syuriInfoBoxIn01 .txt span {
				font-weight: normal;
			}

.syuriInfoList01 {}
	.syuriInfoList01 li {
		border: 1px solid #d1d1d1;
		padding: 10px;
		margin-bottom: 10px;
	}
	.syuriInfoList01 .tit {
		font-weight: bold;
		font-size: 110%;
	}

/* faq */

.faqs { position:relative; border:solid 1px #dadada; margin-bottom:12px; background-color: #fbfbfb; }
.faqs .faqTitle01 {
cursor:pointer;
font-size:105%;
margin:0;
width:100%;
height:auto;
background: url(../img/ico_qa_on.png) right top no-repeat;
line-height:1.4em;
font-weight:normal;
 }
.faqs .faqTitle01 span {
display: block;
background: url(../img/ico_qa_q01.png) 7px 4px no-repeat;
padding:8px 37px 8px 40px; 
}
.faqs .faqTitle01.active { color:#d74646; 
font-size:105%;
margin:0;
background: url(../img/ico_qa_off.png) right top no-repeat;
 }
.faqs .faqContents01 { position:relative; }
.faqs .faqContents01 p { padding: 4px 10px 10px 40px; margin-bottom:5px; margin-top:5px;
background: url(../img/qa_a.png) 0.4em 0.2em no-repeat;
font-size:105%;
 }
 
.faqs .faqContents01 p span.c01 { color:red;}
.faqs span.c02 { color:#0168cf; }

/* 
----------------------------------------------- */
.titBox01.supportTop01 {
	padding-top: 4px;
}
	.titBox01.supportTop01 img {
		transform-origin: left center;
		transform: scale( 1.0 , 1.0 );
		-webkit-transform-origin: left center;
		-webkit-transform: scale( 1.0 , 1.0 );
		-moz-transform-origin: left center;
		-moz-transform: scale( 1.0 , 1.0 );
		-ms-transform-origin: left center;
		-ms-transform: scale(1.0,1.0);
	}
.supportNoticeList01 {
	overflow: hidden;
	*zoom: 1;
	width: 460px;
	float: left;
	margin-right: 10px;
}
	.supportNoticeList01 li a { display: block; }
.supportMenuList01 {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: -15px;
}
	.supportMenuList01 li {
		float: left;
		margin-bottom: 15px;
	}
	.supportMenuList01 li:nth-child(even) {
		float: right;
	}
@media screen and (max-width: 639px) {
.supportNoticeList01 {
	float: none !important;
	width: 100%;
}
.supportMenuList01 {}
	.supportMenuList01 li ,
	.supportMenuList01 li:nth-child(even) {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
		.supportMenuList01 li a img {
			width: 100%;
			height: auto;
		}
}


/* detail.html
----------------------------------------------- */
.infoImg01 {
	overflow: hidden;
	*zoom: 1;
	margin: 20px 0;
}
.infoTit01 {
	display: inline-block;
	background: #9ff;
	padding: 0 5px;
	margin-bottom: 10px;
}
.infoContactList01 {}
	.infoContactList01 dt .icon {
		color: #f00;
	}
	.infoContactList01 dd .tel .icon {
		display: inline-block;
		width: 12px;
	}
		.infoContactList01 dd .tel .icon img {
			width: 100%;
			height: auto;
			vertical-align: baseline;
		}
@media screen and (max-width: 639px) {
.infoImg01 * {
	float: none !important;
}
}

.btnBasic01{
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	border-radius: 8px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 20px 7px 20px;
	text-decoration: none;
	display: inline-block;
}

.btnBasic01:hover{
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}