@charset "UTF-8";

article.leaf{background:url(/images/n/techon/2016/article-border.png) left top repeat-x;padding-top:20px;margin-top:40px;}
article.leaf:first-child{background:none;padding-top:0;margin-top:0;}


/*************************/
/*    　　　記事ヘッダーなど　　　   */
/*************************/

article.leaf > header{}
article.leaf > header .title-belt{border-top:solid 8px #10418f;border-bottom:solid 2px #061a40;margin-top:2px;margin-bottom:10px;padding:15px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+35,e2ebf9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 35%, #e2ebf9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 35%,#e2ebf9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 35%,#e2ebf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2ebf9',GradientType=0 ); /* IE6-9 */
}

article.leaf > header .title-belt .pad{width:1160px;margin-left:auto;margin-right:auto;overflow:hidden;}

article.leaf > header .title-belt .to-index{float:right;text-align:right;}
article.leaf > header .title-belt .to-index a{font-size:14px;background:url(/images/n/techon/2016/bullet1.png) left center no-repeat;padding-left:12px;}
article.leaf > header .title-belt .to-index li{display:inline-block;padding-left:20px;border-left:solid 1px #cfd2d4;margin-left:20px;}
article.leaf > header .title-belt .to-index li:first-child{border-left:none;}

article.leaf > header .title-belt .magazine{overflow:hidden;margin-bottom:18px;font-weight:bold;font-size:15px;}
article.leaf > header .title-belt .magazine img{vertical-align:bottom;margin-right:13px;}

article.leaf > header .title-belt .title{margin-bottom:15px;}
article.leaf > header .title-belt .title .parent{font-size:18px;line-height:24px;font-weight:bold;margin-bottom:10px;}
article.leaf > header .title-belt .title .parent a{color:#003559;}
article.leaf > header .title-belt .title .parent img{vertical-align:baseline;margin-right:15px;}
article.leaf > header .title-belt .title .parent .topTitle{color:#f14f1d;font-size:18px;margin-left:15px;}
article.leaf > header .title-belt .title .shoulder{font-size:16px;line-height:24px;color:#333;font-weight:bold;margin-bottom:8px;}
article.leaf > header .title-belt .title .shoulder .topTitle{font-size:18px;color:#f14f1d;}
article.leaf > header .title-belt .title h1{font-size:40px;line-height:46px;color:#003559;}
article.leaf > header .title-belt .title .subtitle{font-size:22px;line-height:28px;margin-top:6px;}

article.leaf > header .title-belt .bottom{overflow:hidden;}
article.leaf > header .title-belt .property{float:left;}
article.leaf > header .title-belt .property li{display:inline;font-size:14px;margin-right:10px;}
article.leaf > header .title-belt .property li.author{}
article.leaf > header .title-belt .property li.pubdate{}
article.leaf > header .title-belt .property li.movie{display:inline-block;line-height:20px;padding-left:23px;background:url(/images/n/techon/2016/movie.png) left 0 no-repeat;font-size:13px;font-weight:normal;color:#333;white-space:nowrap;}
article.leaf > header .title-belt .property li.page{font-size:12px;}

article.leaf > header .title-belt .tools{float:right;}
article.leaf > header .title-belt .tools li{display:inline-block;font-size:11px;margin-left:10px;}
article.leaf > header .title-belt .tools li *{vertical-align:middle;}
article.leaf > header .title-belt .tools li.facebook{}
article.leaf > header .title-belt .tools li.twitter{}
article.leaf > header .title-belt .tools li.evernote{}
article.leaf > header .title-belt .tools li.evernote a{display:inline-block;background:url(/images/n/techon/2016/evernote-clip-button.png) left top no-repeat;width:38px;padding-left:28px;height:20px;color:#fff;font-size:11px;line-height:20px;letter-spacing:1px;}
article.leaf > header .title-belt .tools li.evernote a:hover{text-decoration:none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

article.leaf > header .title-belt .bottom .property .tools{}
/*article.leaf > header .title-belt .bottom .property{float:left;}*/
article.leaf > header .title-belt .bottom .tools{float:left!important;padding-left:10px;}
article.leaf > header .title-belt .bottom .tools li{display:inline-block;font-size:11px;margin:0 10px 0 0!important;}

/* 記事 - スクロール追従上部タイトルバー */

.playing-title{width:100%;min-width:1200px;position:fixed;top:0;border-top:solid 4px #10418f;background:rgba(255,255,255,0.9);border-bottom:solid 1px #b3bbc2;z-index:1000;}
.playing-title .pad{width:1160px;margin-left:auto;margin-right:auto;overflow:hidden;}
.playing-title .to-index{float:right;width:150px;text-align:right;padding:20px 0;}
.playing-title .to-index li{padding-left:12px;margin-left:8px;margin-top:4px;}
.playing-title .to-index li:first-child{margin-top:0;}
.playing-title .to-index a{font-size:14px;background:url(/images/n/techon/2016/bullet1.png) left center no-repeat;padding-left:12px;}
.playing-title .tools{float:right;width:110px;text-align:right;padding-top:18px;}
.playing-title .tools li{display:inline-block;margin-left:2px;font-size:10px;}
.playing-title .tools li img{vertical-align:bottom;}
.playing-title .title{float:left;font-size:22px;line-height:30px;font-weight:bold;color:#003559;padding:15px 0;}
.playing-title .to-index + .title{width:1000px;}
.playing-title .tools + .title{width:1000px;}
.playing-title .to-index + .tools + .title{width:860px;}


article.leaf > header .reference{width:1160px;margin-left:auto;margin-right:auto;font-size:13px;margin-bottom:5px;}



/* リーフページのインデックス・セクション（記事Body外のコンテンツで使用） */
.index-section{margin-top:20px;padding-top:2px;}
.index-section h2{font-size:28px;line-height:1.3;font-weight:bold;color:#061a40;padding-top:10px;overflow:hidden;}

.article-body-bottom .index-section{border: none;}
.article-body-bottom .index-section:first-child{margin-top:20px;padding-top:2px;}

/* インライン広告 */
.inline-ad{text-align:center;margin-bottom:20px;}

/* メッセージボックス */
.message-box{border:solid 1px #dfe3e6;padding:25px 35px;margin:20px 0;}
.message-box p{font-size:16px;line-height:24px;margin-top:10px;}
.message-box p:first-child{margin-top:0;}

/* 記事下の広告ブロック */
.main-content .ad-block{margin-top:20px;}

/* おすすめ記事 */
.main-content .index-section.recommend{}
.main-content .index-section.recommend .list-D.ad{background:url(/images/n/techon/2016/list-2col_bottom.png) left bottom no-repeat;}
.main-content .index-section.recommend .list-D.ad li.ad-icon-none .text{background:none;}
.main-content .index-section.recommend .list-D:not(.ad) li:nth-child(1),
.main-content .index-section.recommend .list-D:not(.ad) li:nth-child(2){border-top:none;margin-top:0;padding-top:0;}



/*************************/
/*    記事Body（BP標準タグ） 　   */
/*************************/

.article-body{font-size:18px;line-height:30px;margin-bottom:30px;}
.article-body p{margin-bottom:1em;}

/*リンク設定*/
.article-body a{color:#194893;text-decoration:none;font-weight:bold;}
.article-body a:visited{color:#727f94;}
.article-body a:hover{color:#194893;text-decoration:underline;}
.article-body a:hover img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

/*リード*/
.article-body .bplead{font-weight:bold;}

/*中見出し*/
.article-body h3{clear:both;color:#003559;font-size:26px;line-height:34px;margin-top:40px;margin-bottom:20px;}

/*小見出し*/
.article-body h4{color:#003559;font-size:20px;line-height:28px;border-left:solid 4px #10418f;padding-left:20px;margin-top:40px;margin-bottom:20px;}

/*その他*/
.article-body b{font-weight:bold;}

/*質問*/
.article-body .bpquestion{margin:12px 0;color:#10418f;}


/*回答*/


/*図 （共通設定）*/
.article-body .bpimage_image{margin:6px 0 8px 0;}
.article-body .bpimage_image img{vertical-align:bottom;}
.article-body .bpimage_title{font-size:15px;line-height:22px;color:#333;font-weight:bold;margin-bottom:3px;}
.article-body .bpimage_caption{font-size:14px;line-height:20px;}
.article-body .bpimage_click{font-size:13px;line-height:18px;color:#787878;}
.article-body .bpbox_center{clear:both;margin:20px auto 30px auto;}

/*図1（回り込み：右）*/
.article-body .bpimage_right{clear:right;float:right;margin-left:25px;margin-bottom:10px;}

/*図2（回り込み：左）*/
.article-body .bpimage_left{clear:left;float:left;margin-right:25px;margin-bottom:10px;}

/*図3（スタンダード）*/
.article-body .bpimage_center{margin:0 auto;}

/*図4（エトキ右配置）*/
.article-body .bpimage_caption_right{overflow:hidden;}
.article-body .bpimage_caption_right .bpimage_left .bpimage_image{margin-top:3px;}

/*図5（二つ並び）*/
.article-body .bpimage_double{margin:0 auto;overflow:hidden;}
.article-body .bpimage_double .bpimage_left{margin-right:0;margin-bottom:0;}
.article-body .bpimage_double .bpimage_right{margin-left:0;margin-bottom:0;}

/*図6（二つ並び＆エトキ１つ）*/

/*図7（三つ並び）*/
.article-body .bpimage_triple{overflow:hidden;margin-left:auto;margin-right:auto;}
.article-body .bpimage_triple .bpimage_wrap{float:left;overflow:hidden;}
.article-body .bpimage_triple .bpimage_left{float:left;margin:0;}
.article-body .bpimage_triple .bpimage_center{float:right;margin:0;}
.article-body .bpimage_triple .bpimage_right{float:right;margin:0;}
.article-body .bpimage_triple .bpimage_click{font-size:12px;}

/*図8（三つ並び＆エトキ１つ）*/
.article-body .bpimage_triple > .bpimage_click{font-size:13px;}

/*図9（回り込み：右＆縦積み）*/
.article-body .bpbox_right{clear:right;float:right;margin-left:20px;}
.article-body .bpimage_set{margin-bottom:10px;}

/*図10（回り込み：左＆縦積み）*/
.article-body .bpbox_left{clear:left;float:left;margin-right:20px;}


/*リスト*/
.article-body ul.point,
.article-body ul.simple,
.article-body ul.border,
.article-body ul.list{margin:20px 0;}

.article-body ul.point > li,
.article-body ul.simple > li,
.article-body ul.border > li,
.article-body ul.list > li{margin-bottom:5px;line-height:1.5;}

.article-body ul.point > li{padding-left:20px;text-indent:-20px;}
.article-body ul.point > li:before{content:'●';font-size:10px;margin-right:10px;color:#10418f;position:relative;top:-3px;}
.article-body ul.simple > li{padding-left:20px;}
.article-body ul.border > li{border-bottom:solid 1px #dfe3e6;padding:5px 0;margin-bottom:5px;}
.article-body ul.list > li{padding-left:20px;text-indent:-20px;}
.article-body ul.list > li:before{content:'●';font-size:10px;margin-right:10px;color:#888;position:relative;top:-3px;}


/*表*/
.article-body .bptable{margin:20px 0;clear:both;}
.article-body .bptable .bptable_title{font-weight:bold;}
.article-body .bptable .bptable_caption{}
.article-body .bptable .bptable_caption{}
.article-body .bptable table{margin-top:12px;}
.article-body .bptable table th,
.article-body .bptable table td{border:solid 1px #fff;font-size:16px;line-height:22px;padding:6px 14px;}
.article-body .bptable table th{background:#607994;color:#fff;text-align:left;}
.article-body .bptable table th a{color:#fff;}
.article-body .bptable table td{background:#f3f3f3;}
.article-body .bptable table td a{font-weight:normal;}


/*プロフィール*/
.article-body .bpprofile{clear:both;margin:20px 0;border:solid 1px #dfe3e6;padding:18px 26px;}
.article-body .bpprofile .bpprofile_profile{font-size:16px;line-height:24px;font-weight:bold;}
.article-body .bpprofile .bpprofile_name{}
.article-body .bpprofile .bpprofile_position{}
.article-body .bpprofile .bpprofile_text{margin-top:8px;font-size:16px;line-height:25px;color:#333;}

/*プロフィール（顔写真付）*/
.article-body .bpprofile_photo{clear:both;margin:20px 0;border:solid 1px #dfe3e6;padding:18px 26px;}
.article-body .bpprofile_photo .bpprofile_profile{font-size:16px;line-height:24px;font-weight:bold;}
.article-body .bpprofile_photo .bpprofile_name{}
.article-body .bpprofile_photo .bpprofile_position{}
.article-body .bpprofile_photo .bpprofile_text{margin-top:8px;font-size:16px;line-height:25px;color:#333;overflow:hidden;}
.article-body .bpprofile_photo .bpprofile_text img{float:left;margin-right:23px;}

/*インタビュー用プロフィール*/
.article-body .bpinterview{clear:both;margin:20px 0;border:solid 1px #dfe3e6;padding:18px 26px;}
.article-body .bpinterview .bpinterview_profile{font-size:16px;line-height:24px;font-weight:bold;}
.article-body .bpinterview .bpinterview_name{}
.article-body .bpinterview .bpinterview_position{}
.article-body .bpinterview .bpinterview_text{margin-top:8px;font-size:16px;line-height:25px;color:#333;}


/*囲み記事1*/
.article-body .bpbox{clear:both;margin:20px 0;background:#f9f9f9;border:solid 1px #babcbf;padding:25px 35px;}
.article-body .bpbox .bpbox_title{font-size:20px;line-height:28px;font-weight:bold;margin-bottom:10px;}
.article-body .bpbox .bpbox_text{font-size:16px;line-height:26px;color:#333;margin-top:6px;}

/*囲み記事2*/
.article-body .bpbox2{clear:both;margin:20px 0;border-top:solid 5px #10418f;background:#fff;}
.article-body .bpbox2 .bpbox_title{border-left:solid 1px #dfe3e6;border-right:solid 1px #dfe3e6;padding:25px 35px 10px 35px;font-size:20px;line-height:28px;font-weight:bold;}
.article-body .bpbox2 .bpbox_text{border:solid 1px #dfe3e6;border-top:none;padding:0 35px 25px 35px;font-size:16px;line-height:26px;color:#333;}

/*囲み記事3*/
.article-body .bpbox3{clear:both;margin:20px 0;background:#eaf1fa;border:solid 1px #b6c5d7;padding:25px 35px;}
.article-body .bpbox3 .bpbox_title{font-size:20px;line-height:28px;font-weight:bold;margin-bottom:10px;}
.article-body .bpbox3 .bpbox_text{font-size:16px;line-height:26px;color:#333;margin-top:6px;}

/*囲み記事4*/
.article-body .bpbox4{clear:both;margin:20px 0;border-top:solid 5px #b9d6f2;background:#fff;}
.article-body .bpbox4 .bpbox_title{border-left:solid 1px #dfe3e6;border-right:solid 1px #dfe3e6;padding:25px 35px 10px 35px;font-size:20px;line-height:28px;font-weight:bold;}
.article-body .bpbox4 .bpbox_text{border:solid 1px #dfe3e6;border-top:none;padding:0 35px 25px 35px;font-size:16px;line-height:26px;color:#333;}

/*シンプル囲み*/
.article-body .bpframe{clear:both;margin:20px 0;background:#fff;border:solid 1px #dfe3e6;padding:25px 35px;}
.article-body .bpframe .bpbox_title{margin-bottom:10px;font-size:20px;line-height:24px;font-weight:bold;}
.article-body .bpframe .bpbox_text{font-size:16px;line-height:24px;color:#333;}

/*コードリスト（灰色）*/
.article-body .bpcode{clear:both;margin:20px 0;background:#f9f9f9;border-left:solid 4px #babcbf;padding:26px 34px;font-size:16px;line-height:24px;}
.article-body .bpcode pre{}
.article-body .bpcode pre code{}

/*コードリスト（緑）*/
.article-body .bpcode2{clear:both;margin:20px 0;background:#3f4447;color:#fff;padding:26px 34px;font-size:16px;line-height:24px;}
.article-body .bpcode2 pre{}
.article-body .bpcode2 pre code{}

/*訂正文*/
.article-body .bpteisei_box{margin:10px 0;background:#f4f4f4;padding:15px 30px 20px 30px;}
.article-body .bpteisei_box .bpteisei{font-size:15px;line-height:22px;}
.article-body .bpteisei_box .bpteisei b{line-height:30px;}
.article-body .bpteisei_box .bpteisei br{}

/*用語解説用*/
.article-body .bpword{margin:10px 0;background:#fff;padding:0 30px;}
.article-body .bpword{font-size:15px;line-height:24px;}
.article-body .bpword b{line-height:30px;}
.article-body .bpword br{}

/*注釈用*/
.article-body .bpannotation{margin:10px 0;background:#fff;padding:0 30px;font-size:15px;line-height:24px;}

/*参考文献用*/
.article-body .bpreference{margin:10px 0;background:#fff;padding:0px 30px;}
.article-body .bpreference{font-size:15px;line-height:24px;}
.article-body .bpreference b{line-height:30px;}
.article-body .bpreference br{}

/*自社サイト内リンク*/
.article-body .blog_card{width:500px;border:1px solid #dfe3e6;box-sizing:border-box;padding:16px 19px 19px;overflow:hidden;margin-bottom:20px;}
.article-body .blog_card .text{width:290px;float:left;}
.article-body .blog_card a{font-weight:normal;}
.article-body .blog_card .title{font-size:19px;line-height:1.26;margin-bottom:6px;}
.article-body .blog_card a .title:hover{text-decoration:underline;}
.article-body .blog_card .lead{font-size:13px;line-height:1.53;margin-bottom:8px;}
.article-body .blog_card a .lead,.article-body .blog_card a .date{color:#333;}
.article-body .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;}
.article-body .blog_card .date{font-size:11px;line-height:1;margin-bottom:0px;}
.article-body .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;}
.article-body .blog_card .image img{max-width:100%;height:auto;margin:0 auto;}

/*SNS連携ボタン*/
.article-body .tools{text-align:center;overflow:hidden; clear:both; }
.article-body .tools li{display:inline-block;font-size:11px;margin:0 7px;}
.article-body .tools li *{vertical-align:bottom;}
.article-body .tools li.facebook{}
.article-body .tools li.twitter{}
.article-body .tools li.evernote{}
.article-body .tools li a{text-align:left;}
.article-body .tools li.evernote a{display:inline-block;background:url(/images/n/techon/2016/evernote-clip-button.png) left top no-repeat;width:38px;padding-left:28px;height:20px;color:#fff;font-size:11px;line-height:20px;letter-spacing:1px;}
.article-body .tools li.evernote a:hover{text-decoration:none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}



/****************************/
/* 会員限定記事に表示するボックス */
/****************************/

.attention_members-only{clear:both;margin:26px auto 20px;border:solid 1px #dfe3e6;padding:22px 60px;overflow:hidden;}
.attention_members-only > div{overflow:hidden;}
.attention_members-only h4{border:none;padding:0;margin:0;text-align:center;font-size:18px;color:#3c1b08;padding-top:4px;margin-bottom:12px;}
.attention_members-only div p{width:230px;margin:0 auto 9px;color:#3c1b08;font-size:14px;text-align:center;}
.attention_members-only div p a{display:block;color:#fff;text-align:center;font-size:16px;padding:14px 0 10px;}
.attention_members-only div p a:hover{text-decoration:none;color:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.attention_members-only div p a:visited{color:#fff;}
.attention_members-only div p.nonmember a{background:#0066b2;}
.attention_members-only div p.member a{background:#059164;}

/* 無料会員限定記事 */
.attention_members-only.free p.nonmember,
.attention_members-only.free p.member{position:relative;float:left;margin-left:14px;margin-right:14px;}

/*有料会員限定記事*/
.attention_members-only.premium p.nonmember,
.attention_members-only.premium p.member{position:relative;float:left;margin-left:14px;margin-right:14px;}




/*************************/
/*  　　 フィードバックボックス   　　*/
/*  　 （フィードバック＋コメント）　*/
/*************************/

.feedback-box{background:#f6f9fc;margin-bottom:20px;padding-bottom:15px;height:auto;}
.feedback-box section{border-top:solid 5px #26529a;padding:20px;}
.feedback-box section h3{font-size:20px;line-height:26px;margin-bottom:12px;color:#194893;}

.feedback-box .handle{width:628px;text-align:center;font-weight:bold;margin:0 20px;}
.feedback-box .handle a{display:block;padding:10px 0;font-size:18px;line-height:1.6;font-weight:bold;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.feedback-box .handle a img{margin-left:8px;}
.feedback-box .handle a:hover{text-decoration:none;}
.feedback-box .handle a:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.feedback-box .handle.open{display:none;}
.feedback-box .handle.close{display:block;}
.feedback-box .handle.open a{background:#194893;}
.feedback-box .handle.open a:hover{background:#3868b5;}
.feedback-box .handle.close a{background:#576985;}
.feedback-box .handle.close a:hover{background:#7284a0;}

.feedback-box.close{height:140px;overflow:hidden;position:relative;}
.feedback-box.close:before{content:'';position:absolute;top:5px;display:block;width:670px;height:150px;background:url(/images/n/techon/2016/feedback-box-cover.png) left top repeat-x;z-index:50;}
.feedback-box.close .handle.open{display:block;position:absolute;bottom:15px;z-index:100;}
.feedback-box.close .handle.close{display:none;}

/*フィードバック*/
.feedback-box .feedback{}
.feedback-box .feedback ul{overflow:hidden;}
.feedback-box .feedback ul li{float:left;width:203px;height:62px;margin-left:10px;background:url(/images/n/techon/2016/feedback_bg.png) left top no-repeat;}
.feedback-box .feedback ul li:first-child{margin-left:0;}
.feedback-box .feedback ul li a{display:block;overflow:hidden;}
.feedback-box .feedback ul li a div{width:145px;float:left;}
.feedback-box .feedback ul li a div .icon{text-align:center;padding:3px;}
.feedback-box .feedback ul li a div .icon img{transform : scale(0.85); transition: 0.22s;z-index:30;vertical-align:bottom;}
.feedback-box .feedback ul li a:hover div .icon img{transform : scale(1); transition: 0.22s;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.feedback-box .feedback ul li a div .text{text-align:center;font-size:15px;line-height:18px;color:#333;}
.feedback-box .feedback ul li a .count{width:58px;padding-top:20px;float:right;color:#fff;font-weight:bold;text-align:center;}

.feedback-box .feedback ul li span{display:block;overflow:hidden;}
.feedback-box .feedback ul li span div{width:145px;float:left;}
.feedback-box .feedback ul li span div .icon{text-align:center;padding:3px;}
.feedback-box .feedback ul li span div .icon img{vertical-align:bottom;}
.feedback-box .feedback ul li span div .text{text-align:center;font-size:15px;line-height:18px;color:#333;}
.feedback-box .feedback ul li span .count{width:58px;padding-top:12px;float:right;color:#fff;font-weight:bold;text-align:center;font-size:13px;}

/*コメント*/
.feedback-box .comment{overflow:hidden;}
.feedback-box .comment h3{overflow:hidden;}
.feedback-box .comment h3 .readme{display:block;padding-top:4px;font-size:14px;font-weight:normal;color:#4e4e4e;float:right;}
.feedback-box .comment h3 .readme a{font-size:15px;background:url(/images/n/techon/2016/bullet1.png) left 7px no-repeat;padding-left:13px;}

.feedback-box .comment .nickname{width:280px;margin-bottom:10px;}
.feedback-box .comment .nickname input{width:100%;height:34px;padding:0 10px;border:solid 1px #dfe3e6;font-size:14px;line-height:18px;color:#333;}
.feedback-box .comment .content{width:607px;}
.feedback-box .comment .content textarea{width:100%;height:80px;padding:8px 10px;border:solid 1px #dfe3e6;font-size:14px;line-height:18px;color:#333;resize:none;}

.feedback-box .comment .submit{margin-top:13px;overflow:hidden;}
.feedback-box .comment .submit .allow-open{font-size:14px;float:left;padding-top:5px;}
.feedback-box .comment .submit .allow-open input{vertical-align:-2px;}
.feedback-box .comment .submit .button{float:right;width:78px;}
.feedback-box .comment .submit .button a{display:block;padding:4px;background:#194893;text-align:center;color:#fff;}
.feedback-box .comment .submit .button a:hover{text-decoration:none;background:#3868b5;}
.feedback-box .comment .note{margin-top:10px;font-size:13px;line-height:18px;color:#333;}

.feedback-box .comment .send-after{border-top:none;background:#e2ebf7;padding:22px 25px;margin:20px 0;}
.feedback-box .comment .send-after h4{margin-bottom:6px;}
.feedback-box .comment .send-after p{font-size:13px;}
.feedback-box .comment .send-after p.thanks{margin-bottom:20px;}

.feedback-box .comment .posted-comments{border-top:solid 1px #d8e0e6;padding:15px 20px 10px 20px;margin-top:20px;margin-left:-20px;width:630px;}
.feedback-box .comment .posted-comments h4{font-size:16px;color:#194893;}
.feedback-box .comment .posted-comments ul{padding:0 20px 0 33px;}
.feedback-box .comment .posted-comments ul li{background:url(/images/n/techon/2016/dotline.png) left top repeat-x;padding-top:15px;margin-top:15px;}
.feedback-box .comment .posted-comments ul li:first-child{background:none;margin-top:0;}
.feedback-box .comment .posted-comments ul li .nickname{font-size:15px;line-height:20px;font-weight:bold;margin-bottom:6px;}
.feedback-box .comment .posted-comments ul li .content{font-size:15px;line-height:20px;}




/*************************/
/*  　　　関連コンテンツ枠　 　　　*/
/*************************/

.related-contents{}
.related-contents section{border-top:solid 5px #b9d6f2;margin:30px 0;}
.related-contents section .pad{border:solid 1px #dfe3e6;border-top:none;padding:17px 25px;}
.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:300px;float:left;}
.related-contents .seminar .content .info{width:285px;float:right;overflow:hidden;}
.related-contents .seminar .content .info p{font-size:13px;line-height:18px;font-weight:bold;margin-bottom:5px;}
.related-contents .seminar .content .info table{margin-bottom:10px;}
.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:470px;float:left;}







/********************************/
/*  　　　　　雑誌目次ページ用　   　　　　　*/
/********************************/

article.leaf.mag-mokuji{}
article.leaf.mag-mokuji > header .title-belt .title h1{padding-top:35px;padding-bottom:5px;}

article.leaf.mag-mokuji .ad-block,
article.leaf.mag-tobira .ad-block,
article.leaf.mag-bn .ad-block{margin-top:60px;}



article.leaf.mag-mokuji .magazine-outline{width:670px;overflow:hidden;margin-bottom:30px;}
article.leaf.mag-mokuji .magazine-outline .image{width:240px;float:left;}
article.leaf.mag-mokuji .magazine-outline .text{width:390px;float:right;}

article.leaf.mag-mokuji .magazine-outline .cover{padding-bottom:10px;background:url(/images/n/techon/2016/shadow1.png) center bottom no-repeat;margin-bottom:10px;}
article.leaf.mag-mokuji .magazine-outline .cover img{vertical-align:bottom;border:solid 1px #b3bbc2;}
article.leaf.mag-mokuji .magazine-outline .buttons{}
article.leaf.mag-mokuji .magazine-outline .buttons li{margin-top:6px;}
article.leaf.mag-mokuji .magazine-outline .buttons li:first-child{margin-top:0;}
article.leaf.mag-mokuji .magazine-outline .buttons li a{display:block;background:#194893;color:#fff;text-align:center;font-size:16px;line-height:22px;font-weight:bold;padding:8px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
article.leaf.mag-mokuji .magazine-outline .buttons li a:hover{background:#5e7fb3;text-decoration:none;}

article.leaf.mag-mokuji .magazine-outline .pickups{}
article.leaf.mag-mokuji .magazine-outline .pickups li{border-bottom:solid 1px #dfe3e6;padding-top:12px;padding-bottom:12px;}
article.leaf.mag-mokuji .magazine-outline .pickups li:first-child{border-top:none;padding-top:0;}
article.leaf.mag-mokuji .magazine-outline .pickups li:last-child{}
article.leaf.mag-mokuji .magazine-outline .pickups li a{display:block;color:#333;}
article.leaf.mag-mokuji .magazine-outline .pickups li a:hover{}
article.leaf.mag-mokuji .magazine-outline .pickups li .shoulder{font-size:14px;color:#333;margin-bottom:3px;font-weight:bold;}
article.leaf.mag-mokuji .magazine-outline .pickups li .topTitle{font-size:14px;margin-bottom:3px;color:#f14f1d;font-weight:bold;}
article.leaf.mag-mokuji .magazine-outline .pickups li .title{font-size:18px;line-height:22px;margin-bottom:3px;font-weight:bold;color:#194893;}
article.leaf.mag-mokuji .magazine-outline .pickups li .titleL{font-size:20px;line-height:24px;margin-bottom:3px;font-weight:bold;color:#194893;}
article.leaf.mag-mokuji .magazine-outline .pickups li .pubDate{font-size:14px;color:#333;font-weight:normal;white-space:nowrap;}
article.leaf.mag-mokuji .magazine-outline .pickups li .subTitle{font-size:16px;font-weight:bold;margin-top:4px;}

article.leaf .magazine-underlinks{margin:20px 0;}
article.leaf .magazine-underlinks h3{font-size:26px;color:#194893;margin-bottom:10px;}
article.leaf .magazine-underlinks h3 *{vertical-align:middle;}
article.leaf .magazine-underlinks h3 .number{font-size:18px;margin-left:5px;}
article.leaf .magazine-underlinks .links{}
article.leaf .magazine-underlinks .links li{display:inline-block;padding-left:25px;border-left:solid 1px #cfd2d4;margin-left:25px;margin-bottom:10px;}
article.leaf .magazine-underlinks .links li:first-child{border-left:none;padding-left:0;margin-left:0;}
article.leaf .magazine-underlinks .links li a{font-size:14px;background:url(/images/n/techon/2016/bullet1.png) left center no-repeat;padding-left:14px;white-space:nowrap;}

article.leaf.mag-mokuji .items{margin-bottom:50px;}

article.leaf.mag-mokuji .items .set{border-top:solid 1px #dfe3e6;padding-top:20px;margin-bottom:20px;}
article.leaf.mag-mokuji .items .set h2{font-size:26px;color:#003559;overflow:hidden;}
article.leaf.mag-mokuji .items .set h2 a{display:block;font-size:14px;color:#194893;font-weight:normal;float:right;background:url(/images/n/techon/2016/pageup.png) left 6px no-repeat;padding-left:15px;margin-top:8px;}
article.leaf.mag-mokuji .items .set ul{}

article.leaf.mag-mokuji .items .set ul li{margin:12px 0;background:url(/images/n/techon/2016/bullet1.png) 2px 5px no-repeat;padding-left:20px;}
article.leaf.mag-mokuji .items .set ul li.line{border-top:solid 1px #dfe3e6;padding-top:15px;background-position:2px 21px;}
article.leaf.mag-mokuji .items .set ul li a{display:block;}
article.leaf.mag-mokuji .items .set ul li a:hover{}
article.leaf.mag-mokuji .items .set ul li .shoulder{font-size:14px;color:#333;margin-bottom:3px;font-weight:bold;}
article.leaf.mag-mokuji .items .set ul li .topTitle{font-size:16px;margin-bottom:3px;color:#f14f1d;font-weight:bold;}
article.leaf.mag-mokuji .items .set ul li .title{font-size:16px;line-height:22px;margin-bottom:3px;font-weight:bold;color:#194893;}
article.leaf.mag-mokuji .items .set ul li .titleL{font-size:22px;line-height:26px;margin-bottom:3px;font-weight:bold;color:#194893;}
article.leaf.mag-mokuji .items .set ul li .pubDate{font-size:14px;color:#333;font-weight:normal;white-space:nowrap;}
article.leaf.mag-mokuji .items .set ul li .subTitle{font-size:15px;margin-top:3px;color:#194893;}



/********************************/
/*  　　　雑誌バックナンバーページ用　   　　*/
/********************************/

article.leaf.mag-bn{}
article.leaf.mag-bn > header .title-belt .title h1{padding-top:35px;padding-bottom:5px;}


.list-mag-bn{overflow:hidden;}

.list-mag-bn li{width:146px;float:left;margin-left:28px;margin-bottom:25px;}
.list-mag-bn li:nth-child(4n+1){clear:left;margin-left:0;}
.list-mag-bn li a{display:block;}
.list-mag-bn li p{font-size:14px;line-height:1.4;color:#194893;}
.list-mag-bn li .cover{margin-bottom:6px;}
.list-mag-bn li .cover img{border:solid 1px #8a8a8a;vertical-align:bottom;}
.list-mag-bn li .title{margin-bottom:2px;font-weight:bold;}
.list-mag-bn li .subtitle{margin:0;font-weight:normal;}



/********************************/
/*  　　 　　　雑誌記事ページ用　    　　　　*/
/********************************/

article.leaf.mag-article > header .title-belt .title .parent{font-size:16px;}

article.leaf.mag-article .articleLinksList{margin:30px 0;}
article.leaf.mag-article .articleLinksList ul{}
article.leaf.mag-article .articleLinksList ul li{margin-bottom:20px;font-weight:bold;overflow:hidden;line-height:1.3;}
article.leaf.mag-article .articleLinksList ul li a{overflow:hidden;}
article.leaf.mag-article .articleLinksList ul li a:hover{text-decoration:none;}
article.leaf.mag-article .articleLinksList ul li .num{display:block;width:24px;float:left;text-align:center;margin-right:15px;background:#061a40;color:#fff;padding:5px 10px;font-size:14px;}
article.leaf.mag-article .articleLinksList ul li .title {}
article.leaf.mag-article .articleLinksList ul li a:hover .title{text-decoration:underline;}



/********************************/
/*  　　　 　　　親記事ページ用　    　 　　　*/
/********************************/

article.leaf.parent{}

article.leaf.parent > header .title-belt .title h1{padding:25px 0 5px 157px;}

article.leaf.parent > header .title-belt.image{background:#fff;}
article.leaf.parent > header .title-belt.image .title{margin-bottom:0;}
article.leaf.parent > header .title-belt.image .title h1{padding:5px 0 5px 157px;}
article.leaf.parent > header .title-belt.image .title h1 img{vertical-align:bottom;}

article.leaf.parent .ad-block{margin-top:60px;}

.list-children{margin:20px 0;}
.list-children li{border-bottom:solid 1px #dfe3e6;padding-bottom:30px;margin-bottom:20px;}
.list-children li a{display:block;color:#194893;}
.list-children li a:visited{color:#727f94;}
.list-children li p{margin:0;}
.list-children li .title{font-size:16px;line-height:22px;font-weight:bold;margin-bottom:2px;}
.list-children li p:not(.title){font-size:15px;line-height:20px;}
.list-children li p .subtitle{font-weight:normal;margin-right:5px;}
.list-children li p .pubdate{color:#5b6b79;font-size:12px;font-weight:normal;margin-right:5px;white-space:nowrap;}




/********************************/
/*  　　　 TEO オリジナル の記事要素　　　　*/
/********************************/

.article-body sup,
.article-body sub{}
.article-body sup{}
.article-body sub{}

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

.article-body ul.tocList {margin:30px 0 50px 0;padding:0 0 0 10px;border-top:1px solid #dfe3e6;}
.article-body ul.tocList li{padding:15px 0;background:none;border-bottom:1px solid #dfe3e6;font-weight:bold;font-size:18px;}
.article-body ul.tocList li font{font-size:16px;}
.article-body ul.tocList li a{font-size:18px;font-weight:normal;}

.article-body ul.tocList ul,
.article-body ul.tocList ul.tocList{margin:0;border:none;}
.article-body ul.tocList ul li,
.article-body ul.tocList ul.tocList li{border:none;}


.article-body dl.column-hit { clear:both;margin:20px 0;}
.article-body dl.column-hit dt,dd {}
.article-body dl.column-hit dt {}
.article-body dl.column-hit dd {}

.article-body blockquote{}

.article-body p .keywordPopup {cursor: pointer;background:url(/images/n/techon/2016/dotline2.png) left bottom repeat-x;}
.article-body p .keywordPopup:hover {color:#194893;}







/********************************/
/* 　　 　　　　　 セミナーリーフ用　　　　　　　*/
/********************************/

/*上部の広告枠*/
article.seminar.leaf > .list-L.ad{width:1100px;margin:20px auto;overflow:hidden;}
article.seminar.leaf > .list-L.ad li{width:530px;padding-right:20px;float:left;font-size:15px !important;line-height:22px !important;margin-bottom:12px;}
article.seminar.leaf > .list-L.ad li:nth-child(2n+1){clear:left;}
article.seminar.leaf > .list-L.ad li a{background:url(/images/n/techon/2016/ad.png) left 3px no-repeat;padding-left:43px;color:#333;}

article.seminar.leaf .main-content .ad-block{margin-top:50px;}

/*ヘッダー*/
article.seminar.leaf > header{width:100%;border-top:solid 4px #061a40;margin-bottom:10px;}

article.seminar.leaf > header{border-bottom:none;}
article.seminar.leaf > header .title-belt{padding:0;margin:0;border:none;}
article.seminar.leaf > header .title-belt .upper{background:#f2c6c2;}
article.seminar.leaf > header .title-belt .upper .pad{width:1160px;margin-left:auto;margin-right:auto;overflow:hidden;padding:10px 0;}
article.seminar.leaf > header .title-belt .upper .property{float:left;margin-top:1px;}
article.seminar.leaf > header .title-belt .upper .property li{display:inline;margin-right:5px;}
article.seminar.leaf > header .title-belt .upper .property li em{display:inline-block;color:#000;background:#fff;padding:2px 16px 0 16px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;font-size:14px;line-height:20px;font-style:normal;font-weight:bold;}
article.seminar.leaf > header .title-belt .upper .property li em.juku{background:#d62a0d;color:#fff;}
article.seminar.leaf > header .title-belt .upper .tools{float:right;width:110px;text-align:right;margin-right:10px;}
article.seminar.leaf > header .title-belt .upper .tools li{display:inline;margin-left:2px;font-size:10px;}
article.seminar.leaf > header .title-belt .upper .tools li img{vertical-align:bottom;}
article.seminar.leaf > header .title-belt .upper .tools li.evernote a{background:none;width:auto;height:auto;padding:0;margin:0;}

article.seminar.leaf > header .title-belt .upper .links{float:right;overflow:hidden;padding-top:3px;}
article.seminar.leaf > header .title-belt .upper .links li{float:left;margin-left:20px;font-size:14px;line-height:20px;font-weight:bold;}
article.seminar.leaf > header .title-belt .upper .links li.print a{background:url(/images/n/techon/2016/seminar/print.png) left center no-repeat;padding-left:22px;}
article.seminar.leaf > header .title-belt .upper .links li.to-index a{}

article.seminar.leaf > header .title-belt .title{background:#d44033;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	color:#333;
}
article.seminar.leaf > header .title-belt .title .pad{width:1160px;margin-left:auto;margin-right:auto;padding:15px 0;}
article.seminar.leaf > header .title-belt .title .shoulder{font-size:16px;line-height:24px;color:#333;margin-bottom:15px;padding-top:10px;}
article.seminar.leaf > header .title-belt .title h1{font-size:40px;line-height:46px;padding:0;color:#333;margin:15px 0;}
article.seminar.leaf > header .title-belt .title .subtitle{font-size:22px;line-height:28px;margin-top:6px;}
article.seminar.leaf > header .title-belt .title .info{font-weight:bold;font-size:15px;line-height:24px;overflow:hidden;margin-top:15px;}
article.seminar.leaf > header .title-belt .title .info .date-hall{float:left;}
article.seminar.leaf > header .title-belt .title .info .date-hall span{font-weight:normal;}
article.seminar.leaf > header .title-belt .title .info .host{float:right;}

article.seminar.leaf > header .title-belt .upper{background:#e9e9e9;}
article.seminar.leaf > header .title-belt .upper .property li em.theme{background:#194893;color:#fff;}

/*技術者塾用ヘッダー*/
article.seminar.leaf > header.juku .title-belt .upper{background:#f2c6c2;}
article.seminar.leaf > header.juku .title-belt .upper .property li em.theme{background:#194893;color:#fff;}
article.seminar.leaf > header.juku .title-belt .title{background:#d44033;color:#fff;}
article.seminar.leaf > header.juku .title-belt .title .shoulder{color:#fff;}
article.seminar.leaf > header.juku .title-belt .title h1{color:#fff;}

/*テーマセミナー用ヘッダー*/
article.seminar.leaf > header.theme .title-belt .upper{background:#d3e6f0;}
article.seminar.leaf > header.theme .title-belt .upper .property li em.theme{background:#194893;color:#fff;}
article.seminar.leaf > header.theme .title-belt .title{background:#2281b5;color:#fff;}
article.seminar.leaf > header.theme .title-belt .title .shoulder{color:#fff;}
article.seminar.leaf > header.theme .title-belt .title h1{color:#fff;}



/********************************/
/* 　　  セミナーリーフの記事Body用　　　　　*/
/********************************/

.seminar-body{font-size:18px;line-height:30px;}

.seminar-body > section{margin-top:30px;padding-top:20px;}
.seminar-body > section > h2{border-top:solid 5px #061a40;font-size:28px;line-height:36px;color:#061a40;padding-top:12px;margin-bottom:15px;}

.seminar-body .attention{color:#f55;text-align:center;margin:20px 0;}
.seminar-body .attention2{color:#f55;text-align:left;margin:20px 0;}


/*申し込みボタン*/
.seminar-body .application{margin:20px 0;}

.seminar-body .application .buttons{overflow:hidden;}
.seminar-body .application .buttons li{width:318px;margin-bottom:20px;margin-left:32px;float:left;}
.seminar-body .application .buttons li:nth-child(2n+1){margin-left:0;}
.seminar-body .application .buttons li > a,
.seminar-body .application .buttons li > span{display:block;width:278px;padding:20px 20px 16px 20px;text-align:center;font-weight:bold;font-size:22px;line-height:28px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.seminar-body .application .buttons li > .blue{background:#194893;color:#fff;}
.seminar-body .application .buttons li > .green{background:#059164;color:#fff;}
.seminar-body .application .buttons li > .orange{background:#e1750b;color:#fff;}
.seminar-body .application .buttons li > .gray{background:#e5e5e5;color:#333;font-weight:normal;font-size:18px;}
.seminar-body .application .buttons li > a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;text-decoration:none;}
.seminar-body .application .buttons li > a span{font-size:80%;}
.seminar-body .application .buttons li > p{font-size:14px;line-height:22px;text-align:center;font-weight:bold;margin:8px 0 2px 0;}

.seminar-body .application .button{margin-bottom:20px;}
.seminar-body .application .button > a,
.seminar-body .application .button > span{display:block;width:520px;margin-left:auto;margin-right:auto;padding:20px 20px;text-align:center;font-weight:bold;font-size:22px;line-height:28px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.seminar-body .application .button > .blue{background:#194893;color:#fff;}
.seminar-body .application .button > .green{background:#059164;color:#fff;}
.seminar-body .application .button > .orange{background:#e1750b;color:#fff;}
.seminar-body .application .button > .gray{background:#e5e5e5;color:#333;font-weight:normal;font-size:18px;}
.seminar-body .application .button > a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;text-decoration:none;}
.seminar-body .application .button > a span{font-size:80%;}

/*概要文*/
.seminar-body .abstract{margin:20px 0;padding-top:0 !important;border-top:none;}
.seminar-body .abstract > h2{margin:20px 0 12px 0;font-size:24px;line-height:36px;}
.seminar-body .abstract > h3{margin:20px 0 12px 0;font-size:20px;line-height:30px;}
.seminar-body .abstract > h4{margin:20px 0 12px 0;font-size:18px;line-height:26px;border-left:solid 4px #061a40;padding-left:14px;}
.seminar-body .abstract > p{margin-bottom:1em;}
.seminar-body .abstract > p.note{font-size:15px;line-height:24px;list-style-type:none;margin-left:5px;text-indent:-1em;padding-left:1em;}
.seminar-body .abstract > ul{margin:20px 0;}
.seminar-body .abstract > ul > li{margin-bottom:10px;list-style-type:disc;margin-left:20px;line-height:26px;}
.seminar-body .abstract > ul.notes{}
.seminar-body .abstract > ul.notes li{font-size:15px;line-height:24px;list-style-type:none;margin-left:5px;margin-bottom:5px;text-indent:-1em;padding-left:1em;}

/*囲み（受講効果用）*/
.seminar-body .abstract .box{border:solid 1px #dfe3e6;padding:15px 30px 18px 30px;}
.seminar-body .abstract .box h3{font-size:16px;line-height:24px;margin:4px 0 8px 0;}
.seminar-body .abstract .box h4{font-size:14px;line-height:18px;margin:10px 0 8px 0;border:none;padding-left:0;}
.seminar-body .abstract .box p{font-size:14px;line-height:1.618;margin-bottom:8px;}
.seminar-body .abstract .box ul{}
.seminar-body .abstract .box ul li{font-size:14px;line-height:1.414;margin-top:6px;text-indent:-17px;padding-left:17px;}
.seminar-body .abstract .box ul li:before{content:'●';font-size:13px;margin-right:4px;}

/*囲み2*/
.seminar-body .abstract .box2{margin:20px 0;padding:15px 30px;font-size:16px;line-height:1.618;background:#f1f1f1;}
.seminar-body .abstract .box2 h3{font-size:16px;line-height:24px;margin:4px 0 8px 0;}
.seminar-body .abstract .box2 h4{font-size:14px;line-height:18px;margin:10px 0 8px 0;border:none;padding-left:0;}
.seminar-body .abstract .box2 p{margin-top:0.5em;margin-bottom:0;}
.seminar-body .abstract .box2 p:first-child{margin-top:0;}
.seminar-body .abstract .box2 ul{margin:10px 0;}
.seminar-body .abstract .box2 ul li{margin-left:20px;font-size:15px;line-height:1.414;margin-top:4px;list-style-type:circle;}

/*講師紹介*/
.seminar-body section.speaker{}
.seminar-body section.speaker .profile{border:solid 1px #dfe3e6;padding:20px 25px;margin:20px 0;}
.seminar-body section.speaker .profile .head{}
.seminar-body section.speaker .profile .head p{font-size:16px;line-height:24px;font-weight:bold;margin-bottom:0;}
.seminar-body section.speaker .profile .head p.name{margin-bottom:3px;}
.seminar-body section.speaker .profile .head p.name .kana{font-size:80%;font-weight:normal;}
.seminar-body section.speaker .profile .head p.position{font-size:15px;line-height:22px;font-weight:normal;}
.seminar-body section.speaker .profile .content{margin-top:10px;overflow:hidden;}
.seminar-body section.speaker .profile .content .photo{width:120px;float:left;margin:3px 20px 6px 0;}
.seminar-body section.speaker .profile .content .photo img{vertical-align:bottom;}
.seminar-body section.speaker .profile .content .text{}
.seminar-body section.speaker .profile .content .text p{font-size:15px;line-height:24px;margin-bottom:0;}

/*概要*/
.seminar-body section.outline{}
.seminar-body section.outline table{}
.seminar-body section.outline table th,
.seminar-body section.outline table td{padding:2px 0;font-size:18px;line-height:26px;vertical-align:top;}
.seminar-body section.outline table th{font-weight:normal;white-space:nowrap;}
.seminar-body section.outline table td{padding-left:12px;}

/*受講料*/
.seminar-body section.fee{}
.seminar-body section.fee p{}
.seminar-body section.fee ul{margin:20px 0;}
.seminar-body section.fee ul li{}

.seminar-body section.fee ul.price li{font-weight:bold;}
.seminar-body section.fee ul.price li em{font-weight:bold;color:#e10000;padding:0 3px;}

.seminar-body section.fee .with-book{overflow:hidden;}
.seminar-body section.fee .with-book .image{float:right;margin:0 0 10px 20px;}
.seminar-body section.fee .with-book .image img{border:solid 1px #ccc;}

.seminar-body section.fee dl{margin:20px 0;font-size:15px;line-height:24px;}
.seminar-body section.fee dt{font-weight:bold;}
.seminar-body section.fee dd{margin-bottom:6px;padding-left:1em;}

.seminar-body section.fee ul.notes{}
.seminar-body section.fee ul.notes li{font-size:14px;line-height:20px;padding-left:1em;text-indent:-1em;margin-bottom:4px;font-weight:normal;}


/*プログラム詳細*/
.seminar-body section.program{}
.seminar-body section.program .block{margin:40px 0;}
.seminar-body section.program .block .head{margin-bottom:10px;padding:20px 0 20px 0;border-top:dashed 1px #bbb;border-bottom:dashed 1px #bbb;}
.seminar-body section.program .block .head p{font-size:18px;line-height:26px;margin-top:15px;margin-bottom:0;}
.seminar-body section.program .block .head p:first-child{margin-top:3px;}
.seminar-body section.program .block .head p *{vertical-align:middle;}
.seminar-body section.program .block .head p em{font-weight:bold;font-size:28px;margin-right:5px;}

.seminar-body section.program .timeframe{margin:20px 0;}
.seminar-body section.program .timeframe .time{font-weight:bold;margin-bottom:10px;}

.seminar-body section.program .session{margin:15px 0;}
.seminar-body section.program .session .shoulder{font-weight:bold;font-size:18px;margin-bottom:12px;}
.seminar-body section.program .session h3{font-size:20px;line-height:28px;border-left:solid 4px #10418f;padding-left:20px;margin-top:10px;margin-bottom:10px;}
.seminar-body section.program .session h3 .subtitle{display:block;font-size:15px;line-height:20px;margin:2px 0;}

.seminar-body section.program .session .speaker{overflow:hidden;padding-left:25px;margin:10px 0;}
.seminar-body section.program .session .speaker p{margin:0;}
.seminar-body section.program .session .speaker .photo{float:left;width:80px;margin-right:20px;}
.seminar-body section.program .session .speaker .photo img{width:80px;height:auto;}
.seminar-body section.program .session .speaker .name{margin-bottom:4px;font-weight:bold;}
.seminar-body section.program .session .speaker .position{line-height:24px;}

.seminar-body section.program .button{padding-left:25px;margin:10px 0;}
.seminar-body section.program .button a{display:inline-block;background:#10418f;color:#fff;font-size:14px;line-height:26px;font-weight:bold;padding:1px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.seminar-body section.program .button a:hover{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}

.seminar-body section.program .session .content{padding-left:25px;}
.seminar-body section.program .session .content p{margin-bottom:0;}
.seminar-body section.program .session .content h4{border-left:none;padding-left:0;margin:16px 0 6px 0;font-size:16px;line-height:22px;}
.seminar-body section.program .session .content h5{border-left:none;padding-left:0;margin:12px 0 6px 0;font-size:14px;line-height:20px;}

.seminar-body section.program .session .content .box{background:#eee;padding:12px 20px;margin:10px 0 20px 0;}
.seminar-body section.program .session .content .box h4{font-size:16px;line-height:24px;margin:5px 0;border-left:none;padding-left:0;}
.seminar-body section.program .session .content .box p{font-size:15px;line-height:24px;margin-top:5px;margin-bottom:5px;}
.seminar-body section.program .session .content .box ul{margin:8px 0;}
.seminar-body section.program .session .content .box ul li{font-size:14px;line-height:20px;margin-top:3px;list-style-type:disc;margin-left:16px;}

.seminar-body section.program .session .content .box2{border:solid 1px #ddd;padding:12px 20px;margin:10px 0 20px 0;}
.seminar-body section.program .session .content .box2 h4{font-size:16px;line-height:24px;margin:5px 0;border-left:none;padding-left:0;}
.seminar-body section.program .session .content .box2 p{font-size:15px;line-height:24px;}
.seminar-body section.program .session .content .box2 ul{margin:8px 0;}
.seminar-body section.program .session .content .box2 ul li{font-size:14px;line-height:20px;margin-top:3px;list-style-type:disc;margin-left:16px;}

.seminar-body section.program .break{border-top:dotted 1px #bbb;border-bottom:dotted 1px #bbb;padding:8px 0;margin:20px 0;}
.seminar-body section.program .break p{text-align:center;font-size:18px;line-height:30px;margin:0;}
.seminar-body section.program .break p *{vertical-align:middle;}
.seminar-body section.program .break p .time{font-size:80%;font-weight:normal;}

.seminar-body section.program .notes{margin:20px 0;}
.seminar-body section.program .notes li{padding-left:1em;text-indent:-1em;font-size:14px;line-height:20px;margin-bottom:4px;}


/*申し込み注意事項*/
.seminar-body .application-notes{margin:20px 0 50px 0;}
.seminar-body .application-notes p{padding-left:1em;margin-bottom:10px;font-size:16px;line-height:26px;}
.seminar-body .application-notes dl{}
.seminar-body .application-notes dl dt{font-weight:bold;font-size:16px;}
.seminar-body .application-notes dl dd{padding-left:1em;margin-bottom:10px;font-size:16px;line-height:26px;}



/********************************/
/* 　　  旧セミナーリーフの記事Body用　　　*/
/********************************/

#seminar_leaf{font-size:18px;line-height:30px;}
#seminar_leaf h3{border-top:solid 5px #061a40;font-size:28px;line-height:36px;color:#061a40;padding-top:12px;margin-bottom:15px;}
#seminar_leaf a{text-decoration:underline;}

#seminar_leaf .seminar_application{margin:10px 0 30px 0;}
#seminar_leaf .seminar_application ul{padding:0 0 0 0;margin:0;overflow:hidden;}
#seminar_leaf .seminar_application ul li{margin-left:20px;padding:0;background:none;float:left;}
#seminar_leaf .seminar_application ul li:first-child{margin-left:0;}
#seminar_leaf .seminar_application ul li p{margin:0;padding:5px 0 0 0;font-size:13px;font-weight:bold;text-align:center;}

#seminar_leaf .seminar_application a.btn{display:block;width:278px;padding:20px 20px 16px 20px;text-align:center;font-weight:bold;font-size:22px;line-height:28px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;text-decoration:none;text-align:center;}
#seminar_leaf .seminar_application a:hover.btn{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

#seminar_leaf .seminar_application ul.two_buttons a.btn{}
#seminar_leaf .seminar_application ul.two_buttons a.ippan{background:#059164;color:#fff;}
#seminar_leaf .seminar_application ul.two_buttons a.dokusya{background:#e1750b;color:#fff;}
#seminar_leaf .seminar_application ul.two_buttons a.blue{background:#194893;color:#fff;}
#seminar_leaf .seminar_application ul.two_buttons a.btn strong{font-size:24px;padding-right:2px;letter-spacing:1px;}

#seminar_leaf .seminar_application ul.four_buttons a.btn{height:25px;padding-top:11px;font-size:16px;line-height:1.0;}
#seminar_leaf .seminar_application ul.four_buttons a.ippan{background:#059164;color:#fff;}
#seminar_leaf .seminar_application ul.four_buttons a.dokusya{background:#e1750b;color:#fff;}

#seminar_leaf .seminar_application ul.multi_buttons1{margin-top:8px;width:500px;margin-left:auto;margin-right:auto;}
#seminar_leaf .seminar_application ul.multi_buttons1 li{margin-bottom:8px;}
#seminar_leaf .seminar_application ul.multi_buttons1 a.btn{height:25px;padding-top:11px;font-size:16px;line-height:1.0;}
#seminar_leaf .seminar_application ul.multi_buttons1 a.ippan{background:#059164;color:#fff;}
#seminar_leaf .seminar_application ul.multi_buttons1 a.dokusya{background:#e1750b;color:#fff;}

#seminar_leaf .seminar_application p.one_button a{display:block;width:360px;margin-left:auto;margin-right:auto;padding:20px 20px;text-align:center;font-weight:bold;font-size:22px;line-height:28px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;background:#059164;color:#fff;margin:auto;}
#seminar_leaf p.end{width:255px !important;margin-left:auto !important;margin-right:auto !important;height:37px !important;padding-top:15px !important;font-size:15px !important;text-align:center !important;background:#e5e5e5;color:#333;font-weight:normal;font-size:18px;margin-bottom:12px;}
#seminar_leaf p.endnote{font-size:15px !important;text-align:center !important;color:#dc143c !important;line-height:1.4 !important;margin-top:0;margin-bottom:16px !important;}

#seminar_leaf #seminar_abstract{}
#seminar_leaf #seminar_abstract p{font-size:18px;line-height:30px;margin-bottom:1em;}

#seminar_leaf #seminar_abstract .kakomi{border:solid 1px #dfe3e6;padding:18px 30px;}
#seminar_leaf #seminar_abstract .kakomi h4{font-size:16px;line-height:20px;margin-bottom:8px;}
#seminar_leaf #seminar_abstract .kakomi p{font-size:14px;line-height:22px;margin-bottom:8px;}
#seminar_leaf #seminar_abstract .kakomi p.note{margin-top:0.75em; font-size:84%;}
#seminar_leaf #seminar_abstract .kakomi h5{font-size:16px;line-height:20px;margin-bottom:8px;}
#seminar_leaf #seminar_abstract .kakomi ul{margin-top:10px;}
#seminar_leaf #seminar_abstract .kakomi ul li{margin-left:20px;font-size:15px;line-height:22px;margin-top:4px;list-style-type:disc;}

#seminar_leaf #seminar_outline table{}
#seminar_leaf #seminar_outline table th,
#seminar_leaf #seminar_outline td{padding:2px 0;font-size:18px;line-height:26px;vertical-align:top;}
#seminar_leaf #seminar_outline th{font-weight:normal;white-space:nowrap;}
#seminar_leaf #seminar_outline td{padding-left:12px;}

#seminar_leaf .section{margin-top:40px;}
#seminar_leaf ul.fee{margin:20px 0;}
#seminar_leaf ul.fee li{}
#seminar_leaf ul.fee li .head{font-weight:bold;}
#seminar_leaf ul.fee li .head strong{}
#seminar_leaf ul.fee li .price{font-weight:bold;color:#e10000;padding:0 3px;}

#seminar_leaf .with_book{overflow:hidden;margin-top:20px;}
#seminar_leaf .with_book p.image{width:145px;float:right;padding-left:10px;}
#seminar_leaf .with_book p.image img{max-width:135px;border:solid 1px #ccc;}
#seminar_leaf .with_book div.text{padding-left:12px;}
#seminar_leaf .with_book div.text p{margin-bottom:12px;padding:0;}
#seminar_leaf .with_book div.text ul.fee{padding:0;}
#seminar_leaf .with_book div.text ul.fee li{}

#seminar_leaf ul#fee_notes1{margin:20px 0;font-size:15px;line-height:24px;}
#seminar_leaf ul#fee_notes1 li{margin-bottom:6px;text-indent:-1em;padding-left:1em;}
#seminar_leaf ul#fee_notes1 li .mss{font-weight:bold;}

#seminar_leaf ul#fee_notes2{}
#seminar_leaf ul#fee_notes2 li{font-size:14px;line-height:20px;padding-left:1em;text-indent:-1em;margin-bottom:4px;}

#seminar_leaf .speaker_profile{border:solid 1px #dfe3e6;padding:20px 25px;margin:20px 0;}
#seminar_leaf .speaker_profile .head{margin-bottom:10px;}
#seminar_leaf .speaker_profile .head h4.name{margin:0;padding:0;border:none;font-size:16px;line-height:24px;font-weight:bold;}
#seminar_leaf .speaker_profile .head h4.name .kana{padding-left:4px;font-size:80%;font-weight:normal;color:#555;}
#seminar_leaf .speaker_profile .head p.position{margin:0;padding:0;font-size:15px;line-height:22px;font-weight:normal;}

#seminar_leaf .speaker_profile .body{overflow:hidden;}
#seminar_leaf .speaker_profile .body p.photo{margin:0;padding:0;width:90px;padding-left:5px;float:left;}
#seminar_leaf .speaker_profile .body div.content{width:500px;float:right;}
#seminar_leaf .speaker_profile .body div.content.no_photo{width:470px;float:none;}
#seminar_leaf .speaker_profile .body div.content p{font-size:15px;line-height:24px;}

#seminar_leaf #seminar_program .block{margin-top:40px;}
#seminar_leaf #seminar_program .timeframe{margin:20px 0;}

#seminar_leaf #seminar_program .timeframe .head{margin-bottom:20px;padding:20px 0 20px 0 !important;border-top:dashed 1px #bbb;border-bottom:dashed 1px #bbb;}
#seminar_leaf #seminar_program .timeframe .head p{font-size:18px;line-height:26px;margin-top:15px;}
#seminar_leaf #seminar_program .timeframe .head p:first-child{margin-top:3px;}
#seminar_leaf #seminar_program .timeframe .head p *{vertical-align:middle;}

#seminar_leaf #seminar_program .timeframe p.time{font-weight:bold;}

#seminar_leaf #seminar_program .timeframe .session{margin:15px 0;}
#seminar_leaf #seminar_program .timeframe .session h4.title{font-size:20px;line-height:28px;border-left:solid 4px #10418f;padding-left:20px;margin-top:10px;margin-bottom:10px;}
#seminar_leaf #seminar_program .timeframe .session h4.title .shoulder{display:block;font-size:15px;line-height:20px;margin:2px 0;}

#seminar_leaf #seminar_program .timeframe .session .speaker{overflow:hidden;padding-left:25px;margin:10px 0;}
#seminar_leaf #seminar_program .timeframe .session .speaker p.position{line-height:24px;margin-bottom:3px;}
#seminar_leaf #seminar_program .timeframe .session .speaker p.name{margin-bottom:4px;font-weight:bold;}
#seminar_leaf #seminar_program .timeframe .session .speaker p img{float:left;width:80px;margin-right:20px;}
#seminar_leaf #seminar_program .timeframe .session .speaker ul{padding:0;margin:0;} /* 1セッションに複数の講演者がいる場合。*/
#seminar_leaf #seminar_program .timeframe .session .speaker ul li{padding:0;margin:0;margin-bottom:7px;background:none;}

#seminar_leaf #seminar_program .timeframe .session .abstract{padding-left:25px;}
#seminar_leaf #seminar_program .timeframe .session .abstract h5{}
#seminar_leaf #seminar_program .timeframe .session .abstract ul{}
#seminar_leaf #seminar_program .timeframe .session .abstract ul li{}
#seminar_leaf #seminar_program .timeframe .session .abstract p{}

#seminar_leaf #seminar_program .timeframe .session .profile{background:#eee;padding:10px 20px;margin:10px 0 20px 0;}
#seminar_leaf #seminar_program .timeframe .session .profile h4{font-size:16px;line-height:24px;margin-bottom:3px;}
#seminar_leaf #seminar_program .timeframe .session .profile p{font-size:15px;line-height:24px;margin-bottom:0;}
#seminar_leaf #seminar_program .timeframe .session .profile ul{margin:8px 0;}
#seminar_leaf #seminar_program .timeframe .session .profile ul li{font-size:14px;line-height:20px;margin-top:3px;list-style-type:disc;margin-left:16px;}

#seminar_leaf #seminar_program .timeframe .session .box2{border:solid 1px #ddd;padding:10px 20px;margin:10px 0 20px 0;}
#seminar_leaf #seminar_program .timeframe .session .box2 h4{font-size:16px;line-height:24px;margin-bottom:3px;}
#seminar_leaf #seminar_program .timeframe .session .box2 p{font-size:15px;line-height:24px;margin-bottom:0;}
#seminar_leaf #seminar_program .timeframe .session .box2 ul{margin:8px 0;}
#seminar_leaf #seminar_program .timeframe .session .box2 ul li{font-size:14px;line-height:20px;margin-top:3px;list-style-type:disc;margin-left:16px;}

#seminar_leaf #seminar_program .timeframe.break{border-top:dotted 1px #bbb;border-bottom:dotted 1px #bbb;padding:8px 0;margin:20px 0;}
#seminar_leaf #seminar_program .timeframe.break p{text-align:center;font-size:18px;line-height:28px;margin-bottom:0;}
#seminar_leaf #seminar_program .timeframe.break p *{vertical-align:middle;}
#seminar_leaf #seminar_program .timeframe.break p .time{font-size:80%;}

#seminar_leaf #seminar_program .program_notes{}
#seminar_leaf #seminar_program .program_notes ul{}
#seminar_leaf #seminar_program .program_notes ul li{padding-left:1em;text-indent:-1em;font-size:14px;line-height:20px;margin-bottom:4px;}

#seminar_leaf #seminar_application_notes{margin:20px 0 50px 0;}
#seminar_leaf #seminar_application_notes dt{font-weight:bold;font-size:16px;margin-top:10px;}
#seminar_leaf #seminar_application_notes dt .mss{font-size:9px;padding-right:6px;}
#seminar_leaf #seminar_application_notes dd{padding-left:1em;margin-bottom:0px;font-size:16px;line-height:26px;}





/********************************/
/* 　　　　　　  書籍リーフ用　　　　　　　　　*/
/********************************/

article.books.leaf > header .title h1{padding-top:10px;}
article.books.leaf > header .title .parent + h1{padding-top:0;}


/********************************/
/*　　  書籍リーフの記事Body用　　　　　　　*/
/********************************/

.book-body{font-size:18px;line-height:30px;color:#333;margin-bottom:50px;}

.book-body .bookInfo{overflow:hidden;margin-bottom:20px;}
.book-body .bookInfo .bpimage_left{width:240px !important;float:left;margin-right:38px;}
.book-body .bookInfo .bpimage_image{margin-top:2px;}
.book-body .bookInfo .bpimage_image img{width:238px !important;height:auto !important;border:solid 1px #b3bbc2;vertical-align:bottom;}
.book-body .bookInfo p{font-size:16px;line-height:24px;}
.book-body .bookInfo .catch{width:390px;float:right;font-size:22px;line-height:30px;font-weight:bold;color:#061a40;margin-bottom:12px;}
.book-body .bookInfo .s_text{width:390px;float:right;border-top:solid 1px #dfe3e6;margin-top:12px;padding-top:15px;}

.book-body .bookInfo .bookDetailBtn{width:390px;float:right;margin-top:15px;}
.book-body .bookInfo .bookDetailBtn a{display:block;background:#194893;width:130px;padding:8px 0;margin-bottom:10px;text-align:center;color:#fff;font-size:14px;line-height:22px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.book-body .bookInfo .bookDetailBtn a:hover{text-decoration:none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.book-body .priceBox{clear:both;margin:10px 0;}
.book-body .priceBox > ul{}
.book-body .priceBox > ul > li{border-bottom:solid 1px #dfe3e6;padding:15px 0;position:relative;overflow:hidden;}
.book-body .priceBox > ul > li *{vertical-align:middle;}
.book-body .priceBox > ul > li .type{}
.book-body .priceBox > ul > li .type span{display:inline-block;background:#f0f0f0;font-size:14px;line-height:18px;padding:4px 10px;}
.book-body .priceBox > ul > li .price{float:left;color:#e10000;font-weight:bold;}
.book-body .priceBox > ul > li .price span{color:#333;font-weight:normal;margin:0 2px;}
.book-body .priceBox > ul > li .info{font-size:12px;clear:both;}
.book-body .priceBox > ul > li br{}

.book-body .priceBox > ul > li .btn_normal{float:right;}
.book-body .priceBox > ul > li .btn_normal a{display:block;background:#029fd2;width:200px;padding:8px 0;margin-bottom:10px;text-align:center;color:#fff;font-size:16px;line-height:22px;font-weight:bold;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.book-body .priceBox > ul > li .btn_normal a:hover{text-decoration:none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.book-body .priceBox > ul > li .btn_reader{float:right;}
.book-body .priceBox > ul > li .btn_reader a{display:block;background:#f36e02;width:200px;padding:8px 0;margin-bottom:10px;text-align:center;color:#fff;font-size:16px;line-height:22px;font-weight:bold;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.book-body .priceBox > ul > li .btn_reader a:hover{text-decoration:none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.book-body .priceBox > ul > li .btn_reader a span{}

.book-body .priceBox > ul > li .btn_amazon{float:right;}
.book-body .priceBox > ul > li .btn_amazon a{display:block;background:#194893;width:200px;padding:8px 0;margin-bottom:10px;text-align:center;color:#fff;font-size:16px;line-height:22px;font-weight:bold;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.book-body .priceBox > ul > li .btn_amazon a:hover{text-decoration:none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.book-body .priceBox > ul > li .btn_amazon a span{}

.book-body .priceBox > ul.border{border-top:solid 1px #dfe3e6;}

.book-body .priceBox > ul.special{border:solid 1px #e42b2b;background:#fff9f9;padding:5px 30px;}
.book-body .priceBox > ul.special > li .price{margin-bottom:0;}
.book-body .priceBox > ul.special > li .btn_normal{float:none;position:absolute;right:0;top:30px;}
.book-body .priceBox > ul.special > li .btn_reader{float:none;position:absolute;right:0;top:30px;}
.book-body .priceBox > ul.special li:last-child{border-bottom:none;}

.book-body .bplead{font-weight:bold;margin:20px 0 30px 0;}

.book-body .bpprofile{margin:30px 0;border:solid 1px #dfe3e6;padding:18px 26px;}
.book-body .bpprofile h4{font-size:16px;line-height:24px;color:#10418f;margin:0 0 10px 0;padding:0;border:none;}
.book-body .bpprofile .bpprofile_profile{font-size:16px;line-height:24px;font-weight:bold;}
.book-body .bpprofile .bpprofile_name{}
.book-body .bpprofile .bpprofile_position{}
.book-body .bpprofile .bpprofile_text{margin-top:8px;font-size:16px;line-height:25px;color:#333;}

.book-body h3{font-size:26px;line-height:36px;color:#003559;margin-top:30px;}
.book-body h3 a{text-decoration:underline;}
.book-body h3 a:hover{text-decoration:underline;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.book-body .bpbox2{font-size:16px;line-height:28px;margin:30px 0;border-left:solid 4px #10418f;border-top:none;padding:0 0 0 25px;}
.book-body .bpbox2 .bpbox_title{font-size:20px;line-height:28px;font-weight:bold;color:#003559;border:none;padding:0;}


article.books.leaf .list-K li:nth-child(1),
article.books.leaf .list-K li:nth-child(2){border-top:none;padding-top:0;}

article.books.leaf .list-ES li:nth-child(1),
article.books.leaf .list-ES li:nth-child(2){border-top:none;padding-top:0;}

article.books.leaf .list-D:not(.ad){margin-bottom:50px;}
article.books.leaf .list-D:not(.ad) li:nth-child(1),
article.books.leaf .list-D:not(.ad) li:nth-child(2){border-top:none;padding-top:0;}
article.books.leaf .list-D:not(.ad) li:nth-child(3),
article.books.leaf .list-D:not(.ad) li:nth-child(4){border-bottom:solid 1px #dfe3e6;}




/********************************/
/* 　　　　　　  PR企業リーフ用　　　　　　　　*/
/********************************/

article.leaf.pr .pr-leaf-button{width:400px;margin:50px auto;}
article.leaf.pr .pr-leaf-button a{display:block;background:#194893;color:#fff;text-align:center;font-size:16px;line-height:22px;font-weight:bold;padding:18px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
article.leaf.pr .pr-leaf-button a:hover{background:#5e7fb3;text-decoration:none;}


article.leaf.pr .article-body .bpframe{padding:30px 40px;font-size:16px;line-height:24px;}
article.leaf.pr .article-body .bpframe h4{padding:0;margin:0 0 15px 0;color:#333;font-size:20px;line-height:26px;border-left:none;}
article.leaf.pr .article-body .bpframe a{font-weight:normal;}



article.leaf.pr .companyleaf-links{margin:40px 0;}
article.leaf.pr .companyleaf-links h2{margin-bottom:20px;font-size:26px;line-height:36px;color:#003559;}
article.leaf.pr .companyleaf-links ul{}
article.leaf.pr .companyleaf-links ul li{margin-bottom:18px;font-size:16px;color:#194893;font-weight:bold;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:20px;}
article.leaf.pr .companyleaf-links ul li a{}
article.leaf.pr .companyleaf-links ul li .pubdate{display:block;margin-top:3px;font-size:12px;color:#5b6b79;font-weight:normal;}
article.leaf.pr .companyleaf-links .to-index{border-top:solid 1px #dfe3e6;padding:10px 0;text-align:right;}
article.leaf.pr .companyleaf-links .to-index a{font-size:14px;background:url(/images/n/techon/2016/bullet1.png) left 6px no-repeat;padding-left:12px;}