@charset "utf-8";

/* --reset-- */
body{margin:0;padding:0;}dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin:0;padding:0;}figure{margin:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ul li, ol li{list-style:none;}table{margin:0;padding:0;font-size:100%;}caption{text-align:left;}table,pre,code,select,textarea,kbd,var,ins,del,samp{font-size:100%;}address,cite,dfn,var,th,ins,del,samp{font-weight: normal;font-style: normal;}em,strong{font-style:normal;font-weight:bold;}a img{border:0;vertical-align:bottom;}hr.separation{display:none;}fieldset{border:none;}header,section,nav,aside,footer,article{display:block;}

/* common */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;min-height:1%;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
body{padding:0;text-align:left;font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;word-break: break-all;word-wrap: break-word; }
body a{text-decoration: none;}
body a:hover{text-decoration: underline;}
a{color:#017bb8;cursor:hand;}
a:visited{color:#88388b;}
.fl_l{float: left;}.fl_r{float: right;}
.mt5p{margin-top: 5px!important;}.mt10p{margin-top: 10px!important;}.mt15p{margin-top: 15px!important;}.mt20p{margin-top: 20px!important;}.mt25p{margin-top: 25px;}
.mt30p{margin-top: 30px!important;}.mt35p{margin-top: 35px!important;}.mt40p{margin-top: 40px!important;}.mt45p{margin-top: 45px!important;}.mt50p{margin-top: 50px!important;}.mt55p{margin-top: 55px!important;}.mt60p{margin-top: 60px;}.pt60p{padding-top: 60px!important;}
.pb5p{padding-bottom: 5px!important;}.pt10p{padding-top: 10px;}.pt20p{padding-top: 20px;}
.f14p{font-size: 88%;}.f13p{font-size: 83%;}.f12p{font-size: 75%;}
.bold{font-weight: bold;}
.bdt_ds{border-top: 1px dashed #dcdcdc;}
.ta_r{text-align:right;}

/* AD */
#emg,#emg2,#emg3{text-align:center;margin-bottom: 5px;}
#emg2 br{display:none;}
#emg table,#emg2 table,#emg3 table{margin:0 auto;text-align:left;width: 950px;	}
#lrec{text-align:left;width: 300px;}
#lrec dt{display: block; text-align:center;height: 20px;font-size:small;font-weight:normal;line-height:20px;vertical-align: middle;}
#main-sqb{margin-top: 40px;}
#main-sqb table table table td br{display: none;}
#main-sqb table table table td b{display: block;}
/*sqm*/
#adsqm-sub-module,#ademt-sub-module{border:1px solid #ccc; margin-top:20px;background-color: #fff;}
#adsqm-sub-module h3,#ademt-sub-module h3{background-color:#eee;text-align:center;font-size:75%;font-weight:bold;padding:4px 10px 3px 10px;color:#545454;}
#adsqm-sub-module .adsqm-tbl table{margin:0 4px;width:290px;}
#adsqm-sub-module .adsqm-tbl{padding:9px 0;}
#adsqm-sub-module .adsqm-tbl td img{margin-right:2px;}
#adsqm-sub-module .adsqm-tbl div{width:234px;word-wrap:break-word;word-break:break-all; overflow:hidden;}
#adsqm-sub-module hr.ad-line{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:1px;overflow:hidden; margin:5px 0;}
/*==emt==*/
#ademt-sub-module ul{margin:5px 0;text-align:center;font-size:75%;}
#ademt-sub-module li{border-bottom:1px solid #ccc;padding:5px;}
#ademt-sub-module li.last{border-bottom:none;}
#ademt-sub-module a img{border:0 none;vertical-align: middle;}
/* == yjChview == */
.yjChviewWrap{text-align:center;}
.yjChview{margin-bottom:10px;display:inline-block;padding:10px 30px;border:1px solid #e7e7e7;background:#f9f9f9;text-align:center;}
.yjChview dl, .yjChview dd, .yjChview p{margin:0;}
.yjChview dl dt, .yjChview dl dd{display:inline;font-size:14px;line-height:1.2em;}
.yjChview dl dt{padding-right:0.2em;}
.yjChview dl dd span{font-weight:bold;}
.yjChview dl dd:after{content:"\ff5c";}
.yjChview dl dd.end:after{content:"";}

.thumb{position: relative;}
.time{background-color: #333;position: absolute;bottom:0;right:0;color: #fff;font-size: 63%;font-weight: bold;
display: inline-block;*display: block;*zoom:1;padding: 2px 5px;line-height: 1.2;height: 14px;layout-grid-line:5px;vertical-align: middle;
}
img.pay,img.pay_s{margin: 0 0 0 5px;line-height: 1.5;vertical-align: bottom;}
.guard300x55{width:300px;height:55px;}
.guard112x62{width:112px;height:62px;}
.guard190x107{width:190px;height:107px;}
.guard206x116{width:206px;height:116px;}
.guard300x55, .guard112x62, .guard190x107,.guard206x116{background: url(https://s.yimg.jp/images/clear.gif);position: absolute;display: block;cursor: pointer;top:0;left:0;}



#msthd{margin-bottom: 5px!important;}


#header .inner, #footer .footer_inner,#content{width:950px;margin:0 auto;}
#content{padding-top: 10px;}#main{float: left;width: 630px;}#sub{float: right;width: 300px;}

body{color: #444;background-color: #f7f7f7;}
#header{background-color: #fff;}

#vtnav li a,#vtnav li span,#glnav .nav_menu li a,#glnav .nav_menu li span{background: url(https://s.yimg.jp/images/video-topics/img/officiallist/pc/header_common_20150115.png);height: 28px;overflow: hidden;text-indent: -9999px;}

#vtnav li.link01 a,#vtnav li.link01 span{width: 82px;}
#vtnav li.link02 a,#vtnav li.link02 span{width: 76px;}
#vtnav li.link01 a{background-position: 0 0;}
#vtnav li.link01 a:hover{background-position: 0 -30px;}
#vtnav li.link01 span{background-position: 0 -60px;}
#vtnav li.link02 a{background-position: -82px 0;}
#vtnav li.link02 a:hover{background-position: -82px -30px;}
#vtnav li.link02 span{background-position: -82px -60px;}

#vtnav{font-size: 75%;}
#vtnav li{float: left;}
#vtnav li a,#vtnav li span{display: block;}

#vtnav p.fl_r{font-size: 12px;}
#vtnav p.fl_r span,#vtnav p.fl_r a{display: inline-block;_display: inline;zoom:1;height: 22px;line-height: 22px;}
#vtnav p.fl_r span.none,#vtnav p.fl_r a{padding: 0 7px;}
#vtnav p.fl_r span.none{background-color: #fde897;color: #6e5600;}

#glnav{border-top: 1px dashed #dcdcdc;border-bottom: 1px solid #ccc;padding: 4px 0;margin-top: -2px;}
#glnav .nav_menu li{float: left;margin-right: 2px;}
#glnav .nav_menu li a,#glnav .nav_menu li span{display: block;font-size: 83%;height: 30px;line-height: 30px;}

#glnav .nav_menu li.link01{width: 81px;}
#glnav .nav_menu li.link01 a{background-position: 0 -220px;}
#glnav .nav_menu li.link01 a:hover{background-position: 0 -260px;}
#glnav .nav_menu li.link01 span,#glnav .nav_menu li.link01 a.current{background-position: 0 -300px;}

#glnav .nav_menu li.link02{width: 120px;}
#glnav .nav_menu li.link02 a{background-position: -83px -220px;}
#glnav .nav_menu li.link02 a:hover{background-position: -83px -260px;}
#glnav .nav_menu li.link02 span,#glnav .nav_menu li.link02 a.current{background-position: -83px -300px;}

#glnav .nav_menu li.link03{width: 81px;}
#glnav .nav_menu li.link03 a{background-position: -205px -220px;}
#glnav .nav_menu li.link03 a:hover{background-position: -205px -260px;}
#glnav .nav_menu li.link03 span,#glnav .nav_menu li.link03 a.current{background-position: -205px -300px;}

#glnav .nav_menu li.link04{width: 106px;}
#glnav .nav_menu li.link04 a{background-position: -288px -220px;}
#glnav .nav_menu li.link04 a:hover{background-position: -288px -260px;}
#glnav .nav_menu li.link04 span,#glnav .nav_menu li.link04 a.current{background-position: -288px -300px;}

#glnav .nav_srch{background: url(https://s.yimg.jp/images/video-topics/img/officiallist/pc/srch.png) no-repeat 0 1px;width: 470px;height: 30px;position: relative;}
#glnav .nav_srch #nav_srch_box{position: absolute;top:4px;left:5px;width: 290px;height: 20px;line-height: 20px;font-size: 14px;vertical-align: bottom;outline: none;background-color: #fff;border: 0 solid;}
#glnav .nav_srch button{position: absolute;top:0;right:0;width: 80px;height: 30px;text-indent: -9999px;cursor: pointer;background-color: transparent;border: 0 solid;}
#glnav #place_h{display: block;width: 100px;height: 20px;font-size: 12px;color: #999;position: absolute;top:5px;left:5px;}
#glnav #srch_chg{position: absolute;top:5px;right:85px;font-size: 11px;}
#glnav #srch_chg a{display: block;background-color: #fff;border: 1px solid #f0f0f0;text-align: center;line-height: 20px;height: 20px;width: 78px;}

#glnav #srch_chg a.current{width: 80px;border: none;
background: url(https://s.yimg.jp/images/video-topics/img/officiallist/pc/srch_chg.gif) no-repeat right center;
background-color: #fde897;color: #6e5600;}

.vto_nav{background-color: #fff;border-bottom: 1px solid #dcdcdc;}
.vto_nav{height: 38px;}
.vto_nav_menu li{font-size: 88%;font-weight: bold;float: left;margin: 5px 0;border-right: 1px solid #f0f0f0;display: inline-block;_display: inline;zoom:1;padding:0 5px;}
.vto_nav_menu li a,.vto_nav_menu li span{height: 28px;line-height: 28px;padding: 0 25px;display: inline-block;_display: inline;zoom:1;font-size: 83%;}
.vto_nav_menu li span{;color: #6e5600;background-color: #ffcd39;}
.vto_nav .fl_r{font-size: 75%;padding-top: 10px;padding-right: 5px;}
.vto_nav .fl_r span,.vto_nav .fl_r a{display: inline-block;_display: inline;zoom:1;padding: 3px 7px}
.vto_nav .fl_r span.none{background-color: #fde897;color: #6e5600;}

.list_choice li{display: inline-block;_display: inline;zoom:1;*display: inline;*zoom:1;}
.list_choice li a,.list_choice li span{height: 28px;line-height: 28px;display: inline-block;*display: inline;*zoom:1;}
.list_choice .fl_r li a,.list_choice .fl_r li span{width: 40px;height: 28px;background: url(https://s.yimg.jp/images/video-topics/img/officiallist/pc/grid_list.png);overflow: hidden;text-indent: -9999px;display: block;}
.list_choice .fl_r{height: 28px;}
.list_choice .fl_r li.odd{margin-right: 1px;}
.list_choice .fl_r li.odd a{background-position: 0 0;}
.list_choice .fl_r li.odd a:hover{background-position: 0 -30px;}
.list_choice .fl_r li.odd span{background-position: 0 -60px;}
.list_choice .fl_r li a{background-position: -40px 0;}
.list_choice .fl_r li a:hover{background-position: -40px -30px;}
.list_choice .fl_r li span{background-position: -40px -60px;}

.list_choice .fl_l li{border-left:1px solid #dcdcdc ;}
.list_choice .fl_l li.first{border-left: none;}
.list_choice .fl_l li a,.list_choice .fl_l li span{font-size: 75%;text-align: center;padding: 0 15px;font-weight: bold;}
.list_choice .fl_l li.term{font-size: 75%;color: #999;border-left: none;padding-left: 15px;}
.list_choice .fl_l li span{background-color: #eee;color: #333;}
.list_choice .srch_res{width: 545px;font-weight: bold;padding-top: 5px;}
.list_choice .srch_res span{font-weight: normal;font-size: 75%;}


.list_info{font-size: 75%;border-top: 1px solid #dcdcdc;}
.list_info div{padding: 10px 0;border-top: 1px solid #fff;}

.list_key{border-top: 1px dashed #dcdcdc;}
.list_key div{padding: 10px 0;border-top: 1px dashed #fff;}
.list_key .fl_l{font-size: 86%;}
.list_key .fl_r{font-size: 75%;}

.lists .list_l{margin-bottom: 10px;}
.lists .list_l dl{padding-right: 10px;}
.lists .list_l dt{padding-top: 10px;}
.lists dt span.icon,.mods_cont li dt span.icon{display: block;float: left;margin-right: 5px;width: 18px;height: 18px;}
.lists .list_l dd.txt{padding-top: 5px;padding-left: 226px;}
.lists dt{font-size: 83%;font-weight: bold;line-height: 1.4;}
.lists dd.txt{font-size: 75%;line-height: 1.3;}
.lists .list_l dd.thumb{margin-right: 10px;padding: 5px;}
.lists .list_l dd.thumb a{width: 206px;height: 116px;layout-grid-line: 116px;}

.lists_g .list{float: left;width: 200px;margin-right: 15px;margin-bottom: 0px;}

.lists .thumb,.article .thumb{padding: 5px;background-color: #fff;border-bottom: 1px solid #eee;}
.lists .thumb a,.article .thumb a,.mods_cont .list dd a{display: table-cell;*display: block;text-align: center;vertical-align: middle;background-color: #fff;position: relative;}

.lists .thumb a table,.mods_cont .list dd a table{text-align: center;vertical-align: middle;}
.article .date, .lists .date{margin-top: 5px;font-size: 75%;color: #999;}

.lists_g{padding-bottom: 5px;}
.lists_g .list.last{margin-right: 0;}
.lists_g .list dt{padding:0 5px;margin-top: 5px;}
.lists_g .list dd.txt{padding: 5px;}
.lists_g dd.thumb a{width: 190px;height: 107px;layout-grid-line: 107px; }

.rank {text-align: center;	font-weight: bold;color: #666;font: bold 120% Arial, Helvetica, sans-serif;}
.lists .list_l .rank{width: 30px;height: 113px;line-height: 116px;}
.lists_g .list .rank{height: 25px;line-height: 25px;}
.with_rank{margin-left: 30px;}

.lists .rank1,.lists .rank2,.lists .rank3{font-size: 116%;}
.rank1{color: #d0b46a;}
.rank2{color: #989898;}
.rank3{color: #ae644a;}
.rank10{font-size: 85%;}
.rank100{font-size: 75%;}

.copy{color: #999;font-size: 68%;}

.paging ul{text-align: center;margin-top: 20px;}
.paging li{margin-right: 2px;}
.paging li.prev{margin-right: 5px;}.paging li.next{margin-left: 3px;}
.paging li.prev a,.paging li.next a{padding: 0 20px;}
.paging li,.paging a,.paging span{display: inline-block;*display: inline;*zoom:1;}
.paging li,.btn_upload,.btn_add{border-bottom: 1px solid #fff;}
.paging li.dots{border-bottom: none;color: #999;}
.paging a,.paging span{border: 1px solid #dcdcdc;line-height: 32px;font-size: 75%;padding: 0 12px}
.paging span{color: #999;background-color: #f3f3f3;}
.paging a{background-color: #fff;}

.keyws{padding-top: 15px;}
.keyws li{float: left;margin-right: 15px;margin-bottom: 10px;}
.keyws li a{display: block;background-color: #fff;padding: 5px 20px;border-bottom: 1px solid #dcdcdc;}

.notice{background-color: #fff;border-bottom: 1px solid #dcdcdc;padding: 5px;}
.notice dt,.notice dd{display: inline-block;*display: inline;*zoom:1;font-size: 75%;padding: 5px;line-height: 1.2;}

.article .embed{background-color: #000;text-align: center;}
.article .title{font-size: 150%;line-height: 1.2;}
.article .brand span.icon,.mods_head h3 span.icon,.list_choice .srch_res .icon{margin-right: 5px;width: 18px;height: 18px;float: left;}
.article .brand{font-size: 83%;line-height: 1.5;margin-top: 10px;}
.article .text{font-size: 88%;line-height: 1.5;}
.artc_rel li{margin-bottom: 5px;font-size: 88%;}
.artc_rel p{text-align: center;}


.article p.thumb{margin-right: 10px;}
.article p.thumb a{width: 320px;height: 180px;layout-grid-line: 180px;}
.article .btn{width: 200px;display: block;font-size: 83%;font-weight: bold;margin: 10px auto 0;}

.article .btn a{display: block;padding: 15px 0;text-align: center;background-color: #fde897;color: #6e5600;}
.article .btn a span{font-size: 12px;}

.share{padding: 7px 10px;background-color: #eee;}
.share li{margin-right: 10px;float: left;}



.shares2{margin-bottom: 20px;}
.shares2 li{float: left;}
.shares2 li a{display: block;text-align: center;line-height: 48px;height: 48px;background: url(https://s.yimg.jp/images/video-topics/img/common/artc/share.png) no-repeat 0 0;color: #fff;font-size: 88%;}
.shares2 li.tw a{background-color: #2daae2;background-position: 14px -34px;width: 240px;}
.shares2 li.fb a{background-color: #3d57a8;background-position: 14px 12px;width: 240px;}
.shares2 li.fblike{float: right;width:122px;background-color: #f0f0f0;padding: 14px;line-height: 20px;height: 20px;}
.shares2 li.fblike .fb-like{margin: 0 auto;}




.bnr img{vertical-align: bottom;}

.mods_head{border-bottom: 1px dashed #dcdcdc;}
.mods_head h3{border-left: 3px solid #ffcd39;padding: 5px 0 5px 8px;margin: 10px 0 5px;font-weight: bold;font-size: 88%;line-height: 18px;}
.mods_cont li {padding: 5px 0;border-bottom: 1px dashed #dcdcdc;}
.mods_cont li dt{font-size: 75%;font-weight: bold;line-height: 1.6;}

.err_mod {
text-align: center;
font-size: 88%;
padding: 200px 0;
}


.mods_cont li dt a{padding-bottom:5px;}
.mods_cont .list dd{margin-right: 5px;}
.mods_cont .list dd a{width: 112px;height: 62px;layout-grid-line: 62px;}
.mods .more{background-color: #eee;}
.mods .more a{text-align: center;display: block;font-size: 75%;padding: 7px 0;font-weight: bold;color: #017bb8!important;}
.mods .more a span{display: inline-block;_display: inline;zoom:1;padding-right: 17px;background: url(https://s.yimg.jp/images/video-topics/img/officiallist/pc/more.gif) no-repeat right -1px;height: 18px;line-height: 18px;}
.mods .more a:hover{background-color: #f7f7f7;}
.mods .more a:hover span{background-position: right -21px;text-decoration: underline;}

.mods_cont .rank{height: 62px;line-height: 62px;width: 15px;text-align: center;font-size: 88%;}
.mods_cont .keyw dt a{display: block;}
.mods_cont .keyw dd a table,.mods_cont .keyw dd a tbody{width: 300px;border: 0;padding: 0;border-spacing:0;background-color: #fff;}
.mods_cont .keyw dd a td{width: 100px;height: 55px;text-align: center;vertical-align: middle;padding: 0;}
.mods_cont .keyw dd a tr{padding: 0;}

#footer{text-align:center;}#footer address{padding:0 0 20px;font-size:small;line-height:1.2;font-size: small;line-height: 1.4;}
#pos-s{padding:10px 0;margin-bottom: 10px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;margin-bottom:10px;}


/**  2014/11/26 Brand List  **/
.list_top{border-top:1px solid #dcdcdc;}
.list_top .fl_r{margin-top: 10px;}
.list_top div{padding:10px 0; border-top:1px solid #fff;}
.list_key_other div{border-top:none; padding-top:0px;}
.list_key_other {margin-bottom:10px;}
.list_key_other .inner{width:300px;}
.list_keys{border-top: 1px dashed #dcdcdc; margin-top:10px;}
.list_keys .keyws{padding: 5px 0;border-top: 1px dashed #fff;}
.list_key_other .fl_l, .list_key_other .fl_r{border-top:none; display:table; height:35px;}
.list_key_other .fl_l a{width:250px; display:table-cell; vertical-align:middle; line-height:1.2em;}
.list_top p.fl_l, .list_key p.fl_l{font-size:86%; margin-top:12px;}
.list_key_other p.fl_l{font-size:86%;}
.list_top .iconx2, .list_key .iconx2, .list_key_other .iconx2{float:left; margin-right:10px; width:35px; height:35px;}
.list_keys .more{background-color: #eee; width:630px; clear:both; border-top: 1px dashed #dcdcdc;}
.list_keys .more a{text-align: center;display: block;font-size: 75%;padding: 12px 0;font-weight: bold;color: #017bb8!important;}
.list_keys .more a span{display: inline-block;_display: inline;zoom:1;padding-right: 17px;background: url(https://s.yimg.jp/images/video-topics/img/officiallist/pc/more2.gif) no-repeat right 0px;height: 15px;line-height: 18px;}
.list_keys .more a:hover{background-color: #f7f7f7;}
.list_keys .more a:hover span{background-position: right -15px;text-decoration: underline;}


.sub-module-twitter{background: url(https://s.yimg.jp/images/video-topics/img/common/follow_bk.png); padding: 10px 10px 0; height: 30px;}
.sub-module-twitter > div{width:100px; margin-left:auto; overflow:hidden;}
.sub-module-facebook > div{width:300px;}