@charset "utf-8";
#base .w600 .pagelink a {
color:#FD5A02;
}
#base .w600 a:hover {
text-decoration:underline;
}
.w600 {
font-size: 14px;
line-height: 140%;
width: 500px;
list-style:none;
}
/*.w600 h1 { margin-bottom: 5px; }*/
/* 2012/07/11 */
.w600 h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}

.w600 .header_img img{
margin-bottom:0;
}

.w600 #mailPhoto {
/*margin-bottom: 20px;
padding-bottom: 10px;*/
}
/*.w600 p { margin-bottom: 25px; }*/
.w600 h2 {
margin-bottom: 10px;
margin-top:20px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
}
.w600 h3 {
padding-top: 5px;
padding-bottom: 2px;
margin-bottom: 5px;
font-size: 27px;
line-height:1.1em;
}
#base #cont #c3_l #c3_lr .w600 #backNum #backNumText h4 {
background-color: #FFFFFF;
margin-top:40px;
margin-bottom:15px;
padding-left:15px;
padding-top: 4px;
padding-bottom: 3px;
border-top-width: 3px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF6600;
border-bottom-color: #FF6600;
font-size: 14px;
font-weight: bold;
}
#base #cont #c3_l #c3_lr .w600 #backNumTitleTop #backNumTitle .magagineTitle {
margin-bottom: 0px;
}
#base #cont #c3_l #c3_lr .w600 #malmagaTitle {
color: #FFFFFF;
/*background-color:#E91046;*/
margin-top:9px;
margin-bottom:0px;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 5px;
text-align: right;
padding-right: 5px;
font-weight: bold;
}
.w600 h5 {
padding-bottom: 2px;
padding-left: 5px;
margin-bottom: 3px;
font-size: 14px;
}
.w600 #backNumTitleTop {
background-image: url(../img/mailmagazine/mailma_sample_top.jpg);
background-repeat: no-repeat;
background-position: top;
padding-top: 4px;
}
.w600 #backNumTitle {
background-image: url(../img/mailmagazine/mailma_sample_back.jpg);
background-repeat: repeat;
padding-top: 5px;
padding-left: 15px;
font-weight: normal;
font-size: 93%;
line-height: 1.1em;
padding-right: 10px;
padding-bottom: 5px;
}
.w600 #backNumTitle span {
font-size: 86%;
letter-spacing:0.5px;
}
.w600 #backNum {
letter-spacing:0px;
padding-top: 15px;
padding-bottom: 15px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #FFB76F;
border-bottom-color: #FFB76F;
border-left-color: #FFB76F;
background-color: #FFFFE6;
margin-bottom: 20px;
}
.w600 #backNum #backNumText {
width: 92%;
min-width: 30em;
    max-width: 48em;
margin-right: auto;
margin-left: auto;
}
#base #cont #c3_l #c3_lr .w600 #backNum #backNumText li {
list-style:none;
}
#base #cont #c3_l #c3_lr .w600 #backNum #backNumText ul {
margin-bottom:15px;
}
.w600 #linkBox { margin-bottom: 10px; }

.w600 #linkBox p {
margin-left:0.5em;
margin-bottom: 5px;
background-image:url(../img/arrow_red_right.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
}


.w600 #magmag {
padding-top: 10px;
padding-bottom: 10px;
border: 2px solid #CCCCCC;
margin-bottom: 20px;
}
.w600 #magmag p {
font-size: 86%;
margin-bottom: 5px;
margin-right: 8px;
margin-left: 8px;
}

.w600 #magmag .textMag { width: 100%; }
.w600 .powered { font-size: 86%; }
.w600 #magmag span { font-size: 11px; }
.w600 form {
margin-bottom: 5px;
margin-right: 10px;
margin-left: 10px;
}
.w600 p span  { font-size: 86%; }
.w600 .mailMaga {
width: 250px;
margin-bottom: 15px;
float: left;
}
.w600 .mailMaga p {
 margin-bottom: 5px;
margin-right: 8px;
margin-left: 8px;
}
.backNumber {
font-size: 14px;
margin-bottom:5px;
}

.backNumber dl {
margin-top:-5px;
margin-bottom:12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #F30;
}

.backNumber dt {
width: 115px;
font-size: 12px;
background-image: url(../img/arrow_red_right.gif);
background-repeat: no-repeat;
background-position: right 10px;
padding-top: 7px;
padding-right: 12px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 5px;
}
.backNumber dd {
width: 375px;
margin-left: 120px;
margin-top: -30px;
margin-bottom: 7px;
padding-left: 10px;
padding-top: 7px;
margin-right: 10px;
line-height: 1.3em;
}

.w600 .m_box + .m_box{
  margin-top :45px;
}
.w600 .m_heading__secondary{
  font-size: 16px;
  background-color: unset;
}
.w600 .m_text + .m_text{
  margin-top: 1.5rem;
}


/*index_page*/

.backNumber--index{
  line-height:1.4;
}
.backNumber__ttl{
  font-size:18px;
  font-weight: bold;
}
.backNumber__list{margin-top:30px;}
.backNumber__item{}
.backNumber__item + .backNumber__item{
  margin-top:20px;
}
.backNumber__periodList{}
.backNumber__periodItem{
  margin-top:5px;
}
.backNumber__periodItem > a{
  background: url(/common/images/icon_arrow-r_box-s_CCCCCC.gif) no-repeat 0 5px;
  color: black;
  display: block;
  padding: 0 0 0 15px;
  cursor: pointer;
}

/*共通項目（ページ送り）*/
.pagelink {
clear: both;
width: 100%;
font-size: 13px;
line-height: 1.3em;
}

.pagelink .pageUp {
margin-top:5px;
padding-right: 10%
padding-bottom:10px;
width: 45%;
float: left;
background-position: left 3px;
text-align: left;
display: flex;
align-items: flex-start;
}
.pagelink .pageUp .prevPageArrow {
float: left;
width:8px;
margin-right:5px;
}
.pagelink .pageUp .prevPageText {
margin-top:-2px;
float: left;
}
.pagelink .nextPage {
margin-top: 5px;
padding-bottom:10px;
width: 45%;
float: right;
background-position: right 3px;
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
}
.pagelink .nextPage .nextPageArrow {
float: right;
width:8px;
margin-left:3px;
}
.pagelink .nextPage .nextPageText {
margin-top:-2px;
float: right;
text-align: left;
}

/*左ナビ*/
.sort{padding-left:20px;}




/*メルマガ登録*/
.w600 .entryImg {
margin-top: 5px;
margin-bottom: 10px;
}
.w600 .melmaText{
margin-bottom:10px;
}


/*お問い合わせ箇所*/
.contact{
margin-top:30px;
}
/*左ナビ*/
#cont #c3_ll dl .sort {
padding-left:12px;
padding-top:6px;
}
#cont #c3_ll dl .sort a {
padding-left:12px;
}
#cont #c3_ll dl .sort .secMt5 {
margin-top:-5px;
}
#cont #c3_ll dl .mTitle a {
background:none;
padding-left:0px;
}
#cont #c3_ll dl .mTitle2 {
padding: 6px 0 4px 0px;
}

#cont #c3_ll dl dt.mTitle2 {
margin:0;
padding:0;
}

#cont #c3_ll dl dt a{
padding:6px 0px 4px;
}


/* information 追記 */

.w600 #linkBox .infoBox{
border:1px solid #660099;
padding:10px;
margin:10px 0;
}

.w600 #linkBox .mb_recruitBox_l{
float:left;
width:260px;
}

.w600 #linkBox .mb_recruitBox_r{
float:right;
width:200px;
}

.w600 #linkBox .mb_recruitBox_l p , .w600 #linkBox .mb_recruitBox_r p{
background-image:none;
margin-left:0;
padding-left:0;
}

.w600 #linkBox .mb_recruitBox_l p.mb_title{
background-image:url("../img/mailmagazine/icon_arrow.gif");
background-position:left center;
background-repeat:no-repeat;
padding-left:30px;
font-size:24px;
}



/********************/

table.border-b {
    border-collapse: collapse;
    height: 3px;
    width: 100%;
}
table.border-b .line_l {
    background-color: #999999;
    width: 190px;
}
table.border-b .line_c {
    width: 1px;
}
table.border-b .line_r {
    background-color: #999999;
    width: 309px;
}
#cont h2.book {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../../common/images/line_dott_999999.gif");
    background-position: 0 100%;
    background-repeat: repeat-x;
margin-top:0;
}
#cont h2.book span {
    display: block;
    font-size: 14px;
    line-height: 1em;
    padding: 12px 0 10px;
}
#cont h2.book span img {
    background: none repeat scroll 0 0 black;
    border: medium none;
    margin-right: 5px;
}
#cont h2.book span.date {
    font-size: 12px;
    font-weight: normal;
    margin-top: -2.8em;
    text-align: right;
}
.book_box {
    width: 100%;
    display: flex;
}

.w600 #linkBox .book_box .right p{
background-image:none;
margin:0;
padding:0;
}

.book_box .left {
    width: 35%;
    margin: 10px;
}
.book_box .right {
    width: 65%;
    font-size: 12px;
    line-height: 1.5em;
    margin-top: 10px;
}
.book_box .right dl dd {
    margin-left: 4em;
    margin-top: -1.5em;
}


/* 2015/10/27 追記 */
.w600 #backNum #backNumText div{margin-bottom:10px;}


/* 年次別メルマガバックナンバーの右ナビ用 */
div.area_list p.list_trigger {
padding: 10px 0px;
/*background: url("../images/icon_rightnavi_arrow-b_CC0000.gif") no-repeat scroll 5px 11px transparent;*/
}

div.area_list p.list_trigger a{
color:#000000;
}

div.area_list p.list_trigger a:hover{
background-color:#EEEEEE;
}


div.area_list p.list_trigger img{
background-color:#0066FF;
margin-right:10px;
}

div#cont div#c3_ll div.area_list img.bar_l{
background-color:#0066FF;
}

div#cont div#c3_ll div.area_list img.bar_r{
background-color:#3399FF;
}
/*2019/05/30 「詳しくはこちら」のリンクボタン修正*/
.w600 #linkBox .book_box .right .btn-forDetail {
    margin: 10px 0;
    text-align: right;
}