@charset "utf-8";

/*** Research Panel CSS Document ***************************************

	ver.2009/09

	index.css

----------------------------------------------------------------***/

/**  index.css Menu *********************************************

	1.Key Visual
	2.Information Area
	3.Banner

*******************************************************************/

div#mainContetns{
	float: none;
	width: 900px;
}

/*-----------------------------------------------------------------

	1.Key Visual

-------------------------------------------------------------------*/

div.KeyVisual{
	margin-top: 15px;
	margin-bottom: 2px;
}

div.KeyVisual h2{
	line-height: 0;
}

/*-----------------------------------------------------------------

	2.Information Area

-------------------------------------------------------------------*/

div#mainContetns div.infoArea{
	width: 900px;
	margin-bottom: 15px;
/*	background: url(../img/bg_index01.gif)  repeat-y; */
}

div#mainContetns div.infoArea h3{
	font-size: 138.5%;
	margin-bottom: 6px;
	font-weight: normal;
}

div#mainContetns div.infoArea p{
	margin-bottom: 12px;
}

dl#updateList dt{
	clear: both;
	background: url(/common/img/ico_press.gif) no-repeat left center;
	padding-left :80px;
}

dl#updateList dt.nr{
	clear: both;
	background: url(/common/img/ico_news.gif) no-repeat left center;
	padding-left :80px;
}

dl#updateList dd{
	margin-bottom: 8px;
}

div#mainContetns div.infoArea ul li{
	padding-left: 6px;
	background: url(http://global.research-panel.jp/common/img/ico_list_orange.gif) no-repeat 0px 8px;
	margin:0 10px 5px 0;
}
div#mainContetns div.infoArea ul.line li{
	text-align: right;
}
div#mainContetns div.infoArea div.column3A{
	width: 239px;
	margin-right: 48px;
}

div#mainContetns div.infoArea div.column3B{
	width: 236px;
	margin-right: 48px;
}

div#mainContetns div.infoArea div.column3C{
	width: 290px;
	float:right;
}

div#mainContetns div.infoArea div.txtArea{
	float: left;
	width: 244px;
}

div#mainContetns div.infoArea div.txtArea p img{
	float:right;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	display:inline;
}

div#mainContetns div.infoArea div.imgArea{
	width: 88px;
	margin-left: 155px;
}

div#infoContents{
	width: 580px;
	float: left;
	padding-right: 10px;
}
div.infoContainer{
	border: 1px solid #dedede;  
	padding: 8px;
	margin: 0 0 15px 0;
}
div.infoContainerFirst{
	border:none;
	text-align: center;
	line-height: 1.8;

}
div.infoContainerFirst img.empower{
	margin-bottom: px;
}

div#esomar26{
	border: 1px solid #99deff;
	padding: 8px;
	margin-bottom: 20px;
}
div#esomar26 img{
	float: right;
	margin-left: 5px;
}


/*-----------------------------------------------------------------

	3.Banner

-------------------------------------------------------------------*/

div#mainContetns div.bannerArea{
	clear: both;
	width: 513px;
	border: 1px solid #ccc;
	margin-left: 347px;
}

/* \*/

* html div#mainContetns div.bannerArea{
	width: 515px;
}

/**/

div#mainContetns div.bannerArea div.photoArea{
	width: 137px;
}

div#mainContetns div.bannerArea div.photoArea p{
	line-height: 0;
}

div#mainContetns div.bannerArea div.txtArea{
	width: 310px;
	margin-left: 192px;
	padding-top: 21px;
}


/* \*/
* html div#mainContetns div.bannerArea div.txtArea{
	margin-left: 190px;
}

/**/

div#mainContetns div.bannerArea div.txtArea p{
	color: #000;
}

div#mainContetns div.bannerArea div.txtArea a:link,
div#mainContetns div.bannerArea div.txtArea a:visited,
div#mainContetns div.bannerArea div.txtArea a:hover{
	color: #0000ee;
}

/*---------------------------------------------------
	blog
---------------------------------------------------*/
div#blog{
	float:left;
	clear:left;

}
div#blog p{
	float:left;
	clear:left;
	padding:6px;
}
h3.rpa_blog{
/*	background: url(/common/img/ico_blogger.gif) no-repeat left top;*/
	margin-bottom: 0 !important;
}
h3.rpa_blog img{
	float: left;
	width: 32px;
	padding: 0 4px;
	margin-bottom:4px;
}

h3.rpa_blog span{
	float: left;
	padding: 4px 0 3px 4px;
}

div#blog .blogcontent{
	float:right;
	width:274px;
	font-size : 80%;
	padding:4px 0 4px 0;
	margin-top:2px;
}

div#blog li img {
	margin-left: 4px;
	vertical-align:text-bottom;
}

/*---------------------------------------------------
	twitter
---------------------------------------------------*/
div#twitContainer{
	float:left;
	padding: 15px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 3px 0 20px 4px;
}
h3.twitAsia{
/*	background: url(/common/img/ico_twit_asia.gif) no-repeat left top;*/
	margin-bottom: 0 !important;
}
h3.twitAsia img{
	float: left;
	display: block;
	width: 28px;
	margin-left: 4px;
}
h3.twitAsia span{
	display: block;
	float: left;
	padding: 4px 0 3px 6px;
}

div#twitContainer p{
	padding-left:4px;
}

.twtr-hd,
.twtr-ft{
	display:none;
}

.twtr-tweet-wrap {
overflow:hidden;
padding:6px 0 !important;
}

/* groupLink */

div#grouplink{
	margin-left: 15px;
}

div#grouplink ul#grouplinkList li{
	background: url(/common/img/ico_circle.gif) no-repeat left 5px;
	padding-left: 12px;
	margin-left: 5px;
}
	
/*----------------------------------------------------------------- clearfix*/

div#mainContetns div.infoArea:after,
div#mainContetns div.bannerArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#mainContetns div.infoArea,
div#mainContetns div.bannerArea { display:inline-block; }

/*\*/
* html div#mainContetns div.infoArea,
* html div#mainContetns div.bannerArea { height:1%; }

div#mainContetns div.infoArea,
div#mainContetns div.bannerArea{ display:block; }
/**/