/* 既存css 上書き */ #managerManual p.pageTop02 { margin: 0 0 40px;} /* 追加 */ #managerManual .txtPurple { color:#a41e58; } #managerManual .txtPink { color:#FF5897; } #managerManual .tc { text-align: center;} #managerManual .tl { text-align: left; } #managerManual .tr { text-align: right; } #managerManual .mb10 { margin-bottom: 10px; } #managerManual .mb20 { margin-bottom: 20px; } #managerManual .mb30 { margin-bottom: 30px; } #managerManual .mb40 { margin-bottom: 40px; } #managerManual .mb50 { margin-bottom: 50px; } #managerManual a img { transition: all 0.25s ease; opacity: 1; } #managerManual a:hover img { opacity: 0.75; } #managerManual { font-family: Meiryo,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,Arial,sans-serif; color:#666; } #managerManual .toptit { padding:8px 5px; margin: 0 0 20px; color:#FF8600; font-size: 20px; border-top:2px solid #EF6D11; border-bottom:1px solid #EF6D11; } #managerManual .catch { margin: 20px 0 30px; } #managerManual .manualtit { font-size: 15px; font-weight:900; line-height: 20px; padding: 5px 10px 3px; background:#FFA700; color:#fff; margin: 0 0 10px; } #managerManual .pagetit { padding: 0 0 5px; margin: 0 0 20px; border-bottom:2px solid #BB5682; color:#a41e58; font-size: 20px; font-weight: 900; } #managerManual .manualliist { width: 710px; zoom:1; margin: 0 0 20px; background: url(../img/list_bg.png) right bottom no-repeat; } #managerManual .manualliist:after { content: ""; display: block; clear:both; } #managerManual .manualliist dl { transition: all 0.25s ease; width: 348px; margin: 0 10px 10px 0; border:1px solid #ccc; float: left; background-color: #fff; background-repeat: no-repeat; background-position: right center; cursor: pointer; } #managerManual .manualliist dl:hover { border:1px solid #bbb; background-color: #fff9ee; } #managerManual .manualliist dl.step01 { background-image: url(../img/list_img_schedule.png); } #managerManual .manualliist dl.step02 { background-image: url(../img/list_img_manager.png); margin: 0 0 10px; } #managerManual .manualliist dl.step03 { background-image: url(../img/list_img_expense.png); } #managerManual .manualliist dl.step04 { background-image: url(../img/list_img_place.png); margin: 0 0 10px; } #managerManual .manualliist dl.step05 { background-image: url(../img/list_img_invitation.png); } #managerManual .manualliist dl.step06 { background-image: url(../img/list_img_program.png); margin: 0 0 10px; } #managerManual .manualliist dl.step07 { background-image: url(../img/list_img_advance.png); } #managerManual .manualliist dt { background: url(../img/list_h_bullet.png) 15px 0 no-repeat; padding: 13px 0 0 40px; line-height: 22px; font-size: 19px; font-weight: 900; color:#A41E58; } #managerManual .manualliist dd { padding: 15px 130px 15px 15px; font-size: 12px; line-height: 17px; } #managerManual .manualliist dd li { padding: 15px 0 0; } #managerManual .manualliist dd li a { display: block; width: 92px; height: 19px; line-height: 19px; color:#fff; text-align: center; background: #ffa700; border-radius: 2px; text-decoration: none; } #managerManual .managerSearch { width: 710px; zoom:1; margin: 40px 0 20px; } #managerManual .managerSearch:after { content: ""; display: block; clear:both; } #managerManual .managerSearch h2 { border-top: 2px solid #d9d9d9; border-bottom: 2px solid #e6e6e6; margin: 0 0 15px; padding: 10px 0; color:#333; font-size: 16px; } #managerManual .managerSearch h3 { font-size: 13px; color:#4b4b4b; padding: 0 0 0 27px; margin: 0 0 15px; line-height: 22px; background: url(../img/ico_search.png) left center no-repeat;} #managerManual .managerSearch .area { width: 370px; float: left; background: url(../img/map.png) 50% 50% no-repeat; } #managerManual .managerSearch .area dl { width: 100%; zoom:1; } #managerManual .managerSearch .area dl:after { content: ""; display: block; clear:both; } #managerManual .managerSearch .area dt { width: 5em; line-height:15px; font-size: 12px; float: left; font-weight: 900; } #managerManual .managerSearch .area dt a { text-decoration: none; color:#8B3D0F; } #managerManual .managerSearch .area dt a:hover { color: #df2b22; text-decoration: underline; } #managerManual .managerSearch .area dt a:visited { color: #ab4cab;} #managerManual .managerSearch .area dd { overflow: hidden; } #managerManual .managerSearch .area li { line-height:15px; float: left; padding: 0 15px 6px 0; } #managerManual .managerSearch .area li a { text-decoration: none; color:#8B3D0F; } #managerManual .managerSearch .area li a:hover { color: #df2b22; text-decoration: underline; } #managerManual .managerSearch .area li a:visited { color: #ab4cab;} #managerManual .managerSearch .pic { width: 330px; float: right; overflow: hidden;} #managerManual .managerSearch .pic li { width:140px; /*display:inline-block;*/ float:left; background: url(http://wedding.gnavi.co.jp/gwimg/ar_gr001_r.gif) no-repeat scroll left 5px; margin-bottom: 5px; padding-left: 11px} #managerManual .managerSearch .pic li a { color:#8B3D0F; text-decoration: none; } #managerManual .managerSearch .pic li a:hover { color: #df2b22; text-decoration: underline; } #managerManual .managerSearch .pic li a:visited { color: #ab4cab;} #managerManual .footercatch { background: #FEF2E3; margin: 0 0 30px; padding: 15px; cursor: pointer; transition: all 0.25s ease; opacity: 1; } #managerManual .footercatch:hover { opacity:0.75; } #managerManual .footercatch dl { width: 100%; overflow: hidden; } #managerManual .footercatch dt { width: 86px; float: left; } #managerManual .footercatch dd { overflow: hidden; padding: 0 0 0 20px; } #managerManual .footercatch h2 { color:#782532; font-size: 18px; font-weight: 100; padding: 0 0 10px; } #managerManual .footercatch p { font-size: 12px; } #managerManual .pagecatch { width: 100%; margin: 0 0 30px; zoom:1; } #managerManual .pagecatch:after { content: ""; display: block; clear:both; } #managerManual .pagecatch.schedule { background: url(../img/schedule_catch.png) 20px 10px no-repeat; } #managerManual .pagecatch.manager { background: url(../img/manager_catch.png) 15px 10px no-repeat; } #managerManual .pagecatch.expense { background: url(../img/expense_catch.png) 30px 0 no-repeat; } #managerManual .pagecatch.place { background: url(../img/place_catch.png) 0 10px no-repeat; } #managerManual .pagecatch.invitation { background: url(../img/invitation_catch.png) 30px 10px no-repeat; } #managerManual .pagecatch.program { background: url(../img/program_catch.png) 40px 10px no-repeat; } #managerManual .pagecatch.advance { background: url(../img/advance_catch.png) 40px 10px no-repeat; } #managerManual .pagecatch:after { content: ""; display: block; clear:both; } #managerManual .pagecatch .cont { margin: 0 0 0 220px; padding: 30px 30px 20px; background: #FEF5E6 none 0 0 no-repeat; position: relative; } #managerManual .pagecatch .slash { position: absolute; top:-3px; left: -3px; } #managerManual .pagecatch h2 { color:#FF8500; font-size: 20px; margin: 0 0 15px; } #managerManual .pagecatch p { color:#666; font-size: 14px; line-height: 1.5; } #managerManual .caption { margin: 0 0 20px; } #managerManual .caption h3 { font-size: 18px; color:#666; margin: 0 0 10px; } #managerManual .caption p { font-size: 14px; color:#666; line-height: 1.57; margin: 0 0 20px; } #managerManual .heading.yellow { border-top: 2px solid #FFEABB; border-bottom: 2px solid #FFEABB; margin: 0 0 20px; padding: 7px 5px; color:#ff8600; font-size: 16px; } #managerManual .timetable { margin: 0 0 20px; width: 100%; border-spacing: 0; border-collapse: collapse; border-right:1px solid #FFC726; border-top:1px solid #FFC726; } #managerManual .timetable th { border-left:1px solid #FFC726; border-bottom:1px solid #FFC726; font-size: 14px; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color:#666; vertical-align: middle; text-align: center; white-space: nowrap; } #managerManual .timetable td { border-left:1px solid #FFC726; border-bottom:1px dotted #FFC726; font-size: 13px; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color:#666; vertical-align: middle; } #managerManual .timetable thead th { padding: 5px; background: #FFF5CD; text-align: center; white-space: nowrap; border-bottom:1px solid #FFC726; font-weight: 900; color:#ff8600; } #managerManual .timetable thead td { padding: 5px; background: #FFF5CD; text-align: center; white-space: nowrap; border-bottom:1px solid #FFC726; font-weight: 900; color:#ff8600; } #managerManual .timetable tbody th { padding:10px; width: 145px; font-weight: 900; color:#ff8600; } #managerManual .timetable tbody td { padding:10px; color:#666666; } #managerManual .timetable tbody .odd th { background-color: #FFFEF5; } #managerManual .timetable tbody .odd td { background-color: #FFFEF5; } #managerManual .timetable tbody .btm td { border-bottom:1px solid #FFC726;} #managerManual .timetable .icoCheck { white-space: nowrap; display: block; padding: 0 0 0 20px; font-weight: 900; background: url(../img/ico_check.png) left center no-repeat; } #managerManual .timetable .more { transition: all 0.25s ease; opacity: 1; margin: 10px 0 0; display: block; width: 120px; text-align: center; padding: 2px; float: right; background-color: #FF779F; color:#fff; font-size: 12px; font-weight: 900; text-decoration: none; } #managerManual .timetable .more:hover { opacity: 0.75; } #managerManual .programtable { margin: 0 0 45px; width: 100%; border-spacing: 0; border-collapse: collapse; border:1px solid #FFC726; } #managerManual .programtable th { border-left:1px solid #FFC726; font-size: 14px; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color:#666; vertical-align: middle; text-align: center; white-space: nowrap; } #managerManual .programtable td { border-left:1px solid #FFC726; border-left:1px dotted #FFC726; font-size: 13px; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color:#666; vertical-align: middle; } #managerManual .programtable thead th { padding: 5px; background: #FFF5CD; text-align: center; white-space: nowrap; font-weight: 900; color:#ff8600; } #managerManual .programtable thead td { padding: 5px; background: #FFF5CD; text-align: center; white-space: nowrap; border-left:1px dotted #FFC726; font-weight: 900; color:#ff8600; } #managerManual .programtable tbody th { padding:10px; width: 150px; font-weight: 900; color:#ff8600; } #managerManual .programtable tbody td { padding:10px; color:#666666; } #managerManual .programtable tbody .odd th { background-color: #fbfbfb; white-space: nowrap; } #managerManual .programtable tbody .odd td { background-color: #fbfbfb; white-space: nowrap; } #managerManual .programtable thead th.cloc { width: 100px; } #managerManual .programtable thead td.name { } #managerManual .programtable thead td.time { width: 100px; } #managerManual .programtable tbody th.cloc { text-align: center; } #managerManual .programtable tbody td.name { text-align: left; } #managerManual .programtable tbody td.time { text-align: center; } #managerManual .txtdetail { padding: 0 0 30px; } #managerManual .txtdetail a { padding: 0 0 0 15px; background: url(../img/ico_arw_yellow.png) left center no-repeat; font-size: 14px; color:#922239; } #managerManual .voice { margin: 0 1px 10px; position: relative; } #managerManual .voice .inner { background: #FEF5E6; zoom:1; padding: 0 0 1px; } #managerManual .voice .inner:after { content: ""; display: block; clear:both; } #managerManual .voice .inner dl { background: #fff; margin: 0 25px 20px; position: relative; zoom:1; } #managerManual .voice .inner dl:after { content: ""; display: block; clear:both; } #managerManual .voice .inner dt { margin: 0 15px 0 70px; padding: 10px 0 2px; font-size: 15px; font-weight: 900; } #managerManual .voice .inner dd { padding: 10px 15px; font-size: 13px; color:#666; line-height: 1.46; } #managerManual .voice .inner .typeico { display: block; content: ""; position: absolute; top:-10px; left: -15px; } #managerManual .voice .inner dl.good dt { color:#FF5892; border-bottom: 1px solid #FF5892; } #managerManual .voice .inner dl.bad dt { color:#A151C1; border-bottom: 1px solid #A151C1; } #managerManual .nextstepbtn { text-align: center; padding: 10px 0 40px; } #managerManual .nextstepbtn a { transition: all 0.25s ease; opacity: 1; border-radius: 3px; text-decoration: none; display: block; width: 280px; line-height: 24px; text-align: center; color:#fff; line-height: 24px; margin: 0 auto; background: #FFA700; } #managerManual .nextstepbtn a span { display: inline-block; line-height: 24px; font-size: 11px; padding: 0 0 0 13px; background: url(../img/btn_next_arw.png) left center no-repeat; position: relative; top:1px; } #managerManual .nextstepbtn a em { display: inline-block; line-height: 24px; font-size: 14px; font-weight: 900; padding: 0 0 0 7px; position: relative; top:1px; } #managerManual .nextstepbtn a:hover { opacity: 0.75; } #managerManual .steplist { height: 17px; line-height: 17px; width: 100%; overflow: hidden; } #managerManual .steplist img { vertical-align: top; } #managerManual .steplist dt { line-height: 17px; float: left; padding: 0 10px 0 0; } #managerManual .steplist dd { line-height: 17px; float: left; font-size: 11px; } #managerManual .steplist dd.last a { background: none; } #managerManual .steplist dd.last span { background: none; } #managerManual .steplist dd a { display: inline-block; line-height: 17px; float: left; font-size: 11px; padding: 0 21px 0 0; background: url(../img/step_s_arw.png) right center no-repeat; color:#922239;} #managerManual .steplist dd span { display: inline-block; line-height: 17px; float: left; font-size: 11px; padding: 0 21px 0 0; background: url(../img/step_s_arw.png) right center no-repeat; color:#aeaeae; } #managerManual .pagetxt h2 { border-top: 2px solid #FFEABB; border-bottom: 2px solid #FFEABB; margin: 0 0 20px; padding: 7px 5px; color:#ff8600; font-size: 16px; position: relative; } #managerManual .pagetxt h2 small { position: absolute; top:11px; right: 0; font-size: 12px; color:#666; font-weight: 100; } #managerManual .pagetxt p { margin: 0 0 20px; line-height: 23px; font-size: 14px; color:#666; } #managerManual .suptxt { width: 290px; margin: 0 0 20px 20px; padding: 0 0 5px; float: right; background-color: #FFF7F8; background-position: right bottom; background-repeat: no-repeat;} #managerManual .suptxt h3 { padding: 15px 20px 5px; margin: 0; font-size: 14px; color:#ff5897; } #managerManual .suptxt ul { padding: 0 20px 10px; margin: 0; } #managerManual .suptxt li { padding: 0 0 0 15px; line-height: 22px; font-size: 12px; background: url(../img/ico_sup_dot.png) left center no-repeat; } #managerManual .suptxt.programsup01 { background-image: url(../img/programsup01.png); } #managerManual .suptxt.programsup02 { background-image: url(../img/programsup02.png); } #managerManual .notearea { background-color: #FBF5E4; padding: 10px; margin: 0 0 30px; position: relative; } #managerManual .notearea .inner { background-color: #fff; padding: 0 35px; } #managerManual .notearea h3 { padding: 10px; text-align: center; font-size: 17px; color: #b38300; border-bottom:1px solid #F8EBCA; } #managerManual .notearea dl { padding: 15px 0; border-bottom:1px dotted #F8EBCA; } #managerManual .notearea dt { font-size: 13px; color:#ff8600; padding: 0 0 5px; font-weight: 900; } #managerManual .notearea dd { padding: 0; } #managerManual .notearea .sup { padding: 10px 0 0; color:#a41e58; } #managerManual .notearea .icoClip { position: absolute; top:-8px; right: 20px; } #managerManual .notearea.pink { background-color: #FFF2F0; } #managerManual .notearea.purple { background-color: #E8E1EB; } #managerManual .notearea.purple dt { color:#8B60BD; padding: 0 0 5px 20px; background: url(../img/ico_pick.png) 0 1px no-repeat; font-size:14px; } #managerManual .notearea.favlist {} #managerManual .notearea.favlist .inner { padding: 0 15px; background: #fff none 500px 45px no-repeat; } #managerManual .notearea.favlist h3 { padding: 10px 0; text-align: left; font-size: 16px; font-weight: 900; color: #b38300; } #managerManual .notearea.favlist ol { padding: 0 0 10px; } #managerManual .notearea.favlist ol li { border-bottom:1px dotted #ECE0AE; font-size: 14px; line-height: 25px; padding: 5px 0 5px 35px; position: relative; } #managerManual .notearea.favlist ol li.rank01 { background: url(../img/rank01.png) left center no-repeat; } #managerManual .notearea.favlist ol li.rank02 { background: url(../img/rank02.png) left center no-repeat; } #managerManual .notearea.favlist ol li.rank03 { background: url(../img/rank03.png) left center no-repeat; } #managerManual .notearea.favlist ol li.rank04 { background: url(../img/rank04_purple.png) left center no-repeat; } #managerManual .notearea.favlist ol li.rank05 { background: url(../img/rank05_purple.png) left center no-repeat; } #managerManual .notearea.favlist .icoCake { position: absolute; top:60px; right: 60px; } #managerManual .notearea.sample {} #managerManual .notearea.sample .inner { padding:0 15px 15px; zoom:1; } #managerManual .notearea.sample .inner:after { content: ""; display: block; clear:both; } #managerManual .notearea.sample h3 { padding: 10px 0; margin: 0 0 15px; text-align: left; font-size: 16px; font-weight: 900; color: #ff5897; border-bottom: 1px solid #FFE6E1; } #managerManual .notearea.sample .leftarea { float: left; border-right: 1px dotted #FFE6E1; padding: 0 10px 0 0; } #managerManual .notearea.sample .centerarea { float: left; border-right: 1px dotted #FFE6E1; padding: 0 10px; } #managerManual .notearea.sample .rightarea { float: left; padding: 0 0 0 10px; } #managerManual .notearea.sample dl { border:none; padding: 0; } #managerManual .notearea.sample dt { padding: 0 0 0 22px; } #managerManual .notearea.sample dd { padding: 0 0 0 12px; background: url(../img/ico_dot_orange.png) left center no-repeat; line-height: 20px; font-size: 12px; } #managerManual .notearea.sample dl.game, #managerManual .notearea.sample dl.sub { height: 150px; } #managerManual .notearea.sample dl.human, #managerManual .notearea.sample dl.item { height: 80px; } #managerManual .notearea.sample dl.game dt { background: url(../img/ico_s_game.png) left center no-repeat; } #managerManual .notearea.sample dl.human dt { background: url(../img/ico_s_human.png) left center no-repeat; } #managerManual .notearea.sample dl.sub dt { background: url(../img/ico_s_sub.png) left center no-repeat; } #managerManual .notearea.sample dl.item dt { background: url(../img/ico_s_item.png) left center no-repeat; } #managerManual .notearea.sample dl.wedding dt { background: url(../img/ico_s_wedding.png) left center no-repeat; } #managerManual .notearea.attention .inner { padding: 15px 30px 30px; } #managerManual .notearea.attention dl { border:none; padding: 15px 0 0; } #managerManual .clipnote { border:12px solid #f5f5f5; position: relative; margin: 0 0 20px; zoom:1; } #managerManual .clipnote:after { content: ""; display: block; clear:both; } #managerManual .clipnote h3 { width: 100%; font-size: 19px; color:#a41e58; padding: 30px 0 10px; text-align: center; background: url(../img/ico_clipnote.png) center top no-repeat; margin: -7px 0 0; } #managerManual .clipnote .sup { line-height: 23px; } #managerManual .clipnote .left { width: 350px; margin: 0 0 30px 30px; } #managerManual .clipnote .right { width: 250px; margin: 0 30px 30px 0; } #managerManual .clipnote .left.w250 { width: 250px; } #managerManual .clipnote .right.w350 { width: 350px; } #managerManual .clipnote ul li { border-bottom:1px dotted #ffC726; line-height: 32px; font-size: 14px; font-weight: 900; } #managerManual .clipnote ul li em { font-size: 12px; font-weight: 100; font-style: normal; } #managerManual .clipnote ul li.icoCheck { background: url(../img/ico_check.png) left center no-repeat; padding-left: 20px; } #managerManual .clipnote .bottomlink { position: absolute; right: 20px; bottom:20px; } #managerManual .clipnote .bottomlink a { padding: 0 0 0 15px; background: url(../img/ico_arw_yellow.png) left center no-repeat; font-size: 12px; color:#FF5897; } #managerManual .clipnote .checkdl { margin: 0 30px 30px; } #managerManual .clipnote .checkdl dt { background: url(../img/ico_check.png) left center no-repeat; padding-left: 20px; color:#ff8600; font-size:14px; margin: 0 0 5px; } #managerManual .clipnote .checkdl dt.titonly { background: url(../img/ico_check.png) 0 3px no-repeat; padding: 0 0 10px 20px; margin: 0 0 10px; color:#ff8600; font-size:14px; margin: 0 0 5px; border-bottom:1px dotted #ddd;} #managerManual .clipnote .checkdl dd { padding:0 0 10px 20px; margin: 0 0 10px; border-bottom:1px dotted #ddd; font-size:14px; } #managerManual .clipnote .checkdl dd.last { padding:0 0 0 20px; border-bottom:none; } #managerManual .clipnote .checkpoint { margin: 0 30px 30px; zoom:1; } #managerManual .clipnote .checkpoint:after { content: ""; display: block; clear:both; } #managerManual .clipnote .checkpoint dt { width: 186px; height: 19px; background: url(../img/checkpoint_bg.png) 0 0 no-repeat; line-height: 19px; text-align: center; font-size: 13px; color:#fff; font-weight: 100; float: left; } #managerManual .clipnote .checkpoint dd { line-height: 19px; color:#FF5897; background: url(../img/ico_check.png) left center no-repeat; padding:0 0 0 20px; margin: 0 0 0 20px; font-size:14px; float: left; } #managerManual .pinkbtn { transition: all 0.25s ease; opacity: 1; display: block; margin: 0 auto 30px; text-decoration: none; width: 570px; line-height: 36px; text-decoration: none; color:#fff; text-align: center; font-size:22px; font-weight: 900; background: url(../img/pinkbtn_bg.png); border-radius: 4px; border:3px solid #FF779F; padding:12px 0 8px; } #managerManual .pinkbtn span { display: inline-block; margin: 0 auto; line-height: 36px; text-decoration: none; color:#fff; text-align: center; font-size:22px; font-weight: 100; background: url(../img/pinkbtn_arw.png) 0 7px no-repeat; padding:0 0 0 20px; text-shadow:0 -1px 1px rgba(0,0,0,0.2); } #managerManual .pinkbtn:hover { opacity: 0.75; } #managerManual .mailsample { width: 100%; margin: 0 0 30px; overflow: hidden; background: url(../img/mailsample_bg.png) 0 0 repeat; } #managerManual .mailsample h3 { text-align: center; line-height: 30px; padding: 40px 0 10px; font-size: 18px; font-weight: 900; color:#b38300; overflow: hidden; background: url(../img/mailsample_top.png) 0 0 no-repeat; } #managerManual .mailsample .inner { background: url(../img/mailsample_bottom.png) left bottom no-repeat; padding: 0 40px 30px; } #managerManual .mailsample dl { width: 100%; overflow: hidden; } #managerManual .mailsample dt { color:#683223; width: 80px; float: left; padding: 1em 0 0; } #managerManual .mailsample dd { color:#683223; width: 550px; float: right; padding:1em 0; border-bottom:1px solid #EDDEB5; } #managerManual .mailsample dl dd:last-child { border:none; } #managerManual .mailsample th, #managerManual .mailsample td { vertical-align: top; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } #managerManual .choicepoint { width: 100%; margin: 0 0 30px; zoom:1; } #managerManual .choicepoint:after { content: ""; display: block; clear:both; } #managerManual .choicepoint .notearea { width: 325px; margin: 0 0 5px; text-align: left; } #managerManual .choicepoint .notearea .inner { padding: 0 15px; } #managerManual .choicepoint .notearea h3 { text-align: left; color: #ff5897; margin: 0 ; padding:10px 0 5px; font-size: 21px; } #managerManual .choicepoint .notearea h3 em { display: block; color:#666; font-size: 16px; font-weight: 100; font-style: normal; } #managerManual .choicepoint .notearea ol { padding: 10px 0; } #managerManual .choicepoint .notearea ol li { padding: 0 0 0 35px; } #managerManual .choicepoint .notearea ol li.rank01 { line-height: 33px; background: url(../img/rank01.png) left center no-repeat; } #managerManual .choicepoint .notearea ol li.rank02 { line-height: 27px; background: url(../img/rank02.png) left center no-repeat; } #managerManual .choicepoint .notearea ol li.rank03 { line-height: 27px; background: url(../img/rank03.png) left center no-repeat; } #managerManual .choicepoint .notearea ol li.rank04 { line-height: 27px; background: url(../img/rank04_pink.png) left center no-repeat; } #managerManual .choicepoint .notearea ol li.rank05 { line-height: 27px; background: url(../img/rank05_pink.png) left center no-repeat; } #managerManual .choicepoint .notearea.purple h3 { color: #8B60BD; } #managerManual .choicepoint .notearea.purple ol li.rank04 { line-height: 27px; background: url(../img/rank04_purple.png) left center no-repeat; } #managerManual .choicepoint .notearea.purple ol li.rank05 { line-height: 27px; background: url(../img/rank05_purple.png) left center no-repeat; } #managerManual .choicepoint .syt { width: 100%; clear:both; font-size: 10px; text-align: right; } .manualsocial { width: 100%; padding: 0 0 20px; overflow: hidden; } .manualsocial * { vertical-align: baseline; } .manualsocial li { display: inline; padding: 0 10px 0 0; float: right; overflow: hidden; } .manualsocial li.tw { width:90px; } .manualsocial li.gg { width: 60px; } p.pageTop02 { margin: 0;} /*-------------------------------------------- 特集誘導口 --------------------------------------------*/ .featureBox { border: 2px solid #d9d9d9; border-radius: 3px; display: block; line-height: 1; margin: 20px 0; padding: 16px 18px 10px 18px; } .featureBox__title { border-bottom:2px solid #d9d9d9; color: #663300; font-size: 16px; margin: 0 0 15px 0; padding-bottom: 3px; } .featureBox--orange { border-color: #ff9900; } .featureBox--orange .featureBox__title { border-bottom-color: #ffe2b7; } .featureGroup:after { clear: both; content: ""; display: block; } .featureGroup__item { float: left; margin-bottom: 10px; width: 212px; } .featureGroup__item:not(:nth-of-type(3n)) { margin-right: 16px; } .featureGroup__link { color: #663300; display: table; padding: 0; table-layout: fixed; } .featureGroup__link:link,.featureGroup__link:visited,.featureGroup__link:hover { color: #663300; } .featureGroup__img,.featureGroup__title { display: table-cell; vertical-align: middle; } .featureGroup__img { width: 40px; } .featureGroup__title { font-size: 13px; padding-left: 16px; }