@charset "utf-8"; /* -------- 共通の定義 ---------------------------------------------------------- */ * {list-style:none;margin:0;padding:0;text-decoration: none;color:#222;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} a.noborder, a.noborder:link, a.noborder:hover, a.noborder:active, a.noborder:visited, img{border: 0;vertical-align:bottom;} /* -- ▼ 背景画像 ▼ -- */ .bg{background-image:url(/common/images/talent/v3/main-bg.png);background-repeat:no-repeat;} .bg a{background-image:url(/common/images/talent/v3/main-bg.png);background-repeat:no-repeat;} /* -- ▼ 文字を隠す ▼ -- */ .hide{overflow:hidden;white-space:nowrap;text-indent:100%;} /* -- ▼ clear指定 ▼ -- */ .clear{overflow:hidden;} .clearfix:after{ content: " "; display: block; height: 0; visibility: hidden; clear: both; } .clearfix{display: inline-block;} /* -- ▼ float指定 ▼ -- */ .left{float:left;} .right{float:right;} /* -- お問合わせ共通 ---------------------- */ .tel-info{width:204px;} .tel{background-position:-599px -41px;width:204px;height:24px;} .tel-info p{font-size:11px !important;line-height:2 !important;text-align:right !important;} .contact{width:179px;} .contact a{background-position:-817px -39px;width:179px;height:49px;display:block;} /* -- ページの先頭に戻る ----------------------- */ .totop{margin-top:25px;} .totop.top{margin-right:13px;} .totop a{font-size:0.8em;padding-left:18px;background-position:-5px -582px;color:#275b87;} /* -------- レイアウトの定義 ---------------------------------------------------------- */ #wrapper{width:1000px;margin:0 auto;} #wrapper.top{width:1026px;} #main-column-wrapper{margin-top:26px;} #main-column-wrapper.top{width:1026px;} #main-column{width:670px;} #main-column.top{width:696px;} #sub-column{width:300px;} /* トップスライダー用レイアウト */ #top-slider{position:relative;height:366px;overflow:hidden;} #top-slider ul.slider{width:800%;visibility:hidden;height:307px;overflow:hidden;} #top-slider .left-area{position:absolute;width:320px;height:309px;background-color:transparent;left:-10px;top:0px;} #top-slider .right-area{position:absolute;width:320px;height:309px;background-color:transparent;right:-10px;top:0px;} #top-slider .bx-wrapper .bx-controls-direction .bx-prev{display:none;} #top-slider .bx-wrapper .bx-controls-direction .bx-next{display:none;} #wrapper.top #header,#wrapper.top #sitenavi{width:1000px;margin:0 13px;} #wrapper.top #sub-column,#wrapper.top #information{margin-left:13px;} #wrapper.top #footer-sitenavi{width:1000px;margin:15px 13px;} /* -- ヘッダー --------------- */ #header{padding:10px 0;} #header-logo{margin-top:5px;} #header-logo .lead{font-size:0.8em;line-height:1.4;margin:.8em 0 0;display:block;} #header-logo a .logo{background-position:-21px -24px;width:258px;height:44px;display:block;} #header-info{width:397px;} #header-info .lead{background-position:-597px -8px;width:397px;height:21px;} #header-info .clear{margin-top:10px;} /* -- ナビゲーション --------------- */ #sitenavi ul li a{display:block;height:40px;} #sitenavi ul li#menu1 a{background-position:0 -97px;width:61px;} #sitenavi ul li#menu2 a{background-position:-61px -97px;width:200px;} #sitenavi ul li#menu3 a{background-position:-261px -97px;width:158px;} #sitenavi ul li#menu4 a{background-position:-419px -97px;width:184px;} #sitenavi ul li#menu5 a{background-position:-603px -97px;width:203px;} #sitenavi ul li#menu6 a{background-position:-806px -97px;width:194px;} #sitenavi ul li#menu1 a.current,#sitenavi ul li#menu1 a:hover{background-position:0 -137px;} #sitenavi ul li#menu2 a.current,#sitenavi ul li#menu2 a:hover{background-position:-61px -137px;} #sitenavi ul li#menu3 a.current,#sitenavi ul li#menu3 a:hover{background-position:-261px -137px;} #sitenavi ul li#menu4 a.current,#sitenavi ul li#menu4 a:hover{background-position:-419px -137px;} #sitenavi ul li#menu5 a.current,#sitenavi ul li#menu5 a:hover{background-position:-603px -137px;} #sitenavi ul li#menu6 a.current,#sitenavi ul li#menu6 a:hover{background-position:-806px -137px;} /* --------------------------------------------------------------------------------------------------------- 共通テンプレート ---------------------------------------------------------------------------------------------------------- */ /* -- メインカラム下お問合わせ ----------------------- */ #information{background-position:-330px -193px;padding:22px 22px 15px 22px;} #information h3{font-size:0.95em;margin-bottom:.8em;} #information p{font-size:.8em;line-height:1.4;} #information .clear{width:397px;margin-top:25px;} /* -- パンくず --------------------------------------- */ #breadcrumb{font-size:0.75em;margin-bottom:10px;} #breadcrumb span{padding-right:5px;} #breadcrumb a{color:#275b87;} #breadcrumb a:hover{text-decoration:underline;} /* ------------------------------------------------------------------------------------------------------ メインカラム ---------------------------------------------------------------------------------------------------------- */ #main-column .section{margin-bottom:30px;} #main-column #top-slider.section{margin-bottom:0;} #main-column .heading{border-top:solid 3px #275b87;border-bottom:solid 1px #275b87;padding:10px 5px;color:#275b87;font-size:1;line-height:1;font-weight:bold;} /* 注目の講師（トップ） */ #new-lecturer{width:670px;margin-left:13px;} #new-lecturer ul{padding:10px;font-size:0;} #new-lecturer ul li{width:315px;display:inline-block;vertical-align:top;font-size:1em;margin:0 20px 0 0;} #new-lecturer ul li:nth-child(even){margin-right:0;} #new-lecturer ul li:nth-child(3),#new-lecturer ul li:nth-child(4){margin-top:20px;} #new-lecturer ul li .photo{width:80px;display:block;} #new-lecturer ul li .text{width:220px;} #new-lecturer ul li .text .name{display:block;font-weight:bold;font-size:13px;line-height:1.2;margin-bottom:10px;position:relative;} #new-lecturer ul li .text .summary{font-size:12px;line-height:1.2;} #new-lecturer ul li .text .more{font-size:12px;color:#275b87;padding-left:12px;background-position:-5px -549px;display:block;margin-top:10px;} /* コラム（トップ） */ #top-column{width:670px;margin-left:13px;} #top-column ul{padding:10px;font-size:0;} #top-column ul li{width:315px;display:inline-block;vertical-align:top;font-size:1em;margin:20px 20px 0 0;} #top-column ul li:nth-child(even){margin-right:0;} #top-column ul li:nth-child(1),#top-column ul li:nth-child(2){margin-top:0;} #top-column ul li .icon{width:45px;display:block;} #top-column ul li .text{width:260px;} #top-column ul li .text .category{font-size:13px;display:block;line-height:1.2;margin-bottom:5px;} #top-column ul li .text .title{font-size:12px;color:#275b87;display:block;} /* 書籍（トップ） */ #top-books{width:670px;margin-left:13px;} #top-books .slide-wrap{margin-top:15px;} #top-books .slide-main{ float:left; width:618px; margin-left:4px; } #top-books .slide-main ul li{float:left;margin-right:5px;} #top-books .slide-main ul li:last-child{margin-right:0;} #top-books .slide-main ul li img{width:102px;border:solid 1px #b8b8b8;} #top-books .slide-main ul li a{display:block;border:solid 5px #fff;} /*#top-books .slide-main ul li a:hover{border:solid 5px #f00;}*/ #top-books .slide-main .slide-caption{clear:left;text-align:center;} #top-books .slide-prev { background: url(/common/images/talent/v3/book-prev.png) no-repeat center; width:24px; height:150px; float:left; cursor:pointer; } #top-books .slide-next { width:24px; height:150px; float:right; background: url(/common/images/talent/v3/book-next.png) no-repeat center; cursor:pointer; } #top-books .slide-next a,#top-books .slide-prev a{ width:50px; height:100px; } #top-books .slider2 .caption{ display:none; } #top-books .slide-caption{ visibility:visible; } #top-books p.name{font-size:14px !important;} #top-books p a.link{padding-left:12px;margin-top:10px;background-position:-5px -549px;} /* テーマ（トップ） */ #top-theme{width:670px;margin-left:13px;} #top-theme ul{padding:10px;font-size:0;} #top-theme ul li{width:315px;display:inline-block;vertical-align:top;font-size:1em;margin:20px 20px 0 0;} #top-theme ul li:nth-child(even){margin-right:0;} #top-theme ul li:nth-child(1),#top-theme ul li:nth-child(2){margin-top:0;} #top-theme ul li .icon{width:45px;height:45px;background-color:#ccc;display:block;} #top-theme ul li .icon img{width:45px;} #top-theme ul li .text{width:260px;} #top-theme ul li .text .category{font-size:15px;display:block;line-height:1.2;margin-bottom:5px;} #top-theme ul li .text .title{font-size:12px;color:#275b87;display:block;} /* ニュース（トップ） */ #top-news{width:670px;margin-left:13px;} #top-news ul{margin-top:15px;} #top-news ul li{font-size:0.8em;margin-bottom:5px;} #top-news ul li .date{margin-right:10px;} #top-news ul li a .title{position:relative;padding-right:15px;color:#275b87;} #top-news ul li a .lecturer{font-weight:bold;margin-right:10px;color:#275b87;} #top-news ul li a .new{color:#ff2600 !important;} #top-news .more{font-size:12px;color:#275b87;padding-left:12px;background-position:-5px -549px;display:block;margin-top:10px;} #top-news ul li a:hover .title,#top-news ul li a:hover .lecturer{text-decoration:underline;} /* 各所につくNEWマーク,and more */ .new{font-size:11px;font-family:Arial;font-weight:bold;color:#ff2600;border:solid 1px #ff2600;border-radius:2px;padding:0 3px;line-height:11px;} .new.fix{display:block;position:absolute;right:0;bottom:0;} a:hover .more,.more a:hover {text-decoration:underline;} /* -- 講演依頼の流れ(servie.html)--------------------------------------------- */ #service .detail{background-image:url(/common/images/talent/v3/service-menu.png);background-repeat:no-repeat;margin-bottom:12px;vertical-align:middle;} #service .detail.service01{background-position:0 0;height:120px;padding:3px 0 3px 168px;} #service .detail.service02{background-position:0 -137px;height:45px;padding:10px 0 10px 168px;} #service .detail.service03{background-position:0 -213px;height:45px;padding:10px 0 10px 168px;} #service .detail.service04{background-position:0 -288px;height:120px;padding:3px 0 3px 168px;} #service .detail.service05{background-position:0 -425px;height:66px;padding:10px 0 10px 168px;} #service .detail.service06{background-position:0 -522px;height:45px;padding:10px 0 10px 168px;} #service .detail.service07{background-position:0 -598px;height:45px;padding:10px 0 10px 168px;} #service .detail .title{font-size:0;} #service .detail .info{border:solid 2px #c8c8c8;border-radius:2px;padding:10px;width:400px;margin-top:10px;} #service .detail .info .tel-info{padding-top:3px;} #service .detail .attention{background-position:10px -615px;} #service .detail .attention p{padding-left:35px;} /* -- この事業について(about.html)--------------------------------------------- */ #about .detail{margin-bottom:35px;} #about .detail p{margin-left:5px;} /* -- 利用規約(riyou.html)--------------------------------------------- */ #riyou .detail{margin-top:30px;} #riyou .detail table{border:solid 1px #d9d9d9;margin:25px 0;border-collapse:separate;border-spacing:1px;} #riyou .detail table th{font-weight:normal;background-color:#d9d9d9;padding:5px;font-size:0.8em;width:20%;border-bottom:solid 1px #d9d9d9;} #riyou .detail table td{padding:5px;font-size:0.8em;border-bottom:solid 1px #d9d9d9;} #riyou .detail table td.last{border-style:none;} #riyou .detail table.wd50 th{width:50%;} /* -- プライバシーポリシー(privacy.html)--------------------------------------------- */ #privacy .detail{margin-bottom:30px;} #privacy .detail ul,#privacy .detail ol{margin-top:30px;font-size:0.8em;} #privacy .detail ul li{list-style-type: disc;margin-left:20px;} #privacy .detail ol li{list-style-type: decimal;margin-left:20px;} /* -- よくあるご質問(question.html)--------------------------------------------- */ #question .detail{background-color:#efefef;padding:15px;border-radius:4px;margin-bottom:15px;} #question .detail .question{background-position:0 -799px;color:#21618a;font-size:1.0em;padding-left:40px;font-weight:bold;line-height:2;margin-bottom:10px;} #question .detail .answer{background-position:0 -921px;font-size:0.9em;line-height:1.4;padding-left:40px;} /* -- はじめての方へ(information.html)--------------------------------------------- */ #firsttime .detail{margin:50px 0;} #firsttime .detail .title{background-image:url(/common/images/talent/v3/first-title.png);background-repeat:no-repeat;margin-bottom:22px;} #firsttime .detail .title.head01{background-position:0 0;width:368px;height:50px;display:block;} #firsttime .detail .title.head02{background-position:0 -66px;width:393px;height:50px;display:block;} #firsttime .detail .title.head03{background-position:0 -134px;width:335px;height:50px;display:block;} #firsttime .detail .title.head04{background-position:0 -207px;width:396px;height:50px;display:block;} #firsttime .detail .image{border:solid 2px #d9d9d9;padding:20px 10px;margin:20px 0;border-radius:4px;} #firsttime .detail .central{margin:20px 0;} /* -- イベント・集客支援(event.html)--------------------------------------------- */ #event h3{background-color:#c0d4e5;font-size:0.9em;border-radius:3px;padding:5px;margin-bottom:15px;} #event .detail{margin-top:30px;} #event .figure-nof{width:125px;margin-right:25px;float:left;} #event .text{width:520px;} #event .text p{margin-bottom:2em;} #event .magazine-section{margin-bottom:35px;} /* -- カテゴリ一覧(category.html)--------------------------------------------- */ #category .detail{border-bottom:solid 1px #ccc;padding:20px 0;} #category .detail .ico a{background-image:url(/common/images/talent/v3/category-ico.png);background-repeat:no-repeat;width:100px;height:100px;display:block;border:solid 1px #ccc;} #category .detail .ico.cat1 a{background-position:0 0;} #category .detail .ico.cat2 a{background-position:0 -100px;} #category .detail .ico.cat3 a{background-position:0 -200px;} #category .detail .ico.cat4 a{background-position:0 -300px;} #category .detail .ico.cat5 a{background-position:0 -400px;} #category .detail .ico.cat6 a{background-position:0 -500px;} #category .detail .ico{margin-right:25px;} #category .detail .text{width:543px;} #category .detail .cat.main a{border-bottom:dotted 1px #727272;margin-bottom:15px;padding-left:12px;background-position:-5px -545px;font-size:1.2em;font-weight:bold;display:block;} #category .detail .cat.sub a{font-size:0.8em;padding-left:12px;background-position:-5px -549px;} #category .detail .cat.sub ul li{width:270px;margin-bottom:.3em;} #category .detail a:hover{text-decoration:underline;} /* -- 講師一覧(lecturer.html)--------------------------------------------- */ #lecturer .name-menu{margin:35px 0;text-align:center;} #lecturer .name-menu a{font-size:1.0em;font-weight:bold;color:#1d4d76;border:solid 1px #1d4d76;padding:2px 6px;vertical-align:baseline;line-height:1em;} #lecturer .name-menu a.current{background-color:#1d4d76;color:#fff;} #lecturer .name-menu a:hover{background-color:#1d4d76;color:#fff;} #lecturer .name-table{margin-bottom:50px;border-bottom:dotted 1px #727272;} #lecturer .name-list h5{font-size:1.2em;color:#1d4d76;border-bottom:solid 1px #1d4d76;} #lecturer .name-list ul{margin:15px 0 30px 0;} #lecturer .name-list ul li{min-width:130px;margin:0 30px 5px 0;} #lecturer .name-list ul li a{font-size:0.8em;padding-left:12px;background-position:-5px -548px;} #lecturer #f0{display:block;} #lecturer #f1,#lecturer #f2,#lecturer #f3,#lecturer #f4,#lecturer #f5,#lecturer #f6,#lecturer #f7,#lecturer #f8,#lecturer #f9{display:none;} /* メインカラム共通 */ #main-column .section p{font-size:0.8em;line-height:1.5;} #main-column .section .lead{margin:25px 0;} #main-column .section .lead p{font-size:0.8em;line-height:1.4;} #main-column .section p.link{padding-left:12px;margin-top:10px;background-position:-5px -549px;} #main-column .section h4.sub-heading{font-size:0.9em;background-position:-328px -700px;padding-bottom:6px;line-height:1.2;margin-bottom:10px;} #main-column .section a{color:#275b87;} #main-column .section .information.detail{margin-top:35px;border:solid 2px #d9d9d9;padding:20px;border-radius:4px;} #main-column .section .information.detail h5{font-size:0.9em;margin-bottom:20px;} /* ----------------------------------------------------------------------------------------------------- イベントページ -------------------------------------------------------------------------------------------------------- */ #event .information.detail{background:url(/common/images/talent/v3/ad-info.png) no-repeat 480px 15px;} /* ----------------------------------------------------------------------------------------------------- 講師紹介ページ -------------------------------------------------------------------------------------------------------- */ #lecturer .detail{margin:25px 0;} .lecturer-category .title{font-size:0.75em;} .lecturer-category .title .name{font-weight:bold;font-size:1.2em;} .lecturer-category .category-table{background-color:#EFEFEF;padding:10px 20px;margin:5px 0;border-radius:4px;} .lecturer-category .category-table .category01{margin-bottom:5px;} .lecturer-category .category-table .category01 span a{font-size:0.9em;font-weight:bold;padding-left:12px;background-position:-5px -548px;margin:0 15px 10px 0;} .lecturer-category .category-table .category02 span a{font-size:0.8em;padding-right:5px;} .lecturer-category .category-table .category02 span.line{color:#666;} .lecturer-profile{margin:25px 0;padding-bottom:18px;border-bottom:dotted 1px #ddd;} .lecturer-profile .photo{width:150px;margin-right:30px;} .lecturer-profile .text{width:490px;} .lecturer-profile .name{font-size:1.35em;font-weight:bold;} .lecturer-profile .name .kana{font-size:0.7em;font-weight:normal;} .lecturer-profile .post{color:#555;font-size:0.9em;} .lecturer-profile .summary{font-size:0.8em;margin-top:20px;} .profile-detail p{margin-bottom:1em;} .lecturer-profile #service-menu{clear:both;margin-top:15px;} .lecturer-profile #service-menu div{float:left;} .lecturer-profile #service-menu #toolfacebook{margin-right:10px;} .lecturer-profile #service-menu #tooltwitterarea{width:100px;} .lecturer-theme{padding-bottom:15px;border-bottom:dotted 1px #ddd;margin-top:25px;} .lecturer-theme h4{font-size:1.0em !important;color:#275b87;} .lecturer-theme ul{margin-left:15px;} .lecturer-theme ul li{list-style-type:disc;font-size:0.9em;} .lecturer-freespace{margin:25px 0;} .lecturer-freespace h4{font-weight:normal;font-size:0.8em;margin-bottom:1em;} .profile-detail{clear:both;} .lecturer-book{margin-bottom:25px;margin-top:25px;} .lecturer-book h4{font-size:1.0em !important;color:#275b87;} .lecturer-book h5{margin-bottom:10px;} .lecturer-book .column-list ul{margin-left:15px;} .lecturer-book .column-list ul li{list-style-type:disc;font-size:0.8em;} .lecturer-book .column-list ul li a:hover{text-decoration:underline;} .lecturer-book p.attention{font-size:.75em !important;color:#f00;} .lecturer-book .books-list{margin:25px 0;} .lecturer-book .books-list ul li{margin:0 5px 25px 5px;overflow:hidden;} .lecturer-book .books-list ul li span{font-size:.9em;} .lecturer-book .books-list ul li .cover{float:left;margin-right:15px;} .lecturer-book .books-list ul li .text span{display:block;} .lecturer-book .books-list ul li a .title{color:#275b87;font-size:0.95em;font-weight:bold;} .lecturer-book .books-list ul li a:hover .title{text-decoration:underline;} .lecturer-book .more a{font-size:.8em;color:#275b87;padding-left:12px;background-position:-5px -549px;} /* ----------------------------------------------------------------------------------------------------- 講師検索ページ -------------------------------------------------------------------------------------------------------- */ .search-category{margin:20px 0 40px 0;font-size:0.9em;} .search-category.pickup{margin-bottom:15px;} .search-category .cname{font-weight:bold;font-size:1.3em;color:#275b87;} .search-category-summary.pickup{margin:0 10px 15px 10px;} .search-category-summary.pickup p{font-size:.8em;} #lecturer-list{font-size:0;padding:10px;} #lecturer-list .detail{font-size:16px;display:inline-block;width:312px;vertical-align:top;padding:15px 0;border-top:dotted 1px #ddd;} #lecturer-list .detail:nth-child(1),#lecturer-list .detail:nth-child(2){border-style:none;} #lecturer-list .detail:nth-child(odd){margin-right:26px;} #lecturer-list .detail .photo{width:80px;margin:0 10px 10px 0;} #lecturer-list .detail .text{width:222px;position:relative;} #lecturer-list .detail .name{display:block;font-weight:bold;font-size:1.1em;} #lecturer-list .detail .name .new{margin:0 0 0 15px;vertical-align:middle;} #lecturer-list .detail .kana{font-size:0.8em;display:block;} #lecturer-list .detail .shoulder{margin-top:10px;color:#555;font-size:0.75em;display:block;line-height:1.2em;} #lecturer-list .detail .theme{clear:both;} #lecturer-list .detail .theme p{color:#275b87;font-weight:bold;margin-bottom:.5em;} #lecturer-list .detail .theme ul{margin-left:15px;} #lecturer-list .detail .theme ul li{list-style-type:disc;font-size:0.8em;} .pagination{text-align:center;} .pagination.top{margin-bottom:20px;} .pagination.category{padding:20px 0;} .pagination .prev{font-size:0.7em;padding:4px 6px 2px 6px;vertical-align:baseline;margin-right:18px;background-color:#aeaeae;border:solid 1px #aeaeae;} .pagination .prev .mark{color:#fff;padding-left:12px;background-position:-992px -571px;} .pagination .next{font-size:0.7em;padding:4px 6px 2px 6px;vertical-align:baseline;margin-left:15px;background-color:#aeaeae;border:solid 1px #aeaeae;} .pagination .next .mark{color:#fff;padding-right:12px;background-position:-958px -669px;} .pagination .current{display:inline-block;font-size:0.9em;border:solid 1px #275b87;background-color:#275b87;color:#fff;margin-right:3px;width:25px;height:25px;line-height:25px;} .pagination .page a{display:inline-block;font-size:0.9em;border:solid 1px #275b87;color:#275b87;margin-right:3px;width:25px;height:25px;line-height:25px;} .pagination .page a:hover{background-color:#275b87;color:#fff !important;} .pagination .next-link a{font-size:0.7em;padding:4px 6px 2px 6px;vertical-align:baseline;margin-left:15px;border:solid 1px #275b87;color:#275b87;} .pagination .next-link a:hover{color:#fff !important;background-color:#275b87;} .pagination .next-link a .mark{background-position:28px -550px;padding-right:12px;color:#275b87;} .pagination .next-link a:hover .mark{color:#fff;} .pagination .prev-link a:hover{background-color:#275b87;border:solid 1px #275b87;} .pagination .prev-link a{font-size:0.7em;padding:4px 6px 2px 6px;vertical-align:baseline;margin-right:18px;border:solid 1px #275b87;color:#275b87;} .pagination .prev-link a:hover{color:#fff;background-color:#275b87;} .pagination .prev-link a .mark{background-position:-992px -620px;padding-left:12px;color:#275b87;} .pagination .prev-link a:hover .mark{color:#fff;} /* ----------------------------------------------------------------------------------------------------- サブカラム -------------------------------------------------------------------------------------------------------- */ #sub-column .section{margin-bottom:15px;border-radius:4px;} /* 講師を探す */ #search{border:solid 1px #275b87;padding:1px;} #search .heading{background-color:#275b87;border-radius:4px 4px 0 0;color:#fff;padding:5px 5px 5px 30px;font-size:0.9em;background-position:5px -383px;font-weight:bold;} #search .section-wrap{padding:0 10px;} #search .inner{padding:12px 0;border-bottom:dotted 1px #a1978d;} #search .inner:last-child{border-style:none;} #search .sub-heading{color:#275b87;font-size:0.9em;font-weight:bold;background-position:-4px -489px;padding-left:15px;margin-bottom:3px;line-height:1.4;} #search .keywords{background-color:#c0d4e5;padding:14px 18px;font-size:0.8em;margin-bottom:10px;} #search .keywords span{padding-right:12px;} #search .keywords a:hover{text-decoration:underline;} #search input.inputtext{width:216px;margin-right:5px;padding-left:3px;color:#666;} #search input.searchbtn{background-image:url(/common/images/talent/v3/search-btn.png);background-repeat:no-repeat;border-style:none;width:48px;height:23px;font-size:0;cursor:pointer;} #search .category-list{margin:0 0 10px;} #search .category-list ul li:nth-child(odd) a{margin-right:4px;} #search .category-list ul li a{width:136px;height:40px;display:block;margin-bottom:5px;} #search .category-list ul li#cat1 a{background-position:-724px -389px;} #search .category-list ul li#cat2 a{background-position:-865px -389px;} #search .category-list ul li#cat3 a{background-position:-724px -434px;} #search .category-list ul li#cat4 a{background-position:-865px -434px;} #search .category-list ul li#cat5 a{background-position:-724px -478px;} #search .category-list ul li#cat6 a{background-position:-865px -478px;} #search .more{margin-bottom:7px;} #search .more a{font-size:.8em;color:#275b87;padding-left:12px;background-position:-5px -549px;} /* ランキング */ #ranking{border:solid 1px #275b87;padding:1px;} #ranking .heading{background-color:#275b87;border-radius:4px 4px 0 0;color:#fff;padding:5px 5px 5px 30px;font-size:0.9em;background-position:5px -430px;font-weight:bold;} #ranking .section-wrap{padding:0 10px;} #ranking .sub-heading{color:#275b87;font-size:0.9em;font-weight:bold;background-position:-4px -489px;padding-left:15px;margin-bottom:3px;} #ranking .inner ul li{padding:10px 0;border-bottom:dotted 1px #a1978d;padding-left:45px;background-position:10px 30px;background-repeat:no-repeat;display:table;} #ranking .inner ul li:last-child{border-style:none;} #ranking .inner ul li a{display:block;} #ranking .inner ul li .photo{width:45px;height:45px;background-color:#fff;display:block;display:table-cell;vertical-align:top;} #ranking .inner ul li .photo img{width:45px;} #ranking .inner ul li .text{width:176px;display:table-cell;vertical-align:middle;padding-left:10px;} #ranking .inner ul li .text .name{display:block;font-size:0.9em;color:#275b87;padding-left:12px;background-position:-5px -549px;} #ranking .inner ul li .text .post{font-size:0.8em;} #ranking .inner ul li.rank1{background-image:url(/common/images/talent/v3/rank1.png);} #ranking .inner ul li.rank2{background-image:url(/common/images/talent/v3/rank2.png);} #ranking .inner ul li.rank3{background-image:url(/common/images/talent/v3/rank3.png);} #ranking .inner ul li.rank4{background-image:url(/common/images/talent/v3/rank4.png);} #ranking .inner ul li.rank5{background-image:url(/common/images/talent/v3/rank5.png);} /* 書籍ランキング */ #books-ranking{background-color:#d7cda9;border:solid 1px #9c9c9c;padding:1px;} #books-ranking .heading{background-color:#9c9c9c;border-radius:4px 4px 0 0;color:#fff;padding:5px;text-align:center;font-size:0.8em;} #books-ranking ul{padding:10px;} #books-ranking ul li{border-bottom:dotted 1px #9c9c9c;padding:10px 0;} #books-ranking ul li a{display:block;} #books-ranking ul li{background-repeat:no-repeat;background-position:0 10px;padding-left:25px;} #books-ranking ul li#rank1{background-image:url(/common/images/talent/v3/bookrank1.png);} #books-ranking ul li#rank2{background-image:url(/common/images/talent/v3/bookrank2.png);} #books-ranking ul li#rank3{background-image:url(/common/images/talent/v3/bookrank3.png);} #books-ranking ul li#rank4{background-image:url(/common/images/talent/v3/bookrank4.png);} #books-ranking ul li#rank5{background-image:url(/common/images/talent/v3/bookrank5.png);} #books-ranking ul li span{display:block;} #books-ranking ul li .title{font-size:0.8em;color:#000;} #books-ranking ul li .author{font-size:0.7em;text-align:right;} #books-ranking p.rank-text{font-size:0.7em;text-align:right;padding-right:10px;padding-bottom:10px;} #books-ranking .more{margin:7px 10px;} #books-ranking .more a{font-size:.8em;padding-left:12px;background-position:-5px -549px;font-weight:bold;} /* twitter */ #twitter{border:solid 1px #aaa;border-radius:0 !important;padding:10px;} #twitter a{background-position:-954px -922px;display:block;} #twitter .summary{display:block;font-size:0.8em;padding-left:50px;} #twitter .title{display:block;padding-left:50px;color:#ac252b;font-weight:bold;margin-top:5px;} /* バナーエリア */ #top-banner ul li{margin-bottom:5px;} #top-banner ul li:last-child{margin-bottom:0;} /* -- フッタナビ --------------------------- */ #footer-sitenavi{ background: #2e6899; /* Old browsers */ background: -moz-linear-gradient(top, #2e6899 0%, #235783 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e6899), color-stop(100%,#235783)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2e6899 0%,#235783 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2e6899 0%,#235783 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2e6899 0%,#235783 100%); /* IE10+ */ background: linear-gradient(to bottom, #2e6899 0%,#235783 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e6899', endColorstr='#235783',GradientType=0 ); /* IE6-9 */ margin:15px 0; } #footer-sitenavi ul{padding:7px 0;} #footer-sitenavi ul li a{color:#fff;display:block;font-size:.8em;border-right:solid 1px #fff;padding:3px 15px;} #footer-sitenavi ul li:last-child a{border-style:none;} #pageTop{bottom: 10px;position: fixed;right: 10px;} /* ----------------------------------------------------------------------------------------------------- 記事の指定 -------------------------------------------------------------------------------------------------------- */ #signage{border-top:solid 3px #275b87;border-bottom:solid 1px #275b87;margin-bottom:25px;padding:15px 5px 5px 5px;} #signage h1{font-size:1.35em;line-height:1.3;} #signage .summary{font-size:0.9em;margin:10px 0;} #signage .sns-tools{margin-top:15px;} #signage .sns-tools div{vertical-align:baseline;line-height:1;margin-right:15px;} #signage .sns-tools .twitter{width:100px;} #article p{font-size:1em !important;margin-bottom:1em;line-height:1.8 !important;} #article h4{margin-bottom:1.5em;color:#275b87;font-size:1.2em;} /* 画像 */ .central{text-align:center;} .figure{float:left;margin:0 25px 10px 0;} .figure-right{float:right;margin:0 0 10px 25px;} .figure-center{margin:0 auto 25px auto;} .figure span,.figure-center span,.figure-right span,.figure-left span{background-color:#f1f1f1;font-size:0.8em;padding:5px;display:block;text-align:left !important;} /* ----------------------------------------------------------------------------------------------------- 記事の一覧 -------------------------------------------------------------------------------------------------------- */ #article-list ul{margin-bottom:25px;} #article-list ul li{margin-bottom:18px;} #article-list ul li span{display:block;} #article-list ul li .date{color:#666;font-size:0.8em;} #article-list ul li .title{color:#1d4d76;font-size:0.9em;font-weight:bold;} #article-list ul li .subtitle{color:#1d4d76;font-size:0.8em;} #article-list ul li a:hover .title,#article-list ul li a:hover .subtitle{text-decoration:underline;} /* ***************************************************** ▼▼ DOL共通footer部分 ▼▼ ***************************************************** */ #footer{ /*レイアウト情報はcommon-layoutに記載*/ color:#7d7137; font-size:10px; } #footer .footer-inner{ width:978px; margin:0px 10px; padding:0px; } .footer_logo a.totop{ display:none; } * html .footer_logo a.totop{display:none;} #footer ul { margin: 5px 0px; padding:10px 0 0px; width: 100%; text-align:left; border-top:solid 1px #7d7137; } #footer ul li{ display:inline; font-size:12px; height:30px; text-align:left; letter-spacing: 0em; } #footer #company-site{ margin-top:20px; padding-bottom:15px; text-align:left; } #footer #company-site ul li{ font-size:11px; } #footer #company-site title{ color:#7a6e36; padding-left:10px; font-weight:bold; font-size:12px; } #footer .company-logo{ text-align:center!important; border-bottom:solid 5px #00006d; padding-bottom:9px; display:block; } #footer .company-logo img{margin:0 auto!important;} .footer_logo{width:100%;}