/* 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;
color:#444;
}

/*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;
border:none;
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 {}



/* 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 {
}
.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
-----------------------------------------*/
h1 {
border:3px solid #AAA;
border-left:none;
border-right:none;
padding:0px;
margin: 0px 0px 10px 0px;
background: url("/parts/images/tech/spbn_bg.jpg") repeat-x 0px -58px ;
font-size:1.5em;
color:#444;
}
h1 span {
display:block;
border:1px solid #FFF;
border-left:none;
border-right:none;
height: 45px;
background: url("/parts/images/icon/keyIcon.png") no-repeat 5px center ;
padding-left:65px;
padding-top:15px;
}
h2 {
padding:4px 2px 2px 5px;
margin: 0px 0px 10px 0px;
background: url("/parts/images/tech/spbn_bg.jpg") repeat-x 0px -58px ;
border-top:1px solid #888;
border-bottom:3px solid #888;
font-size:1.2em;
letter-spacing:0.1em;
}



/* 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 2px;
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 {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 ;
}



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


/* NEWZIA - 101102
----------------------------------------- */

#newzia_connect_wp_atit_rc2 {font-size:13px;}
#newzia_connect_wp_atit_rc2 h3 {
margin-bottom:5px !important;
background:url(/parts/images/rc_ttl_ttwp.gif) no-repeat #FFF;
text-indent:-9999px;
height:21px;
}
#newzia_connect_wp_atit_rc2 ul {
list-style:none;
margin:0px;
padding:0px;
}
#newzia_connect_wp_atit_rc2 ul li {
background:url("/parts/images/icon/endlink_bg.gif") no-repeat 0 8px transparent;
border-bottom:1px solid #EEE;
margin:0 5px;
padding:5px 0 5px 20px;
}