#service-header #service-header-inner #service-navi .example a{background-position:-817px -120px}#service-header #service-header-inner #service-navi .example a:HOVER{background-position:-817px -180px}div.exaple-area{background:url(/image/study_example_area_foot.png) no-repeat 0 100% transparent;padding-bottom:5px;margin-top:10px}div.exaple-area div.category{background:url(/image/study_example_area_head.png) no-repeat 0 0 transparent;color:#fff;font-size:16px;line-height:22px;font-weight:700;padding:20px 40px 13px 40px}div.exaple-area div.category h2{width:450px;float:left}div.exaple-area div.category div.right{width:185px;text-align:right;float:right;padding-right:18px;background:url(/image/study_example_orange_square_arrow.png) no-repeat 100% 40% transparent}div.exaple-area div.category div.rightBlank{width:185px;text-align:right;float:right;padding-right:18px;background:url(/image/design/top/icon_sprite.png) no-repeat right 5px transparent}div.exaple-area div.category div.right a,div.exaple-area div.category div.rightBlank a{color:#fff}div.exaple-area div.body{background-color:#fff;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:0 28px 10px 28px}div.exaple-area div.body .one-set{margin-bottom:10px}div.exaple-area div.body div.example-box{width:288px;float:left;margin-right:10px;border:1px solid #d9d9d9}div.exaple-area div.body div.example-right{margin-right:0}div.exaple-area div.body div.example-box div.example-inner{padding:10px 26px;font-size:12px}div.exaple-area div.body div.example-box div.example-inner span.orange-square-arrow{background:url(/image/study_example_orange_square_arrow.png) no-repeat 0 0 transparent;font-size:14px;padding-left:18px;font-weight:700;line-height:16px}div.exaple-area div.body div.example-box div.example-inner span.blank-square-arrow{background:url(/image/design/top/icon_sprite.png) no-repeat -122px 2px;font-size:14px;padding-left:18px;font-weight:700;line-height:16px}div.exaple-area div.body div.example-box div.example-inner span.store-kana{padding-left:18px}div.exaple-area div.body div.example-box div.example-inner div.detail{border-bottom:1px dotted #ccc;padding-bottom:2px;margin-bottom:2px}div.exaple-area div.body div.example-box div.example-inner div.image-area{margin:5px 0;text-align:center}.image-area-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:235px;height:140px;background-color:#fafafa}.image-area-inner img{max-width:100%;max-height:100%}div.exaple-area div.body div.example-box div.example-inner div.image-area table td{height:140px;vertical-align:center}div.exaple-area div.body div.example-box div.example-inner div.detail span{padding:1px 0 1px 16px}div.exaple-area div.body div.example-box div.example-inner div.detail span.genre{background:url(/image/study_top_genre_icon.png) no-repeat 0 0 transparent}div.exaple-area div.body div.example-box div.example-inner div.detail span.station{background:url(/image/study_top_station_icon.png) no-repeat 0 0 transparent}div.exaple-area div.body div.example-box div.example-inner div.detail span.company{background:url(/image/study_top_company_icon.png) no-repeat 0 0 transparent}div.exaple-area div.body div.example-box div.example-inner div.bukkenMedia-image-area{height:177px;overflow:hidden}div.exaple-area div.body div.example-box div.example-inner div.bukkenMedia-image-area a img{width:236px}div.exaple-area div.body div.example-box div.example-inner div.title-area{width:236px;font-size:14px;word-wrap:break-word;overflow:hidden;height:48px}div.exaple-area div.body div.gray-area{clear:both;background-color:#eee;padding:5px 10px 10px 5px}div.exaple-area div.body div.gray-area div.bukken{width:145px;float:left;background:url(/image/study_example_bukken_icon.png) no-repeat 0 0 transparent;padding:5px 0 0 40px}div.exaple-area div.body div.gray-area div.design{width:125px;float:left;background:url(/image/study_example_other_site_icon.png) no-repeat 100% 0 transparent;padding:2px 20px 0 0}div.exaple-area div.body div.gray-area div.list-box{padding-top:5px}div.exaple-area div.body div.gray-area div.list{width:410px;float:right;text-align:right;padding-right:18px}