@import url("/css/gnav.css");
@import url("/css/gfooter.css");
div{border:0px solid red;}
/* BASIC
-------------------------------------------------- */
body {
display:table;
width:100%;
margin:0px;
padding:0px;
color:#333;
font-family:"ƒ�ƒCƒŠƒI","‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif;
background:url("http://image.itmedia.co.jp/career/images/bg_body.gif") repeat-y center 0px #F7F7F7;
line-height:100%;
}
a:link {
color:#036;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
img {
border-width:0px;
}
hr {
visibility:hidden;
clear:both;
}
/* GNV
-------------------------------------------------- */
#setbox1 {
margin:auto;
width:990px;
}
/* wrapper table for IE
-------------------------------------------------- */
table#wrapper {
width:100%;
margin:0px;
padding:0px;
border-collapse:collapse;
}
table#wrapper tr,
table#wrapper td {
padding:0px;
border:0px;
}
/* RAP
-------------------------------------------------- */
#rap-out {
width:100%;
}
#rap-out #rap-in {
width:990px;
margin:0px auto;
border:0px solid #DDD;
border-top:0px solid #DDD;
border-bottom:0px solid #DDD;
background:#FFF;
padding:0px;
}
/* HEADER
-------------------------------------------------- */
#header {
border:0px solid red;
display:table;
width:970px;
margin:10px 10px 5px 10px;
}
#logo {
display:block;
float:left;
width:200px;
margin:10px 20px 0px 0px;
font-size:12px;
font-family:'MS UI Gothic';
line-height:150%;
}
#searchBox {
clear:both;
margin:0px 12px 0px 0px;
}
#searchBox form {
float:right;
margin:0px;
}
#searchBox input {
margin:0px;
}
/* MENU
-------------------------------------------------- */
#mainMenu {
clear:both;
display:table;
width:100%;
height:25px;
padding:1px 0px 0px 0px;
background:#30AED8 url("http://image.itmedia.co.jp/career/images/bg_mainmenu_repeat.gif") repeat-x bottom left;
font-size:12px;
}
#mainMenu ul {
margin:0px 0px 0px 15px;
padding:0px;
list-style:none;
}
#mainMenu li {
float:left;
margin:0px 1px 0px 0px;
padding:0px;
list-style:none;
}
#mainMenu li a {
display:block;
height:21px;
text-indent:-9999px;
background-position:left top;
}
#mainMenu li#mm-top {width:50px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_top_on.jpg") no-repeat;}
#mainMenu li#mm-top a {width:50px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_top_off.jpg") no-repeat;}
#mainMenu li#mm-satei {width:74px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_satei_on.jpg") no-repeat;}
#mainMenu li#mm-satei a {width:74px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_satei_off.jpg") no-repeat;}
#mainMenu li#mm-map {width:74px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_map_on.jpg") no-repeat;}
#mainMenu li#mm-map a {width:74px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_map_off.jpg") no-repeat;}
#mainMenu li#mm-pscout {width:114px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_pscout_on.jpg") no-repeat;}
#mainMenu li#mm-pscout a {width:114px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_pscout_off.jpg") no-repeat;}
#mainMenu li#mm-ja {width:132px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_ja_on.jpg") no-repeat;}
#mainMenu li#mm-ja a {width:132px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_ja_off.jpg") no-repeat;}
#mainMenu li#mm-search {width:112px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_search_on.jpg") no-repeat;}
#mainMenu li#mm-search a {width:112px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_search_off.jpg") no-repeat;}
#mainMenu li#mm-hakenplus {width:116px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_hakenplus_on.jpg") no-repeat;}
#mainMenu li#mm-hakenplus a {width:116px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_hakenplus_off.jpg") no-repeat;}
#mainMenu li#mm-college {width:137px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_college.jpg") no-repeat -137px 0px;}
#mainMenu li#mm-college a {width:137px;background:url("http://image.itmedia.co.jp/career/images/bg_mainmenu_college.jpg") no-repeat;}
#mainMenu li a:hover {background:none!important;}
#\/career\/index\.html #mainMenu li#mm-top a,
#\/career\/satei\.html #mainMenu li#mm-satei a,
#\/career\/map\.html #mainMenu li#mm-map a,
#\/career\/pscout\.html #mainMenu li#mm-pscout a,
#\/career\/ja\.html #mainMenu li#mm-ja a,
#\/career\/search\.html #mainMenu li#mm-search a,
#\/career\/college\.html #mainMenu li#mm-college a,
#\/career\/hakenplus\.html #mainMenu li#mm-hakenplus a {background:none!important;}
#mainMenu div span {
float:right;
width:65px;
margin:2px 12px 0px 0px;
}
/* for IE */
* html #mainMenu div span {margin:2px 25px 0px 0px;}
*+html #mainMenu div span {margin:2px 25px 0px 0px;}
#subMenu {
clear:both;
display:table;
width:100%;
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#DEF2F8 url("http://image.itmedia.co.jp/career/images/bg_submenu_repeat.jpg") repeat-x left top;
font-size:12px;
}
#subMenu ul {
margin:0px 0px 0px 15px;
padding:0px;
list-style:none;
}
#subMenu li {
float:left;
height:22px;
margin:0px;
list-style:none;
background:url("http://image.itmedia.co.jp/career/images/bg_submenu_repeat2.jpg") repeat-x left top;
}
#subMenu li a {
display:block;
overflow:hidden;
height:22px;
background:url("http://image.itmedia.co.jp/career/images/bg_submenu_left.gif") no-repeat left top;
border-left:1px #FFF solid;
border-right:1px #FFF solid;
color:#006699;
}
/* for IE */
* html #subMenu li a {display:inline-block;}
#subMenu li a:hover,
#subMenu li a:active {color:#6699cc;text-decoration:none;}
#subMenu li a span {
display:block;
padding:3px 10px;
background:url("http://image.itmedia.co.jp/career/images/bg_submenu_right.gif") no-repeat right top;
}
#subMenu .careerUp li.careerUp,
#subMenu .skillUp li.skillUp,
#subMenu .interview li.interview,
#subMenu .caseStudy li.caseStudy,
#subMenu .jobChgTIPS li.jobChgTIPS,
#subMenu .tempTIPS li.tempTIPS,
#subMenu .past li.past {
background:url("http://image.itmedia.co.jp/career/images/bg_submenu_repeat2_on.jpg") repeat-x left top;
}
#subMenu .careerUp li.careerUp a,
#subMenu .skillUp li.skillUp a,
#subMenu .interview li.interview a,
#subMenu .caseStudy li.caseStudy a,
#subMenu .jobChgTIPS li.jobChgTIPS a,
#subMenu .tempTIPS li.tempTIPS a,
#subMenu .past li.past a {
background:url("http://image.itmedia.co.jp/career/images/bg_submenu_left_on.gif") no-repeat left top;
}
#subMenu .careerUp li.careerUp a:link, #subMenu .careerUp li.careerUp a:visited,
#subMenu .skillUp li.skillUp a:link, #subMenu .skillUp li.skillUp a:visited,
#subMenu .interview li.interview a:link, #subMenu .interview li.interview a:visited,
#subMenu .caseStudy li.caseStudy a:link, #subMenu .caseStudy li.caseStudy a:visited,
#subMenu .jobChgTIPS li.jobChgTIPS a:link, #subMenu .jobChgTIPS li.jobChgTIPS a:visited,
#subMenu .tempTIPS li.tempTIPS a:link, #subMenu .tempTIPS li.tempTIPS a:visited,
#subMenu .past li.past a:link, #subMenu .past li.past a:visited {
color:#FFF;
}
#subMenu .careerUp li.careerUp a:hover, #subMenu .careerUp li.careerUp a:active,
#subMenu .skillUp li.skillUp a:hover, #subMenu .skillUp li.skillUp a:active,
#subMenu .interview li.interview a:hover, #subMenu .interview li.interview a:active,
#subMenu .caseStudy li.caseStudy a:hover, #subMenu .caseStudy li.caseStudy a:active,
#subMenu .jobChgTIPS li.jobChgTIPS a:hover, #subMenu .jobChgTIPS li.jobChgTIPS a:active,
#subMenu .tempTIPS li.tempTIPS a:hover, #subMenu .tempTIPS li.tempTIPS a:active,
#subMenu .past li.past a:hover, #subMenu .past li.past a:active {
color:#EEF;
}
#subMenu .careerUp li.careerUp a span,
#subMenu .skillUp li.skillUp a span,
#subMenu .interview li.interview a span,
#subMenu .caseStudy li.caseStudy a span,
#subMenu .jobChgTIPS li.jobChgTIPS a span,
#subMenu .tempTIPS li.tempTIPS a span,
#subMenu .past li.past a span {
background:url("http://image.itmedia.co.jp/career/images/bg_submenu_right_on.gif") no-repeat right top;
}
/* LC
-------------------------------------------------- */
#lc-out {
clear:both;
float:left;
dislplay:table;
width:100%;
margin:0px -330px 0px 0px;
}
#lc-out #lc-in {
clear:both;
margin:10px 330px 0px 15px;
}
/* 3 columns for Top */
#lc-out #lc-in #lc-cc {
display:table;
width:100%;
float:right;
margin:0px 0px 0px -220px;
}
#lc-out #lc-in #lc-cc #lc-cc-in {
margin:0px 0px 0px 220px;
}
#lc-out #lc-in #lc-lc {
width:200px;
float:left;
}
/* RC
-------------------------------------------------- */
#rc {
float:right;
position:relative;
padding:10px 10px 0px 20px;
width:300px;
}
#rc p {
margin:0px 0px 10px 0px;
line-height:135%;
}
/* FOOTER
----------------------------------------------- */
#footer-out {
clear:both;
display:table;
width:990px;
margin:0px auto;
padding-bottom:10px;
font-size:12px;
text-align:center;
background-color:#FFF;
border-top:8px solid #30AED8;
border-left:0px solid #DDD;
border-right:0px solid #DDD;
}
#footer-out #footer-in {
width:100%;
margin:0px;
text-align:left;
}
/* COMMON COMPONENT - LINKSET
----------------------------------------------- */
.linkset {
margin:3px 0px 0px 0px;
padding:0px;
list-style-type:none;
font-size:small;
line-height:130%;
clear:both;
}
.linkset {
clear:both;
}
ul.linkset li {
margin:0px;
padding:0px 0px 4px 14px;
color:#444;
background:url("http://image.itmedia.co.jp/images0509/arr.gif") no-repeat 0px 2px;
}
ul.linkset li a:link,
ul.linkset li a:visited {text-decoration:none;}
.kwdset {
margin:0px;
padding:0px;
list-style-type:none;
clear:both;
}
.kwdset li {
float:left;
margin:5px 5px 3px 0px;
padding-left:15px;
font-size:12px;
background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat;
}
/* COMMON COMPONENT - INDEX
----------------------------------------------- */
.index {
margin:5px 0px;
}
.box .index {margin:0px;}
.index .articleInfo {
display:table;
margin:0px 0px 16px 0px;
}
.index p {
clear:both;
margin:0px;
font-size:small!important;
line-height:150%;
}
.index p small {
display:block;
font-size:small;
font-weight:bold;
color:#9A8F30;
}
.index p strong {
font-size:medium;
line-height:150%;
}
.index p span {
color:#777;
}
.ait .index p strong {
font-size:small;
}
.ait .index a:link,.ait .index a:visited {
color:#297CA5;
}
.ait .index a:hover,.ait .index a:active {
text-decoration:underline;
}
/* COMMON COMPONENT - BOX
-------------------------------------------------- */
.box-bar {
display:table;
width:100%;
margin:0px 0px 2px 0px;
height:28px;
padding:0px;
background:url("http://image.itmedia.co.jp/career/images/bg_heading_02.gif") repeat-x left top;
font-size:small;
}
.box-bar strong {
display:block;
padding:6px 0px 7px 30px;
background:url("http://image.itmedia.co.jp/career/images/bg_heading_02_left.gif") no-repeat left top;
color:#666;
}
.box-out {
margin:0px 0px 10px 0px;
padding:5px;
background:#DCF3F2;
border:1px #AAE1DE solid;
color:#777;
}
.box-out .box-in {
display:inline-block;
background:#FFF;
clear:both;
}
.box-out .box-in .box {
display:table;
padding:3px 5px;
}
.ait .box-bar div {
background:url("http://image.itmedia.co.jp/career/images/bg_heading_02_right_ait.gif") no-repeat right top;
padding:0px;
}
.article-list .box-bar {
margin-bottom:20px;
}
/* For RC CONTENTS
-------------------------------------------------- */
/* access TOP10 
-----------------------------*/
#top10 {
width:100%;
}
#top10 .box-out {
padding:0px 0px 0px 0px;
background:#35B5C6;
border:0px;
}
#top10 .box-bar {
display:block;
width:100%;
height:25px;
margin:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bar_top10_bg.jpg") no-repeat right top;
text-indent:-9999px;
}
#top10 .box-bar strong {
display:block;
width:115px;
height:25px;
padding:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bar_top10.jpg") no-repeat left top;
}
#top10 p {
margin:0px 4px;
padding:2px 1px 0px;
background:#eee;
border-bottom:1px #ddd solid;
font-size:11px;
color:#666;
text-align:right;
}
#top10 .box-in {
margin:0px 4px;
padding:0px;
background:#FFF;
border:0px;
}
#top10 table {
margin:0px;
padding:0px;
border-collapse:collapse;
}
#top10 td {
height:40px;
font-size:small;
}
#top10 td a:link,
#top10 td a:visited {
display:block;
margin:2px 0px 5px 25px;
text-decoration:none;
}
#top10 td a:hover,
#top10 td a:active {
display:block;
margin:2px 0px 5px 25px;
text-decoration:underline;
}
#top10 td#top10rank1 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_1.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank2 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_2.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank3 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_3.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank4 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_4.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank5 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_5.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank6 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_6.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank7 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_7.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank8 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_8.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank9 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_9.gif") no-repeat -3px 2px;border-bottom:1px #ddd solid;}
#top10 td#top10rank10 {background:url("http://image.itmedia.co.jp/career/images/li_ranking01_10.gif") no-repeat -3px 2px;border:none;}
#top10 .box-bottom {
display:block;
width:100%;
height:20px;
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bottom_top10.jpg") no-repeat left bottom;
}
#top10 .box-bottom a {
display:block;
height:20px;
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/career/images/bt_top10_gotop30.jpg") no-repeat right bottom;
}
/* occasionalInfo 
-----------------------------*/
#occasionalInfo {
width:300px;
}
#occasionalInfo .box-out {
padding:0px 4px 4px 0px;
background:#FFEDA4;
border:1px #FFE375 solid;
}
#occasionalInfo .box-bar {
display:block;
height:23px;
margin:0px;
padding:0px;
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/career/images/box_bar_occasionalinfo.gif") no-repeat left top;
}
#occasionalInfo .box-in {margin-left:4px;}
#occasionalInfo li strong {display:block;}
/* info-box 
-----------------------------*/
#rc .info-box {
margin-bottom:10px;
}
#rc .info-box a:link,
#rc .info-box a:visited {color:#297CA5;}
#rc .info-box a:hover,
#rc .info-box a:active {text-decoration:underline;}
#rc .info-box h3 {
clear:both;
height:30px;
margin:5px 0px 0px 0px;
padding:4px 0px 0px 15px;
background:#fff url("http://image.itmedia.co.jp/career/images/bg_heading_01_rc.jpg") no-repeat left top;
color:#555;
font-size:small;
line-height:130%;
}
#rc .info-box h3.mark {
background:#fff url("http://image.itmedia.co.jp/career/images/bg_heading_01_rc_ait.jpg") no-repeat left top;
}
#rc .info-box strong {
display:block;
margin:1px 0px 5px 5px;
font-size:medium;
}
#rc .info-box p {
margin:0px 0px 5px 5px;
font-size:small;
}
#rc .info-box ul.linkset {margin-left:2px;}
#rc .info-box ul.linkset li {
position:relative;
background:url("http://image.itmedia.co.jp/career/images/arr2.gif") no-repeat 0px 3px;
}
#rc .ait .info-box li {
line-height:105%;
}
/* learningCal 
-----------------------------*/
#learningCal {
width:300px;
}
#learningCal a:link,
#learningCal a:visited {color:#297CA5;}
#learningCal .box-out {
padding:0px 0px 4px 0px;
background:#FFF;
border:1px #D1D1D1 solid;
}
#learningCal .box-bar {
display:block;
width:100%;
height:58px;
margin:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bar_learningcal.jpg") no-repeat left top;
text-align:right;
}
#learningCal .box-bar strong {
display:block;
visibility:hidden;
background:url("http://image.itmedia.co.jp/career/images/box_bar_learningcal.jpg") no-repeat left top;
}
#learningCal .box-bar span {
display:block;
margin:10px 4px 0px 0px;
color:#666;
font-weight:bold;
}
#learningCal .box-in {
margin:0px 4px;
background:#F6F6F6;
border:1px #E3E3E3 solid;
}
#learningCal ul {
margin:0px;
padding:0px;
list-style:none;
}
#learningCal li {
margin:5px 0px;
padding:0px 0px 0px 18px;
list-style:none;
font-size:small;
}
#learningCal li#lcRank1 {background:url("http://image.itmedia.co.jp/career/images/li_ranking02_1.gif") no-repeat 0px 1px;}
#learningCal li#lcRank2 {background:url("http://image.itmedia.co.jp/career/images/li_ranking02_2.gif") no-repeat 0px 1px;}
#learningCal li#lcRank3 {background:url("http://image.itmedia.co.jp/career/images/li_ranking02_3.gif") no-repeat 0px 1px;}
#learningCal li#lcRank4 {background:url("http://image.itmedia.co.jp/career/images/li_ranking02_4.gif") no-repeat 0px 1px;}
#learningCal li#lcRank5 {background:url("http://image.itmedia.co.jp/career/images/li_ranking02_5.gif") no-repeat 0px 1px;}
/* ITtrain 
-----------------------------*/
#itTrain {
width:300px;
}
#itTrain a:link,
#itTrain a:visited {color:#297CA5;}
#itTrain .box-out {
padding:0px 0px 4px 0px;
background:#FFF;
border:1px #D1D1D1 solid;
}
#itTrain .box-bar {
display:block;
width:100%;
height:46px;
margin:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bar_ittrain.jpg") no-repeat left top;
text-align:right;
}
#itTrain .box-bar strong {
display:block;
visibility:hidden;
background:url("http://image.itmedia.co.jp/career/images/box_bar_ittrain.jpg") no-repeat left top;
}
#itTrain .box-bar span {
display:block;
margin:0px 4px 0px 0px;
color:#666;
font-weight:bold;
}
#itTrain .box-in {
margin:0px 4px;
background:#F6F6F6;
border:1px #E3E3E3 solid;
}
#itTrain p {
margin:0px;
padding-left:20px;
font-size:small;
color:#333;
background:url("http://image.itmedia.co.jp/career/images/li_ittrain_q.gif") no-repeat 0px 3px;
}
#itTrain p span {
display:block;
amrgin:0px;
text-align:right;
font-size:small;
font-weight:bold;
}
#itTrain .theme {
margin:8px 8px 2px 8px;
font-size:11px;
line-height:120%;
}
/* For TOP - LC-CC
-------------------------------------------------- */
/* topStory 
-----------------------------*/
#topStory .box-bar{
background:url("http://image.itmedia.co.jp/career/images/bg_heading_03.gif") repeat-x left top;
}
#topStory .box-bar strong {
float:left;
padding:6px 0px 4px 30px;
background:url("http://image.itmedia.co.jp/career/images/bg_heading_03_left.gif") no-repeat left top;
}
#topStory .box-bar span {
display:block;
float:right;
margin:10px 3px 0px 0px;
font-size:11px;
color:#777;
}
#topStory .box-out {
background:#E1F2BD;
border:1px #C0E476 solid;
}
#topStory .box-out .box-in {color:#555;}
#topStory .box-in .box {
padding:7px 10px;
line-height:120%;
}
#topStory .box-in .box p {margin:0px;}
#topStory ul.linkset {margin:0px;}
/* contentBox 
-----------------------------*/
.contentBox {
width:100%;
margin-bottom:10px;
padding:0px;
background:#FFF url("http://image.itmedia.co.jp/career/images/contentbox_bg_left.gif") repeat-y left top;
}
.contentBox .box-out {
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/career/images/contentbox_bg_right.gif") repeat-y right top;
border:none;
}
.contentBox .box-bar {
display:block;
width:100%;
margin:0px;
}
.contentBox#caseStudy {margin-bottom:0px;}
.contentBox#caseStudy .box-bar {height:38px;background:url("http://image.itmedia.co.jp/career/images/box_bar_casestudy_bg.gif") repeat-x left top;}
.contentBox#collegeArea .box-bar {height:38px;background:url("http://image.itmedia.co.jp/career/images/box_bar_casestudy_bg.gif") repeat-x left top;}
.contentBox#tips .box-bar {height:38px;background:url("http://image.itmedia.co.jp/career/images/box_bar_tips_bg.gif") repeat-x left top;}
.contentBox .box-bar div {
display:block;
width:100%;
}
.contentBox#caseStudy .box-bar div {background:url("http://image.itmedia.co.jp/career/images/box_bar_casestudy_right.gif") no-repeat right top;}
.contentBox#collegeArea .box-bar div {background:url("http://image.itmedia.co.jp/career/images/box_bar_casestudy_right.gif") no-repeat right top;}
.contentBox#tips .box-bar div {background:url("http://image.itmedia.co.jp/career/images/box_bar_tips_right.gif") no-repeat right top;}
.contentBox .box-bar div strong {
display:block;
margin:0px;
padding:0px;
text-indent:-9999px;
}
.contentBox#caseStudy .box-bar div strong {height:38px;background:url("http://image.itmedia.co.jp/career/images/box_bar_casestudy_left.gif") no-repeat left top;}
.contentBox#collegeArea .box-bar div strong {height:38px;background:url("http://image.itmedia.co.jp/career/images/box_bar_college_left.gif") no-repeat left top;}
.contentBox#tips .box-bar div strong {height:38px;background:url("http://image.itmedia.co.jp/career/images/box_bar_tips_left.gif") no-repeat left top;}
.contentBox .box-in {
width:92%;
margin:0px 15px 0px 20px;
}
.contentBox .box-in p {
margin:0px 0px 5px;
font-size:small;
text-align:left;
}
.contentBox .box-in p strong {
display:block;
margin:0px 0px 5px;
color:#555;
font-size:1.1em;
}
.contentBox ul {
margin:0px;
padding:0px;
list-style:none;
}
.contentBox li {
margin:3px 0px;
padding:0px 0px 0px 13px;
list-style:none;
font-size:small;
}
.contentBox#caseStudy li {background:url("http://image.itmedia.co.jp/career/images/li_dot02.gif") no-repeat 0px 3px;}
.contentBox#collegeArea li {background:url("http://image.itmedia.co.jp/career/images/li_dot02.gif") no-repeat 0px 3px;}
.contentBox#tips #tenshoku li {background:url("http://image.itmedia.co.jp/career/images/li_dot03.gif") no-repeat 0px 3px;}
.contentBox#tips #haken li {background:url("http://image.itmedia.co.jp/career/images/li_dot04.gif") no-repeat 0px 3px;}
.contentBox .box-bottom {
display:block;
width:100%;
margin:0px;
}
.contentBox#caseStudy .box-bottom {height:30px;background:url("http://image.itmedia.co.jp/career/images/box_bottom_casestudy_bg.gif") repeat-x left top;}
.contentBox#collegeArea .box-bottom {height:23px;background:url("http://image.itmedia.co.jp/career/images/box_bottom_tips_bg.gif") repeat-x left top;}
.contentBox#tips .box-bottom {height:23px;background:url("http://image.itmedia.co.jp/career/images/box_bottom_tips_bg.gif") repeat-x left top;}
.contentBox .box-bottom strong {
display:block;
width:100%;
}
.contentBox#caseStudy .box-bottom strong {background:url("http://image.itmedia.co.jp/career/images/box_bottom_casestudy_left.gif") no-repeat left top;}
.contentBox#collegeArea .box-bottom strong {background:url("http://image.itmedia.co.jp/career/images/box_bottom_casestudy_left.gif") no-repeat left top;}
.contentBox#collegeArea .box-bottom strong {background:url("http://image.itmedia.co.jp/career/images/box_bottom_tips_left.gif") no-repeat left top;}
.contentBox#tips .box-bottom strong {background:url("http://image.itmedia.co.jp/career/images/box_bottom_tips_left.gif") no-repeat left top;}
.contentBox .box-bottom strong a {
display:block;
margin:0px;
padding:0px;
text-indent:-9999px;
}
.contentBox#caseStudy .box-bottom strong a {height:30px;background:url("http://image.itmedia.co.jp/career/images/box_bottom_casestudy_right.gif") no-repeat right top;}
.contentBox#collegeArea .box-bottom strong a {height:30px;background:url("http://image.itmedia.co.jp/career/images/box_bottom_casestudy_right.gif") no-repeat right top;}
.contentBox#collegeArea .box-bottom strong span {
display:block;
height:23px;
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bottom_tips_right.gif") no-repeat right top;
text-indent:-9999px;
}
.contentBox#tips .box-bottom strong span {
display:block;
height:23px;
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bottom_tips_right.gif") no-repeat right top;
text-indent:-9999px;
}
/* contentBox - box for caseStudy 
----------------------------------*/
.contentBox#caseStudy .box-in .box {
display:block;
margin:0px;
padding:4px 0px 8px 50px;
}
.contentBox#caseStudy .box-in .box#knowhow {
margin-bottom:5px;
background:url("http://image.itmedia.co.jp/career/images/40x40icon_knowhow.gif") no-repeat 0px 5px;
border-bottom:1px #DDD solid;
}
.contentBox#caseStudy .box-in .box#pointcheck {
background:url("http://image.itmedia.co.jp/career/images/40x40icon_pointcheck.gif") no-repeat 0px 5px;
}
/* contentBox - box for collegeArea 
----------------------------------*/
.contentBox#collegeArea .box-in .box {
display:block;
margin:0px;
padding:4px 0px 0px 50px;
}
.contentBox#collegeArea .box-in .box#knowhow {
margin-bottom:0px;
background:url("http://image.itmedia.co.jp/career/images/40x40icon_college.gif") no-repeat 0px 5px;
}
.contentBox#collegeArea .box-in .box#pointcheck {
background:url("http://image.itmedia.co.jp/career/images/40x40icon_pointcheck.gif") no-repeat 0px 5px;
}
.contentBox#collegeArea .box-in .box p.collegeList {
margin:0px;
text-align:right;
}
.contentBox#collegeArea .box-in .box p.collegeList a {
padding:0px 3px 0px 14px;
background:url("http://image.itmedia.co.jp/career/images/arr3.gif") no-repeat 0px 2px;
}
/* contentBox - box for tips 
-----------------------------*/
.contentBox#tips {margin-bottom:0px;}
.contentBox#tips .box-in .box {
display:block;
padding:5px 5px 0px 5px;
}
.contentBox#tips .box-in .box#tenshoku {float:left;width:47%;padding-right:7px;border-right:1px #CCC solid;}
.contentBox#tips .box-in .box#haken {float:right;width:47%;}
.contentBox#tips .box-in .box#tenshoku p strong {
height:18px;
text-indent:-9999px;
background:#DEEFE7 url("http://image.itmedia.co.jp/career/images/box_tips_tenshoku.gif") no-repeat left top;
}
.contentBox#tips .box-in .box#haken p strong {
height:18px;
text-indent:-9999px;
background:#EDEDCB url("http://image.itmedia.co.jp/career/images/box_tips_haken.gif") no-repeat left top;
}
.contentBox#tips .box-in .box p.tipsList {
margin:0px;
text-align:right;
}
.contentBox#tips .box-in .box p.tipsList a {
padding:0px 3px 0px 14px;
background:url("http://image.itmedia.co.jp/career/images/arr3.gif") no-repeat 0px 2px;
}
/* mailmag 
-----------------------------*/
#mailmag p {color:#555;line-height:120%;}
#mailmag p strong {
display:block;
margin:3px;
line-height:160%;
}
#mailmag span {font-size:11px;}
#mailmag ul.linkset {margin-left:2px;}
#mailmag ul.linkset li {
background:url("http://image.itmedia.co.jp/career/images/arr2.gif") no-repeat 0px 3px;
}
/* For TOP - LC-LC
-------------------------------------------------- */
#lc-lc {
font-size:small;
}
#lc-lc .linkset {
margin:0px;
}
#lc-lc .box-out#altblog .box-in {padding:3px 5px;}
#lc-lc .box-out#altblog strong {display:block;color:#555;}
#lc-lc .box-out#altblog strong.title a:link,#lc-lc .box-out#altblog strong.title a:visited {color:#555;}
#lc-lc .box-out#altblog strong.title a:hover,#lc-lc .box-out#altblog strong.title a:active {color:#999;}
#lc-lc .box-out#altblog p {margin:0px;color:#555;line-height:135%;}
#lc-lc .box-out#altblog p span {color:#999;}
/* EL new 
-----------------------------*/
#el {}
#el a:link,#el a:visited {
color:#297CA5;
}
#el.box-out {
padding:0px 0px 4px 0px;
background:#FFF;
border:1px #D1D1D1 solid;
}
#el p.box-bar {
width:100%;
height:30px;
margin:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bar_jibunEL.jpg") no-repeat left top;
text-indent:-9999px !important;
}
#el p.box-bar strong {background-image: none;}
#el .box-in {
margin:0px 4px;
background:#F6F6F6;
border:1px #E3E3E3 solid;
}
#el p.box-bottom {
margin: 4px 0px 0px 0px;
padding: 0px 3px 0px 0px;
text-align: right;
}
#el ul {
margin:0px;
padding:5px;
list-style:none;
}
#el li {
margin:5px 0px;
padding:0px 0px 0px 13px;
background:url("http://image.itmedia.co.jp/career/images/li_dot01.gif") no-repeat 0px 2px;
font-size:small;
}
/* jibunConf 
-----------------------------*/
#jibunConf {width:200px;}
#jibunConf a:link,#jibunConf a:visited {
color:#297CA5;
}
#jibunConf .box-out {
padding:0px 0px 4px 0px;
background:#FFF;
border:1px #D1D1D1 solid;
}
#jibunConf .box-bar {
display:block;
width:100%;
height:30px;
margin:0px;
background:url("http://image.itmedia.co.jp/career/images/box_bar_jibunconf.jpg") no-repeat left top;
text-indent:-9999px;
}
#jibunConf .box-in {
margin:0px 4px;
background:#F6F6F6;
border:1px #E3E3E3 solid;
}
#jibunConf ul {
margin:0px;
padding:0px;
list-style:none;
}
#jibunConf li {
margin:5px 0px;
padding:0px 0px 0px 13px;
list-style:none;
background:url("http://image.itmedia.co.jp/career/images/li_dot01.gif") no-repeat 0px 2px;
font-size:small;
}
#jibunConf p {
margin:0px;
padding:4px 2px 0px 0px;
text-align:right;
}
/* For ARTICLES BASIC
-------------------------------------------------- */
.articles #bread {
margin:0px;
padding:0px 0px 3px;
font-size:small;
color:#777;
border-bottom:1px #eee solid;
}
.articles #bread a:link,
.articles #bread a:visited {
color:#369;
text-decoration:none;
}
.articles #bread a:hover,
.articles #bread a:active {
color:#69c;
}
.articles .newart {
padding:0px 0px 0px 5px;
}
.articles .newart p {
margin:5px 0px 20px 0px;
font-size:104%;
line-height:150%;
}
.articles ul li,
.articles ol li {
line-height:130%;
}
.articles a:link,
.articles a:visited {
text-decoration:underline;
}
.articles hr {
margin:5px auto;
visibility:visible;
text-align:center;
}
.articles #mark {
display:block;
clear:both;
}
.articles #mark img {
position:relative;
z-index:3;
margin:5px 0px -17px 0px;
float:right;
}
.articles #byline {
clear:both;
margin:15px 0px 0px 0px;
font-size:small;
font-family:Arial,Helvetica,sans-serif;
text-align:right;
color:#666;
}
.articles #lc-out #update {
margin:0px 0px 10px 0px;
text-align:right;
font-size:small;
color:#999;
}
.articles div pre {
display:block;
padding:8px;
font-size:12px;
line-height:135%;
color:#DFA;
border:1px solid #999;
background-color:#242;
}
.articles #copyright {
clear:both;
display:block;
margin:20px 0px 10px 0px;
}
/* For ARTICLES - IMG
----------------------------------------------- */
.articles div img {
border:2px solid #FFF;
}
.articles div a:link img,
.articles div a:visited img {
margin:0px;
border:2px solid #039;
text-decoration:none;
}
.articles div a:hover img {
margin:0px;
border:2px solid #F00;
}
#icon img {
margin:2px 10px 2px 0px ! important;
border:1px solid #DDD;
}
#topicon img {
margin:2px 0px 2px 10px ! important;
border:1px solid #DDD;
}
.icon-mini img {
margin:2px 6px 2px 0px!important;
width:40px;
height:30px;
}
.ico-r img {
float:right;
margin:3px 0px 6px 9px!important;
border-width:0px!important;
}
.ico-l img {
float:left;
margin:1px 9px 6px 0px!important;
border-width:0px!important;
}
/* For ARTICLES - TOOLBOX
-------------------------------------------------- */
.articles .toolbox-out .toolbox-in div span img {
border:none;
}
.articles .toolbox-out {
font-family:'MS UI Gothic',sans-serif;
float:right;
margin:5px 0px 0px;
}
.articles .toolbox-out .toolbox-in {
}
.articles .articles .toolbox-out .toolbox-in div {}
.articles .toolbox-out .toolbox-in div a img {
margin:0px 2px 0px 0px;
}
.articles .toolbox-out .toolbox-in div span {
margin:0px 1px 0px 0px;
display:block;
float:left;
line-height:100%;
background:url("http://image.itmedia.co.jp/images0509/bm.gif") repeat-x #EEE;
border:1px solid #BBC;
}
.articles .toolbox-out .toolbox-in div span small {
display:block;
float:left;
padding:1px 4px 0px 3px;
font-size:12px;
border:1px solid #FFF;
}
.articles .toolbox-out .toolbox-in div span small a {
display:block;
padding:0px 0px 1px 0px;
float:left;
color:#555;
text-decoration:none!important;
}
.articles .toolbox-out .toolbox-in div span small a:hover {
padding:1px 0px 0px 0px;
}
/* For ARTICLES - HEADING
-------------------------------------------------- */
.articles h1 {
clear:both;
font-size:120%;
line-height:135%;
margin:5px 0px 15px 0px;
padding:0px 0px 0px 3px;
color:#555;
}
.articles h1 span {
display:block;
margin:0px 0px 3px;
padding:3px 0px 3px 0px;
font-size:84%;
color:#8F9D40;
line-height:100%;
}
.articles .heading1 div  h1 small {
display:block;
margin:0px 0px 3px;
padding:3px 0px 3px 0px;
font-size:84%;
color:#8F9D40;
line-height:100%;
}
.articles .heading1 div h1 big {
font-size:100%;
}
.articles#subtop .title h1 {
margin:0px;
padding:0px;
}
.articles#subtop .title h1 span {
display:block;
text-indent:-9999px;
}
/* article-list type */
.articles#subtop .article-list .title {
margin:7px 0px;
background:url("http://image.itmedia.co.jp/career/images/subtop_title_repeat.gif") repeat-x left top;
}
.articles#subtop .article-list .title h1 span {height:120px;}
.articles#subtop #career .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_career.jpg") no-repeat left top;}
.articles#subtop #skill .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_skill.jpg") no-repeat left top;}
.articles#subtop #interview .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_interview.jpg") no-repeat left top;}
.articles#subtop #jirei .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_jirei.jpg") no-repeat left top;}
.articles#subtop #tenshokutips h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_tenshokutips.jpg") no-repeat left top;height:120px;}
.articles#subtop #hakentips .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_hakentips.jpg") no-repeat left top;height:120px;}
.articles#subtop #past .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_past.jpg") no-repeat left top;height:120px;}
.articles#subtop .syusyoku#past .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_past_syusyoku.jpg") no-repeat left top;height:120px;}
.articles#subtop .tensyoku#past .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_past_tensyoku.jpg") no-repeat left top;height:120px;}
.articles#subtop #voice .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_voice.jpg") no-repeat left top;height:120px;}
/* jait type */
.articles#subtop .jait .title {
margin:10px 0px 20px 0px;
background:url("http://image.itmedia.co.jp/career/images/subtop_title_repeat2.jpg") repeat-x left top;
}
.articles#subtop .jait .title h1 span {height:76px;}
.articles#subtop #ja .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_ja_bg.jpg") no-repeat right top;}
.articles#subtop #ja .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_ja.jpg") no-repeat left top;}
.articles#subtop #package .title {margin-bottom:0px;}
.articles#subtop #package .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_package_bg.jpg") no-repeat right top;}
.articles#subtop #package .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_package.jpg") no-repeat left top;}
.articles#subtop #satei .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_satei_bg.jpg") no-repeat right top;}
.articles#subtop #satei .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_satei.jpg") no-repeat left top;}
.articles#subtop #selfcheck .title {margin-bottom:0px;}
.articles#subtop #selfcheck .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_selfcheck_bg.jpg") no-repeat right top;}
.articles#subtop #selfcheck .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_selfcheck.jpg") no-repeat left top;}
.articles#subtop #ssearch .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_ssearch_bg.jpg") no-repeat right top;}
.articles#subtop #ssearch .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_ssearch.jpg") no-repeat left top;}
.articles#subtop #ascout .title {margin-bottom:0px;}
.articles#subtop #ascout .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_ascout_bg.jpg") no-repeat right top;}
.articles#subtop #ascout .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_ascout.jpg") no-repeat left top;}
.articles#subtop #pscout .title {margin-bottom:0px;}
.articles#subtop #pscout .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_pscout_bg.jpg") no-repeat right top;}
.articles#subtop #pscout .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_pscout.jpg") no-repeat left top;}
.articles#subtop #scoutcheck .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_scoutcheck_bg.jpg") no-repeat right top;}
.articles#subtop #scoutcheck .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_scoutcheck.jpg") no-repeat left top;}
.articles#subtop #hakenplus .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_hakenplus_bg.jpg") no-repeat right top;}
.articles#subtop #hakenplus .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_hakenplus.jpg") no-repeat left top;}
.articles#subtop #map .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_map_bg.jpg") no-repeat right top;}
.articles#subtop #map .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_map.jpg") no-repeat left top;}
.articles#subtop #search .title {margin-bottom:0px;}
.articles#subtop #search .title h1 {background:url("http://image.itmedia.co.jp/career/images/subtop_title_search_bg.jpg") no-repeat right top;}
.articles#subtop #search .title h1 span {background:url("http://image.itmedia.co.jp/career/images/subtop_title_search.jpg") no-repeat left top;}
.articles h2 {
clear:both;
width:82%;
margin:0px auto;
padding:0px 10px;
background:#F0F0E1;
color:#625237;
font-size:86%;
line-height:150%;
}
.articles h3 {
clear:both;
margin:25px 0px 0px 0px;
padding:1px 0px 10px 20px;
background:#fff url("http://image.itmedia.co.jp/career/images/bg_heading_01.jpg") no-repeat left top;
color:#555;
font-size:108%;
letter-spacing:1px;
line-height:130%;
}
.articles#subtop h3 {
margin:5px 0px 0px 0px;
}
.articles h4 {
margin:15px 0px 0px 0px;
padding:5px 10px 3px 0px;
color:#334;
line-height:135%;
}
/* For ARTICLES - INDEX
----------------------------------------------- */
.articles .index {margin:5px 0px 15px 0px;}
.articles .box .index {margin:0px;}
.articles .index p {
clear:both;
margin:0px;
font-size:small!important;
}
.articles .index p small {
display:block;
font-size:small;
font-weight:bold;
color:#9A8F30;
}
.articles .index p strong {
font-size:medium;
line-height:150%;
}
.articles .index p span {
color:#777;
}
.articles .index a:link, .articles .index a:visited {
text-decoration:none;
}
.articles .index a:hover, .articles .index a:active {
text-decoration:underline;
}
.articles .index hr {
clear:both;
margin:0px;
height:15px;
visibility:hidden;
}
.articles .index .kwdset {
margin:0px;
}
/* For ARTICLES - TABLE -
----------------------------------------------- */
.articles table#tbl,
.articles table#tbl100c,
.articles table#tbl75c,
.articles table#tbl50c,
.articles table#tbl25c,
.articles table#tbl100l,
.articles table#tbl75l,
.articles table#tbl50l,
.articles table#tbl25l,
.articles table#tbl100r,
.articles table#tbl75r,
.articles table#tbl50r,
.articles table#tbl25r {
margin:5px 5px 15px 5px;
font-size:small;
border-collapse:separate;
border-spacing:0px;
border-top:1px solid #889;
text-align:left;
background:#FFF;
}
.articles table#tbl {
width:99%;
margin:5px auto 15px auto;
}
.articles .sbv {
border:10px solid #452 ! important;
}
.articles table#tbl tr,
.articles table#tbl100c tr,
.articles table#tbl75c tr,
.articles table#tbl50c tr,
.articles table#tbl25c tr,
.articles table#tbl100l tr,
.articles table#tbl75l tr,
.articles table#tbl50l tr,
.articles table#tbl25l tr,
.articles table#tbl100r tr,
.articles table#tbl75r tr,
.articles table#tbl50r tr,
.articles table#tbl25r tr {
vertical-align:top;
}
.articles table#tbl caption,
.articles table#tbl100c caption,
.articles table#tbl75c caption,
.articles table#tbl50c caption,
.articles table#tbl25c caption,
.articles table#tbl100l caption,
.articles table#tbl75l caption,
.articles table#tbl50l caption,
.articles table#tbl25l caption,
.articles table#tbl100r caption,
.articles table#tbl75r caption,
.articles table#tbl50r caption,
.articles table#tbl25r caption {
padding:5px 0px;
font-weight:bold;
color:#445;
text-align:left;
}
.articles table#tbl100r caption{
margin:0px 0px;
}
.articles table#tbl75r caption,
.articles table#tbl50r caption,
.articles table#tbl25r caption {
margin:0px 10px;
}
.articles table#tbl thead tr th,
.articles table#tbl thead tr td,
.articles table#tbl100c thead tr th,
.articles table#tbl100c thead tr td,
.articles table#tbl75c thead tr th,
.articles table#tbl75c thead tr td,
.articles table#tbl50c thead tr th,
.articles table#tbl50c thead tr td,
.articles table#tbl25c thead tr th,
.articles table#tbl25c thead tr td,
.articles table#tbl100l thead tr th,
.articles table#tbl100l thead tr td,
.articles table#tbl75l thead tr th,
.articles table#tbl75l thead tr td,
.articles table#tbl50l thead tr th,
.articles table#tbl50l thead tr td,
.articles table#tbl25l thead tr th,
.articles table#tbl25l thead tr td,
.articles table#tbl100r thead tr th,
.articles table#tbl100r thead tr td,
.articles table#tbl75r thead tr th,
.articles table#tbl75r thead tr td,
.articles table#tbl50r thead tr th,
.articles table#tbl50r thead tr td,
.articles table#tbl25r thead tr th,
.articles table#tbl25r thead tr td {
padding:3px;
background-color:#66BFDD;
color:#FFF;
border-bottom:1px solid #889;
border-right:1px solid #889;
border-left:1px solid #889;
}
.articles .sbv#tbl thead tr th {
background-color:#8A3;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
}
.articles table#tbl tbody tr th,
.articles table#tbl100c tbody tr th,
.articles table#tbl75c tbody tr th,
.articles table#tbl50c tbody tr th,
.articles table#tbl25c tbody tr th,
.articles table#tbl100l tbody tr th,
.articles table#tbl75l tbody tr th,
.articles table#tbl50l tbody tr th,
.articles table#tbl25l tbody tr th,
.articles table#tbl100r tbody tr th,
.articles table#tbl75r tbody tr th,
.articles table#tbl50r tbody tr th,
.articles table#tbl25r tbody tr th {
padding:3px;
border-right:1px solid #889;
border-left:1px solid #889;
border-bottom:1px solid #889;
background-color:#E4F7FA;
}
.articles .sbv#tbl tbody tr td,
.articles .sbv#tbl tbody tr th {
border-color:#795;
}
.articles table#tbl tbody tr td,
.articles table#tbl100c tbody tr td,
.articles table#tbl75c tbody tr td,
.articles table#tbl50c tbody tr td,
.articles table#tbl25c tbody tr td,
.articles table#tbl100l tbody tr td,
.articles table#tbl75l tbody tr td,
.articles table#tbl50l tbody tr td,
.articles table#tbl25l tbody tr td,
.articles table#tbl100r tbody tr td,
.articles table#tbl75r tbody tr td,
.articles table#tbl50r tbody tr td,
.articles table#tbl25r tbody tr td {
padding:3px;
border-bottom:1px solid #889;
border-right:1px solid #889;
}
.articles table#tbl tfoot tr td,
.articles table#tbl100c tfoot tr td,
.articles table#tbl75c tfoot tr td,
.articles table#tbl50c tfoot tr td,
.articles table#tbl25c tfoot tr td,
.articles table#tbl100l tfoot tr td,
.articles table#tbl75l tfoot tr td,
.articles table#tbl50l tfoot tr td,
.articles table#tbl25l tfoot tr td,
.articles table#tbl100r tfoot tr td,
.articles table#tbl75r tfoot tr td,
.articles table#tbl50r tfoot tr td,
.articles table#tbl25r tfoot tr td {
padding:3px 0px;
color:#445;
line-height:130%;
}
.articles .sbv tfoot tr td {
color:#FFF ! important;
background-color:#452 ! important;
}
.articles .sbv tfoot tr td a {
color:#FC0;
}
.articles table#tbl100c {margin:0px auto 10px auto;width:100%;}
.articles table#tbl75c {margin:0px auto 10px auto;width:72%;}
.articles table#tbl50c {margin:0px auto 10px auto;width:47%;}
.articles table#tbl25c {margin:0px auto 10px auto;width:22%;}
.articles table#tbl100l {margin:0px 0px 10px 0px;width:100%;}
.articles table#tbl75l {margin:0px 10px 10px 0px;width:72%;float:left;}
.articles table#tbl50l {margin:0px 10px 10px 0px;width:47%;float:left;}
.articles table#tbl25l {margin:0px 10px 10px 0px;width:22%;float:left;}
.articles table#tbl100r {margin:0px 0px 10px 0px;width:100%;float:right;}
.articles table#tbl75r {margin:0px 0px 10px 10px;width:72%;float:right;}
.articles table#tbl50r {margin:0px 0px 10px 10px;width:47%;float:right;}
.articles table#tbl25r {margin:0px 0px 10px 10px;width:22%;float:right;}
.box table#tbl100r {margin:0px 0px 10px 0px;width:100%;float:right;}
.box table#tbl75r {margin:0px 0px 10px 10px;width:72%;float:right;}
.box table#tbl50r {margin:0px 0px 10px 10px;width:47%;float:right;}
.box table#tbl25r {margin:0px 0px 10px 10px;width:22%;float:right;}
.articles table#tbl-spec {
margin:5px 5px 15px 5px;
font-size:small;
color:#555;
text-align:left;
border-collapse:collapse;
}
.articles table#tbl-spec thead tr {
background-color:#CCC;
}
.articles table#tbl-spec thead tr th,
.articles table#tbl-spec thead tr td {
padding:3px;
}
.articles table#tbl-spec tbody tr {
vertical-align:top;
}
.articles table#tbl-spec tbody tr#bgon {
background-color:#EEE;
}
.articles table#tbl-spec tbody tr th,
.articles table#tbl-spec tbody tr td {
font-weight:normal;
padding:3px;
border-bottom:1px solid #DDD;
}
.articles table#tbl th#txl,
.articles table#tbl td#txl,
.articles table#tbl-spec th#txl,
.articles table#tbl-spec td#txl {
text-align:left;
}
.articles table#tbl th#txr,
.articles table#tbl td#txr,
.articles table#tbl-spec th#txr,
.articles table#tbl-spec td#txr {
text-align:right;
}
.articles table#tbl th#txc,
.articles table#tbl td#txc,
.articles table#tbl-spec th#txc,
.articles table#tbl-spec td#txc {
text-align:center;
}
* html body .articles table#tbl,
* html body .articles table#tbl75l,
* html body .articles table#tbl50l,
* html body .articles table#tbl25l,
* html body .articles table#tbl75r,
* html body .articles table#tbl50r,
* html body .articles table#tbl25r {
border-collapse:collapse;
}
/* For ARTICLES - COL
----------------------------------------------- */
.articles div#col100 {display:table;width:100px;margin:15px auto;clear:both;}
.articles div#col200 {display:table;width:200px;margin:15px auto;clear:both;}
.articles div#col300 {display:table;width:300px;margin:15px auto;clear:both;}
.articles div#col400 {display:table;width:400px;margin:15px auto;clear:both;}
.articles div#col410 {display:table;width:410px;margin:15px auto;clear:both;}
.articles div#col500 {display:table;width:500px;margin:15px auto;clear:both;}
.articles div#col600 {display:table;width:600px;margin:15px auto;clear:both;}
.articles div#col100l {width:100px;margin:4px 0px 15px 0px;float:left;}
.articles div#col200l {width:200px;margin:4px 0px 15px 0px;float:left;}
.articles div#col300l {width:300px;margin:4px 0px 15px 0px;float:left;}
.articles div#col400l {width:400px;margin:4px 0px 15px 0px;float:left;}
.articles div#col410l {width:410px;margin:4px 0px 15px 0px;float:left;}
.articles div#col500l {width:500px;margin:4px 0px 15px 0px;float:left;}
.articles div#col600l {width:600px;margin:4px 0px 15px 0px;float:left;}
.articles div#col100c {width:100px;margin:4px auto 15px auto;}
.articles div#col200c {width:200px;margin:4px auto 15px auto;}
.articles div#col300c {width:300px;margin:4px auto 15px auto;}
.articles div#col400c {width:400px;margin:4px auto 15px auto;}
.articles div#col410c {width:410px;margin:4px auto 15px auto;}
.articles div#col500c {width:500px;margin:4px auto 15px auto;}
.articles div#col600c {width:600px;margin:4px auto 15px auto;}
.articles div#col100r {width:100px;margin:4px 0px 15px 0px;float:right;}
.articles div#col200r {width:200px;margin:4px 0px 15px 0px;float:right;}
.articles div#col300r {width:300px;margin:4px 0px 15px 0px;float:right;}
.articles div#col400r {width:400px;margin:4px 0px 15px 0px;float:right;}
.articles div#col410r {width:410px;margin:4px 0px 15px 0px;float:right;}
.articles div#col500r {width:500px;margin:4px 0px 15px 0px;float:right;}
.articles div#col600r {width:600px;margin:4px 0px 15px 0px;float:right;}
.articles div#col100 img,
.articles div#col200 img,
.articles div#col300 img,
.articles div#col400 img,
.articles div#col410 img,
.articles div#col500 img,
.articles div#col600 img {
margin:0px 5px 2px 0px;
vertical-align:bottom;
float:left;
}
.articles div#col100l img,
.articles div#col200l img,
.articles div#col300l img,
.articles div#col400l img,
.articles div#col410l img,
.articles div#col500l img,
.articles div#col600l img {
margin:0px 5px 2px 0px;
vertical-align:bottom;
float:left;
}
.articles div#col100c img,
.articles div#col200c img,
.articles div#col300c img,
.articles div#col400c img,
.articles div#col410c img,
.articles div#col500c img,
.articles div#col600c img {
margin:4px 0px 2px 0px;
vertical-align:bottom;
}
.articles div#col100r img,
.articles div#col200r img,
.articles div#col300r img,
.articles div#col400r img,
.articles div#col410r img,
.articles div#col500r img,
.articles div#col600r img {
display:block;
margin:0px 5px 2px 0px;
vertical-align:bottom;
float:left;
}
.articles div#col100 small,
.articles div#col200 small,
.articles div#col300 small,
.articles div#col400 small,
.articles div#col410 small,
.articles div#col500 small,
.articles div#col600 small {
display:block;
padding:0px 0px 0px 2px;
color:#445;
clear:both;
}
.articles div#col100l small,
.articles div#col200l small,
.articles div#col300l small,
.articles div#col400l small,
.articles div#col410l small,
.articles div#col500l small,
.articles div#col600l small {
display:block;
padding:0px 10px 0px 2px;
color:#445;
clear:both;
}
.articles div#col100c small,
.articles div#col200c small,
.articles div#col300c small,
.articles div#col400c small,
.articles div#col410c small,
.articles div#col500c small,
.articles div#col600c small {
display:block;
padding:0px 0px 0px 2px;
color:#445;
clear:both;
}
.articles div#col100r small,
.articles div#col200r small,
.articles div#col300r small,
.articles div#col400r small,
.articles div#col410r small,
.articles div#col500r small,
.articles div#col600r small {
display:block;
padding:0px 10px 0px 2px;
color:#445;
clear:both;
}
.articles div small#cap-l {text-align:left;color:#445;}
.articles div small#cap-c {text-align:center;color:#445;}
.articles div small#cap-r {text-align:right;color:#445;}
.articles div#noalign {clear:both;color:#445;}
.articles div#noalign small#cap-c {display:block;text-align:center;}
/* For ARTICLES - BOX
----------------------------------------------- */
.articles #lc-out #lc-in .box {
width:99%;
margin:5px auto;
padding:1px;
border:2px solid #888;
clear:both;
font-size:small;
}
.articles #lc-out #lc-in .box#red {border-color:#BE2B2B;background-color:#F9F1F1;}
.articles #lc-out #lc-in .box#blue {border-color:#267095;background-color:#F1F4F6;}
.articles #lc-out #lc-in .box#orange {border-color:#DA6B2E;background-color:#FBF5F2;}
.articles #lc-out #lc-in .box#green {border-color:#649526;background-color:#F4F6F1;}
.articles #lc-out #lc-in .box#red img {border-color:#BE2B2B;background-color:#F9F1F1;border:2px solid #F9F1F1;}
.articles #lc-out #lc-in .box#blue img {border-color:#267095;background-color:#F1F4F6;border:2px solid #F1F4F6;}
.articles #lc-out #lc-in .box#orange img {border-color:#DA6B2E;background-color:#FBF5F2;border:2px solid #FBF5F2;}
.articles #lc-out #lc-in .box#green img {border-color:#649526;background-color:#F4F6F1;border:2px solid #F4F6F1;}
.articles #lc-out #lc-in .box h3 {
width:100%;
height:100%;
margin:0px;
padding:2px 0px;
font-size:small;
color:#FFF;
border-width:0px;
background:#555;
text-indent:4px;
}
.articles #lc-out #lc-in .box#blue h3 {background:#267095;}
.articles #lc-out #lc-in .box#red h3 {background:#BE2B2B;}
.articles #lc-out #lc-in .box#green h3 {background:#649526;}
.articles #lc-out #lc-in .box#orange h3 {background:#DA6B2E;}
.articles #lc-out #lc-in .box h4 {
margin:0px;
padding:2px 8px;
font-size:small;
border-width:0px;
}
.articles #lc-out #lc-in .box p {
margin:0px;
padding:5px;
line-height:125% ! important;
}
.articles #lc-out #lc-in .box table {
background:#FFF;
}
.articles #lc-out #lc-in .box small {
font-size:small;
}
.articles #lc-out #lc-in .box small {
font-size:small;
}
.articles #lc-out #lc-in .box div#col100l,
.articles #lc-out #lc-in .box div#col200l,
.articles #lc-out #lc-in .box div#col300l,
.articles #lc-out #lc-in .box div#col400l,
.articles #lc-out #lc-in .box div#col500l,
.articles #lc-out #lc-in .box div#col600l {
margin:4px 0px 0px 3px;
}
/* For ARTICLES - ENDLINK
----------------------------------------------- */
.articles .endlink {
width:auto;
padding: 2px 0px 2px 0px;
margin:0px 0px 0px 0px;
clear:both !important;
}
.articles .endlink h4 {
width:85px;
margin:0px;
padding:3px 0px 5px 20px;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#555;
float:left;
background:url("http://image.itmedia.co.jp/images0509/submenubg6.gif") no-repeat 2px 3px;
clear:both;
}
.articles .endlink ul {
width:480px;
margin:1px 0px 5px 0px;
padding:0px 0px 0px 10px;
list-style-type:none;
float:left;
border-left:4px solid #EEE;
}
.articles .endlink ul li {
margin:0px 0px 10px 0px;
padding:0px 0px 1px 20px;
font-size:12px;
color:#444;
line-height:125%;
background:url("http://image.itmedia.co.jp/images0509/arr.gif") no-repeat 6px 1px;
}
.articles .endlink ul li a:link,
.endlink ul li a:visited {
font-weight:bold;
text-decoration:none;
}
.articles .endlink ul li a:link img,
.endlink ul li a:visited img {
margin:2px 4px 4px 0px;
border:0px solid #FFF;
}
.articles .endlink ul#art {border-left-color:#cbd9e7;}
.articles .endlink ul#lnk {border-left-color:#ccdec4;}
.articles .endlink ul#newlnk {border-left-color:#e4c1bf;}
.articles .endlink ul#art li {background:url("http://image.itmedia.co.jp/images/arr01b.gif") no-repeat 0px 4px;}
.articles .endlink ul#lnk li {background:url("http://image.itmedia.co.jp/images/arr02b.gif") no-repeat 0px 4px;}
.articles .endlink ul#newlnk li {background:url("http://image.itmedia.co.jp/images/arr03b.gif") no-repeat 0px 4px;}
.articles .endlink .google_afc li a#row1-row2-default {text-decoration:none!important;}
.endkwd .box h4 {
font-weight:normal;
color:#FFF;
}
.endkwd .box h4 a {
padding:3px 0px 3px 16px;
font-weight:bold;
background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat 0px 3px;
word-break:keep-all;
}
/* For ARTICLES - NOTICE
----------------------------------------------- */
.articles div#notice {
padding:7px 10px 10px 72px;
font-size:small;
font-weight:bold;
color:#F50;
background-color:#F50;
background:url("http://image.itmedia.co.jp/images0509/next.gif") no-repeat left top #FFF;
clear:both;
}
.articles div#notice a {
color:#F50;
text-decoration:underline;
}
/* For ARTICLES - CTRL
----------------------------------------------- */
.articles .ctrl {
margin:30px auto;
font-size:12px;
clear:both;
text-align:center;
}
.articles#subtop .ctrl {
margin:10px auto;
}
.articles .ctrl span#numb,
.articles .ctrl span#pgup {
color:#FFF;
}
.articles .ctrl span#numb a:link,
.articles .ctrl span#numb a:visited {
margin:0px;
padding:7px;
font-weight:bold;
border:1px solid #69C;
text-decoration:none;
color:#369;
}
.articles .ctrl span#numb a:hover {
background-color:#FF9;
border:1px solid #F90;
text-decoration:none;
color:#F60;
}
.articles span#nostart .ctrl span#prev {
visibility:hidden;
}
.articles .ctrl span#prev {
padding:10px 8px 10px 18px;
background:url("http://image.itmedia.co.jp/images0509/ctrl.gif") no-repeat left center #036;
}
.articles .ctrl span#next {
padding:10px 18px 10px 8px;
background:url("http://image.itmedia.co.jp/images0509/ctrl.gif") no-repeat right center #036;
}
.articles .ctrl span#prev a:link,
.articles .ctrl span#prev a:visited,
.articles .ctrl span#next a:link,
.articles .ctrl span#next a:visited {
font-weight:bold;
color:#FFF;
text-decoration:none;
}
.articles .ctrl span#prev a:hover,
.articles .ctrl span#next a:hover {
color:#FD0;
text-decoration:none;
}
.articles .ctrl#start span#prev {
background:url("http://image.itmedia.co.jp/images/spacer.gif") no-repeat left center #FFF;
}
.articles .ctrl#end span#next {
background:url("http://image.itmedia.co.jp/images/spacer.gif") no-repeat right center #FFF;
}
.articles .ctrl span#numb strong {
margin:0px;
padding:7px;
font-weight:bold;
border:1px solid #ABD;
background-color:#369;
color:#FFF;
}
/* For SUBTOP - BASIC
----------------------------------------------- */
.articles#subtop img {border:none;}
.articles#subtop .headline {margin-bottom:10px;}
.articles#subtop .headline ul.linkset li {
background:url("http://image.itmedia.co.jp/career/images/li_dot05.gif") no-repeat 0px 3px;
}
/* For SUBTOP - HEADING
----------------------------------------------- */
.articles#subtop .heading {
clear:both;
display:table;
width:100%;
margin:20px 0px 10px 0px;
height:30px;
padding:0px;
background:#F3EFE4;
font-size:small;
}
.articles#subtop .heading strong {
display:block;
height:24px;
padding:6px 0px 0px 20px;
background:url("http://image.itmedia.co.jp/career/images/bg_heading_04_left.gif") no-repeat left top;
color:#88673A;
}
/* For SUBTOP - JAIT
----------------------------------------------- */
.articles#subtop .jait .box {border:none!important;}
.articles#subtop .jait p {margin:3px 0px 10px 0px;}
.articles#subtop .jait .bt-go-ait {margin:0px;text-align:center;}
.articles#subtop .jait .bt-go-ait2 {clear:both;margin:0px;padding:5px 0px 10px 0px;text-align:right;}
.articles#subtop .jait hr {clear:both;visibility:hidden;margin:0px;padding:0px;}
.articles#subtop .jait ul.linkset {margin:0px 0px 10px 15px;}
.articles#subtop .jait ul.linkset li {
margin:3px 0px;
font-size:108%;
background:url("http://image.itmedia.co.jp/career/images/li_dot04.gif") no-repeat 0px 3px;
}
.articles#subtop .jait ul.linkset li strong {
font-size:117%;
color:#C88344;
}
.articles#subtop .jait .overview {color:#555;}
.articles#subtop .jait .overview p {margin:5px 0px 10px;}
.articles#subtop .jait ul li a:link,
.articles#subtop .jait ul li a:visited {
text-decoration:none;
}
/* divide ----------------------------------- */
.articles#subtop .jait .divide2-l {clear:both;float:left;width:49%;}
.articles#subtop .jait .divide2-r {float:right;width:49%;}
.articles#subtop .jait .divide3 {float:left;display:block;width:33%;}
/* box for jait ----------------------------- */
.articles#subtop .jait .box-bar {background:url("http://image.itmedia.co.jp/career/images/bg_heading_05.gif") repeat-x left top;}
.articles#subtop .jait .box-bar strong {padding-left:17px;}
.articles#subtop .jait .ait .box-bar div {background:url("http://image.itmedia.co.jp/career/images/bg_heading_05_right_ait.gif") no-repeat right top;}
.articles#subtop .jait .ait .box-bar div strong {background:url("http://image.itmedia.co.jp/career/images/bg_heading_05_right_ait.gif") no-repeat right top;}
.articles#subtop .jait .box-out {
background:#F3EFE4;
border:1px #D8CAA7 solid;
color:#777;
}
.articles#subtop .jait .box-out ul.linkset li {
margin:0px;
font-size:13px;
background:url("http://image.itmedia.co.jp/career/images/li_dot01.gif") no-repeat 0px 3px;
}
.articles#subtop .jait .box-out a:link,
.articles#subtop .jait .box-out a:visited {color:#036;}
.articles#subtop .jait .box-out a:hover,
.articles#subtop .jait .box-out a:active {color:#C00;text-decoration:underline;}
/* search-job ------------------------------- */
.articles#subtop .jait .ait#search-job .box-bar {height:39px;background-position:left bottom;}
.articles#subtop .jait .ait#search-job .box-bar div {height:39px;background-position:right bottom;}
.articles#subtop .jait .ait#search-job .box-bar strong {
height:39px;
padding:0px;
text-indent:-9999px;
}
.articles#subtop .jait .ait#search-job .box-out strong {
display:block;
margin:2px 10px 3px;
padding:2px 0px 3px 10px;
background:#F0F4D5;
color:#555;
}
/* jait-service ------------------------------ */
.articles#subtop #jait-service {
width:450px;
margin:20px auto;
}
.articles#subtop #jait-service .box-out .box-in {width: 100%;}
.articles#subtop #jait-service .box-bar strong {
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/career/images/heading_jait_service.gif") no-repeat left top;
}
.articles#subtop #jait-service .box dl {margin:0px 5px;}
.articles#subtop #jait-service .box dl dt {
clear:both;
float:left;
width:160px;
margin:3px 0px;
padding:0px 0px 0px 15px;
background:url("http://image.itmedia.co.jp/career/images/li_square_arr01.gif") no-repeat 0px 3px;font-weight:bold;
}
.articles#subtop #jait-service .box dl dd {
width:240px;
margin:0px 0px 0px 160px;
padding:3px 0px 3px 0px;
color:#555;
}
.articles#subtop #jait-service .box dl dt a:link,
.articles#subtop #jait-service .box dl dt a:visited {text-decoration:none;}
.articles#subtop #jait-service .box dl dt a:hover,
.articles#subtop #jait-service .box dl dt a:active {text-decoration:underline;}
/* For SUBTOP - PAGE by PAGE ----------------------------------------------- */
/* ja --------------------------------*/
.articles#subtop .jait#ja #ja-service {
margin:0px;
font-size:13px;
}
.articles#subtop .jait#ja #ja-service p {margin-bottom:0px;line-height:110%;}
.articles#subtop .jait#ja #ja-service p strong {padding:0px 0px 5px 0px;}
.articles#subtop .jait#ja #ja-service p a.ico-l img,
.articles#subtop .jait#ja #ja-service p a.ico-r img {position:relative;top:-5px;}
/* satei -----------------------------*/
#satei .ranking {
width:500px;
height:130px;
margin:0px auto;
padding:0px 0px 10px 0px;
background:url(https://www.atmarkit.co.jp/job/ja/include/images/ranking_bg.gif) no-repeat;
color:#444;
font-size:12px;
line-height:130%;
}
#satei .ranking .s-rank-date {padding:13px 25px 0px 0px;font-size:12px; color:#555;}
#satei .ranking table {
width:450px;
margin:10px auto;
padding:0px;
border-top:2px solid #cbafb2;
}
#satei .ranking td,
#satei .ranking th {border-bottom:1px solid #cbafb2; height:19px;}
#satei .ranking td.top01 {background:url(https://www.atmarkit.co.jp/job/ja/include/images/icon_num01.gif) no-repeat left top;padding:1px 0px 0px 20px;}
#satei .ranking td.top02 {background:url(https://www.atmarkit.co.jp/job/ja/include/images/icon_num02.gif) no-repeat left top;padding:0px 0px 0px 20px;}
#satei .ranking td.top03 {background:url(https://www.atmarkit.co.jp/job/ja/include/images/icon_num03.gif) no-repeat left top;padding:0px 0px 0px 20px;}
#satei .step {
width:635px;
margin:0px auto 15px auto;
}
#satei .step .stepbox {
float:left;
width:200px;
margin:0px 5px;
background:#F3EEE9;
}
#satei .step .stepbox p {
margin:10px 5px;
font-size:small;
line-height:135%;
}
/* map -------------------------------*/
#map .overview p {
font-size:92%;
line-height:140%;
}
#map .overview img#map-sample {
float:left;
margin:0px 10px 10px 0px;
}
#map .overview .map-more {
margin:15px 0px 0px 310px;
padding:5px;
background:#E8EDEE;
}
#map .overview .map-more ol {
margin:7px 0px 3px;
padding:0px;
list-style:none;
}
#map .overview .map-more ol li {
margin:2px 0px;
padding:0px 0px 0px 20px;
font-size:92%;
list-style:none;
}
#map .overview .map-more ol li#map-more1 {background:url("http://image.itmedia.co.jp/career/images/li_map_more1.gif") no-repeat 0px 2px;}
#map .overview .map-more ol li#map-more2 {background:url("http://image.itmedia.co.jp/career/images/li_map_more2.gif") no-repeat 0px 2px;}
#map .overview .map-more ol li#map-more3 {background:url("http://image.itmedia.co.jp/career/images/li_map_more3.gif") no-repeat 0px 2px;}
/* pscout ------------------------------*/
.jait#pscout p.pscout-data {
margin:0px;
text-align:right;
font-size:small;
color:#555;
}
#pscout .pscout-date {
text-align:right;
font-size:11px;
color:#666;
}
#pscout p.pscout-data strong span {
margin:0px 10px;
color:#F60;
}
#pscout .scout-ranking#ranking1 {
float:left;
width:400px;
margin-right:10px;
padding:7px 0px;
}
#pscout .scout-ranking#ranking2 {
float:left;
width:237px;
margin:0px;
padding:7px 0px;
}
.jait#pscout .scout-ranking .box-bar {background:#E7F2F8;}
.jait#pscout .scout-ranking .box-bar strong {text-indent:-9999px;}
.jait#pscout .scout-ranking#ranking1 .box-bar strong {background:url("http://image.itmedia.co.jp/career/images/heading_jait_pscout_ranking1.gif") no-repeat left top;}
.jait#pscout .scout-ranking#ranking2 .box-bar strong {background:url("http://image.itmedia.co.jp/career/images/heading_jait_pscout_ranking2.gif") no-repeat left top;}
.jait#pscout .scout-ranking .box-out {
background:#E7F2F8;
border:1px #619DC6 solid;
}
#pscout .scout-ranking#ranking1 .box-out .box p,
#pscout .scout-ranking#ranking2 .box-out .box p {margin:0px;padding:0px;}
#pscout .scout-ranking .box-out table {
margin:10px auto 5px auto;
border-collapse:collapse;
border-top:2px #4F89AF solid;
}
#pscout .scout-ranking#ranking1 .box-out table {width:380px;}
#pscout .scout-ranking#ranking2 .box-out table {width:217px;}
#pscout .scout-ranking .box-out table th,
#pscout .scout-ranking .box-out table td {
padding:1px;
border-bottom:1px #89AFCB solid;
color:#444;
text-align:center;
}
#pscout .scout-ranking .box-out table th {background:#A3C0D6;}
#pscout .scout-ranking .box-out table td {background:#E7F2F8;}
#pscout .scout-ranking .box-out table td.rank1 {width:20px;background:#E7F2F8 url("http://image.itmedia.co.jp/career/images/pscout_ranking_rank1.gif") no-repeat 2px 2px;text-indent:-9999px;}
#pscout .scout-ranking .box-out table td.rank2 {width:20px;background:#E7F2F8 url("http://image.itmedia.co.jp/career/images/pscout_ranking_rank2.gif") no-repeat 2px 2px;text-indent:-9999px;}
#pscout .scout-ranking .box-out table td.rank3 {width:20px;background:#E7F2F8 url("http://image.itmedia.co.jp/career/images/pscout_ranking_rank3.gif") no-repeat 2px 2px;text-indent:-9999px;}
#pscout .scout-ranking .box-out table td.rank4 {width:20px;background:#E7F2F8 url("http://image.itmedia.co.jp/career/images/pscout_ranking_rank4.gif") no-repeat 2px 2px;text-indent:-9999px;}
#pscout .scout-ranking .box-out table td.rank5 {width:20px;background:#E7F2F8 url("http://image.itmedia.co.jp/career/images/pscout_ranking_rank5.gif") no-repeat 2px 2px;text-indent:-9999px;}
#pscout .pscout-comment {
clear:both;
margin:0px;
background:#EFEFEF url("http://image.itmedia.co.jp/career/images/bg_pscout_comment_repeat.gif") repeat-y left top;
}
#pscout .pscout-comment div {
background:url("http://image.itmedia.co.jp/career/images/bg_pscout_comment_lefttop.gif") no-repeat left top;
margin:0px;
padding:7px 10px 5px 57px;
font-size:small;
line-height:150%;
}
#pscout .pscout-comment div div p {margin:0px;}
#pscout-complist {margin:20px 0px 10px;}
.jait#pscout .ait#pscout-complist .box-bar strong {padding:6px 0px 0px 17px;}
.jait#pscout .ait#pscout-complist .box-out strong {
display:block;
margin:2px 10px 3px;
padding:2px 0px 3px 10px;
background:#F0F4D5;
color:#555;
}
.articles#subtop .jait#pscout .linkset#pscout-features {
margin:0px;
}
.articles#subtop .jait#pscout .linkset#pscout-features li {
margin:0px 0px 7px;
background:none;
}
.articles#subtop .jait#pscout .linkset#pscout-features li strong {
padding:3px 0px 3px 28px;
background:url("http://image.itmedia.co.jp/career/images/li_check01.jpg") no-repeat 0px -3px;
line-height:180%;
color:#399;
}
/* search --------------------------------*/
.jait#search .ait#search-job .box-bar strong {background:url("http://image.itmedia.co.jp/career/images/heading_jait_search_jobfamily.gif") no-repeat left bottom;}
/* hakenplus -----------------------------*/
#hakenplus .ait#hakenplus-topics .box-bar,
#hakenplus .ait#hakenplus-useful .box-bar {background:url("http://image.itmedia.co.jp/career/images/bg_heading_06.gif") repeat-x left top;}
#hakenplus .ait#hakenplus-topics .box-bar strong,
#hakenplus .ait#hakenplus-useful .box-bar strong {padding-left:17px;}
#hakenplus .ait#hakenplus-topics .box-bar div,
#hakenplus .ait#hakenplus-useful .box-bar div {background:url("http://image.itmedia.co.jp/career/images/bg_heading_06_right_ait.gif") no-repeat right top;}
#hakenplus .ait#hakenplus-topics .box-bar div strong,
#hakenplus .ait#hakenplus-useful .box-bar div strong {
padding:6px 0px 0px 10px;
background:url("http://image.itmedia.co.jp/career/images/bg_heading_06_right_ait.gif") no-repeat right top;
}
#hakenplus .ait#hakenplus-topics .box-out,
#hakenplus .ait#hakenplus-useful .box-out {
background:#EBEFF5;
border:1px #879DCD solid;
color:#777;
line-height:110%;
}
#hakenplus .ait#hakenplus-topics .box-out strong {
font-size:105%;
line-height:120%;
}
#hakenplus .ait#hakenplus-topics .box-out strong span {
font-size:small;
color:#A73;
}
#hakenplus ul.linkset#hakenplus-retsuden li {
margin:4px 0px;
padding-left:18px;
background:url("http://image.itmedia.co.jp/career/images/li_delta01.gif") no-repeat 0px 2px;
}
#hakenplus ul.linkset#hakenplus-chumoku li {
font-size:small;
}
#hakenplus .ait#hakenplus-useful {margin-top:20px;}
.jait#hakenplus .ait#hakenplus-useful .box-out strong {
display:block;
margin:5px 10px 5px;
padding:2px 0px 3px 10px;
color:#555;
}
.jait#hakenplus .ait#hakenplus-useful .box-out .divide2-l strong {background:#DEEFE7;}
.jait#hakenplus .ait#hakenplus-useful .box-out .divide2-r strong {background:#EDEDCB;}
.jait#hakenplus .ait#hakenplus-useful .box-out .divide2-l .linkset li {background:url("http://image.itmedia.co.jp/career/images/li_dot03.gif") no-repeat 0px 3px;}
.jait#hakenplus .ait#hakenplus-useful .box-out .divide2-r .linkset li {background:url("http://image.itmedia.co.jp/career/images/li_dot04.gif") no-repeat 0px 3px;}
.jait#hakenplus .ait#hakenplus-useful .box-out ul.linkset {margin:0px 15px;}
.jait#hakenplus .ait#hakenplus-useful .box-out p {margin:0px 10px 0px 0px;padding:0px;text-align:right;}
.jait#hakenplus .ait#hakenplus-useful .box-out p a {margin:0px;padding:0px 0px 0px 15px;background:url("http://image.itmedia.co.jp/career/images/arr3.gif") no-repeat 0px 2px;}
#hakenplus-keyword {width:98%;margin:5px auto;}
#hakenplus-keyword .divide3 {text-align:center;}
#hakenplus-keyword .divide3 p {display:block;width:200px;margin:0px auto;padding:5px 0px 8px;background:#F0F4D5;border:1px #CDDA72 solid;font-weight:bold;font-size:15px;}
#hakenplus-keyword .divide3 p a {text-decoration:none;}
/* package -------------------------------*/
#package p.ico-l {clear:both;margin:15px 0px 0px;line-height:135%;}
#package p.ico-l strong {color:#5A939E;}
#package p.ico-l span.package-provided a {margin:0px;padding:2px 0px 2px 34px;font-size:small;text-decoration:none;}
#package p.ico-l span.package-provided {background:url("http://image.itmedia.co.jp/career/images/package_provided.gif") no-repeat 0px 1px;}
/* selfcheck -----------------------------*/
#selfcheck ul.linkset {
font-size:100%;
font-weight:bold;
}
#selfcheck ul.linkset#selfcheck-point li {margin:0px;} 
#selfcheck .stepbox {display:table;}
/* for IE7 */
*+html #selfcheck .stepbox {display:inline-block;width:auto;}
/* for IE */
* html #selfcheck .stepbox {display:inline-block;width:auto;}
#selfcheck .stepbox p {
margin:3px 0px!important;
padding:3px 3px 4px 70px;
font-size:15px;
font-weight:bold;
color:#555;
}
#selfcheck .stepbox p.step1 {background:#DAEDE4 url("http://image.itmedia.co.jp/career/images/stepbox_selfcheck_step1.gif") no-repeat 4px 4px;}
#selfcheck .stepbox p.step2 {background:#DAEDE4 url("http://image.itmedia.co.jp/career/images/stepbox_selfcheck_step2.gif") no-repeat 4px 4px;}
#selfcheck .stepbox p.step3 {background:#DAEDE4 url("http://image.itmedia.co.jp/career/images/stepbox_selfcheck_step3.gif") no-repeat 4px 4px;}
#selfcheck .stepbox p.step4 {background:#DAEDE4 url("http://image.itmedia.co.jp/career/images/stepbox_selfcheck_step4.gif") no-repeat 4px 4px;}
/* ascout --------------------------------*/
#ascout .step {
width:635px;
margin:0px auto 15px auto;
}
#ascout .step .stepbox {
float:left;
width:300px;
min-height:135px;
margin:5px;
background:#E6E7D4;
}
* #ascout .step .stepbox {height:135px;}
#ascout .step .stepbox p {
margin:10px;
font-size:small;
line-height:120%;
}
/* ssearch --------------------------------*/
.jait#ssearch .ait#search-job .box-bar strong {background:url("http://image.itmedia.co.jp/career/images/heading_jait_ssearch_jobfamily.gif") no-repeat left bottom;}
/* AD
-------------------------------------------------- */
#ITN {
display:block;
float:left;
margin-bottom:8px;
padding:0px 0px 0px 20px;
background:#DEDEDE url("http://image.itmedia.co.jp/career/images/ad_itn.gif") no-repeat left top;
border:0px solid red;
}
#ITN img {
display:block;
}
#ITN center {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
#ITN map {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
#ITN area {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
#ITN iframe {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
#ITN object,
#ITN embed,
#ITN table {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
#ITR {
margin:0px;
padding:2px 0px 0px 0px;
width:300px;
overflow:hidden;
border-top:20px solid #BBB;
}
#skyscraper {
margin-bottom:10px;
padding:0px;
width:300px;
overflow:hidden;
}
#skyscraper .box-bar,
#ITTC .box-bar {
display:block;
height:17px;
margin:0px;
padding:0px;
text-indent:-9999px;
background:#DEDEDE url("http://image.itmedia.co.jp/career/images/ad_itrct.gif") no-repeat left top;
}
#ITTC {
width:300px;
}
#ITTC .box-out {
background:#EEE;
border:1px #DDD solid;
}
#ITTC .box-in {
padding:0px;
background:url("http://image.itmedia.co.jp/career/images/ad_ittc.gif") left top;
}
#ITTC .box-out .box-in .box {
display:block;
width:288px;
margin-top:-1px;
padding:0px;
}
#ITTC .box-out .box-in .box a {
display:block;
margin:1px 0px 0px 0px;
padding:3px 0px 4px 17px;
background:#FFF url("http://image.itmedia.co.jp/career/images/arr.gif") no-repeat 4px 6px;
font-size:small;
letter-spacing:-1px;
line-height:130%;
}
#ITSB {
margin:5px auto 15px auto;
padding:0px;
width:500px;
overflow:hidden;
text-align:center;
}
#ITSB .box-bar {
display:block;
height:17px;
margin:0px;
padding:0px;
text-indent:-9999px;
background:#DEDEDE url("http://image.itmedia.co.jp/career/images/ad_itrct.gif") no-repeat 100px top;
}
#ITSB area {
margin:0px;
padding:0px;
}
.articles div#ITSB img {
border:none;
}
/* CMS INPUT BLOCKQUOTE 080610
---------------------------------------------------------------------------------------------------*/
.newart blockquote {
background:url("http://image.itmedia.co.jp/images0509/blockquote.gif") no-repeat 5px 5px #EEE;
padding:10px;
}
.newart blockquote p {
margin:0px 0px 5px;
padding:0px 0px 0px 25px;
}
/* CMS INPUT FUKIDASHI 081208
---------------------------------------------------------------------------------------------------*/
.trBoxC .trBoxWidth {margin:auto;}
.trBoxL .trBoxWidth {float:left;}
.trBoxR .trBoxWidth {float:right;}
.balAlign, .balAlignL, .balAlignR, .balAlignCL, .balAlignCR,
.balAlignCC {margin:0px 15px 15px 15px;background:url("http://image.itmedia.co.jp/images0509/blh1.gif") left top repeat-x #dcecfe;}
.balAlignCC {margin:0px 15px 0px 15px;}
.balBox1 {background:url("http://image.itmedia.co.jp/images0509/blh2.gif") left bottom repeat-x;width:100%;font-size:86%;}
.balBox2 {background:url("http://image.itmedia.co.jp/images0509/blv1.gif") left top repeat-y;}
.balBox3 {background:url("http://image.itmedia.co.jp/images0509/blv2.gif") right top repeat-y;}
.balBox4 {background:url("http://image.itmedia.co.jp/images0509/blr1.gif") left top no-repeat;}
.balBox5 {background:url("http://image.itmedia.co.jp/images0509/blr2.gif") right top no-repeat;}
.balBox6 {background:url("http://image.itmedia.co.jp/images0509/blr3.gif") left bottom no-repeat;}
.balBox7 {background:url("http://image.itmedia.co.jp/images0509/blr4.gif") right bottom no-repeat;}
.balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") center bottom no-repeat;padding:12px 16px 16px 16px;}
.balAlignL .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blil.gif") left top no-repeat;}
.balAlignR .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blir.gif") right top no-repeat;}
.balAlignCL .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") left bottom no-repeat;}
.balAlignCR .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") right bottom no-repeat;}
.balAlignCC .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") center bottom no-repeat;}
.balAlign .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blh2.gif") center bottom no-repeat;}
/* AMAZON ITEM 090416
---------------------------------------------------------------------------------------------------*/
#amazon-item {
text-align:center;
}
#amazon-item table {
margin:20px auto;
text-align:left;
border:5px #CCDEEE solid;
border-collapse:collapse;
}
#amazon-item thead th {
padding:0px;
font-size:small;
}
#amazon-item thead th span {
display:block;
padding:5px 10px;
height:1%;
margin:1px;
background:#CDE0F0 url("http://image.itmedia.co.jp/plusd/images/boxbar_blue02.gif") repeat-x 0px 0px;
color:#369;
}
#amazon-item td {
width:184px;
padding:10px;
font-size:12px;
line-height:130%;
vertical-align:top;
border:1px #CCDEEE solid;
}
#amazon-item td a img {
border:none;
}
#amazon-item .amazon-product .icon img {
float:left;
margin:0px 5px 0px 0px;
}
#amazon-item .amazon-btBuy {
display:block;
float:right;
width:100px;
height:19px;
margin:3px 0px 0px 0px;
background:url("http://image.itmedia.co.jp/images0509/amazon_bt_buy.gif") no-repeat 0px 0px;
text-indent:-9999px;
}
/* TOP RENU 091118
---------------------------------------------------------------------------------------------------*/
/* BASE */
#top {font-family:"ƒ�ƒCƒŠƒI";}
#top .headCont {width:100%;border:1px solid #FFF;}
#top .midCont {width:100%;border:1px solid #FFF;}
#top .footCont {width:100%;border:1px solid #FFF;}
/* SERCHMENU */
#searchMenu {
background:url("http://image.itmedia.co.jp/career/images/bg_loop.gif") repeat-x 0px 0px;
height:35px;
padding-top:11px;
border:0px solid red;
}
#searchMenu .rssBox {
float:right;
margin:0px;
padding: 2px 4px 0px 0px;
}
#searchMenu #searchBox{
float:left;
text-align:left;
margin-left:4px;
width:300px;
}
#searchMenu #searchBox form{float:left;}
/* HEADCONT */
#top .headCont .keyVis,
#top .footCont .l70 {
width:655px;
border:0px solid #CCC;
float:left;
background-color:#FFF;
}
#top .headCont .keyVis {border:1px solid #CCC;}
#top .headCont .ITR, #top .footCont .r30 {width:300px;border:0px solid #CCC; float:right;}
#top .headCont .ITR {margin-top:0px;}
#top .footCont .r30 {margin-top:4px;}
#top .headCont .keyVis {
/*height:300px;*/
background: #F7F7F7;
}
#top .midCont.service {
padding-top:5px;
/*background:url("http://image.itmedia.co.jp/career/images/bg_split.jpg") repeat-x 0px 0px;*/
}
/* MIDCONT */
#top .midCont .l50, #top .midCont .r50 {width:475px;border:0px solid #FFF;}
#top .midCont.service .l50, #top .midCont.service .r50 {width:475px;border:0px solid #FFF;padding:5px 0px;}
#top .midCont .l50 {float:left;}
#top .midCont .r50 {float:right;}
#top .midCont .articleInfo {padding:5px;}
#top .midCont .articleInfo .ico-l img {border:1px solid red;}
#top .midCont .articleInfo p.btmLink {text-align:right !important;background:none !important;font-size:80% !important;}
#top .midCont .btm-link {text-align:right;}
.service .ico-l {display:none;}
#top .footCont p.btmLink {
text-align:right;
}
#top .midCont .articleInfo p.btmLink a,
#top .footCont p.btmLink a {
background:url("http://image.itmedia.co.jp/career/images/ttl_bg.gif") repeat-x 0px -8px;
padding:4px 3px 2px 3px;
font-weight:bold;
border:1px solid #CCC;
text-decoration:none;
}
#top .midCont .articleInfo p.btmLink a:hover,
#top .footCont p.btmLink a:hover {border:1px solid #999;}
#top .midCont .articleInfo p.btmLink a:hover span,
#top .footCont p.btmLink a:hover span {color:#D50000;}
#top .midCont .articleInfo p.btmLink a span {
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 5px -195px;
padding-left:20px;
padding-right:5px;
color:#0694D5;
}
#top .footCont p.btmLink a span {
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 3px -1103px;
padding-left:25px;
padding-right:5px;
color:#0694D5;
}
#top .midCont h3,
#top .footCont h3 {
border:1px solid #DDD;
border-top:none;
border-bottom:2px solid #DDD;
margin: 4px 0px 20px 0px;
font-size:12px;
background:url("http://image.itmedia.co.jp/career/images/ttl_bg.gif") repeat-x 0px 0px;
color:#444;
}
#top .midCont h3 span,
#top .footCont h3 span {
display:block;
text-indent:-9999px;
padding:10px 3px 15px 10px;
background:url("http://image.itmedia.co.jp/career/images/ttlFront.gif") no-repeat 4px 6px;
}
#top .midCont h3.tensyoku span {background-position:4px -94px;}
#top .midCont h3.sTtl,
#top .footCont h3.sTtl {
}
#top .footCont h3.sTtl {}
#top .midCont h3.sTtl span,
#top .footCont h3.sTtl span {
}
#top h3.sTtl.skill span {background-position:4px -195px;}
#top h3.sTtl.analysis span {background-position:4px -295px;}
#top h3.sTtl.gath span {background-position:4px -395px;}
#top .midCont.service .index h4 {
border:none;
border:1px solid #DDD;
font-weight:normal;
font-size:12px;
background:url("http://image.itmedia.co.jp/career/images/ttl_bg.gif") repeat-x 0px -200px;
margin-top:0px;
}
#top .midCont.service .index h4 span {
display:block;
padding:1px 1px 1px 5px;
margin:3px 3px 3px 6px;
border-left:3px solid #DDD;
}
#top .footCont dl {font-size:14px;margin:6px 0px;}
#top .footCont dl dd {}
#top .midCont.service .articleInfo p {
padding-left:25px;
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 3px 3px;
}
/* SBOX */
#top .midCont .sBox {border:4px solid #8DBB1E;}
#top .midCont .sBox .innerBox {padding:3px;}
#top .midCont .sBox p {}
#top .midCont .sBox p a { padding-right:2px;padding-left:2px;}
#top .midCont .sBox h4 {
margin:0px;
padding:3px;
background-color:#8DBB1E;
color:#FFF;
font-size:12px;
}
/* FOOTCONT */
.footService{}
.footService .l50, .footService .r50 {width:48%; margin-top:5px;}
.footService .l50 {float:left;}
.footService .r50 {float:right;}
.footService dl{}
.footService dl dt {
clear:both;
border:none;
border:1px solid #DDD;
font-weight:bold;
font-size:12px;
background:url("http://image.itmedia.co.jp/career/images/ttl_bg.gif") repeat-x 0px -201px #EEEFE2;
margin-top:20px;
margin-bottom:10px;
}
.footService dl dt.ttlJinji {display:none;}
.footService dl dt span {
display:block;
padding:7px 4px 7px 40px;
border-left:0px solid #DDD;
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 5px -498px;
}
.footService dl dt.ttlTmpl span {background-position:4px -599px !important;}
.footService dl dt.ttlTwit span {background-position:4px -698px !important;}
.footService dl dt.ttlJinji span {background-position:4px -798px !important;}
.footService dl dt.ttlMail span {background-position:4px -898px !important;}
.footService dl dt.ttlTips span {background-position:6px -998px !important;}
.footService dl dd {
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
margin-left:0px;
}
.footService dl dd .ttl {
display:block;
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 5px -197px;
padding-left:20px;
margin-top:15px;
font-weight:bold;
}
.footService dl dd .ttl small {
font-weight:normal;
font-size:100%;
}
.footService dl dd .sTtl {
display:block;
font-weight:bold;
color:#9A8F30;
padding:2px;
margin-left:20px;
border-bottom:2px solid #DDD;
}
.footService dl dd .abs {
margin-left:20px;
display:block;
padding-top:5px;
}
.footService dl dd ul {
list-style:none;
margin:0px;
padding:0px;
}
.footService dl dd ul li {
margin:7px 0px 7px 20px;
padding:0px 0px 0px 20px;
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 10px -294px;
border-bottom:1px solid #EEE;
}
.footService dl dd ul li.endLink {
background:none;
text-align:right;
}
.footService dl dd ul li.endLink a {
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 5px -195px;
padding-left:17px;
}
/* kEYVISUAL */
.keyVis .l160 {width:153px;height:78px;float:left;}
.keyVis .r500 {
width:500px;
border:1px solid #EEE;
float:right;
height:230px;
/*background:#444;*/
}
.keyVis .w100 {
clear:both;
padding-top: 2px;
border-top:1px solid #DDD;
width:100%;
font-size:small;
background:#F7F7F7;
}
.keyVis .w100 h3 {float:left;font-size:small; color:#666;padding-left: 20px;padding-top:10px ;margin:0px;}
.keyVis .w100 ul {margin:6px 0px 2px 151px;padding:0px;list-style:none;border-left: 3px solid #70A1CB;}
.keyVis .w100 ul li {
margin:3px 0px 3px 0px;
padding: 0px 0px 0px 20px;
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 10px -294px;
}
/* BTN JA PS */
.btn {
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/career/images/btn_ps_ja.gif") no-repeat;
margin:0px;
}
.midCont .btn {margin:0px 2px 0px 2px;float:left;}
.keyVis .btn {margin:0px;border-right:1px solid #DDD;}
.btn a {display:block;}
.midCont .btn a {width:232px;height:120px;}
.keyVis .btn a {width:152px;height:77px;}
.btn.btPs {background-position:0px 0px;}
.btn.btJa {background-position:0px -200px;}
.keyVis .btn.btSyusyoku {border-bottom:1px solid #DDD;background-position:0px -350px;}
.keyVis .btn.btTensyoku {border-bottom:1px solid #DDD;background-position:0px -425px;}
.keyVis .btn.btService {background-position:0px -503px;}
/* Recommend JOb */
.r500 a{
color:#003366;
}
.r500 a:hover{
color:#CC0000;
}
.r500 h3{
background:url("http://image.itmedia.co.jp/career/images/tplist_title.png") no-repeat 0 0;
width:500px;
height:20px;
margin:0 0 7px;
text-indent:-9999px;
}
.r500 .Jobtitle{
margin:0;
padding:0 0 5px 5px;
width:240px;
height:110px;
float:left;
}
.r500 .Jobtitle h4{
border-bottom:2px solid #70A1CB;
width:240px;
height:20px;
padding-bottom:2px;
margin:0 0 5px;
text-indent:-9999px;
}
.r500 .Jobtitle h4.tech{
background:url("http://image.itmedia.co.jp/career/images/recommend_jobtitle.png") no-repeat 0 0;
}
.r500 .Jobtitle h4.business{
background:url("http://image.itmedia.co.jp/career/images/recommend_jobtitle.png") no-repeat 0 -20px;
}
.r500 .Jobtitle p{
padding:0 10px 0px;
margin:0;
font-size:small;
}
.r500 .Jobtitle p{
font-size:75%; /*IE*/
}
html>/**/.r500 .Jobtitle p{
font-size:12px; /*IEˆÈŠO*/
}
.r500 .recommend_list{
margin:0 5px 0;
/*height:105px;*/
/*overflow:hidden;*/
}
.r500 .recommend_list h4{
border-bottom:2px solid #70A1CB;
padding-bottom:5px;
margin:0 0 5px;
text-indent:-9999px;
}
.r500 .recommend_list h4.recommend{
background:url("http://image.itmedia.co.jp/career/images/recommend_jobtitle.png") no-repeat 0 -40px;
}
.r500 .recommend_list ul{
list-style:none;
margin:0;
padding:0;
font-size:small;
}
.r500 .recommend_list ul li{
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 10px -294px;
margin:0;
padding:1px 0 1px 20px;
border-bottom:1px solid #e5e5e5;
}
.r500 .recommend_list ul li.last{
border-bottom:none;
}
/* QUICKPOLL */
.qp {
width:300px;
margin:0 auto;
text-align:left;
}
.qp .linkset {}
.qp h2 {
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 8px -395px #8DBB1E;
padding:0px 0px 0px 40px;
line-height:30px;
margin:0px;
height:30px;
overflow:hidden;
font-size:small;
color:#FFF;
}
.qp h5 {
margin:0px;
}
.qp div {
border:1px solid #AEAEAE;
border-top:none;
}
.qp div form {
border:3px solid #EEE;
padding:5px;
margin:0px;
}
.qp div form h5 {
color:#222;
margin-bottom:5px;
}
.qp div form input {
vertical-align:middle;
}
.qp div form label {
margin-left:5px;
font-size:12px;
}
.qp div form div.voiceBarBg {
border:1px solid #AFADAD;
background: #E4F0F7;
margin-bottom:10px;
padding:0px;
font-size:10px;
text-align:left;
color:#272302;
}
.qp div form div.voiceBarBg div {
border:0px solid #ceb70d;
border-right:1px solid #AAA;
background:url("http://image.itmedia.co.jp/career/images/bg_loop.gif") repeat-x 0px -100px ;
padding:0px;
font-size:10px;
text-align:center;
color:#FFF;
}
.qp div form p {
background:none;
padding:0;
font-size:10px;
color:#C00;
}
.qp div form .linkset {
}
.qp div form .linkset li {
padding:0;
background:none;
text-align:right;
font-size:12px;
}
.qp div form .relatedlinkset li {
background:transparent url("http://image.itmedia.co.jp/makoto/images/ulli_06.gif") no-repeat scroll 7px 4px;
font-size:12px;
margin:0;
padding:5px 0 5px 28px;
border-bottom:1px dotted #EEE;
}
.qp div form br,
.qp div form hr {
display:none;
}
/* ARTICLE RIGHTCOL */
#rc .info-box div.articleInfo {
padding-bottom:2px;
padding-left:2px;
margin-left:0px !important;
margin-top:5px;
margin-bottom:10px;
clear:both;
background:url("http://image.itmedia.co.jp/makoto/images/cbox_bg_01.gif") no-repeat left bottom ;
}
#rc .info-box .articleInfo strong {margin-left:0px;display:inline;}
#rc .articleInfo p.btmLink {text-align:right;background:none !important;font-size:80% !important;padding: 3px 0px 3px 0px;}
#rc p.btmLink {
text-align:right;
}
#rc .articleInfo p.btmLink a {
background:url("http://image.itmedia.co.jp/career/images/ttl_bg.gif") repeat-x 0px -8px;
padding:4px 3px 2px 3px;
font-weight:bold;
font-size:86%;
border:1px solid #CCC;
text-decoration:none;
}
#rc .articleInfo p.btmLink a:hover {border:1px solid #999;}
#rc .articleInfo p.btmLink a:hover span {color:#D50000;}
#rc .articleInfo p.btmLink a span {
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 5px -197px;
padding-left:20px;
padding-right:5px;
color:#0694D5;
}
/* changePhoto */
#changePhoto .subblock,
#changePhoto .btnblock {display:none;}
/* JOBTARGET A */
.jobtargetsearchbox {
clear:both;
background:url("http://image.itmedia.co.jp/career/images/search_bg.jpg") no-repeat 0 0 #EEE;
width:970px;
height:79px;
position:relative;
margin:0 auto;
}
.jobtargetsearchbox form {
margin:0;
padding:0;
}
.jobtargetsearchbox-text {
display:block;
position:absolute;
width:222px;
height:18px;
border:none;
background:transparent;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
color:#666;
font-size:12px;
}
.jobtargetsearchbox-keyword-text {
top:20px;
left:292px;
background:url("http://image.itmedia.co.jp/career/images/search_bg_keyword.gif") no-repeat 0 0;
}
.jobtargetsearchbox-address-text {
top:20px;
left:632px;
background:url("http://image.itmedia.co.jp/career/images/search_bg_address.gif") no-repeat 0 0;
}
.jobtargetsearchbox-search-btn {
display:block;
position:absolute;
top:12px;
right:11px;
width:93px;
height:31px;
border:none;
background:transparent;
font-family:Meiryo;
color:#999;
font-size:12px;
text-indent:-9999px;
cursor:pointer;
}
/* JOBTARGET B */
.jobtargetsearchbox2 {
clear:both;
background:url("http://image.itmedia.co.jp/career/images/search_bg_2.jpg") no-repeat 0 0 #EEE;
width:970px;
height:79px;
position:relative;
margin:0 auto;
}
.jobtargetsearchbox2 form {
margin:0;
padding:0;
}
.jobtargetsearchbox-text2 {
display:block;
position:absolute;
width:222px;
font-size:14px;
height:18px;
border:none;
background:transparent;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
color:#000;
}
.jobtargetsearchbox-keyword-text2 {
top:30px;
left:166px;
}
.jobtargetsearchbox-address-text2 {
top:30px;
left:424px;
}
.jobtargetsearchbox-search-btn2 {
display:block;
position:absolute;
top:24px;
right:220px;
width:93px;
height:31px;
border:none;
background:transparent;
font-family:Meiryo;
color:#999;
font-size:12px;
text-indent:-9999px;
cursor:pointer;
}
.jobtargetsearchbox-icon2 {
display:block;
position:absolute;
top:28px;
left:113px;
width:23px;
height:23px;
font-size:12px;
text-indent:-9999px;
}
.jobtargetsearchbox-link2 {
display:block;
position:absolute;
top:24px;
right:10px;
width:118px;
height:31px;
font-size:12px;
text-indent:-9999px;
}
/* VOICE */
.index  ul.archive {
list-style:none;
margin-top:5px;
margin-left:5px;
padding-left:5px;
}
.index ul.archive li {
display:block;
background:url("http://image.itmedia.co.jp/career/images/icon_set.gif") no-repeat 5px -196px;
padding-left:20px;
margi-left:5px;
margin-top:5px;
font-weight:bold;
}
.index ul.archive li span {
font-size:small;
padding-right:5px;
}
.anav {margin-bottom:15px;}
.anav span {
border:1px solid #AAA;
background:#EEE;
font-size:small;
padding:2px 4px 2px 4px ;
margin:2px 2px 2px 2px ;
}
.articles .anav span a{
text-decoration:none;
}
/* KAKOKIJI ICHIRAN */
#subtop.articles .article-list .title {z-index:1;}
#subtop.articles .article-list .title h1 {z-index:2;}
#subtop.articles .article-list .title .yearTxt {color:#444;font-weight:bold;font-size:22px;z-index:1000;display:block;line-height:30px;top:63px !important;_top:65px !important;_right:330px !important;}
#subtop.articles .article-list .yearBox {border:0px solid red;padding: 10px 0px 20px 0px;}
#subtop.articles .article-list .yearBox a {border:1px solid #999;padding:5px;margin-left:5px;}
#subtop.articles .article-list .yearBox a:hover {background:#FFFFF0;text-decoration:none;}
/* imgLink
-------------------------------------------------- */
#article_body div a.imgLink img {border:2px solid #FFF !important;}
#article_body div a.imgLink:link img {border:2px solid #FFF !important;}
#article_body div a.imgLink:visited img {border:2px solid #FFF !important;}
#article_body div a.imgLink:hover img {border:2px solid #FFF !important;}
#article_body div a.imgLink:active img {border:2px solid #FFF !important;}
/* MEDIA FOOTER
----------------------------------------------- */
.mediafooter {
margin:5px 15px 20px;
padding:0px;
font-size:12px;
color:#999;
text-align:right;
}
/* BOX
---------------------------------------------------------------------------------------------------*/
#article_body .cmsBox {
border:2px solid #666;
margin-bottom:20px;
}
#article_body .cmsBox h3 {
color:#FFF;
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:3px;
background:none;
border:none;
}
#article_body .cmsBox h3 {
background-color:#666;
}
#article_body .cmsBox h3 a {
color:#FFF;
}
#article_body .cmsBox h4 {
color:#A73;
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:0;
background:none;
}
#article_body .cmsBox p {
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:5px;
}
/*--------------------------------------*/
#article_body .cmsBoxRed {border-color:#BE2B2B;background:#F9F1F1;}
#article_body .cmsBoxGreen {border-color:#649526;background:#F4F6F1;}
#article_body .cmsBoxBlue {border-color:#267095;background:#F1F4F6;}
#article_body .cmsBoxOrange {border-color:#DA6B2E;background:#FBF5F2;}
/*--------------------------------------*/
#article_body .cmsBoxRed h3 {background-color:#C00;}
#article_body .cmsBoxGreen h3 {background-color:#090;}
#article_body .cmsBoxBlue h3 {background-color:#039;}
#article_body .cmsBoxOrange h3 {background-color:#C60;}