@charset "Shift_JIS";

/*====================================================
 common
====================================================*/
#hed_wrapper{
  position: relative;
  padding-bottom:42px;
}

/*====================================================
 tagline
====================================================*/
.tagline{
  position: relative;
  width: 1000px;
  margin: 0 auto;
  font-size:13px;
}

.tagline span{
  display: block;
  position: absolute;
  top: 70px;
  left: 190px;
  z-index: 1001;
  line-height: 1.4;
  width: 400px;
  text-align: left;
  font-weight: normal;
  background: url("/img/2016/catch.png") no-repeat;
  
}


/*====================================================
 header
====================================================*/
.header{
  background: url("/img/2016/header.gif") repeat-x;
}
.header .inner{
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0 5px;
}
.header .dpz_logo{
  padding-top: 16px;
  float: left;
}
.header .dpz_logo a{
  display: block;
  width: 200px;
  height: 71px;
  background: url("/img/2016/sprite.png") no-repeat;
  text-indent: -9999px;
  float: left;
  margin-top: 12px;
  margin-bottom: 18px;
}
.header_link{
  width: 400px;
  float: right;
}
.header_link .nifty_logo {
  margin: 12px 0 15px;
}
.header_link .nifty_logo a{
  display: block;
  float: right;
  text-indent: -9999px;
  width: 128px;
  height: 35px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -199px 1px;
  overflow: hidden;
}
.header_link ul {
  float: right;
  display: inline-block;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  line-height: 1.37 !important;
}
.header_link ul li{
  float: left;
  width: 34px;
  padding: 0 0 0 10px;
  text-align: left !important;
  vertical-align: top !important;

}
.header_link ul li a{
  width: 38px;
  height: 38px;
  display: block;
  background: url("/img/2016/sprite.png") no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  line-height:1;
}
.header_link ul li.twitter a  {  background-position: -204px -36px;}
.header_link ul li.fb a       {  background-position: -242px -36px;}
.header_link ul li.googleplu a{  background-position: -280px -36px;}
.header_link ul li.tumblr a   {  background-position: -317px -36px;}



/*====================================================
 gnavi
====================================================*/
.gnavi{
  background: #000;
}
.gnavi a{
  color: #FCD10D;
  text-decoration: none;
}
.gnavi a:hover{
  color: #FCD10D;
  text-decoration: underline;
}
.gnavi .inner{
  width: 1000px;
  margin: 0 auto;
  padding: 13px 0;
}
.gnavi ul.gnavi_list     {float:  left; width: 600px; margin-top: 9px;}
.gnavi ul.gnavi_tomonokai{float: right; width: 310px;}

.gnavi ul.gnavi_list li{  float: left;}

.gnavi ul.gnavi_list li a{
  display: block;
  overflow: hidden;
  background: url("/img/2016/sprite.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
  height: 20px;
}
.gnavi ul.gnavi_list li.about a  {width: 172px;  background-position: -11px -97px; margin-right: 28px;}
.gnavi ul.gnavi_list li.smp a    {width: 92px;   background-position: -229px -97px; margin-right: 20px; }
.gnavi ul.gnavi_list li.english a{width: 78px;   background-position: -341px -97px; margin-right: 28px;}
.gnavi ul.gnavi_list li.collabo a{width: 155px;  background-position: -458px -97px;}

.gnavi ul.gnavi_list li.about a:hover  {background-position: -11px  -159px; }
.gnavi ul.gnavi_list li.smp a:hover    {background-position: -229px -159px; }
.gnavi ul.gnavi_list li.english a:hover{background-position: -341px -159px; }
.gnavi ul.gnavi_list li.collabo a:hover{background-position: -458px -159px;}



.gnavi ul.gnavi_tomonokai li{
  float: left;
  }
.gnavi ul.gnavi_tomonokai li a{
  display: block;
  overflow: hidden;
  background: url("/img/2016/sprite.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
  height: 35px;
}
.gnavi ul.gnavi_tomonokai li.tomonokai a  {width: 103px;  background-position: -702px -89px; margin-right: 12px;}
.gnavi ul.gnavi_tomonokai li.matu a       {width: 90px;   background-position: -817px -89px; margin-right: 15px; }
.gnavi ul.gnavi_tomonokai li.ume a        {width: 90px;   background-position: -922px -89px;}

.gnavi ul.gnavi_tomonokai li.tomonokai a:hover  {background-position: -702px -151px;}
.gnavi ul.gnavi_tomonokai li.matu a:hover       {background-position: -817px -151px;}
.gnavi ul.gnavi_tomonokai li.ume a:hover        {background-position: -922px -151px;}


/*====================================================
footer
====================================================*/
.footer{
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  background: #000;
  color: #FFF;
}
.footer a{
  color: #FFF !important;
  text-decoration: none !important;
}
.footer a:hover{
  text-decoration: underline;
}
.footer .inner{
  width: 1000px;
  margin: 0 auto;
  padding: 18px 0 80px;
}

.footer .nifty{
  float: left;
  display: table;
}
.footer .nifty li{
  display: table-cell;
  padding-right: 5px;
}
.footer .nifty li a{
  display: block;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -331px -18px;
  text-indent: -9999px;
  width: 99px;
  height: 15px;
}
.footer .nifty li:first-child a{
  width: 90px;
  background-position: -331px -1px;
}

.footer .detail{
  float: right;
  display: inline-block;
  vertical-align: top;
  margin: -3px 0 10px 0;
}
.footer .copy{
  text-align: right;
}

/*==============================================================
 #contents
==============================================================*/
#contents{

}
.contents_inner{
  width: 1000px;
  margin: 0 auto;
}


/*====================================================
main_contents
====================================================*/
#main_contents{
  width: 700px;
  float: left;
  padding-bottom: 40px;
}
#main_contents .unit{
  width: 670px;
  background: #FFF;
  border: 2px solid #000;
  border-radius: 5px;
  margin-bottom: 20px;
}
#main_contents section.unit{
  margin-bottom: 18px;
}
#main_contents section.unit.new {
  border: 2px solid #e6521e;
}
#main_contents section.unit.new.post{
  border: 2px solid #199cd2;
}
#main_contents .unit .module_inner{
  padding: 10px;
}
#main_contents .unit.unit_info{
  padding: 8px 0 15px;
}
#main_contents .unit.unit_info .module_inner{
  padding: 0;
  width: 645px;
  margin: 0 auto;
}


/*-------------------
今日のみどころ
-------------------*/

.unit_info .midokoro_ttl{
  display: block;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -642px 0;
  text-indent: -9999px;
  width: 137px;
  height: 48px;
}
.unit_info .midokoro_list li:first-child{
  margin-top: 0;
}

.unit_info .midokoro_list li{
  margin-top: 5px;
}
.unit_info .midokoro_list li a{
  text-decoration: none;
  line-height: 1.1;
  font-size:16px;
}
.unit_info .midokoro_list li a:hover{
  text-decoration: underline;
}

/*-------------------
バズリー特設
-------------------*/

.unit_info .buzzly_ttl{
  display: block;
  background: url("/img/2016/buzzly_maincolumn.png") no-repeat;
  text-indent: -9999px;
  width: 200px;
  height: 42px;
  margin-bottom: 10px;
}
.unit_info .buzzly_list li:first-child{
  margin-top: 0;
}

.unit_info .buzzly_list li{
  margin-top: 5px;
}
.unit_info .buzzly_list li a{
  text-decoration: none;
  line-height: 1.1;
  font-size:16px;
}
.unit_info .buzzly_list li a:hover{
  text-decoration: underline;
}

/*-------------------
だいじなお知らせ
-------------------*/
.unit_info .module.info{
  margin-top: 15px;
}
.unit_info .module.info .module_inner{
  border-top: dotted 1px #000;
}
.unit_info .info_ttl{
  display: block;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -643px -50px;
  text-indent: -9999px;
  width: 156px;
  height: 22px;
  margin: 10px 0 7px;
}

.unit_info .info_list li{
  margin-top: 3px;
}
.unit_info .info_list li:first-child{
  margin-top: 0;
}
.unit_info .info_list li a{
  text-decoration: none;
  line-height: 1.1;
  font-size:16px;
}
.unit_info .info_list li a:hover{
  text-decoration: underline;
}


/*-------------------
TOP 記事
-------------------*/
section.unit {
  position: relative;
}

/*リンク設定*/
section.unit .module_inner a.main_link{
  cursor: pointer;
  display: block;
}

section.unit .module_inner a.main_link:hover{
  background-color: #fff;
  opacity: 0.75;
  z-index: 1;
}

/*記事タイトル*/
section.unit h1{
  padding: 8px 0 10px;
}

section.unit.post h1{
  padding: 0px 0 5px;
}

/*記事 画像*/
section.unit .ttl_img img{
  padding: 5px 0 0;
  width: 100%;
  height: auto;
}

/*記事 テキスト*/
section.unit .detail{
  background: #ffe400;
  padding: 10px;
}
section.unit.post  .detail{
  background: #C3DEE6;
}

section.unit .writer{
  display: table-cell;
  vertical-align: top;
  width: 85px;
}
section.unit .writer img{
  width: 75px;
}

section.unit .lead_area{
  display: table-cell;
  vertical-align: top;
  position: relative;
}
section.unit .lead_area .lead{
  margin-bottom: 8px;
}
section.unit .lead_area .lead a{
  text-decoration: none;
  line-height: 1.1;
  font-size:15px;
}
section.unit .lead_area .lead a .data{
  color: #000;
  font-size:14px;
}

section.unit .lead_area .lead a:hover{
  text-decoration: underline;
}



.sns_list_box{
  padding-left: 100px;
  margin: 30px 0 25px;
}

.sns_list{
  display: table;
  position: relative;
  z-index: 10;
}
.sns_list li{
  display: table-cell;
  vertical-align: top;
  padding-right: 5px;
}


section.unit .corner{
  padding: 10px 10px 0px;
}

section.unit .corner a{
  font-size: 12px;
  font-weight: bold;
  color: #000;
  display: block;
}
section.unit .corner a img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 80px;
}

section.unit .corner a:hover{
  opacity: 0.7;
}


/* プープーテレビ ・　再放送　*/
#main_contents .unit_point{
  width: 670px;
  background: #FFF;
  border: 2px solid #000;
  border-radius: 5px;
  margin-bottom: 20px;
}
#main_contents .unit_point .module{
  padding: 10px;
}
#main_contents .unit_point.pptv{
  background: #ffeea2;
}
.unit_point .module_inner{
  display: table;
  width: 100%;
}
.unit_point .module_inner .img_area{
  display: table-cell;
  vertical-align: top;
  width: 104px;
}
.unit_point .module_inner .img_area:hover img{
  cursor:poiter;
  background-color: #fff;
  opacity: 0.75;
  z-index: 1;
}

.unit_point .module_inner .lead_area{
  display: table-cell;
  vertical-align: top;
}

.unit_point.pptv .ttl{
  margin-bottom: 4px;

}
.unit_point.pptv .ttl a{
  color: #000;
  line-height: 1.1;
  font-size:12px;
}
.unit_point.pptv .ttl a:hover{
  opacity: 0.75;
}

.unit_point.pptv .ttl span{
  display: inline-block;
  vertical-align: middle;
}
.pptv_logo{
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -796px -9px;
  text-indent: -9999px;
  width: 113px;
  height: 28px;
  padding-right: 5px;
}

.unit_point .ttl{
  font-weight: bold;
  line-height: 1.4;
  font-size:16px;
}
.unit_point .module_inner .lead_area ul li a{
  line-height: 1.1;
  font-size:14px;
}

.unit_point .module_inner .lead_area ul li a .data{
  display: block;
  color: #000;

}


/* バックナンバー */

#main_contents .backnumber a{
  background: #FF7F00;
  display: block;
  height: 43px;
  width: 670px;
  position: relative;
  text-indent: -9999px;
}
#main_contents .backnumber a:after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -438px -4px;
  width: 193px;
  height: 24px;
  margin-top: -13px;
  margin-left: -98px;
}
#main_contents .backnumber a:hover{
  background: #e77606;
}


/*====================================================
sub_contents
====================================================*/
#sub_contents{
  width: 300px;
  float: right;
  padding-bottom: 40px;
  text-align: left;

}
#sub_contents.page{
  padding-top: 48px;
}


/*検索*/
.sub_search{
  background: #FFF;
  margin-bottom: 15px;
  width: 296px;
}
.sub_search .module{
  padding: 10px 5px;
}
.sub_search .module form{
	width: 290px;
	margin: 0 auto;
}

.sub_search input[type="text"]{
  border: solid 1px #acacac;
  background: #fff;
  margin-right: 10px;
  padding: 2px 5px 2px;
  font-size: 13px;
  line-height: 1;
  min-height:19px;
  width: 210px;
}
.sub_search ul li.radio > ul{
  padding: 3px 0 0;
}
.sub_search ul li.radio > ul > li{
  display: inline-block;
  vertical-align: bottom;
  font-size:13px;
  margin-right: 9px;
}
.sub_search ul li.radio > ul > li > input[type="radio"]{
  vertical-align: top;
  margin-top: 1px;
  margin-right: 3px;
}
.sub_search ul li.radio > ul > li > label{
  vertical-align: top;
}


/*テレビ*/
.sub_onAir{
  position: relative;
  width: 276px;
  height: 185px;
  margin: 0 auto 15px;
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  border-radius: 10px;
  color: #FFF;
}
.sub_onAir .module{
  padding: 20px 16px;
  display: table;
}
.sub_onAir .module_inner{
  display: table-cell;
  vertical-align: middle;
  width: 177px;
  height: 145px;
  padding: 0px 5px;
  border-radius: 8px;
  background: #E6521E;
  text-align: center;
}

.sub_onAir .module_inner .point{
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: -231px -661px;
  width: 65px;
  height: 19px;
  margin: 0 auto 5px;
  text-indent: -9999px;
}
.sub_onAir .module_inner .lead{
  font-size: 12px;
  line-height: 1.1;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}
.sub_onAir .module_inner .lead span{
  margin-top: 3px;
  display: inline-block;
}
.sub_onAir .module_inner .lead .ttl{
  display: block;
}
.sub_onAir .module_inner.img{
  padding: 0;
  background: none;
  max-width: 187px;
  height: 145px;
  overflow: hidden;
  position: relative;
}
.sub_onAir .module_inner img{
  height: 145px;
  width: 187px;
}

.sub_onAir > a{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #aaa;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.sub_onAir:hover > a{
  display: block;
}




/*サブ　詳細*/
.unit_sub{
  width: 296px;
  background: #FFF;
  border: 2px solid #000;
  border-radius: 8px;
  margin-bottom: 15px;
  font-size:14px;
}
.unit_sub > a{
  font-size:14px;

}

.unit_sub .module_inner{

}
.unit_sub a{
  color: #000 !important;
}
.unit_sub .more{
  text-align: right;
  margin-top: -10px;
  padding: 5px 10px 8px;
}
.unit_sub .more a{
  font-size:13px;
  position: relative;
  z-index: 200;
  color: #000099;
  font-weight: bold;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}

.unit_sub .more a:after{
  content:"";
  display:block;
  position:absolute;
  left: -14px;
  top:50%;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -509px -40px;
  margin-top: -7px;

}

/*unit_sub_sns*/

/*
.sub_contents_wrapper .sub_sns {
    display: none;
}
*/

.unit_sub_sns{
  margin-bottom: 20px;
}
.unit_sub_sns ul li{
 padding-bottom: 2px;
}

/*サブ　タイトル*/

.unit_sub h3{
  background: #FFCC01;
  border-radius: 5px 5px 0 0;
}
.unit_sub h3 span{
  display: block;
  height: 42px;
  border-bottom: 2px solid #000;
  background: url("/img/2016/sprite_sbu_ttl.png") no-repeat;
  text-indent: -9999px;
}
.unit_sub.schedule h3 span    {background-position: 0 1px;}
.unit_sub.event h3 span       {background-position: 0 -54px;}
.unit_sub.info_sub h3 span    {background-position: 0 -103px;}
.unit_sub.popular h3 span     {background-position: 0 -151px;}
.unit_sub.ad_plan h3 span     {background-position: 0 -202px;}
.unit_sub.yorinuki h3 span    {background-position: 0 -259px;}
.unit_sub.posted h3 span      {background-position: 0 -309px;}
.unit_sub.dpz_book h3 span    {background-position: 0 -364px;}
.unit_sub.mailmagazine h3 span{background-position: 0 -431px;}
.unit_sub.writer h3 span      {background-position: 0 -486px;}
.unit_sub.link_sub h3 span    {background-position: 0 -545px;}
.unit_sub.sub_sns h3 span     {background-position: 0 -588px;}
.unit_sub.buzzly h3 span{  background: url("/img/2016/sprite_sbu_ttl_buzz.png") no-repeat;}
//.unit_sub.buzzly h3 span      {background-position: 0 -637px;}

/*この記事を送る*/
.unit_sub.sub_sns .module_box{
  padding: 13px 10px;
}
.unit_sub.sub_sns .module_box ul{

}
.unit_sub.sub_sns .module_box ul li{
  vertical-align: top;
  padding-right: 10px;
}

/*放送予定*/
.unit_sub.schedule .module_box{
  text-align: center;
  padding: 10px;
}
.unit_sub.schedule ul{
  padding: 0 0 3px;
}
.unit_sub.schedule ul li a .data{
  display: block;
  font-weight: bold;
  font-size:19px;
}
.unit_sub.schedule ul li a .ttl{
  display: block;
  font-size:15px;

}

/*イベント情報*/
.unit_sub.event .module_box{
  text-align: center;
  padding: 10px;
}
.unit_sub.event .module_box ul li{
  margin-top: 8px;
}
.unit_sub.event .module_box ul li:first-child{
  margin: 0;
}
.unit_sub.event .module_box ul li a:hover{
  opacity: 0.75;
}
.unit_sub.event .module_box ul li img{
}
.unit_sub.event .module_box ul li .lead{
  font-size: 12px;
  display: block;
  margin-top: 3px;
}

/*お知らせ*/
.unit_sub.info_sub .module_box{
  padding: 0px 0;
}
.unit_sub.info_sub .more{
  padding: 0 10px 10px;
}
.unit_sub.info_sub .module_box.blog{
  background: #E8E8E8;
  margin-bottom: 18px;
}
.unit_sub.info_sub .module_box ul{
  padding: 5px 0;
}

.unit_sub.info_sub .module_box ul li{
  padding: 0 10px;
  font-size: 14px;
}
.unit_sub.info_sub .module_box ul li > a{
  position: relative;
  display: block;
  padding: 5px 0 5px 12px;
  border-top: dotted 1px #000;
}
.unit_sub.info_sub .module_box ul li > a:hover{
  opacity: 0.5;
}
.unit_sub.info_sub .module_box ul li:first-child > a{
  border-top: 0;
}
.unit_sub.info_sub .module_box ul li > a:after{
  content:"";
  display:block;
  position:absolute;
  left: -4px;
  top: 8px;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -526px -39px;
}
.unit_sub.info_sub .module_box ul li > a > .data{
  font-size: 12px;
}




/*今大人気の記事*/
.unit_sub.popular .module_box{
  padding: 5px 0;
}
.unit_sub.popular .module_box ul{
  padding: 0 5px;
}
.unit_sub.popular .module_box ul li{
  position: relative;
  color: #000099;
  display: table;
  padding: 8px 0;
  border-top: dotted 1px #000;
  font-size:14px;

}
.unit_sub.popular .module_box ul li:first-child{
  border-top: 0;
}
.unit_sub.popular .module_box ul li > img{
  display: table-cell;
  vertical-align: top;
  padding: 0 5px;
}
.unit_sub.popular .module_box ul li > .lead_area{
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.unit_sub.popular .module_box ul li >a{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.unit_sub.popular .module_box ul li:hover{
  cursor: pointer;
  text-decoration: underline;
}
.unit_sub.popular .module_box ul li:hover >a{
  display: block;
}
.unit_sub.popular .module_box ul li .data{
  font-size: 12px;
  color: #000;
}



/*広告企画*/
.unit_sub.ad_plan .module_box{
  padding: 5px 0;
}
.unit_sub.ad_plan .module_box ul{
  padding: 0 5px;
}
.unit_sub.ad_plan .module_box ul li{
  position: relative;
  color: #000099;
  display: table;
  padding: 8px 0;
  border-top: dotted 1px #000;
  font-size:14px;
}
.unit_sub.ad_plan .module_box ul li:first-child{
  border-top: 0;
}
.unit_sub.ad_plan .module_box ul li > img{
  display: table-cell;
  vertical-align: top;
  padding: 0 5px;
}
.unit_sub.ad_plan .module_box ul li > .lead_area{
  display: table-cell;
  vertical-align: top;
  padding: 0 5px 0 0;
  width: 100%;
}
.unit_sub.ad_plan .module_box ul li >a{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.unit_sub.ad_plan .module_box ul li:hover{
  cursor: pointer;
  text-decoration: underline;
}
.unit_sub.ad_plan .module_box ul li:hover >a{
  display: block;
}
.unit_sub.ad_plan .module_box ul li .data{
  font-size: 12px;
  color: #000;
}





/*よりぬきDPZ*/
.unit_sub.yorinuki .module_box{
  padding: 5px 0;
  position: relative;
}
.unit_sub.yorinuki .more a{
  display: inline-block;
}
.unit_sub.yorinuki .module_box ul{
  padding: 0 10px;
}
.unit_sub.yorinuki .module_box ul li{
  position: relative;
  color: #000099;
  display: table;
  padding: 8px 0 5px;
  border-top: dotted 1px #000;
  font-size:14px;
  text-align: center;
  width: 100%;
}
.unit_sub.yorinuki .module_box ul li:first-child{
  border-top: 0;
}
.unit_sub.yorinuki .module_box ul li > img{
  margin-bottom: 5px;
  width: 100%;
}
.unit_sub.yorinuki .module_box ul li > .lead_area{
  padding: 0 5px 5px;
  text-align: left;
}
.unit_sub.yorinuki .module_box ul li  .ttl{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
  color: #000;
  text-align: left;
}
.unit_sub.yorinuki .module_box ul li  .lead{
  font-size: 12px;
}



.unit_sub.yorinuki .module_box ul li >a{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.unit_sub.yorinuki .module_box ul li:hover{
  cursor: pointer;
  text-decoration: underline;
}
.unit_sub.yorinuki .module_box ul li:hover >a{
  display: block;
}
.unit_sub.yorinuki .module_box ul li .data{
  font-size: 0.9em;
  color: #000;
}



/*投稿コーナー*/
.unit_sub.posted .module_box{
  padding: 10px 0;
}
.unit_sub.posted .module_box .banner_plan{
  padding: 0 10px 10px;
}
.unit_sub.posted .module_box .banner_plan a{
  display: block;
  background: url("/img/2016/sprite_sbu.png");
  background-position: 0 -300px;
  width: 276px;
  height: 64px;
  text-indent: -9999px;
}
.unit_sub.posted .module_box .banner_plan a:hover{
  opacity: 0.75;
}

.unit_sub.posted .module_box > ul{
  padding: 0 10px;
}
.unit_sub.posted .module_box > ul li{
  position: relative;
  color: #000099;
  padding: 8px 0 5px;
  border-top: dotted 1px #000;
  font-size:14px;
}
.unit_sub.posted .module_box ul li >a{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.unit_sub.posted .module_box ul li:hover{
  cursor: pointer;
  text-decoration: underline;
}
.unit_sub.posted .module_box ul li:hover >a{
  display: block;
}
.unit_sub.posted .module_box > ul li img{
  margin-bottom: 5px;
  width: 100%;
}
.unit_sub.posted .module_box > ul li .lead_area{
  position: relative;
}
.unit_sub.posted .module_box > ul li .lead_area:after{
  content:"";
  display:block;
  position:absolute;
  left: -3px;
  top: 3px;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -526px -39px;
}
.unit_sub.posted .module_box > ul li .lead_area .lead{
  padding: 0 10px 0 12px;
}

.unit_sub.posted .module_box > ul li .lead_area .lead .data{
  font-size:12px;
}



/*デイリーの本*/
.unit_sub.dpz_book{
  background: #ffe400;
}
.unit_sub.dpz_book h3{
  background: #FFE400;
}
.unit_sub.dpz_book h3 span{
  border-bottom: 0;
  height: 48px;
}
.unit_sub.dpz_book .module_box{
  padding: 0px 10px 10px;
}

.unit_sub.dpz_book .module_box ul{
  display: table;
  width: 100%;
  float: none;
  background: none;
  border: 0;
  padding: 0;
  margin-left: 0;
}

.unit_sub.dpz_book .module_box ul li{
  display: table-cell;
  vertical-align: top;
  width: 89px;
  background: #fff;
  border-left: 5px solid #FFE400;
  text-align: center;
  box-shadow: 0px 0px 0px 1px rgba(100,100,100,1) inset;

  /*position: relative;
  border: #868686 1px solid;
  float: left;
  width: 74px;
  margin-left: 9px;
  background: #FFF;
  text-align: center;
  padding: 10px 5px;
  min-height: 190px;*/
}
.unit_sub.dpz_book .module_box ul li:first-child{
  margin-left: 0;
  border-left: 0;
}
.unit_sub.dpz_book .module_box ul li .leadBox{
  /*border:#868686 1px solid;*/
  padding: 10px 3px;
}


.unit_sub.dpz_book .module_box ul li >a{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.unit_sub.dpz_book .module_box ul li:hover{
  cursor: pointer;
}
.unit_sub.dpz_book .module_box ul li:hover >a{
  display: block;
}
.unit_sub.dpz_book .module_box ul li .img_area{
  min-height: 107px;
}
.unit_sub.dpz_book .module_box ul li .img_area img{
  width: 70px;
}
.unit_sub.dpz_book .module_box ul li .ttl{
  font-size: 11px;
  font-weight: normal;
  line-height: 1.1;
  margin-bottom: 2px;
  display: block;
}
.unit_sub.dpz_book .module_box ul li .name{
  display: block;
  font-size: 11px;
  margin-bottom: 8px;


}

.unit_sub.dpz_book .module_box ul li .money{
  letter-spacing: 1px;
  display: block;
  margin-bottom: 9px;
  font-size: 12px;
}
.unit_sub.dpz_book .module_box ul li .bye_btn{
  display: block;
  text-indent: -9999px;
  cursor:pointer;
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: -228px -690px;
  width: 71px;
  height: 26px;
  margin: 0 auto;
}
.unit_sub.dpz_book .module_box ul li:hover .bye_btn{
  background-position: -228px -689px;
}


/*メルマガ（うっかりニフティ）*/
.unit_sub.mailmagazine .module_box{
  padding: 13px 10px;
}
.unit_sub.mailmagazine p.mail{
  position: relative;
  margin-top: 5px;
  padding-left: 10px;
  font-size: 13px;
}
.unit_sub.mailmagazine p.mail:after{
  content:"";
  display:block;
  position:absolute;
  left: -6px;
  top: 3px;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -526px -39px;
}
.unit_sub.mailmagazine p.mail a{
  color: #009;
}


/*ライター紹介*/
.unit_sub.writer .module_box{
  padding: 13px 10px 2px;
}
.unit_sub.writer p img:hover{
  opacity: 0.75;
}
.unit_sub.writer p.link{
  position: relative;
  margin: 10px 0 13px;
  padding: 0 0 7px 10px;
  border-bottom: dotted 1px #000;
}
.unit_sub.writer p.link:after{
  content:"";
  display:block;
  position:absolute;
  left: -6px;
  top: 3px;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -526px -39px;
}
.unit_sub.writer p.link a{
  color: #009;
}


/*リンク*/
.unit_sub.link_sub .module_box{
  padding: 7px 0px 5px;
}
.unit_sub.link_sub .more{
  padding: 0 10px 10px;
}

.unit_sub.link_sub .module_box.blog{
  background: #E8E8E8;
  margin-bottom: 18px;
}
.unit_sub.link_sub .module_box ul li{
  padding: 0 10px;
  font-size:14px;
}
.unit_sub.link_sub .module_box ul li > a{
  position: relative;
  color: #009 !important;
  position: relative;
  display: block;
  padding: 5px 0 5px 12px;
  border-top: dotted 1px #000;
}
.unit_sub.link_sub .module_box ul li > a:hover{
  opacity: 0.5;
}
.unit_sub.link_sub .module_box ul li:first-child > a{
  border-top: 0;
}
.unit_sub.link_sub .module_box ul li > a:after{
  content:"";
  display:block;
  position:absolute;
  left: -4px;
  top: 8px;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -526px -39px;
}
.unit_sub.link_sub .module_box ul li > a > .data{
  font-size: 13px;
}

/*カルカル*/
.unit_sub.tcc{
  background: #000;;
}
.unit_sub.tcc h3{
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: 0 -488px;
  width: 296px;
  height: 55px;
  text-indent: -9999px;
}
.unit_sub.tcc .module_box{
  padding: 12px 10px 10px;
}
.unit_sub.tcc .module_box ul{
  background: #FFF;
  padding: 3px 10px 5px;
  border-radius: 1px;
}
.unit_sub.tcc .module_box > ul li{
  position: relative;
  color: #000099;
  padding: 8px 0 5px;
  border-top: dotted 1px #000;
  font-size:14px;
}
.unit_sub.tcc .module_box > ul li:first-child{
  border-top: 0;
}
.unit_sub.tcc .module_box > ul li >a{
}
.unit_sub.tcc .module_box > ul li >a:hover{
  text-decoration:none;
}


.unit_sub.tcc .module_box > ul li >a>.lead_area{
  position: relative;
  padding-left: 13px;
}
.unit_sub.tcc .module_box > ul li >a>.lead_area:after{
  content:"";
  display:block;
  position:absolute;
  left: 0px;
  top:2px;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -553px -40px;
}
.unit_sub.tcc .module_box > ul li >a>.lead_area >.data{
  color: #F60;
  font-weight: bold;
  display: block;
  line-height: 1;
  margin-bottom: 2px;
  font-size:14px;
}

.unit_sub.tcc .module_box > ul li >a:hover>.lead_area >.text{
  text-decoration:underline;
}


/*カルカル*/
.unit_sub.tomonokai_sub{
  background: #FFFC00;
}
.unit_sub.tomonokai_sub h3{
  background: #FFFC00;
  padding: 12px 0 5px;
}

.tomonokai_sub h3 a{
  display: block;
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: 0 -560px;
  text-indent: -9999px;
  width: 232px;
  height: 88px;
  margin: 0 auto;
}
.tomonokai_sub .description{
  padding: 0 10px 12px;
  font-size: 11px;
  line-height: 1.1;
  font-weight: bold;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}

.tomonokai_sub .module_box{
  background: #FFF;
  border-radius: 0 0 5px 5px;
}
.tomonokai_sub .module_box ul{
  padding: 5px 10px 0px;
}
.tomonokai_sub .module_box ul li{
  border-top: dotted 1px #000;
  padding: 8px 0 12px;
}
.tomonokai_sub .module_box ul li:first-child{
  border-top: 0;
}
.tomonokai_sub .module_box ul li.caution{
  font-size: 12px;
}
.tomonokai_sub .module_box ul li.caution a{
  color: #000099;
}


.tomonokai_sub .module_box ul li.matu .course{
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: 0 -659px;
  width: 195px;
  height: 35px;
  margin: 0 auto 2px;
  text-indent: -9999px;
}

.tomonokai_sub .module_box ul li.ume .course{
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: -17px -701px;
  width: 177px;
  height: 34px;
  margin: 0 auto 2px;
  text-indent: -9999px;
}
.tomonokai_sub .module_box ul li .money{
  font-size: 13px;
  text-align: center;
  margin-bottom: 6px;
}
.tomonokai_sub .module_box ul li .btn a{
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: -0px -804px;
  display: block;
  width: 219px;
  height: 54px;
  text-indent: -9999px;
  margin: 0 auto;
}
.tomonokai_sub .module_box ul li .btn a:hover{
  background-position: -0px -748px;
}



/*バズリーポータル*/
.unit_sub.buzzly .module_box{
  padding: 10px 0;
}
.unit_sub.buzzly .module_box > ul{
  padding: 0 10px;
}
.unit_sub.buzzly .module_box > ul li{
  position: relative;
  color: #000099;
  padding: 8px 0 5px;
  border-top: dotted 1px #000;
  font-size:14px;
}

.unit_sub.buzzly .module_box ul li:first-child{
  border-top: 0;
}

.unit_sub.buzzly .module_box ul li >a{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.4;
  cursor: pointer;
  z-index: 1;
}
.unit_sub.buzzly .module_box ul li:hover{
  cursor: pointer;
  text-decoration: underline;
}
.unit_sub.buzzly .module_box ul li:hover >a{
  display: block;
}
.unit_sub.buzzly .module_box > ul li img{
  margin-bottom: 5px;
  width: 100%;
}
.unit_sub.buzzly .module_box > ul li .lead_area{
  position: relative;
}
.unit_sub.buzzly .module_box > ul li .lead_area:after{
  content:"";
  display:block;
  position:absolute;
  left: -3px;
  top: 3px;
  width: 18px;
  height: 13px;
  background: url("/img/2016/sprite.png") no-repeat;
  background-position: -526px -39px;
}
.unit_sub.buzzly .module_box > ul li .lead_area .lead{
  padding: 0 10px 0 12px;
}

/*各コーナーバナー*/
.unit.detail .random a{
  display: block;
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: 0 -189px;
  text-indent: -9999px;
  width: 300px;
  height: 55px;
  margin: 0 auto 10px;
}
.unit.detail .backnumber_sub a{
  display: block;
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: 0 -248px;
  text-indent: -9999px;
  width: 300px;
  height: 45px;
  margin: 0 auto 15px;
}
.unit.detail .pptv_sub a{
  display: block;
  background: url("/img/2016/pptv_side.jpg") no-repeat;
  text-indent: -9999px;
  width: 300px;
  height: 45px;
  margin: 0 auto 15px;
}
.unit.detail .mitekite_sub a{
  display: block;
  background: url("/img/2016/mitekite_side.gif") no-repeat;
  text-indent: -9999px;
  width: 300px;
  height: 45px;
  margin: 0 auto 15px;
}
.unit.detail .konettar_sub a{
  display: block;
  background: url("/img/2016/konettar_side.gif") no-repeat;
  text-indent: -9999px;
  width: 300px;
  height: 45px;
  margin: 0 auto 15px;
}

.unit.detail .renkei a{
  display: block;
  background: url("/img/2016/sprite_sbu.png") no-repeat;
  background-position: 0 -368px;
  text-indent: -9999px;
  width: 300px;
  height: 110px;
  margin: 0 auto 3px;
  text-align: center;
}
.unit.detail .renkei{
  text-align: center;
  margin-bottom: 10px;
  font-size:13px;
}




.unit.detail a:hover{
  opacity: 0.5;
  background-color: #fff;

}



/*====================================================
記事ページ
====================================================*/
.mainContents_ttl{
  background: #FFCC01;
  border:solid 2px #000;
  border-radius: 5px 5px 0 0;
  padding: 10px 0;
  text-align:left;
  font-size:13px;
}

.mainContents_ttl strong{
  text-align:left;
  padding:8px 0px 1px 10px;
  display:inline-block;
}

.mainContents_ttl .data{
  float:right;
  padding:8px 10px 1px 0px;
  display:inline-block;

}

.mainContents_ttl h2{
	padding: 0 10px;
}


.backnumber_list_area{
	padding: 20px 0 10px;
}

/*pageKey*/
div#pageKey {
    width: 100%;
    height: 40px;
    bottom: 50px;
    position: fixed;
    left: 0px;
    text-align: center;
}

div#pageLeft {
    position: absolute;
    left: 50%;
    margin-left: -570px;
}

div#pageRight {
    position: absolute;
    left: 50%;
    margin-left: 520px;
}


/*====================================================
english
====================================================*/
@charset "Shift_JIS";

body.englishbody{
	font-family:'Lora',"メイリオ", "ＭＳ Ｐゴシック", sans-serif !important;
 }