@charset "utf-8";

ul.hatena {
}

ul.hatena li {
	background: url('../images/comp/link_icon_hatena.gif') 0px 0px no-repeat;
	padding: 0px 0px 2px 32px;
	font-size:85%;
}


.titleSet {
	padding:5px 5px 5px 5px;
	background-color:#d3ecfd;
}


.regCount {
	float:left;
	padding:3px 3px 3px 3px;
	background-color:#fdf299;
	font-weight:bold;
}

.regCount p.numTitle {
	padding:6px 10px 0px 10px;
	float:left;
}

.regCount p.numRap {
	font-size:120%;
	float:left;
	padding:3px 20px 3px 20px;
	background-color:#ffffff;
	width:45px;
	text-align:center;
}

.btnArea {
	margin:0px 0 0px 0;
	float:right;
}

.btnArea label {
	font-size:85%;
}

/************************
*  製品比較表 *
*************************/
#compT-header,
#compT-main,
#compT-footer {
	margin:0px 0 0 0;
	position:relative;
	overflow:hidden;
	/* height は項目の数によって変わるため、jsの方でセットしてます*/
}

#compT-main-scroll{
	width:914px;
	position:relative;
	overflow-y:auto;
	z-index:9990;
}

ul li.fChild{
	border-top:3px solid #e3e3e3;
}

ul li.lChild{
	border-bottom:4px solid #e3e3e3;
}


.leftTitleArea{
	width:143px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.rightArea{
	width:43px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
}

#compT-main .rightAreaScrollVer{
	overflow-y:scroll;
	width:63px;
	right:-20px;
}

.leftTitleArea ul{

}

.leftTitleArea ul li, .rightArea ul li{
	display:block;
	text-align:center;
	background-color:#e3e3e3;
	border-bottom:1px solid #FFF;
	padding:10px 0 10px 0;
}

.compMainArea{
	width:748px;
	/* height は項目の数によって変わるため、jsの方でセットしてます*/
	border:3px solid #ff8700;
	position:absolute;
	top:0px;
	left:143px;
	z-index:200;
	overflow:hidden;
}

#compT-header .compMainArea{
	border-bottom:none;
}
#compT-main .compMainArea{
	border-top:none;
	border-bottom:none;
}
#compT-footer .compMainArea{
	border-top:none;
}

.compMainArea .prodContainer{
	/* width は項目の数によって変わるため、jsの方でセットしてます*/
}

.compMainArea ul{
	float:left;
}

.compMainArea ul li{
	width:185px;
	display:block;
	text-align:center;
	border-bottom:1px solid #c3c3c3;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	padding:10px 0 10px 0;
}

.compMainArea ul li.actCell{
	background-color:#b2d5ec;
}

.compMainArea ul li.actCell .prev,
.compMainArea ul li.actCell .movePrev{
	display:block;
	float:left;
	margin:0px 25px 0px 25px;
	line-height:1.0;
}

.compMainArea ul li.actCell span{
	display:block;
	float:left;
	margin:0px 25px 0px 0;
}


.compMainArea ul li.actCell .next,
.compMainArea ul li.actCell .moveNext{
	display:block;
	float:left;
	margin:0px 0px 0px 0;
	line-height:1.0;
}

.compMainArea ul li.actCell .del{
	clear:both;
	display:block;
	line-height:1.0;
}

.compMainArea ul li.actCell a:hover{
	text-decoration:none;
}


#compT-header #top_prev_btn{
	position:absolute;
	top:10px;
	left:115px;
	z-index:300;
}

#compT-footer #bottom_prev_btn{
	position:absolute;
	bottom:11px;
	left:115px;
	z-index:300;
}

#compT-header #top_next_btn{
	position:absolute;
	top:10px;
	right:15px;
	z-index:300;
}

#compT-footer #bottom_next_btn{
	position:absolute;
	bottom:11px;
	right:15px;
	z-index:300;
}


div.prodContainer div.icon_area {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
		position:relative;

}
div.prodContainer .icon_area p {
        float: left;
        margin: 0px 0px 3px 3px;
}

/* 選択用背景 */
.click_this {
	background-color: #FFF9D2;
}


/* 青 */
.tt01_comp {
	z-index:400;

}
.tt01_comp span {
	display:none;
}


div.tooltip01_comp {
	width:268px;
	position:absolute;
	top:0px;
	left:0px;
//	-ms-filter: "alpha( opacity=0 )";
//	filter: alpha( opacity=0 );
//	opacity:0;
	z-index:500;
}

div.tooltip01_comp span {
	display:block;
}

div.tooltip01_comp img {

}

div.tooltip01_comp div.tt_inner {
	margin:0;
	background: url('/library/NMP/public/images/tooltip01_back_body.png') 0 0  repeat-y;
	padding:5px 18px 5px 15px;

}

div.tooltip01_comp div.tt_inner span.tt_title {
	background-color:#0e67cc;
	padding:3px 8px;
	color:#FFF;


}

div.tooltip01_comp div.tt_inner span.tt_body {
	padding:3px 3px 3px 3px;

}
#searchBody .resultNum {
    background: url(../images/icon_megane.gif) 0 0 no-repeat;
    padding-left: 26px;
    line-height: 1.0;
}
#searchBody .resultNum span.resultIn {
    font-size: 24px;
    color: #c90808;
}

/* リンクセット */
.linkSet {
	position:relative;
}

/* ページャー部分 */

.linkSet .pagerSet {
	position: absolute;
	right:0px;
	top:-3px;
}


.linkSet .pagerSet2 {
	position: absolute;
	right:0px;
	top:8px;
}


.linkSet .pagerSet ul, .linkSet .pagerSet2 ul {
	float:left;
	margin:2px 0px 0 0px;
}

.linkSet .pagerSet ul li, .linkSet .pagerSet2 ul li {
	float:left;
	margin:0 3px 0 3px;
}

.linkSet .pagerSet ul li a, .linkSet .pagerSet2 ul li a {
	border:1px solid #c3c3c3;
	padding:2px 8px;
	background:#efefef;
	display:block;
}

.linkSet .pagerSet ul li a:hover, .linkSet .pagerSet2 ul li a:hover {
	background:#7b7b7b;
	color:#FFF;
}

.linkSet .pagerSet ul li a.current, .linkSet .pagerSet2 ul li a.current {
	background:#7b7b7b;
	color:#FFF;
}

.linkSet .pagerSet ul li.pagerPrev a, .linkSet .pagerSet ul li.pagerNext a,
.linkSet .pagerSet2 ul li.pagerPrev a, .linkSet .pagerSet2 ul li.pagerNext a {
	background:none;
	border:none;
	padding:3px 5px;
}

.linkSet .pagerSet ul li.pagerPrev_all a, .linkSet .pagerSet ul li.pagerNext_all a,
.linkSet .pagerSet2 ul li.pagerPrev_all a, .linkSet .pagerSet2 ul li.pagerNext_all a {
	background:none;
	border:none;
	padding:3px 0px;
}

.linkSet .pagerSet ul li.pagerPrev a:hover, .linkSet .pagerSet ul li.pagerNext a:hover,
.linkSet .pagerSet2 ul li.pagerPrev a:hover, .linkSet .pagerSet2 ul li.pagerNext a:hover,
.linkSet .pagerSet ul li.pagerPrev_all a:hover, .linkSet .pagerSet ul li.pagerNext_all a:hover,
.linkSet .pagerSet2 ul li.pagerPrev_all a:hover, .linkSet .pagerSet2 ul li.pagerNext_all a:hover {
	color:#0075bf;
}