/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*								*/
/*		店舗詳細（lesson）スタイルシート		*/
/*								*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*----------------------------------------------------------------
■recommend_lesson_style
----------------------------------------------------------------*/
/****** page_title ******/
div#lesson	{ width: 550px; margin: 0px auto; }
div#lesson h2	{ background: url(/s/lesson/img/page_title.gif) no-repeat; width: 550px; height: 31px; text-indent: -5555px; }


/****** contents ******/
div#lesson .means_icon		{ width: 540px; display: block; margin: 10px auto; }
div#lesson .recommend_box	{ width: 532px; margin: 10px auto; }

div#lesson .tab_link		{ width: 390px; display: block; }
div#lesson .tab_link div a	{ display: block; float: left; width: 128px; height: 26px; text-indent: -5555px; padding: 0px 2px 0px 0px; }
div#lesson .tab_link .tab01 a		{ background: url(/s/lesson/img/tab_bt01.gif) no-repeat top; }
div#lesson .tab_link .tab01 a:hover	{ background: url(/s/lesson/img/tab_bt01.gif) no-repeat bottom; }
div#lesson .tab_link .tab01 .now	{ background: url(/s/lesson/img/tab_bt01.gif) no-repeat bottom; }

div#lesson .tab_link .tab02 a		{ background: url(/s/lesson/img/tab_bt02.gif) no-repeat top; }
div#lesson .tab_link .tab02 a:hover	{ background: url(/s/lesson/img/tab_bt02.gif) no-repeat bottom; }
div#lesson .tab_link .tab02 .now	{ background: url(/s/lesson/img/tab_bt02.gif) no-repeat bottom; }

div#lesson .tab_link .tab03 a		{ background: url(/s/lesson/img/tab_bt03.gif) no-repeat top; }
div#lesson .tab_link .tab03 a:hover	{ background: url(/s/lesson/img/tab_bt03.gif) no-repeat bottom; }
div#lesson .tab_link .tab03 .now	{ background: url(/s/lesson/img/tab_bt03.gif) no-repeat bottom; }


div#lesson .cap_bg		{ background: url(/s/lesson/img/lesson_header.gif) no-repeat; width: 532px; height: 36px; display: block; float: left; }
div#lesson .icon_box		{ padding: 18px 0px 0px 20px; }
div#lesson .icon_box div	{ display: block; float: left; padding: 0px 2px 0px 3px; }
div#lesson .contents_box	{ clear: both; width: 505px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0px 13px 0px 12px; }
div#lesson h3			{ clear: both; width: 450px; font-size: 16px; font-weight: bold; color: #960; padding: 15px 0px 5px; line-height: 16px; }
div#lesson .photo		{ background: url(/s/lesson/img/photo_waku.gif) no-repeat; width: 160px; height: 160px; padding: 5px; display: block; float: left; }
div#lesson .intro_box		{ width: 325px; display: block; float: right; padding: 0px 0px 20px; }
div#lesson .intro_box .cap	{ background: url(/s/lesson/img/intro_cap.gif) no-repeat; width: 325px; height: 21px; display: block; text-indent: -5555px; padding: 0px 0px 10px; }
div#lesson .intro_box .text	{ background: url(/s/lesson/img/intro_dotted.gif); width: 225px; line-height: 22px; font-size: 12px; padding: 2px 0px 0px 0px; display: block; float: left; }
div#lesson .intro_box .teacher	{ width: 90px; display: block; float: left; padding: 0px 0px 0px 5px; }
div#lesson .intro_box span	{ font-size: 10px; }

div#lesson .detail_box		{ clear: both; width: 495px; padding: 10px 5px 5px; }
div#lesson .detail_box .cap01	{ background: url(/s/lesson/img/detail_cap01.gif) no-repeat; width: 80px; height: 12px; display: block; text-indent: -5555px; margin: 10px 0px 0px; }
div#lesson .detail_box .cap02_box{ width: 240px; display: block; float: left; }
div#lesson .detail_box .cap02	{ background: url(/s/lesson/img/detail_cap02.gif) no-repeat; width: 116px; height: 12px; display: block; text-indent: -5555px; margin: 10px 0px 0px; }
div#lesson .detail_box .cap03	{ background: url(/s/lesson/img/detail_cap03.gif) no-repeat; width: 130px; height: 12px; display: block; text-indent: -5555px; margin: 10px 0px 0px; }
div#lesson .detail_box .cap04_box{ width: 240px; display: block; float: left; }
div#lesson .detail_box .cap04	{ background: url(/s/lesson/img/detail_cap04.gif) no-repeat; width: 116px; height: 12px; display: block; text-indent: -5555px; margin: 10px 0px 0px; }
div#lesson .detail_box .text	{ padding: 5px 5px 10px; font-size: 12px; line-height: 18px; }
div#lesson .detail_box .text div{ font-size: 12px; font-weight: bold; color: #960; }
div#lesson .detail_box .text span{ display: block; }

div#lesson .order_bt		{ padding: 10px 0px 10px; }
div#lesson .order_bt a		{ background: url(/s/lesson/img/order_bt.gif) no-repeat; width: 230px; height: 36px; display: block; margin: 0px auto; text-indent: -5555px;;}
div#lesson .order_bt a:hover	{ background: url(/s/lesson/img/order_bt_on.gif) no-repeat; }

div#lesson .bottom		{ background: url(/s/img/bottom.gif) no-repeat; width: 532px; height: 10px; display: block; }