<!--
/* atmarkIT news articles */
/* rightmenu and centr boder */
#main { background-image: url(/images/articleline_css.gif); }

/* 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 { margin: 0px 0px 8px 0px; padding: 3px 5px; 
border: 1px #ACBEC9 solid; background-color: #EEE; 
font-size: 10px; text-align: right; }
#headmenu a { color: #003366;}

/* article style */
p {line-height: 140%}
/* Htag */
#centercol H1 {
font-size: 18px;
font-weight: bold;
margin:0px 0px 5px 0px !important;
padding:0px;
color:#333;
border:0px solid red;
text-align:left !important;
}
#centercol H2 {
font-size: 18px;
font-weight: bold;
color: #393;
margin:0px 0px 5px 0px;
border:0px solid red;
clear:right;
}
h3 { font-size:15px; font-weight: bold; }
h4 { font-size: normal; }
h5 { font-size: small; }
h6 { font-size: x-small; }
#centercol p {
color:#333;
margin-top:0px;
}

/*h3 DECO */
#centercol h3 {
border-left: 4px solid #BBB;
border-bottom: 1px solid #BBB;
margin-bottom: 15px !important;
color:#333;
padding: 2px 2px 2px 4px;
font-size:16px;
}

/*↓news only style↓*/
#centercol #date {
color:#777;
font-size:12px;
border:0px solid red;
margin: 0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.ttl_sub {font-size:16px; font-weight: bold;}
.ttl_red { color:#CC0000; }
#centercol #art-logo {
display: block;
float:right;
border:0px solid red;
margin-top:0px;
margin-bottom:0px;
text-indent:-9999px;
background:url(/parts/images/news/i_news_s.gif) no-repeat;
border:0px solid red;
}
#centercol #art-logo a {
display:block;
width:80px;
height:23px;
}
#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;
border-left: 0px 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/news/i_dot.gif) no-repeat 6px 7px;
padding-left:16px;
}
#credit {
border:0px solid #DDD;
padding:3px;
background-color:#FFF;

}
#copyright, #author, #mailto {
text-align: right;
font-size:12px;
padding:0px;
margin:0px;
color:#666 !important;
}

/*↑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; }

#anlys480 { width: 480px; margin:4px auto 10px auto;}
#anlys450 { width: 450px; margin:4px auto 10px auto;}
#anlys400 { width: 400px; margin:4px auto 10px auto;}
#anlys350 { width: 350px; margin:4px auto 10px auto;}
#anlys300 { width: 300px; margin:4px auto 10px auto;}
#anlys280 { width: 280px; margin:0px 0px 10px 5px; float: right;}
#anlys250 { width: 250px; margin:0px 0px 10px 5px; float: right;}
#anlys200 { width: 200px; margin:0px 0px 10px 5px; float: right;}
#anlys150 { width: 150px; margin:0px 0px 10px 5px; float: right;}
#anlys120 { width: 120px; margin:0px 0px 10px 5px; float: right;}
#anlys100 { width: 100px; margin:0px 0px 10px 5px; float: right;}
#anlys80  { width:  80px; 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#col80c  { width:  80px; 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#col80r  { width: 80px;  margin:4px 0px 10px 0px; 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;}
div#col80l  { width: 80px;  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; }

/* TTWP&JOB */
#btm-ttwpjob { font-size: small;}
#btm-ttwpjob h3{
color: #393;
font-size:12px;
padding:3px;
margin:0px;
border-bottom: 1px solid #DDD;
border-left: 0px solid #DDD;
}
#btm-ttwpjob h4 {
color: #444;
font-size: small; 
margin-bottom: 5px;
margin-top: 10px;
background:url("/parts/images/icon/fusen_blue.gif") no-repeat 2px 0px;
padding: 2px 0px 2px 25px;
}
#btm-ttwpjob h4 small {
color: #666;
font-weight: normal;
}
#btm-ttwpjob div {
margin: 0px 0px 4px 0px; 
padding:0px 0px 2px 17px; 
background:url(/parts/images/news/i_dot.gif) no-repeat 6px 5px;
}
#headmenu span.l {
float: left;
display:block;
width:20%;
padding-top: 0px;
text-align:left
}


#newzia_connect_atmarkit.btmlist .title {
margin:0px !important;
padding:0px !important;
border:none !important;
color: #393 !important;
font-size:12px !important;
padding:3px !important;
margin:0px !important;
border-bottom: 1px solid #DDD !important;
border-left: 0px solid #DDD !important;
background-image:none !important;
background-color:#FFF !important;
}

#rightcol #search {
display:none;
}

-->