<!--
/* jibun common */

@import url("/stylesheet/ad.css");
@import url("/stylesheet/tabmenu.css");
@import url("/stylesheet/gnavi.css");

/* html style*/

body{
color: #000000;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
a{ text-decoration: none; }
a:link{ text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }

p { line-height: 130%; }
ul { line-height: 120%; }
ol { line-height: 120%; }

/* width wrapping */
.width { width: 840px; margin: 0px; padding: 0px; }

/* width wrapping */
#wrap { width: 840px; margin: 0px; padding: 0px; }

/* header */
#header { margin: 0px; padding: 0px; }
#header_l { float:left; width: 92px; height: 64px; }
#header_r { float:right; width: 748px; height: 64px; 
            text-align: right; 
			background-image:url(/include/header/images/header_art.gif); }

/* search */
.header_sch { margin: 0px;
              padding-top: 7px; padding-right: 3px; 
			  font-size: small; }		

/* Gsearch */
#search {
margin: 0px; 
padding: 8px 3px 0px 0px;
float: right;
clear: right;
font-size: small;
}

#search form { width: 300px; margin: 0px; padding: 0px; text-align: right;}

/*header adspace */
#header_ad { text-align: center; 
 background-image:url(/include/header/images/back_line.gif); 
 height: 105px; 
 clear:both; 
 font-size: 10px; 
 }

/* header navi textlink */
.navi { font-size: 10px; color: #DDD; 
margin-right: 5px; 
margin-top: 5px;}
.navi a { color:#FFFFFF; }
.navi_link { color:#FFFFFF; }

/* navibar */
#navibar {
height:24px;
background:#EEE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.navibar_styl { margin-left: 10px; padding-top: 5px; 
font-size: small; font-weight: bold; }

/*
#main {
position:absolute;
left: 0px;
top: 194px;
width: 840px;
}
*/

/*bottommenu*/

#bottommenu { width: 840px; }
#bottommenu_l { width: 500px; 
margin: 0px; 
padding:0px 10px 10px 20px; 
}

/* footer */
#footer {
margin:10px 0px 0px 0px; 
padding:0px; 
clear:both;
background:#EEE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}

.footer_padding { padding-left: 20px; padding-top: 10px; }
.footer_logo { float: left; }
.footer_txtlink { float: left; 
margin-left: 50px; margin-top: 10px; 
font-size: 12px; 
text-align: left; }

#footsponsor { padding-top: 10px; 
 text-align: center; 
 font-size: 10px; 
 }


/*New!mark*/
.newmark { font-size: 12px; color: #FF0000; font-weight: bold; } 

/*rightmenu bizid */
#rbizid { margin: 10px 0px; padding: 0px; width: 300px; font-size: 12px; }
#rbizid .title { margin: 0px 0px 5px 0px; }
#rbizid ul { margin: 0px; 
 padding: 3px; 
 list-style-type: none; 
 text-align: left; }
#rbizid ul li { margin:0px; 
padding:0px 0px 2px 10px; 
background:url("/top/arrow.gif") no-repeat; 0px 1px; }

/* bizid */
#rbizid { margin: 10px 0px; padding: 0px; width: 300px; font-size: 12px; }
#rbizid .title { margin: 0px 0px 5px 0px; }
#rbizid ul { margin: 0px; 
 padding: 3px; 
 list-style-type: none; 
 text-align: left; }
#rbizid ul li { margin:0px; 
padding:0px 0px 2px 10px; 
background:url("/top/arrow.gif") no-repeat; 0px 1px; }

/* right careerup*/
#rcareerup2 { margin: 0px 0px 10px 0px; padding: 3px; text-align: left; font-size: 13px; }

/* right eventcalendar, creer seminar */
#eventcal { margin: 10px 0px; padding: 0px; width: 300px; font-size: 13px; }
#eventcal .title { margin: 0px 0px 5px 0px; }
#eventcal .title img { height:26px !important;}
#eventcal ul { margin: 0px; padding: 3px; 
 list-style-type: none; 
 text-align: left; }
#eventcal ul li { margin:0px; padding:0px 0px 1px 10px; 
background:url("/top/forum_arrow.gif") no-repeat; }
#eventcal .indexlink { margin: 0px; text-align: right; }

/* right comunitycalendar */
#comcal { margin: 10px 0px; padding: 0px; width: 300px; font-size: 13px; }
#comcal .title { margin: 0px 0px 5px 0px; }
#comcal ul { margin: 0px; padding: 3px; 
 list-style-type: none; 
 text-align: left; }
#comcal ul li { margin:0px; padding:0px 0px 1px 10px; 
background:url("/top/forum_arrow.gif") no-repeat; }
#comcal .indexlink { margin: 0px; text-align: right; }

#comrelease { margin: 10px 0px; padding: 0px; width: 300px; font-size: 13px; }
#comrelease .title { margin: 0px 0px 5px 0px; }
#comrelease ul { margin: 0px; padding: 3px; 
 list-style-type: none; 
 text-align: left; }
#comrelease ul li { margin:0px; padding:0px 0px 1px 10px; 
background:url("/top/forum_arrow.gif") no-repeat; }
#comrelease .indexlink { margin: 0px; text-align: right; }

/*new mark*/
.new { font-size: 13px; font-weight: bold; color: #FF0000; margin-left: 2px; }

/*grand top*/
#gt { clear: both; width: 390px; }
#gt h1 { margin: 10px 0px; font-size: 16px; }
#gt h2 { margin: 0px; font-size: 13px; }
#gt h3 { margin: 0px; font-size: 18px; }
#gt .date { color: #666; margin-right: 5px; text-align: right; }
#gt .more { margin-top: 3px; margin-bottom: 10px; text-align: right; font-size: 13px; }
#gt .jibun{ margin: 0px 0px 10px 0px; padding: 6px; border: 1px #333 solid; 
font-size: 13px; text-align: left; height: 105px; }
#gt .jibun img { border: 0px; }
#gt .jibun p { margin: 0px; }

/*article shoukaibun style*/
#centercol .intro,
#artindex .intro { margin: 5px 0px 10px 0px; padding:5px; font-size: 13px; clear: both; width:390px; }
#centercol .intro img,
#artindex .intro img { float: left; margin-right: 10px; border: 0px; }
#centercol .intro h3,
#artindex .intro h3 { margin: 0px; font-size: 13px; }
#centercol .intro .date,
#artindex .intro .date { text-align: right; color: #666; margin-right: 5px; }

/*article shoukaibun serial style*/
#centercol .introserial,
#artindex .introserial { margin:5px 0px 10px 0px; padding:5px; font-size:13px; clear: both; width:390px; }
#centercol .introserial img,
#artindex .introserial img { float:left; margin-right:10px; border:0px; }
#centercol .introserial h3,
#artindex .introserial h3 { margin:0px; font-size:13px; }
#centercol .introserial p,
#artindex .introserial p { margin:0px; line-height:110%; }
#centercol .introserial ul,
#artindex .introserial ul { margin:0px; padding:1px 0px 0px 50px; list-style-type:none; line-height:110%; }
#centercol .introserial ul li,
#artindex .introserial ul li { padding-bottom:1px; }
#centercol .introserial .date,
#artindex .introserial .date { text-align:right; color: #666; margin-right: 5px; }

/*gt,articles new mark*/
#gt .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }
#centercol .new,
#artindex .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }

/*bt edit 070627 SKILLUP */
.clearfix {
height: 1px;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
#ji-skill {
font-size:13px;
border:0px solid red;
padding:0px;
margin-bottom:25px;
}
#ji-skill div {background-color:#CCC;border:1px solid #999;}
#ji-skill h4 {border-bottom:0px solid #999;margin:0px 0px 0px 0px;padding:0px;}
#ji-skill h4 img {height:26px;}
#ji-skill h5 {
border-bottom:1px solid #BBB;
border-left:2px solid #BBB;
margin:16px 0px 0px 0px;
padding:4px;
font-size:13px;
color:#666;
}
#ji-skill h5 small{font-weight:normal;}
#ji-skill ul {margin:5px 0px 0px 0px;padding:0px; list-style:none; }
#ji-skill li {margin:4px 4px 4px 4px;padding:0px;line-height:100%;}
#ji-skill li img {float:left;margin-right:7px; border:0px;}
#ji-skill .skill-rank {font-size:13px;margin-top:10px;}
#ji-skill .skill-rank li {margin:4px 4px 6px 4px;}
#ji-skill .skill-rank strong {
color:#555;
width:25px;
height:13px;
float:left;
border-right:1px solid #CCC;border-bottom:1px solid #CCC;
padding:2px 2px 2px 2px;
margin:0px 4px 4px 0px;
}
#ji-skill .skill-rank #rank1 { color:#C60;}
#ji-skill .skill-rank #rank2 { color:#999;}
#ji-skill .skill-rank #rank3 { color:#663;}

/*bt edit 070627 JOBSPACE */
.jobspace {
border:0px solid red;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
font-size:13px;
}
.jobspace h4 {border-bottom:1px solid #999;margin:0px;padding-left:4px;}
.jobspace ul {margin:5px 0px 0px 00px;padding:0px;list-style:none; }
.jobspace li {margin:4px 4px 10px 4px;padding:0px;line-height:100%;}
.jobspace li img {float:left;margin-right:7px; border:0px;}

/* Oshirase
-----------------------------------------*/
#rightcol #osirase { margin-top:10px;}
#rightcol #osirase div { margin: 10px 3px 3px 3px;background-color:#FFF;padding:0px;}
#rightcol #osirase h2 {
font-size:12px; 
text-indent:-9999px;
background:url("/parts/images/oshirase_jibun.gif") no-repeat left top;
height:18px;
padding-top:3px;
padding-left:5px;
paddingbottom:0px;
margin-bottom:0px;
margin-top:0px;
color:#666;
}
#rightcol #osirase p {
font-size:12px; 
border-left:6px solid #667;
padding-left:6px;
margin-bottom:6px !important;
margin-top:6px !important;
line-height:130%;
}

#subColIttr {
margin-bottom:5px;
}
#subColIttr .heading {
background:url(/include/rightmenu/images/ttl_ittr.gif) no-repeat 0px 0px #FFF !important;
text-indent:-9999px;
height:19px;
margin-bottom:5px;
border:0px;
}
.cbox h4 {
margin:0 0 3px;
padding:3px 5px;
background:#EED;
border:1px solid #CCB;
font-size:12px;
font-weight:bold;
color:#444;
}
#subColIttr p {
font-size:12px;
padding:2px;
margin:0px;
color:#444;
}
#subColIttr p.btmLnk {text-align:right;}
#subColIttr .cF60 {color:#F60;padding-right:3px;}
#subColIttr ul {
list-style:none;
padding:0px;
margin:0px;
font-size:12px;
color:#444;
}
#subColIttr label {
cursor: hand;
cursor: pointer;
padding-left:3px;
}
#subColIttr ul li {
padding:0px;
margin:3px;
}

border


/* ITTrain Rcol
-----------------------------------------*/

#rightcol #ittrain {margin-bottom:5px;}
#rightcol #ittrain h2 {
background:url("http://el.jibun.atmarkit.co.jp/images/ttl_ittr.gif") no-repeat;
text-indent:-9999px;
height:26px;
margin-bottom:5px !important;
border:0px !important;
padding:0px !important;
}
#rightcol #ittrain h3.title {
background:repeat #EED;
border:1px solid #CCB;
color:#444;
font-size:12px;
font-weight:bold;
margin:0 0 3px;
padding:3px 5px;
}
#rightcol #ittrain .inner p.abs {
margin:0;
padding:2px;
color:#444;
font-size:12px;
}
#rightcol #ittrain .tar {
text-align:right;
font-size:12px;
}
#rightcol #ittrain .tar .cF60 {
color:#F60;
padding-right:3px;
}


/* ITTrain Rcol For emergency 100823
-----------------------------------------*/
#rightcol #indexTrain h2 {
background:url("http://el.jibun.atmarkit.co.jp/images/ttl_ittr.gif") no-repeat;
text-indent:-9999px;
height:26px;
margin-bottom:5px !important;
border:0px !important;
padding:0px !important;
}
#rightcol #indexTrain .index {border:none !important;}
#rightcol #indexTrain .borderBox {border:none !important; background:none !important;}
#rightcol #indexTrain .inner .icon {display:none !important;}
#rightcol #indexTrain .iconMargin {margin:0 !important;}
#rightcol #indexTrain .iconMargin h3.title {
visibility:visible !important;
display:block !important;
background:#EED !important;
border:1px solid #CCB !important;
color:#444 !important;
font-size:12px !important;
font-weight:bold !important;
margin:0 0 3px !important;
padding:3px 5px !important;
}
#rightcol #indexTrain .iconMargin p.abs {
visibility:visible !important;
display:block !important;
margin:0;
padding:2px;
color:#444;
font-size:12px;
}
#rightcol #indexTrain .tar {
text-align:right;
font-size:12px;
}
#rightcol #indexTrain .cF60 {color:#F60;}
#rightcol #indexTrain .inner h3 {display:none;}
#rightcol #indexTrain .inner .abs {display:none;}
#rightcol hr {visibility:hidden;}


/* Evernote 100928
-----------------------------------------*/
#evernotebtn {
padding-right:3px;
width:15px;
overflow:hidden;
}
#evernotebtn a {
}
#evernotebtn img {
border:0px solid;
vertical-align:middle;
width:15px;
height:15px;
}
#headmenu .r img {vertical-align:middle !important;}

/* headmenu socialbtn
====================================================== */
#socialbtn-area {
height:25px;
margin:0;
clear:both;
}
#socialbtn-area .socialbtn {
float:left;
padding: 0 10px 0 0;
margin:0;
height:21px;
}
#socialbtn-area .socialbtn.twitter {padding-right:0px;}
#socialbtn-area .socialbtn.hatebu {}
#socialbtn-area .socialbtn.facebooklike iframe {
}
#socialbtn-area .socialbtn.facebooklike iframe span.liketext {font-size:11px;}
#socialbtn-area .socialbtn.evernote {padding-top:1px}
#socialbtn-area .socialbtn.evernote img {
width:auto!important;
height:auto!important;
}
#socialbtn-area .socialbtn.print {
padding-top:4px;
*padding-top:2px;
}
#evernotebtn {
overflow:visible!important;
padding:0!important;
widgh:auto!important;
}
#eventtext-area {
height:21px;
clear:both;
border-bottom:1px solid #DDD;
margin-bottom:10px;
padding-bottom:3px;
}
#eventtext-area a {
background:url("/parts/images/icon/pr.gif") no-repeat;
padding-left:23px;
font-size:12px;
font-weight:normal;
}
#headmenu-area {
margin:5px 0;
}


/* atmarkit jobinfomation area
--------------------------------------------------------- */
#job-info.rcBox {
font-size: small;
margin:10px 0;
padding:0;

}
#job-info.rcBox.txtTtl h2 {
font-size:13px!important;
background:url("/include/rightmenu/images/ttl_careerup_300_2.gif") no-repeat;
color: #444444;
font-family: 'メイリオ';
font-weight: bold;
text-indent:-9999px !important;
padding: 5px 2px 4px 7px;
height:17px;
margin:0;
}
#job-info .icon {float:left;}
#job-info img {float:left; border-style:none;}
#job-info .job-textinfo {padding-left:50px; display:block;}
#job-info p {
padding:5px;
margin:0;
}
#job-info .job-link {
text-align:right;
font-size:12px;
background:url("http://www.atmarkit.co.jp/images/arrow_evcal.gif") no-repeat right 1px;
margin:3px 0 3px;
padding:2px 22px 2px 0px;
}

/* sj banner
--------------------------------------------------------- */
#header_r .jsbanner {
float:left;
}

/* 110728 event calendar
======================================= */
#calendar {
font-size: 12px;
margin-bottom:10px;
padding-bottom:0px;
background: #DDD;
letter-spacing:0.1ex;
line-height:140%;
border:0px solid #CCC!important;
}
#calendar .calendarOuter {
border:0px solid #DDD;
}
#calendar h2 {
color:#FFF!important;
margin:0;
text-indent:-9999px;
background:url(/images/baseSubCol_heading_evecal.gif) no-repeat #FFF;
height:23px;
border-bottom:3px solid #EEE;
padding:0;
}
#calendar li {
background:none;
}
#calendar #calendarInner ul li {
list-style:none;
width:auto;
padding:3px 0;
border-bottom:1px dotted #DDD;
position:relative;
}
#calendar #calendarInner ul li a {
padding:0 0 0 22px;
line-height:17px;
display:block;
}
#calendar #calendarInner ul li span {
display:block;
position:absolute;
top:3px;
left:0;
width:20px!important;
height:16px!important;
margin:0!important;
padding:0!important;
text-indent:-9999px;
background:url(/parts/images/olli_rank.gif) no-repeat 0 0;
border:0 none!important;
}
#calendar #calendarInner ul li span.rank1  {background-position: 0 0;}
#calendar #calendarInner ul li span.rank2  {background-position: 0 -50px;}
#calendar #calendarInner ul li span.rank3  {background-position: 0 -100px;}
#calendar #calendarInner ul li span.rank4  {background-position: 0 -150px;}
#calendar #calendarInner ul li span.rank5  {background-position: 0 -200px;}
#calendar #calendarInner ul li span.rank6  {background-position: 0 -250px;}
#calendar #calendarInner ul li span.rank7  {background-position: 0 -300px;}
#calendar #calendarInner ul li span.rank8  {background-position: 0 -350px;}
#calendar #calendarInner ul li span.rank9  {background-position: 0 -400px;}
#calendar #calendarInner ul li span.rank10 {background-position: 0 -450px;}
#calendar p {
font-weight:bold;
background:url(/parts/images/i_arow.gif) no-repeat 4px 7px!important;
padding:5px 0 0 19px;
margin:0;
}
#calendar #calendarInner ul {
padding:4px 4px 0!important;
margin:0!important;
}
#calendar #calendarInner {
clear:both;
background:none transparent;
margin:0!important;
padding:0 0 5px !important;
border:0 none!important;
position:relative;
}
#calendar .calendarOuter {
padding-bottom:5px;
background:#FFF;
margin:0;
}

#calendar .calendarOuter .cal-bt {
background:none!important;
padding:0 5px 0 0;
display:block;
height:17px;
}
.rcBox#calendar .calendarOuter .cal-bt a {
line-height:17px;
float:right;
background:url("http://www.atmarkit.co.jp/images/arrow_evcal.gif") no-repeat right 0;
padding:0 22px 0 0!important;
}
#calendar li a:hover {
color:#F30;
text-decoration:none;
}

/* 120626 ITTI
======================================= */

#colBoxITTI {
padding-top:10px;
}
#colBoxITTI .colBoxHead {
background:url(/images/baseSubCol_heading_ITTI.gif) no-repeat 0 0;
height:23px;
}
#colBoxITTI .colBoxHead h2 {
text-indent:-9999px;
margin:0;
}
#colBoxITTI .colBoxHead span {
display:none;
}
#colBoxITTI .colBoxIndex {
padding:10px 0;
}
#colBoxITTI .colBoxUlist ul {
padding-left:0;
margin:0;
}
#colBoxITTI .colBoxUlist li {
background:url(/images/ulli_7.gif) no-repeat 0 2px;
list-style:none;
padding-left:17px;
padding-bottom:3px;
margin-bottom:3px;
border-bottom:1px solid #EEE;
line-height: 16px;
font-size: 12px;
}
#colBoxITTI .colBoxUlist li a {
color:#069;
}

.itmMarketing h2 {
background-image:url(/include/rightmenu/images/ttl_marketing_300.gif)!important;
}

-->