@charset "UTF-8";
/* ============================================================
お客様相談室

%update / 15.04.01
============================================================ */

/* ------------------g
【index】
------------------ */
.pgSpImg {
	display: none;
}

.pgtitle {
	background: url(/client_files/customer/images/ind_h2_01_bg.jpg) no-repeat right top;
	background-size: 100%;
	/*height: 190px;*/
	padding-top: 20%;
	margin-top: -48px;
	position: relative;
	z-index: -1;
}
.pgtitle > img {
	position: absolute;
	top: 38.42%;
	left: 0;
}


#pgMain{
	float: left;
	width: 692px;
}

#pgSidebar {
	width: 235px;
	float: right;
}
#pgSidebar .pgSidebarInner{
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	width: 204px;
	padding: 12px 12px 12px 12px;
	margin-left: 5px;
}
#pgSidebar .pgSidebarInnerBox{
	border: 1px solid #d1d1d1;
	width: 204px;
	padding: 12px 12px 12px 12px;
	margin-left: 5px;
}

#pgMain .cm2ColBox {
	width: 692px;
}
#pgMain .cm2ColBox .cm2Col{
	width: 338px;
	margin-right: 16px;
}



.pickupArea01Inner07 {
	margin: 0;
	padding: 0;
	width: 290px;
	background: url(/client_files/customer/images/exhortativeArea_bg_07.gif) repeat-y top left;
}
.pickupArea01Inner08 {
	margin: 0;
	padding: 10px;
	background: url(/client_files/customer/images/exhortativeArea_bg_08.gif) no-repeat bottom left;
}
.pickupArea01Inner08 .imgArea {
	margin: 0;
	padding: 0;
	width: 140px;
	float: left;
}
.pickupArea01Inner08 .txtArea {
	margin: 0;
	padding: 7px 0 0 0;
	width: 128px;
	float: right;
}
.pickupArea01Inner08 .txtArea p.pageLink {
	margin: 10px 0 0 0;
	padding: 0 0 0 14px;
	line-height: 110%;
	background: url(/client_files/common/images/cmn_icon_04.gif) no-repeat 0 3px;
	float: right;
}

#rightbar .whiteBox {
	padding: 7px;
	background-color: #ffffff;
}

#rightbar h3 {
	margin-bottom: 5px
}

#rightbar h4 {
	margin-bottom: 10px
}

ul.faq li {
	margin-bottom: 8px;
}

/* ------------------
【faq】
------------------ */

#faq h4 {
}

#faq h4 .inner {
	background: #ffddd9 url(/client_files/customer/faq/images/faq_icon_01.gif) 8px 0.60em no-repeat;
	margin: 0;
	padding: 10px 10px 10px 44px;
	border: 1px solid #ffa89e;
	display: block;
}

#faq .answerArea {
	margin-top: 7px;
	padding: 0 15px 0 45px;
	background:url(/client_files/customer/faq/images/faq_icon_02.gif) 9px 0 no-repeat;
}

#faq .answerArea .inner {
	margin: 0;
	padding: 15px;
	background-color:#eae4d9;

}

#faq table.table1 td.td03 {
	background-color: #ffffff;
}


@media screen and (max-width: 767px){

	/* ------------------------------------------------------------
	body.customerFaq #ContentArea

	商品のご質問とお答え
	------------------------------------------------------------ */

	.pgMain,.pgSub {
		width: 100%;
		float: none;
	}

	.pgtitle {
		background: url(/client_files/customer/images/ind_h2_01_bg.jpg)  no-repeat;
		background-size: 100%;
		padding: 14% 0 8%;
		margin-top: 0px;
	}

	.pgtitle >img {
		top:17.5%;
		width: 50%;
	}
}
	body.customerFaq #ContentArea .contentAreaInner{
		padding: 0;
	}

	body.customerFaq #ContentArea .custIco{
		display:block;
		padding-left:26px;
	}

	body.customerFaq #ContentArea .custType01{
		background-image: url("/client_files/sp/common/images/cmn_ico_qa_01.png");
		background-size: 17px 17px;
		-webkit-background-size: 17px 17px;
		background-repeat: no-repeat;
	}

	body.customerFaq #ContentArea .custType02{
		background: url("/client_files/sp/common/images/cmn_ico_qa_02.png");
		background-size: 17px 17px;
		-webkit-background-size: 17px 17px;
		background-repeat: no-repeat;
	}

	body.customerFaq #ContentArea .subMenu{
		padding:10px 15px 10px 37px;
		border-bottom: 1px solid #F1E2CD;
		background-position: 10px 11px;
		font-size: 93%;
	}

	body.customerFaq #ContentArea .subMenuInner{
		background: #EAE4D9;
		padding: 3px 6px 6px 6px;
		border-radius: 5px;
	}

	body.customerFaq #ContentArea .imgArea{
		background: #ffffff;
		padding: 10px;
	}

	body.customerFaq #ContentArea .imgArea img{
		width: 100%;
		min-width: 235px;
		height: auto;
	}


	body.customerFaq #ContentArea #BreadcrumbList{
		padding: 0 10px;
	}

	/* ------------------------------------------------------------
	body#CustomerIndex #ContentArea

	よくお寄せいただく質問へのお答え
	------------------------------------------------------------ */

	body#CustomerIndex #ContentArea .contentAreaInner{
		padding: 0;
	}

	body#CustomerIndex #ContentArea .custIco{
		display:block;
		padding-left:26px;
	}

	body#CustomerIndex #ContentArea .subMenu{
		padding:10px 14px 10px 0;
		border-bottom: 1px solid #F1E2CD;
		font-size: 93%;
	}

	body#CustomerIndex #ContentArea dl dt{
		padding-left: 34px;
		margin-bottom:10px;
		background-image: url("/client_files/sp/common/images/cmn_ico_qa_01.png");
		background-size: 17px 17px;
		-webkit-background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: 10px 0;
	}

	body#CustomerIndex #ContentArea dl dd{
		padding-left: 34px;
		margin-bottom:10px;
		background-image: url("/client_files/sp/common/images/cmn_ico_qa_02.png");
		background-size: 17px 17px;
		-webkit-background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: 10px 0;
	}

	body#CustomerIndex #ContentArea .subMenuInner{
		background: #EAE4D9;
		padding: 3px 6px 6px 6px;
		border-radius: 5px;
	}

	body#CustomerIndex #ContentArea #BreadcrumbList{
		padding: 0 10px;
	}

	body#CustomerIndex #ContentArea .imgArea{
		background: #ffffff;
		padding: 10px;
	}

	body#CustomerIndex #ContentArea .imgArea img{
		width: 100%;
		min-width: 235px;
		height: auto;
	}

	body#CustomerIndex #ContentArea .imgArea2{


	}

	body#CustomerIndex #ContentArea .imgArea2 img{
		width: 100%;
		min-width: 235px;
		height: auto;

	}

	body#CustomerIndex #ContentArea .tbl04 tr td{
		text-align: center;
	}

	body#CustomerIndex .mtb{
		margin-top:5px;
		margin-bottom:10px;
	}
}