div#mainBlock {
    margin: 10px;
}

div#mainBlock span.date {
    display: block;
    text-align: right;
    color: #AAAAAA;
    font-size: 12px;
    margin-bottom: 10px;
}

div#submidashi {
    line-height: 1.5;
    color: #666666;
    font-size: 13px;
}

div#mainBlock h1 {
    line-height: 1.5;
    font-weight: bold;
    font-size: 16px;
}

div#mainBlock span#writer {
    display: inline-block;
    float: right;
    text-align: right;
    font-size: 14px;
    padding: 15px 0 0;
}

p.pageselect {
    margin: 10px 0;
    text-align: center;
    font-size: 18px;
}

p.pageselect a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    min-height: 26px;
    color: blue;
    padding: 4px 5px 2px 5px;
    vertical-align: middle;
}

p.pageselect a.currentpage {
    color: black;
    background-color: #eee;
}

p.pageselect .prevlabel,
p.pageselect .nextlabel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    width: 83px;
    min-height: 26px;
    display: inline-block;
    padding: 6px 0 3px 0;
}

p.pageselect .prevlabel {
    text-align: right;
    padding-right: 5px;
}

p.pageselect .nextlabel {
    text-align: left;
    padding-left: 5px;
}

p.pageselect a.prevlabel {
    background: url("/sp/images/common/prev.png") no-repeat left center;
    background-size: 83px auto;
}

p.pageselect span.prevlabel {
    background: url("/sp/images/common/prev_on.png") no-repeat left center;
    background-size: 83px auto;
}

p.pageselect a.nextlabel {
    background: url("/sp/images/common/next.png") no-repeat left center;
    background-size: 83px auto;
}

p.pageselect span.nextlabel {
    background: url("/sp/images/common/next_on.png") no-repeat left center;
    background-size: 83px auto;
}

div#mainBlock p#pagenext a {
    background: url("/sp/image/common/next_pr.png") no-repeat left center;
    font-size: 13px;
    padding-left: 75px;
}

div#mainBlock .newsbody {}

div#mainBlock img {
    max-width: 300px;
}

div#mainBlock div.img_line {
    display: table;
    width: 1px;
    max-width: 300px;
}

div#mainBlock div.img_line div.img_wrap {
    display: inline-block;
    font-size: 12px;
    margin: 4px auto;
    width: auto
}

div#mainBlock div.img_line div.img_wrap img {
    width: auto;
    height: auto;
    vertical-align: top;
}

div#mainBlock div.img_left,
div#mainBlock div.img_right,
div#mainBlock div.img_center {
    margin: auto;
}

div#mainBlock .img_caption {
    color: #000066;
    text-align: left;
    display: block;
    min-width: 240px;
}

div#mainBlock .newsTaglist {
    margin: 10px 0px;
}

div#mainBlock .newsTaglist ul {
    padding: 0;
    margin-bottom: 0.8em;
}

div#mainBlock .newsTaglist ul li {
    list-style: none;
    font-size: 1rem;
    display: inline-block;
    padding-right: 3px;
    margin-bottom: 0.8em;
}

div#mainBlock .newsTaglist ul li:not(:first-child) a{
    padding: 2px 10px;
    line-height: 1.5rem;
    color:#0085C9;
    display: inline-block;
    border:1px solid #0085C9;
    border-radius: 1.5rem;
    text-decoration: none;
}

div#mainBlock .newsTaglist ul li:not(:first-child) a:hover{
    padding: 2px 10px;
    line-height: 1.5rem;
    color:#FFF;
    background-color: #0085C9;
    border:1px solid #0085C9;

}

div#mainBlock .newsTaglist ul li.tagRline {
    display: block;
    margin: 1.5em 0 0.5em;
    font-weight: bold;
}

div#linksBlock {
    clear: both;
    margin: 5px 0;
    border-top: 2px solid #444;
    background-color: #eee;
    padding: 5px;
}

div#linksBlock h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

div#linksBlock li {
    font-size: 14px;
    margin-left: 1.2em;
    padding-bottom: 5px;
}

div#linksBlock li a {
    font-size: 1.2em;
}

div#productInfo {
    margin: 5px;
}

div#productInfo span#productBt a {
    background: url("/sp/image/common/specBtOpen.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 34px;
    overflow: hidden;
    text-indent: -9999px;
    width: 300px;
    margin: auto;
}

div#productInfo span#productBt a.toclose {
    background: url("/sp/image/common/specBtClose.png") no-repeat scroll 0 0 transparent;
}

div#productInfo div.productBox {
    border-top: 2px solid #666666;
    margin: 15px 0 10px;
    padding-top: 10px;
}

div#productInfo div.productBox .leftBox {}

div#productInfo div.productBox ul.productList li {
    border-bottom: 1px dotted #444444;
    clear: both;
    margin: 0 0 10px;
    padding: 0 0 10px;
    list-style: none;
    font-size: 10px;
}

div#productInfo div.productBox ul.productList li span.subject {
    font-weight: bold;
}

div#productInfo div.productBox ul.productList li span.productListText {
    padding-left: 1em;
}

div#productInfo div.productBox ul.productLinks {}

div#productInfo div.productBox ul.productLinks li {
    list-style: square outside none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}

div#productInfo div.productBox ul.productLinks li a {
    color: #003366;
}

div#productInfo div.productBox .rightBox {}

div#productInfo div.productBox .rightBox div.specBox {
    background-color: #F4F4F4;
    padding: 4px 10px;
    font-size: 10px;
}

.sub_title {
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    color: #003365;
    font-size: 14px;
}


/*
div#relayBlock {
    margin: 5px;
    border-top:2px solid #444;
    padding:5px;
    clear:both;
}
div#relayBlock h3 {
    font-size:14px;
    font-weight:bold;
    padding-bottom:7px;
    margin-bottom:4px;
    border-bottom:1px solid #aaa;
}
div#relayBlock ul {
    margin:10;
}
div#relayBlock li {
        font-size:14px;
        padding:4px;
        margin:0;
    border-bottom:1px solid #888;
    list-style:none;
}
div#relayBlock li a {
    text-decoration:none;
    color:black;
}
div#relayBlock li a span {
        padding-left:1em;
    font-size:13px;
    color:gray;
}
div#relayBlock div.thumb {
    width:150px;
    height:150px;
    display:box;
    position:relative;
}
div#relayBlock img {
    width:150px;
    margin:0;
    position:absolute;
    bottom:0;

    border: 1px solid #D7D7D7;
}
*/

ul#itemList {}

ul#itemList > li {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
}

ul#itemList > li a {
    display: block;
    line-height: 1.35;
    padding: 10px;
    text-decoration: none;
    color: black;
}

ul#itemList > li a span.subtitle {
    font-size: 13px;
    color: gray;
    display: block;
}

ul#itemList > li a span.title {
    font-weight: bold;
}

ul#itemList > li a span.date {
    color: gray;
    font-size: 14px;
}

h3.title {
    font-weight: bold;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 7px;
    padding-bottom: 5px;
    color: #000000;
}

div.section {
    margin-bottom: 20px;
    padding: 0 10px;
}

ul.list > li {
    display: table;
    width: 100%;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

ul.list > li:last-child {
    margin-bottom: 0;
}

ul.list > li .list-left {
    display: table-cell;
    vertical-align: top;
    width: 100px;
}

ul.list > li .list-left img {
    border: solid 1px #E9E9E9;
    padding: 1px;
}

ul.list > li .list-right {
    word-break: break-all;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

ul.list > li a span.subtitle {
    font-size: 14px;
    color: #666666;
    display: block;
    line-height: 1.2;
    margin-bottom: 5px;
}

ul.list > li a span.title {
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #000000;
    line-height: 1.2;
}

ul.list > li a span.description {
    font-size: 12px;
    color: #444444;
}

ul.list > li a {
    display: block;
    text-decoration: none;
}

.audio-image {
    margin: 0 10px 15px;
    position: relative;
}

.audio-image img {
    width: 100%;
}

.audio-image p {
    font-size: 14px;
    color: #ffffff;
    background: rgba(51, 51, 51, 0.70);
    padding: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.audio-image p span {
    display: block;
    text-align: left;
}

.audio-image p span.chatch {
    font-size: 12px;
    margin-bottom: 5px;
}

.audio-image p span.text {}

.audio-image a {
    text-decoration: none;
}

/* DIGICAME channel*/


.dc header h1.logo img {
    height: 22px;
}

.dc #slideArea{
    padding: 0 10px;
    position: relative;
}

.dc #slideArea .bx-wrapper {
    margin-bottom: 2rem;
}
.dc #slideArea .bx-wrapper .bx-pager {
    bottom: -25px;
}

.dc .dc-image img {
    width: 100%;
}

.dc .dc-image p {
    font-size: 12px;
    line-height: 1.4;
    color: #ffffff;
    background: rgba(51, 51, 51, 0.6);
    padding: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.dc .dc-image p span {
    display: block;
    text-align: left;
}

.dc .dc-image p span.chatch {
    font-size: 11px;
    margin-bottom: 0px;
}

.dc .dc-image a {
    text-decoration: none;
}

.featured .list {
    padding: 0 10px ;
}

.featured  h2{
    margin-bottom: 10px;
}

.featured .list ul {
  list-style:none;
  display:flex;
  flex-wrap: wrap;
}
.featured .list li{
  width: 49%;
  margin-right: 1%;
  list-style:none;
  display:list-item;
  zoom:normal;
  position: relative;
  margin-bottom: 10px;
}

.featured .list li:nth-child(even){
  margin-right: 0;
  margin-left: 1%;
}

.featured .list li img {
  width: 100%;
}

.featured .list .text {
  width: 100%;
  box-sizing: border-box;
  padding: 4px;
  font-size: 0.7rem;
  line-height: 1.2;
  position: absolute;
  bottom:0;
  left: 0;
  color:#FFF;
  background-color: rgba(0,0,0,0.5);
}



.pager {
    text-align: center;
    margin-bottom: 10px;
}

div.article span.cateIcon {
    float: none;
}

div.article div.articleContents {
    display: table-cell;
    vertical-align: top;
}

div.article div.articleContents h3 {
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #000000;
    line-height: 1.2;
}

div.article .floatL img {
    border: 1px solid #E9E9E9;
}

div#productInfo span#productBt a {
    background: url("/sp/image/common/specBtOpen-2.png") no-repeat scroll 0 0 transparent;
    -webkit-background-size: 200px auto;
    background-size: 300px auto;
}

div#productInfo span#productBt a.toclose {
    background: url("/sp/image/common/specBtClose-2.png") no-repeat scroll 0 0 transparent;
    -webkit-background-size: 200px auto;
    background-size: 300px auto;
}

span.lineBtn {
    padding: 0;
}

span.lineBtn img {
    vertical-align: baseline;
}

div#ad {
    text-align: center;
    margin: 0 0 10px 0;
}


/***** grid *****/

h3.relayHead {
    font-weight: bold;
    color: #00468C;
    font-size: 16px;
    border-bottom: 2px solid #BABABA;
    padding: 5px;
}

div#relayBlock.news {
    padding: 0px 5px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;

}

div.outer_grid {
    width: 150px;
    height: 260px;
    margin: 0px 2px;
    float: left;
}

div.img_grid {
    width: 150px;
    height: 150px;
    display: table-cell;
    vertical-align: bottom;
}

div.img_grid img {
    max-width: 148px;
    max-height: 148px;
    border: 1px solid rgba( 0, 0, 0, 0.1);
}

div.text_grid {
    width: 140px;
    height: 50px;
    padding: 5px;
    line-height: 1.3;
    font-size: 84%;
    text-align: left;
}

#closeupBox {
    border-bottom: none;
}

div#relayBlock.interview {
    margin: 5px;
    border-top: 2px solid #444;
    padding: 5px;
    clear: both;
}

div#relayBlock.interview h3 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
    margin-bottom: 4px;
    border-bottom: 1px solid #aaa;
}

div#relayBlock.interview ul {
    margin: 10;
}

div#relayBlock.interview li {
    font-size: 14px;
    padding: 4px;
    margin: 0;
    border-bottom: 1px solid #888;
    list-style: none;
}

div#relayBlock.interview li a {
    text-decoration: none;
    color: black;
}

div#relayBlock.interview li a span {
    padding-left: 1em;
    font-size: 13px;
    color: gray;
}

/***** related article *****/

div#relayBlock {
    margin:10px 0px 20px 0px;
}

 li.relayItem {
     clear:both;
     width: 100%;
     margin-left auto;
     margin-right auto;
     font-size: 84%;
     text-align: left;
 }

 div.relayImage {
     margin-left:5px;
     max-width: 70px;
     height: auto;
     float:left;
     margin-bottom:15px;
 }
 
 div.relayTitle {
     padding-left: 85px;
     text-align:left;
 }

 div.relayTitle a {
     color: #466282;
     font-weight: bold;
     text-decoration: none;
 }
 
 div.relayDate {
     text-align:left;
     color: gray;
     padding-left: 85px;
     margin-bottom:10px;
 }