@charset "utf-8";
#kiji {font-family:"メイリオ", "Meiryo",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', 'Osaka'; line-height: 140%; font-size:110%;}
#kiji a:link {text-decoration: none; color: #0000ff;}
#kiji a:visited {color: #0000ff; text-decoration: none;}
#kiji a:hover {color: #c3151f; text-decoration: underline;}
#kiji.transparent { filter: alpha(opacity=10);  -moz-opacity:0.1;  opacity:0.1; position: relative; width: 540px; }

/* 記事上 ページ＆目次 */
#naviTopLine{border-bottom:solid 3px #93c6c9; width:540px; margin:0px; height:3px; overflow:hidden;}
#naviTop{width:540px;}
#naviTop a.mokuji{float:right; background:#e4e4e4; display:block; padding:2px 4px; border:solid #93c6c9; border-width:0px 1px 1px 1px; margin-left:20px; font-size:9pt; font-weight:bold}
#naviTop a.mokuji:hover{background:#8cb3de; text-decoration:none; color:white}
#naviTop .pageNumber a{float:right; display:block; color:#8cb3de; width:20px; height:15px; background:white; border:solid 1px #8cb3de; line-height:18px; margin:4px 2px 2px 0px}
#naviTop .pageNumber a:hover, #naviTop .pageNumber a.now{text-decoration:none; background:#8cb3de; color:white}
#naviTop .pageNumber a.tonext{border:none; font-weight:bold; padding-top:2px; width:15px; height:15px; display:block; margin: 4px 10px 2px 5px; font-size:8pt;}

/*--下のページ表示用（新）--*/
#naviBottom{text-align:center;}
#naviBottom .pageNumber{margin:10px auto; text-align:center;}
#naviBottom .pageNumber a{font-size:9pt; line-height:19px; font-weight:bold; color:#5a81c4; border:solid 1px #5a81c4; text-align:center; display:inline-block; margin:0px 2px; overflow:hidden; background:white; padding:3px 5px;}
#naviBottom a:hover{color:white; background:#5a81c4; text-decoration:none}
#naviBottom a:visited{color:#5a81c4}
#naviBottom a:visited:hover{color:white}
* html #naviBottom .pageNumber a{width:19px; height:19px; padding:0;}
#naviBottom .pageNumber .topend{width:40px; background:#b3c6e6; border-top:solid 1px #d2def1; border-left:solid 1px #d2def1;}
#naviBottom .pageNumber a.tonext{width:80px; color:white; background:#658fcb; border-top:solid 1px #b3c6e6; border-left:solid 1px #b3c6e6;}
#naviBottom .pageNumber a.now{background:#5a81c4; color:white;}
#naviBottom .pageNumber a.now:hover,.pageNumber a.now:visited,.pageNumber a.tonext:visited{color:white}

#mainContent .nextPagePreview{clear:both; margin-top:10px; text-align:center; font-weight:bold; height: 1%;}
#mainContent .nextPagePreview .box{border:solid 2px #5a81c4; line-height:180%; padding:2px 0px}
*+html #mainContent .nextPagePreview .box{padding:0;}
* html #mainContent .nextPagePreview .box{padding:0px}
#mainContent .nextPagePreview a{padding:2px 16px; margin:0px}
#mainContent .nextPagePreview a:hover{text-decoration:none; background:#5a81c4; color:white;}
#mainContent .nextPagePreview .arrow{background:#5a81c4; color:white; padding:2px 4px}

/* 記事上 ページ＆目次 グレーアウト */
#naviTopLine{border-bottom:solid 3px #93c6c9; width:540px; margin:0px; height:3px; overflow:hidden;}
#naviTop{width:540px;}
#naviTop span.mokuji{float:right; background:#f7f7f7; display:block; padding:2px 4px; border:solid #ccc; border-width:0px 1px 1px 1px; margin-left:20px; font-size:10pt; font-weight:bold; color: #999; }
#naviTop .pageNumber span{float:right; display:block; color:#999; width:20px; height:15px; background:white; border:solid 1px #ccc; line-height:15px;margin:4px 2px 2px 0px}
#naviTop .pageNumber span.now{text-decoration:none; background:#f7f7f7; color: #999}
#naviTop .pageNumber span.tonext{border:none; font-weight:bold; padding-top:2px; width:15px; height:15px; display:block; margin: 4px 6px 2px 5px}

/*--下のページグレーアウト表示用--*/
#naviBottom{text-align:center;}
#naviBottom .pageNumber{margin:10px auto; text-align:center;}
#naviBottom .pageNumber span{font-size:9pt; line-height:19px; font-weight:bold; color:#999; border:solid 1px #ccc; text-align:center; display:inline-block; margin:0px 2px; overflow:hidden; background:white; padding:3px 5px;}
* html #naviBottom .pageNumber span{width:19px; height:19px; padding:0;}
#naviBottom .pageNumber span.topend{width:40px; background:#f7f7f7; border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
#naviBottom .pageNumber span.tonext{width:80px; color:#999; background:#f7f7f7; border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
#naviBottom .pageNumber span.now{background:#f7f7f7; color:999;}

#mainContent .notNextPage{clear:both; margin-top:10px; text-align:center; font-weight:bold; height: 1%;}
#mainContent .notNextPage .box{border:solid 2px #ccc; line-height:180%; padding:2px 0px}
*+html #mainContent .notNextPage .box{padding:0;}
* html #mainContent .notNextPage .box{padding:0px}
#mainContent .notNextPage span{padding:2px 16px; margin:0px; color: #999;}
#mainContent .notNextPage span.arrow{background:#f7f7f7; color:#999; padding:2px 4px}

/* 記事下　記者名＆ナビ */
#mainContent #author{text-align:left; font-weight:bold; margin:0px; font-size:10pt; line-height:120%;}
#mainContent #author .displayDate{font-weight:normal;}
#mainContent .bottomButton{margin-bottom:24px; margin-right:180px; text-align:center;}
#mainContent .bottomButton a.button{background:#cfdcef; border:solid 1px;border-color:#e8ecf5 #528abb #528abb #e8ecf5; color:#10317e; display:block; float:right; margin-left:5px; font-size:8pt; padding:2px 2px}
#mainContent .bottomButton a.button:hover{text-decoration:none; background:#90b2d7}
.mediaSource2{text-align:left; font-size:8pt; line-height:120%;}

/* 記事下　CNET copyright */
.cnet{font-size:10pt; width:360px; text-align:left; margin:0 88px 30px 88px;}
/*.cnet span{float:left}:*/
/*.cnet img{float:right}*/

/* 記事下　WIRED copyright */
#co_capArea{
  text-align: right;
  padding: 0px;
  margin-top:0px;
}

.co_capS{
 font-size: 80%;
  color: #666666;
 line-height: 1.4em;
}

.co_capM{
  color: #666666;
 line-height: 1.4em;
}

/* 記事下　メディアバナー、出展など */
.tokuMediaBox{float:left; width:265px; margin:0px 10px 24px 0px}
#tokubanBanner img{margin-bottom:5px}
.mediaBanner{float:right; width:265px; margin-bottom:24px}

/* キーワード */
#mainContent #keywordTitle{display:none; margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; text-align:left; line-height:130%;}
#mainContent #keywordList div{padding-left:20px; margin-bottom:2px; margin-right:12px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px;*/ list-style:none; float:left; white-space:nowrap; font-size:10pt; line-height:120%; color:black}

#relationKeyword{display:none;overflow: hidden; _zoom: 1;margin-bottom: 20px;}
#relationKeyword .keywordTitle{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; text-align:left; line-height:130%;}
#relationKeyword .keywordList div{font-size:10pt; line-height:120%; padding-left:20px; margin-bottom:2px; margin-right:12px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px;*/ list-style:none; float:left; white-space:nowrap;}

/* キーワードポップアップ用 */
#keywordpop{left:0px; top:0px; padding:4px; border:solid 1px #8080a3; position:absolute; background-color:#fafaff; visibility:hidden; display:none; font-size:12px; z-index:10}

/* キーワード用関連記事 */
 #link_keyword {width:540px; text-align:left; margin-bottom:10px; font-size:10pt; line-height:120%;}
 #link_keyword .title{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; text-align:left; line-height:130%;}
 #link_keyword ul {margin-top:0px; margin-left:1px; margin-bottom:5px; padding-left:1px;}
 #link_keyword li {padding-left:20px; margin-bottom:10px; background:url('/images/n/itpro/2012/leaf/ico_circle2.gif') no-repeat 0px 0px; list-style:none;}

/* 関連記事 */
#relationLink,
#newzia_connect
{width:540px; clear:both; text-align:left; overflow: hidden; _zoom: 1;}
#relationDB{width:405px; clear:both; margin:10px 0px; text-align:left; background:white; padding:0px}
#relationLink.all, #relationDB{display:none}
#relationLink h4, #relationDB h4{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; line-height:130%;}
#relationDB ul{padding:0px 4px 4px 4px}
#relationLink li, #relationDB li,#newzia_connect li{padding-left:20px; margin:10px 0px 2px 0px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px;*/ list-style:none; font-size:10pt; line-height:120%; color:black}

#relationLink { margin-bottom: 0px; }
#newzia_connect { margin-bottom: 15px; }

/* Active関連記事 */
#actLink{width:540px; clear:both; text-align:left; overflow: hidden; _zoom: 1; margin-bottom: 15px; background:url(/images/itpro/2011/leaf/activelogo.gif) top right no-repeat;}
#actLink.all{display:none}
#actLink h4{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; line-height:130%; margin-top:2px;}
#actLink li{padding-left:10px; margin:10px 0px 2px 0px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px; list-style:none;*/ font-size:10pt; line-height:120%; color:black}

/* Active関連記事 */
#act1227{width:540px; clear:both; text-align:left; overflow: hidden; _zoom: 1; margin-bottom: 15px; background:url(/images/itpro/2011/leaf/activelogo.gif) top right no-repeat;}
#act1227 h4{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; line-height:130%; margin-top:2px;}
#act1227 li{padding-left:20px; margin:10px 0px 2px 0px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px; list-style:none;*/ font-size:10pt; line-height:120%; color:black}

/* 連載新着 */
#seriesList{width:540px; clear:both; /*margin-bottom:20px;*/ text-align:left}
#seriesList h4{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; line-height:130%;}
#seriesList h4 { position: relative; height: 20px; widow: 490px; }
#seriesList h4 a { position: absolute; top: 0px; display: block; width: 90px; right: 0px; font-size: 12px; }
#seriesList ul{padding:0px 4px 4px 4px}
#seriesList li{padding-left:10px; margin:10px 0px 2px 0px; /*background:url(/images/itpro/2008/leaf/relation_icon.gif) no-repeat 0px 0px;*/ list-style:none; font-size:10pt; line-height:120%; color:black}

/* 最新ニュース */
#latestNews{width:540px; clear:both; margin-bottom:15px; text-align:left; overflow: hidden; _zoom: 1;}
#latestNews h4{margin-bottom:5px; padding-left:5px; border-bottom: solid 2px #4366ac; font-size:12pt; font-weight:bold; line-height:130%;}
#latestNews h4 { position: relative; height: 20px; widow: 490px; }
#latestNews h4 a { position: absolute; top: 0px; display: block; width: 90px; right: 0px; font-size: 12px; }
#latestNews ul{padding:0px 4px 4px 4px}
#latestNews li{padding-left:10px; margin:10px 0px 2px 0px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px;*/ list-style:none; font-size:10pt; line-height:120%; color:black}

/* ADL */
#adl{width:540px; clear:both; margin-bottom:15px; text-align:left; overflow: hidden; _zoom: 1;}
#adl h4{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/relation.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold; line-height:130%;}
#adl h4 { position: relative; height: 20px; widow: 490px; }
#adl h4 a { position: absolute; top: 0px; display: block; width: 120px; right: 0px; font-size: 12px; }
#adl ul{padding:0px 4px 4px 4px}
#adl li{padding-left:10px; margin:10px 0px 2px 0px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px;*/ list-style:none; font-size:11pt; line-height:120%; color:black}


/* Watcher */
#watherProfile{width:540px; clear:both; margin-bottom:15px; text-align:left; overflow: hidden; _zoom: 1; font-size:10pt; line-height:150%;}
#watherProfile h4{margin-bottom:5px; padding-left:25px; background:url(/images/itpro/2011/leaf/watcher.gif) top left no-repeat; border-bottom: solid 2px #298431; font-size:12pt; font-weight:bold}
#watherProfile h4 { position: relative; height: 20px; widow: 490px; }
#watherProfile h4 a { position: absolute; top: 0px; display: block; width: 90px; right: 0px; font-size: 12px; }



/* 関連記事expo */
#hotateLinkExpo{width:540px; clear:both; margin:10px 0px; text-align:left}
#hotateLinkExpo .titlebar{margin-bottom:5px; padding-left:50px; background:url(/images/n/itpro/2012/leaf/special/itpro_mini.gif) top left no-repeat; border-bottom: solid 2px #40b6ec; font-size:12pt; font-weight:bold}
#hotateLinkExpo .titlebar h4{display:block; width:120px; float:left; margin:0; padding:0; }
#hotateLinkExpo .titlebar h5{display:block; width:330px; float:right; text-align:right; margin:0; padding:0}
#hotateLinkExpo ul{clear:both}
#hotateLinkExpo li{padding-left:10px; margin:10px 0px 2px 0px; /*background:url(/images/n/itpro/2012/leaf/relation_icon.gif) no-repeat 0px 0px;*/ list-style:none}
#hotateLinkExpo div.about{text-align:right; font-size:11px; margin-bottom:10px}


/* テーマタイトル */
#mainContent .leafThemeTitle { width: 540px; position: relative; height: 37px; margin-bottom: 10px; left: 0; top: 0; z-index: 1; }
#mainContent .leafThemeTitleImage { width: 540px; position: absolute; height: 37px; left: 0; top: 0; z-index: 2; }
#mainContent .leafThemeTitleBreadcrumb { color: #fff; position: absolute; bottom: -3px; right: 5px; font-size: 8pt; line-height: 1.5; z-index: 3; }
#mainContent .leafThemeTitleBreadcrumb a { color: #fff; }
#mainContent .leafThemeTitleSpecial{width: 540px; margin-bottom: 10px; z-index: 1; }

/* トップタイトル */
#toptitleArea .topTitleBar{width:540px; height:32px; border-bottom:solid 3px #4366ac; color:#4366ac; line-height:32px; margin-top:5px}
#toptitleArea .topTitleBar h2{float:left; font-size:11pt; margin-left:4px}
#toptitleArea .topTitleBar img{float:right}
#toptitleArea .topTitleBar h2 a{color:#4366ac;}
#toptitleArea .titleimg{margin-top:10px}
#topTitleMenu {clear:both; width:540px; height:17px; background:url(/images/n/itpro/2012/leaf/top_title_under_menu.gif) top left repeat-x #eaeef8; line-height:17px}
#topTitleMenu a{display:block; float:right; font-size:8pt; padding:0px 6px; border-left:solid 1px #848891; color:black}
#topTitleMenu a:hover{text-decoration:none; background:url(/images/n/itpro/2012/leaf/top_title_under_menu_ov.gif) top left repeat-x #d2d7e2; color:black}
#topTitleMenuPullmenu{width:110px; background:white; position:absolute; display:none; font-size:9pt; text-align:left;}
#topTitleMenuPullmenu a{display:block; width:100%; padding-left:4px; background:#c6d0d9; color:black; border-bottom:solid 1px #f9f9f9; }
#topTitleMenuPullmenu a:hover{text-decoration:none; background:#e3e8ec; color:black}

/* タイトル */
#mainContent .kijiTitle{line-height:135%; font-size:18pt; display:block; width:540px; text-align:left; margin:5px 0px} 
#mainContent .kijiTitle a{ color:#000000; } 

#mainContent .kijiSubTitle{line-height:120%; font-size:12pt; display:block; width:540px; text-align:left; margin-bottom:5px;}
#mainContent .keywordReading{text-align:left; font-size:8pt}
#mainContent .jireiCompany{font-size:12pt;}

/* リスト再設定 */
#mainContent #kiji ul,#mainContent #kiji ol{margin:1em 0 1em 1.5em;}
#mainContent #kiji ul li{list-style-type:disc; background:none; padding-left: 0px;}
#mainContent #kiji ol li{list-style-type:decimal; background:none; padding-left: 2px;}

/* 記事本体 */
#mainContent #kijiBox{width:540px; clear:both; margin-top:5px}
#mainContent #kiji{clear:both; width:540px; text-align:left; margin-top:10px; line-height:140%}
/*#mainContent #kiji th,#mainContent #kiji td{text-align:left}*/
#kiji .autoPhotBox{width:200px; float:right; margin-left:5px}
#kiji .autoPhotBox .photo{margin-bottom:5px; font-size:8pt; text-align:left; line-height:120%}

/* 広告 */
#weeklyTopic{clear:both; width:540px; margin: 0 0 20px}

/* 読者コメント 2011*/
#fbNote{width:540px; text-align:left; margin:10px 0px;}
#fbNote .bar{background:url(/images/n/itpro/2012/leaf/comment_back.gif) repeat-x top left #c9e3e8; padding:2px; height:19px;}
#fbNote .bar h4{float:left; margin:0px; padding:0px;}
#fbNote .bar a{float:right; font-size:9pt; color:black; margin:0px 2px 0px 6px; padding-left:4px; border-left:solid 1px silver}
#fbNote .list{float:right; font-size:9pt; margin:0px;}
#fbNoteList{clear:both}
#fbNoteList .box{margin:5px 0px 10px 0px; padding:0px; font-size:10pt; line-height:120%}
#fbNoteList .box span{margin:0px 0px 3px 0px; padding:2px; border-bottom:solid 1px #c9e3e8; border-left:solid 4px #91c6ce; display:block}


/* 読者コメント */
#myitproNote{width:540px; text-align:left; margin:10px 0px; display:none}
#myitproNote .bar{background:url(/images/n/itpro/2012/leaf/comment_back.gif) repeat-x top left #c9e3e8; padding:2px; height:19px;}
#myitproNote .bar h4{float:left; margin:0px; padding:0px}
#myitproNote .bar a{float:right; font-size:9pt; color:black; margin:0px 2px 0px 6px; padding-left:4px; border-left:solid 1px silver}
#myitproNote .list{float:right; font-size:9pt; margin:0px;}
#myitproNoteList{clear:both}
#myitproNoteList .box{margin:5px 0px 10px 0px; padding:0px; font-size:10pt; line-height:120%}
#myitproNoteList .box a{margin:0px 0px 3px 0px; padding:2px; border-bottom:solid 1px #c9e3e8; border-left:solid 4px #91c6ce; display:block}

/*記事中キャンペーン*/
#mainContent #kiji #campaignB{width:256px; border:solid 1px #cccccc; background:#e0e0ff; padding:3px; margin:4px; font-size:9pt; float:right; line-height:130%}

/*記事下キャンペーン*/
#mainContent #campaign{width:384px; border:solid 1px #cccccc; background:#e5e5e5; padding:3px; margin:0px 74px 10px 74px; font-size:11pt; float:left; line-height:130%; text-align:left;}

#mainContent #campaignExpo{width:450px; border:solid 1px #4080c4; background:#e5e5e5; padding:3px; margin:0px 45px 10px 45px; font-size:11pt; float:left; line-height:130%; text-align:left;}
/*記事中製品DB*/
.itprodbArticleList{margin:10px 50px; padding:0; display:none}
.itprodbArticleList a:link{text-decoration:none; color:#342f74;}
.itprodbArticleList a:visited{text-decoration:none; color:#006a85;}
.itprodbArticleList a:hover{text-decoration:underline; color:#c3151f;}
.itprodbArticleList .itprodbTitleLine{border-bottom:solid 3px #658fcb; height:28px; height:1%;}
.itprodbArticleList .itprodbTitleLine:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.itprodbArticleList .itprodbTitleLine span{font-size:11pt; font-weight: bold; line-height:31px; color:#658fcb}
.itprodbArticleList .itprodbTitleLine strong{font-size:12pt; font-weight: bold; color:black}
.itprodbArticleList .itprodbTitleLine .itprodbTitleLogo{background:url(/images/n/itpro/2012/leaf/productslogo.gif) no-repeat top right; width:100px; height: 18px; font-size:12pt; float:right; padding:10px 0 3px 0}

.itprodbArticleList .itprodbArticleItem{font-size:10pt; border-bottom:dotted 1px #cccccc; line-height:120%; padding:4px}
.itprodbArticleList .itprodbArticleItem .itprodbProducts{font-size:9pt; color:#696969; font-weight:bold}
.itprodbArticleList .itprodbArticleItem .itprodbCompany{font-size:9pt; color:#696969}
.itprodbArticleList .itprodbArticleBottom{border-bottom:solid 3px #658fcb; text-align:right; font-size:10pt; padding-right:4px}

/* 会員制 */
#authorizeMessage{border:dotted 1px gray; font-size:10pt; padding:10px 20px; margin:5px 20px; text-align:left}

/* MyITpro終了のお知らせ */
#myITproMessage{border:dotted 1px gray; font-size:10pt; padding:10px 15px; margin:5px 5px; text-align:left; background:#cdd4de; margin-bottom:20px;}


/* 拡大画像 */
#mainContent .enLarge{ float:left; margin-top:10px; margin-left:10px; }
#mainContent .enLarge .caption{ line-height:120%; font-size:18pt; display:block;  text-align:left; margin:5px 0px }
#mainContent .enLarge .image{ margin-top:10px; }

/* 会員限定メッセージ */
#mainContent #kiji div.membersOnly { float:left; width: 505px; font-size:10pt; padding:10px 20px; margin:5px 15px; background: url(/images/n/itpro/2012/leaf/leaf_login_bg.gif) no-repeat left top; }
#mainContent #kiji div.membersOnly p { font-size: 10pt; }
#mainContent #kiji div.membersOnly p b { font-size: 11pt; }
#mainContent #kiji div.membersOnly ul li { list-style-type:none; background:url(/images/n/itpro/2012/leaf/icon_circle_blue.gif) no-repeat 0 8px; padding-left: 22px; font-size: 11pt; font-weight: bold; line-height: 2em; margin-bottom: 20px; }
#mainContent #kiji div.membersOnly ul li a { display: block; text-align: center; }

.skincode{margin:1em0; background-color:#E4E4E6; border:1pxsolid#666666; line-height:130%; color:#000000; text-align:left; width:700px; }
.skincode pre{margin:10px; font-size:smaller; line-height:130%;}
.skincode pre code{margin: 0px; font-size: 100%;}

div.olaNotice{border:double 3px red; width:250px; margin:10px auto; font-size: 10pt; color:#7f0000; font-weight:bold}

sup {vertical-align: text-top; line-height:100%; font-size:80%;}
sub {vertical-align: text-bottom; line-height:100%; font-size:80%;}

#vlink {font-weight:bold;}


/* 記事下 twitter ＆ facebook */
#socialCommentArea{ width:530px; margin:0 0 30px 0; }
#socialCommentArea .tab{ text-align:left; height:25px; }
#socialCommentArea .tab a{ float:left; display:block; margin:0 5px 0 0 ; width:95px; height:25px; overflow:hidden; text-indent:-9999px; }
#socialCommentArea #socialCmtTabTwitr{ background:url(/images/n/itpro/2012/leaf/cmt_tab_twtr.jpg) left bottom no-repeat; }
#socialCommentArea #socialCmtTabFb{ background:url(/images/n/itpro/2012/leaf/cmt_tab_fb.jpg) left top no-repeat; }
#socialCommentArea .commentList{ border-left:1px solid #2982ac; border-right:1px solid #2982ac; border-top:5px solid #2982ac; border-bottom:5px solid #2982ac; }
#socialCommentArea .commentList #commentListTwitr { display:none; }
#socialCommentArea .commentList #commentListTwitr .twtr-hd{ background:url(/images/n/itpro/2012/leaf/cmt_box_bg.jpg); border-bottom:1px solid #2982ac; }
#socialCommentArea .commentList #commentListTwitr .twtr-hd h4 a{ color:#333; }
#socialCommentArea #commentListTwitr .twtr-ft{ display:none; }
#socialCommentArea #commentListTwitr .twtr-widget em a{ font-size:11px; }
#socialCommentArea .commentList #commentListFb{  }
#socialCommentArea .commentList #commentListFb .ct_head{ background:url(/images/n/itpro/2012/leaf/cmt_box_bg.jpg); border-bottom:1px solid #2982ac; text-align:left; height:39px; padding:10px 10px 4px 10px; font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; }
#socialCommentArea .commentList #commentListFb .ct_head h3{ font-size:11px; font-weight:normal; line-height:1.2; }
#socialCommentArea .commentList #commentListFb .ct_head h4{ font-size:16px; line-height:1.2; }
#socialCommentArea .commentList #commentListFb .ct_head h4 a{ color:#333; }
#socialCommentArea .commentList #commentListFb .ct_box{ padding:10px 0 0 0; height:290px; overflow:auto; }




/* 記事下 twitter ＆ facebook（テスト用）*/
#socialCommentAreaTest{ width:289x; margin:0 0 30px 0; }
#socialCommentAreaTest .tab{ text-align:left; height:25px; }
#socialCommentAreaTest .tab a{ float:left; display:block; margin:0 5px 0 0 ; width:95px; height:25px; overflow:hidden; text-indent:-9999px; }
#socialCommentAreaTest #socialCmtTabTwitr{ background:url(/images/n/itpro/2012/leaf/cmt_tab_twtr.jpg) left top no-repeat; }
#socialCommentAreaTest #socialCmtTabFb{ background:url(/images/n/itpro/2012/leaf/cmt_tab_fb.jpg) left bottom no-repeat; }
#socialCommentAreaTest .commentList{ border-left:1px solid #2982ac; border-right:1px solid #2982ac; border-top:5px solid #2982ac; border-bottom:5px solid #2982ac; }
#socialCommentAreaTest .commentList #commentListTwitr .twtr-hd{ background:url(/images/n/itpro/2012/leaf/cmt_box_bg.jpg); border-bottom:1px solid #2982ac; }
#socialCommentAreaTest .commentList #commentListTwitr .twtr-hd h4 a{ color:#333; }
#socialCommentAreaTest #commentListTwitr .twtr-ft{ display:none; }
#socialCommentAreaTest #commentListTwitr .twtr-widget em a{ font-size:11px; }
#socialCommentAreaTest .commentList #commentListFb{ display:none; }
#socialCommentAreaTest .commentList #commentListFb .ct_head{ background:url(/images/n/itpro/2012/leaf/cmt_box_bg.jpg); border-bottom:1px solid #2982ac; text-align:left; height:39px; padding:10px 10px 4px 10px; font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; }
#socialCommentAreaTest .commentList #commentListFb .ct_head h3{ font-size:11px; font-weight:normal; line-height:1.2; }
#socialCommentAreaTest .commentList #commentListFb .ct_head h4{ font-size:16px; line-height:1.2; }
#socialCommentAreaTest .commentList #commentListFb .ct_head h4 a{ color:#333; }
#socialCommentAreaTest .commentList #commentListFb .ct_box{ padding:10px 0 0 0; height:290px; overflow:auto; }