/* ヘッダー
-------------------------------------------------------------- */
#mainContent header#mainContentHeader {
	margin: 0 6%;
	padding: 2em 0 0;
	background-image: url("../images/common/bubbleBg2S.png");
	background-repeat:no-repeat;
	background-position: right top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader {
	background-image: url("../images/common/bubbleBg2SR2.png");
	background-size: 120px auto;
}
}

/* タイトル
-------------------------------------- */
#mainContent header#mainContentHeader h1 {
	color: #0b1461;
	font-size: 2.1rem;
}
#mainContent header#mainContentHeader p {
	color: #666;
	font-size: 1.1rem;
}

/* お願い
-------------------------------------------------------------- */
#mainContent header#mainContentHeader #please {
	border: solid 5px #ccc;
    border-radius: 3px;
    margin: 20px 0;
    padding: 5px 5%;
}
#mainContent header#mainContentHeader #please header {
	padding: 15px 0 10px;
}
#mainContent header#mainContentHeader #please header h1 {
	color: #0b1461;
	font-size: 1.6rem;
	text-align: center;
}
#mainContent header#mainContentHeader #please p {
	margin-bottom: 15px;
	color: #666666;
    font-size: 1.2rem;
    line-height: 2rem;
}
#mainContent header#mainContentHeader #please ul.text li {
    padding: 0 15px 15px 15px;
	color: #666666;
    font-size: 1.2rem;
    line-height: 2rem;
    text-indent: -1.4em;
}
#mainContent header#mainContentHeader #please ul.btn li.tel,
#mainContent header#mainContentHeader #please ul.btn li.mail,
#mainContent header#mainContentHeader #please ul.btn li.consultLink {
	background-color: #d0dbf5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d0dbf5), color-stop(0.01, #deeaff));
	background: -webkit-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	background: -moz-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	border: none;
	border-radius: 6px;
	margin-top: 10px;
	font-size: 1.2rem;
}
#mainContent header#mainContentHeader #please ul.btn li.tel a,
#mainContent header#mainContentHeader #please ul.btn li.mail a {
    display: block;
    padding: 1.2em 5%;
}
#mainContent header#mainContentHeader #please ul.btn li.consultLink {
	position: relative;
}
#mainContent header#mainContentHeader #please ul.btn li.consultLink a {
	display: block;
	padding: 1.2em 70px 1.2em 5%;
}
#mainContent header#mainContentHeader #please ul.btn li.consultLink a:before {
	background-image: url("../images/common/board.png");
    background-position: right center;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 6%;
    top: -11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader #please ul.btn li.consultLink a:before {
	background-image: url("../images/common/boardR2.png");
	background-size: 50px auto;
}
}
#mainContent header#mainContentHeader #please ul.btn li.tel a span,
#mainContent header#mainContentHeader #please ul.btn li.mail a span {
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    padding: 3px 0 3px 25px;
}
#mainContent header#mainContentHeader #please ul.btn li.tel a span {
	background-image: url("../images/common/telIcon.png");
}
#mainContent header#mainContentHeader #please ul.btn li.mail a span {
	background-image: url("../images/common/mailIcon.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader #please ul.btn li.tel a span {
	background-image: url("../images/common/telIconR2.png");
	background-size: 17px auto;
}
#mainContent header#mainContentHeader #please ul.btn li.mail a span {
	background-image: url("../images/common/mailIconR2.png");
	background-size: 17px auto;
}
}

#mainContent header#mainContentHeader #please ul.btn li.consultLink a span {
	background-image: url("../images/common/bRightArrow2.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    padding: 3px 0 3px 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader #please ul.btn li.consultLink a span {
	background-image: url("../images/common/bRightArrow2R2.png");
	background-size: 17px auto;
}
}
#mainContent header#mainContentHeader #please ul.btn li.tel a span span{
	background-image: none;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
}

/* faq一覧
-------------------------------------------------------------- */
#mainContent #faqList {
	margin-bottom: 30px;
}
#mainContent #faqList .faqListHeader h1 {
	padding: 0.5em;
	background-color: #656989;
	text-align: center;
	color: #FFFFFF;
}

/* タイトル
-------------------------------------- */
#mainContent #faqList article header {
	padding: 0.8em 5% 1em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d7e0f2), color-stop(0.39, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: -moz-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: -o-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: -ms-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	/*border-top: solid 1px #CED8EB;*/
	border-top: #0b1461 1px solid;
	border-bottom: #0b1461 1px solid;
	cursor: pointer;
}
#mainContent #faqList article header h1 {
	background-image: url("../images/common/stepOpen_off.png");
    background-position: right center;
    background-repeat: no-repeat;
}
#mainContent #faqList article header h1 span.number {
    color: #0B1461;
    display: block;;
	font-size: 2.4rem;
	color: #7782e2;
}
#mainContent #faqList article header h1 span.text {
	color: #444444;
    display: block;
    padding: 0 20px;
	
	font-size: 1.3rem;
	color: #0b1461;
}
#mainContent #faqList article > .main {
	display: none;
}

/* 答え
-------------------------------------- */
#mainContent #faqList article .main .iconA {
    color: #444444;
    font-size: 1.7rem;
    overflow: hidden;
}
#mainContent #faqList article .main .iconA > p span {
	display: block;
	padding: 0.8em 9%;
}
#mainContent #faqList article .main dl.answer dt.cause {
	padding-left: 5px;
	border-top: solid 1px #FFFFFF;
	background-color: #E6EDFC;
	padding: 0.5em 5% 0.5em 19%;
	color: #0B1461;
	font-size: 1.2rem;
	font-weight: bold;
}
#mainContent #faqList article .main dl.answer dt.open {
	cursor: pointer;
}
#mainContent #faqList article .main dl.answer dt.open span {
	display: list-item;
	padding-right: 20px;
	background-image: url("../images/common/stepOpen_off.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-left: medium none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dt.open span {
	background-image: url("../images/common/stepOpenR2_off.png");
	background-size: 14px auto;
}
}
#mainContent #faqList article .main dl.answer > dd {
	display: none;
	font-size: 1.7rem;
	margin: 20px 8%;
}
#mainContent #faqList article .main dl.answer dd ul li {
	color: #444444;
    font-size: 1.6rem;
    padding: 0 0 0.5em 1em;
    text-indent: -1em;
}
#mainContent #faqList article .main dl.answer dd ul li  a {
	text-decoration: underline;
}
#mainContent #faqList article .main dl.answer dd ul li a:hover {
	text-decoration: none;
}
#mainContent #faqList article .main dl.answer dd ul li ul {
	margin-top: 7px;
}
#mainContent #faqList article .main dl.answer dd ul li ul li {
	padding: 0 0 0.3em 0.3em;
}
#mainContent #faqList article .main dl.answer dd dl.step {
	background-color: #F3F3F3;
    border-radius: 5px;
    margin-bottom: 10px;
	overflow: hidden;
}
#mainContent #faqList article .main dl.answer dd dl.step dt {
    padding: 0.3em 18px;
	background-color: #878798;
    color: #FFFFFF;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dd dl.step dt span {
	background-size: 14px auto;
}
}
#mainContent #faqList article .main dl.answer dd dl.step dd {
	padding: 15px 18px;
}
#mainContent #faqList article .main dl.answer dd dl.step dd ul li ul li {
	margin-left: 8px;
}
#mainContent #faqList article .main dl.answer dd span.tag{
	 display: inline-block;
	 padding: 0 0.5em;
	 background-color: #8D92BE;
	 border-radius: 2px 2px 2px 2px;
	 color: #FFFFFF;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 dt{
	border: none;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 dd ul {
	margin: 10px 0 10px 10px;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 dd ul li {
    margin-bottom: 11px;
}

/* ページトップリンク
-------------------------------------- */
#mainContent #faqList article a.pagetop {
	display: block;
	font-size: 1.4rem;
	padding: 10px 6% 0;
	text-align: right;
	color: #555;
}
#mainContent #faqList article a.pagetop span {
	padding-left: 12px;
	background-image: url("../images/common/sArrowTop.png");
	background-repeat: no-repeat;
	background-position: center left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article a.pagetop span {
	background-image: url("../images/common/sArrowTopR2.png");
	background-size: 7px auto;
}
}
#mainContent #faqList article a.pagetop span:hover {
	text-decoration: underline;
}


/* 親ページリンク
-------------------------------------------------------------- */
#mainContent ul#goodsLinkArea {
	display: table;
	margin:0 5% 10px;
	width: 90%;
}
#mainContent ul#goodsLinkArea li {
	display: table-cell;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1f1f1), color-stop(0.01, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 1%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #ffffff 1%, #f1f1f1 100%);
	vertical-align: middle;
}
#mainContent ul#goodsLinkArea li.pagePrevLink {
	width: 20%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;	
	border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
}
#mainContent ul#goodsLinkArea li.archiveLink {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#mainContent ul#goodsLinkArea li.pageNextLink {
	width: 20%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}
#mainContent ul#goodsLinkArea li a {
	display: block;
	padding: 1em 0;
	text-align: center;
	color: #666;
}



@media screen and (min-width: 768px) {
#mainContent > section {
	margin: 0 6%;
}


/* タイトル
-------------------------------------------------------------- */
#mainContent header#mainContentHeader {
	margin: 0;
	background-image: url("../images/common/bubbleBg2B.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader {
	background-image: url("../images/common/bubbleBg2BR2.png");
	background-size: 168px auto;
}
}
#mainContent header#mainContentHeader h1 {
	font-size: 4rem;
}
#mainContent header#mainContentHeader p {
	font-size: 1.5rem;
}
#mainContent header#mainContentHeader p br{
	display:none;
}

/* お願い
-------------------------------------------------------------- */
#mainContent header#mainContentHeader #please dl dd ul li.mail a,
#mainContent header#mainContentHeader #please dl dd ul li.consultLink a {
    padding: 1.2em 2.5%;
}
#mainContent header#mainContentHeader #please dl dd ul li.mail a span br,
#mainContent header#mainContentHeader #please dl dd ul li.consultLink a span br {
	display: none;
}

/* faq一覧
-------------------------------------------------------------- */
#mainContent #faqList {
	border: solid 2px #656989;
    border-radius: 5px;
}

/* タイトル
-------------------------------------- */
#mainContent #faqList article header h1 span.text {
    padding: 0 3%;
}
/* 答え
-------------------------------------- */
#mainContent #faqList article .main dl.answer dt.cause {
	padding-left: 12%;
}

/* リンク一覧
-------------------------------------- */
#mainContent #linkList .box nav {
    padding: 0 12%;
}
#mainContent #linkList .box header {
    background-position: 8% center;
    padding: 1.5em 9%;
}

#mainContent #linkList .box header h1 {
    font-size: 1.9rem;
}
#mainContent #linkList .box nav ul li span {
	font-size: 1.3rem;
}

/* ページトップリンク
-------------------------------------- */
#mainContent #faqList article a.pagetop {
	padding-left: 0;
	padding-right: 0;
}

/* 親ページリンク
-------------------------------------------------------------- */
#mainContent ul#goodsLinkArea li.pagePrevLink {
	width: 10%;
}
#mainContent ul#goodsLinkArea li.pageNextLink {
	width: 10%;
}
#mainContent ul#goodsLinkArea li a {
	padding: 0.8em 0;
	font-size: 1.4rem;
}

}


@media screen and (min-width: 1024px) {
#mainContent > section {
	margin: 0 auto;
	width: 920px;
}

/* 親ページリンク
-------------------------------------------------------------- */
#mainContent ul#goodsLinkArea {
	margin-left: auto;
    margin-right: auto;
    width: 920px;
}

}