/* forumtop common */

@import url("/stylesheet/common.css");
@import url("/stylesheet/gnavi.css");
@import url("/stylesheet/leftmenu.css");
@import url("/stylesheet/eventcal_rc.css");
@import url("/parts/stylesheet/news/rc_news.css");

/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}


/*backbround*/
body{ background: url(/top/bodyback_c.gif) repeat-x; }

/*layout*/
#content { float: right; width: 720px; }
#centercol {
float:left;
width: 400px;
margin: 0px;
padding:5px 0px 0px 10px;
}
#rightcol { float: right; 
width: 300px; margin: 0px; padding:5px 0px 0px 0px; 
border:0px solid red;
}

#leftcol { float: left; 
width: 120px; margin: 0px; padding: 0px; 
background-color: #006699;
}

/*lead*/
.lead { font-size: small; }
.date { text-align:right; font-size: small; }

/* rightmenu logo */
.rlogo { margin-top: 10px; text-align: center; }


/* MAINcol font */
#fdb #centercol {font-size:12px;}
#fcoding #centercol {font-size:12px;}

/* FYI-PICKUP
-----------------------------------------*/
#fyi-pickup {margin-top:10px;margin-bottom:10px;}
#fyi-pickup div {margin:3px;background-color:#FFF !important; border:0px solid red;}
#fyi-pickup h2 {
background:url("/images/special_ftop_bar.jpg") no-repeat left top !important;
font-size:12px;
text-indent:-9999px;
height:19px !important;
margin:0px;
padding-left:20px;
padding-top:3px;
color:#FFF;
}
#fyi-pickup ul {
padding: 5px 0px 5px 0px !important;
font-size:12px;
list-style:none;
border:0px solid red;
margin:0px;

}
#fyi-pickup ul li {
margin:0px !important;
padding: 3px 0px 3px 0px !important;
background:url("/images/i_checkmark.gif") no-repeat left 5px;
}
#fyi-pickup ul li a{display:block; padding-left:20px;}
#fyi-pickup ul li a:hover {
background:url("/images/i_checkmark.gif") no-repeat left -26px;
}
#fyi-pickup hr {}


/* enterprise link
-----------------------------------------*/
#r-opensource { margin-top:5px;}
#r-opensource div {}
#r-opensource h2 {
text-indent:-9999px;
height:30px;
background:url("/parts/images/atit/rc_enp_linux.gif") no-repeat 0px 0px ;
}
#r-opensource h2 a {
display: block;
height:30px;
width:100%;
}

#r-opensource ul { 
border: 1px solid #DDD;
list-style: none;
margin:0px;
padding: 5px;
font-size:12px;
}
#r-opensource ul li {
background:url("/parts/images/icon/paper.gif") no-repeat 3px 3px #EEE;
margin: 0px;
padding: 3px 0px 3px 20px;
border-bottom: 1px solid #FFF;
}

#r-developer { margin-top:5px;}
#r-developer div {}
#r-developer h2 {
text-indent: -9999px;
height: 30px;
background: url("/parts/images/atit/rc_enp_java.gif") no-repeat 0px 0px ;
margin-bottom: 0px;
}
#r-developer h2 a {
display: block;
height:30px;
width:100%;
}
#r-developer ul { 
border: 1px solid #DDD;
list-style: none;
margin:0px;
padding: 4px;
font-size:12px;
}
#r-developer ul li {
background:url("/parts/images/icon/paper.gif") no-repeat 3px 3px #EEE;
margin: 0px;
padding: 3px 0px 3px 20px;
border-bottom: 1px solid #FFF;
}


/* 080625 NEWART 
--------------------------------------------------------------------------------------------------------------------------------------------------*/
.category-box {
margin: 5px 0px 0px 0px !important;
padding:0px!important;;
text-align:right;
}
.category {
display:inline;
background-color:#EEE;
padding:2px;
letter-spacing: 1px;
}
.artBox {
padding: 0px 5px 16px 5px;
}
.artBox p {
line-height: 1.4em;
}
.ftop p.lead,
#fcoding p.lead {
display:none;
}
.ftop .l {
float:left;margin:0px 5px 5px 0px;
text-align:center;
}
.ftop .r {
float:right;
margin:0px 0px 5px 5px;
text-align:center;
}
.ftop #centercol {font-size:12px;}
.ftop #centercol .new-article { margin-top:10px;}
.ftop #centercol .new-article h2 {
color: #444;
font-size: small; 
border-bottom: 1px solid #AAA ;
border-right: 1px solid #AAA ;
border-top: 1px solid #EEE ;
border-left: 1px solid #EEE ;
padding: 5px 2px 4px 18px;
background:url("/parts/images/icon/i_bl.gif") no-repeat 3px 3px #FAFAFA;
height: 17px;
}
.ftop #centercol .new-article h2 .r {
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
padding-top:2px;
}
.ftop #centercol .new-article h3 {
font-size:1.2em;
padding: 0px;
margin: 0px;
}
.ftop #centercol .new-article h4 {display:inline;font-size:1.0em; color:#699;}
.ftop #centercol .new-article p {display:inline;}
.ftop #centercol .new-article hr {padding-bottom:10px;}
.ftop #centercol .icon {
margin-right:7px;
padding: 2px;
float: left;
border: 1px solid #DDD;
}
.fyi-box {
margin-left:5px;
}
.ftop #centercol .category-box .new {
border: 0px solid red;
background:url("/parts/images/tech/i_new.gif") no-repeat 0px 0px;
padding: 0px 3px 2px 3px;
}

.ftop #centercol .date .new {
border: 0px solid red;
background:url("/parts/images/tech/i_new.gif") no-repeat 0px 0px;
padding: 11px 12px 2px 3px;
text-indent: -9999px;
font-size:1px;
color:#FFF;
}

/* PICUP ART 
-----------------------------------------*/
.ftop #centercol .picup-article { margin-top:10px;}
.ftop #centercol .picup-article h2 {
color: #444;
font-size: small; 
border-top: 3px solid #996 ;
border-bottom: 1px solid #DDD ;
padding: 5px 2px 4px 10px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/bg_gra.jpg") repeat-x left -20px #FFF;
height: 17px;
}
.ftop #centercol .picup-article h2 .r {
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
padding:2px;
padding-right:5px;

}
.ftop #centercol .picup-article h3 {
font-size:1.2em;
padding: 0px;
margin: 0px;
}
.ftop #centercol .picup-article h4 {display:inline;font-size:1.0em; color:#699;}
.ftop #centercol .picup-article p {display:inline;}
.ftop #centercol .picup-article hr {padding-bottom:10px;}
.ftop #centercol .icon {
margin-right:7px;
padding: 2px;
float: left;
border: 1px solid #DDD;
}
.ftop .introserial h3 {
font-size:1.1em !important;
padding: 0px;
margin: 0px;
color: #444;
}
.ftop .introserial img {
padding: 2px;
border: 1px solid #DDD !important;
}
.ftop .introserial ul {
padding:1px 0px 0px 55px !important;
}

.ftop .gt-sp { border:1px solid #999;background-color:#DDD; margin-top:10px; margin-bottom:10px !important;}
.ftop .gt-sp div { margin:3px;background-color:#FFF;padding:4px;}
.ftop .gt-sp h2 {
background:url("/parts/images/tech/gr_title.gif") no-repeat left bottom;
font-size:1em; 
text-indent:-9999px;
height:21px !important;
margin:0px;
}
.ftop .gt-sp h3 {
margin: 3px 0px 3px 0px;
font-size:1.2em;
padding-top:2px !important;
}
.ftop .gt-sp p {
font-size:1em;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}
.ftop .gt-sp .gticon {
margin:0px;
padding:3px;
border:1px solid #CCC;
}
.ftop .gt-sp .new {
background: url(/parts/images/tech/i_new.gif) no-repeat 0px -2px;
padding:1px 5px 1px 5px ;
margin-right:4px;
font-size:10px;
font-weight:normal;
color:#FFF;
letter-spacing:1.5px;
}

.ftop .new-article { margin-top:10px;}
.ftop .new-article h2 {
font-size:1em; 
background:url("/parts/images/tech/c_newtitle.gif") no-repeat left top;
height:25px;
padding-top:2px;
padding-left:15px;
margin-bottom:5px;
}


/* FLOGO
-----------------------------------------*/
#fcoding h1 {
background:url("/parts/images/logo_fcoding.gif") no-repeat 24px 7px ;
text-indent: -9999px;
padding:0px;
margin: 0px 0px 10px 0px;
height: 80px;
}
#fserver h1 {
background:url("/parts/images/logo_fserver.gif") no-repeat 0px 0px ;
text-indent: -9999px;
padding:0px;
margin: 0px 0px 10px 0px;
height: 80px;
}
#fdesign h1 {
background:url("/parts/images/logo_fdesign.gif") no-repeat 65px 5px ;
text-indent: -9999px;
padding: 0px 0px 30px 0px;
margin: 0px 0px 0px 0px;
height: 105px;
border: 0px solid #CCC;
}
#fdb h1 {
background:url("/parts/images/logo_fdb.gif") no-repeat 0px 7px ;
text-indent: -9999px;
padding:0px;
margin: 0px 0px 10px 0px;
height: 80px;
}
#frails h1 {
background:url("/parts/images/logo_frails.gif") no-repeat 65px 5px ;
text-indent: -9999px;
padding: 0px 0px 30px 0px;
margin: 0px 0px 0px 0px;
height: 63px;
border: 0px solid #CCC;
}

/* contList
-----------------------------------------*/

.contList {
background: url("/parts/images/atit/contList_head.gif") no-repeat 0px 0px ;
padding-top:9px;
padding-bottom: 10px !important;
}
.contList ul {
list-style: none;
padding: 0px 5px 5px 15px;
margin: 0px 0px 10px 0px;
background: url("/parts/images/atit/contList_bg.jpg") no-repeat 0px 0px ;
border: 0px solid red;
width: 390px;
}
.contList ul:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.contList ul li {
background: url("/parts/images/icon/arrow_blue.gif") no-repeat 0px 3px ;
float: left;
width:26%;
padding-left: 14px;
margin: 2px 0px 2px 0px;
}
.bbs-box {
border: 1px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
font-size: small;
} 
.bbs-box div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
.bbs-box h2 {
margin: 0px;
color: #444;
font-size: small; 
border-top: 4px solid #999 !important ;
border-bottom: 1px solid #CCC ;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/t_bbs.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
.bbs-box h2 a {
color: #444 !important;
}
.bbs-box h2 .l {text-indent: -9999px;}
.bbs-box h2 .r {color: #996;padding-top: 7px;}
.bbs-box a {
display: block;
background: url("/parts/images/BBSicon.gif") no-repeat 3px 3px;
border-bottom: 1px solid #EEE;
padding: 2px 2px 2px 22px;
margin: 5px;
word-wrap: break-word;
} 
.bbs-box br { display: none;} 
.bbs-box span.cal-bt {
display: block;
background:url("/images/arrow_evcal.gif") no-repeat right 4px!important;
text-align:right;
padding: 0px 5px 1px 0px;
margin:0px;
width: 97%;
border:1px solid WHITE;
}
.bbs-box span.cal-bt a {
padding: 0px 13px 0px 0px !important;
font-size:12px;
background-image: none;
border: none;
}
.bbs-box .arrow {
border: 1px solid #CCC;
padding: 0px 2px 0px 3px;
_padding: 0px 3px 3px 5px;
font-size: 12px;
font-weight: bold;
background-color:#F30;
color: #FFF;
}

/* hateb
-----------------------------------------*/
#hatebPoplar {
border: 1px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
font-size: small;
} 
#hatebPoplar div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
#hatebPoplar 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_pop.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
#hatebPoplar h2 a {
color: #444 !important;
}
#hatebPoplar ol {
list-style: none;
margin: 2px;
padding: 2px;
}
#hatebPoplar ol li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
padding-left: 30px;
height: 36px;
}
#hatebPoplar ol li.no01 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px 7px;}
#hatebPoplar ol li.no02 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -43px;}
#hatebPoplar ol li.no03 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -93px;}
#hatebPoplar ol li.no04 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -143px;}
#hatebPoplar ol li.no05 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -193px;}
#hatebPoplar ol li.no06 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -243px;}
#hatebPoplar ol li.no07 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -293px;}
#hatebPoplar ol li.no08 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -343px;}
#hatebPoplar ol li.no09 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -393px;}
#hatebPoplar ol li.no010,
#hatebPoplar ol li.no10 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -443px;}

#hatebHot {
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;
} 
#hatebHot div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
#hatebHot 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 ;
}
#hatebHot.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;
}
#hatebHot h2 a {
color: #444 !important;
}
#hatebHot ol {
list-style: none;
margin: 2px;
padding: 2px;
}
#hatebHot ol li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
padding-left: 25px;
padding-bottom: 4px;
min-height: 25px;
background:url("/parts/images/icon/paper02.gif") no-repeat 5px center #FFF ;
}

/* EVENTCALENDER
-----------------------------------------*/
#eventCal {
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;
} 
#eventCal div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
#eventCal 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_evecal.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
#eventCal.rank h2 {
background:url("/parts/images/atit/t_evecal_rank.jpg") repeat-x right bottom #FFF;
padding:0px;
height:26px;
}
#fdesign #eventCal h2,
#frails #eventCal h2  {border-top: 4px solid #69C;}
#eventCal.rank h2 a {
display:block;
color: #444 !important;
height:26px;
}
#eventCal ol {
list-style: none;
margin: 2px;
padding: 2px;
}
#eventCal ol li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
padding-left: 30px;
min-height: 25px;
height: auto !important;
height: 25px;
}
#eventCal ol li.no01 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px 0px;}
#eventCal ol li.no02 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -50px;}
#eventCal ol li.no03 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -100px;}
#eventCal ol li.no04 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -150px;}
#eventCal ol li.no05 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -200px;}
#eventCal ol li.no06 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -250px;}
#eventCal ol li.no07 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -300px;}
#eventCal ol li.no08 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -350px;}
#eventCal ol li.no09 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -400px;}
#eventCal ol li.no010,
#eventCal ol li.no10 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -450px;}
#eventCal.rank p.cal-bt {
margin:0px 0px 4px 0px;
padding-right:25px;
text-align:right;
background:url(/images/arrow_evcal.gif) no-repeat right bottom;
}
#r-news p.cal-bt {
margin:0px 0px 4px 0px;
padding-right:25px;
text-align:right;
background:url(/images/arrow_evcal.gif) no-repeat right 3px;
}


.dotnetBox #hatebHot {
border: 1px solid #777 !important;
border-left: 0px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: small;
} 
.dotnetBox #hatebHot div {
border: 2px solid #EEE;
background-color: #EEE;
margin-bottom: 0px;
}
.dotnetBox #hatebHot h2 {
margin: 0px;
color: #777;
font-size: small; 
border-left: 22px solid #777 ;
border-top: 1px solid #777 ;
border-bottom: 0px solid #CCC ;
padding: 5px 2px 4px 30px;
_padding: 5px 2px 0px 10px;
background:none;
background:url("/parts/images/icon/i_hateb.gif") no-repeat 5px center #DDD ;
text-indent: 0px ;
height: 15px;
}
.dotnetBox #hatebHot h2 a {
color: #444 !important;
}
.dotnetBox #hatebHot ol {
list-style: none;
margin: 2px 2px 2px 0px;
padding: 2px;
}
.dotnetBox #hatebHot ol li {
border-bottom: none;
border-top: none;
padding-left: 22px;
padding-bottom: 4px;
min-height: 25px;
background:url("/parts/images/icon/paper02.gif") no-repeat 2px 2px;
}

.dotnetBox #HatebTips {
border: 1px solid #777 !important;
border-left: 0px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: small;
} 
.dotnetBox #HatebTips div {
border: 2px solid #EEE;
background-color: #EEE;
margin-bottom: 0px;
}
.dotnetBox h2 {
margin: 0px;
color: #777;
font-size: small; 
border-left: 22px solid #777 ;
border-top: 1px solid #777 ;
border-bottom: 0px solid #CCC ;
padding: 5px 2px 4px 30px;
_padding: 5px 2px 0px 26px !important;
background:none;
background:url("/parts/images/icon/i_hateb.gif") no-repeat 5px center #DDD ;
text-indent: 0px ;
height: 15px;
}
.dotnetBox #HatebTips h2 a {
color: #444 !important;
}
.dotnetBox #HatebTips ol {
list-style: none;
margin: 2px 2px 2px 0px;
padding: 2px;
}
.dotnetBox #HatebTips ol li {
border-bottom: none;
border-top: none;
padding-left: 22px;
padding-bottom: 4px;
min-height: 25px;
background:url("/parts/images/icon/paper02.gif") no-repeat 2px 2px;
}

.vbBox #hatebHot {
border: 1px solid #777 !important;
border-left: 0px solid #CCC !important;
border-right: 0px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: small;
} 
.vbBox #hatebHot div {
border: 0px solid #EEE;
border-right: 1px solid #777;
background-color: #EEE;
margin-bottom: 0px;
}
.vbBox #hatebHot h2 {
margin: 0px;
color: #777;
font-size: small; 
border-left: 0px solid #777 ;
border-top: 0px solid #777 ;
border-bottom: 0px solid #CCC ;
padding: 5px 2px 4px 30px;
_padding: 5px 2px 0px 10px;
background:none;
background:url("/fdotnet/vblab/images/titleheader_gray.gif") no-repeat 0px center #DDD ;
text-indent: 0px ;
height: 15px;
}
.vbBox h2 span {
background:url("/parts/images/icon/i_hateb.gif") no-repeat 10px center ;
padding-left: 30px;
}
.vbBox #hatebHot h2 a {
color: #444 !important;
}
.vbBox #hatebHot ol {
list-style: none;
margin: 0px 2px 0px 0px;
padding: 2px;
}
.vbBox #hatebHot ol li {
border-bottom: none;
border-top: none;
padding-left: 22px;
padding-bottom: 4px;
min-height: 25px;
background:url("/parts/images/icon/paper02.gif") no-repeat 2px 2px;
}



/* DesignHack
-----------------------------------------*/
.ftop#fdesign #content { width: 840px;}
.ftop#fdesign #centercol {
color: #555;
width: 500px;
padding-left: 20px;
}
.ftop#fdesign #rightcol {color: #555;}
.ftop#fdesign #centercol a:link {color: #369;}
.ftop#fdesign #centercol a:hover {color: #C66;}
.ftop#fdesign #rightcol a:link {color: #369;}
.ftop#fdesign #rightcol a:hover {color: #C66;}
#fdesign .contList a:link,
#fdesign .gt-sp a:link,
#fdesign .picup-article a:link {
color: #369;
letter-spacing: 1px;
}
#fdesign .contList a:hover,
#fdesign .gt-sp a:hover, 
#fdesign .picup-article a:hover {
color: #C66;
}

#fdesign .contList{
}

#fdesign .contList {
background: url("/parts/images/atit/fdesign_gtfooter.jpg") no-repeat 0px bottom ;
padding-top:0px;
padding-bottom: 6px !important;
margin-top:8px;
border: 0px solid red;
}
#fdesign .contList .inBox {
background: url("/parts/images/atit/fdesign_side.gif") repeat-y 0px 10px ;
}
#fdesign .contList ul {
background: url("/parts/images/atit/fdesign_gtheader.jpg") no-repeat 0px 0px ;
list-style: none;
padding: 5px 5px 5px 15px;
margin: 0px 0px 0px 0px;
border: 0px solid red;
width: 500px;
}
#fdesign .contList ul:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
#fdesign .contList ul li {
display: inline !important;
background: url("/parts/images/icon/arrow_blue.gif") no-repeat 0px 3px ;
float: left;
width:auto;
padding-left: 14px;
padding-right: 34px;
margin: 8px 0px 0px 0px;
}
#fdesign.ftop .gt-sp {
letter-spacing: 1px;
color: #555;
}
.ftop#fdesign #centercol .new-article h2 {
background:url("/parts/images/atit/fdesign_latest.gif") no-repeat 0px 0px #FFF;
border: none;
border-bottom: 1px solid #CCC;
text-indent: -9999px;
height: 21px;
padding: 0px;
margin-bottom: 0px;
font-size: 10px;
}
.ftop#fdesign #centercol .new-article h2 .l {
margin: 0px;
}
.ftop#fdesign #centercol .picup-article h2.title {
background:url("/parts/images/atit/fdesign_serial.gif") no-repeat 0px 0px #FFF;
border: none;
border-bottom: 1px solid #CCC;
text-indent: -9999px;
height: 21px;
padding: 0px;
margin-bottom: 0px;
font-size: 10px;
}

#fdesign .new-article .artBox {
padding: 0px 5px 16px 5px;
background-color: #F6F6F6;
padding: 5px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #DDD;
/* background:url("/parts/images/atit/artbox_bg.gif") repeat right bottom #FFF; */

}
#fdesign .artBox p {
line-height: 1.4em;
color: #555;
letter-spacing: 1px;
}
.ftop#fdesign .artBox h4 {
letter-spacing: 1px;
color: #666;
}
#fdesign .artBox a:link {
color: #369;
letter-spacing: 1px;
}
#fdesign .artBox a:hover {
color: #C66;
}
#fdesign div.bbs-Box a:link {
color: #369;
letter-spacing: 1px;
}
#fdesign div.bbs-Box a:hover {
color: #C66;
}

#fdesign .category-box {
margin: 2px 0px 0px 0px !important;
padding:0px!important;
text-align:right;
}
#fdesign .category {
background:url("/parts/images/icon/point_icon.gif") no-repeat 2px -198px #FFF;
padding-left: 20px;
}
#fdesign .ftop #centercol .picup-article h2 {
color: #444;
font-size: small; 
border-top: 3px solid #996 ;
border-bottom: 1px solid #DDD ;
padding: 5px 2px 4px 10px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/bg_gra.jpg") repeat-x left -20px #FFF;
height: 17px;
}
#fdesign .ftop #centercol .picup-article h2 .r {
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
padding:2px;
padding-right:5px;
}
#fdesign .bbs-box h2 {
border-top: 4px solid #69C;
}
#fdesign.ftop #centercol .picup-article h2 {
border-top: 3px solid #69C;
}
#fdesign.ftop #centercol .introserial {
letter-spacing: 1px;
width: 100%;
}
#fdesign.ftop .gt-sp {
_width: 484px;
border: none ;
background:url("/parts/images/atit/fdesign_side.gif") repeat-y 0px 0px #FFF;

}
#fdesign.ftop .gt-sp div {
margin: 0px;
_width: 488px;
}
#fdesign.ftop .gt-sp div.in-box {
margin: 0px;
padding: 0px;
background:url("/parts/images/atit/fdesign_gtfooter.jpg") no-repeat 0px bottom ;
}
#fdesign.ftop .gt-sp div.in-box div.inline-box {
height: 100%;
border: 0px solid red;
padding:6px;
margin: 0px;
background:url("/parts/images/atit/fdesign_gtheader.jpg") no-repeat 0px 0px ;
}
#fdesign.ftop .gt-sp .gticon {
float: left;
}
#fdesign.ftop .gt-sp h3 {
letter-spacing: 1px;
font-size: 134%;
margin-left: 175px;
}
#fdesign.ftop .gt-sp p {
margin-left: 175px;
}
#fdesign.ftop .gt-sp .category-box {
background: none;
border: 0px solid red;
_width: 200px;
float: right;
}
#fdesign .hedSet {
background:url("/parts/images/atit/fdesign_h1bg.jpg") repeat-x 0px bottom ;
}
#fdesign .fyi-box {
margin-left: 0px;
}
#fdesign #fyi-pickup h2 {
background:url("/parts/images/ad/special_fdesign_bar.gif") no-repeat left top !important;
font-size:12px;
text-indent:-9999px;
height:19px !important;
margin:0px;
padding-left:20px;
padding-top:3px;
color:#FFF;
}
#fdesign #hatebPoplar h2 {
border-top: 4px solid #69C ;
}
#fdesign #hatebHot h2 {
border-top: 4px solid #69C ;
}
#fdesign .new-articleDesign h2 {
background:url("/parts/images/atit/fdesign_latest.gif") no-repeat 0px 0px #FFF;
border: none;
border-bottom: 1px solid #CCC;
text-indent: -9999px;
height: 21px;
padding: 0px;
margin-bottom: 0px;
font-size: 10px;
}

#fdesign .new-articleDesign table {
width: 480px !important;
background:#F6F6F6;
border-top: 1px solid #FFF;
border-bottom: 1px solid #DDD;
}
#fdesign .new-articleDesign table img {
padding: 2px;
border: 1px solid #DDD;
margin-left: 0px;
background:#FFF;
}
#fdesign .new-articleDesign table br {
display:none;
}
#fdesign .new-articleDesign table font {
display: block;
width: 425px !important;
}
#fdesign .new-articleDesign table font br {
display:inline;
}
#fdesign .new-articleDesign table div {
border: 0px solid red;
width: 425px !important;
}
#fdesign .new-articleDesign table div font {
display: inline;
}
#fdesign .introserial img {
margin-right:12px;
}
#fdesign .introserial ul {
padding:1px 0px 0px 58px !important;
}
#fdesign #centercol .icon {
margin-right:12px;
}

#fdesign #twitter_div {
border:1px solid red;
}
#fdesign #twitter_div .sidebar-title {
border:1px solid red;
font-size:14px;
}
#fdesign #twitter_div ol {
}
#fdesign #twitter_div ol li {
}



/* hateb
-----------------------------------------*/
#fdesign #twitter_div {
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;
} 
#fdesign #twitter_div div {
border: 2px solid #DDD;
margin-bottom: 0px;
background:url("/parts/images/atit/fdesign_gtheader.jpg") repeat-x -2px -1px;
}
#fdesign #twitter_div h2 {
margin: 0px;
color: #444;
font-size: small; 
border-top: 4px solid #69C;
border-bottom: 1px solid #CCC;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/bg_gra.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
}
#fdesign #twitter_div h2 a {
}
#fdesign #twitter_div ul {
list-style: none;
margin: 2px;
padding: 2px;
}
#fdesign #twitter_div ul li {
padding-left: 40px;
margin-bottom: 5px;
background:url("/parts/images/atit/d89_tw_icon.gif") no-repeat left bottom ;
font-family:'メイリオ';
font-size:12px;
}
#fdesign #twitter_div ul li span {
display:block;
color:#666;
padding:5px;
background-color:#E1EFF0;
overflow:hidden;
width:234px;
}

-----------------------------------------*/
#fdesign #twitter_div3 {
border:1px solid red;
}
#fdesign #twitter_div3 .sidebar-title {
border:1px solid red;
font-size:14px;
}
#fdesign #twitter_div3 ol {
}
#fdesign #twitter_div3 ol li {
}
#fdesign #twitter_div3 {
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;
} 
#fdesign #twitter_div3 div {
border: 2px solid #DDD;
margin-bottom: 0px;
background:url("/parts/images/atit/fdesign_gtheader.jpg") repeat-x -2px -1px;
}
#fdesign #twitter_div3 h2 {
margin: 0px;
color: #444;
font-size: small; 
border-top: 4px solid #69C;
border-bottom: 1px solid #CCC;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/bg_gra.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
}
#fdesign #twitter_div3 h2 a {
}
#fdesign #twitter_div3 ul {
list-style: none;
margin: 2px;
padding: 2px;
}
#fdesign #twitter_div3 ul li {
padding-left: 40px;
margin-bottom: 5px;
background:url("/parts/images/atit/oabaka_tw_icon.gif") no-repeat left bottom ;
font-family:'メイリオ';
font-size:12px;
}
#fdesign #twitter_div3 ul li span {
display:block;
color:#666;
padding:5px;
background-color:#E1EFF0;
overflow:hidden;
width:234px;
}



/* SeminerBox
-----------------------------------------*/
div.semBox {}
div.semBox table {
width: 100%;
}
div.semBox table table {
border: 3px solid #DDD;
}
div.semBox table table table {
border: none;
}
div.semBox table b strong {
display: block;
border-bottom: 1px solid  #DDD;
padding-bottom: 2px;
}
div.semBox table table table b strong {
display: block;
border-bottom: none;
padding-bottom: 2px;
}

div.semBox table img {
padding: 2px;
border: 1px solid #CCC;
}

#semBox { border: 1px solid #090; color: #555;width:390px;margin-bottom: 10px;margin-top: 10px;}
#semBox div.inBox {border: 3px solid #DDD;}
#semBox a img {
float:left;
padding:2px;
border: 1px solid #CCC !important;
margin: 3px;
}
#semBox h3 {
border-bottom: 1px solid #DDD;
margin: 0px;
padding: 3px;
font-size: 12px;
color: #090;
}
#semBox p {
margin: 0px;
padding: 3px;
padding-left:76px;
font-size: 12px;
}
#fsecurity #semBox {width:398px;margin-bottom: 0px;margin-top: 10px;}
.sp-box {
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;
overflow:hidden;
width:298px;
} 
.sp-box div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
.sp-box p {
padding:4px;
margin:0px;
color: #444;
}
.sp-box h2 {
margin: 0px;
color: #666;
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/subCol_ttl_bg.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -4px ;
}

/* NEW GOOGLEsearch 081209
-----------------------------------------*/
.search-ftop {
font-size:small;
background: url(/parts/images/atit/bg_search_ce.gif) repeat-x 0px 0px;
width:85%;
height:27px;
margin: 0px auto 20px auto;
vertical-align:middle;
}
.search-ftop div.outBox {
background: url(/parts/images/atit/bg_search_r2.gif) no-repeat right top;
width:100%;
height:27px;
border: none;
}
.search-ftop .inBox {
background: url(/parts/images/atit/bg_search_l2.gif) no-repeat 0px top;
height:27px;
padding-right: 1px;
padding-left: 2px;
}
.search-ftop span {
background: url(/parts/images/atit/ttl_search03.gif) no-repeat 4px 5px;
display:block;
width: 87px;
float:left;
text-indent: -9999px;
height:24px;
margin-left:2px;
border: 0px solid red !important;
}
.search-ftop small {color: #FFF;}
.search-ftop .serchArea {
font-family:"MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
float:right;
font-size:14px;
background: url(/parts/images/atit/bg_search_area.jpg) repeat-x 0px 0px !important;
border: 0px  !important ;
border-right: 1px solid #333 !important;
color:#444;
height:17px !important;
margin-top: 3px;
margin-bottom: 2px;
margin-left: 0px;
}
*:first-child+html .search-ftop .serchArea {margin-top: 3px;}
.search-ftop .bt-serch {
padding-top:0px;
float:right;
margin-top: 3px;
margin-right: 3px;
}
* html .search-ftop .serchArea {
margin-top: 3px;
} 



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

/* FKAIKETSU 090903
-----------------------------------------*/
body#fkaiketsu{}
body#fkaiketsu h1 {
background:url(/parts/images/atit/logo_fkaiketsu.gif) no-repeat 0px 0px;
text-indent:-9999px;
height:70px;
}
body#fkaiketsu h2 {font-family:"メイリオ";}
body.ftop#fkaiketsu h3 {letter-spacing:1px;}
body.ftop#fkaiketsu .lead {font-family:"メイリオ";text-align:center;font-size:12px;}

#r-news.fcoding-news h2, #calendar.evcal-fcoding h2 {
border-top: 4px solid #999 !important ;
}


/* SNSbtn for ftop
-----------------------------------------*/
.ftop #headmenu {
float:right;
*padding-top:3px;
padding-right:5px;
margin:0!important;
}
.ftop #headmenu span.r{
float:right;
margin:0!important;
height:19px;
}


/* fsmart 101101
-----------------------------------------*/
#fsmart #centercol {font-size:12px;}
#fsmart div.lead {padding-bottom:10px;}
#fsmart div.lead strong {color:#555}
#fsmart p.lead {display:none;}
#fsmart h1 {
background:url("/parts/images/logo_fsmart.gif") no-repeat 24px 0px ;
text-indent: -9999px;
padding:0px;
margin: 0px 0px 10px 0px;
height: 90px;
}
#r-news.fsmart-news h2, #calendar.evcal-fsmart h2 {
border-top: 4px solid #999 !important ;
}
#fsmart.ftop #wrap #content #centercol .artBox a img.icon {width:40px;height:60px;}

/* Rails Hub
-----------------------------------------*/
.ftop#frails #content { width: 840px;}
.ftop#frails #centercol {
color: #555;
width: 500px;
padding-left: 20px;
}
.ftop#frails #rightcol {color: #555;}
.ftop#frails #centercol a:link {color: #369;}
.ftop#frails #centercol a:hover {color: #C66;}
.ftop#frails #rightcol a:link {color: #369;}
.ftop#frails #rightcol a:hover {color: #C66;}
#frails .contList a:link,
#frails .gt-sp a:link,
#frails .picup-article a:link {
color: #369;
letter-spacing: 1px;
}
#frails .contList a:hover,
#frails .gt-sp a:hover, 
#frails .picup-article a:hover {
color: #C66;
}

#frails .contList{
}

#frails .contList {
background: url("/parts/images/atit/fdesign_gtfooter.jpg") no-repeat 0px bottom ;
padding-top:0px;
padding-bottom: 6px !important;
margin-top:8px;
border: 0px solid red;
}
#frails .contList .inBox {
background: url("/parts/images/atit/fdesign_side.gif") repeat-y 0px 10px ;
}
#frails .contList ul {
background: url("/parts/images/atit/fdesign_gtheader.jpg") no-repeat 0px 0px ;
list-style: none;
padding: 5px 5px 5px 15px;
margin: 0px 0px 0px 0px;
border: 0px solid red;
width: 500px;
}
#frails .contList ul:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
#frails .contList ul li {
display: inline !important;
background: url("/parts/images/icon/arrow_blue.gif") no-repeat 0px 3px ;
float: left;
width:auto;
padding-left: 14px;
padding-right: 34px;
margin: 8px 0px 0px 0px;
}
#frails.ftop .gt-sp {
letter-spacing: 1px;
color: #555;
}

.ftop#frails #centercol .new-article h2 .l {
margin: 0px;
}
.ftop#frails #centercol .picup-article h2.title {
background:url("/parts/images/atit/fdesign_serial.gif") no-repeat 0px 0px #FFF;
border: none;
border-bottom: 1px solid #CCC;
text-indent: -9999px;
height: 21px;
padding: 0px;
margin-bottom: 0px;
font-size: 10px;
}

#frails .new-article .artBox {
padding: 0px 5px 16px 5px;
background-color: #F6F6F6;
padding: 5px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #DDD;
/* background:url("/parts/images/atit/artbox_bg.gif") repeat right bottom #FFF; */

}
#frails .artBox p {
line-height: 1.4em;
color: #555;
letter-spacing: 1px;
}
.ftop#frails .artBox h4 {
letter-spacing: 1px;
color: #666;
}
#frails .artBox a:link {
color: #369;
letter-spacing: 1px;
}
#frails .artBox a:hover {
color: #C66;
}
#frails div.bbs-Box a:link {
color: #369;
letter-spacing: 1px;
}
#frails div.bbs-Box a:hover {
color: #C66;
}

#frails .category-box {
margin: 2px 0px 0px 0px !important;
padding:0px!important;
text-align:right;
}
#frails .category {
background:url("/parts/images/icon/point_icon.gif") no-repeat 2px -198px #FFF;
padding-left: 20px;
}
#frails.ftop #centercol .picup-article h2,
#frails.ftop #centercol .picup-el h2,
#frails.ftop #centercol .new-article h2 {
color: #444;
font-size: small; 
border-top: 3px solid #dc5664;
border-bottom: 1px solid #DDD ;
border-right: 0px solid #FFF;
padding: 5px 2px 4px 10px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/bg_gra.jpg") repeat-x left -20px #FFF;
height: 17px;
}
#frails.ftop #centercol .picup-article h2 .r {
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
padding:2px;
padding-right:5px;
}
#frails.ftop #centercol .picup-el ul {
margin:0 0 0 3px;
padding:0;
list-style:none;
}
#frails.ftop #centercol .picup-el li {
font-size:14px;
line-height:20px;
margin:0;
padding:0 0 0 15px;
background:url("/parts/images/atit/iconlist.gif") no-repeat 0 4px;
}

#frails .bbs-box h2 {border-top: 4px solid #69C;}
#frails.ftop #centercol .introserial {
letter-spacing: 1px;
width: 100%;
}
#frails.ftop .gt-sp {
_width: 484px;
border: none ;
background:url("/parts/images/atit/fdesign_side.gif") repeat-y 0px 0px #FFF;
}
#frails.ftop .gt-sp div {
margin: 0px;
_width: 488px;
}
#frails.ftop .gt-sp div.in-box {
margin: 0px;
padding: 0px;
background:url("/parts/images/atit/fdesign_gtfooter.jpg") no-repeat 0px bottom ;
}
#frails.ftop .gt-sp div.in-box div.inline-box {
height: 100%;
border: 0px solid red;
padding:6px;
margin: 0px;
background:url("/parts/images/atit/fdesign_gtheader.jpg") no-repeat 0px 0px ;
}
#frails.ftop .gt-sp .gticon {
float: left;
}
#frails.ftop .gt-sp h3 {
letter-spacing: 1px;
font-size: 134%;
margin-left: 117px;
}
#frails.ftop .gt-sp p {
margin-left: 117px;
}
#frails.ftop .gt-sp .category-box {
background: none;
border: 0px solid red;
_width: 200px;
float: right;
}
#frails .hedSet {
background:none;
margin-bottom:10px;
}
#frails .search-ftop {margin-bottom:8px;}
#frails .fyi-box {
margin-left: 0px;
}
#frails .search-ftop .serchArea {width:258px;}
#frails #fyi-pickup h2 {
background:url("/parts/images/ad/special_fdesign_bar.gif") no-repeat left top !important;
font-size:12px;
text-indent:-9999px;
height:19px !important;
margin:0px;
padding-left:20px;
padding-top:3px;
color:#FFF;
}
#frails #hatebPoplar h2 {border-top: 4px solid #69C ;}
#frails #hatebHot h2 {border-top: 4px solid #69C ;}

#frails .new-article table {
width: 480px !important;
background:#F6F6F6;
border-top: 1px solid #FFF;
border-bottom: 1px solid #DDD;
}
#frails .new-article table img {
padding: 2px;
border: 1px solid #DDD;
margin-left: 0px;
background:#FFF;
}
#frails .new-article table br {display:none;}
#frails .new-article table font {
display: block;
width: 425px !important;
}
#frails .new-article table font br {display:inline;}
#frails .new-article table div {
border: 0px solid red;
width: 425px !important;
}
#frails .new-article table div font {display: inline;}
#frails .introserial img {margin-right:12px;}
#frails .introserial ul {padding:1px 0px 0px 58px !important;}
#frails #centercol .icon {margin-right:12px;}
#frails #rails_exam img {
border:0px solid #FFF;
margin:0;
padding:0;
}

#eventtext-area {display:none;}