@charset "utf8"; /** * plus.css * Date: 07/06/2012 * * /ps/choose/course/plus/ - * * Nipponmanpower Web Site * Copyright 2012 Nippon Manpower Co., Ltd. All rights reserved. * /////////////////////////////////////////////////////////////////////// */ /* ----------------------------------------------------------------------- ** Import ** ----------------------------------------------------------------------- */ /* nmp default css */ @import url(../../../nmp_default.css); /* pop up window css */ @import url(../../../nmp_ppwin.css); /* personal common css */ @import url(../../common.css); /* choose category common css */ @import url(../common.css); /* course common css */ @import url(common.css); /* ----------------------------------------------------------------------- ** Individual Contents ** ----------------------------------------------------------------------- */ /* rssfeed icon */ a.rsslink { display: block; margin: 0px; padding: 0px; height: 14px; width: 44px; background: transparent url(/images/common_files/icon_rss.gif) no-repeat 0px 0px;} a.rssguide { width: 66px; background-image: url(/images/common_files/icon_rss_guide.gif);} a.rsslink span, a.rssguide span { display: none;} /* .section */ .section { margin-top: 40px;} .section .header { background-image: none;} .section .body p { font-size:1.1em; line-height: 160%;} .section .footer { margin-top: 20px;} /* .c-block */ .c-block { background: #EBF7FB url(/images/ps/choose/course/plus/c-block_bottom.jpg) no-repeat left bottom; border-top: solid 1px #FFFFFF;} /* .newslist */ .newslist li { padding-bottom: 8px;} .newslist li img { margin-right: 5px; vertical-align: middle;} .newslist li .date { color: #666666; font-size: 10px;} .newslist li .title { display: block; margin: 2px 0 0; line-height: 1.3em;} .newslist li .title img { position: relative; top: 2px; margin-right: 0; margin-left: 5px; vertical-align: top;} .newslist li .title a { padding-left: 8px; background: transparent url(/images/common_files/arrow_c16r.gif) no-repeat 0px 0.4em; line-height: 1.3em;} .newslist li .title a:link, .newslist li .title a:visited { color: #037398; text-decoration: none;} .newslist li .title a:hover { color: #025773; text-decoration: underline;} .newslist li .title a:active { color: #FF3300; text-decoration: underline;} /**----------------------------------------------------------------------- ** top * #course-plus01 - index.php */ /* .headline */ #course-plus01 .headline p { margin-top: 10px; color: #454545; line-height: 1.5em;} /* .section#attention */ /* .header */ #course-plus01 #attention .header { position: relative; padding-bottom: 16px; background: transparent url(/images/ps/choose/course/plus/secttl_base.jpg) no-repeat left bottom;} #course-plus01 #attention .header h2 { padding: 9px 10px 0 11px; background: transparent url(/images/ps/choose/course/plus/secttl_base.jpg) no-repeat left top;} /* --- .rssfeed */ #course-plus01 #attention .header .rssfeed { width: 120px; height: 14px; position: absolute; top: 10px; right: 10px;} #course-plus01 #attention .header .rssfeed .rsslink { float: right;} #course-plus01 #attention .header .rssfeed .rssguide { margin-right: 5px;} /* .body */ #course-plus01 #attention .body { margin: 0;} /* .body.c-block */ #course-plus01 #attention .c-block { padding: 1px 10px 15px 10px} /* --- #tyuumoku */ #course-plus01 #attention #tyuumoku dt { margin-top: 8px;} #course-plus01 #attention #tyuumoku dt a { padding-left: 8px; background: transparent url(/images/common_files/arrow_c16r.gif) no-repeat 0px 0.4em; font-size: 1.1em; line-height: 1.3em;} #course-plus01 #attention #tyuumoku dt img { position: relative; top: 2px; margin-left: 5px;} #course-plus01 #attention #tyuumoku dd { padding: 3px 7px 9px; background: transparent url(/images/ps/choose/course/plus/c-block_partitionline.jpg) repeat-x left bottom;} #course-plus01 #attention #tyuumoku dd img { margin-right: 5px; vertical-align: middle;} #course-plus01 #attention #tyuumoku dd .date { color: #666666; font-size: 10px;} #course-plus01 #attention #tyuumoku dd .caption { display: block; margin: 2px 0 0; color: #333333; line-height: 1.4em; font-size: 12px;} /* .section#category */ #course-plus01 #category {} /* .category-block */ #course-plus01 #category .category-block { padding: 10px 0 25px;} #course-plus01 #category .category-block h2 { height: 32px; margin: 0; padding: 0;} #course-plus01 #category .category-block h2 a { display: block; height: 32px; background: transparent url(/images/ps/choose/course/plus/idx_cattl_base.jpg) no-repeat 0px 0px; font-size: 18px; line-height: 1.2em;} #course-plus01 #category .category-block h2 a span { display: inline; position: relative; top: 3px; left: 38px;} #course-plus01 #category .category-block h2 a:link, #course-plus01 #category .category-block h2 a:visited, #course-plus01 #category .category-block h2 a:active { background-position: 0px 0px; color: #037398; text-decoration: none;} #course-plus01 #category .category-block h2 a:hover { background-position: 0px -32px; color:#025773; text-decoration: none;} #course-plus01 #category .category-block .figimg { float: left; width: 130px;} #course-plus01 #category .category-block .newslist { margin: 10px 0 0 145px;} /**----------------------------------------------------------------------- ** /* #course-plus02 - list.php */ /* .headline */ /* .caname */ #course-plus02 .headline .caname { padding-bottom: 10px; background: transparent url(/images/ps/choose/course/plus/secttl_base.jpg) no-repeat left bottom;} #course-plus02 .headline .caname .inner { padding-top: 6px; background: transparent url(/images/ps/choose/course/plus/secttl_base.jpg) no-repeat left top;} #course-plus02 .headline h2 { height: 33px; margin: 0 7px; padding-left: 36px; background: transparent url(/images/ps/choose/course/plus/lst_headline_plusalpha_icon.jpg) no-repeat 0px 0px; color: #037398; font-size: 18px!important; line-height: 33px;} /* .lead.c-block */ #course-plus02 .headline .lead.c-block { padding: 10px 10px 15px 10px} #course-plus02 .headline .lead img { float: left;} #course-plus02 .headline .lead p { margin-left: 138px; line-height: 1.5em; color: #454545;} #course-plus02 .headline .lead p.kouzalist { margin-top: 0.8em; text-align: right;} #course-plus02 .headline .lead p.kouzalist a { display: block; width: 142px; height: 32px; margin: 0 0 0 auto; background: transparent url(/images/ps/choose/course/plus/lst_headline_kouza_button.jpg) no-repeat 0px 0px;} #course-plus02 .headline .lead p.kouzalist a:link, #course-plus02 .headline .lead p.kouzalist a:visited, #course-plus02 .headline .lead p.kouzalist a:active { background-position: 0px 0px; text-decoration: none;} #course-plus02 .headline .lead p.kouzalist a:hover { background-position: -142px 0px; text-decoration: none;} #course-plus02 .headline .lead p.kouzalist a em { display: none;} /* .backpage */ #course-plus02 .headline p.backpage { margin-top: 0.5em;} /* .section */ #course-plus02 .section {} /* .clitem */ #course-plus02 .section .clitem { margin-top: 30px;} #course-plus02 .section .clitem h3 { height: 30px; background: transparent url(/images/ps/choose/course/plus/cl_ttlbar.png) no-repeat 0px 0px;} #course-plus02 .section .clitem h3 img { position: relative; top: 4px; left: 30px;} #course-plus02 .section .clitem .newslist { margin-top: 10px; margin-left: 15px;} #course-plus02 .section .clitem .newslist li { padding-bottom: 6px;} #course-plus02 .section .clitem .newslist li .title { margin-top: 1px;} #course-plus02 .section #cl-tantousya h3 { background-position: 0px 0px;} #course-plus02 .section #cl-jyukousei h3 { background-position: 0px -30px;} #course-plus02 .section #cl-advice h3 { background-position: 0px -60px;} #course-plus02 .section #cl-campaign h3 { background-position: 0px -90px;} #course-plus02 .section #cl-sikenn h3 { background-position: 0px -120px;} #course-plus02 .section #cl-osirase h3 { background-position: 0px -150px;} /* .pagetop-anchor */ #course-plus02 .section .pagetop-anchor .backpage { float: left;} #course-plus02 .section .pagetop-anchor .backpage a { font-size: 13px!important;} /**----------------------------------------------------------------------- ** /* #course-plus03 - detail.php */ /* .headline */ /* .caname */ #course-plus03 .headline .caname { padding-bottom: 10px; background: transparent url(/images/ps/choose/course/plus/secttl_base.jpg) no-repeat left bottom;} #course-plus03 .headline .caname .inner { padding-top: 6px; background: transparent url(/images/ps/choose/course/plus/secttl_base.jpg) no-repeat left top;} #course-plus03 .headline h2 { height: 33px; margin: 0 7px; padding-left: 36px; background: transparent url(/images/ps/choose/course/plus/lst_headline_plusalpha_icon.jpg) no-repeat 0px 0px; color: #037398; font-size: 18px!important; line-height: 33px;} /* .cltitle */ #course-plus03 .headline .cltitle { position: relative; top: -4px; padding: 4px 0 0 30px; background-image: url(/images/ps/choose/course/plus/cl_ttlbar.png); background-repeat: no-repeat; background-position: 0 0;} /* .backpage */ #course-plus03 .headline p.backpage { margin-top: 0.5em;} /* .section */ #course-plus03 .section {} /* .title */ #course-plus03 .section .title { margin-top: 20px;} #course-plus03 .section .title h3 { padding: 0 10px; color: #000000; font-size: 20px; line-height: 1.4em;} #course-plus03 .section .title h3 img { margin-left: 5px; vertical-align: middle;} #course-plus03 .section .title p { margin-top: 12px; padding-top: 6px; background: transparent url(/images/ps/choose/course/plus/sec_partitionline.jpg) no-repeat left top; color: #666666; line-height: 1.2em; text-align: right;} #course-plus03 .section .title p img { position: relative; top: 2px; margin-right: 5px; vertical-align: top;} /* .body */ #course-plus03 .section .body { margin-top: 0;} #course-plus03 .section .body dl { margin-top: 30px; padding-top: 10px;} #course-plus03 .section .body dt { padding: 3px 0 2px 25px; background: transparent url(/images/ps/choose/course/plus/dtl_item_ttlicon.jpg) no-repeat 0px 0px; color: #037398; font-weight: bold; font-size: 16px; line-height: 1.2em; word-wrap: break-word; word-break: break-all;} #course-plus03 .section .body dd { margin: 8px 0 0 20px; color: #333333; font-size: 1.1em; line-height: 1.6em; word-wrap: break-word; word-break: break-all;} /* --- .profile */ #course-plus03 .section .body .profile { float: right; width: 200px; margin: 10px 0 20px 20px; padding: 3px 0; background: transparent url(/images/common_files/dottedline_vertical.gif) repeat-y left top;} #course-plus03 .section .body .profile h4 { display: none;} #course-plus03 .section .body .profile p.p-photo { margin-bottom: 10px; text-align: center;} #course-plus03 .section .body .profile p.p-predicable { margin: 0 7px 0 8px; color: #666666; font-size: 12px; line-height: 1.3em;} #course-plus03 .section .body .profile p.p-predicable em { font-style: normal; font-size: 14px;} #course-plus03 .section .body .profile p.p-predicable em span { font-weight: bold; color: #333333;} #course-plus03 .section .body .profile p.p-predicable .pref { display: block; margin-top: 3px;} #course-plus03 .section .body .profile p.p-predicable .affiliation { display: block; margin-top: 3px; color: #333333;} #course-plus03 .section .body .profile p.p-predicable .body { display: block; margin: 6px 0 0 0; word-wrap: break-word; word-break: break-all;} /* .files */ #course-plus03 .section .files { margin-top: 50px; padding: 40px 0 0 25px; background: transparent url(/images/common_files/ttlimg_topics_dl.gif) no-repeat 0px 0px; height: 1%;} #course-plus03 .section .files h4 { display: none;} #course-plus03 .section .files li { padding-left: 20px; padding-bottom: 5px; background-color: transparent; background-repeat: no-repeat; background-position: 0px 0px; line-height: 1.5em;} #course-plus03 .section .files li.icon-pdf { background-image: url(/images/common_files/icon_files_pdf.gif);} #course-plus03 .section .files li.icon-doc { background-image: url(/images/common_files/icon_files_doc.gif);} #course-plus03 .section .files li.icon-xls { background-image: url(/images/common_files/icon_files_xls.gif);} #course-plus03 .section .files li.icon-ppt { background-image: url(/images/common_files/icon_files_ppt.gif);} #course-plus03 .section .files li.icon-txt { background-image: url(/images/common_files/icon_files_txt.gif);} #course-plus03 .section .files li.icon-unknown { background-image: url(/images/common_files/icon_files_unknown.gif);} #course-plus03 .section .files li .file-size { font-size: 10px; color: #666666;} /* .links */ #course-plus03 .section .links { margin-top: 50px; padding-top: 3px; background: transparent url(/images/ps/choose/course/plus/sec_partitionline.jpg) no-repeat 0px 0px;} #course-plus03 .section .links .c-block-inner { padding: 10px 10px 15px} #course-plus03 .section .links h4 { color: #037398; font-weight: bold; font-size: 15px; line-height: 1.2em;} #course-plus03 .section .links dl { margin-top: 10px; padding-top: 10px; background: transparent url(/images/ps/choose/course/plus/c-block_partitionline.jpg) repeat-x left top;} #course-plus03 .section .links dt { color: #003366; font-weight: bold; font-size: 14px; line-height: 1.2em;} #course-plus03 .section .links dd p { color: #666666; font-size: 12px; line-height: 1.1em;} #course-plus03 .section .links dd ul { margin-top: 0.3em;} #course-plus03 .section .links dd li { display: inline; margin-right: 15px;} /* .footer */ #course-plus03 .section .footer { margin-top: 40px;} /* .pagetop-anchor */ #course-plus03 .section .pagetop-anchor .backpage { float: left;} #course-plus03 .section .pagetop-anchor .backpage a { font-size: 13px!important;} /* cl-tantousya */ #course-plus03 .cl-tantousya .headline .cltitle { background-position: 0px 0px;} #course-plus03 .cl-tantousya .section .body dt { background-position: 0px 0px;} /* cl-jyukousei */ #course-plus03 .cl-jyukousei .headline .cltitle { background-position: 0px -30px;} #course-plus03 .cl-jyukousei .section .body dt { background-position: 0px -100px;} /* cl-advice */ #course-plus03 .cl-advice .headline .cltitle { background-position: 0px -60px;} #course-plus03 .cl-advice .section .body dt { background-position: 0px -200px;} /* cl-campaign */ #course-plus03 .cl-campaign .headline .cltitle { background-position: 0px -90px;} #course-plus03 .cl-campaign .section .body dt { background-position: 0px -300px;} /* cl-sikenn */ #course-plus03 .cl-sikenn .headline .cltitle { background-position: 0px -120px;} #course-plus03 .cl-sikenn .section .body dt { background-position: 0px -400px;} /* cl-osirase */ #course-plus03 .cl-osirase .headline .cltitle { background-position: 0px -150px;} #course-plus03 .cl-osirase .section .body dt { background-position: 0px -500px;} /* */