@charset "shift_jis";

/* -----------------------------------
  1.スタイルのリセット
----------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquout,th,td {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

input,textarea,select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}

input,textarea,select {
  font-size:100%;
}

legend {
  color:#000000;
}

address,caption,cite,code,dfn,em,th,var {
  font-style: normal;
  font-weight: normal;
}

ol,ul {
  list-style: none;
}

fieldset,img {
  border: 0;
  vertical-align: bottom;
}

/* -----------------------------------
  2.共通クラス
----------------------------------- */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* -----------------------------------
  3.サイト基本設定
----------------------------------- */
body { background-color: #eeeeee;}

#common_contents_body {
	background-color: #FFFFFF;
	text-align: left;
}

#common_breadcrumbs_ins {
	font-size: 11px;
}


/* マルコヘッダー */
#maruko_header {
	position: relative;
}
#maruko_header a.hvoer_alpha30{filter:alpha(opacity=0);opacity:0;}
#maruko_header a.hvoer_alpha30:hover{filter:alpha(opacity=30);opacity:0.3;}

/* マルココンテンツ */
#maruko_contents {
	width: 920px;
	background-image: url(/maruko/img/111117/contents_bg.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

/* マルココンテンツ左 */
#maruko_contents #maruko_contents_left {
	width: 610px;
	float: left;
	display: inline;
	margin-left: 30px;

}


/* マルココンテンツ左−１０％ＯＦＦ対象店舗 */
#infomation_block {
	background-image: url(/maruko/img/111117/bg_10_shop.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	margin-top: 20px;
}

#infomation_block .inner {
	background-image: url(/maruko/img/111117/bottom_10_shop.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 9px;
	padding-bottom: 30px;
}



/* マルココンテンツ左−丸井のおすすめ */
#recomend_block {
	width: 590px;
	background-image: url(/maruko/img/111117/bg_recomend.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

#recomend_block .recomend_inner {
	background-image: url(/maruko/img/111117/bottom_recomend.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#recomend_block .recomend_inner .left {
	float: left;
	display:inlie;
	width: 156px;
	margin-top: 10px;
	margin-left: 5px;
}

#recomend_block .recomend_inner .right {
	float: right;
	display:inlie;
	width: 408px;
}

#recomend_block .recomend_inner .right ul li{
	float: left;
	display:inlie;
	padding-right: 2px;
	padding-bottom: 2px;
}

/* マルココンテンツ左−丸井のおすすめ−バナー */
#recomend_bnr_block {
	margin-top: 10px;
}

#recomend_bnr_block ul li {
	float: left;
	display:inlie;
	padding-right: 5px;
}

/* マルココンテンツ左−注意事項 */
#caution_block {
	font-size: 11px;
	line-height:1.4em;
	margin-top: 30px;
	width: 590px;
	background-image: url(/maruko/img/111117/bg_caution.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

#caution_block .caution_inner {
	background-image: url(/maruko/img/111117/bottom_caution.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#caution_block .caution_inner .caution_list {
	width: 550px;
	margin-left: 20px;
	margin-right: auto;
	padding-top: 5px;
	margin-bottom: 10px;
}

#caution_block .caution_inner .caution_list ul li {
	background-image: url(/maruko/img/111117/list.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	line-height: 1.2;
	float: left;
	display:inlie;
}

#caution_block .caution_inner .caution_shoplist {
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ededed;
}
#caution_block .caution_inner .caution_shoplist .in{
	padding:10px;
}
/* マルココンテンツ右 */
#maruko_contents #maruko_contents_right {
	width: 260px;
	float: right;
	display:inlie;
	overflow:hidden;
}

/* ロールオーバー指定 */
.img_ov a:hover img {
  opacity: 0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}


#maruko_contents_right .title-ranking {
	background: url(/maruko/img/111117/ttl_ranking.gif) no-repeat;
	text-indent: -9999px;
	height: 33px;
	width: 234px;
	display: block;
	margin: 13px 13px 0;
}

.tab-btn  span {
	text-indent: -9999px;
	visibility: hidden;
	display: block;
}
.tab-btn a {
	background-position:top;
	width:117px;
	height:26px;
	display:inlie;
	float:left;
}
.tab-btn{
	margin: 0 13px;
	}
.tab-btn #btnrank-sell { background: url(/maruko/img/111117/tab_top5_ninki.gif); }
.tab-btn #btnrank-access { background: url(/maruko/img/111117/tab_top5_shin.gif); }
.tab_box {
	margin:0 13px 10px;
	border-left:1px #b8b8b8 solid;
	border-right:1px #b8b8b8 solid;
	border-bottom:1px #b8b8b8 solid;
	width:232px;
	overflow:hidden;
	
}
#ranking h3{
	padding:5px 10px;
}
#ranking .ranking{
	margin-bottom:20px;
}
.ranking .block{
	background:url(/maruko/img/111117/line_dash.gif) repeat-x bottom;
	margin-top: 5px;
	padding-bottom:5px;
	font-size:10px;
	line-height:14px;
	color:#666;
	position:relative;
	margin-left:10px;
	margin-right:10px;
}
.ranking .block a{
	font-size:10px;
	line-height:14px;
	color:#666;
	text-decoration:none;
}
.ranking .block a:hover{
	text-decoration:underline;
	cursor: pointer;
	color:#900;
}
.ranking .block a:hover img{
filter:alpha(opacity=70);opacity:0.7;
}
.ranking .imgbox img{
	border:1px solid #666;
}

.ranking .rank-num ,.ranking:hover img.rank-num{
	position:absolute;
	margin:3px;
filter:alpha(opacity=100);opacity:1;
	
}

.ranking .text{
	display:block;
	position:absolute;
	margin-left:105px;
	top:0;
	width:107px;
}
/* redirect */
.oshirase {
  width: 670px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 160px;
  font-size: 16px;
  font-weight: bold;
  text-align:center;
}

.oshirase p.txtbold {
  font-size: 16px;
  font-weight: bold;
}

.oshirase p.txtnormal {
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
}

.oshirase a {
  text-decoration: underline;
}
.pb40{ padding-bottom: 40px; }