@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 KADEN Watch Contents Page CSS file.
    --
    --------------------------------------------------------------------------*/
.tp_html_view h1{
  font-size: 120%
}

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;
    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;
    color: #000;
    border: 0;
}
/**/

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

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

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;
    background-color: #f4edff;
}

td.ipw_left a:hover {
    text-decoration: underline;
    background-color: #f4edff;
}

td.ipw_left div.logo {
    text-decoration: none;
    border: 0;
    background-color: #f4edff;
}

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


table.imgtbl tr.caption {
    color: navy;
}

/* ---- 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,
 div.leftpane_latest_subcornerinfo div.leftpane_date {
  /*  text-align: left;  /**/
    text-align: center;
    color: black;
  /*  margin-left: 5; /**/
    background-color: #e3d0fe;
    font-size: 80%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/*  in backnumber.css
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;
}

div.leftpane_latest_subcornerinfo div.icon {
  font-size: 80%;
  color: #e3d0fe;
  float: left;
}

div.leftpane_latest_subcornerinfo div.title{
  padding-left: 1em;
}


/* ---- 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;
}
table.footer a:hover {
        background-color: #f4edff;
	color:#0000CE;
}
table.footer a:visited {
	color:#0000CE;
}

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

/* - - Common - - */
div.contents div.mainContents{
  line-height: 1.4em;
}

div.titleHeader h1 {
        font-weight: bold;
      /*  font-size: 120%; /**/
        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: 0.5em;
        margin-bottom: 0em;
}

/*
div.mainContents hr {
	width: 90%;
}
*/

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: 3px solid #9999ff;
	border-bottom: 3px solid #9999ff;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.news div.titleHeaderInner{
        border-top: 1px solid #9999ff;
        border-bottom: 1px solid #9999ff;
       padding-top: 0.5em;
        padding-bottom: 0.5em;
}

div.column div.titleHeader{
        border-top: 3px solid #9999ff;
        border-bottom: 3px solid #9999ff;
        padding-top: 3px;
        padding-bottom: 3px;
}

div.column div.titleHeaderInner{
        border-top: 1px solid #9999ff;
        border-bottom: 1px solid #9999ff;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
}


div.amazonaff {
        font-size: 100%;
        padding-top: 0.7em;
        padding-bottom: 0.7em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        text-align:center;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
}

div.word div.titleHeader{
        border-top: none;
        border-bottom: none;
        padding-top: 3px;
        padding-bottom: 3px;
}


div.titleHeaderWord {
        width: 415px;
        font-size: 100%;
        padding-top: 0.7em;
        padding-bottom: 0.7em;
        margin-top: 0.8em;
        margin-bottom: 0.8em;
        text-align:center;
        border-top: 6px solid #9999ff;
        border-bottom: 6px solid #9999ff;
}

/* - - 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;
}

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


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

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

/* -- footer -- */
.page_footer {
border-bottom: solid 1px #9999ff;
margin-top: 1em;
margin-bottom: 0.5em;
}

.page_footer_inner {
background-color: #f4edff;
text-align: center;
line-height: 1.5em;
border-bottom: solid 6px #9999ff;
margin-bottom: 2px;
}

.page_footer_inner a,
.page_footer_inner a:visited {
color: #0000ce;
font-size: small;
text-decoration: none;
}

.page_copyright {
border: none;
text-align: right;
font-size: 80%;
}


/* 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;
}

/* ---- hensyuu kouki ---- */
div.common-kouki .ps_wrpper {
  margin: 1em 1em 2.5em 1em;
}
div.common-kouki .editor_wrpper {
  margin-bottom: 1em;
}

div.common-kouki .name {
  padding: 4px 4px 4px 4px;
  background-color: #e3d0fe;
  text-align: right;
}

div.common-kouki .comment {
  padding: 4px 4px 4px 4px;
  background-color: #fdf4f6;
}

div.common-kouki .koukilinks {
  margin-bottom:1em;
  text-align: center;
}

div.common-kouki .koukilinks .site_wrpper1, div.common-kouki .koukilinks .site_wrpper2{
/*
  display: inline;
  padding: 26px 0 6px 0;
  /padding-top: 14px;  /* IE */
/*
  border-top: 3px solid #04add4;
  border-bottom: 3px solid #04add4;
*/
  margin-left:auto;margin-right:auto;
  width: 280px;
}

div.common-kouki .koukilinks .title {
  text-align: center;
  color: #fff;
  margin-bottom: 4px;
  background-color: #42b6ff;
  font-size:90%;
  margin-left:auto;margin-right:auto;
  width: 280px;
}

div.common-kouki .koukilinks .site_wrpper1 .site, div.common-kouki .koukilinks .site_wrpper2 .site{
  display: inline;
}

div.titleHeader {
  border-bottom: 4px solid #42b6ff;
  border-top: none;
  padding-bottom: 3px;
  padding-top: none;
}

div.titleHeaderInner {
  border-bottom: none;
  border-top: none;
  padding-bottom: none;
  padding-top: none;
  text-align: left;
}

div.common-kouki {
  padding-left: 60px;
  padding-right: 60px;
}

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

/* 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—p */
  -webkit-border-top-right-radius: 5px; /* Safari,Google Chrome—p */
  -moz-border-radius-topleft: 5px;    /* Firefox—p */
  -moz-border-radius-topright: 5px;    /* Firefox—p */
  border: 1px solid #E3D0FE;
  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: #E3D0FE !important;
  color: #000000;
}


#twtr-widget-1 div.twtr-doc{
  border-top-left-radius: 0px !important;	/* CSS3‘�ˆÄ */
  -webkit-border-top-left-radius: 0px !important;/* Safari,Google Chrome—p */
  -moz-border-radius-topleft: 0px !important;	/* Firefox—p */
}

#social_tab2 {
  width: 540px;
}
#social_tab2 {
  border-radius: 5px;         	/* CSS3‘�ˆÄ */  
  -webkit-border-radius: 5px; 	/* Safari,Google Chrome—p */  
  -moz-border-radius: 5px;    	/* Firefox—p */  
  border-top-left-radius: 0px !important;	/* CSS3‘�ˆÄ */
  -webkit-border-top-left-radius: 0px !important;/* Safari,Google Chrome—p */
  -moz-border-radius-topleft: 0px !important;	/* Firefox—p */
  background-color: #E3D0FE !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;
}
#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 iframe{
  border-radius: 5px;         /* CSS3‘�ˆÄ */  
  -webkit-border-radius: 5px; /* Safari,Google Chrome—p */  
  -moz-border-radius: 5px;    /* Firefox—p */  
  margin: 1px;
  background-color: #FFFFFF !important;
  border: 1px solid #FEACB6;
}

div.fbConnectWidgetFooter{
  border-radius: 5px;         /* CSS3‘�ˆÄ */  
  -webkit-border-radius: 5px; /* Safari,Google Chrome—p */  
  -moz-border-radius: 5px;    /* Firefox—p */  
  background-color: #FEACB6 !important;
}

/* 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 margin */
.ipw_right {
  min-width: 315px;
}