<!--
/* atmarkIT news index */

/* rightmenu and centr boder */
#main { background-image: url(/images/articleline_css.gif); }
/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/* contents */
#centercol { float: left;
width: 500px; 
margin: 0px; 
padding: 5px 10px 10px 20px; 
}
#rightcol { float: right;
width: 300px; 
margin: 0px;
padding: 0px 0px 10px 0px; 
text-align: left; 
}

/* rightmenu logo */
#rightlogo { margin-top: 10px; text-align: center; }
/* headmenu */
#headmenu a { color: #003366; }
#news-top #headmenu,
#news-index #headmenu {
margin: 0px 0px 0px 0px;
padding: 3px 0px !important;
border: 0px #ACBEC9 solid !important;
border-bottom: 0px #ACBEC9 solid  !important;
background-color: #FFF  !important;
font-size: 10px; text-align: right;
}


/* news TOP style */
p {line-height: 140%}
/* Htag */
#centercol H2 {
font-size: 14px;
font-weight: bold;
color: #555;
margin:0px 0px 5px 0px;
padding:4px 0px 3px 0px;
border-left:1px solid #BBB;
border-bottom:2px solid #5200AD;
background-color:#FFF;
text-indent:10px;
}
#centercol H3 {
font-size: 14px;
font-weight: bold;
color: #333;
margin:0px 0px 3px 0px;
}
h4 { font-size: normal; }
h5 { font-size: small; }
h6 { font-size: x-small; }
#centercol p {
color:#333;
}
#centercol .intro a,
#centercol #recent a {
}
#centercol .intro small,
#centercol #recent small {
color:#666;
}
#centercol .intro ul li a,
#centercol #recent ul li a {
padding:3px;
color:#036;
}
#centercol .intro ul li a:visited ,
#centercol #recent ul li a:visited {
padding:3px;
color:#639;
}
/*↓news Intro style↓*/
.intro H4 {
font-size: 12px;
font-weight: bold;
color: #393;
margin:0px 0px 0px 0px !important;
padding:0px 0px 3px 0px !important;
border-bottom:0px solid #DDD;
}
.intro {
width:100% !important;
margin-bottom:0px;
}
.intro p {
border:0px solid red;
margin:0px !important;
padding:0px !important;
}
.intro img {
border-right: 1px solid #EEE !important;
border-bottom: 1px solid #EEE;
}
.intro ul {
margin: 5px 3px 0px 3px;
padding: 5px 0px 0px 0px;
list-style-type:none;
clear:both;
}
.intro ul li {
color:#333;
font-size:12px;
background:url(/parts/images/news/i_dot.gif) no-repeat 0px 6px;
padding-left:10px;
padding-bottom:4px;
}

/*↓news only style↓*/

/*TITLEbox style↓*/
#title-box {
height:45px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-top:3px solid #DDD;
border-bottom:3px solid #DDD;
clear:right;
}
H1 {
height:45px;
font-size: 26px;
text-indent:-9999px;
font-weight: bold;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
color:#666;
width:70%;
border:0px solid red;
float:left;
}
H1 a {
display: block;
height:45px;
width:250px;
}
#title-box #art-logo {
display: block;
float:right;
border:0px solid red !important;
margin-top:25px !important;
margin-bottom:0px;
text-indent:-9999px;
background:url(/parts/images/news/i_newstop_s.gif) no-repeat !important;
border:0px solid red;
}
#title-box #art-logo a {
display:block;
width:100px;
height:25px;
}

.flinux H1 {background:url(/parts/images/news/flinux_logo.gif) no-repeat 5px 10px !important;}
.fwin2k H1 {background:url(/parts/images/news/fwin2k_logo.gif) no-repeat 5px 8px !important;}
.fdotnet H1 {background:url(/parts/images/news/fdotnet_logo.gif) no-repeat 5px 8px !important;}
.fsys H1 {background:url(/parts/images/news/fsys_logo.gif) no-repeat 5px 5px !important;}
.fdb H1 {background:url(/parts/images/news/fdb_logo.gif) no-repeat 5px 10px !important;}
.fxml H1 {background:url(/parts/images/news/fxml_logo.gif) no-repeat 5px 9px !important;}
.fnetwork H1 {background:url(/parts/images/news/fnetwork_logo.gif) no-repeat 5px 9px !important;}
.fsecurity H1 {background:url(/parts/images/news/fsecurity_logo.gif) no-repeat 5px 2px !important;}
.fjava H1 {background:url(/parts/images/news/fjava_logo.gif) no-repeat 5px 8px !important;}
.fwcr H1 {background:url(/parts/images/news/fwcr_logo.gif) no-repeat 5px 0px !important;}
.frfid H1 {background:url(/parts/images/news/frfid_logo.gif) no-repeat 5px 8px !important;}
.fcoding H1 {background:url(/parts/images/logo_fcoding_news.gif) no-repeat 5px 2px !important;}
.fserver H1 {background:url(/parts/images/logo_fserver_news.gif) no-repeat 5px 2px !important;}
.fsmart H1 {background:url(/parts/images/logo_fsmart_news.gif) no-repeat 5px 2px !important;}

#recent {clear:both;}
#recent img { float: right; margin-left: 5px; margin-top: 0px; border: 2px solid #DDD; }
#centercol #recent H3 {
font-size: 12px;
font-weight: bold;
color: #666;
margin:0px 0px 10px 0px;
padding:0px 0px 3px 0px;
border-bottom:1px solid #DDD;
clear:both;
}

#recent ul {
margin: 5px 3px 15px 3px;
padding:0px;
list-style-type:none;
}
#recent ul li {
color:#333;
font-size:12px;
background:url(/parts/images/news/i_paper.gif) no-repeat 0px 2px;
padding-left:16px;
padding-bottom:7px;
}

#centercol #date {
color:#777;
font-size:12px;
border:0px solid red;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#date {
color:#777;
text-align:right;
font-size:10px;
border:0px solid red !important;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
.ttl_sub {font-size:16px; font-weight: bold;}
.ttl_red { color:#CC0000; }
#centercol .btmlnk {
border:0px solid #DDD;
margin-bottom:15px;
}
#centercol .btmlnk h3 {
color: #393;
font-size:12px;
padding:3px;
margin:0px;
border-bottom: 1px solid #DDD;
}
#centercol .btmlnk ul {
margin:3px;
padding:0px;
list-style-type:none;
}
#centercol .btmlnk ul li {
color:#333;
font-size:12px;
background:url(/parts/images/atit/news/i_dot.gif) no-repeat 6px 7px;
padding-left:16px;
}

p.more {
margin: 5px 3px 10px 3px;
padding: 5px 0px 0px 0px;
border:0px solid red;
text-align:right;
font-size:12px;
display:block;
clear:both;
}
p.more a {
border:0px solid #BBB;
padding:3px;
color:#036;
}
p.more a:hover {
background-color:#036;
text-decoration:none;
padding:3px;
color:#FFF;
}
p.more span {
font-weight:bold;
padding-right:2px;
}

/* BACKNUM MENU*/
#bknum-menu {
border:0px solid #BBB;
width:100%;
border-bottom:1px solid #BBB;
}
#bknum-menu h3 {
margin:0px !important;
padding: 2px 0px 2px 0px;
background-color:#999 !important;
font-size:12px;
border-left:0px solid #BBB;
border-top:2px solid #BBB;
color:#FFF !important;
text-indent:5px;
}
#bknum-menu dl {
margin: 2px 0px 2px 0px;
padding: 2px 0px 0px 0px !important;
clear:both;
border-bottom:0px solid #EEE;
width:100%;
height:15px;
}
#bknum-menu dl.year-list {
margin: 1px 0px 2px 0px;
background-color:#DDD;
}

#bknum-menu dl dt {
margin:0px;
padding: 0px 0px 0px 4px;
color:#555;
font-size:12px;
float:left;
background-color:#FFF;
}
#bknum-menu dl dd {
margin:0px;
padding:0px;
color:#333;
font-size:12px;
float:left;
}
#bknum-menu dl dd a {
margin: 0px 0px 0px 0px;
padding: 2px 4px 0px 4px;
border-right:1px solid #AAA;
color:#036;
}
#bknum-menu dl.year-list  dd a {
border-right:1px solid #FFF;
}
#bknum-menu dl dd a:hover {
background-color:#036;
color:#FFF;
text-decoration:none;

}

/*↓news Index style↓*/
#news-index #centercol H2 {
letter-spacing: 1px;
font-size: 18px;
font-weight: bold;
color: #036;
margin:4px 0px 5px 0px;
padding:8px 0px 3px 0px;
border-left:0px solid #BBB;
border-bottom:0px solid #393;
background-color:#FFF;
text-indent:2px;
}


/*↑news only style↑*/

.katt { font-size: 14px; color: #FF3300; }

#eweek { width: 130px; margin:0px 0px 10px 5px; float: right; }
#eweek img { border: none; }
#katt { width: 120px; margin:0px 0px 10px 5px; float: right; text-align: right; }
#katt img { border: none; }

#anlys80 { width: 80px; margin:0px 0px 10px 5px; float: right; }
#anlys100 { width: 100px; margin:0px 0px 10px 5px; float: right; }
#anlys120 { width: 120px; margin:0px 0px 10px 5px; float: right; }


/*photo,image,caption*/
div#col480c { width: 480px; margin:4px auto 10px auto; }
div#col450c { width: 450px; margin:4px auto 10px auto; }
div#col400c { width: 400px; margin:4px auto 10px auto; }
div#col350c { width: 350px; margin:4px auto 10px auto; }
div#col300c { width: 300px; margin:4px auto 10px auto; }
div#col280c { width: 280px; margin:4px auto 10px auto; }
div#col250c { width: 250px; margin:4px auto 10px auto; }
div#col200c { width: 200px; margin:4px auto 10px auto; }
div#col150c { width: 150px; margin:4px auto 10px auto; }

div#col480r { width: 480px; margin:4px 0px 10px 5px; float: right; }
div#col400r { width: 400px; margin:4px 0px 10px 5px; float: right; }
div#col350r { width: 350px; margin:4px 0px 10px 5px; float: right; }
div#col300r { width: 300px; margin:4px 0px 10px 5px; float: right; }
div#col280r { width: 280px; margin:4px 0px 10px 5px; float: right; }
div#col250r { width: 250px; margin:4px 0px 10px 5px; float: right; }
div#col200r { width: 200px; margin:4px 0px 10px 5px; float: right; }
div#col150r { width: 150px; margin:4px 0px 10px 5px; float: right; }

div#col480l { width: 480px; margin:4px 5px 10px 0px; float: left; }
div#col400l { width: 400px; margin:4px 5px 10px 0px; float: left; }
div#col350l { width: 350px; margin:4px 5px 10px 0px; float: left; }
div#col300l { width: 300px; margin:4px 5px 10px 0px; float: left; }
div#col280l { width: 280px; margin:4px 5px 10px 0px; float: left; }
div#col250l { width: 250px; margin:4px 5px 10px 0px; float: left; }
div#col200l { width: 200px; margin:4px 5px 10px 0px; float: left; }
div#col150l { width: 150px; margin:4px 5px 10px 0px; float: left; }

/*text*/
.b { font-weight: bold; }
.s { font-size: small; }
.m { font-size: medium; }
.white { color: #FFFFFF; }
.red { color: #CC0000; }

/*ranking top10*/
#rank10 { font-size: small; }
#rank10 .ttl { font-size: 15px; color: #FFFFFF; margin-bottom: 10px; }
#rank10 .date { color: #FFFFFF; text-align: right; margin-top: 10px; }



-->