@charset "utf-8";
/*--------------------------------------------------
	TECH.ascii.jp
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,img {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #EEE url(../../img/tech/0910/body_bg.gif) repeat-y left top;
	color: #555;
	font:13px/1.4 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.2em;
	text-align:left;
	width:1058px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

table {font-size: inherit; font: 100%;}

th {
font-weight:bold;
padding:1px;
vertical-align:inherit;
}

td {
padding:1px;
text-align:inherit;
vertical-align:inherit;
}

select,
input,
button,
textarea {
	font-size: 99%;
}

img { border:0; }
br{ letter-spacing:0;}

ol,ul,li { list-style:none;list-style-position: outside;}
li img{vertical-align:top;}

address {
font-family:Helvetica,Arial,sans-serif;
font-size:93%;
font-style:normal;
margin:0;
padding:10px 0;
text-align:center;
display:block;
}

/* ---------------------------------------- */

a:link,
a:active{
color: #023968;
text-decoration: none;
outline:none;
}
a:visited {color: #255c8b; text-decoration: none;}
a:hover{color: #0376d7; text-decoration: underline;}


#topStory div.topbox p.titleIMG a:hover img,
#topStory_s p.titleIMG a:hover img,
#topKeyword ul li p.titleIMG a:hover img,
#topFeature div.topbox p.titleIMG a:hover img,
#pickupR ul li p a:hover img,
#jpsiteL ul li p a:hover img,
#infoL p a:hover img
{border-color:#0376d7;}

#header a:link, #header a:visited, #navimenu a:link, #navimenu a:visited {
color:#fff;
font-weight:bold;
}
/*---------------------------------------------------------------------------
float
---------------------------------------------------------------------------*/
.fL{ float:left; }
.fR{ float:right; }
.imgL{
float:left;
margin:0 10px 10px 0;
}
.imgR{
float:right;
margin:0 0 10px 10px;
}
.clear{ clear:both;}

/*----- float clear ---------*/
#mainC .lead:after,
#mainC .column:after,
#header:after,
#navimenu:after,
#pagebody:after,
#topStory:after,
#topKeyword ul li:after,
#topKeyword ul:after,
#topFeature div.topbox:after,
#tabberFeature:after,
#header ul#siteLink:after,
#jpsiteL ul li p:after,
#pickupR ul li:after,
#searchR form.searchform:after,
#mainC:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#mainC .lead,
#mainC .column,
#header,
#navimenu,
#pagebody,
#topStory,
#topKeyword ul,
#topKeyword ul li,
#topFeature div.topbox,
#tabberFeature,
#header ul#siteLink,
#jpsiteL ul li p,
#pickupR ul li,
#searchR form.searchform,
#mainC,
.clearfix {
  min-height: 1px;
}

* html #mainC .lead,
* html #mainC .column,
* html #header,
* html #navimenu,
* html #pagebody,
* html #topStory,
* html #topKeyword ul,
* html #topKeyword ul li,
* html #topFeature div.topbox,
* html #tabberFeature,
* html #header ul#siteLink,
* html #jpsiteL ul li p,
* html #pickupR ul li,
* html #searchR form.searchform,
* html #mainC,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*---------------------------------------------------------------------------
layout
---------------------------------------------------------------------------*/
#header{
width:1058px;
height:140px;
background: #fff url(../../img/tech/0910/header_bg.gif) no-repeat left bottom;
}

#header_s{
width:1058px;
height:80px;
background: #fff url(../../img/tech/0910/header_s_bg.gif) no-repeat left top;
}


#navimenu{
width:1058px;
height:30px;
background: #fff url(../../img/tech/0910/menu_bg.gif) repeat-x left bottom;
}

#pagebody{
width:1058px;
padding:10px 0;
}

#contents {
float:left;
margin:0;
padding:0;
width:738px;
}

#main {
padding: 0 0 50px 0;
float: right;
width: 592px;
}
#leftside {
margin: 0;
padding: 0 0 0 10px;
float: left;
width: 125px;
}

#rightside {
float:right;
margin:0;
padding:0 10px 0 0;
width:300px;
}

#footer{
width:1058px;
background: #eee url(../../img/tech/0910/footerline.gif) repeat-x left top;
padding-top:20px;
}





/*---------------------------------------------------------------------------
main
---------------------------------------------------------------------------*/
#topStory div.topbox p,
#topStory_s ul li p,
#topFeature div.topbox p.txt{
padding:10px 0; font-size:93%;
}

#topStory p.topStorytitle,
#topKeyword p.topKeywordtitle{
width:172px;height:26px;margin: 0 0 10px 0;
}

#topStory p.topStorytitle img,
#topKeyword p.topKeywordtitle img{
margin-left:-1px;position: relative;
}




#topStory div.topbox p.titleIMG{
border:1px solid #515151;
border-bottom:2px solid #333;
border-right:2px solid #333;
background-color:#fff;
margin:0 0 10px 10px;
padding:0;
float:right;
}

#topStory div.topbox p.titleIMG a img{border:5px solid #fff;}



#topStory_s p.titleIMG,
#topKeyword ul li p.titleIMG{
border:1px solid #ededed;
border-bottom:2px solid #bbb;
border-right:2px solid #bbb;
background-color:#fff;
margin:0 0 5px 3px ;
padding:0px;
float:right;
}

#topStory_s p.titleIMG a img,
#topKeyword ul li p.titleIMG a img
{border:3px solid #fff;}



#topFeature div.topbox p.titleIMG{
border:1px solid #ebeae5;
border-bottom:2px solid #bbb;
border-right:2px solid #bbb;
background-color:#fff;
margin:0 0 10px 10px ;
padding:0px;
float:right;
}

#topFeature div.topbox p.titleIMG a img{border:5px solid #fff;}




/*----topStory-----*/

#topStory{
background: transparent url(../../img/tech/0910/bg_topstory.gif) no-repeat scroll left top;
border:1px solid #323232;
padding:10px 0;
margin: 0 0 10px 0;
color:#fff;
}

#topStory a{color:#fff;}


#topStory div.topbox{
margin:0 10px;
}

#topStory div.topbox h2 a{
font-size:174%;
font-weight:bold;
line-height:1.2em;
}


#topStory div.topbox ul.relList{margin:0 1.5em;}
#topStory div.topbox ul.relList li{
background: transparent url(../../img/tech/0910/arrow_inlink.gif) no-repeat scroll left center;
padding-left:10px;
margin-bottom:3px;
}

/*----topStory_s-----*/
#topStory_s{margin:0; padding:5px;}
#topStory_s ul {
margin:0;
float:none;
width:580px;
}

#topStory_s ul li{
display:inline-block;
padding:2px 5px 2px 10px;
margin:0;
vertical-align:top;
width:270px;
 *display: inline;
 *zoom: 1;

}

#topStory_s ul li h3 a{
font-size:123.1%;
font-weight:bold;
line-height:1.2em;
}

#topStory_s ul li h3 a img{margin-bottom:3px;}


/*----tabberFeature-----*/


#tabberFeature{
background: transparent url(../../img/tech/0910/bg_techfeature.gif) no-repeat scroll left top;
border:1px solid #858585;
padding:10px 0 0 0;
margin: 0 0 10px 0;
}

#tabberFeature .tabberNavi{
float:left;
width:150px;
}

#tabberFeature .tabberNavi ul li a{
display:block;
height:25px;
padding-left:20px;
padding-top:10px;
background: transparent url(../../img/tech/0910/bg_techfeature_tab.gif) no-repeat scroll left bottom;
}

#tabberFeature .tabberNavi ul li a:hover{
background: transparent url(../../img/tech/0910/bg_techfeature_tab.gif) no-repeat scroll left top;
}


#tabberFeature .tabberNavi ul li a.current{
font-weight:bold;
background: transparent url(../../img/tech/0910/bg_techfeature_tab.gif) no-repeat scroll -150px bottom;
}

#tabberFeature .tabberNavi ul li a:hover.current{
background: transparent url(../../img/tech/0910/bg_techfeature_tab.gif) no-repeat scroll -150px top;
}


#tabberFeature .tabberContent{
width:410px;
 display:block; margin:0px 0px 0px 170px;
}

#tabberFeature .tabberContent h3{
font-size:153.9%;
font-weight:bold;
color:#00258f;
background: transparent url(../../img/tech/0910/bg_techfeature_tab_icon.gif) no-repeat scroll left center;
border-bottom:1px dotted #858585;
padding:10px 0 10px 45px;
}

#tabberFeature .tabberContent ul.artLst{margin:5px 0;}

#tabberFeature .tabberContent ul.artLst li{
background: transparent url(../../img/tech/0910/arrow_techfeature_tab.gif) no-repeat scroll 5px center;
padding-left:20px;
margin-bottom:8px;
}



/*----topKeyword-----*/

#topKeyword{
background: transparent url(../../img/tech/0910/bg_feature.gif) no-repeat scroll left top;
border:1px solid #bbb;
padding:10px 0 0 0;
margin: 0 0 10px 0;
}

#topKeyword ul#keywordTxt {
margin:0;
float:none;
width:580px;
}

#topKeyword ul#keywordTxt li{
display:inline-block;
padding:2px 5px 2px 10px;
margin:0;
vertical-align:top;
width:270px;
 *display: inline;
 *zoom: 1;
}

#topKeyword ul#keywordTxt li h3 a{
font-size:123.1%;
font-weight:bold;
line-height:1.2em;
}

#topKeyword ul#keyword{
border-top:1px dotted #333;
margin:5px 10px;
padding:5px 0;
}

#topKeyword ul#keyword li{
font-size:93%;
display:inline-block;
padding:3px;
margin:0;
vertical-align:top;
 *display: inline;
 *zoom: 1;
}

#topKeyword ul#keyword li img{
margin:0 2px 0 0;
vertical-align:baseline;
}


/*----topFeature-----*/

#topFeature{
background: transparent url(../../img/tech/0910/bg_feature.gif) no-repeat scroll left top;
border:1px solid #bbb;
margin: 0 0 10px 0;
}

#topFeature div.topbox{padding:10px;}




#topFeature div.topbox h3 a{
font-size:174%;
font-weight:bold;
line-height:1em;
}

#topFeature p.topFeaturetitle{
width:172px;height:26px;
margin: 0 0 10px -11px;
position: relative;
}




/*----topNews-----*/

#topNews p.topNewstitle{
width:592px; height:28px;
background: transparent url(../../img/tech/0910/topNews_title_bar.gif) no-repeat scroll left top;
margin:0;
overflow:hidden;
padding:0;
text-deco ration:none;
text-indent:-9999px;
}

#topNews ul{margin:10px 0;}
#topNews ul li{margin-bottom:8px;}
#topNews ul li h3{font-size:116%;}
#topNews ul li h3 img{
margin:0 5px 0 0;
vertical-align:middle;
}



/*---------------------------------------------------------------------------
ページャー
---------------------------------------------------------------------------*/

.pager, .pages {
margin:3px auto 1em;
padding:0;
text-align:center;
}

.pgbottom {
clear:both;
margin:3em auto 2em;
}

.pages .pagination {
font-family:Helvetica,Arial,Meiryo,"メイリオ",sans-serif;
letter-spacing:0;
margin:0 auto;
padding:0;
}


.pages .pagination span {
font-size:12px;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.pages .pagination .active {
background-color:#0376d7;
border:2px solid #0376d7;
color:#fff;
font-weight:bold;
padding:3px 5px;
}


#mainC .pages .pagination a,
#mainC .pages .pagination .previous a,
#mainC .pages .pagination .next a,
.pages .pagination a,
.pages .pagination .previous a,
.pages .pagination .next a {
border:2px solid #ccc;
font-weight:normal;
text-decoration:none;
}

.pages .pagination a:link,.pages .pagination a:visited {
color:#000;
padding:3px 5px;
text-decoration:none;
}

#mainC .pages .pagination a:hover,
 .pages .pagination a:hover{
background-color:#0376d7;
border:2px solid #0376d7;
color:#FFFFFF;
text-decoration:none;
}

.pages .pagination .previousOff {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:2px solid #ddd;
color:#ddd;
font-weight:normal;
padding:3px 5px;
}



/*---------------------------------------------------------------------------
main-article
---------------------------------------------------------------------------*/

#mainC{

margin:0 0 10px 0;
padding:0;
}

#mainC a{text-decoration: underline;}

#mainC p{
font-size:123.1%;
line-height:1.5em;
margin-bottom:1em;
}

#mainC .lead p, #mainC .column p {
line-height:1.2;
margin-bottom:0.5em;
}

#mainC li {font-size:123.1%;line-height:1.3em;}

#mainC ul{ margin:1em 1em 1em 1.5em;}
#mainC ul li {list-style:disc outside;}
#mainC ol{ margin:1em 1em 1em 2em;}
#mainC ol li{list-style:decimal outside;}

#mainC table {
margin:0 auto 10px;
}

#mainC table, #mainC tr, #mainC th, #mainC td {
border-collapse:collapse;
border:1px solid #aaaaaa;
}

#mainC th {
background-color:#f3f3f3;
text-align:center;
}

#mainC table.imgphoto,#mainC table.imgphoto tr, #mainC table.imgphoto td,#mainC table.imgphoto th{
border:none;
background-color:#f0f0f0;
font-size:12px;
}


#mainC table.imgphoto td,#mainC table.imgphoto th{
padding:1px;
}

#mainC table.imgphoto td a,#mainC table.imgphoto th a{border:none;}

#mainC table.imgphoto th img, #mainC table.imgphoto th a img{
border:2px solid #fff;
}

#mainC table.imgphoto th a:hover img{border-color:#0376d7;}

#mainC table.imgphoto td{padding:2px 1px;}

#mainC table.imgphoto td.rcap {
padding-left:5px;
vertical-align:bottom;
}

#mainC .fL{margin-right:10px; float:left;}
#mainC .fR{margin-left:10px; float:right;}


#mainC table.imgphoto td.space, #mainC table.imgphoto th.space {
background-color:#fff;
border:0 none;
height:10px;
padding:0;
width:10px;
}

#mainC .inright {
border:0 none;
float:right;
margin-left:5px;
margin-right:0;
margin-top:0;
padding:0;
}




#mainC .lead{
border:1px solid #f2f2f2;
background: transparent url(../../img/tech/0910/article_leadimg.gif) repeat-x scroll left bottom;
font-size:93%;
margin:1em 0;
padding:10px;
}

#mainC .column {
background-color:#f0f0f0;
border:1px solid #ccc;
font-size:93%;
margin:1em 0;
padding:10px;
}

#mainC h2, #mainC h3,  #mainC h4{
line-height:1.2em;
font-weight:bold;
color:#003655;
}

#mainC h2{
background: transparent url(../../img/tech/0910/article_h2img.gif) repeat-y scroll left bottom;
font-size:131%;
margin:10px 0;
padding:10px 5px 10px 15px;
clear:both;
}

#mainC h3{
font-size:120%;
margin:0.5em 0;
}


/*----------------------------*/


#mainC div#articleHead{
background: transparent url(../../img/tech/0910/article_bg_head.gif) no-repeat scroll right top;
margin:0 0 10px 0;
padding:0 10px;
}


#mainC div#articleHead p {
font-size:93%;
margin:0;
}

#mainC div#articleHead p.date {
font-size:85%;
color:#ededed;
text-align:right;
padding:3px 0;
margin-bottom:5px;
}

#mainC div#articleHead p.sertitle,
#mainC div#articleHead p.catch {
color:#666;
font-weight:bold;
margin:0;
}

#mainC div#articleHead p.sertitle span{
font-weight:normal;
margin-left:0.5em;
}


#mainC div#articleHead h1{
font-size:153.9%;
line-height:1.2;
color:#000;
font-weight:bold;
margin:10px 0;
}

#mainC div#articleHead .artdata {
margin:0 0 5px;
}

#mainC div#articleHead ul.sbm{
background: transparent url(../../img/tech/0910/article_line_head.gif) no-repeat scroll center top;
padding:6px 0 0 0;
height:30px;
text-align:right;
list-style-type:none;
margin:10px 0 0 0;
}


#mainC div#articleHead ul.sbm li{
display:inline;
}

#mainC div#articleHead ul.sbm li a{
border:none;
}




#mainC h5.related {
background-color:transparent;
background-position:left top;
background-repeat:no-repeat;
height:28px;width:592px;
margin:10px 0;
text-indent:-9999px;
}



#mainC h5.related {
background-image:url(../../img/tech/0910/editorspick_title_bar.gif);
}
#mainC ul.artsCont a {
text-decoration: none;
}

#mainC ul.artsCont{margin:10px 0;}

#mainC ul.artsCont li{
margin-bottom:8px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#mainC ul.artsCont li a{
font-weight:normal;
border:none;
}
#mainC ul.artsCont li a img{
margin:0 5px 0 0;
}

/*---------------------------------------------------------------------------
AD
---------------------------------------------------------------------------*/

#mainC .pickwrap a{
font-weight:normal;
border:none;
text-decoration: none;}

#mainC .pickwrap p{margin:0; padding:0;font-size:12px;}

#mainC .pickwrap{
margin:10px 0;
font-size:12px;
line-height:1.3;
border-top:2px solid #000;
border-bottom:1px solid #000;
background-color:#f0f0f0;
font-family:Helvetica,Arial,sans-serif;
}

#mainC .pickwrap .pickinner{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:5px;
}

#mainC .pickwrap a span{
color:#000;
padding-right:5px;
}



#topAds{
margin:10px 0;
font-size:93%;
line-height:1.3;
}

#topAds a{
font-weight:normal;
border:none;
text-decoration: none;}


#topAds .topAdsName {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-image:url(../../img/tech/0910/title_bar.gif);
font-family:Helvetica,Arial,sans-serif;
height:24px;
margin:0;
padding:0 10px;
}

#topAds .topAdsName span {
color:#fff;
display:block;
float:left;
height:13px;
width:400px;
}

#topAds .topAdsName a {
float:right;
font-size:11px;
height:auto;
margin:0;
padding:0 3px;
color:#0376D7;
}

#topAds .topAdsName a:hover{border:none; color:#008aff;}

#topAds ul{
margin:10px 0 20px 0;
}

#topAds ul li{
list-style-type:none;
background:transparent url(../../img/tech/0910/arrow_link.gif) no-repeat scroll left 0.5em;
margin-bottom:10px;
padding-left:15px;
}

#topAds ul li strong {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-size:123.1%;
font-weight:normal;
}

#topAds ul li span {
color:#43821E;
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
margin:0 0 0 10px;
}

#topAds ul li span.adsText {
color:#333333;
display:block;
font-size:93%;
line-height:1.2;
margin:0;
}


.adrect {padding: 3px 0;}


#rightside img {
margin: 0 0 5px 0;
}

/*---------------------------------------------------------------------------
rightside
---------------------------------------------------------------------------*/
#rightside a{	text-decoration: none;}

#pickupR, #blogR{
width:300px;
margin:0;
padding:0 0 5px 0;
background-color:#f0f0f0;
line-height:1.2em;
}

#pickupR h5, #blogR h5{
width:300px; height:26px;
margin:0;
overflow:hidden;
padding:0;
text-deco ration:none;
text-indent:-9999px;
}

#pickupR h5{background: transparent url(../../img/tech/0910/side_title.gif) no-repeat scroll 0px -26px;}
#blogR h5{background: transparent url(../../img/tech/0910/side_title.gif) no-repeat scroll 0px 0px;}

/*----searchR-----*/

#searchR{
width:300px;
margin: 0 0 10px 0;
padding:0 0 5px 0;
background-color:#f0f0f0;
background: transparent url(../../img/tech/0910/sr_bg_search.gif) no-repeat scroll left bottom;
}

#searchR h5#caltar a,
#searchR h5#reference a{
margin:0;padding:0;
display:block;
overflow:hidden;
text-deco ration:none;
text-indent:-9999px;
}

#searchR h5#caltar a{height:30px; background: transparent url(../../img/tech/0910/sr_bg_search.gif) no-repeat scroll 0px 0px;}
#searchR h5#caltar a:hover{background: transparent url(../../img/tech/0910/sr_bg_search.gif) no-repeat scroll -300px 0px;}

#searchR h5#reference a{height:20px; background: transparent url(../../img/tech/0910/sr_bg_search.gif) no-repeat scroll 0px -500px;}
#searchR h5#reference a:hover{background: transparent url(../../img/tech/0910/sr_bg_search.gif) no-repeat scroll -300px -500px;}

#searchR form.searchform{
margin:3px 0 6px 20px;
}

#searchR form.searchform div.fld{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../img/tech/0910/fld.gif) repeat scroll 0 0;
display:inline;
float:left;
height:22px;
width:215px;
}

#searchR form.searchform div.fld input.txtForm {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:0 none;
color:#999999;
font-size:11px;
line-height:13px;
margin-left:4px;
margin-top:4px;
padding-left:2px;
text-transform:uppercase;
width:195px;
}

#searchR form.searchform div.btnp{
display:inline;
float:left;
}

#searchR form.searchform div.btnp input.btForm{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../img/tech/0910/go.gif) repeat scroll 0 0;
border:0 none;
cursor:pointer;
display:inline;
float:left;
font-size:0;
height:22px;
line-height:0;
text-indent:-4000px;
width:45px;
}



/*----pickupR-----*/
#pickupR ul{width:300px;}
#pickupR ul li{border-top:1px dotted #fff;}
#pickupR ul li.first{border-top:1px solid #f0f0f0;}

#pickupR ul li p{
float:left;
padding:5px;
height:40px;width:40px;
}

#pickupR ul li p a img{border:1px solid #f0f0f0; margin:0;}
#pickupR ul li h6{ display:block; margin:3px 5px 5px 52px;}
#pickupR ul li span{ display:block;font-size:11px;padding:5px 5px 0px 52px;color:#888;line-height:1em;}
/*----blogR-----*/
#blogR ul{width:300px;}
#blogR ul li{
border-top:1px dotted #fff;
background: transparent url(../../img/tech/0910/arrow_link.gif) no-repeat scroll 5px 10px;
padding:5px 5px 5px 18px;
}
#blogR ul li.first{border-top:1px solid #f0f0f0;}


/*---------------------------------------------------------------------------
leftside
---------------------------------------------------------------------------*/
#leftside a{text-decoration: none;}

#infoL, #rankL, #jpsiteL{
width:125px;
margin:0;
padding:0 0 5px 0;
background-color:#f0f0f0;
line-height:1.2em;
}

#infoL h5, #rankL h5, #jpsiteL h5{
width:125px; height:26px;
margin:0;
overflow:hidden;
padding:0;
text-deco ration:none;
text-indent:-9999px;
}

#infoL h5{background: transparent url(../../img/tech/0910/side_title.gif) no-repeat scroll -300px 0px;}
#rankL h5{background: transparent url(../../img/tech/0910/side_title.gif) no-repeat scroll -300px -26px;}
#jpsiteL h5{background: transparent url(../../img/tech/0910/side_title.gif) no-repeat scroll -300px -52px;}

/*----infoL-----*/
#infoL h6{font-size:93%; margin:5px 10px;}
#infoL p{text-align:center;margin:0 0 10px 0;}
#infoL p a img{border:1px solid #f0f0f0;}


/*----rankL-----*/
#rankL{font-size:85%;}
#rankL ol{border-bottom:1px dotted #555;}
#rankL ol li{
background: transparent url(../../img/tech/0910/sl_bg_rank.gif) no-repeat scroll left top;
padding:5px 5px 5px 20px;
}

#rankL ol li.rank1{background-position:0px 0px;}
#rankL ol li.rank2{background-position:-125px 0px;}
#rankL ol li.rank3{background-position:-250px 0px;}
#rankL ol li.rank4{background-position:-375px 0px;}
#rankL ol li.rank5{background-position:-500px 0px;}
#rankL ol li.rank6{background-position:-625px 0px;}
#rankL ol li.rank7{background-position:-750px 0px;}
#rankL ol li.rank8{background-position:-875px 0px;}
#rankL ol li.rank9{background-position:-1000px 0px;}
#rankL ol li.rank10{background-position:-1125px 0px;}

#rankL p{padding:5px 2px; font-size:10px;}

/*----jpsiteL-----*/
#jpsiteL{font-size:85%;}
#jpsiteL ul li{width:119px;}

#jpsiteL ul{margin:5px 3px;}
#jpsiteL ul li{
background: transparent url(../../img/tech/0910/sl_bg_adsite.gif) no-repeat scroll center bottom;
margin:0 0 5px 0;
padding-bottom:5px;
}

#jpsiteL ul li h6{
background: transparent url(../../img/tech/0910/sl_bg_adsite.gif) no-repeat scroll center top;
text-align:center;
padding:5px 0 0 0;
height:17px;
}
#jpsiteL ul li h6 a{color:#fff;}
#jpsiteL ul li h6 a:hover{text-decoration:underline;}
#jpsiteL ul li p{padding:3px;}
#jpsiteL ul li p a img{float:left; margin:0 3px; border:1px solid #fff;}

/*----linkBan-----*/
#leftside ul.lnkBanner{margin:5px 0 10px 0;}
#leftside ul.lnkBanner li{margin:5px 0;}


/*---------------------------------------------------------------------------
header
---------------------------------------------------------------------------*/
#header #logo {
float:left;
height:90px;
margin:35px 0 0 0;
padding:0;
width:290px;
}

#header_s #logo {
height:30px;
margin:0;
padding:0;
}

#header #logo h1{width:280px;}
#header_s #logo h1{width:280px;padding-top:15px;}

#header #logo h1 a{
display:block;
margin:0;
overflow:hidden;
height:50px;
text-deco ration:none;
text-indent:-9999px;
}

#header_s #logo h1 a{
display:block;
margin:0;
overflow:hidden;
height:45px;
text-deco ration:none;
text-indent:-9999px;
}


#header div#logo div.search{margin:6px 0 0 10px; height:25px;}
#header div#logo div.search form input.txtBoxSize{width:200px; margin:0;}
#header div#logo div.search form input.btnBoxSize{width:50px; margin:0;}



#header #adL{
float:right;
margin:35px 0 10px;
padding:0 10px 0 0;
text-align:center;
}


#header ul#siteLink,#header_s ul#siteLink{
position:absolute;
width:300px; height:20px;
left:892px; top:0px;
margin:0;
}
#header ul#siteLink li,#header_s ul#siteLink li{
float:left;
height:20px;
display:inline;
}

#header ul#siteLink li a ,#header_s ul#siteLink li a {
display:block;
margin:0;
overflow:hidden;
height:20px;
text-deco ration:none;
text-indent:-9999px;
}

#header ul#siteLink li#jp a,#header_s ul#siteLink li#jp a{width:80px; background: transparent url(../../img/tech/0910/header_link.gif) no-repeat scroll 0px 0px;}
#header ul#siteLink li#wam a,#header_s ul#siteLink li#wam a{width:80px; background: transparent url(../../img/tech/0910/header_link.gif) no-repeat scroll -86px 0px;}
#header ul#siteLink li#bus a,#header_s ul#siteLink li#bus a{width:110px; background: transparent url(../../img/tech/0910/header_link.gif) no-repeat scroll -173px 0px ;}

#header ul#siteLink li#jp a:hover,#header_s ul#siteLink li#jp a:hover{background-position:0 -20px;}
#header ul#siteLink li#wam a:hover,#header_s ul#siteLink li#wam a:hover{background-position:-86px -20px;}
#header ul#siteLink li#bus a:hover,#header_s ul#siteLink li#bus a:hover{background-position:-173px -20px;}


/*---------------------------------------------------------------------------
navimenu
---------------------------------------------------------------------------*/
#navimenu ul#navimenuLink{
width:600px; height:30px;
margin:0 0 0 10px;
}

#navimenu ul#navimenuLink li{
float:left;
height:30px;
display:inline;
}

#navimenu ul#navimenuLink li a{
color:#fff;
display:block;
margin:0;
overflow:hidden;
text-deco ration:none;
text-indent:-9999px;
width:120px; height:30px;
}

#navimenu ul#navimenuLink li#nNet a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll 0px 0px;}
#navimenu ul#navimenuLink li#nTech a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -120px 0px;}
#navimenu ul#navimenuLink li#nVirtual a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -240px 0px;}
#navimenu ul#navimenuLink li#nServer a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -360px 0px;}
#navimenu ul#navimenuLink li#nProg a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -480px 0px;}
#navimenu ul#navimenuLink li#nSec a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -600px 0px;}
#navimenu ul#navimenuLink li#nITtopic a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -720px 0px;}

#navimenu ul#navimenuLink li#nNet  a:hover{background-position: 0px -30px;}
#navimenu ul#navimenuLink li#nTech  a:hover{background-position: -120px -30px;}
#navimenu ul#navimenuLink li#nVirtual  a:hover{background-position: -240px -30px;}
#navimenu ul#navimenuLink li#nServer  a:hover{background-position: -360px -30px;}
#navimenu ul#navimenuLink li#nProg  a:hover{background-position: -480px -30px;}
#navimenu ul#navimenuLink li#nSec  a:hover{background-position: -600px -30px;}
#navimenu ul#navimenuLink li#nITtopic  a:hover{background-position: -720px -30px;}

#navimenu ul#navimenuLink li#nNet_cur a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll 0px -30px;}
#navimenu ul#navimenuLink li#nTech_cur a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -120px -30px;}
#navimenu ul#navimenuLink li#nVirtual_cur a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -240px -30px;}
#navimenu ul#navimenuLink li#nServer_cur a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -360px -30px;}
#navimenu ul#navimenuLink li#nProg_cur a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -480px -30px;}
#navimenu ul#navimenuLink li#nSec_cur a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -600px -30px;}
#navimenu ul#navimenuLink li#nITtopic_cur a{ background: transparent url(../../img/tech/0910/menu_link.gif) no-repeat scroll -720px -30px;}


/*---------------------------------------------------------------------------
footer
---------------------------------------------------------------------------*/
#footer p{margin:0 auto;text-align:center;}

#footer ul.catIndex {
height:15px;
margin:0 auto 5px;
padding:0;
width:780px;
}
#footer ul.catIndex li {
border-right:1px solid #666666;
display:inline;
font-size:93%;
height:14px;
margin:0;
padding:0 7px;
}
#footer ul.catIndex li.endcat {
border:medium none;
}
#footer ul.catIndex li a:link, #jpWrap #footer ul.catIndex li a:visited {
color:#666666;
}
#footer ul.sites {
margin-bottom:0.5em;
width:28em;
}
#footer ul.sites li {
border:medium none;
}
#footer ul#footMenu {
border-left:1px solid #666666;
height:15px;
margin:30px auto 10px;
padding:0;
width:440px;
}
#footer ul#footMenu li {
border-right:1px solid #666666;
float:left;
font-size:93%;
height:15px;
margin:0;
padding:0 7px;
}
#footer ul#footMenu li a:link, #footer ul#footMenu li a:visited {
color:#666666;
}



