﻿@charset "UTF-8";

/*-----------------------------------------
SampleFan result

result.css date:
2017/03/ change:s_shimizu
2013/01/28 write:r_yoshida
-----------------------------------------*/

/*  prtxt  */


.colorRedB{
	color:#cc0000;
	font-size:14px;
}


#resultCate .cateTit{
	width:620px;
	height:33px;
	font-weight:bold;
	line-height:32px;
	padding:0 10px;
	vertical-align:middle;
	color:#fff;
background:#fd8092;
border-radius:2px;	
}

#resultCate .cateTit h2{
	font-size:16px;
	font-weight:bold;
}


#resultCate .cateTit h2, #resultCate .cateTit02 h2{
	float:left;
	margin-right:10px;
}


#resultCate .cateTit p.result, #resultCate .cateTit02 p.result{
	width:388px;
	float:right;
	text-align:right;
	color:#ffffff;
}

#resultCate .cateTit a, #resultCate .cateTit02 a{
	color:#ffffff;
}


/* searchTxt */

#resultCate .line{
	background-color:#f8f6f2;
	border:solid 1px #d7d0c3;
	font-weight:bold;
}

#resultCate .line .txt{
	width:130px;
	float:left;
	margin-right:30px;
	padding:14px 0 10px 25px;
}


#resultCate .line li{
	margin-top:10px;
}

#resultCate .line .icon01{
	width:59px;
	float:left;
	margin-right:10px;
}

#resultCate .icon02{
/*	width:69px;*/
	float:left;
	margin-right:10px;
	display:block;
}

#resultCate .line .iconLast{
	width:74px;
	float:left;
}

/*---------------------------------*/
#resultCate .searchStatus{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:10px 0 7px;
}

#resultCate .searchStatus .status{
	float:right;
	display:inline-block;
}

#resultCate .searchStatus .searchTxt{
	display:block;
	float:left;
	line-height:1.8em;
}

ul.keyword{
	margin-top:15px;
	background:url(/common/img/icon_words.gif) no-repeat 0 2px;
	padding-left:90px;
	white-space: nowrap;
}

ul.keyword li.tag {
	float: left;
	margin: 3px 6px 3px 0;
	background-color: #f3f3f9;
	padding: 0 3px;
}

ul.keyword li.tag a{
	display:block;
	text-decoration:none;
	background: url("/common/img/icon_arrow02.gif") no-repeat scroll left center transparent;
	padding-left:16px;
}

ul.keyword li.tag a.remove{
        display:block;
        text-decoration:none;
        background: url("/common/img/icon_arrow01.gif") no-repeat scroll left center transparent;
        padding-left:11px;
	font-weight:bold;
}


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

#resultCate .searchTxt{
/*	margin-top:10px;*/
}


#resultCate .searchTxt span{
	color:#f5566d;
	font-weight:bold;
	font-size:20px;
}



/*-----------------------------------------
resultList
-----------------------------------------*/

/* common */

#resultCate dl.catebox, #resultCate #resultPickUp dl.catebox{
	display:block;
}

#resultCate dl.catebox{
	margin-top:10px;
	padding:10px;
}

#resultCate dl.catebox dt, #resultCate #resultPickUp dl.catebox dt{
	width:100px;
	margin-right:12px;
	float:left;
}

#resultCate dl.catebox dd{
	width:508px;
	float:left;
}

#resultCate #resultPickUp dl.catebox dd{
	width:506px;
	float:left;
}

/* recommend */

#resultCate #resultPickUp dl.catebox{
	width:618px;
	margin-top:10px;
	border:solid 1px #e3ddd3;
	padding:10px;
	background:#fffdee;
}

#resultCate #resultPickUp dl.box {
	opacity:1.0;
	filter: alpha(opacity=100);
}

#resultCate #resultPickUp dl.box:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}

#resultCate dl.catebox:hover {
	background:#d1f0fd;
}




/* resultSpec */
#resultCate .cateInfo{
	margin-top:4px;
}

#resultCate .cateInfoLeft{
	width:250px;
	float:left;
	margin-right:10px;
	display: none;
}

#resultCate .cateInfoRight{
	width: calc(100% - 120px);
    float: left;
    margin-right: 10px;
    text-align: left;
}



#resultCate .cateInfoBtn{
	width:98px;
	float:right;
}


/*pagenum*/

#pagenum {
	width:640px;
	margin:0 auto;
	text-align:center;
}

#pagenum ul#numList{
	text-align:center;
	margin:0 auto;
	padding:20px;
}

#pagenum ul#numList li{
	display:inline;
	margin-right:8px;
	font-weight:bold;
}

#pagenum ul#numList li.wait a{
	text-decoration:none;
	color:#666;
}

#pagenum ul#numList li.wait{
	padding:7px 5px;
	border:solid 1px #b6b6b6;
	text-decoration:none;
	color:#666;
}

#pagenum ul#numList li.wait:hover{
	background-color:#fd8092;
}

#pagenum ul#numList li.wait a:hover{
	color:#fff;
}

#pagenum ul#numList li.now{
	background-color:#fd8092;
	color:#fff;
	padding:7px 5px;
	border:solid 1px #b6b6b6;
}

#pagenum ul#numList li.num01{	
    text-decoration:none;
	border:solid 1px #b6b6b6;
	background:#eeeeee;
	padding:7px 5px;
	font-weight:bold;
}


#pagenum ul#numList li.num01 a{
	text-decoration:none;
	color:#666;
}

#pagenum ul#numList li.num01:hover{
	background-color:#fd8092;
}

#pagenum ul#numList li.num01 a:hover{
	color:#fff;
}

ul.keyword {
    background: url("/common/img/icon_words.gif") no-repeat scroll 0 2px transparent;
    margin-top: 15px;
    padding-left: 90px;
    white-space: nowrap;
}
