@charset "utf-8";

*{	margin:0;	padding:0;	}
/*------------------------------------------------------------------- Dom Zone --*/
html {	overflow-y:scroll;	}
body{
	/*'Meiryo','メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','ＭＳ ゴシック',Osaka,Osaka-等幅,sans-serif*/
	height: 100%;
	font-family:Verdana,Arial,sans-serif,Osaka,"ＭＳ Ｐゴシック", 'MS UI Gothic';
	font-size: 0.8em;
	background:#333;
	padding:0;
	margin:10px 0 0 0;
	color:#444;
	letter-spacing: 0.02em;
}
h1,h2,h3,h4,h5,h6{
	font-family:Verdana,Arial,sans-serif,'Meiryo','メイリオ',Osaka,Osaka-等幅,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', 'MS UI Gothic';
	color:#000;
}

a img{	border:0;	}
a{	text-decoration: none;	color:#333;		}
a:hover{	text-decoration: underline;	color:#888;	}
a:visited{	text-decoration: none;	color:#333;	}
h2{
	background-color:#F3F3F3;
	text-align:left;
}
h3{	font-size:0.8em;	}
br{letter-spacing:0;}

.twtr-doc{ margin-bottom:6px; }
/*------------------------------------------------------------------- Common Class Zone --*/
h2.titgold{	border-left:4px solid #ffd700;	}
h2.titpink{	border-left:4px solid #ff1493;	}
h2.titblue{	border-left:4px solid #09c;	}
h2.titorange{	border-left:4px solid #000;	}
h2.titorange2{	border-left:4px solid #ff8c00;	}
.transbox{
        margin:0 5px 5px 0;
        padding:0;
}
.graybox{
	border:1px solid #c0c0c0;
	margin:0 5px 8px 10px;
	padding:5px;
}
.rectangle{ margin:0 0 8px 0;}
.wskybox{
        border:1px solid #c0c0c0;
}
.tad a{
        font-size:0.8em;
        color:#008ee8;
        text-decoration: underline;
}

.graybox2{
	border:1px solid #c0c0c0;
}

.bbox{	border:1px solid #333;	}
  /*------------------------------------------------------------------- pager series --*/
.pagerblock{
        clear:both;
	width:330px;
	margin:8px auto;
}
ul.pager{	list-style:none;	}
ul.pager li{	float:left;	}
ul.pager li a,ul.pager li.thispage{
	display:block;
	font-size:0.9em;
	padding:0.4em 0.6em;
	border:1px solid #eee;
	margin:2px;
}
ul.pager li.thispage{
	background:#555;
	color:#fff;
}
ul.pager li a{
	color:#033;
	background:#fff;
}
ul.pager li a:hover{
	background:#e6e6e6;
}
  /*------------------------------------------------------------------- listtype1 series --*/
ul.listtype1{	list-style:none;	}
ul.listtype1{
	margin:0;
	padding:0;
}
ul.listtype1 li{
	margin:4px 0 2px 0;
	padding:0 4px 0 22px;
	/*border-bottom:1px solid #09c;*/
	font-size:0.8em;
	background:transparent url(/v2/common/im/arrow.gif) 1px 3px no-repeat;
}
ul.listtype1 li a:hover{
	background:#008ee8;
        color:#fff;
}
  /*------------------------------------------------------------------- listtype2 series --*/
ul.listtype2{
	list-style:none;
	margin:0;
	padding:0;
}
ul.listtype2 li h2{
	margin:0;
	padding:2px 5px;
	font-size:1.2em;
}
ul.listtype2 li{
	padding:0;
	margin:0;
	float:left;
}
ul.listtype2 li a.gbox{
	display:block;
	width:286px;
	margin:0 0 0 2px;
	padding:3px;
	color:#333;
	background:#f3f3f3;
	font-size:0.8em;
	line-height:150%;
	min-height:150px;
	height: auto !important;
	height: 150px;
}
ul.listtype2 li a.gbox h2{
	color:#008ee8;
}
ul.listtype2 li a.gbox2{
	display:block;
	float:none;
	width:580px;
	/*margin:0 3px 2px 6px;
	padding:3px;*/
        margin:0 3px 6px 6px;
        padding:6px 4px;
	color:#333;
	background:#f3f3f3;
	font-size:0.8em;
	line-height:150%;
}
ul.listtype2 li.searchnews a.gbox2{
	background:#f3f3f3 url(/v2/common/im/bg/search_news.gif) no-repeat bottom right;
}
ul.listtype2 li.searchpickup a.gbox2{
	background:#f3f3f3 url(/v2/common/im/bg/search_pickup.gif) no-repeat bottom right;
}
ul.listtype2 li.japanese a.gbox2{
	background:#f3f3f3 url(/v2/common/im/bg/newslist_japanese.gif) no-repeat bottom right;
}
ul.listtype2 li.international a.gbox2{
	background:#f3f3f3 url(/v2/common/im/bg/newslist_international.gif) no-repeat bottom right;
}

ul.listtype2 li a.gbox:hover,ul.listtype2 li a.gbox2:hover{
	color:#008ee8;
}
ul.videolist{
    	list-style:none;
	margin:0;
	padding:0;
}
ul.videolist li{
        float:left;
        margin:0 0 18px 6px;

        /*background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: 100%;*/

}
ul.videolist li a{
        display:block;
        overflow:hidden;
        width:202px;
        height:110px;
        position: relative;
        text-align:center;
        background-size:cover;
        border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
        -moz-box-shadow: 1px 1px 2px #555;
        -webkit-box-shadow: 1px 1px 2px #555;
        background-size: 110% auto;
        -moz-background-size:110% auto;
        -webkit-background-size: 110% auto;
}
ul.videolist li a img{ left:-4px; position:absolute; }
ul.videolist li a:hover{
        background:#fff;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        opacity:0.6;
}
ul.videolist li span.video_artist{
        display:block;
        font-size:0.9em;
        position: absolute;
        bottom:0;
        right:0;
        background:#233;
        color:#fff;
        padding:5px 6px;
        margin:4px;
        border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
        -moz-box-shadow: -1px -1px 2px #fff;
        -webkit-box-shadow: -1px -1px 2px #fff;
        filter:alpha(opacity=85);
        -moz-opacity:0.85;
        opacity:0.85;
}
ul.videolist li a:hover span.video_artist{
    color:#ff0;
}
ul.videolist li div.timestamp{
  margin:0;
  padding:3px 5px;
}

  /*------------------------------------------------------------------- listtype3 series --*/
ul.listtype3{	list-style:none;	}
ul.listtype3{
	margin:0;
	padding:0;
}
ul.listtype3 li{
	margin:5px 0 3px 0;
	padding:0 4px 0 22px;
	font-size:1em;
	background:transparent url(/v2/common/im/arrow.gif) 1px 3px no-repeat;
}
ul.listtype3 li a:hover{
	background:#008ee8;
        color:#fff;
}

  /*------------------------------------------------------------------- prevnextlink series --*/
div.prevnextlink{	}
div.prevnextlink p.left{
	float:left;
	width:50%;
	text-align:left;
}
div.prevnextlink p.right{
	float:right;
	width:50%;
	text-align:right;
}

div.caption{
	padding:3px;
	float:right;
	border:1px solid #ccc;
	text-align:center;
}
.fr{    float:right; }
.fl{    float:left; }
.vm{	vertical-align:middle;	}
.tc{	text-align:center;	}
.tr{	text-align:right;	}
.ts{	font-size:0.8em;	}
.tb{	font-weight:bold;	}
.cl{	clear:both;	margin:0;	padding:0;	line-height:0;	height:0;	font-size:0;	}
.ln{	list-style:none;	}
.ml10{  margin-left:10px; }
.m10{	margin:10px;	}
.m20{	margin:20px;	}
.m30{	margin:30px;	}
.mt10{margin-top:10px;	}
.mb5{   margin-bottom:5px;}
.p5{	padding:5px;	}
.p10{	padding:10px;	}
.p20{	padding:20px;	}
.p30{	padding:30px;	}
.timestamp0{
	color:#aaa;
}
a span.timestamp0:hover{
	text-decoration: none;
}
.timestamp{
	margin:20px 0 10px 0;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	text-align:right;
	color:#aaa;
}

/*------------------------------------------------------------------- Uniqu Id Zone --*/
div#superwrap{
	width:980px;
	margin:0 auto;
	background:#fff;
	padding:0;
}
div#header{
	/*padding:8px 0 4px 0;*/
        padding:0 0 10px 0;
        margin:0;
}
div#header img,div#twocolumnright img,
div#threecolumnleft img,div#threecolumnright img{    vertical-align:bottom;}
div#rogoadwrap{
       padding:10px;
       line-height: 0;  
}
div#rogoadwrap:after{
      content: ".";
      display: block;
      visibility: hidden;
      height: 0.1px;
      font-size: 0.1em;
      line-height: 0;
      clear: both;
}
div#rogoadwrap{      zoom:100%;  }
div#logoarea{
	float:left;
        padding:2px;
        border:1px solid #ddd;
}
div#header_adarea{
	float:right;
        border:1px solid #ddd;
        padding:2px 1px;
}

/*------------------------------------------------------------------- Header Navi Area --*/
div#header_naviarea{
        clear:both;
	background:transparent url(/v2/common/im/bg/menu_back.gif);
	height:24px;
	border-bottom:1px solid #333;
	/*#036*/
}
div#header_naviarea ul{	list-style:none;	}
div#header_naviarea li{
	float:left;
	margin:6px 0 3px 0;
	padding:0 8px;
	border-right:1px solid #fff;
}
div#header_naviarea li a{	color:#fff;	}
div#header_naviarea li a:hover{	color:#fc9;	text-decoration:underline;	}
div#header_naviarea li a:visited{	color:#fff;	}

/*------------------------------------------------------------------- Utility Area --*/
div#utility_area{
	/*background:#000;*/
	/*background:#79d8fd url(/v2/common/im/bg_grad.jpg) 0 -400px repeat-x;*/
	/*background:#678;*/
	background:#344;
	height:36px;
	padding:0;
	border-bottom:1px solid #000;
}
  /*------------------------------------------------------------------- Noa Box --*/
  div#noabox{
    /*background:#000;*/
    background:transparent;
    width:740px;
    float:left;
  }
    div#noa_infomessage{
    	display:none;
    }
    div#noa_information{
      margin:7px 0 0 10px;
      font-size:12px;
      padding:3px 3px;
      background:transparent url(/v2/common/im/bg/menu_back.gif) 0 -4px repeat-x;
      border-left:1px solid #222;
      border-right:1px solid #000;
      color:#c2ff07;
      font-weight:bold;
      float:left;
    }
    div#selector_opener{
      font-size:12px;
      padding:3px 5px;
      background:transparent url(/v2/common/im/bg/menu_back.gif) 0 -4px repeat-x;
      margin:7px 0 0 1px;
      color:#c2ff07;
      float:left;
      border-left:1px solid #222;
      border-right:1px solid #000;
    }
    div#noa_viewarea{
      font-size:12px;
      padding:3px 5px;
      margin:7px 10px 0 3px;
      float:left;
      color:#eee;
      width:510px;
      /*
      background:transparent url(/v2/common/im/bg/menu_back.gif) 0 -4px repeat-x;
      border-left:1px solid #eee;
      border-right:1px solid #eee;
      */
    }
    div#noa_viewarea a{
      color:#ef2;
    }
    
    div#noa_viewarea div#noa_reslist_0,div#noa_viewarea div#noa_reslist_1{
      background:transparent url(/v2/common/im/icon/noa_arrow_up.gif) 0 0 no-repeat;
      padding-left:12px;
    }
    div#noa_viewarea div#noa_reslist_2{
      background:transparent url(/v2/common/im/icon/noa_arrow_down.gif) 0 0 no-repeat;
      padding-left:12px;
    }
    div#noa_selector_box{
      display:none;
      color:#eee;
      padding:0.4em 1em 0.8em 1em;
      background:#233;
      border-left:1px solid #011;
      border-right:1px solid #011;
      border-bottom:1px solid #011;
    }
    div#noa_selector_box p{
      margin:0.8em 1em 0.2em 1em;
    }
    ul.noa_sap{
      list-style:none;
    }
    ul.noa_sap li{
      padding:0.2em 0.4em;
      margin:0 0 0 0.2em;
      border:1px solid #999;
      color:#aaa;
      background:transparent;
      float:left;
    }
    ul.noa_sap li.active{
      border:1px solid #ccc;
      background:#eee;
      color:#333;
    }
    div#noa_cable_area{
    
    }
    div#noa_bd_plan{
      display:none;
    }
    div#noa_sd_plan{
      display:none;
    }
    div#noa_selector_box_close{
      margin:1em 0 0 0;
      padding:0.4em 1em;
      text-align:center;
      border:1px solid #999;
      background:#000;
      color:#ddd;
    }
    


  /*------------------------------------------------------------------- Search Box --*/
  div#searchbox{
    float:right;
    padding:5px 10px 2px 10px;
  }
  div#searchbox input#keyword{
    border:0;
    font-size:12px;
    background:#555;
    padding:0.2em 0.6em 0.1em 0.4em;
    color:#ccc;
    width:130px;
    height:15px;
  }
    div#searchbox input#searchbtn{
      background:#79d8fd url(/v2/common/im/bg/btn_b.gif) -10px -44px repeat-x;
      border:1px solid #357;
      cursor:pointer;
      font-weight:bold;
      /*letter-spacing:0.8em;*/
      padding:0.1em 0.6em;
      color:#333;
      margin:2px 0 0 0;
      height:21px;
    }


/*------------------------------------------------------------------- Main Contents Area --*/
  /*------------------------------------------------------------------- Index News list Area --*/
div#index_newsarea{
	padding:5px;
}
ul#newstablist{
	list-style:none;
}
ul#newstablist li{
	float:left;
}
ul#newstablist li a{
	display:block;
	margin:1px;
}
div#index_newsresult{
	padding:1px 5px 1px 16px;
}


  /*------------------------------------------------------------------- Index PickUp list Area --*/
div#index_pickuparea{
	/*border:1px solid #f3f3f3*/;
	padding:5px;
}
ul#pickuptablist,ul#pickuptablist2{
	list-style:none;
	margin:0;
	padding:0;
}
ul#pickuptablist li,ul#pickuptablist2 li{
	float:left;
}
ul#pickuptablist li a{
	display:block;
	margin:1px;
}
ul#pickuptablist2 li a{
	display:block;
	margin:1px;
	width:60px;
	height:17px;
	text-align:center;
	vertical-align:middle;
	padding:3px 0 0 0;
	background:transparent url(/v2/common/im/bg/pickup_tab.jpg) 0px 0px no-repeat;
}
ul#pickuptablist2 li a.active{
	background:transparent url(/v2/common/im/bg/pickup_tab.jpg) 0px -40px no-repeat;
	color:#fff;
}
ul#pickuptablist2 li a:hover{
	background:transparent url(/v2/common/im/bg/pickup_tab.jpg) 0px -20px no-repeat;
	color:#fff;
}

div#index_pickupresult{
	padding:0;
}
ul#indexpickupreslist{
	list-style:none;
	margin:0;
	padding:0;
}
ul#indexpickupreslist li h2{
	margin:0;
	padding:2px 5px;
	font-size:1em;
}
ul#indexpickupreslist li{
	padding:0;
	margin:0;
	float:left;
}
ul#indexpickupreslist li a.gbox{
	display:block;
	width:286px;
	margin:0 0 0 2px;
	padding:3px;
	color:#333;
	background:#f3f3f3;
	font-size:0.8em;
	line-height:150%;
	min-height:140px;
	height: auto !important;
	height: 140px;
}
ul#indexpickupreslist li a.gbox h2,ul#indexpickupreslist li a.gbox2 h2{
	color:#008ee8;
}
ul#indexpickupreslist li a.gbox2{
	display:block;
	float:none;
	width:580px;
	margin:0 3px 2px 2px;
	padding:3px;
	color:#333;
	background:#f3f3f3;
	font-size:0.8em;
	line-height:150%;
}
ul#indexpickupreslist li a.gbox:hover,ul#indexpickupreslist li a.gbox2:hover{
	color:#008ee8;
	text-decoration:none;
}
img.pickupthumb{
	float:left;
	margin:5px;
}
ul#indexpickupreslist li div.mintia{
	text-align:right;
	margin:0 0 4px 3px;
	padding:2px 5px 4px 5px;
	background:#f9f9f9;
	border-bottom:1px solid #888;
}
ul#indexpickupreslist li div.commentmovie{
        background:transparent url(/v2/common/im/icon/commentmovie03.gif) 5px 3px no-repeat;
}
ul#indexpickupreslist li div.mintia a{
	font-size:0.76em;
	color:#999;
}
ul#indexpickupreslist li div.mintia a:hover{
	color:#008ee8;
	text-decoration:none;
}
  /*------------------------------------------------------------------- Genre Cloud Area --*/
div#genretagwrap{
	clear:both;
	margin:8px 3px;
}
div#genretagwrap div{
	font-size:0.9em;
	background:#000;
	color:#fff;
	padding:3px 10px;
}
div#genretagwrap p{
	background:#fff;
	border-bottom:1px solid #000;
	padding:5px 10px;
}
div#genretagwrap p a:hover{	text-decoration:none;	}

/*------------------------------------------------------------------- Side Area for two column --*/
  /*------------------------------------------------------------------- PickupResult Area --*/
div#side_pickupresult{
	padding:0;
}
ul#sidepickupreslist{
	list-style:none;
	margin:0;
	padding:0;
}
ul#sidepickupreslist li h2{
	margin:0;
	padding:2px 5px;
	font-size:1em;
}
ul#sidepickupreslist li{
	padding:0;
	margin:0;
}
ul#sidepickupreslist li a.gbox{
	display:block;
	width:276px;
	margin:0 0 2px 0;
	padding:3px;
	color:#666;
	background:#fff;
	font-size:0.8em;
	line-height:150%;
	min-height:50px;
	height: auto !important;
	height: 50px;
	border-top:1px dotted #ccc;
}
ul#sidepickupreslist li a.gbox:hover{
	background:#f3f3f3;
	color:#333;
	text-decoration:none;
}
ul#sidepickupreslist img.pickupthumb{
	float:left;
	margin:3px;
}



/*------------------------------------------------------------------- Page Top Link Area --*/
div#pagetoplink{
	clear:both;
	height:30px;
	margin:10px 0 0 0;
}
div#pagetoplink a{
	display:block;
	width:80px;
	height:22px;
	margin:0 0 0 840px;
	padding:8px 0 0 30px;
	font-size:12px;
	background:#888;
	/*background:#333 url(/v2/common/im/bg/pagetop.gif) 0 0;*/
	color:#363636;
}
div#pagetoplink a:hover{
	background:#555;
	/*background:#333 url(/v2/common/im/bg/pagetop.gif) 0 -30px;*/
	color:#fff;
}

/*------------------------------------------------------------------- Footer Wrap Area --*/
div#footerwrap{
	border-top:1px solid #888;
	background:#555;
	width:980px;
	color:#fff;
	margin:0 auto;
}
div#footer{
	width:950px;
	margin:0 auto;
	padding:10px 0;
}
div#footer div.footerbox{
	width:220px;
	padding:10px 8px;
	float:left;

}
div#footer div.footerbox ul{
	list-style:none;
	margin:0;
}
div#footer div.footerbox li{
	margin:0;
	padding:0;
	display:inline;
}
div#footer div.footerbox li a{
	padding:4px 6px 5px 10px;
	margin:0;
	border-bottom:1px solid #777;
	display:block;
	color:#aaa;
}

div#footer div.footerbox li a:hover{
	color:#ccc;
}
div#footer div.footerbox div.graybox{
	margin:0;
	padding:2px;
	/*background:#808080;*/
	background:#444;
	border:1px solid #333;
	color:#ccc;
}
div#footer div.footerbox div.graybox h2{
	font-size:0.9em;
	padding:3px 0pt 3px 5px;
	background:#000;
	color:#fff;
}
div#footer div.footerbox div.graybox ul#feedlist li a{
	padding:4px 6px 5px 24px;
	background:transparent url(/v2/common/im/icon/feed.png) no-repeat 4px 3px;

}

div#copyright{
	padding:16px 0;
	text-align:center;
	background:#000;
	width:980px;
	color:#fff;
	margin:0 auto;
}
div#copyright a{	color:#fff;	}


/*------------------------------------------------------------------- Common Layout --*/
div#c600{
	float:left;
	width:600px;
	margin:0;
}
/*div#c600 img{    vertical-align:;  }*/
/*------------------------------------------------------------------- Two Column Layout --*/
div#twocolumnfirstwrap{}
div#twocolumnfirstwrap div#c600{
	/*border:1px solid #ecc;*/
	width:650px;
	margin:0 9px 10px 0;
	padding:0 0 0 10px;
}
div#twocolumnfirstwrap div#c600 h1{
	background:#333;
	color:#fff;
	border-left:8px solid #ff1493;
	padding:3px 12px;
	font-size:1.8em;
}
div#twocolumnfirstwrap div#c600 h1.imh{
	background:transparent;
	border:0;
	padding:0;
	margin:0 0 0 9px;
}
div#twocolumnfirstwrap div#c600 h1 p.tr{
	color:#fff;
	font-size:0.4em;
	color:#ccc;
	font-weight:normal;
}
div#twocolumnfirstwrap div#c600 h5{
        background:#333;
        color:#FFFFFF;
        font-size:1em;
        margin:8px 0;
        padding:3px 12px;
}
  /*------------------------------------------------------------------- Main Contents Area --*/
div.description{
	background:#555;
	color:#fff;
	padding:10px;
	font-size:1em;
	line-height:160%;
        letter-spacing: 0.02em;
}
    /*------------------------------------------------------------------- Articl Body Area --*/
div.articlbody{
	width:600px;
	margin:5px auto;
	line-height:160%;
}
div.articlbody img.right{
	float:right;
}
div.articlbody img.left{
	float:left;
}
div.articlbody div,div.articlbody p,div.articlbody h2,div.articlbody h3,div.articlbody h4{
	clear:both;
}
div.articlbody div.block{
	background:#efefef;
	border:1px solid #ddd;
	padding:1em;
	margin:0.6em;
}
div.articlbody h2{
	background:#333;
	color:#fff;
	border-left:8px solid #ff1493;
	padding:3px 12px;
	font-size:1em;
	margin:5px 0px;
}
div.articlbody h3{
	background:#f09;
	color:#fff;
	padding:3px 12px;
	font-size:1em;
	margin:5px 0px;
}
div.articlbody h4{
	background:#333;
	color:#fff;
	border-left:8px solid #09c;
	padding:3px 12px;
	font-size:1em;
	margin:5px 0px;
}
div.articlbody p.timestamp{
	margin:20px 0 10px 0;
	padding:5px 10px;
	border-top:1px solid #ccc;
	border-bottom:0;
	text-align:right;
	color:#aaa;
}
div.articlbody a{
	color:#008ee8;
        text-decoration:underline;
}

div.articlbody a:hover{
	color:#333;
	text-decoration:none;
}

    /*------------------------------------------------------------------- Articl Relation Area --*/

div.box_relation{
	background:#efefef;
	border:1px solid #ddd;
	font-size:1em;
	line-height:130%;
	margin-bottom:8px;
}
div.box_relation h2#relation_tit{
	font-size:1em;
	padding:1px 0 2px 10px;
	background:#fdfdfd;
	margin:2px;
	border-left:4px solid #000;
}
div.box_relation ul#relation_list{
	list-style:none;
	padding:10px;
}
div.box_relation ul#relation_list li{
	background:transparent url(/v2/common/im/arrow.gif) 1px 3px no-repeat;
	padding:0 0 4px 16px;
	font-size:0.8em;
}
div.box_relation ul#relation_list li.news{
	background:transparent url(/v2/common/im/bg/search_news.gif) 2px 3px no-repeat;
	padding:0 0 4px 44px;
}
div.box_relation ul#relation_list li.pickup{
	background:transparent url(/v2/common/im/bg/search_pickup.gif) 2px 3px no-repeat;
	padding:0 0 4px 44px;
}
div.box_relation ul#relation_list li a{	color:#333; }
div.box_relation ul#relation_list li a:hover{
	background:#008ee8;
        color:#fff;
}
div.box_relation ul#relation_list li a span.timestamp0{	color:#999; }


    /*------------------------------------------------------------------- Ranking --*/
div.rankingblock2 p.itunes_left{
    float:left;
    width:500px;
}
div.rankingblock2 p.itunes_right{
    padding-top:15px;
}



div.rankingblock h2,div.rankingblock2 h2{
	font-size:1.2em;
	padding:3px 0 3px 10px;
}
div.rankingblock h2.rankingtit{
	margin:1px 0 3px 0;
	padding:0;
	background:#fff;
}
div.rankingblock{
	margin:10px 4px;
	padding:5px;
	float:left;
	width:304px;
}
div.rankingblock a{ color:#008fe8;	}
div.rankingblock div.pagerblock{
	width:290px;
}
div.rankingblock2{
	margin:10px 4px;
	padding:5px;
}
div.ranking_detail div.rankingdetailhead{
	background:#000;
	border-bottom:0;
	margin:0 0 12px 0;
}
div.rankingdetailhead div.thisweek{
	float:left;
	margin:10px 10px 5px 0;
	text-align:center;
	width:54px;
}
div.rankingdetailhead div.lastweek{
	float:left;
	margin:10px 10px 5px 0;
	text-align:center;
	width:54px;
}
div.rankingdetailhead div.details{
	float:left;
	margin:10px 10px 5px 12px;
	text-align:center;
}
div.rankingdetailhead div.details2{
	float:left;
	margin:16px 0 0 12px;
	width:220px;
}
div.ranking_detail_item2{
	border-bottom:1px solid #ddd;
	margin-bottom:3px;
	padding-bottom:3px;
}
div.ranking_detail_item2 h4.charts_spot{
	background:transparent;
	color:#aaa;
	display:block;
	float:left;
	font-size:1.2em;
	margin:7px 0 0 0;
	padding:0;
	text-align:center;
	width:30px;
}
div.ranking_detail_item2 div.details{
	float:left;
	margin:0 0 0 5px;
}
div.ranking_detail_item2 div.details p{
	padding:2px 0;
	font-size:0.8em;
	width:256px;
}
div.ranking_detail_item{
	border-bottom:1px solid #ddd;
	margin-bottom:4px;
	padding-bottom:4px;
}
div.ranking_detail_item h4.charts_spot{
	background:transparent;
	border:0;
	color:#aaa;
	display:block;
	float:left;
	font-size:1.8em;
	margin:4px 10px 0 0;
	padding:0;
	text-align:center;
	width:54px;
}
div.ranking_detail_item div.last{
	color:#bbb;
	float:left;
	margin:8px 10px 0 0;
	font-size:1.4em;
	width:54px;
	text-align:center;
}
div.ranking_detail_item div.details{
	float:left;
	margin:0 0 0 10px;
        width:400px;
}
div.ranking_detail_item div.details p{
	padding:2px 0;
}

div.ranking_detail_item div.details a{
	color:#008fe8;
        text-decoration:none;
}
div.ranking_detail_item div.details a:hover{
	color:#008fe8;
        text-decoration:underline;
}

div.ranking_detail_item div.details2{
	float:left;
	margin:6px 0 0 10px;
	width:220px;
}
div.ranking_detail_item div.details2 p{
	padding:2px 0;
}
div.ranking_detail_item div.details2 a{
	color:#008fe8;
        text-decoration:none;
}
div.ranking_detail_item div.details2 a:hover{
	color:#008fe8;
        text-decoration:underline;
}
div.ranking_detail_item div.linkicon{
	float:right;
	text-align:right;
	margin:10px 6px 0 0;
}
      /*------------------------------------------------------------------- Ranking for Three Column --*/
ul.ranking{	list-style:none;	}
ul.ranking li{
	margin:3px 0 2px 0;
	padding:3px 4px 3px 18px;
	border-bottom:1px dotted #ccc;
	font-size:0.8em;
}
ul.ranking li a{
	color:#008fe8;
}
ul.ranking li.rank_1{	background:transparent url(/v2/common/im/icon/chart_1.gif) no-repeat;	}
ul.ranking li.rank_2{	background:transparent url(/v2/common/im/icon/chart_2.gif) no-repeat;	}
ul.ranking li.rank_3{	background:transparent url(/v2/common/im/icon/chart_3.gif) no-repeat;	}
ul.ranking li.rank_4{	background:transparent url(/v2/common/im/icon/chart_4.gif) no-repeat;	}
ul.ranking li.rank_5{	background:transparent url(/v2/common/im/icon/chart_5.gif) no-repeat;	}

  /*------------------------------------------------------------------- Two Column Side Layout --*/
div#twocolumnright{
	width:300px;
	float:left;
	/*border:1px solid #eee;*/
	padding:0;
}
div#twocolumnright .graybox2{
	padding:2px;
	margin:0 0 8px 0;
}
div#twocolumnright .graybox2 h2{
	font-size:0.9em;
	padding:2px 0 2px 5px;
	margin:0 0 4px 0;
}
div#twocolumnright div#onairinfo{
	margin:0 0 8px 0;
	background:#f3f3f3;
        font-size:0.9em;
}
div#twocolumnright div#onairinfo h2{
	margin:0;
	padding:0;
}





/*------------------------------------------------------------------- Three Column Layout --*/
div#threecolumnfirstwrap{}
div#threecolumnsecondwrap{
	float:right;
	width:786px;
}
div#threecolumnsecondwrap div#c600{}
div#threecolumnsecondwrap div#c600 h1{
	border-bottom:3px solid #09c;
	font-size:1em;
	margin:5px 3px;
	padding:3px 3px 3px 1.2em;
	background:transparent url(/v2/common/im/icon/icon.gif) no-repeat 2px 6px;
}
  /*------------------------------------------------------------------- Three Column Right Layout --*/
div#threecolumnright{
	width:180px;
	float:left;
}
div#threecolumnright .graybox{
	padding:2px;
	width:160px;
	margin:0 4px 8px 10px;
}
div#threecolumnright .wskybox{
        width:160px;
        padding:2px 2px 2px 2px;
	margin:0 4px 8px 10px;
}
div#threecolumnright div#glamwidget{
        margin:0 4px 8px 10px;
	width:166px;
}
div#threecolumnright h2{
	font-size:0.9em;
	padding:2px 0 2px 5px;
	margin:0 0 4px 0;
}
div#threecolumnright ul#moviethumbnail,div#threecolumnright ul#presentthumbnail{
	list-style:none;
	margin:0;
	padding:0;
}
div#threecolumnright ul#moviethumbnail li,div#threecolumnright ul#presentthumbnail li{
	padding:0;
	margin:0;
	clear:both;
}
div#threecolumnright ul#moviethumbnail li{
	margin:4px 0 0 0;
}

div#threecolumnright ul#moviethumbnail li a{
	display:block;
	background:#fff;
	text-align:center;
	color:#333;
	font-size:0.8em;
	padding:0 0 3px 0;
}
div#threecolumnright ul#moviethumbnail li a:hover{
	background:#eee;
	color:#369;
	text-decoration:none;
}
div#programinfo a{
	color:#008fe8;
}
  /*------------------------------------------------------------------- Three Column Left --*/
div#threecolumnleft{
	float:left;
	width:194px;
	margin:0;
}
div#threecolumnleft .graybox{
	width:160px;
}
div#threecolumnleft .graybox li{ margin-bottom:2px; }

div#threecolumnleft h2.titblue,div#threecolumnleft h2.titpink,div#threecolumnleft h2.titgold,
div#threecolumnleft h2.titorange2{
	font-size:0.9em;
	padding:2px 0 2px 5px;
	margin:0 0 4px 0;
}
div#threecolumnleft h3{
	margin:8px 0 2px 0;
	padding:5px 0 0 0;
	text-align:center;
	letter-spacing: 0.02em;
}
div#threecolumnleft h3 a{ color:#333;	}
div#threecolumnleft h3 a:hover{	color:#666;	}
div#threecolumnleft p{	font-size:0.8em;	}

.socialbtns{ list-style:none; }
.socialbtns li{
  float:left;
  margin:3px 18px 3px 0;
}

