<!--
/* atmarkIT news index */

@import url("/stylesheet/common.css");
@import url("/stylesheet/leftmenu.css");

/*backbround*/
body{ background-image: url(/top/bodyback_c.gif); }
/*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; background-color: #006699; }

/* rightmenu logo */
#rightlogo { margin-top: 10px; text-align: center; }

/*lead*/
#lead { font-size: small; margin-left: 35px; margin-right: 35px; }

/*midasi*/
h1 { font-size: medium; margin: 20px 0px 0px 0px; }
h2 { margin-bottom: 5px; 
 padding:4px 3px 3px 5px; 
 border-bottom: 1px solid #666; 
 border-left: 1px solid #666; 
 font-size: small; }

/*page navigation*/
#pagenavi { clear: both; margin-top: 40px; margin-bottom: 20px; padding: 0px; width: 390px; font-size: small; }
#pagenavi .l { float: left; }
#pagenavi .r { float: right; }
#pagenavi {
margin: 5px 3px 0px 3px;
padding: 5px 0px 20px 0px;
border:0px solid red;
text-align:right;
font-size:12px;
}
#pagenavi a {
border:0px solid #BBB;
padding:3px;
color:#036;
}
#pagenavi a:hover {
background-color:#036;
text-decoration:none;
padding:3px;
color:#FFF;
}
#pagenavi span {
font-weight:bold;
padding-right:2px;
}


/*articles index*/
#newsindex { clear: both; margin: 2px 0px; padding: 0px 5px 0px 0px;}
#newsindex h2 {
clear: both;
font-size: 12px;
font-weight: bold;
color: #666;
margin: 15px 0px 0px 0px !important;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #DDD;
border-left: 0px solid #DDD;
}
#newsindex ul { margin: 10px 5px; padding: 0px; list-style-type: none; font-size: small;}
#newsindex ul li { margin: 0px; padding: 0px 0px 5px 15px; background: url(/parts/images/news/i_paper.gif) no-repeat 0px 1px; }
#newsindex ul li a { padding:3px; }
#newsindex img { float: right; margin-left: 5px; margin-top: 10px; border: 2px solid #EEE; }
#newsindex ul li a {padding:3px;color:#036;}
#newsindex ul li a:visited {padding:3px;color:#639;}

/* survey style */
#surveyindex { margin: 10px 0px; padding: 10px 5px 0px 0px; }
#surveyindex h1 { border-bottom: 2px #006600 dotted; 
border-top: 2px #006600 dotted; 
margin: 0px 0px 10px 0px; padding: 2px 2px 1px 8px; 
font-size: 14pt; color: #333; 
background-color:#FFFFCC; }
#surveyindex h2 { border-bottom: 1px #006600 solid; 
border-left: 10px #006600 solid; 
padding-left: 10px; padding-top: 5px; padding-bottom: 3px; 
font-size: small; }
#surveyindex .menu { border-bottom: 1px #666666 solid; 
 border-right: 1px #666666 solid; 
 padding-top: 3px; padding-bottom: 3px; 
 font-size: small; 
 background-color:#EEE; }
#surveyindex #lead { font-size: small; margin: 0px 10px 10px 10px; }

/*monthly backnumber navi*/
#bknmnavi { margin: 10px 0px; padding: 0px; border: none; font-size: small; text-align: center; }
#bknmnavi td { text-align: left; padding: 8px 0px; }
#bknmnavi span.numb { color: #FFF; font-weight: bold; }
#bknmnavi span.numb a { color: #003366; }
#bknmnavi span.numb a:link,
#bknmnavi span.numb a:visited { margin: 0px; padding: 5px; border:1px solid #999; text-decoration: none; background-color: #EEE; }
#bknmnavi span.numb a:hover { margin: 0px; padding: 5px; border:1px solid #666; text-decoration: none; background-color: #CEDEFF; }

/*CONTENT style*/
#content { color: #333;}
#content h1 {
color:#036;
font-size:18px;
 margin: 0px;
padding-top: 15px;
text-indent:5px;
height: 30px;
border-bottom:0px solid #CCC;
}
#centercol .intro ul li a,
#centercol #recent ul li a, 
#forum-list a {
padding:3px;
color:#036;
}



/* 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;
padding: 1px 0px 3px 0px;
background-color:#DDD;
width: 100%;
height:30px;
}

#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 3px 0px 3px;
border-right:1px solid #AAA;
color:#036;
}
#bknum-menu dl.year-listdd a {border-right:1px solid #FFF;}
#bknum-menu dl dd a:hover {background-color:#036;color:#FFF;text-decoration:none;}

/* FORUM MENU
-----------------------------------------*/
#forum-list { clear:both; border:0px solid #DDD;font-size:0.8em; margin-top: 5px; 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;}


-->