@charset "shift_jis";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}

ul.mokuji li a:hover img,
a:hover img.imgover{
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
img {
	border:none;
	vertical-align:bottom;
}
#officesale {
	margin:0 auto;
	width:750px;
	text-align:center;
	line-height:100%;
	
}

#officesale div.box {
	background:url(../IMAGE/151007officesale/bg.jpg) repeat-y;}

#officesale li {
	float:left;
	list-style:none;
	position:relative;
}
#officesale dt, #officesale dd {
	float:left;
}
#officesale .ul_m {
	width:750px;
	overflow:hidden;
}
#officesale .box {
	width:750px;
	position:relative;
}
#officesale .box dl {
	width:308px;
	position:absolute;
	bottom:20px;
	right:0;
}
#officesale .box dl dt, #officesale .box dd {
	width:308px;
}
#officesale .ul2 {
	width:720px;
	margin:0 auto;
	overflow:hidden;
}
#officesale .ul2 li {
	width:360px;
}

#officesale .ul3 {
	margin:0 auto;
	width:711px;
	overflow:hidden;
	padding-bottom:20px;
}
#officesale .ul3 li.li_3 {
	width:237px;
	height:390px;
	background:url(../IMAGE/151007officesale/bg_ul3.jpg) no-repeat scroll center bottom;
}
#officesale .ul3 dl {
	width:190px;
	margin:0 auto;
	position:absolute;
	bottom:24px;
	left:0;
}
#officesale .ul3 dt, #officesale .ul3 dd {
	width:190px;
}
#officesale .ul3 .dl_1 {
	width:190px;
	position:absolute;
	bottom:20px;
	left:0;
}
#officesale .ul4 {
	margin:0 auto;
	width:713px;
	overflow:hidden;
	padding-bottom:20px;
}
#officesale .ul4 li.li_4 {
	width:178px;
	height:378px;
	background:url(../IMAGE/151007officesale/bg_ul4.jpg) no-repeat scroll center bottom;
	
}


#officesale .ul4 li.li_4_2 {
	width:178px;
	height:400px;
	background:url(../IMAGE/151007officesale/bg_ul4.jpg) no-repeat scroll center bottom;
	
}

#officesale .ul4 dl {
	width:178px;
	position:absolute;
	bottom:24px;
	left:0;
}
#officesale .ul4 dt, #officesale .ul4 dd {
	width:178px;
}

#officesale .p_r {
	text-align:right;
	padding:10px 0;
	
}



#officesale p.p_l {
	float:left;	
}

#officesale p.pre {
	padding:15px 0;
}
#officesale p.pre1 {
	padding:20px 0;
}	


#officesale li.more{
	width:253px;
	margin:5px 0 0 460px;
}


/*価格プログラム*/
#officesale .buy_price, #officesale .ul2 .buy_price ul, #officesale .ul2 .buy_price ul li, #officesale .ul3 .buy_price ul, #officesale .ul3 .buy_price ul li, #officesale .ul4 .buy_price ul, #officesale .ul4 .buy_price ul li, #officesale .box .buy_price ul li {
	float:none;
	line-height:100%;
	width:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
}
#officesale div.buy_price {
	padding:0 0 10px 0;
	width:182px;
}
#officesale li.motoprice {
	display:none;
}
#officesale span.spesicalprice {
	display:inline;
	font-size:10px;
	color:#0000ff;
}
#officesale li.price {
	display:inline;
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
}
#officesale .intax {
	display:inline;
	font-size:10px;
	color:#ff0000;
}

/*おすすめ*/

#officesale .bn2 {
	width:700px;
	margin:0 auto;
	overflow:hidden;
}
#officesale .bn2 li {
	width:345px;
	padding:0 5px 10px 0;
}

/*ナビ*/


#officesale ul.navi{
	padding:20px 0 0 15px;
	margin:0;
	width:750px;
	height:250px;
	background:url(../IMAGE/151007officesale/m_bg.jpg) no-repeat;}
	
	
#officesale ul.navi li {
	padding:3px 0;
	margin:0;
	
	width:144px;}
		
#officesale ul.navi li.w120 {
	width:120px;
}