@charset "shift-jis";

/***********************************************/
/* FileName: search.aspx      �@�@�@�@  */
/***********************************************/


/*  �T�C�h�i�r�@�ŋ߂����ɂȂ����v����
---------------------------------------------------------------------------------------------------------*/
#side_recentCheckedPlan{
	width: 215px;
	margin-top: 20px;
	margin-bottom: 20px;
}

	#side_recentCheckedPlan .title{
		width: 215px;
		height: 41px;
		font-weight: bold;
		color: #333;
		text-align: center;
		line-height: 41px;
		background: url(/resources/images/search/bg_recentplan_title.gif);
	}

	/*���X�g*/
	#side_recentCheckedPlan .inner{
		width: 215px;
		overflow:hidden;
		position:relative;
		background: url(/resources/images/search/bg_recentplan_middle.gif);
	}
	
	#side_recentCheckedPlan .inner .scroll2{
		position: relative;
		width: 645px;
		height: 419px;
	}
	
	#side_recentCheckedPlan .inner dl{
		width: 215px;
		padding-top: 13px;
		float:left;
	}
	
	#side_recentCheckedPlan .inner dt{
		text-align: center;
		margin-bottom: 7px;
	}
	
	#side_recentCheckedPlan .inner dd{
		width: 187px;
		margin: 0 auto;
		padding-bottom: 8px;
		margin-bottom: 12px;
		border-bottom: 1px dotted #999;
	}
	
	#side_recentCheckedPlan .inner dd.last{
		margin-bottom: 5px;
		border-bottom: 0px;
	}
	
	/*�y�[�W���[*/
	#side_recentCheckedPlan .pager{
		position:relative;
		overflow:hidden;
		width: 215px;
		height: 38px;
		background: url(/resources/images/search/bg_recentplan_pager.gif);
	}

		#side_recentCheckedPlan .pager ul {
			position:relative;
			left:50%;
			float:left;
			padding-top: 12px;
		}
		
		#side_recentCheckedPlan .pager li {
			position:relative;
			left:-50%;
			float:left;
			margin: 0 5px;
		}
		
			#side_recentCheckedPlan .pager li a{
				text-indent: -9999px;
				display: block;
				width: 10px;
				height: 10px;
				background: url(/resources/images/search/icon_recent_pager.gif) top center no-repeat;
			}
			#side_recentCheckedPlan .pager li a.current{
				background: url(/resources/images/search/icon_recent_pager.gif) bottom center no-repeat;
			}

		#side_recentCheckedPlan .pager .prev{
			position: absolute;
			top: 8px;
			left: 30px;
		}

		#side_recentCheckedPlan .pager .next{
			position: absolute;
			top: 8px;
			right: 30px;
		}



/* nw_history2
------------------------------------- */
#nw_history2{
	width:722px;
	clear:both;
	margin:0 auto 30px;
	background:url(/resources/images/ac/nw_history2_back.png) repeat-y left top;	
}
#nw_history2 table{
	width:722px;
	margin:0 auto;
	background:url(/resources/images/ac/nw_history2_back_bottom.png) no-repeat left bottom;	
}
#nw_history2 table th{
	background:url(/resources/images/ac/nw_history2_title.png) no-repeat left top;
	padding:14px 20px 8px;
	vertical-align:top;
}
#nw_history2 h2{
	font-size: 120%;
	text-align: left;
	font-weight: bold;
	color: #333;
}
#nw_history2 table td{
	text-align:center;
	vertical-align:top;
}
#nw_history2 table td ul{
	overflow:hidden;
	zoom:1;
	padding:20px 0;
	margin: 0;
	text-align:left;
}
#nw_history2 table td li{
	width:300px;
	padding:0 15px 0 0;
	margin: 0 10px 0 0;
	background:url(/resources/images/search/bg_line.gif) repeat-y right top;
	float: left;
	font-size: 108%;
}
#nw_history2 table td li a{
	text-decoration:none;
	}
#nw_history2 table td li a:hover{
	text-decoration:underline;
	}	
#nw_history2 table td li.end{
	border:none;
}
#nw_history2 table td li img{
	float:left;
	padding-right:10px;
}
#nw_history2 table td.prev{
	padding:40px 0 0 10px;
	text-align:left;
	}
#nw_history2 table td.next{
	padding:40px 10px 0 0;
	text-align:right;
	}	
	
	
	
/* iCheck plugin Minimal skin, red
----------------------------------- */
.iradio_minimal-red {
    display: block;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(/resources/images/index/bg_topSearch_radiobutton_01.png) no-repeat;
    border: none;
    cursor: pointer;
	float: left;
	margin-right: 3px;
}
.icheckbox_minimal-red{
    display: block;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(/resources/images/index/bg_topSearch_chechbutton_01.png) no-repeat;
    border: none;
    cursor: pointer;
	float: left;
	margin-right: 3px;
}

.icheckbox_minimal-red {
    background-position: 0 0;
}
    .icheckbox_minimal-red.hover {
        background-position: 0px 0;
    }
    .icheckbox_minimal-red.checked {
        background-position: -18px 0;
    }
    .icheckbox_minimal-red.disabled {
        background-position: 0px 0;
        cursor: default;
    }
    .icheckbox_minimal-red.checked.disabled {
        background-position: 0px 0;
    }

.iradio_minimal-red {
    background-position: -18px 0;
}
    .iradio_minimal-red.hover {
        background-position: 0px 0;
    }
    .iradio_minimal-red.checked {
        background-position: 0px 0;
    }
    .iradio_minimal-red.disabled {
        background-position: -0px 0;
        cursor: default;
    }
    .iradio_minimal-red.checked.disabled {
        background-position: -0px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal-red,
    .iradio_minimal-red {
        background-image: url(/resources/css/red@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}


.change_ul_div{
	overflow:hidden;
	position: relative;
}

.slideBox{
	overflow:hidden;
	left:0;
}

#slideBox1{
	width:899px;
	margin:0 0 20px;
	overflow:hidden;
}

#slideBox1 .change_ul_div{
	width:899px;
}

#slideBox1 .slideBox{
	padding:15px 0 0;
}

#slideBox2{
	width:665px;
	overflow:hidden;
}

#slideBox2 .change_ul_div{
	width:665px;
}

#slideBox3{
	width:639px;
	overflow:hidden;
}

#slideBox3 .change_ul_div{
	width:639px;
}



/* MODAL */
.modal_box{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.modal_box .bg{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	-ms-filter: "alpha(opcity=40)";
	filter: alpha(opacity=40);
}

#discount_info{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 726px;
	margin: -256px 0 0 -363px;
	background: url(/resources/images/detail/bg_modal.png) repeat-y;
}

#discount_info h2{
	width: 726px;
	height: 71px;
	margin: -5px 0 20px;
	color: #335072;
	font-size: 20px;
	font-weight: bold;
	line-height: 71px;
	text-align: center;
	background: url(/resources/images/detail/ttl_modal_bg.png) no-repeat;
}

#discount_info p{
	margin: 0 0 18px;
	text-align: center;
}

#discount_info dl{
	position: relative;
	width: 622px;
	margin: 0 auto;
	padding: 26px 0 0;
	text-align: center;
}

#discount_info dl dt{
	margin: 0 0 12px;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

#discount_info dl dt img{
	position: absolute;
	top: 16px;
	left: 82px;
}

#discount_info dl dd{
	margin: 0 0 8px;
}

#discount_info dl dd span{
	color: #CC0000;
}

#discount_info .d01{
	height: 94px;
	background: url(/resources/images/detail/bg_modal02.jpg) no-repeat;
}

#discount_info .d02{
	height: 95px;
	background: url(/resources/images/detail/bg_modal03.jpg) no-repeat;
}

#discount_info .notice-list{
	width: 622px;
	margin: 12px auto 16px;
}

#discount_info .notice-list li{
	padding: 0 0 0 1em;
	text-indent: -1em;
}

#discount_info .close_btn {
	position: absolute;
	top: 24px;
	right: 23px;
}

#discount_info .footer{
	width: 684px;
	height: 38px;
	margin: 0 0 -5px;
	padding: 22px 42px 0 0;
	text-align: right;
	background: url(/resources/images/detail/foot_modal.png) no-repeat;
}


#discount_info .footer a{
	display: inline-block;
	padding: 0 0 0 18px;
	font-size: 14px;
	background: url(/resources/images/detail/ico_modal02.jpg) no-repeat left center;
}