@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.
    --
    --------------------------------------------------------------------------*/
@import "affiliate.css";

body {
    background: #fff;
    color: #000;
}

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

.ipw_main a {
  text-decoration: none;
  color: rgb(51,51,102);
}

/*
.ipw_main a:link {
}

.ipw_main a:visited {
  color: rgb(110,73,127);
}
/**/
.ipw_main a:hover {
  text-decoration: underline;
}

/* -----------------  Watch CSS ------------------- */

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

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

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

.ipw_footer .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 - - */

.title h1 {
  font-weight: bold;
  font-size: 100%;
  margin-top: 0em;
  margin-bottom: 0em;
}

.subtitle h2 {
  font-weight: bold;
  font-size: 100%;
  margin-top: 0em;
  margin-bottom: 0em;
}

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

.mainContents hr {
  background-color: #CCCCCC;
}

.authorInfo {
}

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


.authorDetail {
  width: 60%;
  font-size: 80%;
  margin-left: auto;
  margin-right: auto;
}

.authorName {
  text-align: left;
  font-weight: bold;
}

.authorDesc {
  text-align: left;
}

.authorImage {
  float: left;
  margin-right: 0.5em;
}


.reportedby {
  text-align: right;
  font-size: 120%;
  font-weight: bold;
}

.titleHeader{
  border-top: 0px;
  border-bottom: 2px solid #CCCCCC;
  padding-bottom: 0px;
  margin-top: 1em;
}


.titleHeaderInner{
  border-top: 4px solid #2E6162;
  border-bottom: 4px solid #2E6162;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 0px;
}

.titleImage{
  text-align: center;
}

.bnlink{
  text-align: right;
}


/* - - Series: common - - */
.news .titleHeader {
}

.review .titleHeader h1 {
  font-weight: bold;
  font-size: 120%;
  margin-top: 0em;
  margin-bottom: 0em;
}

.review .titleHeader h2 {
  font-weight: bold;
  font-size: 120%;
  margin-top: 0em;
  margin-bottom: 0em;
}

.reportedby {
  margin-top: 0.5em;
}

.weekend .titleHeader h1 {
  text-align: center;
}

.weekend .subTitle {
  margin-bottom: 0.5em;
}

.item .titleHeader, .museum .titleHeader {
  text-align: center;
}

.longterm .titleHeader{
  text-align: center;
}

.longterm .titleHeader img {
  margin-bottom: 0.5em;
}


.labo .titleHeader{
  border-bottom: none;
  text-align: center;
}

.speedtest .subtitle{
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.trend .titleHeader{
  text-align: center;
  border-bottom: none;
}


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

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

/* ============== 記事ページ 左ペーン ================ */
.leftpane_item {
  margin-bottom:  0.25em 0.1em;
}
.leftpane_item .publish_date {
  font-size: 90%;
  padding-left: 1.5em;
}

.year_row {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: -1px;
}

.year_row .icon{
  font-size: 90%;
}

.year_row .month {
  padding-left: 0.3em;
}


/* 090518 ueda-t add --------------------------------------------*/
div.contents div.mainContents {
  line-height: 1.4em;
}

.ipw_main a.black {
  color:#000000;
}

/* -- 100119 -- */
.page_footer {
background-color: #2e6162;
padding-bottom: 2px;
border-bottom: 2px solid #ccc;

}

.page_footer_inner {
background-color: #2e6162;
text-align: center;
font-size: small;
line-height: 2em;
border-bottom: 1px solid #fff;
}

.page_footer_inner a,
.page_footer_inner a:visited {
color: white;
}

.page_copyright_message {
font-size: 60%;
border-bottom: solid 1px #888;
margin-bottom: 1em;
}

.page_copyright_message ul {
margin:0;
padding: 0;
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 0;
padding-left: 2em;
line-height: 1.1em;
}

.page_copyright {
font-size: 80%;
text-align: center;
}

/* Photographer's File 101224 ueda-t add */
div.photographer div.subcorner {
  float: left;
  font-weight: bold;
}

/* 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 #2E6162;
  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: #2E6162 !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: #2E6162 !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;
}

a.underline {
  text-decoration: underline;
}


/* -- infowin -- */
.ipw_left div.infowin {
  width: 121px;
  background: url('/include/auto/dcw/extra/infowin/genkousya/ttl-logo.png') no-repeat 50% 0 #efefef;
  padding: 26px 2px 2px 2px;
  margin: 0 0 10px 2px;
}
.ipw_left div.infowin div.image,
.ipw_left div.infowin div.caption {
  padding:2px;
  color: #333;
  font-size: 75%;
}
.ipw_left div.infowin div.caption {
  margin-: 2px;
}
.ipw_left div.infowin div.image img {
  width: 115px;
  /width: 117px;
}

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