@charset "utf-8";
@import "/css/header_style.css?20201109";
/*
 * 全文検索ページスタイル
    Created on : 2015/04/23, 14:26:05
    Author     : creft
*/


#index_search_contents{
	width:980px;
	margin:30px auto 10px auto;
	background:url("/libs/img/common/bg_side_320.gif") repeat-y right top;
}

#index_search_contents .left{
	float:left;
	width:650px;
	background:#FFF;
}
#index_search_contents .left.bg_gray{
	background:#EAEAEA url("/reverse/user/index_search/contents_bg.png") repeat-x left top;
}
#index_search_contents .right{
	float:right;
	width:300px;
	padding:0px 10px;
}

/* 全文検索コンテンツボディ */
#index_search_contents .left #search_form_box{
	background:transparent url('/reverse/user/index_search/search_head_bg.png') no-repeat 535px 2px;
	padding-top:16px;
	margin-bottom:15px;
}
#index_search_contents .left #search_form_box.nobg{
	background-color:transparent;
	background-image:none;
	padding-top:0px;
}

#index_search_contents .left #search_form_box .inner{
	background:transparent;
	padding:20px 0px 0px 0px;
}
#index_search_contents .left #search_form_box.nobg .inner{
	background-color:transparent;
}

#index_search_contents div.left #search_form_box h2{
	text-align:center;
	margin:0px auto 20px auto;
}
#index_search_contents div.left form.search_form{
	background:url('/reverse/user/index_search/bg_search_form.png') no-repeat center top;
	width:627px;
	height:130px;
	margin:0px auto;
}
#index_search_contents div.left form.search_form p.form_ttl{
	float:left;
	width:517px;
	height:40px;
	line-height:40px;
	text-align:center;
	padding:5px 0px 0px 50px;
	color:#4260A1;
	font-size:20px;
	font-weight:bold;
	margin:0px;
}
#index_search_contents div.left form.search_form p.help_link{
	float:right;
	width:60px;
	height:20px;
	padding:15px 0px 5px 0px;
	margin:0px;
	text-align:center;
}
#index_search_contents div.left form.search_form h2{
	padding-right:100px;
}
#index_search_contents div.left .no_result{
	padding:3px 20px 21px 20px;
	font-size:12px;
}
#index_search_contents div.left form.search_form table{
	width:590px;
	height:65px;
	margin:0px auto;
	border-collapse:collapse;
	border:0px;
}
#index_search_contents div.left table tr td{
	padding:3px;
	vertical-align:middle;
}
#index_search_contents div.left table tr td.align_r{
	text-align:right;
}



#index_search_contents .left dl#search_index{
	width:626px;
	height:30px;
	background:#FFF;
	margin:20px auto;
}
#index_search_contents .left dl#search_index dt{
	float:left;
	width:100px;
	line-height:30px;
	text-align:right;
}
#index_search_contents .left dl#search_index dd{
	float:left;
	width:500px;
	line-height:30px;
}
#index_search_contents .left dl#search_index dd ul{
}
#index_search_contents .left dl#search_index dd ul li{
	display:inline;
	line-height:30px;
}

#index_search_contents div.left #artist_rank{
	width:624px;
	border:1px solid #999999;
	margin:0px auto;
}
#index_search_contents div.left #artist_rank h3{
	height:30px;
	line-height:30px;
	background:#000;
	line-height:30px;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-indent:10px;
}
#index_search_contents div.left #artist_rank h3 span{
	color:#FF0000;
	font-size:14px;
}
#index_search_contents div.left #artist_rank ul{
	background:#FFF;
	padding:5px 13px;
	min-height:105px;
}
#index_search_contents div.left #artist_rank ul li{
	display:inline;
	line-height:1.5;
	font-size:14px;
	padding:0px 0.3em;
}

#index_search_contents div.left div#twitter_area{
	width:626px;
	margin:10px auto 10px auto;
}
#index_search_contents div.left div#twitter_area div p.artist_img{
	float:left;
	min-width:50px;
	padding:0px 15px;
	height:60px;
	text-align:center;
}
#index_search_contents div.left div#twitter_area div p.artist_pv{
	float:right;
	width:250px;
	height:20px;
	line-height:20px;
	padding:40px 10px 0px 0px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

#index_search_contents div.left div#twitter_area div.inner{
	border-top:4px solid #000;
	border-bottom:6px solid #7AB9D6;
}
#index_search_contents div.left div#twitter_area div.inner h4{
	background:#7AB9D6 url('/reverse/user/index_search/twitter_bird.png') no-repeat right center;
	min-height:26px;
	line-height:1.3;
	padding:4px 210px 0px 10px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	word-break: break-all;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area{
	position:relative;
	height:1220px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	background:#FFF;
	border:1px solid #7AB9D6;
}

#index_search_contents div.left div#twitter_area div.inner ul#tweet_area,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#000;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div{
	position:relative;
	font-size:12px;
	padding:5px 0px ;
	border-bottom:1px dashed #CCC;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li.last div{
	border-bottom:0px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div a.icon{
	position:absolute;
	left:15px;
	top:5px;
	z-index:10;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div a.icon img{
	border:0px;
	width:48px;
	height:48px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p{
	font-size:12px;
	color:#000;
	padding-left:75px;
	margin:0px;
	line-height:1.2;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head{
	position:relative;
	z-index:5;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head span.verified{
	padding-right:20px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head span.uname{
	display:block;
	padding-right:50px;
	left:60px;
	font-weight:bold;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head span.uname a{
	color:#000;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head span.uid{
	left:60px;
	top:1.2em;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head span.uid a,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head span.time a{
	color:#666;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p.head span.time{
	position:absolute;
	right:3px;
	text-align:right;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.reply,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.retweet,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.favo{
	display: inline-block;
	line-height:20px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.reply a,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.retweet a,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.favo a{
	display: inline-block;
	line-height:20px;
	padding:2px 5px 0px 18px;
	color:#949494;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.reply a:hover,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.retweet a:hover,
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.favo a:hover{
	color:#666666;
	text-decoration:none;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.reply a{
	background: url('/reverse/user/phplib/youtube/twitter/reply.png') no-repeat left 1px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.reply a:hover{
	background: url('/reverse/user/phplib/youtube/twitter/reply_hover.png') no-repeat left 1px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.retweet a{
	background: url('/reverse/user/phplib/youtube/twitter/retweet.png') no-repeat left 3px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.retweet a:hover{
	background: url('/reverse/user/phplib/youtube/twitter/retweet_hover.png') no-repeat left 3px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.favo a{
	background: url('/reverse/user/phplib/youtube/twitter/favorite.png') no-repeat left 2px;
}
#index_search_contents div.left div#twitter_area div.inner ul#tweet_area li div p span.favo a:hover{
	background: url('/reverse/user/phplib/youtube/twitter/favorite_hover.png') no-repeat left 2px;
}




#index_search_contents div.left input.page_btn{
	padding:0px 3px;
}


/* 検索結果 */
#index_search_contents div.left dl#search_list{
	margin:0px auto;
	width:640px;
}
#index_search_contents div.left dl#search_list dt{
	margin-top:18px;
	padding:5px 12px;
	min-height:20px;
	line-height:1.5;
	background:#EEEEEE;
}
#index_search_contents div.left dl#search_list dd{
	background:#EEEEEE;
	border-bottom:7px solid #DFDFDF;
	padding:0px 0px 0px 9px;
	margin-bottom:18px;
}
#index_search_contents div.left dl#search_list dd p{
	margin:0px;
	padding:8px 3px 7px 3px;
	line-height:1.5;
	background:#FFF;
}
#index_search_contents div.left dl#search_list span.keyword{
	background-color: #ffff99;
	color: #000000;
	font-weight: bold;
}

#index_search_contents div.left #paging_area{
	width:640px;
	margin:0px auto;
	padding:0px 0px;
	background:#EEEEEE;
	border-top:8px solid #CCCCCC;
	border-bottom:8px solid #CCCCCC;
}
#index_search_contents div.left #paging_area.upper{
	min-height:64px;
}
#index_search_contents div.left #paging_area.bottom{
	border-top:0px;
}

#index_search_contents div.left #paging_area p{
	padding:9px 18px 8px 18px;
}
#index_search_contents div.left #paging_area p strong{
	font-weight:bold;
}

#index_search_contents div.left #paging_area table{
	width:625px;
	margin-left:15px;
}
#index_search_contents div.left #paging_area table td{
	line-height:30px;
	height:30px;
	vertical-align:middle;
}
#index_search_contents div.left #paging_area table td img{
	vertical-align:baseline;
}


#index_search_contents div.left dl#search_list a,
#index_search_contents div.left #paging_area a{
	text-decoration:underline;
}