/* atmarkIT top css */
@import url("/stylesheet/leftmenu.css");
@import url("/stylesheet/ad.css");
@import url("/stylesheet/eventcal_rc.css");
@import url("/parts/stylesheet/all/gfooter.css");

/* base ----------------------------------------- */
body{
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF; 
}

a{ text-decoration: none; }
a:link{ text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }

h1 { margin: 0px; padding:0px; }

/* width wrapping */
#wrap { width: 840px; margin: 0px; padding: 0px;}

/* header */
#header { margin: 0px; padding: 0px; }
#header .l { float:left; width: 118px; height: 64px; }
#header .l img { border: 0px; }
#header .r { float:right; width: 722px; height: 64px; 
             text-align: right; background-image: url(/include/header/images/header_top.gif); }

/* Gsearch */
#header #search {
margin: 0px; 
padding: 3px 3px 0px 0px;
float: right;
clear: right;
font-size: small;
}
#header #search form { width: 210px; margin: 0px; padding: 0px; text-align: right; }
#header #search form input.q-box {margin-top: 0px; margin-left:0px; float:left; width:136px;}
#header #search form input.submit {margin-top: 0px;}



/* header adspace */
#header .ad { text-align: center; 
              background-image:url(/include/header/images/back_line.gif); 
			  height: 105px; 
			  clear:both; 
			  font-size: 10px; }

/* header navigation */
#header .navi { font-size: 10px; color: #FFF; 
                margin-right: 5px; 
				margin-top: 5px; }
#header .navi a { color:#FFFFFF; }

/*position*/
#content { float: right; width: 720px; }
#centercol { float: left; 
			 width: 400px; 
			 margin: 0px; padding:0px 0px 0px 10px; }
#rightcol { float: right; 
            width: 300px; margin: 0px; padding:0px 0px 0px 0px; }
#leftcol { float: left; 
           width: 120px; margin: 0px; padding: 0px; background-color: #006699; }

/*footer*/
#footer { padding-left: 130px; padding-top: 20px; }
#footer .descript { padding: 5px; width: 700px; background-color: #e9e9e9; text-align: center; font-size:10px; }
#footer .forum { padding: 5px; font-size: small; font-weight: bold; text-align: center; }
#footer .related { padding: 5px; font-size: small; text-align: center; }
#footer .compinfo { padding: 5px; margin-top: 10px; font-size: small; text-align: center; }

/* center column ----------------------------------------- */

/*grand top*/
#gt { width: 390px; }
#gt h2 { margin: 0px 0px 3px 0px; padding: 4px 0px 10px 10px; font-size: 13px; color: #FFFFFF; 
         background: url(/top/ttl390.gif) no-repeat; }
#gt h3 { margin: 0px; font-size: 18px; }
#gt .date { color: #666; margin-right: 5px; text-align: right; }
#gt .more { margin: 0px; text-align: right; font-size: 13px; }

#gt .atit { margin: 0px 0px 5px 0px; padding: 6px; border: 1px #333 solid; 
            font-size: 13px; text-align: right; }
#gt .atit img { border: 0px; margin: 4px 0px; }
#gt .atit p { margin: 0px; }

#gt .im { margin: 0px 0px 5px 0px; padding: 6px; border: 1px #333 solid; 
          font-size: 13px; text-align: left; }
#gt .im img { border: 0px; }
#gt .im p { margin: 0px; }

#gt .jibun { margin: 0px 0px 5px 0px; padding: 6px; border: 1px #333 solid; 
             font-size: 13px; text-align: left; }
#gt .jibun img { border: 0px; }
#gt .jibun p { margin: 0px; }

/*latest articles*/
#artindex { width: 390px; }
#artindex h2 { margin: 0px 0px 5px 0px; padding: 4px 0px 10px 10px; font-size: 13px; color: #FFFFFF; 
             background: url(/top/ttl390.gif) no-repeat; }
#artindex h2 .l { float: left; }
#artindex h2 .r { float: right; font-size: 12px; font-weight: normal; color: #333; text-align: right; }
#artindex .more { margin-top: 0px; margin-bottom: 10px; text-align: right; font-size: 13px; }

/*article shoukaibun style*/
#artindex .intro { margin: 5px 0px 10px 0px; padding:5px; font-size: 13px; clear: both; }
#artindex .intro img { float: left; margin-right: 10px; border: 0px; }
#artindex .intro h3 { margin: 0px; font-size: 13px; }
#artindex .intro .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; }
#artindex .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }

/*special notice*/
#notice { margin: 0px; padding: 5px; font-size: 13px; font-weight: bold; }

/*center tieup*/
.specialm { margin: 10px 0px; padding: 0px; width: 390px; font-size: 13px; }
.specialm　img { border: 0px; }
.specialm .title { margin: 0px 0px 5px 0px; }
.specialm .indexlink { text-align: right; margin-top: 3px; margin-bottom: 10px; }
.specialm hr { border: 1px solid #009900; text-align: center; width: 50%; margin-top: 8px; margin-bottom: 8px; }

/* right column ----------------------------------------- */

/*right tieup2*/
.special { margin: 10px 0px; padding: 0px; width: 300px; font-size: 13px; }
.special img { border: 0px; }
.special .title { margin: 0px 0px 5px 0px; }
.special table { margin: 3px 0px; }
.special .indexlink { text-align: right; margin-top: 0px; margin-bottom: 0px; }

/*top right news*/
#news { width: 300px; margin: 0px; padding: 0px; }
#news h2 {
margin: 0px 0px 5px 0px;
padding: 4px 0px 10px 10px; 
font-size: 13px;
color: #FFF; 
background: url(/top/ttl300.gif) no-repeat;
}
#news h2 .l a { color: #FFFFFF; }
#news h2 .l { float: left; }
#news h2 .r { float: right; font-size: 11px; font-weight: normal; color: #333; text-align: right; }
#news .analysis { margin: 3px 0px; font-size: 13px; }
#news p { margin: 0px; }
#news .analysis p { margin: 0px; font-size: 13px; }
#news img { border: 0px; }
#news ul {
margin: 0px; padding: 0px; 
list-style-type: none; 
font-size: 13px; 
text-align: left;
}
#news ul li { margin:0px; padding:0px 0px 3px 10px; 
			  background:url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#news .more { text-align: right; font-size: 13px; }

#news.pt01 h2 {height:18px;}
#news.pt01 h2 a {padding-right:5px;}

#news.pt01 ul {clear:both;}
#news.pt01 ul li .icon {display:none;}
#news.pt01 ul li.nNum0 .icon {
display:block;
float:right;
border:2px solid #EEE;
width:65px;
}
#news.pt01 ul li.nNum0 .icon a {
display:block;
float:right;
border:1px solid #DDD;
}
#news.pt01 ul li.nNum0 .icon a img {
padding:2px;
}


/*  bt edit 070627  */
.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;}

/*jisha microbanner*/
.mcrbanner { margin: 10px 0px 10px 0px; padding: 0px; }
.mcrbnr { margin: 10px 0px; padding: 0px; }

/*oshirase text*/
#oshirase { margin: 10px 0px; }

/*eventcalendar*/
#eventcal { margin: 10px 0px; padding: 0px; width: 300px; font-size: 13px; }
#eventcal .title { margin: 0px 0px 5px 0px; }
#eventcal .cont { margin: 0px; 
                  padding: 3px; 
				  text-align: left; }
#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-top: 2px; margin-bottom: 0px; text-align: right; }

/* BBS */
#bbs { margin: 10px 0px; padding: 0px; width: 300px; font-size: 13px; }
#bbs .title { margin: 0px 0px 5px 0px; }
#bbs .cont { margin: 0px; 
             padding: 3px; 
			 text-align: left; }
#bbs ul { margin: 0px; padding: 3px; 
          list-style-type: none; 
		  text-align: left; }
#bbs ul li { margin: 0px; padding:0px 0px 2px 10px; 
             background:url("/top/forum_arrow.gif") no-repeat; }
#bbs .indexlink { margin-top: 2px; margin-bottom: 0px; text-align: right; }

/*alt blog*/
#ablog { margin: 10px 0px; padding: 0px; width: 300px; font-size: 13px; }
#ablog .title { margin: 0px 0px 5px 0px; }
#ablog ul { margin: 0px; padding: 3px; 
            list-style-type: none; 
            text-align: left; }
#ablog ul li { margin:0px; padding:0px 0px 2px 10px; 
               background:url("/top/forum_arrow.gif") no-repeat; }
#ablog .indexlink { margin-top: 2px; margin-bottom: 0px; text-align: right; }


/* FYI-right2
-----------------------------------------*/
#fyi-right2 {margin-top:10px;}
#fyi-right2 h2 {
background:url("/include/top/images/ttl_special.gif") no-repeat left top;
text-indent:-9999px;
font-size:1em; 
height:20px !important;
margin-bottom:5px;
padding-left:24px;
padding-top:2px;
color:#FFF;
}
#fyi-right2 div {
width:292px;
background-color:#FFF;
padding:3px;
border-top:5px solid #090;
border-bottom:5px solid #090;
border-left:1px solid #090;
border-right:1px solid #090;
margin-bottom:20px;
}
#fyi-right2 p {
clear:both;
width:100%;
background-color:#FFF;
padding: 0px 0px 3px 0px;
margin:0px;}

#fyi-right2 .style1 {
color: #FF0000;
font-weight: bold;
}

#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_atit.gif") no-repeat left top;
height:18px;
padding-top:3px;
padding-left:5px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
color:#666;
}
#rightcol #osirase p {
font-size:12px; 
border-left:6px solid #069;
padding-left:6px;
margin-bottom:6px !important;
margin-top:6px !important;
line-height:130%;
}

#r-camp {
border: 0px solid #CCC;
font-size: 12px;
height:100%;
margin-top:5px;
margin-bottom:5px;
}

/* FYI-right2
#r-camp {
border: 1px solid #CCC;
font-size: 12px;
height:100%;
margin-top:5px;
margin-bottom:5px;
}
#r-camp div {
border: 3px solid #EEE;
padding: 2px !important;
marign: 0px !important;
height:100%;
}
#r-camp img {
float:left;
padding:2px;
border: 1px solid #DDD ;
}
#r-camp span {
display: block;
padding: 0px 0px 0px 50px !important;
border: 0px solid #DDD ;

}
-----------------------------------------*/

#cc-camp {
border: 1px solid #DDD;
font-size: 12px !important;
height: 100%;
margin-top:5px;
margin-bottom:10px;
}

#cc-camp div {
border: 3px solid #EEE;
padding:0px;
height: 100%;
}
#cc-camp P {
padding:2px;
margin:0px;
color:#444;
}
#cc-camp h2 {
color:#FFF;
font-size:12px;
background-image:none;
background-color: #069 ;
border-bottom:1px solid #DDD;
padding-top:2px;
padding-bottom:2px;
padding-left:3px;
margin:0px;
}
#cc-camp h3 {
font-size:12px;
color:#444;
background-image:none;
background-color: #FFF;
border-bottom:2px solid #DDD;
padding-top:3px;
padding-bottom:2px;
padding-left:3px;
margin:0px;
}

#cc-camp span.l {
float:left;
border-right:1px solid #DDD;
padding-right:0px;
width: 50%;
}
#cc-camp span.r {
float:right;
width: 49%;
}

#semBox {
border:1px solid #036;
color:#555;width:390px;
margin-bottom: 10px;
background:#DDD;
padding:3px;
}
#semBox .semBoxInner {
background:#FFF;
}
#semBox div.inBox {
border-bottom:1px dotted #CCC;
padding:7px;
height:1%;
}
#semBox a img {
float:left;
padding:2px;
padding:0 10px 10px 0;
width:40px;
height:40px;
border:0 none;
}
#semBox h3 {
margin: 0px;
padding: 3px 0 7px;
font-size: 12px;
color:#C00;
}
#semBox h2 {
background:none;
font-size:15px;
margin:0;
padding:0 0 7px;
}
#semBox p {
margin: 0px;
padding: 3px;
font-size: 12px;
}
#semBox .semlink2 {
font-size:13px;
}

/* RC BOX */
.rcBox {
border: 1px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: small;
} 
.rcBox div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
.rcBox h2 {
margin: 0px;
color: #444;
font-size: small; 
border-top: 4px solid #999 ;
border-bottom: 1px solid #CCC ;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/t_hateb_hot.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
#blog.rcBox h2 {
background:url("/parts/images/atit/t_blog.jpg") repeat-x right bottom #FFF !important ;
}
.bbs-box h2 {border-top: 4px solid #999 !important ;}
.rcBox.txtTtl h2 {
background:url(/parts/images/atit/subCol_ttl_bg.jpg) repeat-x right bottom #FFF !important;
font-family:'メイリオ';
text-indent: 0px !important;
color:#444;
font-weight:bold;
}
.rcBox h2 a {
color: #444 !important;
}
.rcBox ul {
list-style: none;
margin: 2px;
padding: 2px;
}
.rcBox ul li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
padding-top: 3px;
padding-left: 25px;
padding-bottom: 4px;
background:url("/parts/images/icon/paper02.gif") no-repeat 5px 3px #FFF ;
}
.rcBox ul li small {
color:#888;
padding-left:5px;
}

.rcBox span.cal-bt {
display: block;
background:url("/images/arrow_evcal.gif") no-repeat right 2px;
text-align:right;
padding: 3px 5px 1px 0px;
margin:0px;
width: auto;
border:1px solid WHITE;
}
.rcBox span.cal-bt a {
padding: 0px 16px 0px 0px !important;
font-size:12px;
background-image: none;
border: none;
}
.rcBox p {
padding:5px;
margin:0px;
}

#kankyo.rcBox img {
float:left;
border: none;
padding-right:5px;
}
#kankyo.rcBox ul li {
border: none;
}

/* 101028
--------------------------------------------------------- */
.outBox {
border-right:1px solid #DDDDDD;
width:842px;
}

/* mediafooter
--------------------------------------------------------- */
.mediafooter {
color:#999999;
font-size:12px;
padding:45px 15px 5px;
margin:0;
text-align:right;
height:15px;
border-top:2px solid #DDD;
background:url("/include/footer/images/logo_footer.gif") no-repeat 22px center #CCF;
vertical-align:bottom;
}

/* atmarkit top engineerlife area
--------------------------------------------------------- */
#el-info img {float:left; border-style:none;}
#el-info .el-textinfo {padding-left:50px; display:block;}
#el-info .el-link {
text-align:right;
font-size:12px;
background:url("/images/arrow_evcal.gif") no-repeat right 1px;
margin:3px 0 3px;
padding:2px 22px 2px 0px;
}

/* atmarkit jobinfomation area
--------------------------------------------------------- */
#job-info img {float:left; border-style:none;}
#job-info .job-textinfo {padding-left:50px; display:block;}
#job-info .job-link {
text-align:right;
font-size:12px;
background:url("/images/arrow_evcal.gif") no-repeat right 1px;
margin:3px 0 3px;
padding:2px 22px 2px 0px;
}

/* atmarkit kaigishitu 110331
--------------------------------------------------------- */
.bbs-box .btn-bbs #BtnMono {display:none;}

/* 110728 event calendar
======================================= */
#calendar {
}
#calendar li {
background:none;
}
#calendar #calendarInner li span {
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 li span#rank1  {background-position: 0 0;}
#calendar #calendarInner li span#rank2  {background-position: 0 -50px;}
#calendar #calendarInner li span#rank3  {background-position: 0 -100px;}
#calendar #calendarInner li span#rank4  {background-position: 0 -150px;}
#calendar #calendarInner li span#rank5  {background-position: 0 -200px;}
#calendar #calendarInner li span#rank6  {background-position: 0 -250px;}
#calendar #calendarInner li span#rank7  {background-position: 0 -300px;}
#calendar #calendarInner li span#rank8  {background-position: 0 -350px;}
#calendar #calendarInner li span#rank9  {background-position: 0 -400px;}
#calendar #calendarInner 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;
}
#calendar ul {}
#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;
}
.rcBox#calendar .calendarOuter .cal-bt a {
line-height:17px;
float:right;
background:url("/images/arrow_evcal.gif") no-repeat right 0;
padding:0 22px 0 0!important;
}