<!--
/* atmarkIT news top */

@import url("/stylesheet/common.css");
@import url("/stylesheet/gnavi.css");
@import url("/stylesheet/leftmenu.css");
@import url("/stylesheet/eventcal_rc.css");
/*** newstop common style ***/

/*backbround*/
body{ background: url(/top/bodyback_c.gif) repeat-x; }
/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/*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; }
#leftcol { float: left; width: 120px; margin: 0px; padding: 0px; }

.l { float: left;}
.r { float: right;}

/*tagline and lead*/
#tagline { font-size: small; text-align: center; font-weight: bold; margin: 0px; }
#lead { font-size: small; margin-left: 5px; margin-right: 5px; margin-bottom: 0px; }
#date { margin: 10px 6px 0px 0px; padding: 0px; 
font-size: small; font-weight: bold; color: #333; text-align: right; }

/*midasi*/
/* Htag */
h1 { font-size: medium; margin: 0px; text-align: center; }
#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;
}

/* common style */
#centercol p {color:#333;}

/* DATE style */
#date {
color:#777;
font-size:12px;
font-weight:normal;
border:0px solid red;
margin: 5px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#centercol H3 { font-size: 14px; font-weight: bold; color: #333;margin:0px 0px 0px 0px; }
#centercol #recent H3 { font-size: 12px; color: #666;border-bottom: 1px solid #DDD;}
h4 { margin: 0px; font-size: small; }
.intro H4 {
font-size: 12px;
font-weight: bold;
color: #393;
margin:0px !important;
padding:0px 0px 3px 0px !important;
border-bottom:0px solid #DDD;
}

/*new mark*/
.new { font-size: small; font-weight: bold; color: #FF0000; margin-left: 2px; }

/* rightmenu logo */
#rightlogo { margin-top: 10px; text-align: center; }


/* 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;
}




/*** newstop style ***/

/*right katt*/
#rkatt { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rkatt img { float: left; margin-right: 5px; border: none; }
#rkatt h2 { margin: 0px 0px 5px 0px; padding: 4px 2px 8px 7px; font-size: small; background: url(/news/images/ttlback_r.gif) no-repeat; }
#rkatt h3 { margin: 0px 0px 10px 0px; font-size: small; }
#rkatt p { margin: 0px; line-height: 110%; }
#rkatt ul { clear: both; margin: 5px 0px 0px 0px; padding: 0px 3px; list-style-type: none; }
#rkatt ul li { margin: 0px; padding:0px 0px 1px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rkatt .cont { padding: 5px; }
#rkatt .icon { float: left; margin-right: 5px; }
#rkatt .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right analysis*/
#ranalysis { margin: 10px 0px; padding: 0px; font-size: small;}
#ranalysis img { float: left; margin-right: 5px; border: none; }
#ranalysis h2 {
margin: 0px;
color: #444;
font-size: small; 
border:1px solid #DDD;
border-top:4px solid #999;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/analysis.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
#ranalysis h3 { margin: 0px 0px 10px 0px; font-size: small; }
#ranalysis p { margin: 0px; line-height: 110%; }
#ranalysis ul { clear: both; margin: 5px 0px 0px 0px; padding: 0px 3px; list-style-type: none; }
#ranalysis ul li { margin: 0px; padding:0px 0px 1px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#ranalysis .cont {border:3px solid #DDD;border-top:2px solid #DDD; padding:6px;}
#ranalysis .icon { float: left; margin-right: 5px; }
#ranalysis .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right sox*/
#rsox { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rsox h2 { margin: 0px 0px 5px 0px; padding: 0px; border: none; }
#rsox img { border: none; }
#rsox ul { margin: 0px; padding: 0px 3px; list-style-type: none; font-weight: bold; text-align: left; }
#rsox ul li { margin: 0px; padding: 0px 0px 5px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rsox .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right im yougo*/
#rimyougo { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rimyougo h2 { margin: 0px 0px 5px 0px; padding: 4px 2px 8px 7px; font-size: small; background: url(/news/images/ttlback_r.gif) no-repeat; }
#rimyougo img { border: none; }
#rimyougo ul { margin: 0px; padding: 0px 3px; list-style-type: none; text-align: left; }
#rimyougo ul li { margin: 0px; padding: 0px 0px 5px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rimyougo .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right web2*/
#rweb2 { margin: 5px 0px; padding: 0px; width: 300px; font-size: small; }
#rweb2 h2 { margin: 0px 0px 5px 0px; padding: 0px; border: none; }
#rweb2 img { border: none; }
#rweb2 ul { margin: 0px; padding: 0px 3px; list-style-type: none; font-weight: bold; text-align: left; }
#rweb2 ul li { margin: 0px; padding: 0px 0px 5px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rweb2 .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right tokuho*/
#rtokuho { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rtokuho h2 { margin: 0px 0px 5px 0px; padding: 4px 2px 8px 7px; font-size: small; background: url(/news/images/ttlback_r.gif) no-repeat; }
#rtokuho img { border: none; }
#rtokuho ul { margin: 0px; padding: 0px 3px; list-style-type: none; text-align: left; }
#rtokuho ul li { margin: 0px; padding: 0px 0px 5px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rtokuho .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right ranking*/
#rank { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rank h2 { margin: 0px 0px 5px 0px; padding: 4px 2px 8px 7px; font-size: small; background: url(/news/images/ttlback_r.gif) no-repeat; }
#rank td { padding: 2px; border-bottom: 1px solid #ccc; }
#rank .date { padding: 2px; border: none; }

/*right eventcalendar*/
#event { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#event h2 { margin: 0px 0px 5px 0px; padding: 4px 2px 8px 7px; font-size: small; background: url(/news/images/ttlback_r.gif) no-repeat; }
#event ul { margin: 0px; padding: 0px 3px; list-style-type: none; text-align: left; }
#event ul li { margin: 0px; padding: 0px 0px 1px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#event .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right learning*/
#learn { margin: 10px 0px; padding: 0px; font-size: small;}
#learn table {border:3px solid #DDD;border-top:2px solid #DDD;}
#learn p {padding:0px;margin:0px;}
#learn h2 {
margin: 0px;
color: #444;
font-size: small; 
border:1px solid #DDD;
border-top:4px solid #999;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/t_learning.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
#learn td { padding: 2px; border-bottom: 1px solid #ccc; }
#learn .date { padding: 2px; border: none; }

/* articles index */

#topnews { margin: 0px; padding-right: 5px; }
#topnews .intro { margin: 5px 0px 10px 0px; padding: 5px; width: 383px; font-size: small; border: 1px #999 solid; }
#topnews .intro h3 {font-size: 16px ; }
#topnews .intro img { float: left; margin-right: 10px; border: 0px; }
#topnews .intro p { margin: 0px; line-height: 110%; }
#topnews .intro ul { clear: both; margin: 5px 0px 5px 5px; padding: 3px; list-style-type: none; }
#topnews .intro ul li { margin: 0px; padding:0px 0px 1px 10px; background:url(/parts/images/news/i_dot.gif) no-repeat 0px 7px !important; }

#latest { margin: 0px; padding-right: 5px; }
#latest .intro { margin: 15px 0px; padding: 5px; width: 390px; font-size: small; clear: both; }
#latest .intro h3 { margin: 0px 0px 5px 0px; font-size: medium; clear: left; }
#latest .intro p { margin: 0px; line-height: 110%; }
#latest .intro img { float: right; margin-left: 10px; border: 0px; }
#latest .intro ul { margin: 5px 0px 5px 5px; padding: 0px; list-style-type: none; }
#latest .intro ul li { margin: 0px; padding:0px 0px 1px 10px; background:url(/parts/images/news/i_dot.gif) no-repeat 0px 7px;}

#recent { margin: 0px; padding-right: 5px; font-size: small; }
#recent ul { clear: both; margin: 5px 0px ; padding: 5px; list-style-type: none; }
#recent ul li { margin: 0px; padding: 0px 0px 5px 15px; background:url(/parts/images/news/i_paper.gif) no-repeat 0px 0px; }
#recent .more { margin: 0px 0px 10px 0px; text-align: right; }

/*** portal style ***/

p.more {
margin: 5px 3px 10px 3px;
padding: 5px 0px 0px 0px;
border:0px solid red;
text-align:right;
font-size:12px;
}
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;
}
#centercol .intro ul li a,
#centercol #recent ul li a {
padding:3px;
color:#036;
}

#centercol .intro ul li a,
#centercol #recent ul li a:visited {
padding:3px;
color:#639;
}


/*mokuji*/
#portalmenu { margin: 10px 0px; padding: 0px; border: none; font-size: small; text-align: center; }
#portalmenu td { border-bottom: 1px solid #666; border-right: 1px solid #666; 
 padding-top: 4px; padding-bottom: 3px; background-color:#EEE; }
 
/*articles index*/
#portaltop { margin: 0px; padding-right: 5px; }
#portaltop h2 { margin-top: 20px; clear: both; }

/*article index shoukaibun style*/
#portaltop .intro { margin: 10px 0px 20px 0px; padding:5px; font-size: small; clear: both; }
#portaltop .intro img { float: left; margin-right: 10px; border: 0px; }
#portaltop .intro h3 { margin: 0px; font-size: small; }
#portaltop .intro .date { text-align: right; color: #666; margin-right: 5px; }
#portaltop ul { margin: 5px 0px ; padding: 5px; list-style-type: none; font-size: small; }
#portaltop ul li { margin: 0px; padding: 0px 0px 5px 10px; background:url(/parts/images/news/i_dot.gif) no-repeat 6px 7px; }

/*rightmenu soxcomp*/
#rsoxcomp { margin: 5px 0px; padding: 0px; width: 300px; font-size: small; }
#rsoxcomp .title { margin: 0px 0px 5px 0px; padding: 0px; border: none; }
#rsoxcomp ul { margin: 0px; padding: 0px 3px; list-style-type: none; font-weight: bold; text-align: left; }
#rsoxcomp ul li { margin:0px; padding:0px 0px 5px 10px; background:url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rsoxcomp .indexlink { text-align: right; margin: 0px; }

#rsoxcomprel{ margin: 0px; padding: 0px; font-size: 12px; text-align: left; }
#rsoxcomprel .rel1 { background-color: #333399; padding: 1px; width: 100px; }
#rsoxcomprel .rel2 { background-color: #fff; padding: 1px; }
#rsoxcomprel .rel3 { background-color: #333399; padding: 3px; color: #fff; text-align: center; }

/* 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:0px;
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 {}

/* FORUM MENU
-----------------------------------------*/
#forum-list a { padding: 3px; color: #036;}

#forum-list {border:0px solid #DDD;font-size:0.8em; margin-right: 5px; margin-bottom: 10px;}
#forum-list dl, #forum-list dl dt, #forum-list dl dd { margin: 0px; padding:0px;}
#forum-list dl dt {text-indent:-9999px;margin-bottom:2px;margin-top:6px;height:19px;}
#forum-list dl dt#tech-menu { background: url("/parts/images/news/t_techmenu.gif") no-repeat left top !important;}
#forum-list dl dt#im-menu { background: url("/parts/images/news/t_immenu.gif") no-repeat left top !important;}
#forum-list dl dt#jibun-menu { background: url("/parts/images/news/t_jibunmenu.gif") no-repeat left top !important;}
#forum-list dl dd {border-left: 0px solid #CCC;padding: 0px; margin: 2px 2px 2px 2px; display: inline;}
#forum-list dl dd a { font-weight: normal; border:0px solid #DDD; padding: 1px;}
#forum-list dl dd span { padding: 0px 2px 0px 4px; font-size: 0.62em; color:#666;}

/* 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;}

/* #hatena-bookmark-widget0 {width:300px !important;} */

.intro h4 {
font-size: 12px;
font-weight: bold;
color: #393;
margin: 0px 0px 5px 0px !important;
padding:0px 0px 0px 0px !important;
border-bottom:0px solid #DDD;
}
.intro h4 span.l {
display:block;
width:290px;
}
.intro h4 span.b-kwout {
display:block;
background: url(/parts/images/icon/kwout.gif) no-repeat 0px 0px;
text-indent: -9999px;
width: 15px;
}
.intro h4 span.b-kwout a {
display:block;
width : 15px;
height: 13px;
}


#topnews .intro h4 {
font-size: 12px;
font-weight: bold;
color: #393;
margin: 0px !important;
padding:0px 0px 3px 0px !important;
height: 12px;
}
#topnews .intro h3 {
clear: right;
margin-top:5px;
}
#topnews .intro h4 span.l {
display:block;
width:297px;
}
#topnews .intro h4 span.b-kwout {
display:block;
background: url(/parts/images/icon/kwout.gif) no-repeat 0px 0px;
text-indent: -9999px;
width: 15px;
}
#topnews .intro h4 span.b-kwout a {
display:block;
width : 15px;
height: 13px;
}


#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;
min-height: 36px;
height:auto!important;
height:36px;
padding:2px 0 2px 30px;
}
#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 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;
pading-bottom: 4px;
min-height: 25px;
background:url("/parts/images/icon/paper02.gif") no-repeat 5px center #FFF ;
}
.bbs-box h2 {border-top: 4px solid #999 !important;}

/* SNSbtn for ftop
-----------------------------------------*/
#headmenu {
float:right;
*padding-top:3px;
padding-right:5px;
margin:0!important;
}
#headmenu span.r{
float:right;
margin:0!important;
height:19px;
}
#navibar {margin:0;}
#navibar .navibar_styl {
width:450px!important;
float:left;
}

#headmenu .pr-l {display:none!important;}


-->