@import url("/css/n4/bonusweb.css");

#portal #emblem .emblem-1 {width:auto; background:none;}
#portal #emblem img {margin-top:22px}

#portal #p-bon, #portal #p-bon a {color:#000; background:none; font-weight:700}
#p-fix .nib {display:none}
#portal #p-fix a {color:#FFF; background:none; }
#portal #p-fix, #p-menu-2 {color:#FFF; background:#2199D5}
#portal #p-fix {position:relative; margin-bottom:-3px; padding-bottom:3px; border-radius:.3em .3em 0 0; background:linear-gradient(#017bb8, #2199D5 80%); font-weight:700;} 
#p-menu-2 .nib {background:#04415F}

#fellow {right:300px}

/* HP na miru */
.col-hp { padding:0 0 1px 10px;}
.col-hp .art { float:left; width:230px; margin:0 0 30px 30px; padding:0;}
.col-hp .art.opener { float:left; width:470px; margin:0 0 30px; padding:0}
.col-hp .art img, .col-hp .art .mark-video {position:relative; display:block; width:230px; height:129px; margin:0 0 .8em}
.col-hp .art .mark-video img {margin-bottom:0;}
.col-hp .art.opener img, .col-hp .art.opener .vidw {width:470px; height:264px}
.col-hp .art .perex {font-size:134%}
.col-hp .art.opener .perex {display:none}
.col-hp .opener .ico-genre-small { margin-bottom:5px}

#video-b-box {padding:10px 0 5px; border-top:3px solid #CC7f06; border-bottom:1px dotted #666;}
#video-b-box h2 a {color:#000; text-decoration:none}
#video-b-box h2 a:hover {text-decoration:underline}
#video-b-box li {position:relative; margin:0 0 .5em; padding:0 0 0 1em; font-size:150%}
#video-b-box li:before {content:""; position:absolute; top:.4em; left:0; z-index:1; width:.5em; height:.5em; border-radius:100%; background:#008BCF}
#video-b-box li.mark-video {width:100%; padding:0}
#video-b-box li.mark-video:before {display:none}
#video-b-box a {display:block; text-decoration:underline}
#video-b-box .mark-video img {width:300px; height:169px; display:block; margin:0 0 .2em;}
#video-b-box .mark-video span {width:60px; height:45px; bottom:3px; right:3px; background:url('/o/sph/ico_play_sp5.png') no-repeat}

#short-arts-hp, .list-art-short h2 {border-top-color:#cc7f06;}
#short-arts-hp .art-short {height:4em}
#short-arts-hp .less-cancel {left:auto; right:0; width:7em; height:1.4em; padding:0; background:#FFF;}
#short-arts-hp .less-cancel:before { display:block; top:-5em; bottom:-5em; left:-630px; right:-630px; width:auto; height:auto; background:url('/u/free.gif')}
#short-arts-hp img, #short-arts-hp .imagelist {display:none}