@charset "Shift_JIS";

/* Common */
#human_dept #body {
padding:0;
background: #fff;
border: none;
font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
}
#human_dept .layout_1col,
#human_dept .layout_2col .layout_main {
border: none;
}

/* metaphase 追加分 */

/* for develop */
#ovtr_ss_main{
clear:both;
}
#foot{
clear:both;
}

/* base */
#human_dept_inner{
color:#555;
}
#human_dept_inner a:link{
color:#333;
text-decoration:none;
}
#human_dept_inner a:hover{
text-decoration:underline;
}
#human_dept_inner a:visited{
color:#333;
}
#human_dept_inner .layout_unit{
clear:both;
padding:20px;
}
#human_dept_inner .layout_main{
padding:0;
width:620px;
}
#human_dept_inner .layout_sidebar{
padding-bottom:20px;
width:300px;
}

/* h1 */
#human_dept_inner h1{
padding:20px;
}


/* nav-local */
.nav-local{
border-bottom:#343232 solid 3px;
border-top: none;/* あとで削除 */
background:#999;
}
.nav-local ul{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.nav-local ul li{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
}
.nav-local ul li a{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
padding:8px 16px 6px 17px;
border-right:#CECECE solid 1px;
text-align:center;
background:#999;
color:#ececec!important;
}
.nav-local ul li a:link{
color:#ececec!important;
}
.nav-local ul li a:visited{
color:#ececec!important;
text-decoration:none;
}
.nav-local ul li em,
.nav-local ul li a.on{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
padding:8px 16px 6px 17px;
color:#fff;
font-weight:normal;
border-right:#CECECE solid 1px;
text-align:center;
background:#343232;
}
.nav-local ul li a.on:link{
color:#fff!important;
}
.nav-local ul li a.on:visited{
color:#fff!important;
text-decoration:none;
}
/* topicpath */
.topicpath{
background:#eaeaea;
}
.topicpath ul{
zoom:1;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.topicpath ul li{
background:url(//img.allabout.co.jp/201107/human/special/common/icon-arrow-dark.gif) no-repeat 0 50%;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
}
.topicpath ul li a{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
text-align:center;
padding:5px 15px;
}
.topicpath ul li a:link{
color:#6f6f6f !important;
}
.topicpath ul li a:visited{
color:#6f6f6f !important;
text-decoration:none;
}
.topicpath ul li.first{
background:none;
}
.topicpath ul li em{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
padding:5px 15px;
color:#333;
font-weight:bold;
text-align:center;
background:url//img.allabout.co.jp/201107/human/special/common/icon-arrow-dark.gif) no-repeat 0 50%;
}


/* mainvisual */
.mainvisual_main{
padding-top:13px;
width:320px;
border-top:#302e2e solid 2px;
}
.mainvisual_main h2{
margin-bottom:25px;
text-align:right;
}
.mainvisual_main a{
zoom:1;
display:block;
}
.mainvisual_main span{
zoom:1;
display:block;
cursor:pointer;
}
.mainvisual_main .title{
margin-bottom:10px;
font-size:18px;
font-weight:bold;
line-height: 1.2;
}
.mainvisual_main a:visited{
text-decoration:none !important;
}
.mainvisual_main a:visited .title{
text-decoration:none !important;
}
.mainvisual_main a:hover{
text-decoration:none !important;
background:#ffffff;
}
.mainvisual_main a:hover .title{
text-decoration:underline !important;
}
.mainvisual_main .lead{
margin-bottom:30px;
line-height: 1.5;
}
.mainvisual_main .name{
font-size:27px;
font-weight:bold;
text-align:center;
line-height:1.3;
}
.mainvisual_sub{
width:600px;
}

.mainvisual2_main{
padding-top:13px;
width:450px;
border-top:#302e2e solid 2px;
}
.mainvisual2_main h2{
margin-bottom:10px;
text-align:right;
}
.mainvisual2_main h3{
margin-bottom:10px;
color: #000;
line-height: 1.2;
}
.mainvisual2_main p{

margin-bottom:15px;
}
.mainvisual2_main p.lead{
line-height: 1.5;
}
.mainvisual2_main p.guide-name {
color: #302E2E;
}
.mainvisual2 .text{
clear:both;
padding-top:7px;
color:#666;
font-size:10px;
}


/* module */

/* mod-mainvisual-block */
.mod-mainvisual-block{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
margin:10px 0;
color:#fff;
font-weight:bold;
padding:10px;
background:#302e2e;
}
.mod-mainvisual-block:not(:target) { /* for IE9 */
vertical-align: middle\9;
zoom: 1\9;
}
.mod-collaboration-block {
display: inline-block;
/display: inline;
zoom: 1;
color: #302E2E;
font-size: 16px;
font-weight: bold;
padding: 17px 0 0 8px;
vertical-align: top;
width: 379px;
}
.mod-collaboration-block:not(:target) { /* for IE9 */
display: inline\9;
vertical-align: middle\9;
zoom: 1\9;
}
.mod-mainvisual-block2 p{
margin:0;
}
.mod-mainvisual-block2-inner{
float:left;
padding:12px 15px 12px 15px;
width:339px;
background:#efefef;
}
.mod-mainvisual-block2-inner strong{
zoom:1;
display:block;
color:#302e2e;
}
.mod-mainvisual-block2-inner strong a:link{
text-decoration:underline !important;
}
.mod-mainvisual-block2-inner strong a:hover{
text-decoration:none !important;
}
.mod-mainvisual-block2-inner .text{
font-size:10px;
}
.mod-mainvisual-block2-image{
float:left;
width:80px;
text-align:right;
background:url(//img.allabout.co.jp/201107/human/special/common/icon-arrow-dark2.gif) no-repeat 0 0;
}

/* mod-layoutbox */
/* メイン枠 */
.mod-layoutbox {
zoom:1;
clear:both;
margin-bottom:10px;
padding-top:15px;
border-top:#302e2e solid 2px;
}
.mod-layoutbox p {
margin-bottom:13px;
}

/* 右枠 */
.mod-layoutbox2 {
zoom:1;
margin-bottom:20px;
padding-top:10px;
border-top:#c0c0c0 solid 2px;
}
.mod-layoutbox2 p {
margin-bottom:10px;
line-height: 1.6;
}

/************ interview ***************/
/* common */
.mod-interview {
zoom:1;
clear:both;
}
.mod-interview h3 {
margin-bottom:8px;
color:#000;
font-size: 16px;
}
.mod-interview .box {
zoom:1;
clear:both;
display:block;
padding-bottom:20px;
}
.mod-interview .box:after {
clear: both;
display: block;
visibility: hidden;
overflow: hidden;
height: 0 !important;
line-height: 0;
font-size: xx-large;
content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}

.mod-interview .img {
display:table-cell;
vertical-align:top;
}
.mod-interview .block {
padding-bottom:10px;
display:table-cell;
vertical-align:top;
/zoom:1;
}
.block p{
line-height:1.8;
margin-bottom: 8px;
}
.block p a:link,
.block p a:visited {
color:#1986B5!important;
text-decoration:underline!important;
}
.block p .bold{
display: block;
margin-bottom: 15px;
}
#human_dept_inner .block p a:hover {
text-decoration:none!important;
}{
text-decoration:underline;
}
.mod-interview .notes{
margin-top:3px;
color:#999;
font-size:10px;
}

/* ptn-left, ptn-right */
.ptn-left .img, 
.ptn-right .img {
padding-bottom:10px;
width:225px;
}
.ptn-left .block,
.ptn-evenleft .block {
padding:0 0 10px 13px;
}
.ptn-right .block,
.ptn-evenright .block {
padding:0 13px 10px 0;
}

/* ptn-even */
.ptn-even .img {
/display: inline;
/float: left;
padding: 0 5px 10px;
width:300px;
}
/* ptn-evenleft, ptn-evenright */
.ptn-evenleft .img, 
.ptn-evenright .img {
padding-bottom:10px;
width:300px;
}
/* interview-cap,interview */
.interview-cap, 
.interview {
padding: 0!important;
}

.interview-cap p, 
.interview p,
.info p {
font-weight: bold;
}
/* info */
.mod-interview .info {
padding:0;
}
.mod-interview .info .block {
display: block;
padding-bottom: 0;
text-align: center;
}

/* ptn-3col */
.ptn-3col ul,
.ptn-leftlong ul,
.ptn-rightlong ul {
letter-spacing:-0.4em;
word-spacing:-0.4em;

margin-left:-20px;
}
.ptn-3col ul li,
.ptn-leftlong ul li,
.ptn-rightlong ul li {
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
margin-bottom:25px;
margin-left:20px;
width:193px;
}
.ptn-leftlong .long,
.ptn-rightlong .long {
width:406px;
}

/* ptn-profile */
.ptn-profile {
border-top: 1px dotted #ccc;
padding-top: 10px;
}
.ptn-profile .img {
padding-bottom:10px;
width:100px;
}
.ptn-profile .block {
padding:0 0 10px 13px;
}
.ptn-profile .name-link {
position: relative;
}
.ptn-profile .name-link .btn {
position: absolute;
top: 0;
right: 5px;
}
.ptn-profile .name {
color: #000;
margin-bottom: 5px;
}
.ptn-profile .profile {
font-size: 12px;
line-height: 1.6;
}
/* プロフィールのところのリンクは青くしない */
.ptn-profile .block p.name a:link,
.ptn-profile .block p.name a:visited {
color: #333!important;
text-decoration:underline!important;
}
.ptn-profile .block p.name a:hover{
text-decoration:none!important;
}

/* mod-title */
.mod-title{
position:relative;
clear:both;
margin-bottom: 5px;
font-weight:bold;
}
.mod-title .btn{
position:absolute;
top:7px;
right:0;
}
.mod-title-inner{
margin-top:9px;
border-top:#b7b7b7 solid 1px;
text-align:center;
background:#ececec;
}
.mod-title-inner h3{
padding:10px 10px 14px 10px;
border-top:#fff solid 1px;
}

.mod-title2{
font-weight:bold;
}


/* backissue */
.mod-list ul{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mod-list ul li{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
line-height:1.4;
}
/* プロの流儀 */
.pro-list li{
width:310px;
}
/* ガイドの原点 */
.guide-list li{
width:206px;
}

/* トップページのバックナンバー枠 */
.bn-list li{
width:103px;
}

.mod-list ul li a{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
padding:10px;
/padding:10px 9px;
}
.mod-list ul li a strong{
zoom:1;
display:block;
margin-top:5px;
margin-bottom:3px;
color:#333;
}
.mod-list ul li a:visited{
text-decoration:none !important;
}
.mod-list ul li a:visited strong{
text-decoration:none !important;
}
.mod-list ul li a:hover{
text-decoration:none !important;
background:#eaeaea;
}
.mod-list ul li a:hover strong{
text-decoration:underline !important;
}
.mod-list ul li a .text{
zoom:1;
display:block;
cursor:pointer;
}
.mod-list ul li a img{
zoom:1;
display:block;
margin-bottom:10px;
}
.bn-list ul li a:hover .text{
text-decoration:underline;
}

.mod-list2 ul li{
zoom:1;
display:block;
line-height:1.4;
}
.mod-list2 ul li a{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
padding:10px;
}
.mod-list2 ul li a strong{
zoom:1;
display:block;
margin-bottom:3px;
color:#333;
}
.mod-list2 ul li a:visited{
text-decoration:none !important;
}
.mod-list2 ul li a:visited strong{
text-decoration:none !important;
}
.mod-list2 ul li a:hover{
text-decoration:none !important;
background:#eaeaea;
}
.mod-list2 ul li a:hover strong{
text-decoration:underline !important;
}
.mod-list2 ul li a .text{
float:right;
width:175px;
cursor:pointer;
}
.mod-list2 ul li a img{
float:left;
margin-right:10px;
width:95px;
}

/* あとで削除 */
.mod-list3{
margin-top:10px;
text-align:right;
}
.mod-list3 ul{
letter-spacing:-0.4em;
word-spacing:-0.4em;
margin-left:-5px;
}
.mod-list3 ul li{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
margin-left:5px;
}
.mod-list3 ul li.mixi{
width:98px;
}
.mod-list3 ul li.facebook{
width:98px;
}

/* ソーシャル系 */
.social-list-right {
text-align:right;
margin-top: 10px;
}
.social-list-left {
text-align:left;
margin-bottom: 7px;
}
.social-list-right li,
.social-list-left li {
display:inline-block;
/display: inline;
zoom: 1;
vertical-align: top;
}
.twitter {
width: 105px;
}
.facebook,
.mixi {
width: 115px;
}
.google {
width: 90px;
}

/* mod-paging */
.mod-paging{
position:relative;
margin-bottom:20px;
padding-top:15px;
min-height:46px;
height:auto !important;
height:46px;
background:#e5e5e5;
}
.mod-paging .previous{
position:absolute;
top:0;
left:0;
}
.mod-paging .next{
position:absolute;
top:0;
right:0;
}
.mod-paging ul{
zoom:1;
letter-spacing:-0.4em;
word-spacing:-0.4em;
margin-left:-10px;
text-align:center;
}
.mod-paging ul li{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
*vertical-align: middle;
letter-spacing:0;
word-spacing:0;
margin-left:10px;
}
.mod-paging ul li a{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
padding:4px 7px;
border:#c8c8c8 solid 1px;
font-weight:bold;
background:#fff;
}
.mod-paging ul li a:link{
text-decoration:underline !important;
}
.mod-paging ul li a:hover{
text-decoration:none !important;
}
.mod-paging ul li em{
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
padding:4px 7px;
border:#424242 solid 1px;
color:#fff;
font-weight:bold;
background:#424242;
}

/* 本文下の直近5件表示 あとで消す */
.mod-btm-backnumber {
margin: 15px 0 20px;
}
.mod-btm-backnumber li {
background: transparent url(//img.allabout.co.jp/201107/human/special/common/icon_bn.gif) no-repeat 5px 50%;
padding-left: 17px;
margin-bottom: 7px;
}
.mod-btm-backnumber li a:link,
.mod-btm-backnumber li a:visited {
color:#1986B5!important;
text-decoration:underline!important;
}
.mod-btm-backnumber li a:hover{
text-decoration:none !important;
background:none;
}

/************ back issue ***************/
.bn{
margin-bottom: 20px;
}
.bn .btn {
top: 0;
}
.bn .mod-title {
margin-bottom: 15px;
}

.bn .btm-list li {
background: transparent url(//img.allabout.co.jp/201107/human/special/common/icon_bn.gif) no-repeat 5px 50%;
padding-left: 17px;
margin-bottom: 7px;
}
.bn .btm-list li a {
display: inline;
padding: 0;
}
.bn .btm-list li a:link,
.bn .btm-list li a:visited {
color:#1986B5!important;
text-decoration:underline!important;
}
/************ banner-area ***************/
.banner-area {
	background: #EEE;
	padding: 10px 0px;	
}
.banner-area .banner {
    width: 210px;
	margin: 10px auto;	
}
.banner-area .icon-list-red li a {
    background: url("http://img.allabout.co.jp/201107/home/icon-triangle-red.gif") no-repeat scroll 0 50% transparent;
    padding-left: 1em;
}