@charset "utf-8";


/*
***************************
ヘッダー
***************************
*/
span.head_border {
	background-color:#C00;
	width:100%;
	height:51px;
	display: block;
	position:relative;
}
.head_logo_area{
	margin:0 auto;
	width: 994px;
	text-align:left;
}
.head_logo_area .logo{
	background:url(/common/images/v2/common/new-marketers-lounge.png) no-repeat 0 16px;
	width:534px;
	height:72px;
	display:block;
	font-size:0;
	text-indent:-9999;
}
#header {
	border-bottom:1px solid #CCC;
	*zoom:1;
}
#header:after {
	content: ""; 
	display: block; 
	clear: both;
}
#header .logo_media {
	float: left;
}
#header .logo_media a {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#header h1 {
	padding: 15px 0 0 0;
	height:53px;
	float:left;
}
#header h1 a {
	background: url(../../images/v2/common/logo.png) no-repeat 0 0;
	width:250px;
	height:53px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#header .right {
	text-align:right;
	margin-top:38px;
}
#header .search {
	line-height:100%;
	margin:0 15px;
}
.search input {
	vertical-align: middle;
}
.search #keyword.inputtext {
	color:#999;
	font-size:12px;
	line-height:18px;
	border:1px solid #D1D1D1;
	background: #FFF url(../../images/v2/common/search_bg.png) 3px 50% no-repeat;
	padding:0 3px 0 20px;
	width:181px;
	height:18px;
}
.search #keyword.active {
	color: #333;
	/*
	background-image:url(../../images/v2/common/search_bg.png)\9;
	padding-left: 20px\9;
	width:181px\9;
	*/
}
:root *> .search #keyword.active {
	background-image:none;
	padding-left: 3px;
	width:198px;
}
.search .keywordbtn {
	color:#FFF;
	font-size:10px;
	text-align:center;
	border:1px solid #616161;
	background-color:#C00;
	margin-left:8px;
	width: 58px;
	height: 20px;
	cursor: pointer;
}

/* 記事のheader-search */
#header .header-search .search{margin:0;}
#header .header-search .search #keyword.inputtext{width:228px;}

.breadcrumb,
.breadcrumb a {
	font-size:12px;
	color: #FFF;
}
.breadcrumb {
	line-height:1.2;
	margin:3px 0 0 3px;
	width:350px;
	float: left;
}
.breadcrumb span {
	padding: 0 0.5em;
}

.snstools,
.snstools li,
#header .search,
#header .btn_rss {
	display: inline-block;
	*display: inline;
	*zoom:1;
}
.snstools {
	margin-bottom: -2px;
}
.snstools li,
.snstools li iframe {
	height:20px;
	vertical-align: top;
}
.snstools li.btn_twitter {
	/*width: 100px;*/
	width:130px;
}
.snstools li.btn_facebook {
	/*margin-top:-1px;*/
	width: 110px;
}
.snstools li.btn_plusone {
	width: 65px;
}
.snstools li.btn_plusone div {
	vertical-align: top !important;
}
#header a.btn_rss {
	text-align:left;
	background: url(../../images/v2/common/rss.png) no-repeat 0 0;
	width:20px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


#powerdby {
	font-size:0;
	text-align:left;
	margin:0 auto 10px;
	width: 970px;
	clear: both;
}
#powerdby li {
	font-size:12px;
	padding-right:10px;
	display: table-cell;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
}

#header #powerdby {
	text-align:right;
	margin:30px 0 0 0;
	width: 332px;
}
#header #powerdby li {
	padding-left:10px;
	padding-right:0;
}

#header #header-powerdby {
	text-align:right;
	margin:30px 0 10px 0;
	width: 332px;
}
#header #header-powerdby li {
	padding-left:10px;
	padding-right:0;
}

/*
********************************
記事リスト
********************************
*/
.article_list {
	margin-bottom:15px;
	margin-top:5px;
	/*padding-bottom:5px;*/
}
.article_list h5 {
	background-position:0 0;
	background-repeat:no-repeat;
	height:26px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.article_list ul {
	background-color:#FFF;
	padding: 10px 15px 0;
}
.article_list li {
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:10px;
	overflow: hidden;
	_zoom:1;
	position:relative;
	/*cursor: pointer;*/
}
.article_list li.bottom {
	border-bottom-width:0;
	margin-bottom:0;
}
.article_list li .img {
	padding-right:10px;
	width: 40px;
	float:left;
}
.article_list li .img img {
	width: 40px;
}
.article_list li .txt {
	line-height:1.2;
	float: left;
}

.article_list li .txt span.cate {
	font-size:12px;
	margin-bottom:4px;
}
.article_list li .txt span.date {
	color:#666;
	font-size:12px;
}
.article_list li .txt span.logo {
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	bottom:10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.from_president {
	background-image:url(../../images/v2/section/logo_president.png);
	width:80px;
	height:11px;
}
.from_de {
	background-image:url(../../images/v2/section/logo_de.png);
	width:84px;
	height:13px;
}
.from_gendai {
	background-image:url(../../images/v2/section/logo_gendai.png);
	width:72px;
	height:16px;
}
.from_jbpress {
	background-image:url(../../images/v2/section/logo_jbpress.png);
	width:74px;
	height:14px;
}
.from_diamond {
	background-image:url(../../images/v2/section/logo_diamond.png);
	width:47px;
	height:19px;
}
#article_list_ranking span.cate {
	color:#C00;
	font-weight:bold;
	display: block;
}
.article_list span.link {
	background-color:#FFF;
	padding: 10px 15px 5px;
	width:618px;
	display: block;
}
.article_list span.link.wd32 {
	width:290px;
}
.article_list span.btn_more {
	text-align:right;
}
.article_list span.btn_more a {
	text-indent: -9999px;
	text-align:left;
	background: url(../../images/v2/section/goto_more.gif) 0 0 no-repeat;
	width:64px;
	height:22px;
	display: inline-block;
	*display:inline;
	*zoom:1;
}


.article_list span.separator {
	font-size:0;
	background-position:0 0;
	background-repeat:no-repeat;
	height: 5px;
	display: block;
}
/*
********************************
ページ繰り
********************************
*/
.pagenation {
	background-color:#FFF;
	padding-top:5px;
}
.pagenation ul {
	font-size:0;
	text-align: center;
}
.pagenation ul li,
.pagenation ul li * {
	color: #C00;
}
.pagenation ul li {
	font-size:12px;
	line-height:20px;
	border-bottom-width:0;
	margin: 0 5px;
	width:20px;
	height:20px;
	cursor:default;
	display: inline-block;
	*display:inline;
	*zoom:1;
}
.pagenation ul li * {
	font-weight:bold;
	display: block;
}
.pagenation ul li a {
	width: 20px;
	height:20px;
}
.pagenation ul li a:hover {
	text-decoration: underline;
}
.pagenation ul li span {
	border:1px solid #C00;
	width: 18px;
	height:18px;
	background:none;
	cursor: default;
}
/*前へ*/
.pagenation ul li.prev,
.pagenation ul li.next {
	width:20px;
	height:20px
}
.pagenation ul li.prev *,
.pagenation ul li.next * {
	background: url(../../images/v2/article/pagenation.png) 0 -1px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.pagenation ul li.prev span,
.pagenation ul li.next span {
	border:none;
	background:none;
}
.pagenation ul li.prev a {
}
.pagenation ul li.prev a:hover {
}
/*次へ*/
.pagenation ul li.next a {
	background-position:-20px -1px;
}
 .pagenation ul li.next a:hover {
}

/*
********************************
フッター
********************************
*/

#footer .inner {
	margin:0 auto;
	width: 970px;
	overflow: hidden;
}

#footer.default {
	background-color:#C00;
}
#footer.default .inner {
	font-size:10px;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	_zoom:1;
}
#footer.default .inner,
#footer.default .inner a {
	color: #FFF;
}
#footer.default .inner .links {
	float: left;
}
#footer.default .inner .links li {
	display: inline-block;
	*display: inline;
	*zoom:1;
}
#footer.default .inner span {
	float:right;
}

/*
***************************
トップのテキスト広告
***************************
*/
li.top-txt-ad span.pr-ico{
	width:40px;
	height:40px;
	display:block;
	background:url(/common/images/v2/common/pr-ico.gif) no-repeat 0 0;
	font-size:0;
	text-indent:-9999;
	margin-right:10px;
	float:left;
}
li.top-txt-ad{font-size:16px;}

/*
***************************
メディア別
***************************
*/
body.page_media #header h1 {
	padding-top:22px;
	float:right;
}
body.page_media #header .right {
	clear: both;
}