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

#main-contents { display: flex;	width: 95%;	margin: 50px auto;}
/*#main-contents section+section { margin-left: 5%;} Amazon APIでデザイン崩れのためコメントアウト*/
#sub-nav { width: 19%; float: left;	margin-top :150px;}

/*-----------------------------------
TOP
-----------------------------------*/
#mainBOX { width: 100%; margin: 140px auto 0;}
#FAQBOX { width: 900px; margin: 40px auto 0; border: 3px solid #a4e2a0; border-radius: 10px;}
#FAQBOX .ttl { display: flex; background: #a4e2a0; padding: 10px 30px; color: #FFF; font-size: 20px; font-weight: bold; border-radius: 5px 5px 0 0; }
/*#FAQBOX .ttl:before { content: url(img/faq-icon.png); margin-right: 10px;}*/
#faqContents { padding: 20px;}
#faqContents ul { margin: 0;}
#faqContents .faqlink { background: #ddf7db; padding: 10px 20px; font-weight: bold; list-style: none; border-radius: 10px;}
#faqContents .faqlink:hover { background: #a4e2a0;}
#faqContents .faqlink+.faqlink { margin-top: 10px;}
#faqContents .faqlink a { color: #65a496; font-weight: bold; text-decoration: none;}
#faqContents .faqlink:hover a { color: #FFF;}

.faqlink_other { display: block; text-align: right; margin-top: 10px; font-weight: bold;}

/*-----------------------------------
サイドメニューのカラー
-----------------------------------*/
#sub-nav #do_order,
#sub-nav #un_order { background: #DE8097; padding: 10px 0;}
#sub-nav #do_zaiko,
#sub-nav #un_zaiko { background: #65A496; padding: 10px 0;}
#sub-nav #do_item,
#sub-nav #un_item { background: #FCA20A; padding: 10px 0;}
#sub-nav #do_api,
#sub-nav #yahoo_api { background: #2FB8BC; padding: 10px 0;}
#sub-nav #external { background: #BDD864; padding: 10px 0;}
#sub-nav #do_ec,
#sub-nav #un_ec { background: #E96399; padding: 10px 0;}
#sub-nav #do_webreceipt,
#sub-nav #un_webreceipt { background: #9c739a; padding: 10px 0;}
#sub-nav #do_app,
#sub-nav #un_app { background: #006a7b; padding: 10px 0;}
#sub-nav #do_hacchu,
#sub-nav #un_hacchu { background: #6595c2; padding: 10px 0;}
#sub-nav #do_keigen { background: #38c1ff; padding: 10px 0;}
#sub-nav #do_convplus,
#sub-nav #un_convplus { background: #EE7D53; padding: 10px 0;}

/*-----------------------------------*/

/*-----------------------------------
サイドメニューのリンクカラー
-----------------------------------*/
.order_menu a{ color: #DE8097;}
.order_lite_menu a { color: #F0B0B8;}
.zaiko_menu a{ color: #65A496; padding: 2px;}
.item_menu a{ color: #FCA20A;}
.api_menu a{ color: #2FB8BC;}
.external_menu a{ color: #BDD864;}
.haiso_menu a{ color: #0C6;}
.convplus_menu a{ color: #EE7D53;}
.point_menu a{ color: #F7B25C;}
.ec_menu a{ color: #E96399;}
.webreceipt_menu a{ color: #9c739a;}
.app_menu a{ color: #006a7b;}
.hacchu_menu a{ color: #6595c2;}
.keigen_menu a{ color: #38c1ff;}
/*-----------------------------------*/


#sub-nav #header p a:before { content: "■";}
#sub-nav #header p a { text-indent: 1em; padding-left: -1em;}

#sub-nav h2 { color: #FFF; font-weight: bold; font-size: 100%; text-align: center;}
#sub-nav .menu { text-align: left;}
#sub-nav .menu a { font-weight: bold; font-size: 16px; line-height: 2em; text-decoration: none;}
#sub-nav .menu a:hover { text-decoration: underline;}
#manual-box { float: left;}
#manual-box #container { width: 810px;}


/*-----------------------------------
楽天ペイよくある質問ボックス
-----------------------------------*/
.Qlist {}
.Qlist .ttl {}
.Qlist .QContents ul { margin: 20px 15px;}
.Qlist .QContents li { list-style: none; font-size: 100%;}
.Qlist .QContents li+li { margin-top: 25px;}
.Qlist .QContents li:before { content:"Q"; padding: 0 5px; margin-right: 10px; background: #00a1e9; color: #FFF; font-weight: bold; font-size: 90%; border-radius: 3px;}
/*-----------------------------------*/


/*-----------------------------------
FAQのアコーディオン
-----------------------------------*/
.faqList01 { margin: 0 0 20px 0; overflow: hidden;}
.faqList01 { list-style: none;}
.faqList01Li {}
.faqList01Li:active .faqList01Dt,
.faqList01Li:hover .faqList01Dt,
.active .faqList01Dt { color: #1FCCE8;}
.bold {font-weight: bold;}
.faqList01Dl { margin: 0; padding: 10px 0 20px; border-top: #A3A3A4 dotted 1px;}
.faqList01Dt { overflow: hidden; padding: 0; font-size: 114.2%; line-height: 1.8;  cursor: pointer; text-indent: -2em;  padding-left: 2em;}
.faqList01Dt:before { content:"Q"; padding: 0 5px; margin-right: 10px; background: #00a1e9; color: #FFF;  font-size: 90%; border-radius: 3px;}
.faqList01Dd { overflow: hidden; display: none; margin: 10px 0 0 0; background: #e8f8ff; padding: 15px}