/* im articles common */

@import url("/im/stylesheet/common.css");

/* Htag */

h1 { font-size: large; margin: 0px; }
h2 { font-size: medium; margin: 0px; }
h3 { font-size: medium; margin: 0px; }
h4 { font-size: medium; margin: 0px; }
h5 { font-size: medium; margin: 0px; }

#main { background-image: url(/im/images/articleline_css.gif); }

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

/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}


/*h1 title substyle */
.ttl_sub { font-size: small; font-weight: bold; margin-bottom: 5px; margin-top: 10px; float:left;}
.ttl_sub_l { float: left; padding: 5px; color: #FFFFFF; border: 1px solid; }
.ttl_sub_r { float: left; padding: 5px 10px; border: 1px solid; }
.ttl-sub { font-size: small; font-weight: bold; margin-bottom: 5px;}

.ttl_img { margin-top: 10px; float:right; width: 120px;}

.catch { font-size: small; font-weight: bold; }

.author { font-size: small; margin-top: 8px; margin-bottom: 1px; line-height: 100%; }
.date { font-size: small; margin-top: 3px; line-height: 100%; }

.lead { margin-left: auto; margin-right: auto; margin-top: 20px; 
        padding: 4px; 
		width: 80%; 
		font-size: small; text-align: left; 
		line-height: 120%; 
		}

.summary { border-top: 1px solid #999; 
           border-bottom: 1px solid #999; 
		   padding: 5px; 
		   font-size: small; 
		   margin-top: 10px; }

.summary_ret { margin: 5px 0px; 
               text-align: right; 
			   font-size: small; }

.nextprev { text-align: center; clear:both; }
.nextprev a:link { text-decoration: underline; }
.nextprev a:visited	{ text-decoration: underline; }
.nextprev a:hover { text-decoration: underline; }

/*h2 title substyle */
.subhead1 { padding:5px 3px 3px 10px;            
			margin-bottom: 5px; 
			border-style: solid; 
			border-width:0px 0px 1px 10px; }
.subhead2 { padding:10px 5px 8px 10px; 
            margin-bottom: 5px; 
            border-style: solid; 
			border-width:0px 0px 0px 15px; }
.subhead3 { padding:5px 3px 3px 10px; 
            margin-bottom: 5px; 
			border-style: solid; 
			border-width:2px 2px 2px 15px; }

/*profile*/
.prof_ttl { border-top: 1px dotted #999; 
            border-bottom: 1px dotted #999; 
			padding:4px 5px 3px 5px; 
			font-size: small; 
			font-weight: bold; 
			color: #003300; }

.prof { padding: 8px 5px; 
        font-size: small; 
		line-height: 110%; }

/*backnumber,index oldstyle*/
.bknum_ttl { border-top: 1px dotted #999;
             border-bottom: 1px dotted #999; 
             padding:4px 5px 3px 5px; 
           	 font-size: small; 
			 font-weight: bold; 
			 color: #333333; }
.bknum_tbl { font-size: small; 
             margin-top: 3px;
             border: 0px; }

/*bottom backnumber index*/
.backnum { margin:20px 0px; }
.backnum h3 {
border-top: 1px dotted #999;
border-bottom: 1px dotted #999; 
margin:0px;
padding:4px 5px 0px 5px;
font-size: small; 
font-weight: bold; 
color: #333333; 
height:20px;
}
.backnum h3 a { width:70%; float:left; color:#333333; }
.backnum h3 span { width:25%; float:right; font-size:small; font-weight:normal; text-align:right; }
.backnum h3 span a { width:100%; color:#0000FF; }
.backnum ul { margin:0px; padding:5px 0px; }
.backnum li { list-style-type:none; font-size:small; margin-left:5px; }
.backnum li span{ padding-left:20px; height:23px; font-weight:bold; background:url("/images/thispag2.gif") no-repeat; }
.backnum li a { padding-left:20px; height:23px; }

/*newest index oldstyle*/
.sinchaku_ttl {
border-top: 1px dotted #999;
                border-bottom: 1px dotted #999; 
				font-size: small; 
				font-weight: bold; 
				color: #333333; 
				padding: 5px 3px 3px 5px; 
				margin: 5px 0px 5px 0px; }

.sinchaku_cont1 { margin: 3px 3px 0px 3px; }
.sinchaku_cont2 { margin-left:14px; }

/* bottom articles index */
.btmlist { margin: 10px 0px; font-size: small; }
.btmlist .title { margin: 0px 0px 5px 0px; padding: 4px 3px 3px 5px; 
                  border-bottom: 1px dotted #999; border-top: 1px dotted #999; 
				  color: #333333; font-weight: bold; }
.btmlist ul { margin: 0px; 
              padding: 3px; 
			  list-style-type: none; }
.btmlist ul li { margin:0px; 
                 padding:0px 0px 2px 15px; 
				 background:url(/im/include/footer/images/dot1.gif) no-repeat; }

/* kiji sita mail */
.managemail { border-top: 1px solid #006600; 
              border-bottom: 1px solid #006600;
              background-color: #EEEEEE; 
			  padding: 3px; 
			  margin: 10px 0px; 
			  font-size: small; 
			  text-align: center; }

/*rightmenu category logo*/
#rightlogo { margin-top: 10px; text-align: center; }


/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/* headmenu */
#headmenu {
margin: 0px 0px 8px 0px;
padding: 3px 5px;
border: 1px #ACBEC9 solid;
background-color: #EEE; 
font-size: 12px;
height:100%;
}
#headmenu a {
color: #036;
}
#headmenu span.l {
float: left;
display:block;
border:0px solid red;
width:80%;
padding-top: 3px;
}
#headmenu span a strong {
color: #930;
text-decoration:none;
}

#headmenu span.r {
float: right;
display:block;
width:30% !important;
text-align: right;
}
#headmenu span.r #b-twitter {
padding-right:4px;
}

/* headmenu
#headmenu { margin: 0px; padding: 3px 5px; 
            border: 1px #999 solid; background-color: #EEEEEE; 
			font-size: 10px; text-align: right; }
#headmenu a { color: #003333; }

 */

/* head keyword */
#keyword { margin-top: 10px; font-size: small; text-align: right; }

/*code style new*/
pre.nodeco { font-size: 12px; 
             font-family: Courier New,monospace; 
			 margin: 0px; 
			 padding: 8px 5px; 
			 _width: 95%; 
			 overflow: auto; 
			 _overflow: scroll; 
			 line-height: 70%; }

pre.eee { font-size: 12px; 
          font-family: Courier New,monospace; 
		  margin: 0px; 
		  padding: 8px 5px; 
		  _width: 95%; 
		  overflow: auto; 
		  _overflow: scroll; 
		  border: 1px solid #aaa; 
		  background-color: #eee; 
		  line-height: 70%; }

pre.grey { font-size: 12px; 
           font-family: Courier New,monospace; 
		   color: #FFFFFF; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #666; 
		   line-height: 70%; }

pre.navy { font-size: 12px; 
           font-family: Courier New,monospace; 
		   color: #FFFFFF; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #000066; 
		   line-height: 70%; }

pre.dgrn { font-size: 12px; 
           font-family: Courier New,monospace; 
		   color: #FFFFFF; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #006600; 
		   line-height: 70%; }

pre.ygrn { font-size: 12px; 
           font-family: Courier New,monospace; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #ccff99; 
		   line-height: 70%; }

pre.lgrn { font-size: 12px; 
           font-family: Courier New,monospace; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #dfffe3; 
		   line-height: 70%; }

pre.violet { font-size: 12px; 
             font-family: Courier New,monospace; 
			 margin: 0px; 
			 padding: 8px 5px; 
			 _width: 95%; 
			 overflow: auto; 
			 _overflow: scroll; 
			 background-color: #CCCCFF; 
			 line-height: 70%; }

/***** old style ***********************/

/*text*/
#bold { font-weight: bold; }
.size2 { font-size: small; }
.size3 { font-size: medium; }
.size2bold { font-size: small; font-weight: bold; }
.size2white { font-size: small; color: #FFFFFF; }
.white { color: #FFFFFF; }

/*kanren kiji*/
.kanren { font-size: small; }
.kanren p { font-weight: bold; margin-bottom: 2px; margin-left: 18px; }
.kanren ul { margin-top: 2px; }
.kanren li { list-style-image: url(/im/images/indexarrow.gif); 
               margin-left: 0px;
			   padding-left: 0px; }

/*list tag*/
ol.size2 { font-size: small; }
ol.bold { font-weight: bold; }

ul.size2 { font-size: small; }
ul.bold { font-weight: bold; }

ul.circle { list-style-type: circle; }
ul.square { list-style-type: square; }
ul.disc { list-style-type: disc; }
ul.none { list-style-type: none; }
ul.upperalpha { list-style-type: upper-alpha; }
ul.loweralpha { list-style-type: lower-alpha; }
ul.upperroman { list-style-type: upper-roman; }

li.circle { list-style-type: circle; }
li.square { list-style-type: square; }
li.disc { list-style-type: disc; }
li.none { list-style-type: none; }
li.upperalpha { list-style-type: upper-alpha; }
li.loweralpha { list-style-type: lower-alpha; }
li.upperroman { list-style-type: upper-roman;}

/*image and caption*/
.imgright { margin-left: 5px; 
            float: right; 
			font-size: small; }
.imgleft { margin-right: 5px; 
           float: left; 
		   font-size: small; }
.imgcenter { margin-left: auto; margin-right: auto; 
             padding: 2px; 
			 font-size: small; }
.imgcenter_bg { margin-left: auto; margin-right: auto; 
                padding: 2px; 
				font-size: small; 
				background-color: #DDDDDD; }
.img_img { margin:0px; }
.img_capl { margin:3px 0px 0px 0px; text-align: left; }
.img_capc { margin:3px 0px 0px 0px; text-align: center; }

/*code*/
.codeleft { font-size: 12px; text-align:left; }
.codecenter { margin-left: auto; margin-right: auto; 
              font-size: 12px; text-align:left; }
.code_cap { padding: 4px; 
            font-weight: bold; }
.code_bd { padding: 4px; 
           border-style: solid; border-color: #000000; border-width: 1px; }
.code { padding: 4px; }
.code_gry { padding: 4px; 
            background-color: #DDD; }
.code_org { padding: 4px; 
            background-color: #FFCC99; }
.code_ylw { padding: 4px; 
            background-color: #FFFFCC; }
.code_palebl { padding: 4px; 
               background-color: #CCCCFF; }
.code_palegrn { padding: 4px; 
               background-color: #EEFFEE; }
.code_grn { padding: 4px; 
            color:#FFFFFF;
            background-color: #006600; }
.code_darkbl { padding: 4px; 
               color:#FFFFFF; 
			   background-color: #000066; }
.code_darkgry { padding: 4px; 
               color:#FFFFFF; 
			   background-color: #666666; }

.talkBOX {}
.talkBOX dl {}
.talkBOX dl dt {
font-weight: bold;
color: #F60;
float:left;
text-align:right !important;
margin-right:0px;
border: 0px solid red;
width: 52px;
}
.talkBOX dl dd {
margin-bottom: 10px;
margin-left: 55px;
}
.talkBOX02 {
line-height: 170%
font-size: 97%;
color: #222;
}
.talkBOX02 strong {
color: #363;
padding-right: 8px;
}

/* TTWP&JOB */
#btm-ttwpjob { font-size: small;}
#btm-ttwpjob h3{
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: 4px 2px 4px 20px;
background:url("/parts/images/icon/i_green.gif") no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}
#btm-ttwpjob h4 {
color: #444;
font-size: small; 
margin-bottom: 5px;
margin-top: 10px;
background:url("/parts/images/icon/fusen_green.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/icon/arrow_green.gif) no-repeat 6px 4px;
}
#newzia_connect { font-size: small;}
#newzia_connect h3 {
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: 4px 2px 4px 20px;
background:url("/parts/images/icon/i_green.gif") no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}
#newzia_connect ul {
margin: 0px; 
padding:0px; 
background:url(/parts/images/icon/arrow_green.gif) no-repeat 6px 4px;
}
#newzia_connect li {
margin: 0px 0px 4px 0px; 
padding:0px 0px 2px 17px; 
background:url(/parts/images/icon/arrow_green.gif) no-repeat 6px 4px;
}


/* headmenu */
#headmenu {
margin: 0px 0px 8px 0px;
padding: 3px 5px;
border: 0px #ACBEC9 solid;
background-color: #EEE; 
font-size: 12px;
height:100%;
}
#headmenu:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
#headmenu a {
color: #036;
}
#headmenu span a strong {
color: #930;
text-decoration:none;
}
#headmenu span.l {
float: left;
display:block;
border:1px solid red;
width:20%;
padding-top: 0px;
text-align:left
}
#headmenu span.r {
float: right;
display:block;
width:25%;
text-align: right;
}


/* NEWZIA CONNECT WP 100805
-------------------------------------------------- */
#newzia_connect_wp_atit_rc { font-size: small;}
#newzia_connect_wp_atit_rc h3 {
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: 4px 2px 4px 20px;
background:url("/parts/images/icon/i_green.gif") no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}
#newzia_connect_wp_atit_rc ul {
margin: 0px; 
padding:0px; 
background:url(/parts/images/icon/arrow_green.gif) no-repeat 6px 4px;
}
#newzia_connect_wp_atit_rc li {
margin: 0px 0px 4px 0px; 
padding:0px 0px 2px 17px; 
background:url(/parts/images/icon/arrow_green.gif) no-repeat 6px 4px;
}

/* 111128 New newzia_connect
====================================================== */
.newziaBox {
margin-bottom:10px;
}
.newziaBox #newzia_connect_ttwproi111125,
.newziaBox #newzia_connect_ttwp111125,
.newziaBox #newzia_connect_ttnews111125,
.newziaBox #newzia_connect_ttwproi111129 {
margin:0;
}
.newziaBox .btmlist ul {
padding:0;
}
#centercol .newziaBox .btmlist ul li {
margin: 0px 0px 4px 0px; 
padding:0px 0px 2px 17px; 
background:url(/parts/images/icon/arrow_green.gif) no-repeat 6px 4px;
}
#rightcol .newziaBox .btmlist 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;
}
#rightcol .newziaBox h3 {
margin-bottom:5px !important;
background:url(/parts/images/rc_ttl_ttwp.gif) no-repeat #FFF;
text-indent:-9999px;
height:21px;
}
#centercol .newziaBox h3 {
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: 4px 2px 4px 20px;
background:url(/parts/images/icon/i_green.gif) no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}
#btm_ttwp .newziaBox h3 {
color: #444;
font-size: small;
margin-bottom: 5px;
margin-top: 10px;
border:0 none;
background: url("/parts/images/icon/fusen_green.gif") no-repeat 2px 0px;
padding: 2px 0px 2px 25px;
}
.newzia_btmlink {
font-size:10px;
text-align:right;
}

/*---------------------------------------------------------------------*/
/* TechTarget ���i��� */
/*---------------------------------------------------------------------*/

.colBoxTtCatalogue {
margin-bottom:10px;
}

.colBoxTtCatalogue ul {
margin:0;
padding:0;
}
#centercol .colBoxTtCatalogue ul li {
font-size:small;
line-height:120%;
list-style-type:none;
margin:0px 0px 4px 0px; 
padding:0px 0px 2px 17px; 
background:url(/parts/images/icon/arrow_green.gif) no-repeat 6px 4px;
}

#centercol .colBoxTtCatalogue 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: 4px 2px 4px 20px;
background:url(/parts/images/icon/i_green.gif) no-repeat 5px 2px #FAFAFA;
margin-bottom: 5px;
}

.newzia_btmlink {
font-size:10px;
text-align:right;
}