@media screen and (max-width: 767px) {
/* --------------------------------
	アンカーナビ
-------------------------------- */

div#anav { margin:0 auto 0 auto; padding:17px 0 0 0; overflow:hidden; }

div#anav ul { position:relative; margin:7px 0 0 -9px; overflow:hidden;}
div#anav ul li { background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_m.gif) repeat-y; float:left; width:48%; padding: 0 2px; }
div#anav ul li span { display:block; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_b.gif) no-repeat left bottom; height: 45px; }
div#anav ul li span span { display:block; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_t.gif) no-repeat; }
div#anav ul li span span span { min-height:40px; background:no-repeat 1px 50%; color:#2f110f; font-weight:bold; width: 100%; font-size:88%; }
div#anav ul li span span span a { display:block; padding:12px 5px 9px 50px; }
div#anav ul li span span span a:hover { text-decoration: none; }
div#anav ul li span span span a:link, div#anav ul li span span span a:visited { text-decoration: underline; color: #CA417D; }


div#anav ul li.anav_01 span span span { background:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_01.gif) no-repeat 0px 3px; }
div#anav ul li.anav_02 span span span { background:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_02.gif) no-repeat 0px 2px; }
div#anav ul li.anav_03 span span span { background:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_03.gif) no-repeat 8px 5px; }
div#anav ul li.anav_04 span span span { background:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_04.gif) no-repeat 0px 4px; }
div#anav ul li.anav_05 span span span { background:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_05.gif) no-repeat 0px 7px; }
div#anav ul li.anav_06 span span span { background:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_06.gif) no-repeat 0px 3px; }

* html div#anav ul li { height:40px; }/*IE6*/
* html div#anav ul li span span span { height:40px; }/*IE6*/
* html div#anav ul li span span span a { height:19px; }/*IE6*/


/* --------------------------------
	Q&A
-------------------------------- */

div#qa .section { padding:12px 0 0 0; }
div#qa .section h2 { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_h_bg.gif) repeat-x left bottom; color:#2f110f; }
div#qa .section h2 span { display:block; padding:11px 0 8px 44px; background-position:left bottom; background-repeat:no-repeat; }

div#qa #section_01 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_01_h_ico.gif) no-repeat 0px -5px; }
div#qa #section_02 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_02_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_03 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_03_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_04 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_04_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_05 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_05_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_06 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_06_h_ico.gif) no-repeat 0px -5px; }

div#qa .section ul { border-top:#fff 2px solid; }
div#qa .section ul li { margin:15px 0 0 0; width:100%; background:#f7efe7 url(//img.e87.com/gardening/school/faq/img/index/qa_item_bg_b.gif) no-repeat left bottom; }
div#qa .section ul li dl { position:relative; padding:0 0 10px 0; width:100%; background:url(//img.e87.com/gardening/school/faq/img/index/qa_item_bg_t.gif) no-repeat; overflow:hidden; }
div#qa .section ul li dl dt { position:relative; margin:0 0 -10px 0; padding:10px 10px 30px 40px; min-height:17px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_ico_q.gif) no-repeat 10px 10px; text-decoration:underline; line-height:1.5; font-size: 88%; }
div#qa .section ul li dl dt .btn { display:block; position:absolute; right:10px; bottom: 5px; width:78px; height:15px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_btn_toggle.gif) no-repeat 0 -15px; }
div#qa .section ul li dl dt .btn span { display:block; width:100%; height:100%; background:url(//img.e87.com/gardening/school/faq/img/index/qa_btn_toggle.gif) no-repeat; }
div#qa .section ul li dl dd {background:#fff url(//img.e87.com/gardening/school/faq/img/index/qa_item_a_bg_t.gif) no-repeat; overflow:hidden; margin:10px;}
div#qa .section ul li dl dd .bg { padding:0 0 10px 10px;; background:url(//img.e87.com/gardening/school/faq/img/index/qa_item_a_bg_b.gif) no-repeat left bottom; float:left; line-height:1.5; font-size: 88%; }
div#qa .section ul li dl dd .bg p { padding:15px 0 0 0; }
div#qa .section ul li dl dd .bg ul { margin-left:0; border-top:none; padding:15px 0 0 0; width:auto; }
div#qa .section ul li dl dd .bg ul li { margin-top:0; width:auto; background:none; }
div#qa .section ul li dl dd .bg dl { padding-bottom:0; width:auto; background:none; }
div#qa .section ul li dl dd .bg dl dt { margin-bottom:0; padding:15px 0 0 0; width:auto; min-height:0; background:none; text-decoration:none; cursor:auto; }
div#qa .section ul li dl dd .bg dl dd { display:block; margin:0 0 0 0; width:auto; background:none; }

div#qa .section ul li dl.over dt,
div#qa .section ul li dl.show dt { text-decoration:none; }

* html div#qa .section ul li dl dt { height:17px; }/*IE6*/
}
 @media screen and (min-width: 768px) and (max-width:899px) {
/* --------------------------------
	アンカーナビ
-------------------------------- */

div#anav { margin:0 auto 0 auto; padding:17px 0 0 0; width:702px; }

div#anav ul { position:relative; margin:7px 0 0 -9px; width:711px; }
div#anav ul li { padding:0 0 0 9px; width:228px; min-height:40px; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_m.gif) repeat-y; float:left; }
div#anav ul li span { display:block; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_b.gif) no-repeat left bottom; width:228px; }
div#anav ul li span span { display:block; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_t.gif) no-repeat; width:228px; }
div#anav ul li span span span { width:228px; min-height:40px; background:no-repeat 1px 50%; color:#2f110f; font-weight:bold; }
div#anav ul li span span span a { display:block; padding:12px 5px 9px 60px; }
div#anav ul li span span span a:hover { text-decoration: none; }
div#anav ul li span span span a:link, div#anav ul li span span span a:visited { text-decoration: underline; color: #CA417D; }

div#anav ul li.anav_01 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_01.gif); }
div#anav ul li.anav_02 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_02.gif); }
div#anav ul li.anav_03 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_03.gif); }
div#anav ul li.anav_04 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_04.gif); }
div#anav ul li.anav_05 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_05.gif); }
div#anav ul li.anav_06 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_06.gif); }

* html div#anav ul li { height:40px; }/*IE6*/
* html div#anav ul li span span span { height:40px; }/*IE6*/
* html div#anav ul li span span span a { height:19px; }/*IE6*/


/* --------------------------------
	Q&A
-------------------------------- */

div#qa { margin:0 0 0 22px; padding-top:85px; width:710px; }

div#qa .section { padding:12px 0 0 0; }
div#qa .section h2 { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_h_bg.gif) repeat-x left bottom; color:#2f110f; }
div#qa .section h2 span { display:block; padding:11px 0 8px 44px; background-position:left bottom; background-repeat:no-repeat; }

div#qa #section_01 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_01_h_ico.gif) no-repeat 0px -5px; }
div#qa #section_02 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_02_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_03 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_03_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_04 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_04_h_ico.gif) no-repeat 0px; height:30px; }
div#qa #section_05 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_05_h_ico.gif) no-repeat 0px; height:30px; }
div#qa #section_06 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_06_h_ico.gif) no-repeat 0px -5px; }

div#qa .section ul { margin:0 0 0 18px; border-top:#fff 2px solid; width:682px; }
div#qa .section ul li { margin:15px 0 0 0; width:100%; background:#f7efe7 url(//img.e87.com/gardening/school/faq/img/index/qa_item_bg_b.gif) no-repeat left bottom; }
div#qa .section ul li dl { position:relative; padding:0 0 10px 0; width:100%; background:url(//img.e87.com/gardening/school/faq/img/index/qa_item_bg_t.gif) no-repeat; overflow:hidden; }
div#qa .section ul li dl dt { position:relative; margin:0 0 -10px 0; padding:14px 103px 13px 42px; width:537px; min-height:17px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_ico_q.gif) no-repeat 10px 10px; font-weight:bold; text-decoration:underline;  line-height:1.2; }
div#qa .section ul li dl dt .btn { display:block; position:absolute; right:10px; top:15px; width:78px; height:15px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_btn_toggle.gif) no-repeat 0 -15px; }
div#qa .section ul li dl dt .btn span { display:block; width:100%; height:100%; background:url(//img.e87.com/gardening/school/faq/img/index/qa_btn_toggle.gif) no-repeat; }
div#qa .section ul li dl dd { margin:10px auto 0 auto; width:662px; background:#fff url(//img.e87.com/gardening/school/faq/img/index/qa_item_a_bg_t.gif) no-repeat; overflow:hidden; }
div#qa .section ul li dl dd .bg { margin:-15px 0 0 0; padding:10px 13px 10px 13px; width:636px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_item_a_bg_b.gif) no-repeat left bottom; float:left; }
div#qa .section ul li dl dd .bg p { padding:15px 0 0 0; }
div#qa .section ul li dl dd .bg ul { margin-left:0; border-top:none; padding:15px 0 0 0; width:auto; }
div#qa .section ul li dl dd .bg ul li { margin-top:0; width:auto; background:none; }
div#qa .section ul li dl dd .bg dl { padding-bottom:0; width:auto; background:none; }
div#qa .section ul li dl dd .bg dl dt { margin-bottom:0; padding:15px 0 0 0; width:auto; min-height:0; background:none; text-decoration:none; cursor:auto; }
div#qa .section ul li dl dd .bg dl dd { display:block; margin:0 0 0 0; width:auto; background:none; }

div#qa .section ul li dl.over dt, div#qa .section ul li dl.show dt { text-decoration:none; }

* html div#qa .section ul li dl dt { height:17px; }/*IE6*/
}
 @media screen and (min-width:900px) {
/* --------------------------------
	アンカーナビ
-------------------------------- */

div#anav { margin:0 auto 0 auto; padding:17px 0 0 0; width:702px; }

div#anav ul { position:relative; margin:7px 0 0 -9px; width:711px; }
div#anav ul li { padding:0 0 0 9px; width:228px; min-height:40px; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_m.gif) repeat-y; float:left; }
div#anav ul li span { display:block; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_b.gif) no-repeat left bottom; width:228px; }
div#anav ul li span span { display:block; background:url(//img.e87.com/gardening/school/faq/img/index/anav_bg_t.gif) no-repeat; width:228px; }
div#anav ul li span span span { width:228px; min-height:40px; background:no-repeat 1px 50%; color:#2f110f; font-weight:bold; }
div#anav ul li span span span a { display:block; padding:12px 5px 9px 60px; }
div#anav ul li span span span a:hover { text-decoration: none; }
div#anav ul li span span span a:link, div#anav ul li span span span a:visited { text-decoration: underline; color: #CA417D; }

div#anav ul li.anav_01 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_01.gif); }
div#anav ul li.anav_02 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_02.gif); }
div#anav ul li.anav_03 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_03.gif); }
div#anav ul li.anav_04 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_04.gif); }
div#anav ul li.anav_05 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_05.gif); }
div#anav ul li.anav_06 span span span { background-image:url(//img.e87.com/gardening/school/faq/img/index/anav_ico_06.gif); }

* html div#anav ul li { height:40px; }/*IE6*/
* html div#anav ul li span span span { height:40px; }/*IE6*/
* html div#anav ul li span span span a { height:19px; }/*IE6*/


/* --------------------------------
	Q&A
-------------------------------- */

div#qa { margin:0 0 0 22px; padding-top:85px; width:860px; }

div#qa .section { padding:12px 0 0 0; }
div#qa .section h2 { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_h_bg.gif) repeat-x left bottom; color:#2f110f; }
div#qa .section h2 span { display:block; padding:11px 0 8px 44px; background-position:left bottom; background-repeat:no-repeat; }

div#qa #section_01 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_01_h_ico.gif) no-repeat 0px -5px; }
div#qa #section_02 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_02_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_03 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_03_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_04 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_04_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_05 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_05_h_ico.gif) no-repeat 0px 0px; height:30px; }
div#qa #section_06 h2 span { background:url(//img.e87.com/gardening/school/faq/img/index/qa_sect_06_h_ico.gif) no-repeat 0px -5px; }

div#qa .section ul { margin:0 0 0 18px; border-top:#fff 2px solid;}
div#qa .section ul li { margin:15px 0 0 0; width:100%; background:#f7efe7 url(//img.e87.com/gardening/school/faq/img/index/qa_item_bg_b.gif) no-repeat left bottom; }
div#qa .section ul li dl { position:relative; padding:0 0 10px 0; width:100%; background:url(//img.e87.com/gardening/school/faq/img/index/qa_item_bg_t.gif) no-repeat; overflow:hidden; }
div#qa .section ul li dl dt { position:relative; margin:0 0 -10px 0; padding:14px 103px 13px 42px; width:537px; min-height:17px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_ico_q.gif) no-repeat 10px 10px; font-weight:bold; text-decoration:underline;  line-height:1.2; }
div#qa .section ul li dl dt .btn { display:block; position:absolute; right:10px; top:15px; width:78px; height:15px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_btn_toggle.gif) no-repeat 0 -15px; }
div#qa .section ul li dl dt .btn span { display:block; width:100%; height:100%; background:url(//img.e87.com/gardening/school/faq/img/index/qa_btn_toggle.gif) no-repeat; }
div#qa .section ul li dl dd { margin:10px auto 0 auto; width:98%; background:#fff url(//img.e87.com/gardening/school/faq/img/index/qa_item_a_bg_t.gif) no-repeat; overflow:hidden; }
div#qa .section ul li dl dd .bg { margin:-15px 0 0 0; padding:10px 13px 10px 13px; background:url(//img.e87.com/gardening/school/faq/img/index/qa_item_a_bg_b.gif) no-repeat left bottom; float:left; }
div#qa .section ul li dl dd .bg p { padding:15px 0 0 0; }
div#qa .section ul li dl dd .bg ul { margin-left:0; border-top:none; padding:15px 0 0 0; width:auto; }
div#qa .section ul li dl dd .bg ul li { margin-top:0; width:auto; background:none; }
div#qa .section ul li dl dd .bg dl { padding-bottom:0; width:auto; background:none; }
div#qa .section ul li dl dd .bg dl dt { margin-bottom:0; padding:15px 0 0 0; width:auto; min-height:0; background:none; text-decoration:none; cursor:auto; }
div#qa .section ul li dl dd .bg dl dd { display:block; margin:0 0 0 0; width:auto; background:none; }

div#qa .section ul li dl.over dt, div#qa .section ul li dl.show dt { text-decoration:none; }

* html div#qa .section ul li dl dt { height:17px; }/*IE6*/
}