@charset "utf-8";

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

body{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color:#333;
}
.common-wp{width:960px; margin:0 auto; position:relative;}

/*--color--*/
.colorSpot, .asideTtl, .colorFooter{color:#fff;}
.colorCopy{color:#ccc;}
.colorDate{color:#666;}
.colorKeyword{color:#9f3b42;}
.colorNormal{color:#000;}
/*--bgcolor--*/
.bgBasic{background-color:#333;}
.bgBasic1{background-color:#666;}
.bgBasic2{background-color:#f0f0f0;}
.bgBasic3{background-color:#999;}
/*--font--*/
.fontBlock1{font-size:12px; line-height:1.4;}
.fontBlock2{font-size:13px; line-height:1.4;}
.fontBlock3{font-size:14px; line-height:1.4;}
.fontSs{font-size:75%; line-height:1.4;}
.fontS{font-size:80%; line-height:1.4;}
.fontM{font-size:90%; line-height:1.4;}
.fontB{font-size:110%; line-height:1.4;}
/*--img--*/
/*.img{border:solid 1px #ccc;}*/
div.img {
	text-align:center;
	display:inline-table;
	width:82px; height:62px;
}
div.img span{
	display: table-cell;
	vertical-align: middle;
}
div.img img{border:solid 1px #ccc; vertical-align: middle;}
/*--border--*/
.bdBasic{border-color:#0f83b1; border-width:0 0 0 7px; border-style:solid;}/*青*/
.bdBasic2{border-color:#e87d15; border-width:0 0 0 7px; border-style:solid;}/*オレンジ*/
.bdBasic3{border-color:#c42424; border-width:0 0 0 7px; border-style:solid;}/*赤*/
.bdBasic4{border-color:#ccc; border-width:0 0 0 7px; border-style:solid;}/*グレー*/
/*bar*/
.brCommon{color:#fff; background-color:#333;}
.brCommon a{font-size:75%; color:#fff; float:right;}
/*common-wp*/
.commonWp{margin-bottom:25px;}

/*  sprite
*****************************************/
.sprite, .sprite a,
.article-bottom-keyword h5{background: url(/common/images/v1/sprite.png) no-repeat; display:block;}

/*  clearfix
*****************************************/
.clearfix{zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

/*  header
*****************************************/
#header{
  margin-bottom:20px;
}
.header-copy{
  margin-bottom:17px;
}
#top-menu {
 line-height:20px;
}
#top-menu .fixed-area {
 margin-left: auto;
 margin-right: auto;
 width: 960px;
}
#top-menu div.block-title {
 font-size: 60%;
 color: #fff;
 float: left;
 padding:.1em .8em;
 margin:1px 0;
 background:#000;
 border-radius:6px;
}
#top-menu div.block-content {
 line-height:1.5em
}
#top-menu ul {
  letter-spacing:-.4em;
}
#top-menu li {
  display: inline;
  padding: 0 0 0 13px;
  letter-spacing:normal;
}
#top-menu li a {
 color: #fff;
 text-decoration: none;
 font-size: 70%;
}
#top-menu li a.white-highlight {
 background: #fff;
 color: #666;
 padding: 10px 5px 2px 5px;
 -webkit-border-radius: 0 0 4px 4px;
 -moz-border-radius: 0 0 4px 4px;
 border-radius: 0 0 4px 4px;
 z-index: 0;
 position: relative;
}

#header-wp{margin-bottom:16px;}
#header-wp .logo span{font-size:11px; font-weight:normal; letter-spacing:-1px; display:block; margin-bottom:3px;}
#header-wp .logo a{
	display:block; text-indent:-1100em;
	background: url(/common/images/v1/sprite.png) no-repeat;
	background-position:0 -15px; padding-top:2px;
	width:216px; height:35px; margin-bottom:13px;
}
#header-wp ul li{float:left; margin-left:2px;}
#header-wp ul li:first-child{margin:0;}
#header-wp ul li a{
	background: url(/common/images/v1/sprite.png) no-repeat;
	width:27px; height:27px; display:block; text-indent:-1100em;
}
#header-wp ul li.tw a{background-position:0 -99px;}
#header-wp ul li.rss a{background-position:-94px -99px;}
#header-wp ul li.fb a{background-position:-47px -99px;}
#header-wp ul li. a{background-position:-141px -99px; width:130px;}
/*hover*/
#header-wp ul li.tw a:hover{background-position:0 -126px;}
#header-wp ul li.rss a:hover{background-position:-94px -126px;}
#header-wp ul li.fb a:hover{background-position:-47px -126px;}
#header-wp ul li.login a:hover{background-position:-141px -126px;}

#header-navwp{
	padding:1px 0 0;
	/*影*/
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
  	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#dedede', Direction=180, Strength=10);/*IE8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='#dedede', Direction=180, Strength=10);/*IE7以下*/
}
#header-navwp a{color:#fff;}

/*  navi
*****************************************/
#header-navwp .nav-00 ,
#header-navwp ul#genre-nav li,
#header-navwp ul.header-banner li{float:left;}

#header-navwp .nav-00 a,
#header-navwp ul#genre-nav li a{
	background: url(/common/images/v1/sprite.png) no-repeat; display:block;
	color:#000; font-weight:bold;
	text-align:center; margin-right:1px;
}
#header-navwp .nav-00 a:hover,
#header-nav a:hover{text-decoration:none;}
#header-navwp .nav-00 a{width:69px; height:56px; line-height:56px; background-position:0 -203px; color:#fff;}
#header-navwp .nav-00 a:hover,
#header-navwp .nav-00.current a{background-position:0 -259px;}

#header-nav{width:890px; border-bottom:solid 1px #6d6b6b;}
#header-navwp ul#genre-nav{margin-right:8px;}
#header-navwp ul#genre-nav li a{width:117px; height:26px; line-height:26px; background-position:-89px -203px;}
#header-navwp ul#genre-nav li a:hover,
#header-navwp ul#genre-nav li.current a{color:#fff;}
#header-navwp ul#genre-nav li.nav-01 a:hover,
#header-navwp ul#genre-nav li.nav-01.current a{background-position:-89px -259px;}
#header-navwp ul#genre-nav li.nav-02 a:hover,
#header-navwp ul#genre-nav li.nav-02.current a{background-position:-226px -259px;}
#header-navwp ul#genre-nav li.nav-03 a:hover,
#header-navwp ul#genre-nav li.nav-03.current a{background-position:-363px -259px;}
#header-navwp ul#genre-nav li.nav-04 a:hover,
#header-navwp ul#genre-nav li.nav-04.current a{background-position:-500px -259px;}

#header-navwp ul.header-banner{padding:1px 0 0;}
#header-navwp ul.header-banner li{margin-left:3px; font-size:0;}
#header-navwp ul.header-banner li a{display:block;}
#header-navwp ul.header-banner li:first-child{margin:0;}

/*----search----*/
form.common-search{width:188px; border:solid 1px #999; height:23px; margin-top:1px;}
form.common-search input{border:none; display:inline-block; height:21px; padding:0; float:left;}
form.common-search input.text-search{width:140px; padding:0 0 0 4px;}
form.common-search input.btn-search{
	width:44px; cursor:pointer;
	background-position:-230px -16px;
}

/*----subgenre----*/
#subgenre-nav{width:890px;}
#subgenre-nav dl{display:block; padding:8px 0 0 14px;}
#subgenre-nav dl dd{
	float:left; line-height:1.2;
	background: url(/common/images/v1/sprite.png) no-repeat;
	/*background-position:-343px -19px;*/
	background-position: -638px -187px;
	padding-left:17px; margin-left:12px;
}
#subgenre-nav dl dd:first-child{margin:0;}
#subgenre-nav dl.technology-category dd{background-position:-638px -118px;}
#subgenre-nav dl dt{float:right; line-height:15px;}
#subgenre-nav dl dt span.more{margin-left:2px;}
#subgenre-nav dl.subgenre-category dt span{background-position:-343px -124px;}
#subgenre-nav dl.subgenre-category.technology-category dt span{background-position:-343px -99px;}



/*  footer
*****************************************/
a.totop{
	display:none;
	width:40px; height:40px; text-indent:-1100em;
	background-position:-291px -99px; position:absolute; right:12px; bottom:12px;
}
#footer{padding:0 0 25px;}
#footer ul li{border-left:solid 1px #4d4d4d; padding:0 6px;}
#footer ul li:first-child{border:none; padding:0 6px 0 0;}
#footer .footer-nav{margin-bottom:20px; padding-top:17px; text-align:left;}
#footer .footer-nav ul{margin:0 auto;}
#footer .footer-nav ul li{display:inline;}
#footer .group-link ul li{float:left;}

#footer ul li a{color:#fff;}
#footer .group-link{margin-bottom:12px;}
#footer .group-link p{
	padding:7px 6px; line-height:1; 
	margin-right:10px;
}
#footer .group-link ul li{margin-bottom:5px;}
#footer .group-link ul li.line-clear{clear:left; padding:0 6px 0 0; border:none;}
#footer .copyright{border-top:solid 1px #ccc; padding-top:9px; text-align:center; line-height:1.4;}



/*  main-column
*****************************************/
#main-column{width:634px; float:left;}

/*----common-bar----*/
.common-bar{padding:5px 3px 4px 6px;}
.common-bar span.ttl{
	background-position: -692px -290px;
	padding-left:15px;
	line-height:1.2;
}
.common-bar a{color:#fff; line-height:15px;}
.common-bar a span.more{
	background-position: -480px -124px;
    margin-left: 6px;
}
.common-bar a:hover span{text-decoration:underline;}
/*----common-wpaper----*/
.common-wpaper ul li{padding:6px 0; border-bottom:dashed 1px #ccc;}
.common-wpaper ul li a{clear:left; display:block;}
.common-wpaper ul li span{
	display:block; font-size:75%; color:#fff; padding:2px 20px; margin-bottom:8px;
	background-color:#8b8a8a; float:left; line-height:1.2;
}
/*----common-special----*/
.common-special .common-bar{padding:5px 6px 4px 6px;}
.common-special ul li{
	border-bottom:dashed 1px #ccc; padding:12px 11px 12px 0; 
	float:left; width:317px; height:90px;
}
.common-special ul li p{width:215px;}



/*  aside
*****************************************/
#aside{width:300px;}
/*----ad-rectangle----*/
.aside-free, .ad-rectangle, .common-aside, .aside-fb{margin-bottom:20px;}

.common-aside{border:solid 1px #999;}
.common-aside .ttl-wp{padding:4px 10px 4px 7px; line-height:1;}
.common-aside .ttl{
	background: url(/common/images/v1/sprite.png) no-repeat;
	background-position:-692px -19px;
	padding-left:13px; display:block; float:left;
	line-height:1.2;
}
.aside-info ul li{padding:10px 7px; border-top:solid 1px #bbbbbb;}
/*----aside-special----*/
.aside-special ul li{padding:6px 7px; border-top:solid 1px #bbbbbb;}
.aside-special ul li:first-child,
.aside-info ul li:first-child{border:none;}
.aside-special ul li p{width:190px;}
.aside-special ul li p span,
.aside-info ul li p span{display:block; text-align:right;}

/*----aside-tokusyu----*/
.aside-tokusyu .ttl-wp{
	background: url(/common/images/v1/aside-tokusyu-bg.png) repeat;
	background-color:#b22020;
}
.aside-tokusyu .tokusyu-body{padding:12px 10px;}
.aside-tokusyu .tokusyu-ttl a{margin-bottom:10px; display:block;}
.aside-tokusyu .tokusyu-body p{width:145px;}
.aside-tokusyu .tokusyu-body p a{
	display:block; padding:5px; 
	line-height:1; font-weight:bold;
	margin-top:10px; background-color:#b22020;
}

/*----aside-ranking---*/
.aside-ranking ul li a{
	display:block; padding:8px 0 8px 8px;
	text-decoration:none;
}
.aside-ranking ul li a p,
.aside-ranking ul li a span{display:inline-block; vertical-align:middle;}
.aside-ranking ul li a span{
	width:23px; height:23px; line-height:23px; 
	text-align:center;
	margin-right:5px; color:#fff;
}
.aside-ranking ul li.rank1 span, .aside-ranking ul li.rank2 span, .aside-ranking ul li.rank3 span{background-color:#b22020;}
.aside-ranking ul li a p{width:250px;}
.aside-ranking ul li a:hover p{text-decoration:underline;}

/*----aside-event---*/
.aside-event .ttl-wp{background-color:#134c87;}
.aside-event ul li{border-top:dashed 1px #ccc; padding:9px 13px;}
.aside-event ul li:first-child{border:none;}
.aside-event ul li .holding span{padding:0 5px; line-height:1; margin-right:3px; font-size:95%;}
.aside-event ul li .holding{margin-bottom:10px; color:#000; font-size:80%; text-decoration:none;}
.aside-event ul li .holding span{background-color:#ccc;}

/*----aside-backnumber---*/
.aside-backnumber .backnumber-body{padding:10px;}
.aside-backnumber .backnumber-body img{border:solid 1px #ccc; margin-left:10px;}
.aside-backnumber .backnumber-body .issue{
	margin-bottom:8px;
	border-bottom: solid 2px #333;
	width:165px; padding-bottom:1px; line-height:1;
}
.aside-backnumber .backnumber-body .issue span{display:block; border-bottom:solid 1px #999; padding-bottom:2px;}
.aside-backnumber .backnumber-body .mag-ttl{
	display:block; width:165px;
	margin-bottom:10px;
}
.aside-backnumber .backnumber-body p{line-height:1.4;}
.aside-backnumber .backnumber-body p.link a span{background-position:-480px -199px; margin-left:6px;}


/*  article-editor
*****************************************/
#article-editor{margin-bottom:30px;}
#article-editor p{line-height:1.8; margin-bottom:35px; letter-spacing:0.3px;}

/*  pagination
*****************************************/
.common-pagination{text-align:center; margin-bottom:50px;}
.common-pagination ul{margin:0 auto;}
.common-pagination ul li{
	display:inline-block;
	text-align:center;
	width:33px; height:30px; line-height:30px;
	border:solid 1px #ccc;
}
.common-pagination ul li a{
	display:block; color:#323232;
}
.common-pagination ul li.current,
.common-pagination ul li a:hover{background-color:#134c87; color:#fff; text-decoration:none;}
.common-pagination ul li.next,
.common-pagination ul li.prev{width:70px; font-size:90%;}
.common-pagination ul li.next a, .common-pagination ul li.prev a{position:relative;}
.common-pagination ul li .arrow{width:8px; height:13px; text-indent:-1100em; position:absolute; top:28%;}
.common-pagination ul li.next .arrow{background-position:-343px -199px; right:10px;}
.common-pagination ul li.prev .arrow{background-position:-343px -222px; left:10px;}
.common-pagination ul li.next a:hover .arrow{background-position:-363px -199px;}
.common-pagination ul li.prev a:hover .arrow{background-position:-363px -222px;}

/*  description
*****************************************/
.common-description{clear:both; margin-bottom:25px; border:solid 1px #ccc;}
.common-description p strong{display:block; margin-bottom:8px;}
.common-description p{padding:12px;}

/*  タイトルまわり共通項目
*****************************************/
.breadcrumb {margin-bottom:15px;}
.subgenre-bar,.normal-bar{padding:3px 10px 3px 5px; margin-bottom:10px;}
/*.subgenre-bar{margin-bottom:15px;}*/
.subgenre-bar span,
.normal-bar span{
	display:block; padding-left:7px;
}
.subgenre-bar a{font-weight:normal; padding-top:3px;}

.right{float:right;}
.left{float:left;}
.more{width:15px; height:15px; float:right; text-indent:-1100em;}
.more-link{background-color:#e0e0e0; text-align:center; font-size:75%;}
.more-link a{display:block; padding:7px 0; color:#000;}
.more-link a span{
	background: url(/common/images/v1/icon01.png) no-repeat right center; 
	padding-right:20px;
}
.more2{
	background-position:-691px -88px; text-indent:-1100em;
	width:9px; height:11px;
}

/*  AD
*****************************************/
/*----ad-superbanner----*/
.ad-superbanner{width:728px; min-height:90px; background-color:#ccc;}
/*----ad-pr-text----*/
.ad-pr-text{margin-bottom:20px;}
.ad-pr-text ul li{
	padding:2px 0 2px 34px;
	background: url(/common/images/v1/sprite.png) no-repeat;
	background-position:-246px -49px; margin-bottom:2px;
}
.ad-pr-text ul li a{color:#000;}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
      記事と特集ページ（自助努力ページ）共通
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*  article-editor
*****************************************/
#article-editor h2{
	border-left:solid 5px #0f83b1;
	font-size:135%; padding-left:10px;
	margin-bottom:35px;
	position:relative;
}
#article-editor h2:after{
	position:absolute; bottom:-10px; left:-5px; width:630px;
	border-bottom:solid 1px #ccc;
	content: " "; display:block;
}

/*#article-editor h4{
	margin-bottom:35px; padding-bottom:10px;
	font-size:135%; border-bottom:solid 1px #ccc;
}
#article-editor h4 span{
	display:block;
	border-left:solid 5px #0f83b1;
	padding-left:10px;
}
*/
#article-editor h3{margin-bottom:10px; font-size:105%; line-height:1.8;}
#article-editor dl{margin-bottom:25px;}
#article-editor dl dt{font-weight:bold;}
#article-editor dl dd{padding-left:20px; margin-bottom:10px;}

/*  記事装飾
*****************************************/
#article-editor img{max-width:630px;}
#article-editor .imagebox-left, /*旧*/
#article-editor .figure-left{float:left; margin:0 20px 20px 0;}
#article-editor .imagebox-right,/*旧*/
#article-editor .figure-right{float:right; margin:0 0 20px 20px;}
#article-editor .figure-left img,
#article-editor .figure-right img,
#article-editor .figure-center img{margin-bottom:3px; border:solid 1px #ccc;}
#article-editor .image-caption, /*旧*/
#article-editor .figure-left span,
#article-editor .figure-right span,
#article-editor .figure-center span{font-size:75%; line-height:1.5;}
#article-editor .figure-center{text-align: left; margin:0 auto 35px auto;}

#article-editor .figure-right,
#article-editor .figure-left,
#article-editor .figure-center{
	word-break: break-all;
}


.central{
  text-align:center;
  clear:both;
}
#article-editor blockquote{
	background-color:#e7e7e7;
	padding:30px;
	position:relative;
	margin-bottom:25px;
}
#article-editor blockquote:before,
#article-editor blockquote:after{
	font-size:350%;
	line-height:1em;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#999;
	position:absolute;
}
#article-editor blockquote:before{content:"“"; left:10px; top:10px;}
#article-editor blockquote:after{content:"”"; right:10px; bottom:-20px;}

#article-editor blockquote p{margin:10px;}

#article-editor ol{padding-left:30px; line-height:1.8; margin-bottom:35px;}

#article-editor table{
	border-collapse: collapse; border-spacing: 0;
	margin-bottom:20px; font-size:90%;
}
#article-editor table th,
#article-editor table td{
	line-height:1.1;
	border:solid 1px #777;
	padding:8px 5px;
}
#article-editor table td {background-color:#f0f0f0;}
#article-editor table td b{color:#333;}
#article-editor table tr:nth-child(2n+1) td{background-color:#d8e9ef;}
#article-editor table caption{padding:5px 0;}

#article-editor ul{padding-left:20px; margin-bottom:35px;}
#article-editor ul li{
	background: url(/common/images/v1/list-icon.png) no-repeat 0 4px; margin-bottom:10px;
	padding-left:20px; font-size:95%; line-height:1.5;
}

#article-editor table ol{margin:10px; line-height:1.1;}

/*旧*/
#article-editor .interview_q{font-weight:bold; color:#444;}
#article-editor .interview_b{color:#0066CC; font-weight:bold;}
#article-editor dl dt, #article-editor dl dd{font-size:95%; line-height:1.6; color:#444;}

#article-editor .imagebox{margin-bottom:25px;}

/* ログインフォーム_160310 */

#article-editor .login-form form{
	background: #eee;
	margin-top: 20px;
}

#article-editor .login-form dl{
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 10px 0;
}
#article-editor .login-form dt{
	display: inline-block;
	width: 150px;
	padding-left: 40px;
	font-weight: normal;
}

#article-editor .login-form dd{
	display: inline-block;
	margin: 0;
}

#article-editor .login-form dd input{
	height: 34px;
	width: 385px;
}

#article-editor .login-form .login-submit{
	text-align: center;
	padding: 10px;
}
#article-editor .login-form .login-submit .auto-login{
	margin: 5px 0 10px 0;
}
#article-editor .login-form .login-submit .auto-login span{
	margin-left: 5px;
    font-size: 14px;
}

#article-editor .login-form .pass-forget {
	text-align: right;
	margin-top: 15px;
}



/* Web会員登録_160310 */

.member-article-authbox_ttl {
	background: #d90000;
	color: #fff;
	border-radius: 10px 10px 0 0;
	border: 1px solid #ccc;
	margin-bottom: -1px;
	width: 635px;
	text-align: center;
	padding: 5px;
	line-height: 1.4;
}
.member-article-authbox_ttl span {
	font-size: 1.2em;
}

.member-article-authbox {
	width: 635px;
	background: #eee;
	border: 1px solid #ccc;
	margin-bottom: 40px;
	padding: 15px 10px;
}

.member-article-authbox .member-authbox {
	float: right;
	background: #fff;
}

.member-article-authbox .member-authbox:first-child {
	float: left;
	background: #fff;
}

.member-article-authbox .member-authbox_inline2 {
	height: 90px;
	padding: 12px 18px 0;
}

#article-editor .member-authbox_inline2 p{
	margin: 0 0 10px;
  line-height: 1.4;
}

.member-logout {
	background: #eee;
}

.member-logout a,.member-login a {
	display: inline-block; 
}

.member-authbox {
	border: 1px solid #ccc;
	border-bottom: none;
	width: 300px;
}

.member-authbox-ttl {
	background: #434343;
	color: #fff;
	font-size: 16px;
	position: relative;
	border-bottom: #cbcbcb 1px solid;
	padding: 6px 22px;
}

.member-authbox-ttl:after {
	content: "";
	background: #ff8000;
	width: 4px;
	height: 20px;
	position: absolute;
	left: 6px;
	top: 50%;
	margin-top: -10px;
}
.member-authbox-ttl:before {
	content: "";
	background: #ff8000;
	width: 2px;
	height: 20px;
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -10px;
}

.member-authbox-ttl2 {
	background: #434343;
	color: #fff;
	font-size: 16px;
	border-bottom: #cbcbcb 1px solid;
	padding: 4px 0;
	text-align: center;
}

.member-authbox_inline {
	padding: 7px;
	border-bottom: #cbcbcb 1px solid;
}
.member-authbox_logout {
	text-align: center;
	padding: 7px;
}
.member-authbox_login {
	text-align: center;
	padding: 7px;
}

.member-authbox_inline p{
	margin: 0 0 10px;
}

.member-authbox_inline a.signin {
	margin: 0;
	display: inline-block;
}