@import url('std_left.css');
@import url(/css/watch/p01/social.css);
@import url(/include/common/p01/css/ipsx.css);
   /*--------------------------------------:noTabs=true:tabSize=2:indentSize=2:--
    --  IPW AV Watch Contents Page CSS file.
    --
    --------------------------------------------------------------------------*/

body {
    background: #fff;
    color: #000;
    font-size: 100%;
}


td, body {
	/* -- For CMS EDITOR -- */
	font-size: 100%;
}



:link, :visited {
    text-decoration: none;
    border-bottom: 1px dotted #bbb;
}

:link:hover, :visited:hover {
/*    background-color: #eee; takah-ma:20090323 */
    color: #555;
}

h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,
h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
    color: inherit;
}

td :link, :visited {
     text-decoration: none;
     border: 0px;
}
td :link:hover, :visited:hover {
/*    background-color: #fff; takah-ma:20090323 */
    color: #000;
    border: 0;
}
/**/

img {
   border: 0;
   text-decoration: none;
}

/* -----------------  Watch CSS ------------------- */
/* ---- Content Page Table ---- */
td.ipw_left {
    border-right: 1px solid black;
    color: black;
    width: 127px;
    
}

td.ipw_left div.mail {
    padding: 10px 0;
}

td.ipw_left div.list {
    margin: 2px 2px 10px 2px;
}

td.ipw_left div.list ul {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: square;
}

td.ipw_left a:visited, td.ipw_left a:link {
    text-decoration: none;
}

td.ipw_left a:hover {
    text-decoration: underline;
}

td.ipw_left div.logo {
    text-decoration: none;
    border: 0;
}

td.ipw_left div.logo a:hover {
    text-decoration: none;
    border: 0;
    background-color: #5e5858;
}

/* ---- left pane ---- */
div.leftpane_list_publish_month {
    padding-left: 20px;
}

div.leftpane_list_publish_year {
    padding-left: 20px;
}

div.leftpane_latest_contentsinfo div.leftpane_date {
  /*  text-align: left;  /**/
    text-align: center;
    color: black;
  /*  margin-left: 5; /**/
    background-color: #c0c0c0;

}

div.leftpane_latest_contentsinfo div.leftpane_item {
 /*   margin-top: 1;  /**/
 /*   margin-left: 5; /**/
    padding-left: 5px;
 /*   margin-right: 5; /**/
    margin-bottom: 10px;
}

div.leftpane_latest_subcornerinfo div.leftpane_item {
    margin-top: 5px;
    margin-left: 2px;
    padding-left: 1px;
    margin-right: 1px;
    margin-bottom: 10px;
}


/* ---- footer ---- */
div.ipw_footer {
    border-top: 2px solid #3e3838;
}

div.ipw_footer div.linkbox {
    width: 400px;
    margin: 10px auto;
    padding: 20px 50px;
    background-color: #3e3838;
}

div.ipw_footer div.linktext {
    width: 200px;
    font-weight: bold;
    margin: auto;
    text-align: center;
    background-color: #fff;
}

div.ipw_footer div.licensetext {
    margin: 0 auto;
    text-align: center;
}

/* ---- Navi ---- */
.ipw_listnavi a {
    color: #22f;
}

.ipw_listnavi span {
    color: #888;
    margin: 0 3px;
}


/* ============== CMS CSS ================ */
/* - - - titleHeader for AVW - - - */

/* - - Common - - */
div.stuffInfo {
        font-size: small;
}

div.titleHeader h1 {
        font-weight: bold;
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
	text-align:center;
}

div.titleHeader h2 {
        font-weight: bold;
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
	text-align:center;
}

div.mainContents h3 {
        font-weight: bold;
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
}

div.mainContents hr {
	width: 80%;
}

div.authorSignature {
	font-size: small;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.paging {
        margin-top: 1em;
        margin-bottom: 1em;
}

/* - - News - - */
div.news div.titleHeader{
	border-top: 5px solid rgb(62, 56, 56);
	border-bottom: 5px solid rgb(62, 56, 56);
	padding-top: 5px;
	padding-bottom: 5px;
}

/* - - Spcial: Yajiuma - - */
div.yajiuma div.publishDate{
	font-weight: bold;
}

div.yajiuma div.titleHeader ul{
        padding-left: 0em;
        margin-left: 0em;
}

div.yajiuma div.titleHeader li{
        list-style-position: inside;
	color: rgb(255, 0, 0);
}

/* - - Series: common - - */
div.series div.titleHeader h1 {
        font-weight: bold;
        font-size: 140%;
        margin-top: 0em;
        margin-bottom: 0em;
        text-align:center;
}

div.series div.titleHeader h2 {
        font-weight: bold;
        font-size: 140%;
        margin-top: 0em;
        margin-bottom: 0em;
        text-align:center;
}

/* - - Series: Digital AV Labo - - */
div.avlabo div.mainContents h3 {
        font-weight: bold;
	color: rgb(0, 165, 0);
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
}

/* - - Series: Buy DVD - - */
div.buyDvd div.mainContents h3 {
        font-weight: bold;
        color: #140971;
        font-size: 120%;
        margin-top: 0em;
        margin-bottom: 0em;
}

div.buyDvd td.titleCell {
	background-color: #fe7125;
	text-align:center;
	vertical-align: middle;
}

div.buyDvd td.imageCell {
        background-color: #ffc49b;
	font-size: 60%;
	text-align:center;
}

div.buyDvd td.formatCell {
        background-color: #fe7125;
	font-size: 70%;
	white-space: nowrap;
}

/* - - Series: Zooma! - - */
div.zooma div.mainContents h3 {
        font-weight: bold;
        color: rgb(0, 165, 0);
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
}

/* - - Series: Random Tracking - - */
div.random div.mainContents h3 {
        font-weight: bold;
        color: rgb(0, 165, 0);
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
}

/* - - Series: Dai-Gamen Mania - - */
div.dgamen div.titleHeader h1 {
        font-weight: bold;
        font-size: 180%;
        margin-top: 0em;
        margin-bottom: 0em;
        text-align:center;
}

div.dgamen div.titleHeader h2 {
        font-weight: bold;
        font-size: 120%;
        margin-top: 0em;
        margin-bottom: 0em;
        text-align:center;
}

div.dgamen div.mainContents h3 {
        font-weight: bold;
        color: rgb(103, 31, 255);
        font-size: 120%;
        margin-top: 0em;
        margin-bottom: 0em;
}

/* - - Series: AV Trends - - */
div.avTrends div.titleHeader h1 {
        font-weight: bold;
        font-size: 120%;
        margin-top: 0em;
        margin-bottom: 0em;
        text-align:center;
}

div.avTrends div.titleHeader h2 {
        font-weight: bold;
        font-size: 120%;
        margin-top: 0em;
        margin-bottom: 0em;
        text-align:center;
}

div.avTrends div.mainContents h3 {
        font-weight: bold;
        color: rgb(0, 165, 0);
        font-size: 100%;
        margin-top: 0em;
        margin-bottom: 0em;
}

/* - - Amazon Ranking - - */
div.rankingAmazon div.titleHeader h1 {
	font-weight: bold;
        font-size: 120%;
        margin-top: 1em;
        margin-bottom: 0em;
        text-align:center;
}

div.rankingAmazon div.titleHeader h2 {
	font-weight: bold;
        font-size: 120%;
        margin-top: 0em;
        margin-bottom: 1em;
        text-align:center;
}

div.rankingAmazon div.subCornerImage{
        border-top: 5px solid rgb(62, 56, 56);
        border-bottom: 5px solid rgb(62, 56, 56);
        padding-top: 5px;
        padding-bottom: 5px;
	text-align: center;
}


/* - - Products: Recorder - - */
div.products div.notice {
	font-size: 80%;
}

div.products div.lastPublishDate {
	font-size: 80%;
}

div.products div.table td {
	font-size: 75%;
	text-align: center;
}

div.digestNews div.publishDate {
        font-weight: bold;
}

/* ============== /CMS CSS ================ */

/* -----------------  /Watch CSS ------------------- */
.area_holder
{
    margin:10px;
}

/* -- footer -- */
div.page_footer {
  background-color: #3e3838;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  text-align: center;
}

div.page_footer_inner {
  background-color: #fff;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  text-decoration: none;
  width: 40%;
}

div.page_copyright {
  text-align: left;
}

/* social_bookmark:20110616:takah-ma -----*/
div.social_bookmark {
 margin: 0;
 margin-top: 8px;
 text-align: center;
 height: 25px;
 clear:both;
}

div.social_bookmark div.social_bookmark_inner img {
 float: right;
 margin-right: 4px;
 margin-top: 4px;
}

div.social_bookmark_inner {
/* clear:both;*/
}

div.social_bookmark div.social_bookmark_inner div.bm_facebook, 
div.social_bookmark div.social_bookmark_inner div.bm_twitter, 
div.social_bookmark div.social_bookmark_inner div.bm_hatena, 
div.social_bookmark div.social_bookmark_inner div.bm_plusone {
 float: right;
 font-size: 1px;
}

div.social_bookmark div.social_bookmark_inner img {
 float: right;
 border:0px;
}

div.social_bookmark div.social_bookmark_inner div.bm_hatena, 
div.social_bookmark div.social_bookmark_inner div.bm_mixi img{
 margin-right: 12px;
}

div.social_bookmark div.social_bookmark_inner div.bm_plusone div{
 width: 110px !important;
}
div.social_bookmark div.social_bookmark_inner div.bm_plusone div.*{
 width: 110px !important;
}

/* social_bookmark_footer:20110714:takah-ma -----*/
#social_tab {
/*  height: 1.5em;*/
  margin-left: 0;
  overflow: hidden;
  padding-left: 0;
  margin-bottom:0;
  width: 540px;
}
#social_tab li{
  border-top-left-radius: 5px;         /* CSS3草案 */
  border-top-right-radius: 5px;         /* CSS3草案 */
  -webkit-border-top-left-radius: 5px; /* Safari,Google Chrome用 */
  -webkit-border-top-right-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius-topleft: 5px;    /* Firefox用 */
  -moz-border-radius-topright: 5px;    /* Firefox用 */
  border: 1px solid #3e3838;
  background-color: #F5F5F5 !important;
  padding: 3px 3px;
  float: left;
  overflow: hidden;
/*  height: 1.2em; */
  width: 100px;
}
#social_tab li.present,
#social_tab li.selected {
  background-color: #3e3838 !important;
  color: #000000;
}
#social_tab li.present a,
#social_tab li.selected a{
  color: #EEEEEE;
}


#twtr-widget-1 div.twtr-doc{
  border-top-left-radius: 0px !important;	/* CSS3草案 */
  -webkit-border-top-left-radius: 0px !important;/* Safari,Google Chrome用 */
  -moz-border-radius-topleft: 0px !important;	/* Firefox用 */
}

#social_tab2 {
  width: 540px;
}
#social_tab2 {
  border-radius: 5px;         	/* CSS3草案 */  
  -webkit-border-radius: 5px; 	/* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;    	/* Firefox用 */  
  border-top-left-radius: 0px !important;	/* CSS3草案 */
  -webkit-border-top-left-radius: 0px !important;/* Safari,Google Chrome用 */
  -moz-border-radius-topleft: 0px !important;	/* Firefox用 */
  background-color: #3e3838 !important;
  color: #33357F !important;
  overflow: hidden;
  position: relative;
  font-weight: normal !important;
  *padding-left:1px;
}
#social_tab2 h3{
  font-size: 11px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 10px 10px 0px 10px;
  width: auto !important;
  font-weight: normal !important;
  color: #EEEEEE;
}
#social_tab2 h4{
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0px 10px 10px 10px;
  width: auto !important;
}
#social_tab2 h3,
#social_tab2 h4 a{
  color: #EEEEEE !important;
}
#social_tab2 iframe{
  border-radius: 5px;         /* CSS3草案 */  
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;    /* Firefox用 */  
  margin: 1px;
  background-color: #FFFFFF !important;
  border: 1px solid #FEACB6;
}

div.fbConnectWidgetFooter{
  border-radius: 5px;         /* CSS3草案 */  
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;    /* Firefox用 */  
  background-color: #FEACB6 !important;
}

div.bd_pickup li {
  list-style-type: none;
}

div.bd_pickup ul {
  padding: 0;
}

/* --- yajiuma blog style --- */
div.yajiuma-left {
  margin-left: 0.5em;
}

div.yajiuma-left ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.yajiuma-left ul.index-latest {
  margin-bottom: 0.5em;
}

div.yajiuma-left ul li {
  margin:0;
  padding:0;
  line-height: 1em;
}

div.yajiuma-oldindex {
  margin-left: 0.5em;
}

/* rsky special topics ranking */
div#ranking-placeholder div.ranking-right {
  width: 296px;
  height: 246px;
  border: 2px solid #000;
  overflow: hidden;
}
div#ranking-placeholder div.ranking-right h3.header {
  background-color: #fff;
  color: #333;
  padding-left: 30px;
}
div#ranking-placeholder div.ranking-right h3.header.twitter {
  background-image: url("/include/common/p01/images/twitter-bird-dark-bgs.png");
  background-repeat: no-repeat;
  background-position: center left;
}
div#ranking-placeholder div.ranking-right h3.header.access {
  background-image: url("/include/common/p01/images/icon_rank.png");
  background-repeat: no-repeat;
  background-position: center left;
}
div#ranking-placeholder div.ranking-right ul.ranking {
  margin: 3px 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item {
  border-top: 1px dotted #000;
  font-size: 90%;
  clear: both;
  line-height: 1.2;
  padding: 3px;
  margin: 3px 3px 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item.rank1 {
  border-top: none;
  margin-top: 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item.selected {
  background-color: #f9f9f9;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.rank {
  float: left;
  border: 2px solid #000;
  border-radius: 5px;
  background-color: #000;
  color: #ccc;
  line-height: 1.0;
  padding: 0 3px;
  margin-right: 3px;
  text-align: center;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.text {
  float: none;
  margin: 0 0 0 15px;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.text p {
  margin-bottom: 0;
  margin-top: 0;
}
div#ranking-placeholder div.ranking-right ul.ranking li.item div.text p.outline {
  font-size: 90%;
}
div#ranking-placeholder.ranking-avw div.ranking-right {
  border-color: #3e3838;
}
div#ranking-placeholder.ranking-avw div.ranking-right h3.header {
  background-color: #3e3838;
  color: #eee;
}
div#ranking-placeholder.ranking-avw div.ranking-right ul.ranking li.item {
  border-color: #3e3838;
}
div#ranking-placeholder.ranking-avw div.ranking-right ul.ranking li.item.selected {
  background-color: #f9f9f9;
}
div#ranking-placeholder.ranking-avw div.ranking-right ul.ranking li.item div.rank {
  border-color: #040000;
  background-color: #040000;
  color: #ccc;
}
div#ranking-placeholder div.ranking-right h3.header {
  margin: 0;
  height: 26px;
}
div#ranking-placeholder div.ranking-right ul {
  padding-left: 0;
}
div#ranking-placeholder div.ranking-right ul li.item {
  list-style: none;
}

/* --- WebkitHack --- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  p {line-height:1.2em;}
}

/* twitter balloon */
div.social_bookmark div.social_bookmark_inner div.bm_facebook, div#social_bookmark_placeholder div.bm_facebook { max-width: 160px; }
div.social_bookmark div.social_bookmark_inner div.bm_twitter, div#social_bookmark_placeholder div.bm_twitter { position: relative; max-width: 120px; }
div.bm_twitter a + span.social-balloon { display: none; }
span.social-balloon { position: relative; display: inline-block; vertical-align: top; margin-left: 5px; background: #fff; border: 1px solid #ccc; border-radius: 2px; }
span.social-balloon:before, span.social-balloon:after { position: absolute; right: 100%; top: 50%; height: 0; width: 0; pointer-events: none; border: solid transparent; content: " "; }
span.social-balloon:before { border-color: rgba(192,192,192,0); border-right-color: #ccc; border-width: 5px; margin-top: -5px; }
span.social-balloon:after { border-color: rgba(255,255,255,0); border-right-color: #fff; border-width: 4px; margin-top: -4px; }
span.social-balloon > a { display: inline-block; height: 16px; margin: 1px 6px; line-height: 17px; color: #333; font-size: 10px; text-decoration: none; }
span.social-balloon > a:visited { color: #333; }

/* right margih */
.ipw_right {
  min-width: 315px;
}