@charset "UTF-8";

/* ===== 共通 ===== */
* {
    font-size: 13px;
    font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333333;
    line-height: 1.6;
}
/* 2016.10.12 フォントサイズ変更 13px→16px */
.article .text,
.article .text p,
.article .text p strong,
.article .text p a,
.article .text p u {
    font-size: 16px;
}

ul, ol, li { list-style: none outside; }

a {
    color: #333333;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#container {
    background-color: #ffffff;
}
#top #container {
    background: url(/files/user/images/bg.gif?v=1366971065) repeat transparent;
}
#top_test #container {
    background: url(/files/user/images/bg.gif?v=1366971065) repeat transparent;
}


/* ===== header ===== */
#header {
    padding-bottom: 30px;
    background: url(/files/user/images/bg_middle_second.png?v=1367922247) repeat-x #f5f2e9 bottom center;
    zoom: 100%;
}
#top #header {
    background: url(/files/user/images/bg_middle.png?v=1366974966) repeat-x #f5f2e9 bottom center;
}
#top_test #header {
    background: url(/files/user/images/bg_middle.png?v=1366974966) repeat-x #f5f2e9 bottom center;
}

#header #topBar .wrap,
#header .title .wrap,
#nav ul {
    margin: 0px auto;
    width: 920px;
    overflow: hidden;
}

#header .wrap .btn a {
    display: block;
}

/* ロゴ・ボタン */
#header #topBar {
    border-bottom: 3px solid #0093d3;
    background-color: #ffffff;
}
#header #topBar .logo {
    margin: 10px 0px;
    float: left;
}
#header #topBar .btn {
    margin: 10px 0px;
    float: right;
}
#header #topBar .btn a {
    width: 234px;
    height: 47px;
    overflow: hidden;
    background: url(/files/user/images/btn_header_register.gif?v=1366971066) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#header #topBar .btn a:hover {
    background: url(/files/user/images/btn_header_register_on.gif?v=1369380892) no-repeat;
}

/* タイトル・はじめての方へ */
#header div.title {
    margin: 30px 0px 20px;
    background: url(/files/user/images/line01.png?v=1366971066) repeat-x;
}
#header .title .wrap {
    position: relative;
}
#header .title h1 {
    padding: 22px;
    text-align: center;
}
#header .title h1 a {
    display: inline-block;
    *display: inline;
    *zoom:1;
}
#header .title .btn {
    position: absolute;
    right: 5px;
    bottom: 9px;
}
#header .title .btn a {
    width: 118px;
    height: 29px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/btn_about.gif?v=1366971066) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#header .title .btn a:hover {
    background: url(/files/user/images/btn_about_on.gif?v=1369743823) no-repeat;
}

/* ナビゲーション */
#nav #nav_items {
    height: 35px;
}
#nav #nav_items > li {
    width: 230px;
    float: left;
}
#nav #nav_items > li > a {
    height: 35px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/nav.gif?v=1369202039) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
/* 新ナビゲーション */
#nav.new #nav_items > li > a {
    background: url(/files/user/images/nav_new.gif?v=1407408704) no-repeat;
}


/* 通常時 */
#nav #nav_items #nav1 > a { background-position: 0px 0px; }
#nav #nav_items #nav2 > a { background-position: -230px 0px; }
#nav #nav_items #nav3 > a { background-position: -460px 0px; }
#nav #nav_items #nav4 > a { background-position: -690px 0px; }

/* :hover時 */
#nav #nav_items #nav1 > a:hover,
#nav #nav_items #nav1.cur > a,
#nav #nav_items #nav1 { background-position: 0px -35px; }
#nav #nav_items #nav2 > a:hover,
#nav #nav_items #nav2.cur > a,
#nav #nav_items #nav2 { background-position: -230px -35px; }
#nav #nav_items #nav3 > a:hover,
#nav #nav_items #nav3.cur > a,
#nav #nav_items #nav3 { background-position: -460px -35px; }
#nav #nav_items #nav4 > a:hover,
#nav #nav_items #nav4.cur > a,
#nav #nav_items #nav4 { background-position: -690px -35px; }

#header #nav li span {
    display: none;
}

/* ドロップダウンナビゲーション */
#header #nav .nav_slidedown {
    border: 1px solid #e0e0d6;
    border-top: none;
    width: 230px;
    position: absolute;
    z-index: 100;
}
#header #nav .nav_slidedown li {
    border-top: 1px solid #e0e0d6;
}
#header #nav .nav_slidedown li:first-child {
    border-top: none;
}
#header #nav .nav_slidedown li a {
    display: block;
    text-decoration: none;
}
#header #nav .nav_slidedown li a p {
    padding: 5px 6px;
    background-color: #ffffff;
    font-size: 10px;
}
#header #nav .nav_slidedown li a .title {
    padding: 3px 0px 3px 20px;
    background: url(/files/user/images/icon_arrow02.png?v=1367919099) no-repeat 7px 6px #efefef;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
}
#header #nav .nav_slidedown li a:hover p {
    background-color: #f8e8e8;
}
#header #nav .nav_slidedown li a:hover .title {
    background-color: #ecb9b8;
}

/*
 新ヘッダー 20140807
------------------------------*/
#header .headerSub .wrap,
#header .headerMain .wrap {
    margin: 0px auto;
    width: 920px;
    overflow: hidden;
}

#header .headerSub {
    background: url(/files/user/images/header_line.png?v=1407405795) repeat-x left bottom #ffffff;
}
#header .headerSub .wrap {
    padding: 24px 0px 27px;
}
#header .headerSub .logo {
    float: left;
}
#header .headerSub .logo a {
    display: block;
}
#header .headerSub .item {
    width: 378px;
    float: right;
}
#header .headerSub .item ul {
    float: left;
}
#header .headerSub .item ul li {
    margin-right: 16px;
    float: left;
    line-height: 23px;
}
#header .headerSub .item ul li a {
    padding-left: 11px;
    background: url(/files/user/images/icon_arrow02.png?v=1367919099) no-repeat left center;
    font-size: 12px;
    font-weight: bold;
}
#header .headerSub .item .searchBox {
    float: right;
}
#header .headerSub .item .searchBox form {
    position: relative;
}
#header .headerSub .item .searchBox form input[type=text] {
    padding: 3px;
    border: 1px solid #999999;
    width: 172px;
    height: 15px;
    line-height: 18px;
    outline: none;
}
#header .headerSub .item .searchBox form input[type=image] {
    position: absolute;
    top: 0px;
    right: 0px;
    outline: none; 
}

#header .headerMain h1 {
    float: left;
}
#header .headerMain h1 a {
    display: block;
}
#header .headerMain .wrap > img {
    float: right;
}


/* ===== footpath ===== */
#footpath {
    margin: 10px auto;
}
#footpath ul {
    overflow: hidden;
}
#footpath ul li {
    float: left;
}


/* ===== main_contents ===== */
/* 朝日新聞デジタル 最新ニュース */
#digitalNews {
    border-top: 2px solid #e0e0d6;
}
#digitalNews .title {
    padding: 5px;
    overflow: hidden;
}
#digitalNews .title h2 {
    margin: 3px 0px 0px;
    float: left;
}
#digitalNews .title p {
    padding-left: 10px;
    border-left: 1px solid #e0e0d6;
    height: 20px;
    float: right;
    font-size: 11px;
    line-height: 20px;
}
#digitalNews .list {
    border-top: 1px solid #e0e0d6;
}
#digitalNews .list li {
    padding: 3px 0px 3px 13px;
    border-bottom: 1px solid #e0e0d6;
    background: url(/files/user/images/icon_arrow02.png?v=1367919099) no-repeat 2px 50%;
}
#digitalNews .list li a {
    font-size: 12px;
}
#digitalNews .btn {
    margin: 10px 0px 30px;
    overflow: hidden;
}
#digitalNews .btn_new {
    margin: 10px 0px 10px;
    overflow: hidden;
}
#digitalNews .btn li,
#digitalNews .btn_new li {
    margin-left: 10px;
    float: right;
}
#digitalNews .btn li a,
#digitalNews .btn_new li a {
    height: 35px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
}
#digitalNews .btn .regist a,
#digitalNews .btn_new .regist a {
    width: 180px;
    background: url(/files/user/images/btn_asahiRegist.gif?v=1369396660) no-repeat;
}
#digitalNews .btn .regist a:hover {
    background: url(/files/user/images/btn_asahiRegist_on.gif?v=1369396660) no-repeat;
}
#digitalNews .btn_new .regist_new a {
    width: 180px;
    background: url(/files/user/images/btn_asahiRegist_off_new.gif?v=1444350437) no-repeat;
}
#digitalNews .btn_new .regist_new a:hover {
    background: url(/files/user/images/btn_asahiRegist_on_new.gif?v=1444350437) no-repeat;
}
#digitalNews .btn .totop a,
#digitalNews .btn_new .totop a {
    width: 168px;
    background: url(/files/user/images/btn_asahiTop.gif?v=1369396661) no-repeat;
}
#digitalNews .btn .totop a:hover,
#digitalNews .btn_new .totop a:hover {
    background: url(/files/user/images/btn_asahiTop_on.gif?v=1369396661) no-repeat;
}
#digitalNews .digitalText {
  text-align: right;
}

/* 記事詳細：snsリンク */
.snsLink {
    overflow: hidden;
    margin: 20px 0;
}
.snsLink-item {
    float: left;
    margin-left: 20px;
}
.snsLink-item a { display: block; }
.snsLink-item img { vertical-align: top; }

/* 下層：会員登録はこちら */
#register {
    margin: 20px 0px;
    padding: 1px;
    border: 2px solid #c0c0b3;
    background-color: #f3f3ef;
}
#register .inner {
    padding: 18px 10px;
    border: 1px solid #c0c0b3;
    overflow: hidden;
}
#register .inner p {
    float: left;
}
#register .inner p.btn {
    float: right;
}
#register .inner p.btn a {
    width: 255px;
    height: 47px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/btn_second_register.png?v=1477995549) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#register .inner p.btn a:hover {
    background: url(/files/user/images/btn_second_register_on.png?v=1478838623) no-repeat;
}

/* ===== side_contents_right ===== */
/* 時事・一般常識ドリル */
#sideDrill {
    width: 288px;
    min-height: 223px;
    background: url(/files/user/images/side_shadow01.png?v=1559268888) no-repeat left top;
}
#sideDrill .wrap1 {
    margin-left: 0px;
    width: 280px;
    min-height: 153px;
    overflow: hidden;
    background-color: #b3d465;
}
#sideDrill .wrap2 {
    margin: 10px;
    padding-bottom: 30px;
    border: 3px solid #eeeeee;
    width: 254px;
    min-height: 167px;
    background: url(/files/user/images/bg_mapList.gif?v=1368072341) repeat;
    position: relative;
}
#sideDrill h2 {
    margin-top: 5px;
    text-align: center;
}
#sideDrill .question {
    margin: 10px auto;
    width: 205px;
    overflow: hidden;
}
#sideDrill .question img {
    float: left;
}
#sideDrill .question p {
    margin-left: 10px;
    width: 175px;
    float: left;
    font-size: 12px;
    line-height: 16px;
}
#sideDrill .btn {
    margin: 0px auto;
    width: 130px;
    height: 26px;
}
#sideDrill .btn a {
    width: 130px;
    height: 26px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/btn_drill_challenge.png?v=1368503149) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#sideDrill .btn a:hover {
    background: url(/files/user/images/btn_drill_challenge_on.png?v=1369380892) no-repeat;
}
#sideDrill .other {
    position: absolute;
    right: -3px;
    bottom: -3px;
}
#sideDrill .other a {
    width: 135px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
    background: url(/files/user/images/btn_toDrill.png?v=1368503149) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#sideDrill .other a:hover {
    background: url(/files/user/images/btn_toDrill_on.png?v=1369380892) no-repeat;
}

#drill_floor {
    margin-bottom: 20px;
    width: 280px;
    height: 13px;
/*    background: url(/files/user/images/side_shadow02.png?v=1368508807) no-repeat;*/
}

/* おススメコンテンツ */
#osusume {
    margin-bottom: 20px;
}
#osusume ul li {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #333333;
    overflow: hidden;
}

#osusume ul li a.thumb {
    margin-right: 10px;
    width: 110px;
    float: left;
    display: block;
}
#osusume ul li div {
    width: 150px;
    float: left;
}
#osusume ul li div h4 {
    padding-left: 13px;
    background: url(/files/user/images/icon_arrow02.png?v=1367919099) no-repeat left 50%;
}
#osusume ul li div h4 a {
    font-size: 12px;
    color: #666666;
}
#osusume ul li div p {
    font-size: 10px;
    color: #666666;
}
#osusume ul li div p b {
    font-size: 10px;
    color: #999999;
}

/* 人気記事 */
#ranking {
    margin-bottom: 20px;
}
#ranking h3 {
    margin-bottom: 15px;
}
#ranking ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #333333;
    overflow: hidden;
}
#ranking ul li .no {
    border: 1px solid #c9c9bd;
    width: 19px;
    height: 19px;
    float: left;
    display: inline-block;
    background-color: #e8e8df;
    font-size: 11px;
    text-align: center;
    line-height: 19px;
}
#ranking ul li div {
    margin-left: 10px;
    width: 245px;
    float: left;
}
#ranking ul li div span {
    padding: 2px 5px;
    display: inline-block;
    background-color: #333333;
    font-size: 10px;
    color: #ffffff;
}
#ranking ul li div h4 {
    margin-top: 2px;
}
#ranking ul li div h4 a {
    font-size: 12px;
    font-weight: normal;
}

/* アーカイブ */
#archive {
    margin: 20px 0px;
}
#archive ul {
    padding-bottom: 10px;
    border-bottom: 1px solid #bdbdb0;
}
#archive ul li {
    margin: 5px 5px 0px;
}

/* サイト内検索 */
#searchBox {
    margin: -26px 0px 20px;
}
#searchBox form {
    position: relative;
}
#searchBox input[type=text] {
    padding: 3px;
    width: 270px;
    height: 16px;
    line-height: 18px;
}
#searchBox input[type=submit] {
    border: none;
    width: 38px;
    height: 24px;
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: #666666;
    font-size: 11px;
    color: #ffffff;
}

#searchBox #branding {
    display: none;
}

/* バナー */
#side_contents_right .banner li {
    margin-bottom: 10px;
}
#side_contents_right .banner li a {
    display: block;
}


/* ===== footer ===== */
#footer {
    margin-top: 80px;
}
#footer .inner {
    margin: 0px auto;
    width: 920px;
    position: relative;
}

#f_top {
    border-top: 1px solid #efefef;
    width: 100%;
    background-color: #f5f2e9;
}
#f_top .inner {
    height: 91px;
}
#f_top .pagetop {
    position: absolute;
    left: 369px;
    top: -22px;
}
#f_top .pagetop a {
    width: 181px;
    height: 44px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/pagetop.png?v=1369382286) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#f_top .pagetop a:hover {
    background: url(/files/user/images/pagetop_on.png?v=1369382286) no-repeat;
}

#f_top .inner div {
    overflow: hidden;
}

#f_top .link {
    margin-right: 15px;
    padding-top: 40px;
    float: left;
}
#f_top .link a {
    width: 225px;
    height: 40px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
}
#f_top .link.navi2015 a {
    background: url(/files/user/images/btn_toNavi.png?v=1366976137) no-repeat;
}
#f_top .link.navi2015 a:hover {
    background: url(/files/user/images/btn_toNavi_on.png?v=1369743823) no-repeat;
}
#f_top .link.navi2016 a {
    background: url(/files/user/images/btn_toNavi2016.png?v=1401345326) no-repeat;
}
#f_top .link.navi2016 a:hover {
    background: url(/files/user/images/btn_toNavi2016_on.png?v=1401345326) no-repeat;
}
#f_top .link.navi0000 a {
    background: url(/files/user/images/btn_toNavi0000.png?v=1427794565) no-repeat;
}
#f_top .link.navi0000 a:hover {
    background: url(/files/user/images/btn_toNavi0000_on.png?v=1427794565) no-repeat;
}


#f_top .toTop {
    padding-top: 40px;
    float: right;
}
#f_top .toTop a {
    width: 215px;
    height: 40px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/btn_toTop.gif?v=1368076869) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#f_top .toTop a:hover {
    background: url(/files/user/images/btn_toTop_on.gif?v=1369743823) no-repeat;
}

#f_link {
    border-top: 3px solid #0093d3;
    background-color: #f0f0f0;
    clear: both;
}
#f_link .inner {
    padding: 15px 0px;
    overflow: hidden;
}
#f_link * {
    font-size: 11px;
}
#f_link a {
    color: #1a5790;
}
#f_link .site {
    margin: 0px 0px 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
}
#f_link .event {
    float: left;
}
#f_link .osusume {
    float: right;
}

#f_bottom {
    border-top: 1px solid #cccccc;
    background-color: #ffffff;
}
#f_bottom .inner {
    overflow: hidden;
}
#f_bottom a {
    color: #1a5790;
}
#f_bottom table {
    margin: 10px 0px 30px;
}
#f_bottom table th,
#f_bottom table td {
    height: 20px;
    vertical-align: top;
}
#f_bottom table td a {
    padding-left: 20px;
    background: url(/files/user/images/common_search_icon_arrowA1.gif?v=1367900592) no-repeat 10px 50%;
    font-size: 10px;
}

#f_bottom .inner div {
    overflow: hidden;
}
#f_bottom div .link {
    float: left;
    display: inline;
}
#f_bottom div .copy {
    margin-top: 22px;
    float: right;
    display: inline;
}
#f_bottom div .copy,
#f_bottom div .copy a {
    font-size: 10px;
}
#f_bottom div .copy a {
    margin-right: 10px;
}


/* ===== 記事トップ 共通 ===== */
#contentWrap h2 {
    margin-bottom: 20px;
}
#contentWrap ul {
    overflow: hidden;
}
#contentWrap ul li {
    margin-bottom: 20px;
    width: 300px;
    float: left;
}
#contentWrap ul li h3 {
    height: 44px;
    background: url(/files/user/images/bg_h3_small.gif?v=1368417617) no-repeat;
    font-weight: normal;
}
#contentWrap ul li h3 span {
    margin-top: 10px;
    padding-left: 10px;
    height: 25px;
    display: inline-block;
    font-size: 18px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    line-height: 25px;
}

#contentWrap ul li div {
    padding-top: 10px;
    border: 1px solid #cecec6;
    border-top: none;
    background: url(/files/user/images/bg_mapList.gif?v=1368072341) repeat;
    text-align: center;
}
#contentWrap ul li div a {
    margin: 0px auto;
    width: 269px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
}
#contentWrap ul li div p {
    margin: 10px auto;
    width: 270px;
    font-size: 12px;
    text-align: left;
}

/* カミングスーン */
#contentWrap ul li.cmsn h3 span {
    border-left: 5px solid #666666;
}


/* ソーシャルボタン */
.bookmark {
    margin-bottom: 25px;
}

.bookmark ul {
    overflow: hidden;
}
.bookmark ul li {
    margin-right: 5px;
    float: left;
}
/* twitter */
.bookmark ul li iframe.twitter-share-button {
    width: 100px !important;
}

/* ページタイトル ---------- */
.page_title_outer {
    display: table;
    position: relative;
    width: 100%;
    min-height: 43px;
    padding: 1px;
    border: 1px solid #ccc;
    border-bottom: none;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
}
.page_title {
    display: table-cell;
    height: 100%;
    padding: 5px 5px 5px 15px;
    box-sizing: border-box;
    background-color: #ecece6;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    vertical-align: middle;
}
.page_title::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translate(0, -50%);
    width: 4px;
    height: 60%;
    content: "";
}

.page_title_outer-ver2 {
    display: table;
    position: relative;
    width: 100%;
    min-height: 43px;
    padding: 1px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
}
.page_title-ver2 {
    display: table-cell;
    height: 100%;
    padding: 5px 5px 5px 15px;
    box-sizing: border-box;
    background-color: #ecece6;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    vertical-align: middle;
}
.page_title-ver2::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 4px;
    height: 60%;
    content: "";
}


/* ===== 記事一覧 共通 ===== */
#list h2 {
    margin-bottom: 30px;
    width: 100%;
}

#list .category a {
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}
#list .category a:hover {
    opacity: .7;
    /* Standard: FF gt 1.5, Opera, Safari; */
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: .7;
    -moz-opacity: .7;
}
#list table {
    width: 100%;
}
#list table td {
    padding: 10px 0px;
    border-bottom: 1px solid #e0e0d6;
}
#list table td.date {
    padding: 10px 10px 10px 0px;
    width: 100px;
}
#list table td.date p {
    font-size: 12px;
}
#list table td div {
    padding-left: 12px;
    border-left: 1px solid #e0e0d6;
}
#list table td div p {
    margin-bottom: 4px;
    padding: 2px 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 10px;
    color: #ffffff;
}
#list table td div h4 a {
    padding-left: 10px;
}

/* 一覧を見るボタン */
#list .toList {
    margin-top: 10px;
    overflow: hidden;
}
#list .toList a {
    width: 90px;
    height: 25px;
    float: right;
    overflow: hidden;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
}


/* ページャ */
#list .page_links {
    margin: 10px 0px;
}

#list .page_links a span {
    margin: 0px;
    display: inline-block;
    font-size: 11px;
}

#list .page_links a.page,
#list .page_links span.current {
    margin: 0px 3px 0px 0px;
}

#list .page_links span {
    border: 1px solid #bdbdb0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    width: 17px;
    height: 17px;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    line-height: 20px;
}
#list .page_links span.current {
    background-color: #bdbdb0;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
}
#list .page_links span.current,
#list .page_links a {
    margin: 0px 3px 0px 0px;
    display: inline-block;
}

#list .page_links a.next,
#list .page_link a.back {
    margin: 0px;
}
#list .page_links a.next span,
#list .page_links a.back span {
    padding: 0px;
    width: 65px;
    height: 17px;
    background: none;
}


/* ===== 記事詳細 共通 ===== */
#detail h2 {
    margin-bottom: 20px;
    width: 100%;
}
#detail .title {
    margin: 0px 0px 10px;
    padding-bottom: 5px;
    background: url(/files/user/images/choukan/line_headTitle.gif?v=1368186841) repeat-x center bottom;
}
#detail .title p {
    margin-bottom: 10px;
    font-size: 11px;
}
#detail .title p.date {
    padding: 2px 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #ffffff;
}
#detail .title h3 {
    margin-bottom: 10px;
    font-size: 22px;
}

#detail .bookmark {
    margin-bottom: 10px;
}

#detail .article {
    margin-bottom: 20px;
}
#detail .article div {
    margin-bottom: 20px;
    overflow: hidden;
}
#detail .article div.text {
    overflow: initial;
}
#detail .article h4 {
    margin-bottom: 20px;
    padding-left: 10px;
    height: 40px;
    background-color: #f3f3ef;
    font-size: 15px;
    line-height: 40px;
}
#detail .article p {
    padding: 0px 5px;
}
#detail .article .photo {
    padding: 0px;
}

#detail .article .photo.left {
    margin: 0px 20px 20px 0px;
    float: left;
}
#detail .article .photo.right {
    margin: 0px 0px 20px 20px;
    float: right;
}
#detail .article .photo.center {
    margin-bottom: 20px;
    text-align: center;
}

#detail .article .link {
    margin-bottom: 20px;
    padding: 20px 0px;
    border-top: 1px dotted #c9c9bd;
}
#detail .article .link table {
    width: 100%;
}
#detail .article .link table th {
    width: 147px;
    vertical-align: top;
}
#detail .article .link table td {
    height: 22px;
    line-height: 22px;
}
#detail .article .link table td a {
    padding-left: 25px;
}

/* ページリンク */
#page_link {
    margin: 10px 0px;
    text-align: center;
    font-size: 12px;
}

/* 同カテゴリの記事 */
#sameCategory {
    margin-top: 15px;
    padding: 10px 0px;
    background-color: #f3f3ef;
}
#sameCategory h2 {
    margin: 0px 5px 5px;
    font-size: 15px;
}
#sameCategory .inner {
    border-top: 1px dotted #999999;
}
#sameCategory .inner ul {
    margin: 0px 15px;
}
#sameCategory .inner ul li {
    margin-top: 10px;
    font-size: 12px;
}
#sameCategory .inner ul li a {
    padding-left: 14px;
    background: url(/files/user/images/icon_arrow02.png?v=1367919099) no-repeat left 50%;
    font-size: 12px;
}

/* ラインナップ */
#lineup {
    margin-top: 20px;
}
#lineup .inner {
    margin-top: 10px;
    overflow: hidden;
}
#lineup .inner div {
    margin-left: 19px;
    width: 194px;
    float: left;
}
#lineup .inner div:first-child {
    margin-left: 0px;
}
#lineup .inner div h4 {
    height: 30px;
    background-color: #f0f0ee;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    text-align: center;
    line-height: 30px;
}
#lineup .inner div ul li {
    margin-top: 5px;
    padding-left: 14px;
    background: url(/files/user/images/icon_arrow02.png?v=1367919099) no-repeat 2px 4px;
    font-size: 12px;
}
#lineup .inner div ul li a,
#lineup .inner div ul li span {
    font-size: 12px;
}
#lineup .inner div ul li span {
    color: #999999;
}

/* 編集長に聞いてみたいこと */
#chiefQa {
    margin: 20px 0px;
    padding: 15px;
    border: 1px solid #e1b10b;
    background: url(/files/user/images/qa/bg_boxQa.gif?v=1371184334) repeat;
}
#chiefQa .wrap {
    margin-bottom: 10px;
    overflow: hidden;
}
#chiefQa .wrap h3 {
    float: left;
}
#chiefQa .wrap p {
    float: right;
}
#chiefQa .wrap p a {
    width: 162px;
    height: 28px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/qa/btn_boxQa.png?v=1371203272) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#chiefQa .wrap p a:hover {
    background: url(/files/user/images/qa/btn_boxQa_on.png?v=1371201265) no-repeat;
}


/* ===== 就活体験レポート・教えて！先輩 共通 ===== */
/* 内定者への質問 */
#naiteiBox {
    margin-top: 20px;
    padding: 20px 15px;
    border: 1px solid #cccccc;
    background: url(/files/user/images/bg_naiteiBox.gif?v=1379068869) repeat;
}
#naiteiBox h3 {
    margin-bottom: 30px;
    text-align :center;
}
#naiteiBox p {
    text-align :center;
}
#naiteiBox .btn {
    margin: 20px auto;
    width: 265px;
}
#naiteiBox .btn a {
    height: 60px;
    overflow: hidden;
    display: block;
    background: url(/files/user/images/btn_toQuestion.png?v=1379051765) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}
#naiteiBox .btn a:hover {
    background: url(/files/user/images/btn_toQuestion_on.png?v=1379051765) no-repeat;
}

#naiteiBox .note {
    font-size: 11px;
    color: #666666;
    text-align: left;
}

/* 今すぐクリック！ */
#senpaiLink {
    margin: 20px 0px;
    padding: 1px;
}
#senpaiLink .inner {
    padding: 16px 10px;
    overflow: hidden;
}
#senpaiLink .inner p {
    float: left;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    color: #232323;
    text-align: center;
}
#senpaiLink .inner .btn {
    margin: 5px 0px 0px;
    width: 164px;
    float: right;
}
#senpaiLink .inner .btn a {
    width: 164px;
    height: 43px;
    overflow: hidden;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
}

/* TOP:今日の朝刊 */
.t-choukan__outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.t-choukanThumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 210px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.t-choukanThumb img {
    width: 150px;
    height: auto;
}

/* margin/padding調整用 */
.ma0 { margin: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mr0 { margin-right: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.pa0 { padding: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pr0 { padding-right: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.ma5 { margin: 5px !important; }
.mt5 { margin-top: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.pa5 { padding: 5px !important; }
.pt5 { padding-top: 5px !important; }
.pr5 { padding-right: 5px !important; }
.pb5 { padding-bottom: 5px !important; }
.pl5 { padding-left: 5px !important; }
.ma10 { margin: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.pa10 { padding: 10px !important; }
.pt10 { padding-top: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.ma15 { margin: 15px !important; }
.mt15 { margin-top: 15px !important; }
.mr15 { margin-right: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.pa15 { padding: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.ma20 { margin: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.pa20 { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.ma25 { margin: 25px !important; }
.mt25 { margin-top: 25px !important; }
.mr25 { margin-right: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.ml25 { margin-left: 25px !important; }
.pa25 { padding: 25px !important; }
.pt25 { padding-top: 25px !important; }
.pr25 { padding-right: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pl25 { padding-left: 25px !important; }
.ma30 { margin: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mr30 { margin-right: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.pa30 { padding: 30px !important; }
.pt30 { padding-top: 30px !important; }
.pr30 { padding-right: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.ma35 { margin: 35px !important; }
.mt35 { margin-top: 35px !important; }
.mr35 { margin-right: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.ml35 { margin-left: 35px !important; }
.pa35 { padding: 35px !important; }
.pt35 { padding-top: 35px !important; }
.pr35 { padding-right: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pl35 { padding-left: 35px !important; }
.ma40 { margin: 40px !important; }
.mt40 { margin-top: 40px !important; }
.mr40 { margin-right: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.pa40 { padding: 40px !important; }
.pt40 { padding-top: 40px !important; }
.pr40 { padding-right: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.ma45 { margin: 45px !important; }
.mt45 { margin-top: 45px !important; }
.mr45 { margin-right: 45px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml45 { margin-left: 45px !important; }
.pa45 { padding: 45px !important; }
.pt45 { padding-top: 45px !important; }
.pr45 { padding-right: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl45 { padding-left: 45px !important; }
.ma50 { margin: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mr50 { margin-right: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.pa50 { padding: 50px !important; }
.pt50 { padding-top: 50px !important; }
.pr50 { padding-right: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.ma55 { margin: 55px !important; }
.mt55 { margin-top: 55px !important; }
.mr55 { margin-right: 55px !important; }
.mb55 { margin-bottom: 55px !important; }
.ml55 { margin-left: 55px !important; }
.pa55 { padding: 55px !important; }
.pt55 { padding-top: 55px !important; }
.pr55 { padding-right: 55px !important; }
.pb55 { padding-bottom: 55px !important; }
.pl55 { padding-left: 55px !important; }
.ma60 { margin: 60px !important; }
.mt60 { margin-top: 60px !important; }
.mr60 { margin-right: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.pa60 { padding: 60px !important; }
.pt60 { padding-top: 60px !important; }
.pr60 { padding-right: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl60 { padding-left: 60px !important; }
.ma65 { margin: 65px !important; }
.mt65 { margin-top: 65px !important; }
.mr65 { margin-right: 65px !important; }
.mb65 { margin-bottom: 65px !important; }
.ml65 { margin-left: 65px !important; }
.pa65 { padding: 65px !important; }
.pt65 { padding-top: 65px !important; }
.pr65 { padding-right: 65px !important; }
.pb65 { padding-bottom: 65px !important; }
.pl65 { padding-left: 65px !important; }
.ma70 { margin: 70px !important; }
.mt70 { margin-top: 70px !important; }
.mr70 { margin-right: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml70 { margin-left: 70px !important; }
.pa70 { padding: 70px !important; }
.pt70 { padding-top: 70px !important; }
.pr70 { padding-right: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pl70 { padding-left: 70px !important; }
.ma75 { margin: 75px !important; }
.mt75 { margin-top: 75px !important; }
.mr75 { margin-right: 75px !important; }
.mb75 { margin-bottom: 75px !important; }
.ml75 { margin-left: 75px !important; }
.pa75 { padding: 75px !important; }
.pt75 { padding-top: 75px !important; }
.pr75 { padding-right: 75px !important; }
.pb75 { padding-bottom: 75px !important; }
.pl75 { padding-left: 75px !important; }
.ma80 { margin: 80px !important; }
.mt80 { margin-top: 80px !important; }
.mr80 { margin-right: 80px !important; }
.mb80 { margin-bottom: 80px !important; }
.ml80 { margin-left: 80px !important; }
.pa80 { padding: 80px !important; }
.pt80 { padding-top: 80px !important; }
.pr80 { padding-right: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl80 { padding-left: 80px !important; }
.ma85 { margin: 85px !important; }
.mt85 { margin-top: 85px !important; }
.mr85 { margin-right: 85px !important; }
.mb85 { margin-bottom: 85px !important; }
.ml85 { margin-left: 85px !important; }
.pa85 { padding: 85px !important; }
.pt85 { padding-top: 85px !important; }
.pr85 { padding-right: 85px !important; }
.pb85 { padding-bottom: 85px !important; }
.pl85 { padding-left: 85px !important; }
.ma90 { margin: 90px !important; }
.mt90 { margin-top: 90px !important; }
.mr90 { margin-right: 90px !important; }
.mb90 { margin-bottom: 90px !important; }
.ml90 { margin-left: 90px !important; }
.pa90 { padding: 90px !important; }
.pt90 { padding-top: 90px !important; }
.pr90 { padding-right: 90px !important; }
.pb90 { padding-bottom: 90px !important; }
.pl90 { padding-left: 90px !important; }
.ma95 { margin: 95px !important; }
.mt95 { margin-top: 95px !important; }
.mr95 { margin-right: 95px !important; }
.mb95 { margin-bottom: 95px !important; }
.ml95 { margin-left: 95px !important; }
.pa95 { padding: 95px !important; }
.pt95 { padding-top: 95px !important; }
.pr95 { padding-right: 95px !important; }
.pb95 { padding-bottom: 95px !important; }
.pl95 { padding-left: 95px !important; }
.ma100 { margin: 100px !important; }
.mt100 { margin-top: 100px !important; }
.mr100 { margin-right: 100px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml100 { margin-left: 100px !important; }
.pa100 { padding: 100px !important; }
.pt100 { padding-top: 100px !important; }
.pr100 { padding-right: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl100 { padding-left: 100px !important; }