@charset "utf-8";

/*
ver: 2015.12.21.01
memo: トップ記事画像サイズ調整

ver: 2015.12.08.01

ver: 2015.12.07.01
memo: 右カラムバナー追加

ver: 2015.12.06.01
memo: 連載一覧　画像サイズ調整

ver: 2015.12.01.01
memo: TOPページ下　連載一覧レイアウト変更
*/

/* 共通
---------------------------------------- */
body {
	 color: #000000;
	 text-align: center;
	 background: #f2f1ef;
	 font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic";
	 font-size: 100%;
	 line-height: 1.4;
	 width:100%;
	 min-width:1080px;
	 overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6 {
	line-height:100%;
}

*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ul { list-style:none;}

a {
	color: #000;
	text-decoration: none;
}

a.opa img:hover, a.opa img:focus, a.opa img:active {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a:visited {
  color: #000;
}

.bg-focus li a:hover { background-color:#e6e6e6; }

.clr:after { /* clearfix */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
hr.clr { border:none; clear:both;}
/* IE7 Hack*/
*:first-child+html .clr {
	display: inline-block;
}

/* header
---------------------------------------- */
header .header-wrap {}
header .header-inner {}
header .header-inner nav {}
header .header-inner nav:before { display:none;}
header .header-inner nav h1.logo a {}
ul#top-navi {}


header { height: 74px; position: relative; }
header .header-wrap { width: 100%; color: #1387b6; text-align: left; background: url("/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/img_giza1.png") repeat-x bottom; z-index: 3; position: absolute; top: 0; padding:0 0 4px 0;height:auto;}
header .header-inner { width: 100%; background-color: #192851; height:auto; padding:10px 0; }
header .header-inner nav { width: 1080px; margin: 0 auto; padding: 28px 0 0; padding-top:0;}
header .header-inner nav h1.logo { float: left; vertical-align:middle;height:50px;}
header .header-inner nav h1.logo a {background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/logo_business.png) no-repeat 0 55%;width:349px;height:50px;display:inline-block;text-indent:-9999px;position:relative;top:0;;z-index:1000;}
/*header .header-inner nav:before { content:''; display:block; height:35px; position:absolute;z-index:1;
   background: linear-gradient(to right, rgba(1, 27, 52, 0) 310px,rgba(1, 27, 52, 1) 540px, rgba(1, 27, 52, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); width:100%; top:0;
}*/
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
	header .header-inner nav h1.logo a {background-image:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/logo_business@2x.png);background-size:contain;}
}
.header-inner .share2 { width:700px; height:35px; float:right; padding:5px 20px; position:relative; z-index:100; margin-top:-28px;}
.header-inner .share2 li.tw {float:right;}
.header-inner .share2 li.fb {float:right;margin-left:40px;}
.header-inner .share2 li a {color:#FFF; display:inline-block; vertical-align:middle;}
.header-inner .share2 .tw a:first-child { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_tw.png) no-repeat 0% 50%; width:35px; height:30px; }
.header-inner .share2 .tw a:first-child { background:rgba(0,0,0,0) url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_tw@x2.png) no-repeat 0% 50%; width:25px; height:20px;background-size:80%; }
.header-inner .share2 .fb a:first-child { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_fb.png) no-repeat 50% 50%; width:30px; height:30px;}
.header-inner .share2 .fb a:first-child { background:rgba(0,0,0,0) url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_fb@x2.png) no-repeat 50% 50%; width:20px; height:20px;background-size:80%;}
.header-inner .share2 .tw .count, .share2 .fb .count { background:none; display:inline; }
.header-inner .share2 .gp,
.header-inner .share2 .hb {display:none;}

.header-inner .share3 {width:250px; margin-top:5px; float:right; padding:0 20px 0 0;}
.header-inner .share3 li {float:right; font-size:14px; color:#FFF;}
.header-inner .share3 li.tw {float:right;margin-left:15px;}
.header-inner .share3 li.fb {float:right;}
.header-inner .share3 li a {color:#FFF; display:inline-block; vertical-align:middle; text-indent:-9999px;}
.header-inner .share3 .tw a { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_tw.png) no-repeat 0% 50%; width:35px; height:30px; }
.header-inner .share3 .tw a { background:rgba(0,0,0,0) url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_tw@x2.png) no-repeat 0% 50%; width:25px; height:20px;background-size:80%; }
.header-inner .share3 .fb a { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_fb.png) no-repeat 50% 50%; width:30px; height:30px;}
.header-inner .share3 .fb a { background:rgba(0,0,0,0) url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_fb@x2.png) no-repeat 50% 50%; width:25px; height:20px;background-size:80%;}

.social-area .share2 { height:30px;}
.social-area .share2 li {float:left; list-style-type:none; margin-right: 10px; white-space:nowrap;}
.social-area .share2 li a { display:inline-block; margin-right:5px;}
.social-area .share2 .tw a:first-child,
.social-area .share2 .fb a:first-child,
.social-area .share2 .gp a:first-child,
.social-area .share2 .hb a:first-child { vertical-align:middle; background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/css/pc/business.css?20150714) no-repeat 50% 50%; width:20px; height:20px;background-size:contain;}
.social-area .share2 .tw a:first-child { background-image:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_tw20.png);}
.social-area .share2 .fb a:first-child { background-image:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_fb20.png);}
.social-area .share2 .gp a:first-child { background-image:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_gp20.png);}
.social-area .share2 .hb a:first-child { background-image:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/icon_sns_hb20.png);}
.social-area .share2 .count { background:none; display:inline;border:1px solid #CCC; border-radius:3px; padding:3px 5px; font-size:12px; position:relative; color:#666; background:#FFF;}
.social-area .share2 .count:after,
.social-area .share2 .count:before { content: ""; position: absolute; height: 0; width: 0; }
.social-area .share2 .count:after { top: 4px; left: -9px; border: 5px solid transparent; border-right: 5px solid #FFF; }
.social-area .share2 .count:before { top: 4px; left: -10px; border: 5px solid transparent; border-right: 5px solid #CCC; }


/*   top-navi  */
ul#top-navi { font-size: 15px; float: right; margin-top:15px;}
ul#top-navi li { display: inline-block; float: left; margin-left: 12px; }
ul#top-navi li a { color: #fff; text-decoration: none; padding: 10px 15px 0px; display: block; }
ul#top-navi li a:hover { text-decoration: underline; }
ul#top-navi li a.menu {outline:none; background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/img_mark01.png) no-repeat 100% 70%; margin-right:10px; }


/*   slide-navi  */
.slide-navi { margin-top:-60px; width: 100%; text-align: left; padding-bottom: 4px; background: url("/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/img_giza5.png") repeat-x bottom; z-index: 2; position: relative;}
.slide-navi .navi-wrap { width: 100%; background: #0b162a; padding: 17px 0 12px}
.slide-navi .navi-inner { width: 1080px; margin: 0 auto; }
.slide-navi .title { float: left; color: #fff; }
.slide-navi .title img { vertical-align: middle; margin-right: 10px; }
.slide-navi .close { }
.slide-navi .close a { float: right; color: #fff; display: block; width: 80px; background: url("/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/img_topnavi02.png") no-repeat 53px 2px; }
.slide-navi ul { display: block; width: 950px; margin: 0 auto; font-size: 14px; }
.slide-navi ul li { float: left; display: block; margin-right: 3%; text-align: center; }
.slide-navi ul li a { text-decoration: none; color: #f2c232; }
.slide-navi ul li a:hover { text-decoration: underline; }

/*   article-wrap  */
#article-wrap  { margin:-8px auto 0; background: #f2f1ef; position: relative; z-index: 1; }

/* Fallbacks */
.no-csstransforms .slide { position: static; }
.no-csstransforms .article-wrap  ul.sub-navi { display: none; }
.no-csstransforms .article-wrap .active ul.sub-navi { display: block;}

/* article
---------------------------------------- */
#article-wrap { width: 100%;}

/* container
---------------------------------------- */
.container { width: 1080px; margin: 3px auto;  padding-bottom: 40px;}

/* main-colum
---------------------------------------- */
.main-column { width: 750px; float: left; text-align: left;}

/*  第１記事  */
.topics01 { margin-bottom: 34px; width: 750px; height: 410px; position: relative; overflow:hidden;background:#000;}
.topics01 .thum-img { background: #000; height: 100%; }
.topics01 .thum-img img { width: 100%; }
.topics01 .overlay { position: absolute; top:0; width: 99%; height: 410px; padding: 0 0 0 20px;  z-index: 1 ; line-height: 1.2;}
.topics01 a:nth-child(1) .overlay { top: 160px;width:100%;}
.topics01 .overlay.on { background: none}
.topics01 .text-box { max-height:410px;position: absolute;bottom:0;}
.topics01 .title { font-size: 24px; font-weight: bold; display: block; letter-spacing: 0.2px;}
.topics01 .name { font-size: 14px; margin-top: 10px;}
.topics01 .lead { font-size: 16px; margin-top: 10px; line-height: 150%; opacity:0;min-height:160px;max-height:160px;overflow:hidden;}
.topics01 a { color: #fff; }
.topics01 a:hover * { text-decoration: underline\9;}
.img-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0 ; background: url("/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/t.png")}

.topics01 .overlay-back {background: url("/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/bg_topics01_title.png") 0 100% repeat-x;position:absolute;top:0;width:100%;height:410px;}
.topics01 .overlay-back {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.9) 95%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/*   第２記事  */
.topics02 { margin-bottom: 39px; font-size: 88%; }
.topics02 .topics02-01 a { display: block; width: 490px; float: left; }
.topics02 .topics02-01 p { line-height: 1.3;margin-bottom:0;}
.topics02 .topics02-01 .title { font-weight: bold; padding: 8px 0 5px; font-size: 18px;}
.topics02 .topics02-01 .name { font-size: 13px; padding-bottom: 5px;}
.topics02 .thum-img { position:relative; width: 490px; height: 275px; overflow: hidden;}
.topics02 .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.topics02 .thum-img img { width: 100%; }

/*   第２記事  注目ニュース */
.topics02 .pickup { width: 238px; float: right;  }
.topics02 .pickup h3.news { border-bottom: #e7e4dd  3px solid; padding-bottom: 8px; color: #172c59 }
.topics02 .pickup ul { list-style: none; margin-bottom: 13px }
.topics02 .pickup ul li a { display:block; border-bottom: #e7e4dd  1px solid; padding: 11px 8px }
.topics02 .pickup ul li a.nobar { border-bottom: none; }
.topics02 .pickup ul li.sponsor { background-color:#fff; font-size: 13px }
.topics02 .pickup ul li.sponsor .s-link { padding: 10px 13px ; }
.topics02 .pickup ul li.sponsor .s-link span.name { font-size: 11px; color: #705c5b;}
.topics02 .pickup ul li.sponsor .s-link span.name:hover { text-decoration: none; }
.topics02 .pickup ul li h3.prompt { margin-bottom: 10px;  }

/*   第３記事  */
.topics03 { background-color: #192851; padding: 10px; margin-bottom: 40px; position:relative;}
.topics03 .thum-img { background: #000; width: 378px; height: 214px; float: left; overflow: hidden; position: relative; }
.topics03 .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.topics03 img { width: 100%; }

.topics03 .topics-lists { font-size: 13px; line-height: 1.5; }
.topics03 .topics-lists { display: block; width:352px; height: 214px; padding: 10px 10px 15px 15px;  float: left; background-color: #0b162a; overflow:hidden;}
.topics03 .topics-lists a { display: block;border-bottom:1px solid #666; padding:10px 0; z-index:1000; position: relative;}
.topics03 .topics-lists a:hover * { text-decoration: underline\9;}/*background: #0f1e39;*/
.topics03 .topics-lists h4 { font-size: 22px; margin-bottom: 5px; color: #f4c432; }
.topics03 .topics-lists p { color: #fff; }
.topics03 .topics-lists .title {font-weight:bold;}
.topics03 .topics-lists .subtitle,
.topics03 .topics-lists .name {display:inline-block;color:#CCC;}
.topics03 .topics-lists .name:before {content:'／';}
.topics03 .topics-lists .lead {display:none;}
.topics03 .overlay {overflow:hidden; width:378px; height:216px;position: absolute;}
.topics03 .overlay .lead{position: absolute; top:0px; left:378px; width:378px;height:216px;padding:15px;color: #FFF; font-size:14px;}/*background: rgba(0,0,0,0.8);*/
.topics03 .topics-lists li {position:relative;overflow: hidden;}
.topics03 .topics-lists li .textback {position:absolute;top:0; left:352px;width:100%;z-index:10;}/*background: rgba(255,255,255,0.2);*/


/*  最新記事  */
.new-list { width: 750px; text-align: left; margin-bottom: 20px; }
.new-list h3 { font-size: 20px; margin-bottom: 15px; color: #001242; }
.new-list ul { width: 765px; overflow: hidden; padding :0; list-style: none; _zoom: 1;}
.new-list ul li {position: relative; width:250px; float: left;}
.new-list ul li a { display: block; width: 236px; height: 215px; margin-bottom:10px; font-size: 15px; line-height: 1.2 }
.new-list ul li a:hover * {text-decoration: underline\9;}
.new-list ul li .thum-img {border: #ddd  1px solid; background: #000;position: relative; overflow: hidden; height: 133px; width: 236px;}
.new-list ul li .thum-img:before {content:''; position:absolute; width:235px; height:133px;}
.new-list ul li img { position:relative; display:block;background: #000; width: 100%;}

.new-list ul li p { margin: 0; padding: 6px 0 0; line-height: 1.2 }
.new-list ul li .overlay {position:relative;}
.new-list ul li .title { font-weight: bold; /*height: 20px;*/ display: block;}
.new-list ul li .subtitle,
.new-list ul li .name {  font-size: 12px; color: #7C7C7C ; font-weight: normal; display: inline-block;}
.new-list ul li .name:before { content:'／';}
.new-list ul li .lead { opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
.new-list .more { text-align: right; font-size: 12px;}
.new-list .more a { color: #7C7C7C }
.new-list .more a:hover {  background: none; text-decoration: underline;  }

.new-list ul li.on {z-index:1000;}
.new-list ul li.on .overlay {}
.new-list ul li.on p { }
.new-list ul li.on .title { margin-bottom: 10px; color: #FFF;}
.new-list ul li.on .subtitle,
.new-list ul li.on .name { font-size: 12px; color: #CCC;}
.new-list ul li.on .lead { margin-top: 10px; line-height: 150%;color: #FFF;}



/*  特集  */
.feature { text-align: left; overflow: hidden; padding :0; list-style: none; _zoom: 1; }
.feature h5 { margin-bottom: 10px; color: #172C59; margin-top: 2px;}
.feature .column { float:left; padding: 0; margin-right:10px; width:362px;}
.feature .column:nth-child(1) { float:left; margin-right:0;}
.feature .column:nth-child(2) {float:right; margin-right:0;}
.feature .column a { display: inline-block; padding: 0 0 0px; width:362px;}
.feature .column a:hover * {text-decoration: underline\9;}
.feature .column > a { height:265px; overflow: hidden;}
.feature .column .thum-img {background: #000; position:relative; height: 205px; overflow: hidden; }
.feature .column .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.feature .column img { border:1px solid #DDD; display:block; width: 100%; position:relative; }
.feature .column .overlay {position:relative;width:363px;}
.feature .column p { margin: 0; padding: 0; line-height: 1.2 }
.feature .column ul a:hover p { text-decoration: underline; }

.feature .column .title { margin: 0 ; padding: 5px 0 0; font-weight: bold;}
.feature .column .subtitle,
.feature .column .name {  font-size: 12px;  color: #7C7C7C; display:inline-block;}
.feature .column .name:before { content:'／';}
.feature .column .lead {opacity:0;color: #FFF; margin-top:10px; line-height:150%;font-size: 14px}
.feature .column ul { list-style: none; }
.feature .column ul li a { padding-top: 5px;}

.feature .column a.on {z-index:1000;position:relative;background:#000;}
.feature .column a.on .title { color: #FFF; }
.feature .column a.on .subtitle {color: #CCC;}
.feature .column a.on .name {color: #CCC;}

/* right-colum
---------------------------------------- */
.sub-column { padding-top:15px; width: 300px; float: right;}
.sub-column .logo { width: 110px; float: left; margin-top: 20px;}

/*  会員メニュー  */
.sub-column ul.Utility { padding: 0; font-size: 12px; margin-top: 15px; line-height: 1.6}
.sub-column ul.Utility li { float: left; margin-right: 18px; }
.sub-column ul.Utility li.login { margin-right: 0 }
.sub-column ul.Utility li a { display:inline-block; padding: 3px 0; color: #0078C6; }
.sub-column ul.Utility .login a { padding:3px 8px; color:#FFF; background-color:#0076B0;}
.sub-column ul.Utility a:hover, a:focus, a:active { text-decoration: underline; }

/* 愛読者セット デジタル毎日 */
.sub-column .request { margin-top: 10px;}
.sub-column .request li { display: block; width: 145px; }
.sub-column .request li a { display:block; width:100%; height: 88px; text-indent:-9999px; }
.sub-column .request li a span { display:block; margin:auto;}
.sub-column .request .newspaper { float: left; }
.sub-column .request .digital { float: right; }
.sub-column .request .newspaper a { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/apply-newspaper.png) no-repeat 0 0; }
.sub-column .request .digital a { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/apply-digital.png) no-repeat 0 0; }
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
.sub-column .request .newspaper a { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/apply-newspaper@2x.png) no-repeat 0 0; background-size: 145px auto;}
.sub-column .request .digital a { background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/apply-digital@2x.png) no-repeat 0 0; background-size: 145px auto;}
}
.sub-column .request a:hover { opacity: 0.8}



/*  広告  */
.ad { margin: 18px auto;}

/*  検索ボックス  */
/* Reset input[type="search"] */
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]:focus { outline-offset: -2px;}
input[type="search"]::-webkit-search-decoration { display: none; }
input.keyword {width:260px;padding: 5px 0 7px 10px ; min-height: 38px ;border:none; font-size: 16px;color: #9E1836;}
.searchbox { border: 1px #ECE0E0 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  background-color: #fff;}
.img-search {margin:0 6px;}

/*  バナーエリア  */
.sub-column .banner-area {  line-height: 1.3; margin-top: 20px; width: 300px; text-align: center; }
.sub-column .banner-area img { width: 100%;}

/* ランキング、人気コラム共通*/
.list-box { margin-bottom: 22px; text-align: left; background-color: #fff; padding: 18px 16px 8px; margin: 20px auto;}
.list-box h3 { color: #172C59; }
.list-box li span:hover { text-decoration: underline; }
.list-box li span img { border: #ddd  1px solid; vertical-align: top ;}

/*  ランキング  */
.ranking h3 {margin-bottom:20px;}
.ranking ol { list-style: none; margin: 10px 0 0; }
.ranking ol li { font-size: 13px; clear: both; display: block; clear: both }
.ranking ol li a { display: block; height: 70px; padding: 0px }
.ranking ol li .detail { display: block; float: left; width: 90px; }
.ranking ol li .caption { display: block; padding: 0;}
.ranking .thumbnail { height:60px; width:60px; position:relative; background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/css/pc/business.css?20150714) no-repeat 50% 50%; background-size:cover; display:block; float:right; overflow:hidden; margin-left: 10px }
.ranking .thumbnail span { padding-left:50%; display:inline-block;}.ranking .thumbnail img {position:relative; right:auto; border:none; }
.ranking .thumbnail span img { margin-left:-50%; height:60px;}
.ranking .rank-img {float:left; margin-right:10px; border-right: 2px solid #EEE; display:block; height:80%; width:25px;}
.ranking .rank-img img {border:none; display:block; margin:5px 0;}
.ranking.bg-focus li a:hover { background-color:#FFF; }


/*  ツイッター  */
.twitter { margin: 20px 0}
/* { border: 1px #ECE0E0 solid; margin-bottom: 22px}*/

/*  人気コラム  */
.serial dl { list-style: none; margin: 10px 0 0;}
.serial dl dt { clear: both;}
.serial dl dt a { font-size:12px; color: #1387b6; font-weight:bold;}
.serial dl dt a:hover { background:none; text-decoration:underline; }
.serial dl dd a { display: block; height: auto; padding: 10px }
.serial dl dd img { float: right; margin-left: 10px; margin-bottom: 20px; }
.serial dl dd .title { font-size: 14px; font-weight: bold;  }
.serial dl dd .name { font-size: 12px;  color: #7C7C7C }
.serial dl dd .lead { font-size: 13px; }
.serial dl dd span { display: block; margin-bottom: 8px; }
.serial dl dd a span:hover { text-decoration:underline; }
.serial .thumbnail { height:60px; width:60px; position:relative; background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/css/pc/business.css?20150714) no-repeat 50% 50%; background-size:cover; display:block; float:right; margin-left:10px;}


.serial dl dd img { float: none; margin-left: 0px; margin-bottom: 0px; }
.serial dl dd span { display: inline;}
.serial .thumbnail { height:60px; width:60px; position:relative; background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/css/pc/business.css?20150714) no-repeat 50% 50%; background-size:cover; display:block; float:right; margin-left:10px; overflow:hidden;}
.serial .thumbnail span { padding-left:50%; display:inline-block;}
.serial .thumbnail span img { margin-left:-50%; height:60px;}

/* category-list
---------------------------------------- */
.category-wrap { background: #fff; padding: 30px 0 30px 0; }
.category-list { width: 1080px; margin: 0 auto ; text-align: left; }
.category-list ul#category { float: left; width: 253px; display: block; list-style: none; line-height: 3.6}
.category-list ul#category li img { vertical-align: middle; margin-right: 10px; }
.category-list .category-inner { width: 827px; float: left;}
.category-list .category-inner h4 { font-size: 16px; margin: 2px 0 15px 25px; color: #001240; }
.category-list .category-inner ul { list-style: none; }
.category-list .category-inner ul li a .thumbnail { float: left; margin: 10px 15px 10px 10px;  border: #ddd  1px solid; /*width: 60px;*/height:60px; background:url(/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/css/pc/business.css?20150714) no-repeat 50% 50%; background-size:cover;}
.category-list .category-inner ul li p { line-height: 1.1;}
.category-list .category-inner ul li a:hover * { text-decoration: underline; }
.category-list .category-inner ul li .title-area { overflow: hidden;}
.category-list .category-inner ul li .title { font-weight: bold; display: block; margin: 10px 0; padding: 0 }
.category-list .category-inner ul li .name { font-size: 12px; color: #7C7C7C; }
.category-list .category-inner .column { margin-bottom: 20px; padding: 15px 0; overflow: hidden;}
.category-list .category-inner .column ul { font-size: 0; width: 700px; margin: 0 auto 5px; overflow: hidden; }
.category-list .category-inner .column ul li { display: inline-block; width: 350px; vertical-align: top; }
.category-list .category-inner .column ul li a { width: 350px; min-height:7em; float: left; display: block; font-size: 13px; padding: 0 5px 0 0; line-height: 1.2; }
.category-list .category-inner .column ul li .name {}
.category-list .category-inner .border { border: #f1f6f0 1px solid; }
/*.category-list.business-top .category-inner .column:nth-of-type(3n+1) {clear: both;}*/

.category-list .category-inner .writer { padding: 15px 0;}
.category-list .category-inner .writer ul { font-size:0; margin: 0 auto; width: 798px;}
.category-list .category-inner .writer ul li { display: inline-block; vertical-align: top;}
.category-list .category-inner .writer ul li a { width:114px; float: left; display: block; font-size: 13px; padding: 10px; line-height: 1.2; text-align: center; }
.category-list .category-inner .writer ul li a img { margin: 0; float: none; width: 74px; border-radius:50%;}
.category-list .category-inner .writer ul li p { margin-top: 5px;  line-height: 1.1;}
/*.category-list .category-inner .writer ul li:nth-of-type(7n+1){clear:both;}*/

.category-inner .thumbnail {overflow:hidden;}
.category-inner .thumbnail span {/*padding-left:50%;*/ display:inline-block;}
.category-inner .thumbnail span img {height:60px;/*margin-left:-50%;*/}


/*  メニュー切り替え用 */
.category-list ul#category li { cursor: pointer; font-weight: bold; }
.category-list ul#category li.select  { text-decoration: underline; }
.category-list .disnon { display: none;}


/* 連載一覧 */
.business-column-top article.column { margin-bottom: 0;}
.business-column-top hr { margin: 0;}
.business-column-top .menu-filter {margin-top: 0;}
.business-column-top .category-list .category-inner ul li { display: inline-block; vertical-align: top;}
.business-column-top .category-list .category-inner ul li a { width: 350px; min-height:7em; float: left; display: block; font-size: 13px; padding: 0 5px 0 0; line-height: 1.2; }

img {
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select:none;
}

p.profile a {text-decoration:underline; color:#0078c6;}
p.profile a:hover {text-decoration:none;}

/* footer
---------------------------------------- */
footer {  background: url("/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/img_giza3.png") repeat-x top; padding-top: 4px; text-align: left; margin-top:-4px; position: relative; z-index: 2; }
footer div { background-color: #E7E3D8; font-size: 13px; padding: 35px 0 30px; color: #777263;}
footer ul { list-style: none; width: 1080px; margin: 0 auto 20px; }
footer ul li { display: inline-block; float: left; margin-right: 15px; }
footer ul li a { text-decoration: none; color: #6e695b!important; border-right: 1px #c8c1ae solid; padding-right: 15px;  }
footer ul li.last a { border-right: none; }
footer ul li a:hover { text-decoration: underline; }
footer .copyright { font-size: 11px; margin: 0 auto; width: 1080px; margin: 0 auto }


/* 2015.6.30 */
#gnavi {padding:5px 0 0; position:relative; z-index:1000;}
#gnavi .gnavi-inner {width:1080px; margin:0 auto;}
#gnavi li {float:left;}
#gnavi li a {display:inline-block; padding:0 0 7px; min-width:72px;}
#gnavi li a:hover { background:url('/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/Nav_Biz_Selected.png') no-repeat 50% 100%;}
#gnavi .home {margin-right:160px;}
#gnavi .home a {padding:0;}
#gnavi .home a:hover {background-image:none;}
#gnavi .business a { background:url('/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/Nav_Biz_Selected.png') no-repeat 50% 100%;}

#gnavi .Utility { float:right; padding: 0; font-size: 12px;}
#gnavi .Utility li { float: left; margin-right: 18px; }
#gnavi .Utility li.login { margin-right: 0 }
#gnavi .Utility li a { display:inline-block; padding: 3px 0; color: #0078C6; }
#gnavi .Utility li a:hover {background-image:none;}
#gnavi .Utility .login a { padding:3px 8px; color:#FFF; background-color:#0076B0;}
#gnavi .Utility a:hover, a:focus, a:active { text-decoration: underline; }


.topics02 .cat-title,
.topics01 .cat-title {font-size:14px;}
.topics02 .cat-title,
.topics01 .cat-title { background:url('/web/20160104042819im_/http://cdn.mainichi.jp/vol1/premier/business/images/pc/Arrow_Biz_Light_S.png') no-repeat 98% 50% #FFF;margin:0 0 10px -20px;color:#0084b4;display: inline-block; padding-right: 30px;}
.topics02 .cat-title span,
.topics01 .cat-title span {background:#192851; color:#FFF; display: inline-block; padding: 5px 10px 5px 20px; margin: 0 10px 0 0;}

.topics02 .cat-title { margin:0 0 1em 0px;}
.topics02 .topics02-01 .title,
.topics02 .topics02-01 .name { margin-left:20px;}
.topics02 .thum-img .lead {background-color:#000;}
.topics02 .thum-img .lead {color:#FFF; padding:20px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* W3C */
}
.topics02 a:hover {text-decoration:none; background:#e6e6e6;}
.topics02 a:hover .thum-img {opacity:0.9;}


.topics02 .topics02-01 .thum-img { height:280px; width:490px; position:relative; overflow:hidden;}
.topics02 .topics02-01 .thum-img img { width:100%;}
.topics02 .topics02-01 .lead {
position:relative;
margin-top:-4em;
color:#FFF;
padding:20px;
color:#FFF;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* W3C */
}

/* END */
/*
     FILE ARCHIVED ON 04:28:19 Jan 04, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:57:59 May 02, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/