@charset "utf-8";



/*********************************************************************

*  記事スタイル

*********************************************************************/

#mainContents {

  font-size: 15px;

}



/* article

-------------------------------------------------------------*/

#mainContents #article{

  width:525px;

}

.s_text{

  font-size:75%;

}



/* タイトルまわり */

#mainContents .articleTitleBox{

  display:block;

  margin:0 0 15px 0;

}

#mainContents .articleTitleBox .titleWrap{

  display:block;

  overflow:hidden;

  border-left:none;

  padding-left:0;

}

#mainContents .articleTitleBox .kijiTheme a,

#mainContents .articleTitleBox .kijiTheme span{

  font-weight:bold;

  color:#009FC9;

}

#mainContents .articleTitleBox .listLink{

  float:right;

  text-align:right;

}

#mainContents .articleTitleBox .listLink a{

  background:url(/images/n/ndh/common/2014/common/icon_square_gray.gif) left center no-repeat;

  padding:0 0 0 10px;

  font-size:90%;

}

#mainContents .articleTitleBox .listLink a.img{

  background:none;

  padding:0;

}

#mainContents .articleTitleBox h1{

  display:block;

  clear:both;

  padding:10px 0 5px 0;

  font-size:140%;

}

#mainContents .articleTitleBox h1.colmnImg{

  display:block;

  clear:left;

  float:left;

  padding:0;

}

#mainContents h1 .s_text{

  font-size:75%;

  margin:0 0 0 5px;

}

#mainContents .articleTitleBox h2{

  display:block;

  font-weight:normal;

}

#mainContents .infoWrap{

  display:block;

  overflow:hidden;

  font-size:80%;

  padding:10px 0 0 0;

  margin:10px 0 0 0;

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left top repeat-x;

  *zoom:1;

}

#mainContents .infoWrap .date{

  display:block;

  float:right;

}

#mainContents .infoWrap .titleOnMedia{

  display:block;

  padding:10px 0 0 0;

}



/* 上部SNSボタン */

#mainContents #toolBoxBar{

  display:block;

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left bottom repeat-x;

  padding:10px 0 10px 0;

  *zoom:1;

}

#mainContents #toolBoxBar .tool,

#mainContents #toolBoxBar .bookmark,

#mainContents #toolBoxBar .watch,

#mainContents #toolBoxBar .comment{

  float:left;

  margin:0 8px 0 0;

}

#mainContents #toolBoxBar #toolFacebookCh,

#mainContents #toolBoxBar #toolTwitterCh{

  display:none;

}

#toolBoxBar #toolFacebook,

#toolBoxBar #toolFacebookCh{

  *width:100px;

  *overflow:hidden;

}

#toolBoxBar #toolTwitter,

#toolBoxBar #toolTwitterCh{

  width:90px;

  overflow:hidden;

}

#mainContents #toolBoxBar .print {

    float: right;

}

#mainContents #toolBoxBar .print a {

    background: url(/images/n/ndh/common/2014/leaf/btn_print.gif) no-repeat scroll left top rgba(0, 0, 0, 0);

    display: block;

    height: 20px;

    text-indent: -9999px;

    width: 43px;

}

#mainContents #toolBoxBar .print a:hover {

    background-position: left -20px;

    opacity: 1;

}



#mainContents #toolBoxBar:after{

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

* html body #mainContents #toolBoxBar {height: 1%;}

*:first-child+html #mainContents #toolBoxBar {height: 1%;}



/* タイトル下広告 */

#mainContents #keywordad{

  margin:0 0 10px 0;

  font-size:85%;

}

#mainContents #keywordad img{

  margin:0 3px 0 0;

  vertical-align:middle;

}



/* 汎用パーツ

-------------------------------------------------------------*/

.leftBorder {

  border-left:4px solid #009FC9;

  display: block;

  font-size: 14px;

  font-weight: bold;

  line-height: 1.2;

  padding: 0 0 0 8px;

}

/* 汎用水色ボタン */

#mainContents .commonBlueBtn{

  text-align:center;

}

#mainContents .commonBlueBtn .btn{

  height:34px;

  margin:0 5px;

  display:inline-block;

  cursor:pointer;

  *display:inline !important;

  *zoom:1;

}

#mainContents .commonBlueBtn a{

  height:35px;

  display:inline-block;

  height:35px;

  background:url(/images/n/ndh/common/2014/leaf/btn_bg_r.png) right top no-repeat;

  *display:inline !important;

  *zoom:1;

}

#mainContents .commonBlueBtn a span{

  height:22px;

  background:url(/images/n/ndh/common/2014/leaf/btn_bg_l.png) left top no-repeat;

  padding:7px 12px 6px 12px;

  cursor:pointer;

  font-size:14px;

  font-weight:bold;

  line-height:22px;

  color:#333;

  text-decoration:none;

  display:inline-block;

  *display:inline !important;

  *zoom:1;

}

#mainContents .commonBlueBtn a:hover span {

  color:#f56e00;

}



/*********************************************************************

*  BP社共通タグ定義

*********************************************************************/

#mainContents #kiji{

  display:block;

  overflow:hidden;

  margin:15px 0 0 0;

  font-size:105%;

  line-height:1.6;

}



/* 見出し */

#mainContents #kiji h3{

  display:block;

  clear:both;

  border-top:3px solid #009FC9;

  margin:0 0 20px 0;

  padding:5px 0 5px 8px;

  background:url(/images/n/ndh/common/2014/common/h3_bg.gif) left bottom repeat-x;

  overflow:hidden;

}

#mainContents #kiji h4{

  border-left:5px solid #009FC9;

  padding:0 0 0 8px;

  margin:0 0 20px 0;

  overflow:hidden;

}

#mainContents #kiji h5{



  margin:0 0 20px 0;

}

#mainContents #kiji p{

  margin:0 0 20px 0;

}



/* リード */

#mainContents #kiji .bplead{

  display:block;

  font-weight:bold;

  color:#444;

  margin:0 0 30px 0;

}



/* 質問 */

#mainContents #kiji .bpquestion{

  font-weight:bold;

  color:#003388;

}



/* 回答 */

#mainContents #kiji .bpanswer{

}



/* 図配置用共通定義 */

#mainContents #kiji .bpimage_image{

}

#mainContents #kiji .bpimage_title{

  font-size:80%;

  line-height:1.4;

  font-weight:bold;

  text-align:left;

  padding:3px 5px 0px 5px;

}

#mainContents #kiji .bpimage_caption{

  font-size:75%;

  line-height:1.4;

  text-align:left;

  padding:2px 5px 0 5px;

}

#mainContents #kiji .bpimage_click{

  font-size:70%;

  line-height:1.4;

  text-align:left;

  color:#;

  padding:2px 5px 4px 5px;

  color:#13538f;

}



/* 図（回り込み：左）右配置 */

#mainContents #kiji .bpimage_right{

  float:right;

  margin:0 0 10px 15px;

  clear:both;

}



/* 図（回り込み：右）左配置 */

#mainContents #kiji .bpimage_left{

  float:left;

  margin:0 20px 10px 0;

  clear:both;

}



/* 図（スタンダード）中央配置 */

#mainContents #kiji .bpbox_center{

  display:block;

  margin:20px auto 30px auto;

  clear:both;

  text-align:center;

  width:500px;

}

#mainContents #kiji .bpimage_center{

  margin:0 auto;

  clear:both;

  display:inline-block;

  *display:inline;

  *zoom:1;

}



/* 図（エトキ右配置） */

#mainContents #kiji .bpimage_caption_right{

  display:block;

  margin:20px auto 30px auto;

  clear:both;

  overflow:hidden;

  *height:1%;

}

#mainContents #kiji .bpimage_caption_right:after{

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

#mainContents #kiji .bpimage_caption_right .bpimage_left{

  margin:0 10px 0 0;

}

#mainContents #kiji .bpimage_caption_right .bpimage_image{

  margin:0;

}

#mainContents #kiji .bpimage_caption_right .bpimage_title,

#mainContents #kiji .bpimage_caption_right .bpimage_caption,

#mainContents #kiji .bpimage_caption_right .bpimage_click{

  padding-left:0;

  padding-right:0;

}



/* 図（二つ並び） */

#mainContents #kiji .bpimage_double{

  display:block;

  clear:both;

  overflow:hidden;

}

#mainContents #kiji .bpimage_double .bpimage_left{

  margin:0;

  clear:none;

}

#mainContents #kiji .bpimage_double .bpimage_right{

  margin:0;

  clear:none;

}

#mainContents #kiji .bpimage_double .bpimage_image{

  margin:0 0 5px 0;

}

#mainContents #kiji .bpimage_double .bpimage_title,

#mainContents #kiji .bpimage_double .bpimage_caption,

#mainContents #kiji .bpimage_double .bpimage_click{

  padding:0 5px 2px 5px;

  clear:both;

}

#mainContents #kiji .bpimage_double .bpimage_click{

  padding:0 5px 4px 5px;

}



/* 図（三つ並び） */

#mainContents #kiji .bpimage_triple{

  display:block;

  clear:both;

  overflow:hidden;

}

#mainContents #kiji .bpimage_triple .bpimage_wrap{

  float:left;

  margin:0;

}

#mainContents #kiji .bpimage_triple .bpimage_wrap .bpimage_left{

  margin:0;

  clear:none;

}

#mainContents #kiji .bpimage_triple .bpimage_wrap .bpimage_center{

  float:right;

  clear:none;

  margin:0;

}

#mainContents #kiji .bpimage_triple .bpimage_right{

  margin:0;

  clear:none;

}

#mainContents #kiji .bpimage_triple .bpimage_image{

  margin:0 0 5px 0;

}

#mainContents #kiji .bpimage_triple .bpimage_title,

#mainContents #kiji .bpimage_triple .bpimage_caption,

#mainContents #kiji .bpimage_triple .bpimage_click{

  padding:0 5px 2px 5px;

}

#mainContents #kiji .bpimage_triple .bpimage_click{

  padding:0 5px 4px 5px;

}



/* 図（縦積み） */

#mainContents #kiji .bpbox_right{

  margin:0 0 0 15px;

  float:right;

}

#mainContents #kiji .bpbox_left{

  margin:0 20px 0 0;

  float:left;

}

#mainContents #kiji .bpimage_set{

  clear:both;

  margin:0 0 20px 0;

}



/* 表 */

#mainContents #kiji .bptable{

  display:block;

  margin:20px auto 30px auto;

  clear:both;

  overflow:hidden;

}

#mainContents #kiji .bptable_title{

  font-weight:bold;

  font-size:80%;

  line-height:1.4;

  margin:3px 0;

}

#mainContents #kiji .bptable_caption{

  font-size:80%;

  line-height:1.4;

  margin:3px 0;

}

#mainContents #kiji .bptable table{

  border-collapse:collapse;

  border:1px solid #ccc;

  margin:3px 0;

}

#mainContents #kiji .bptable table th{

  padding:3px 6px;

  font-weight:bold;

  background-color:#e7eef3;

  border:1px solid #ccc;

  font-size:80%;

  line-height:1.4;

}

#mainContents #kiji .bptable table td{

  padding:3px 6px;

  background-color:#fff;

  border:1px solid #ccc;

  font-size:80%;

  line-height:1.4;

}



/* プロフィール */

#mainContents #kiji .bpprofile,

#mainContents #kiji .bpprofile_photo{

  clear:both;

  border:1px solid #ccc;

  margin:0 10px 20px 10px;

  font-size:80%;

  line-height:1.4;

  overflow:hidden;

}

#mainContents #kiji .bpprofile .bpprofile_profile{

  font-weight:bold;

  border-top:3px solid #ccc;

  padding:4px 10px 0 10px;

}

#mainContents #kiji .bpprofile_position{

  font-weight:bold;

}

#mainContents #kiji .bpprofile .bpprofile_name,

#mainContents #kiji .bpprofile_photo .bpprofile_name{

  font-size:110%;

}

#mainContents #kiji .bpprofile_text{

  padding:5px 10px 10px 10px;

  overflow:hidden;

  *height:1%;

}

#mainContents #kiji .bpprofile_text img{

  float:left;

  margin:0 10px 0 0;

  padding:0;

}



/* プロフィール（顔写真付） */

#mainContents #kiji .bpprofile_photo .bpprofile_profile{

  font-weight:bold;

  border-top:3px solid #ccc;

  padding:4px 8px;

}



/* インタビュープロフィール用 */

#mainContents #kiji .bpinterview{

  margin:0 10px 20px 10px;

  border:1px solid #ccc;

  font-size:80%;

  line-height:1.4;

}

#mainContents #kiji .bpinterview_profile{

  padding:6px 12px 2px 12px;

  border-top:3px solid #ccc;

  background-position:left center;

}

#mainContents #kiji .bpinterview_position{

  font-weight:bold;

}

#mainContents #kiji .bpinterview_name{

  font-weight:bold;

  font-size:110%;

}

#mainContents #kiji .bpinterview_text{

  text-align:left;

  padding:5px 12px;

  margin:0 0 10px 0;

}



/* 囲み1 */

#mainContents #kiji .bpbox{

  clear:both;

  font-size:90%;

  line-height:1.6;

  margin:30px 5px;

  padding:20px;

  border:1px dotted #4c4c4c;

  background:#eee;

  text-align:left;

  overflow:hidden;

}

#mainContents #kiji .bpbox .bpbox_title{

  margin:0 0 10px 0;

  text-align:left;

  font-size:120%;

  line-height:1.4;

  font-weight:bold;

}

#mainContents #kiji .bpbox .bpbox_text{

  color:#333;

  margin:0;

  text-align:left;

  line-height:1.6;

}



/* 囲み2 */

#mainContents #kiji .bpbox2{

  clear:both;

  font-size:90%;

  line-height:1.6;

  margin:30px 5px;

  border:3px solid #e7eef3;

  background:#e7eef3;

  text-align:left;

  overflow:hidden;

}

#mainContents #kiji .bpbox2 .bpbox_title{

  margin:5px 10px;

  text-align:left;

  font-size:120%;

  line-height:1.4;

  font-weight:bold;

}

#mainContents #kiji .bpbox2 .bpbox_text{

  color:#333;

  background:#fff;

  margin:0;

  text-align:left;

  line-height:1.6;

  padding:10px;

}



/* 囲み3 */

#mainContents #kiji .bpbox3{

  clear:both;

  font-size:90%;

  line-height:1.6;

  margin:30px 5px;

  padding:20px;

  border:1px dotted #4c4c4c;

  background:#e7eef3;

  text-align:left;

  overflow:hidden;

}

#mainContents #kiji .bpbox3 .bpbox_title{

  margin:0 0 10px 0;

  text-align:left;

  font-size:120%;

  line-height:1.4;

  font-weight:bold;

}

#mainContents #kiji .bpbox3 .bpbox_text{

  color:#333;

  margin:0;

  text-align:left;

  line-height:1.6;

}



/* 囲み4 */

#mainContents #kiji .bpbox4{

  clear:both;

  font-size:90%;

  line-height:1.6;

  margin:30px 5px;

  border:3px solid #eee;

  background:#eee;

  text-align:left;

  overflow:hidden;

}

#mainContents #kiji .bpbox4 .bpbox_title{

  margin:5px 10px;

  text-align:left;

  font-size:120%;

  line-height:1.4;

  font-weight:bold;

}

#mainContents #kiji .bpbox4 .bpbox_text{

  color:#333;

  background:#fff;

  margin:0;

  text-align:left;

  line-height:1.6;

  padding:10px;

}



/* 囲みbpframe */

#mainContents #kiji .bpframe{

  clear:both;

  font-size:90%;

  line-height:1.6;

  margin:30px 5px;

  padding:20px;

  border:1px dotted #4c4c4c;

  text-align:left;

  overflow:hidden;

}

#mainContents #kiji .bpframe .bpbox_title{

  margin:0 0 10px 0;

  text-align:left;

  font-size:120%;

  line-height:1.4;

  font-weight:bold;

}

#mainContents #kiji .bpframe .bpbox_text{

  color:#333;

  margin:0;

  text-align:left;

  line-height:1.6;

}



/* コードリスト（灰色） */

#mainContents #kiji .bpcode{

  border:1px solid #ccc;

  clear:both;

  font-size:75%;

  line-height:1.4;

  margin:20px 5px;

  text-align:left;

}

#mainContents #kiji .bpcode pre{

  margin:10px;

}

#mainContents #kiji .bpcode pre code{

  margin:0px;

}



/* コードリスト（緑色） */

#mainContents #kiji .bpcode2{

  background:#e7eef3;

  border:1px solid #ccc;

  clear:both;

  font-size:75%;

  line-height:1.4;

  margin:20px 5px;

  color:#000000;

  text-align:left;

}

#mainContents #kiji .bpcode2 pre{

  margin:10px;

}

#mainContents #kiji .bpcode2 pre code{

  margin:0px;

}



/* 区切り */

#mainContents #kiji hr{

  color:#ccc;

  background:#ccc;

  height:2px;

  border-style:dotted;

  margin:2em 45px;

}



/* 訂正文 */

#mainContents #kiji .bpteisei_box{

  border:1px solid #ccc;

  padding:5px 30px;

  clear:both;

  font-size:80%;

  line-height:1.4;

  margin:20px 5px;

}

#mainContents #kiji .bpteisei{

  margin-left:auto;

  padding:5px;

  color: #666;

  text-align:left;

}


/* 自社サイト内リンク */
#mainContents #kiji .blog_card p {margin:0 0 0 0;}
#kiji .blog_card{width:500px;border:1px solid #dfe3e6;box-sizing:border-box;padding:16px 19px 19px;overflow:hidden;margin-bottom:20px;}
#kiji .blog_card .text{width:290px;float:left;}
#kiji .blog_card a{font-weight:normal;}
#kiji .blog_card a:hover{color:#13538F;}
#kiji .blog_card .title{font-size:19px;line-height:1.26;margin-bottom:6px!important;}
#kiji .blog_card a .title:hover{text-decoration:underline;}
#kiji .blog_card .lead{font-size:13px;line-height:1.53;margin-bottom:8px!important;}
#kiji .blog_card a .lead,.article-body .blog_card a .date{color:#333;}
#kiji .blog_card a .lead:hover,.article-body .blog_card a .lead:visited,.article-body .blog_card a .date:hover,.article-body .blog_card a .date:visited{color:#333;}
#kiji .blog_card .date{color:#333;font-size:11px;line-height:1;margin-bottom:0px;}
#kiji .blog_card .image{width:150px;max-height:112px;border:1px solid #dfe3e6;box-sizing:border-box;overflow:hidden;float:right;line-height:1;margin:3px 0 0;text-align:center;}
#kiji .blog_card .image img{max-width:100%;height:auto;margin:0 auto;}


/* 参考文献、注釈、用語説明 */

#mainContents #kiji .bpreference,

#mainContents #kiji .bpannotation,

#mainContents #kiji .bpword{

  /* border:1px solid #ccc; */

  padding:5px 30px;

  margin:20px 5px;

  font-size:85%;

}



/*********************************************************************

*  プレスリリース　Business Wire用

*********************************************************************/

#mainContents #kiji .release_copy{

  margin:10px 0;

  text-align:right;

}



/*********************************************************************

*  会員ONLY表示

*********************************************************************/

#mainContents .member_only_info{

  display:block;

  clear:both;

  width:500px;

  margin:20px auto;

  padding:0 0 15px 0;

  background-color:#fcf9ff;

  border:1px solid #e7e7e7;

}



#mainContents .member_only_info .info,

#mainContents #kiji .member_only_info .info{

  display:block;

  width:460px;

  padding:20px 20px 15px 20px;

  margin:0;

  font-size:90%;

}



/*********************************************************************

*  記事下セミナー枠用定義

*********************************************************************/

#article-promo {

	  margin-bottom:10px;

	}

#article-promo blockquote{

  border:1px solid #ccc;

  background-color:#F8F8F8;

  padding:15px;

  font-size:13px;

  line-height:1.6;

}

#article-promo blockquote .title{

  border-left:5px solid #6A717B;

  margin-bottom:10px;

}

#article-promo blockquote a{

  color: #333;

  text-decoration: none;

}

#article-promo blockquote a:hover{

  text-decoration: underline;

  color:#f56e00;

}

#article-promo .linkDetail{

  display:block;

  text-align:right;

}

#article-promo .linkDetail a{

  margin:0 0 0 10px;

  display:inline-block;

  height:21px;

  background:url(/images/n/ndh/common/2014/leaf/listlink_right.gif) right top no-repeat;

  *display:inline !important;

  *zoom:1;

}

#article-promo .linkDetail a span{

  height:14px;

  background:url(/images/n/ndh/common/2014/leaf/listlink_left.gif) left top no-repeat;

  padding:4px 7px 3px 13px;

  font-size:12px;

  line-height:14px;

  color:#fff;

  text-shadow: 1px 1px 1px #000;

  text-indent:0px;

  text-decoration:none;

  cursor:pointer;

  display:inline-block;

  *display:inline !important;

  *zoom:1;

}

#article-promo .linkDetail a:hover{

  text-decoration:none;

  background-position:right -21px;

}

#article-promo .linkDetail a:hover span{

  background-position:left -21px;

}



/*********************************************************************

*  次ページリンク

*********************************************************************/

#mainContents .nextPageBtn {

	display: block;

	margin: 20px auto;

	text-align: center;

}

#mainContents .pagingWrap .nextPageBtn {

	display: block;

	margin: 20px auto 0 auto;

	text-align: center;

}

#mainContents .nextPageBtn a {

	background: url(/images/n/ndh/common/2014/leaf/nextleaf_btn_bg.gif) left center no-repeat;

	color:#565555;

	padding:7px 5px 3px 70px;

	font-weight:bold;

	line-height:1.3;

	text-align:left;

	*display:inline;

	*zoom:1;

}



/*********************************************************************

*  ページング用定義

*********************************************************************/

#mainContents .pagingBox{

  display:block;

  text-align:center;

  margin:30px auto;

}

#mainContents .pagingWrap .pagingBox{

  margin:5px auto 50px auto;

}

#mainContents .pagingBox div{

  display:inline-block;

  text-align:center;

  *display:inline;

  *zoom:1;

}

#mainContents .pagingBox .paging{

  background:#acacac;

  border:1px solid #acacac;

  margin:0 5px;

  height:26px;

  overflow:hidden;

  vertical-align:middle;

}

#mainContents .pagingBox .paging div{

  border-left:1px solid #acacac;

  background:url(/images/n/ndh/common/2014/leaf/pagenav_off.gif) left top repeat-x #f2f1f2;

}

#mainContents .pagingBox .paging div:hover{

  background:url(/images/n/ndh/common/2014/leaf/pagenav_on.gif) left top repeat-x #fff;

}

#mainContents .pagingBox .paging .pre{

  border-left:none;

  border-right:1px solid #acacac;

}

#mainContents .pagingBox .paging .first{

  border:none;

}

#mainContents .pagingBox a{

  color:#13538f;

  text-decoration:none;

  height:28px;

  overflow:hidden;

}

#mainContents .pagingBox span{

  display:inline-block;

  text-align:center;

  *display:inline;

  *zoom:1;

  padding:5px 8px;

  font-size:12px;

  line-height:14px;

  border:1px solid #fff;

}

#mainContents .pagingBox a span{

  cursor:pointer;

}

#mainContents .pagingBox span.now{

  background:#acacac;

  border:1px solid #acacac;

  color:#fff;

}

#mainContents .pagingBox .backnumer a{

  background:url(/images/n/ndh/common/2014/leaf/pagenav_list_right.gif) right top no-repeat;

  display:inline-block;

  *display:inline;

  *zoom:1;

  height:28px;

  *height:29px;

  overflow:hidden;

  vertical-align:middle;

}

#mainContents .pagingWrap .pagingBox .backnumer{

  display:block;

  text-align:right;

  margin:20px 10px;

}

#mainContents .pagingBox .backnumer a span{

  background:url(/images/n/ndh/common/2014/leaf/pagenav_list_left.gif) left top no-repeat;

  border:none;

  padding:0 6px 0 17px;

  line-height:28px;

  height:28px;

  overflow:hidden;

  color:#fff;

  font-weight:bold;

}

#mainContents .pagingBox .backnumer a:hover{

  opacity:0.6;

  filter:alpha(opacity=60);

  -ms-filter: "alpha( opacity=60 )";

}



/* mokuji more */

#kiji #seriesChildListBox{

  display:none;

}

#kiji #seriesChildListBox .pagination{

  display:none;

}

#kiji #seriesChildListBox .pagination .listMore{

  text-align:right;

}



/*********************************************************************

* 関連する特設サイト／テーマサイト

*********************************************************************/

#mainContents .bottomCategoryLink{

  display:block;

  clear:both;

  margin:30px auto;

}

#mainContents .bottomLinkBox{

  display:block;

  clear:both;

  margin:40px auto 20px auto;

}

#mainContents .bottomLinkBox h5{

  display:block;

  clear:both;

  margin:0 0 15px 0;

}

#mainContents .bottomLinkBox .long{

  margin:0 0 5px 0;

}

#mainContents .bottomLinkBox .long a{

  background:url(/images/n/ndh/common/2014/common/icon02b.gif) left center no-repeat;

  padding:0 0 0 18px;

  margin:0 15px 0 0;

}

#mainContents .bottomLinkBox .short{

  margin:15px 0;

  font-size:80%;

}

#mainContents .bottomLinkBox .short a{

  background:url(/images/n/ndh/common/2014/common/icon02.gif) left center no-repeat;

  padding:0 0 0 10px;

  margin:0 15px 0 0;

}



/*********************************************************************

*  関連記事

*********************************************************************/

#mainContents #relatedLink{

  display:block;

  clear:both;

  margin:30px auto;

  font-size:90%;

  line-height:1.4;

}

#mainContents #relatedLink h5{

  display:block;

  clear:both;

  margin:0 0 15px 0;

}

#mainContents #relatedLink li {

  margin:0 0 5px 0;

  display:block;

  background:url(/images/n/ndh/common/2014/common/icon09.gif) left center no-repeat;

  padding:0 0 0 10px;

}

#mainContents #relatedLink li .date{

  color:#999;

  font-size:90%;

  line-height:1.4;

  display:inline-block;

  margin:0 0 0 5px;

}

#relatedLink li a {

  color: #13538F;

}



/*********************************************************************

*  関連記事（PDF）

*********************************************************************/

#mainContents #relatedPDF{

  display:block;

  clear:both;

  margin:30px auto;

  font-size:90%;

  line-height:1.4;

}

#mainContents #relatedPDF h5{

  display:block;

  clear:both;

  margin:0 0 15px 0;

}

#mainContents #relatedPDF li{

  margin:0 0 10px 0;

  display:block;

  background:url(/images/n/ndh/common/2014/common/icon_square_gray.gif) left 5px no-repeat;

  padding:0 0 0 10px;

}

#mainContents #relatedPDF li a img{

  margin:0 0 0 5px;

  vertical-align:top;

}

#mainContents #relatedPDF li .category{

  display:block;

  font-size:90%;

  line-height:1.4;

}

#relatedPDF li a {

  color: #13538F;

}





/*********************************************************************

*  イプロス

*********************************************************************/

#ipros-medusa-area{

  display:block;

  clear:both;

  margin:30px auto;

  font-size:90%;

  line-height:1.3;

  border:1px solid #acacac;

  background:#fffefb;

  padding:10px 0;

  width:523px;

  overflow:hidden;

}

#ipros-medusa-area #ttl{

  display:block;

  overflow:hidden;

  padding:0 20px;

}

#ipros-medusa-area #ttl .ipros_logo{

  float:right;

}

#medusa_area{

  width:600px;

  display:block;

  font-size:90%;

  line-height:1.4;

}

#medusa_area a{

  color:#333;

}

#medusa_area p{

  padding:0;

  margin:0;

}

#medusa_area .medusa_cell{

  width:230px;

  float:left;

  margin:10px 0 0 20px;

  *margin:10px 0 0 10px;

}

#medusa_area .medusa_cell .medusa_img_area{

  float:left;

  width:47px;

  height:47px;

}

#medusa_area .medusa_cell .medusa_img_area img{

  border:1px solid #acacac;

}

#medusa_area .medusa_cell .medusa_text_area{

  float:right;

  width:175px;

  height:3em;

}



/*********************************************************************

*  Yahoo!インタレストマッチ

*********************************************************************/

#mainContents .yahooAD{

  display:block;

  clear:both;

  margin:30px auto;

  font-size:90%;

  line-height:1.3;

  border:1px solid #acacac;

  background:#fffefb;

  padding:10px 20px 5px 20px;

  overflow:hidden;

}

#mainContents .yahooAD a{

  color:#333;

}

#mainContents .yahooAD p{

  display:block;

  clear:both;

  color:#404040;

  background:url(/images/n/ndh/common/2014/common/icon04.gif) left 0.4em no-repeat;

  padding:0 0 0 15px;

  margin:5px 0;

  font-size:90%;

  line-height:1.4;

  *zoom:1;

}

#mainContents .yahooAD #yahooIML{

  display:block;

  overflow:hidden;

  margin:0 0 10px 0;

}

#mainContents .yahooAD #yahooIML span{

  float:left;

}

#mainContents .yahooAD #yahooIML a{

  float:right;

  font-size:90%;

  line-height:1.4;

  text-decoration:underline;

}

#mainContents .yahooAD .title{

  font-weight:bold;

}

#mainContents .yahooAD .host{

  color: #13538f;

  margin:0 0 0 5px;

}



/*********************************************************************

*  analog記事用ニュースリリース枠

*********************************************************************/

#mainContents .releaseBox{

  border:1px solid #ccc;

  background-color:#F8F8F8;

  padding:10px 15px;

  font-size:12px;

  line-height:1.6;

}

#mainContents .releaseBox h5{

  margin:0;

  color:#E41803;

  font-size:120%;

  line-height:1.3;

}

#mainContents .releaseBox li{

  display:block;

  clear:both;

  color:#404040;

  background:url(/images/n/ndh/common/2014/common/icon04.gif) left 0.4em no-repeat;

  padding:0 0 0 15px;

  margin:5px 0;

  *zoom:1;

}



/*********************************************************************

*  DandM記事用新着トピック枠

*********************************************************************/

#mainContents #DandM_topic{

  display:block;

  clear:both;

  margin:0 0 15px 0;

}

#mainContents #DandM_topic .listWrapper{

  border:1px solid #acacac;

  padding:15px 0 10px 20px;

  background:#fffefb;

}

#mainContents #DandM_topic li{

  display:block;

  background:url(/images/n/ndh/common/2014/common/icon04.gif) left 0.4em no-repeat;

  padding:0 0 0 15px;

  margin:0 0 5px 0;

  font-size:12px;

  line-height:1.4;

}

#mainContents #DandM_topic li a{

  color:#404040;

}

#mainContents #DandM_topic li small{

  color:#999;

  font-size:90%;

  line-height:1.4;

  display:inline-block;

  margin:0 0 0 5px;

  *display:inline;

  *zoom:1;

}



/*********************************************************************

*  コメント／評価

*********************************************************************/

#feedback{

  display:block;

  clear:both;

  margin:30px auto;

  font-size:13px;

  line-height:1.4;

  width:523px;

  border:1px solid #acacac;

  background:url(/images/n/ndh/common/2014/common/feedback_bg.gif) left top repeat-y;

  overflow:hidden;

}

#feedback h5{

  font-size:14px;

  margin:0 0 15px 0;

}

#feedback form{

  margin:0;

  padding:0;

}

#feedback form input{

  vertical-align:middle;

  margin:0 5px 0 0;

  padding:0;

}

#feedback .feedbackResult{

  float:left;

  width:140px;

  padding:15px;

  *width:155px;

  *padding:15px 0 15px 15px;

}

#feedback .feedbackResult dt{

  display:block;

}

#feedback .feedbackResult dd{

  display:block;

  margin:0 0 5px 0;

  padding:0 0 0 18px;



}

#feedback .feedbackResult dd .graph{

  display:block;

  float:left;

  margin:3px 5px 0 0;

  background:url(/images/n/ndh/common/2014/common/feedback_graph_bg.gif) left top;

  max-width:100px;

  height:10px;

  overflow:hidden;

}

#feedback .feedbackResult dd .number{

  color:#999;

  font-size:12px;

  line-height:13px;

}

#feedback .feedbackResult .btnArea{

  display:block;

  text-align:right;

  margin:20px 0 0 0;

}

#feedback .feedbackResult .btnArea .total{

  margin:5px 0 0 0;

}

#feedback .feedbackForm{

  float:right;

  width:305px;

  padding:15px;

}

#feedback .feedbackForm .annotation{

  font-size:12px;

  line-height:18px;

  margin:0 0 10px 0;

}

#feedback .feedbackForm .annotation a{

  background:url(/images/n/ndh/common/2014/common/icon_square_gray.gif) left 5px no-repeat;

  padding:0 0 0 10px;

}

#feedback .feedbackForm .formItem{

  margin:0 0 10px 0;

}

#feedback .feedbackForm input[type=text]{

  width:252px;

  height:18px;

  font-size:13px;

  line-height:18px;

  border:1px solid #d1d1d1;

  border-radius:3px;

  padding:3px;

}

#feedback .feedbackForm textarea{

  width:296px;

  height:92px;

  font-size:13px;

  line-height:18px;

  border:1px solid #d1d1d1;

  border-radius:3px;

  padding:3px;

}

#feedback .feedbackForm .btnArea{

  display:block;

  overflow:hidden;

  text-align:right;

  margin:0 0 10px 0;

}

#feedback .feedbackForm .btnArea label{

  float:left;

  line-height:21px;

}

#feedback .feedbackForm .btnArea label{

  float:left;

  line-height:21px;

}

#feedback #feedbackCommentBtn{

  width:auto;

}

#feedback #feedbackCommentBtn span{

  display:block;

}

#feedback .feedbackForm .memo{

  display:block;

  overflow:hidden;

  margin:0 0 10px 0;

  color:#666;

  font-size:11px;

  line-height:13px;

}

#feedback #commentArea{

  display:block;

  clear:both;

  padding:15px 15px 5px 15px;

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left top repeat-x #f8f8f8;

}

#feedback #commentArea dl{

  display:block;

  clear:both;

  border-left:3px solid #e2e2e2;

  padding:0 0 0 10px;

  margin:0 0 15px 0;

}

#feedback #commentArea dl .name{

  font-size:13px;

  line-height:18px;

  font-weight:bold;

  color:#666;

}

#feedback #commentArea dl .comment{

  font-size:12px;

  line-height:15px;

}



/*********************************************************************

*  親記事　記事リスト＆mokuji.jsp用定義

*********************************************************************/



#mainContents #kiji .listContentsBox{

  border:none;

  clear:both;

}

#mainContents #kiji .listContentsBox ul{

  padding:0;

}

#mainContents #kiji .listContentsBox li{

  padding:0 0 10px 0;

  line-height:1.4;

  background:none;

}



/*********************************************************************

*  Tech-On！オリジナル

*********************************************************************/



span.z { font-weight:bold; font-size:94%;}



/*********************************************************************

*  BOOK_leaf用

*********************************************************************/



/* 上部　表紙 + 概要 */

#mainContents .books #kiji h3{

	margin:20px 0;

}

#mainContents #kiji .bookInfo{

	display:block;

	margin:15px 0;

	overflow:hidden;

	*zoom:1;

}

#mainContents #kiji .bookInfo .bpimage_left{

	width:162px !important;

	max-width:162px;

	margin:0;

	overflow:hidden;

}

#mainContents #kiji .bookInfo .bpimage_image{

	width:162px;

	max-width:162px;

	*width:162px !important;

}

#mainContents #kiji .bookInfo .bpimage_image img{

	width:160px;

	max-width:160px;

	*width:160px !important;

	height:auto;

	border:1px solid #d1d1d1;

}

#mainContents #kiji .bookInfo p{

	margin:0 0 10px 0;

	padding:0;

	font-size:95%;

	display:block;

	overflow:hidden;

	float:right;

	width:330px;

}

#mainContents #kiji .bookInfo .catch{

	font-size:100%;

	font-weight:bold;

	color:#39b0ff;

}

#mainContents #kiji .bookInfo .s_text{

	font-size:90%;

}

#mainContents #kiji .bookInfo .bookDetailBtn{

	display:block;

	width:330px;

	float:right;

	margin:0 0 10px 0;

}

#mainContents #kiji .bookInfo .bpimage_left .bookDetailBtn{

	display:block;

	width:162px;

	float:left;

	margin:10px 0 0 0;

	text-align:center;

}

#mainContents #kiji .bookInfo .bookDetailBtnLeft a,

#mainContents #kiji .bookInfo .bookDetailBtn a{

	display:inline-block;

	*display:inline;

	*zoom:1;

	height:21px;

	background:url(/images/n/techon/2014/common/listlink_right.gif) right top no-repeat;

	text-decoration:none;

}

#mainContents #kiji .bookInfo .bookDetailBtnLeft a span,

#mainContents #kiji .bookInfo .bookDetailBtn a span{

	height:14px;

	background:url(/images/n/techon/2014/common/listlink_left.gif) left top no-repeat;

	padding:4px 10px 3px 16px;

	font-size:12px;

	line-height:14px;

	color:#fff;

	text-shadow: 1px 1px 1px #000;

	text-indent:0px;

	text-decoration:none;

	display:inline-block;

	*display:inline;

	*zoom:1;

}

#mainContents #kiji .bookInfo .bookDetailBtn a:hover{

	background-position:right -21px;

	text-decoration:none;

}

#mainContents #kiji .bookInfo .bookDetailBtn a:hover span{

	background-position:left -21px;

}





/* 下部　価格 + 購入ボタン */

#mainContents #kiji .priceBox{

	display:block;

	line-height:1.3;

	margin:15px 10px;

	overflow:hidden;

}

#mainContents #kiji .priceBox li{

	background:none;

	padding-bottom:10px;

	margin-top:10px;

	margin-bottom:10px;

	overflow:hidden;

	*zoom:1;

}

#mainContents #kiji .priceBox .type{

	display:block;

	margin:0 0 5px 0;

	font-size:95%;

}

#mainContents #kiji .priceBox .type span{

	background:#eaeaea;

	font-size:90%;

	padding:1px 4px;

	margin:0 5px 0 0;

	display:inline-block;

	*display:block;

	*display:inline;

	*zoom:1;

}

#mainContents #kiji .priceBox .price{

	display:block;

	font-weight:bold;

	color:#eb2f16;

	font-size:110%;

	float:left;

}

#mainContents #kiji .priceBox .price span{

	font-size:70%;

	font-weight:normal;

	color:#333;

}

#mainContents #kiji .priceBox .info{

	display:block;

	clear:both;

	font-size:70%;

	padding:3px 0 0 0;

	color:#7e7e7e;

}

#mainContents #kiji .priceBox .btn_normal,

#mainContents #kiji .priceBox .btn_amazon,

#mainContents #kiji .priceBox .btn_reader,

#mainContents #kiji .priceBox .btn_premium,

#mainContents #kiji .priceBox .soldout{

	float:right;

	margin-bottom:4px;

}

#mainContents #kiji .priceBox .btn_normal a,

#mainContents #kiji .priceBox .btn_amazon a,

#mainContents #kiji .priceBox .btn_reader a,

#mainContents #kiji .priceBox .btn_premium a{

	height:24px;

	text-decoration:none;

	cursor:pointer;

	display:inline-block;

	*display:inline !important;

	*zoom:1;

}

#mainContents #kiji .priceBox .btn_normal a{

	background:url(/images/n/techon/2014/category/books/btn_normal_right.gif) right top no-repeat;

}

#mainContents #kiji .priceBox .btn_amazon a{

	background:url(/images/n/techon/2014/category/books/btn_amazon_right.gif) right top no-repeat;

}

#mainContents #kiji .priceBox .btn_reader a{

	background:url(/images/n/techon/2014/category/books/btn_reader_right.gif) right top no-repeat;

}

#mainContents #kiji .priceBox .btn_premium a{

	background:url(/images/n/techon/2014/category/books/btn_premium_right.gif) right top no-repeat;

}

#mainContents #kiji .priceBox .btn_normal a span,

#mainContents #kiji .priceBox .btn_amazon a span,

#mainContents #kiji .priceBox .btn_reader a span,

#mainContents #kiji .priceBox .btn_premium a span{

	height:17px;

	padding:4px 10px 3px 10px;

	font-size:15px;

	line-height:17px;

	font-weight:bold;

	color:#fff;

	text-decoration:none;

	display:inline-block;

	*display:inline !important;

	*zoom:1;

}

#mainContents #kiji .priceBox .btn_amazon a span{

	background:url(/images/n/techon/2014/category/books/btn_amazon_left.gif) left top no-repeat;

	text-shadow: 1px 1px 1px #1E6697;

}

#mainContents #kiji .priceBox .btn_normal a span{

	background:url(/images/n/techon/2014/category/books/btn_normal_left.gif) left top no-repeat;

	text-shadow: 1px 1px 1px #1E6697;

}

#mainContents #kiji .priceBox .btn_reader a span{

	background:url(/images/n/techon/2014/category/books/btn_reader_left.gif) left top no-repeat;

	text-shadow: 1px 1px 1px #aa3f0a;

}

#mainContents #kiji .priceBox .btn_premium a span{

	background:url(/images/n/techon/2014/category/books/btn_premium_left.gif) left top no-repeat;

	text-shadow: 1px 1px 1px #827230;

	font-size:13px;

	line-height:17px;

}

#mainContents #kiji .priceBox .btn_normal a:hover,

#mainContents #kiji .priceBox .btn_amazon a:hover,

#mainContents #kiji .priceBox .btn_reader a:hover,

#mainContents #kiji .priceBox .btn_premium a:hover{

	background-position:right -24px;

}

#mainContents #kiji .priceBox .btn_normal a:hover span,

#mainContents #kiji .priceBox .btn_amazon a:hover span,

#mainContents #kiji .priceBox .btn_reader a:hover span,

#mainContents #kiji .priceBox .btn_premium a:hover span{

	background-position:left -24px;

}

#mainContents #kiji .priceBox .soldout{

	font-size:15px;

	line-height:17px;

	font-weight:bold;

	color:#7e7e7e;

}



#mainContents #kiji .priceBox ul.special{

	border:2px solid #f00;

	background:#fff9f9;

	padding:10px 10px 1px 10px;

	margin:0 0 20px 0;

}

#mainContents #kiji .priceBox ul.special li{

	display:block;

	border-top:1px dotted #d8d8d8;

	padding:10px 0 0 0;

}

#mainContents #kiji .priceBox ul.special li.first{

	background:none;

	padding:0;

}





/* 関連記事 */

#mainContents #relatedBooks{

	display:block;

	clear:both;

	margin:30px auto;

	font-size:90%;

	line-height:1.4;

}

#mainContents #relatedBooks h5{

	display:block;

	clear:both;

	margin:0 0 15px 0;

}

#mainContents #relatedBooks li{

	margin:0 0 5px 0;

	display:block;

	background:url(/images/n/techon/2014/common/icon02.gif) left 5px no-repeat;

	padding:0 0 0 10px;

}

#mainContents #relatedBooks li .date{

	color:#999;

	font-size:90%;

	line-height:1.4;

	display:inline-block;

	margin:0 0 0 5px;

}





/*********************************************************************

*  AD:ミニバナー

*********************************************************************/



#mainContents .closeupBanner{

	display:block;

	text-align:center;

	margin:15px 0 0 0;

}

#mainContents .closeupBanner>div{

	display:inline-block;

	*display:inline:

	*zoom:1;

}

#mainContents .closeupBanner>div>div{

	padding:0 0 5px 0;

}

/* 記事下 */
.related-contents{}
.related-contents section{border-top:solid 5px #ccc;margin:30px 0;}
.related-contents section .pad{border:solid 1px #dfe3e6;border-top:none;padding:10px;}
.related-contents section h3{font-size:20px;line-height:26px;color:#194893;margin-bottom:10px;}
.related-contents section h3 .subtitle{display:block;font-size:14px;font-weight:normal;line-height:20px;margin-top:3px;}
.related-contents section p{font-size:15px;line-height:22px;}
.related-contents section .link{margin-top:13px;text-align:right;}
.related-contents section .link a{display:inline-block;background:#194893;padding:8px 20px;min-width:160px;font-size:14px;font-weight:normal;color:#fff;text-align:center;}
.related-contents section .link a:hover{text-decoration:none;background:#3868b5;}
.related-contents section .link a span{background:url(/images/n/techon/2016/bullet2.png) left center no-repeat;padding-left:13px;}

.related-contents .seminar{}
.related-contents .seminar .content{overflow:hidden;}
.related-contents .seminar .content .summary{width:250px;float:left;}
.related-contents .seminar .content .info{width:245px;float:right;overflow:hidden;}
.related-contents .seminar .content .info img { max-width:245px; height:auto; }
.related-contents .seminar .content .info p{font-size:13px;line-height:18px;font-weight:bold;margin-bottom:5px;}
.related-contents .seminar .content .info table{}
.related-contents .seminar .content .info table th,
.related-contents .seminar .content .info table td{font-size:13px;line-height:16px;padding:1px 0;vertical-align:top;}
.related-contents .seminar .content .info table th{white-space:nowrap;}
.related-contents .seminar .content .info table td{}

.related-contents .publishing{}
.related-contents .publishing .pad{overflow:hidden;}
.related-contents .publishing .image{width:130px;float:right;margin-top:3px;}
.related-contents .publishing .image img{border:solid 1px #b3bbc2;vertical-align:bottom;}
.related-contents .publishing .text{width:350px;float:left;}