@charset "UTF-8";

/***** Yahoo! JAPAN VERTICAL SEARCH *****/
/* Yahoo!JAPAN blog search fixed width css */

/* ================================================================================

# 2009.02.05 UPDATE "IE8 improvement"

#LINK FROM


#CSS INDEX

1.reset

2.font setting

		
3.baselayout
	
4.common
	- title
	- icon
	- result-display
	- page-next
	- nitamono-word
	- sort-common
	- rireki
	- search_box bottom
	- clear
	
5.search
	- table
	- bs_history,bs_date
	- information
	- result-main column
	- news-box column
	- result-sub column
	- sponsor
	- kanren-word
	- yokuderu-word

6.search_reputation
	- graph
	- result

7.search_cluster
	- result-main column
	- result-sub column
	- sort-collect
	- result-box

8.footer
	- promotion

9.other


#FONT-SIZE CLASS (http://i.yimg.jp/images/css/yj2.css)
yclass:yjXLzfont-size:150% 
yclass:yjLzfont-size:120% 
yclass:yjMzfont-size:100% 
yclass:yjSzfont-size:84.5% 
yclass:yjMtzfont-size:100%/line-height:1.4em 
yclass:yjStzfont-size:84.5%/line-height:1.3em 
yclass:yjXSzfont-size:70% 

==================================================================================== */


/*=================================
 1. reset
=================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
	margin:0;
	padding:0;
} 
fieldset, img {
	border:0;
} 
table {
	border-collapse:collapse;
	border-spacing:0;
}
address, caption, cite,code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
} 
ol, ul, il {
	margin:0;
	padding:0;
	list-style:none;
} 


/*==================================
2. font setting
===================================*/

body {font-family:"MS UI Gothic","MS PGothic";}
html>body {font-family:"Lucida Grande",sans-serif;}
*+html body {font-family:"Meiryo",sans-serif;}
select,input,textarea {font-family:"MS UI Gothic","MS PGothic";}



/*=================================
 3. baselayout
=================================*/

body > #container {
  height:auto;
}

/* specified size 750px */
#wrapper {
width:100%;
min-width:750px;
width:expression(
	 ((document.body || document.documentElement).clientWidth < 752)? "750px" :
		"auto"
);
}

/* tableUHD8 */
#header table {
  margin:0 auto;
}

#header td {
  text-align:left;
}


/* main */
#main-contents {
	margin:10px 0px 0;
	text-align:left;
}

#main {
	clear:both;
	margin:0 0 30px;
	padding:10px 0 0;
	}

/* result */
#result {
	margin:0;
	padding:0px 10px;
}

#result-m {
	margin:0;
	padding:15px 0 0;
	text-align:left;
}

#result-m-main {
	margin:15px 0 0;
	text-align:left;
}


/* strong */
.bs-strong {
	font-weight:bold;
}

/* side-margin */
.bs-side {
	padding:0 5px 0 10px;
}

.hyphen {
	margin:0 5px;
}

/* r-side margin */
.r-side {
	margin:0 5px 0 0;
	padding:0px;
	border:0px;
	vertical-align:middle;
}

/* l-side margin */

.l-space {
	margin-left:5px;
}

/* top,bottom margin */
.tb {
	padding:5px 0 2px 5px;
}

/* align right */
.link-r {
	margin:0;
	padding:0;
	text-align:right;
}

/* align center */
.r-center {
	padding:5px 0 10px;
	text-align:center;
}

/*=================================
 4. common
=================================*/

/* title
------------------------------ */

/* main-titleline*/
#title {
	height:1.28em;
	margin:0px;
	padding-right:5px;
	background-color:#56B3A1;
	color:#FFFFFF;
	text-align:right;
}

#title-left {
	float:left;
	text-align:left;
	padding:2px 0px 0px 20px;
	_padding:1px 0px 0px 20px;
}

html* #title-left
{
padding:2px 0px 2px 20px;
}

*:first-child+html #title-left
{
padding:1px 0px 2px 20px;
}/* for~IE7 */

#title p {
	padding:3px 0 1px 0;
	_padding:4px 0 2px 0;
}

*:first-child+html #title p
{
    padding-top:1px;
	line-height:1.3em;
}/* for~IE7 */


#title-left h1 {
	display:inline;
	line-height:1.3em;
	font-weight:bold;
	font-size:85%;
	margin-right:0.5em;
}


#title-left span {
	margin-left:3px;
}
#title-left a {
	color:#FFFFFF;
}

/* \*/
* html div#main-title {
	height:30px;
	margin:0px 10px;
	padding:5px 0 0 2px;
	background-image:url(http://i.yimg.jp/images/blog-search/result-common/h_back.gif);
	background-repeat:repeat-x;
	text-align:right;
}
/* */
/*forIE5~IE6*/

/* main-title*/
div#main-title {
	_height:35px;
	height:1.65em;
	min-height:30px;
	margin:0px 10px;
	padding:5px 0 2px;
	background-image:url(http://i.yimg.jp/images/blog-search/result-common/h_back_02.gif);
	background-repeat:repeat-x;
	text-align:right;
}

div.h3-title {
	clear:both;
	margin:30px 10px 10px;
	border-left:7px solid #56B3A1;
	background-image:url(http://i.yimg.jp/images/blog-search/result-common/h3_back.gif);
	background-repeat:repeat-x;
}

.title-l {
	float:left;
	text-align:left;
	padding:4px 0 2px 5px;
}

.title-l span {
	font-weight:normal;
	color:#666666;
}

/** coincident number **/

.number {
	font-weight:normal;
}


/* headline */
#contents h1 {
	margin:0;
	font-weight:bold;
}

#contents h2, h3 {
	margin:5px 0 0;
	padding:5px 5px 7px 10px;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

#contents h2 {
	margin:0;
	padding:5px 5px 7px 10px;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

#contents h2 {
	text-align:right;
}


/* icon
------------------------------ */

.bs-icon {
	margin:0 0px 0 5px;
	padding:0px;
	border:0px;
}

.bs-help-icon {
	margin:0 5px 0 5px;
	padding:0px;
	border:0px;
}



/* tab
------------------------------ */


#tab-box {
	clear:both;
	position:relative;
	margin-top:5px;
	height:29px;
}

#tab-ul {
	left:0;
	top:29px;
	margin:0;
	padding:0 0 0 15px;
}

#tab-ul li {
	float:left;
	height:29px;
	width:102px;
	margin:0 5px 0 0;
	padding:0;
}

#tab-ul em {
	display:block;
	height:29px;
	width:102px;
	background-image:url(http://i.yimg.jp/images/blog-search/result-common/tab.gif);
	background-repeat:no-repeat;
}

#tab-ul a {
	display:block;
	width:102px;
	height:29px;
}

.non-display {
	display:none;
}


/* link-color */
.selected em#tab-link-1 {
	background-position:0 0px;
}
.selected em#tab-link-2 {
	background-position:-107px 0px;
}
.selected em#tab-link-3 {
	background-position:-214px 0px;
}


/** link-color:gray **/
em#tab-link-1 {
	width:102px;
	background-position:0 -29px;
}
em#tab-link-2 {
	width:102px;
	background-position:-107px -29px;
}
em#tab-link-3 {
	width:102px;
	background-position:-214px -29px;
}


/* rireki */
.right-link-box {
	display:block;
	position:absolute;
	top:10px;
	right:15px;
	clear:left;
	text-align:right; 
}


/* result-display
------------------------------ */

/* common */

div.r-details {
	margin-top:0.5em;
	max-width:700px;
	word-wrap:break-word;
	\_word-break:break-all;
}


a.r-link {
	color:#8284CC;
}

em {
	color:#008000;
}

em.r-date {
	color:#333333;
}

ul#no-keyword{
	display:block;
	margin:10px 10px 0 10px;
	padding:29px 10px 29px 10px;
	background-color:#EFFCFB;
}

ul#no-keyword li{
	margin:0 0 0 1.8em;
	padding:0;
}


ul#no-keyword li p{
	margin:0;
	padding:0;
}

/* zero_match*/

#result-zero-match {
	float:left;
	margin-left:-280px;
	padding:15px 0 0;
	text-align:left;
	width:100%;
}


#zero-match {
	margin:0px 25px 0px 295px;
	_margin:0px 25px 0px 305px; /* for IE5.0~IE6*/
}

#zero-match p {
	margin:1em 0.5em 1em 0;
}

#zero-match ul {
	margin:0 0 2em;
}

#zero-match li {
	list-style-type:disc;
	margin:10px 3em;
}

/*no-keyword*/
#zero {
	margin:0px 25px;
}


#zero p {
	margin:1em 0.5em 1em 0;
}

#zero ul {
	margin:0 0 2em;
}

#zero li {
	list-style-type:disc;
	margin:10px 3em;
}


/* page-next
------------------------------ */

#pgnav {
	clear:both;
	margin:0;
	text-align:center;
}

#page-next{
	margin:0;
	padding:0;
	font-size:84%;
	height:2em;
	text-align:center;
	line-height:1.22;
	zoom:1;
	width:99%;
}
	
#page-next ul {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-size:122%;
	word-spacing:inherit;
	zoom:1;
}

#page-next li {
	margin-right:2px;
	margin-left:2px;
	list-style:none;
	display:inline;
	zoom:1;
}

#page-next li span {
	padding:0.2em 0.4em;
	_padding:0.1em 0.4em;/* for ie5~6 */
	border:#6cd5b6 1px solid;
	background:#59b1a3;
	color:#fff;
	_float:left;/* for ie5~6 */
	line-height:1.22;
}

#page-next li a{
	padding:0.2em 0.4em;
	_padding:0.1em 0.4em;
	border:#6cd5b6 1px solid;
	background:#FFFFFF;
	_display:block;/* for ie5~6 */
	_float:left;/* for ie5~6 */
}


#page-next li a:hover {
	padding:0.2em 0.4em;
	_padding:0.1em 0.4em;/* for ie5~6 */
	border:#6cd5b6 1px solid;
	background:#59b1a3;
	color:#fff;
}

#page-next li #pre,#page-next li #next {
	font-size:100%;
}

#page-next li #pre a,#page-next li #next a {
	border:#fff solid 1px;
	background:#fff;
	line-height:1.22;
}

#page-next li #pre a:hover,#page-next li #next a:hover {
	border:#fff solid 1px;
	background:#e4fbe0;
	color:#0400f0;
}


#page-next li #pre b {
	padding-left:12px;
	background:url(http://i.yimg.jp/images/common/ar_prev.gif) no-repeat 0 50%;
}

#page-next li #next b {
	padding-right:12px;
	background:url(http://i.yimg.jp/images/common/ar_next.gif) no-repeat right 50%;
}

#page-next li big a {
	text-decoration:none;
}

#page-next li big a b {
	visibility:visible;
	text-decoration:underline;
}

*+html body #page-next li a{
	display:block;
	float:left;
} /* for ie7 */


*+html body #page-next li span {
	float:left;
} /* for ie7 */


/* nitamono-word
------------------------------ */

#nitamono {
	padding:15px 0 5px;
	line-height:200%;
}

#nitamono a {
	white-space:nowrap;
} 

#nitamono a:link, #nitamono a:visited {
	text-decoration:none;
}

#nitamono a:hover {
	text-decoration:underline;
}

a.key01 {
	font-size:0.8em;
}

a.key02 {
	font-size:1.0em;
}

a.key03 {
	font-size:1.2em;
	font-weight:bold;
}

a.key04 {
	font-size:1.4em;
	font-weight:bold;
}

a.key05 {
	font-size:1.6em;
	font-weight:bold;
}

/* sort-common
------------------------------ */

#sort {
	clear:both;
	display:block;
	margin:3px 10px 0;
	_margin:3px 10px 0;
	padding:0;
	background-color:#EFFCFB;
	color:#333333;
	text-align:left;
	white-space:nowrap;
}
#sort-z {
	clear:both;
	display:block;
	margin:3px 10px 0;
	_margin:3px 10px 0;
	padding:0;
	background-color:#EFFCFB;
	text-align:left;
	white-space:nowrap;
}

.disp {
	clear:both;
	padding:3px 10px 0 10px;
	display:block;
}


.end {
	clear:both;
	padding:3px 10px 5px;
	display:block;
}


#sort span.ml10 {
	margin-left:0px;
}

/* rireki
------------------------------ */

#bs-history {
	width:25em;
	padding:1em 1.5em;
	border:2px solid #CCCCCC;
	background-color:#E8F4F3;
	text-align:center;
	position:absolute;
    z-index:10;
    right:0;
}

div.history-box {
	width:25em;
	margin:0;
	padding:0;
	text-align:right;
}

div.box-title {
	width:25em;
	margin:0 0 5px 0;
}

div.r-box {
	clear :both;
	margin:5px 0 0;
	padding:10px;
	background-color:#FFFFFF;
	text-align:left;
}

.close-box {
	margin:7px 0 0 0;
	color:#333333;	
	text-align:right;
}


#bs-history h4 {
	margin:0 2px 0;
	color:#333333;
	text-align:left;
}

#bs-history h5 {
	margin:0;
	padding:0px 3px 0;
	border-left:7px solid #A9D6D1;
	background:#E8F4F3;
	color:#333333;
	text-align:left;
}

#bs-history ul {
	list-style-position:outside;
	margin:0px;
	padding:10px 0px 1em 0.8em;
	color:#333333;
}

#bs-history li {
	list-style:none;
	margin:0;
	padding:0 0 0 1.2em;
	background-image:url(http://i.yimg.jp/images/blog-search/rireki/green_dot_01.gif);
	background-repeat:no-repeat;
	background-position:0.5em;
	line-height:120%;
}

.function {
	float:right;
	margin:0;
	color:#333333;
}

.function-off {
	margin:5px 0 0;
	padding:10px;
	background-color:#F2F2F2;
}

.switch-r{
	margin:0 7px;
}


#link-rireki{
	display:inline;
	margin-left:3px;
	padding-right:20px;
	height:1.3em;
}

/*A_filter*/
#link-filter{
	display:inline;
	height:1.3em;
}

#link-hyphen {
	display:inline;
	margin:0 5px;
	height:1.3em;
}

.right-link-box{
}

/* search_box bottom
------------------------------ */

#searchbox-margin {
	padding:30px 0;
	clear:left;
	text-align:center;
}

#searchbox {
	position:relative;
	width:97%;
	margin:0 auto;
	padding:15px 0;
	border:1px solid #B3E6E7;
	background-image:url(http://i.yimg.jp/images/blog-search/result-common/sb_back.gif);
	background-repeat:repeat-x;
}

/* clear
------------------------------ */
.clear {
	clear:both;
}


.center {
	text-align:center
}


/*=================================
 5. search
=================================*/

/* table
------------------------------ */


#table {
	float:right;
	width:97%;
	margin:0 auto;
	background-color:#CCCCCC;
}


#detail-table {
	width:400px;
	margin:10px auto 0;
	padding:0px;
	border:2px solid #F0F0F0;
	background-color:#FFFFFF;
	text-align:left;
}

#r-table {
	width:400px;
	margin:0;
	padding:0;
	border:2px solid #F0F0F0;
	background-color:#FFFFFF;
	text-align:left;
}


#detail-table {
	width:95%;
	margin:10px 15px 0;
}

#r-table td, #detail-table td {
	padding:7px 10px;
}

.tr-bg {
	background-color:#F5F5F5;
}

.tr-bgw {
	background-color:#FFFFFF;	
}

.table-t {
	color:#4B9C94;
	width:9em;
}


/* bs_history, bs-date
------------------------------ */


#bs-history, #bs-date {
	padding:10px 15px ;
	border:2px solid #CCCCCC;
	background-color:#E8F4F3;
	text-align:center;
}

#bs-history, #bs-date {
	width:25em;
}

#bs-date {
	width:24em;
	font-size:small;
}

div.history-box, div.date-box {
	width:25em;
	margin:0;
	padding:0;
	text-align:left;
}


div.date-box {
	width:24em;
}


div.box-title {
	width:25em;
	margin:0 0 5px 0;
}

div.r-box {
	clear:both;
	margin:5px 0 0;
	padding:10px;
	background-color:#FFFFFF;
	text-align:left;
}

div.c-box {
	clear:both;
	margin:5px 0 0;
	padding:10px;
	background-color:#FFFFFF;
	text-align:center;
}

div.select-date {
	margin:4px 0;
}

.close-box {
	margin:7px 0 0 0;
	color:#333333;	
	text-align:right;
}

#bs-history h4, #bs-date h4 {
	margin:0 2px 0;
	color:#333333;
	font-size:100%;
	text-align:left;
}

#bs-history h5, #bs-date h5 {
	margin:0;
	padding:0px 3px 0;
	border-left:7px solid #A9D6D1;
	background:#E8F4F3;
	color:#333333;
	font-size:100%;
	text-align:left;
}


.bs-side2 {
	margin:0 4px 0;
}


/* information
------------------------------ */

/* information1 */

#information1 {
	clear:both;
	margin:10px 10px 0 10px;
	padding:0px 10px 6px 10px;
	_padding:0px 10px 8px 10px;
	background-color:#EFFCFB;
	color:#333333;
	text-align:left;
}

#information1 img {
	position:relative;
	top:5px;
	margin-right:1em;
}

/* information2 */
#information2 {
	margin:0px 0 10px 27px;
}

#information2 img {
	float:left;
}
#information2 p {
	margin:0 0 0 37px;
}



/* result-main column
------------------------------ */

#result-main-l {
	float:left;
	width:100%;
	margin-left:-280px;
	padding-top:10px;
}

#result-main-l-in {
	margin-left:270px;
}

#result-main-l ol, #ru-list ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin:0;
	padding:0px 32px 0px 40px;
}


#ru-list li {
	margin:0 0 1.5em 1em;
}

#result-main-l li {
	margin:0 0 1.5em 1.2em;
}

#result-main-l li div {
    word-wrap:break-word;
    \_word-break:break-all;
}



/* news-box column
------------------------------ */
div.news-title-box {
	clear:both;
	margin:0;
	padding:0;
	border-width:1px;
	border-style:solid;
	border-color:#CBCBCB;
	background-color:#F6F6F6;
	_height:25px;
	min-height:25px;
}

div.news-contents-box {
	background-color:#FFFFFF;
	border-color:#CBCBCB;
    border-style:solid;
    border-width:0pt 1px 1px;
    clear:both;
    margin:0px;
}

#result-sub-r div.news-title-box h5{
	margin:6px 0 4px 0;
	padding:0 4px 0 5px;
	display:block;
	_height:12px;
	min-height:14px;
}

#result-sub-r div.news-title-box h5 img
{
    position:relative;
    top:3px;
    margin-right:7px;
}

#result-sub-r div.news-contents-box ul {
	margin:0;
	padding:5px 0 3px 0;
}

#result-sub-r div.news-contents-box li {
	width:213px;
	margin:0 0 7px 0;
	padding:0 2px 0 28px;
	background:url(http://i.yimg.jp/images/blog-search/result-common/news_list.gif) no-repeat 12px .4em;
	_background-position:12px .5em;
}

*+html #result-sub-r div.news-contents-box li {
	background-position:12px .5em;
}

#result-sub-r div.news-contents-box dt{
	margin:0;
	padding:0;
	line-height:1.3;
}

#result-sub-r div.news-contents-box dd {
	margin:1px 0;
	padding:0;
	line-height:1.3;
}

#result-sub-r div.news-contents-box dd span{
	color:#FF6600;
	font-weight:bold;
}

#result-sub-r div.news-contents-box dd span.news-rank
{
    margin-right:10px;
}

#result-sub-r div.news-contents-box dd strong
{
    color:#333333;
}

/* result-sub column
------------------------------ */


#result-sub-r {
	float:right;
	width:250px;
	margin:0;
	padding:0;
}


#result-sub-r h5 {
	color:#333333;
	font-weight:bold;
}

div.box-top {
	clear:both;
	margin:10px 0 0 0;
}

div.title-box {
	clear:both;
	margin:0;
	padding:0;
	border-width:1px;
	border-style:solid;
	border-color:#B3E6E7;
	background:#E4FCF8 url(http://i.yimg.jp/images/blog-search/result-common/title_sub.gif) repeat-x left top;
	text-align:right;
	height:auto;
	min-height:25px;
	\_height:25px;
}

div.title-box h5 {
	float:left;
	text-align:left;
	display:block;
	width:212px;
}

#img1,
#img2,
#img3,
#img4 {
	width:25px;
	float:right;
}

div.contents-box {
	background-color:#FFFFFF;
    border-color:#B3E6E7;
    border-style:solid;
    border-width:0pt 1px 1px;
    clear:both;
    margin:0px;
}

#compare-chart {
	margin:0px 38px;
	clear:both;
	width:170px;
}

#result-sub-r ul {
	list-style-position:outside;
	margin:0;
	padding:5px 0.2em 0px 1em;
}

#result-sub-r li {
	margin:0px 0 3px;
	padding:0px 0px 0.5em 15px;
	background-image:url(http://i.yimg.jp/images/blog-search/result-common/result_list.gif);
	background-repeat:no-repeat;
	text-align:left;
	overflow:hidden;
	width:205px;
}


#sub-ranking{
	padding:0px 7px 0px 7px;
}

#sub-ranking ol {
	list-style-type:none;
	margin:0;
	padding:5px 0.2em 0px 0px;
	
}

#sub-ranking li{
	background:transparent url(http://i.yimg.jp/images/blog-search/common/dotline.gif) repeat-x scroll 17px 100%;
	list-style-type:none;
	padding:0px 0px 0.5em 3px;
	margin:0px 0px 3px 0px;
	text-align:left;
}

#sub-ranking img{
	margin:0 10px 0 0;
}

#sub-ranking02 ul {
	margin:0;
	padding:5px 0.2em 0px 0px;

}

#sub-ranking02 li{
	padding:0px 0px 0.5em 7px;
	height:1%;
	margin:0px 0px 3px 0px;
	text-align:left;

}

li.sub-ranking{
    list-style-type:none;
}


div.link {
	padding: 5px 5px 7px;
	text-align:right;
}

.box-top {
	margin:5px 0px 0px 10px;
}

/* blog-result*/
.return {
	text-align:center;
	margin: 20px 0 10px;
}

#zoomtag {
	margin-top:10px;
	padding:5px 0pt 10px;
	text-align:center;

}

/* sponsor 
------------------------------ */

#sponsor{
	position:relative;
	_margin-left:10px;
	padding-left:0pt;
}


#sponsor .sponsor-in h2 {
	padding:0;
	font-weight:normal;
}
#sponsor .sponsor-in h2 {
	padding:0;
	font-weight:normal;
}
#sponsor .sponsor-in h2 a,
#sponsor .sponsor-in h2 a:visited,
#sponsor .sponsor-in h2 a:hover {
	color:#777;
}
#sponsor .sponsor-in h2 a {
	text-decoration:none;
}
#sponsor .sponsor-in h2 a:hover {
	text-decoration:underline;
}
#sponsor .sponsor-in li a {
	font-size:123%;
}
#sponsor .sponsor-in li em {
	color:#008000;
}


#sponsor .sponsor-in {
	position:relative;
	margin-left:10px;
	background:#f1fefb;
	padding:0 0 0 0;
	_height:1%
}

#sponsor .sponsor-in .sponsor-title {
	padding:2px 2px 0 0;
	text-align:right;
}

#sponsor .sponsor-in ul {
	padding:0 40px 5px 2.55em;
	_padding:0 40px 5px 1.9em;
	margin:-1px 0 0 1px;
}

#sponsor .sponsor-in li {
	list-style-type:disc;
	margin:0;
	padding:5px 0 5px 7px;
	_padding:5px 0px 5px 8px;
	border:none;
	background:none;
}

#sponsor .sponsor-in li.active {
	border:none;
}
#sponsor .sponsor-in li a {
	display:inline;
}
#sponsor .sponsor-in li .sponsor-text {
	display:block;
	margin-top:3px;
}


/* kanren word
------------------------------ */


#suggest {
	margin:0 0 0 2.5em;
	_margin:0 0 0 2em;
	padding:0;
	list-style-type:none;
}


#suggest li {
	float:left;
}

#suggest dl {
	margin:30px 0px 30px 0px;
}


#suggest dt {
	float:left;
	margin:0px 0.5em 0 0;
	_margin:0px 0.65em 0 2px;
}

#suggest dd {
	float:left;
	margin:0;
	padding:0 0.2em;
	white-space:nowrap;
}

.more {
	float:left;
	white-space:nowrap;
}

/* yokuderu word
------------------------------ */

#top-keyword {
	margin:10px 10px 15px 10px;
	padding:10px;
	border:5px solid #E8F4F3;
	zoom:1;
}



/*=================================
 6. search_reputation
=================================*/

/* graph
------------------------------ */


#h-graph {
	padding:20px 20px 20px 75px;
	margin:0 15px;
	background-color:#F4FBFB;
	text-align:left;
}

.h-graph-img {
	 width:180px;
	 height:189px;
	 float:left;
	 position:relative;
}

.h-graph-txt {
	 margin-left:25px;
	 float:left;
	 position:relative;
}
 
 
/* result
------------------------------ */

/* h-word */
#h-word {
	margin:10px 0 0;
	padding:0px 0px 0px 25px;
	text-align:left;
}

/*@h-category */
#h-category {
	margin:10px 0px 15px;
	padding:10px 20px;
	border:5px solid #E8F4F3;
	line-height:150%;
	text-align:left;
}


/*@h-result */
.positive {
	margin:0px;
	background-color:#FFC580;
}

.negative {
	background-color:#ACD6FF;
}

.other {
	background-color:#CCCCCC;
}

.sort a.positive_link {
	padding:1px 0 5px 22px;
	background:url(http://i.yimg.jp/images/blog-search/hyouban/bs_p.gif) no-repeat;
}

.sort a.negative_link {
	padding:1px 0 5px 22px;
	background:url(http://i.yimg.jp/images/blog-search/hyouban/bs_n.gif) no-repeat;
}

.sort a.other_link {
	padding:1px 0 5px 22px;
	background:url(http://i.yimg.jp/images/blog-search/hyouban/bs_o.gif) no-repeat;
}


#h-list {
 margin:0 200px 0 20px;
}

.list-positive, .list-negative, .list-other {
	margin:0 0 25px;
	list-style-type:none;
	list-style-position:outside;
}

.list-positive {
	padding-left:25px;
	background:url(http://i.yimg.jp/images/blog-search/hyouban/bs_p.gif) no-repeat;
}

.list-negative {
	padding-left:25px;
	background:url(http://i.yimg.jp/images/blog-search/hyouban/bs_n.gif) no-repeat;
}

.list-other {
	padding-left:25px;
	background:url(http://i.yimg.jp/images/blog-search/hyouban/bs_o.gif) no-repeat;
}

.annotation {
	clear:left;
	padding:5px 20px;
	color:#666666;
	text-align:left;
}



/*=================================
 7. search_cluster
=================================*/

/* result-main column
------------------------------ */


/* topic sentence */
.ex {
	margin:5px 15px 0;
	color:#333333;
	font-weight:normal;
	text-align:left;
}


/* column */

#bs-m-result {
	clear:both;
	padding:15px 0 0;
}


#result-main-r {
	float:right;
	width:68%;
}



#result-main-r div#result-main-r-in {
	padding-right:15px;
}


/* main */
#result-main-r ol {
	list-style:none;
	margin:0;
}

.m-first {
	padding:15px 15px 5px;
	border-top:1px solid #A9D6D1;
}

.m-second {
	padding:0px 15px 5px;
	border-top:none; 
}


#result-main-r li {
	padding-bottom:1em;
}


.line-d {
	padding:1em 0 0;
	border-top:1px dotted #CCCCCC;
}



/* result-sub column
------------------------------ */

#result-sub-l {
	top:0;
	float:left;	
	width:29%;
	margin:0 0 15px;
}



#result-sub-l div#result-sub-l-in {
	padding-left:15px;
	
}

#result-sub-l h4 {
	margin:0px;
	padding:10px 10px 0.5em;
	border-width:0px 0px 1px;
	color:#4B9C94;
}

div.sub-box {
	margin:0;
	padding:0px 5px 0 0;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#CCCCCC;
}

.sub-keyword-box {
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#CCCCCC;
}

#result-sub-l ul {
	margin:0px;
	padding:0px 0.2em 0px 2em;
}

#result-sub-l li {
	list-style:disc;
	margin:0px;
	padding:0px 0px 0.5em;
}


/* sort-collect
------------------------------ */
#sort-collect {
	display:block;
	position:relative;
	clear: both;
	margin:3px 10px 0 10px;
	padding:3px 10px 5px 10px;
	background-color:#EFFCFB;
	color:#333333;
	text-align:left;
	white-space:nowrap;
}


.sortfunc {
	margin-right:10px;
	font-weight:normal;
	display:block;
	float:left;
}

.color333 {
	color:#333;
}

.result-m-colom {
	margin:0 10px 0 10px;
	padding:0 5px 0 5px;
}


/* result-box
------------------------------ */

.box-round {
	margin-bottom:15px;

}


/* img-kadomaru */
.line-top {
	margin:0 3px;
	border-bottom:1px solid #A9D6D1;
}


.line-top-l {
	margin:0 3px;
	border-bottom:1px solid #CCCCCC;
}



.img-l {
	float:left;
}

.img-r {
	text-align:right;
}

.line-bottom {
	clear:left;
	margin:0 3px;
	border-top:1px solid #A9D6D1;
}

.line-bottom-l {
	clear:left;
	margin:0 3px;
	border-top:1px solid #CCCCCC;
}


/* background */
.box-color {
	background-color:#F4FBFB;
	
}


/* line */
.line-lr {
	border-left:1px solid #A9D6D1;
	border-right:1px solid #A9D6D1;
}


/* keyword */
.keyword-box {
	clear:both;
	padding:5px 5px 5px 10px;
	background-color:#F4FBFB;
}


.m-keyword {
	color:#333333;
	font-weight:bold;
	font-style:normal;
	line-height:1.5em;
	text-decoration:none;
	white-space:nowrap;
}

/* bottom */
.changeover-box {
	padding:3px 10px 0;
	border-top:1px solid #A9D6D1;
	background-color:#F4FBFB;
	color:#333333;
}


/*=================================
 8. footer
=================================*/

#footer {
	margin:10px 0;
}

.line-footer {
	margin:0;
	padding:10px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#B3E6E7;
	text-align:center;
}


/* promotion
------------------------------ */

#f-promo {
	padding:20px 0 10px 0;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#B3E6E7;
	text-align:center;
}


/*=================================
 9. clearfix
 HOW TO (ex: div id="sample")
 
 #sample:after  { ModernBrowser style }
 #sample(1)     { MacIE style }
 * html #sample { WinIE style }
 #sample(2)     { ModernBrowser,WinIE style }
=================================*/

#sort-collect:after,
#sort:after,
#sort-z:after,
.disp:after,
.end:after,
.title-box:after { 
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: ".";
}
#sort-collect,
#sort,
#sort-z,
.disp,
.end,
.title-box {
  display: inline-block;
}
/* Hides from IE-mac \*/	
* html #sort-collect,
* html #sort,
* html #sort-z,
* html .disp,
* html .end,
* html .title-box {
  height: 1em;
}
#sort-collect,
#sort,
#sort-z,
.disp,
.end,
.title-box {
  display: block;
}
/* End hide from IE-mac */


/*=================================
 9. other
=================================*/

/* 結果が無しのタブ 現在機能が無い為保留
.no-result #tab-link-1 {background-position:0 -62px;}
.no-result #tab-link-2 {background-position:-138px -62px;}
.no-result #tab-link-3 {background-position:-277px -62px;}
*/