@charset "shift_jis";

/*************/
/* index-top */
/*************/

body{
	/*13Žό”N*/
	/*background:url(../../image/141203kansya/bg14kansya.jpg) #fff top center fixed no-repeat;*/
	
	/*14Žό”N*/
	/*background:url(../../IMAGE/14anniversary/index_bg14th.jpg) #fff top center  fixed no-repeat;*/
	
	/*2015ƒnƒƒEƒBƒ“*/
	/*background:url(../../IMAGE/151001happyhalloween/indexbg_151001happyhalloween.jpg) #fff top center no-repeat;*/
}

#endct{
	width:100%;
}

#hdct{
	width:1010px;
	margin:0 auto;
}

div#wrapper{
	background-color:#FFF;
	margin:0 auto;
	padding:0 25px 0 25px;
}

#index_top{
	/*margin-top:0px;*/
	width:1010px;
	height:300px;
	padding-top:0px;
	overflow:hidden;
	z-index:0;
	}
	
#index_top #main_photo_box{
	background-color:#E9E7E4;
	position: relative;
	float:left;
	width:200px;
	height:280px;
	margin-top:10px;
	}
#index_top #main_photo_box a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#index_top .main_event {
	float:left;
	position: relative;
	background-color:#E9E7E4;
	width:590px;
	height:273px;
	margin-top:10px;
	margin-left:6px;
	padding-top:7px;
}

#index_top .index_shop{
	background-color:#E9E7E4;
	float:right;
	width:208px;
	height:280px;
	margin-top:10px;
	overflow:hidden;
	}

#index_top > div.index_shop > h3 > a > img{
	margin:6px;
}

#index_categori a:hover{
    background: none repeat scroll 0 0 #D7F2FF;
}
#index_sale_new a:hover , #middle_body a:hover , #index_ashiato a:hover , .new_list dd p a:hover , #index_cm dt a:hover , .index_new_pick dt a:hover {
	text-decoration:underline;
}

#index_ranking a:hover{
	text-decoration:underline;
}



/*********************/
/* index-main-bannar */
/*********************/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0px auto 10px;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	left: 0px;
	background: #ccc;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../img/index/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../../img/index/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../../img/index/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../../img/index/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../../img/index/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


#index_top .window {
	position: absolute;
	background-color:#fff;
	width: 186px;
	height: 266px;
	overflow: hidden;
	top: 7px;
	left: 7px;
}
#index_top .image_reel {
	position: absolute;
	top: 30px;
	left: 0px;
}
#index_top .paging {
	z-index: 80;
	position: absolute;
	width: 100px;
	display: none;
	height: 20px;
	top: 10px;
	left: 95px;
	/*left: 138px;ƒAƒCƒRƒ“2ŒΒ—p*/
	overflow:hidden;
}
#index_top .paging a{
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin-right:5px;
	border:2px solid #C00;
	color:#C00;
	text-align:center;
	line-height:16px;
	font-weight:bold;
	/*background:#F00*/
	}

#index_top .paging a.active{
	color:#FFF;
	background:#C00
	}
#index_top .window .image_reel li.no1,
#index_top .window .image_reel li.no2{
	position: absolute;
	width: 186px;
	height: 265px;
	top: 0px;
	left: 0px;
}

#index_top .window .image_reel li.no1{
	position: absolute;
	width: 186px;
	height: 265px;
	top: 0px;
	left: 0px;
}
#index_top .window .image_reel li.no2{
	position: absolute;
	width: 186px;
	height: 265px;
	top: 0px;
	left: 186px;
}
#index_top .window .image_reel li.no3{
	position: absolute;
	width: 186px;
	height: 265px;
	top: 0px;
	left: 372px;
}
#index_top .window .image_reel li.no4{
	position: absolute;
	width: 186px;
	height: 265px;
	top: 0px;
	left: 558px;
}

#index_top #cmnow{
	position:relative;
	top:10px;
	left:-50px;
}

#index_top .cmitem{
	width:79px;
	height:90px;
	float:left;
	margin-top:5px;
}
#index_top .cmitem dt{
	font-size:11px;
	line-height:100%;
	padding-left:7px;
}

#index_top .cmReview{
	font-size:10px;
	color:#999;
	margin-top:8px;
	padding-left:7px;
}

#index_top .cmPrice{
	padding-left:7px;
	padding-top:3px;
}

#index_top .cmitem li.motoprice {
	display:none;
}
#index_top .cmitem .buy_price, #cleanouen .buy_price li {
	float:none;
}
#index_top .cmitem span.spesicalprice {
	display:none;
	font-size:8px;
	color:#0000FF;
	font-weight:bold
}
#index_top .cmitem li.price {
	display:inline;
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
	/*letter-spacing:-1px;*/
}
#index_top .cmitem .intax {
	display:inline;
	font-size:7px;
	color:#FF0000;
}

/**************/
/* index-shop */
/**************/
#index_top h2{
	/*padding:3px 0 4px 118px;*/
	text-align:left;
	}
#index_top h3{
	float:left;
	width:212px;
	text-align:left;
	}
#index_top h3.shop_syunou{
	width:212px;
	}
#index_top h3.shop_syunou a{
	display:block;
	}


/******************/
/* index_sale_new */
/******************/
#index_sale_new{
	width:710px;
	overflow:hidden;
	text-align:left;
}
#index_sale_new .index_sale{
	float:left;
	width:710px;
	color:#545454;
	overflow:hidden;
}
#index_sale_new .index_sale_pick{
	width:705px;
	padding-top:12px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../../img/bs2013/index_sale_bot.gif) 0 bottom no-repeat #F7F5F0;
	overflow:hidden;
	line-height:130%;
}
#index_sale_new .index_sale h2{
	/*height:43px;*/
	/*margin-top:10px;*/
	/*background:url(../../img/bs2012/index_sale_h2bk.gif) 0 bottom no-repeat #FFF;*/
}

.index_sale_pick_page{
	margin-top:15px;
	font-size:0.9em;
	text-align:right;
	line-height:130%;
}



#index_sale_new .index_sale h3.m_point{
	padding-bottom:6px;
}
#index_sale_new .index_sale_pick_photo{
	float:left;
	width:375px;
}
#index_sale_new .index_sale_pick_photo h3{
	margin:0 16px 13px 17px;
}
#index_sale_new .index_sale_pick_photo ul{
	margin:0 10px 0 11px;
	width:354px;
	overflow:hidden;
}
#index_sale_new .index_sale_pick_photo ul li{
	float:left;
	width:118px;
	text-align:center;
}
#index_sale_new .index_sale_pick dl{
	float:left;
	width:311px;
}
#index_sale_new .index_sale_pick dt{
	padding-bottom:8px;
	font-weight:bold;
	font-size:14px;
}
#index_sale_new .index_sale_pick dd.index_sale_pick_time{
	margin-bottom:8px;
	color:#725538;
	border-bottom:#aa8055 1px dashed;
	text-align:right;
}
#index_sale_new .index_sale_pick dd.index_sale_pick_link{
	margin-top:15px;
	text-align:right;
	font-weight:bold;
}


div#contents_index{
	float:left;
	width:705px;
	overflow:hidden;
}

div#contents_index ul.sale_sub{
	width:710px;
	margin:0;
	padding:30px 0 8px 0;
	overflow:hidden;
	border-top:2px solid #ddd;
}

div#contents_index ul.sale_sub li.salesub_short{
	float:left;
	width:342px;
	margin:0 0 10px 0;
}
div#contents_index ul.sale_sub li.salesub_short_r{
	float:left;
	width:342px;
	margin:0 20px 10px 0;
}


div#contents_index ul.sale_sub li.salesub_short p{
	margin:0 10px 0 11px;
	padding-bottom:8px;
	letter-spacing:-0.07em;
}
div#contents_index ul.sale_sub li.salesub_short p img{
	margin-bottom:5px;
}


div#contents_index ul.sale_sub a:hover img , div#contents_index p.contentslist a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
div#contents_index ul.sale_sub a:hover{
	text-decoration:underline;
}






#index_rightnav{
	float:left;
	width:234px;
}

#index_rightnav .index_new{
	padding-bottom:20px;
	/*background-color:#F9F8F4;*/
}
#index_rightnav .index_new h2{
	height:50px;
	background:url(../../img/bs2013/index_new_pic_top.jpg) 0 bottom no-repeat;
}
#index_rightnav .index_new_pick{
	background:url(../../img/bs2013/index_new_pic_rep.jpg) 0 0 repeat-y;
}
#index_rightnav .index_new_pick p{
	text-align:center;
}
#index_rightnav .index_new_pick dl{
	padding: 11px 25px 32px 25px;
	background:url(../../img/bs2013/index_new_pic_bottom.jpg) 0 bottom no-repeat;
}
#index_rightnav .index_new_pick dt{
	padding-bottom:8px;
	font-weight:bold;
}


#index_left #leftnavi{
	background-color:#FAFAFA;
	width:234px;
	margin:15px 0 0 0;
	padding-top:10px;
}



/*-------------------------------
     @ @@@V€•i
--------------------------------*/

.new_list{
	width:200px;
	height:335px;
	padding:0 10px 0 13px;
	/*overflow-y:scroll;
	scrollbar-face-color:#FFF;
	scrollbar-darkshadow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-shadow-color:#999;
	scrollbar-highlight-color:#999;
	scrollbar-arrow-color:#999;
	scrollbar-track-color:#FFF*/
}
.new_list dt a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.new_list dt{float:left; width:60px; padding:5px 0; text-align:center; clear:left}
.new_list dt img{width:54px; height:54px}
.new_list dd{padding:5px 5px 5px 60px; border-bottom:1px dotted #aaa;}
*.new_list dd  { border-bottom:1px dotted #ccc; }

.new_list dd p.nlist_sonota,
.new_list dd p.nlist_inte,
.new_list dd p.nlist_office,
.new_list dd p.nlist_nichi,
.new_list dd p.nlist_kids,
.new_list dd p.nlist_pet,
.new_list dd p.nlist_garden{padding:0 0 5px 0; text-align:right; line-height:17px; color: #7C7C7C; font-size:10px}
.new_list dd p.nlist_text{min-height:33px; _height:33px}

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


/******************/
/*  index_middle  */
/******************/
#index_middle{
	width:760px;
	overflow:hidden;
}

/******************/
/* index_whatsnew */
/******************/

.index_whatsnew{
	float:right;
	width:234px;
	font-size:10px;
	background:url(../../img/bs2013/index_whatsnew_bottom.jpg) left bottom no-repeat;
	padding:0 0 12px 0;
}
.index_whatsnew dl{
	padding:0 8px 0 8px;
	line-height:180%;
	background:url(../../img/bs2013/index_whatsnew_rep.jpg) left bottom repeat-y;
}
.index_whatsnew dt{
	float:left;
}
.index_whatsnew dd{
	border-bottom:1px #777 dotted
}

.index_whatsnew p{
	padding-top:13px
}

.index_whatsnew a:hover{
	text-decoration:underline;
}



/*-------------------------------
     @ @ƒAƒEƒgƒŒƒbƒg
--------------------------------*/
.outlet_box {
	float:right;
	background:url(../../img/bs2012/index_outlet_bk.gif) 0 bottom no-repeat;
	width:234px;
	margin-top:10px;
	margin-bottom:8px;
	background:#ECF2F2;
}
.outlet_box a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.outlet_box h2{padding-bottom:5px}
.outlet_box ul{position:relative; width:234px; height:60px;
	background:url(../../img/bs2012/index_outlet_bot.gif) 0 bottom no-repeat;
}
.outlet_box ul li{position:absolute; width:98px; height:20px; background: url(../../img/bs2012/index_outlet_line.gif) 0 bottom no-repeat}
.outlet_box ul span{position:absolute; top:3px; left:58px; font-size:10px}
body div#contents #index_middle  .new_outlet_box ul li a:hover{color:#F00}
.outlet_box ul img{position:absolute; top:0; left:0}
.outlet_box ul li#out_kaden{top:-30px; left:10px}
.outlet_box ul li#out_inte{top:1px; left:11px}
/*.outlet_box ul li#out_office{top:1px; left:122px}
.outlet_box ul li#out_nichi{top:33px; left:11px}
.outlet_box ul li#out_pet{top:33px; left:122px}
.outlet_box ul li#out_garden{top:66px; left:11px}*/

.outlet_box ul li#out_nichi{top:33px; left:122px}
.outlet_box ul li#out_pet{top:1px; left:122px}
.outlet_box ul li#out_garden{top:33px; left:11px}

.outlet_box ul li#out_kaden a{color:#000}
.outlet_box ul li#out_inte a{color:#069}
.outlet_box ul li#out_office a{color:#09C}
.outlet_box ul li#out_nichi a{color:#F30}
.outlet_box ul li#out_pet a{color:#F06}
.outlet_box ul li#out_garden a{color:#060}

/******************/
/*  index_review  */
/******************/
#index_review .review_title,
#index_review ul{
	width:760px;
	overflow:hidden;
}

#index_review .review_title h2{
	float:left;
	width:490px;
}
#index_review .review_title p{
	float:right;
	width:270px;
}
#index_review ul li{
	float:left;
	width:126px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../../img/bs2013/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #666;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
	color:#666;
}
.ui-tabs-nav .ui-tabs-selected span {
    color: #000;
}
.ui-tabs-nav a span {
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/******************/
/*  index_ranking */
/******************/
#index_ranking h2{
	padding:25px 0 8px 0;
}

#index_ranking h3.ind_rank_h3{
	font-size:10px;
	color:#999;
}

#index_ranking #tab{
	width:707px;
	overflow:hidden;
	background:url(../../img/bs2013/index_rank_tab_bg.gif) bottom repeat-x;
}
#index_ranking #tab li{
	float:left;

}
#index_ranking #tab li.syunou_tab{
	width:40px;
}
#index_ranking #tab li.pet_tab{
	width:49px;
}
#index_ranking #tab li.garden_tab{
	width:40px;
}


#index_ranking #tab li a{
	display:block;
	/*width:94px;*/
	height:29px;
	text-indent:-1000em;
	overflow:hidden;
	margin-right:1px;
}


#index_ranking .indexrank_title{
	width:707px;
	/*background:url(../../img/bs2012/index_ran_ti_bk.gif) 0 0 repeat-x;*/
	line-height:21px;
	overflow:hidden;
}
#index_ranking #page4 .indexrank_title{
	/*background:url(../../img/bs2012/index_ran_s_ti_bk.gif) 0 0 repeat-x;*/
}
#index_ranking #page5 .indexrank_title{
	/*background:url(../../img/bs2012/index_ran_p_ti_bk.gif) 0 0 repeat-x;*/
}
#index_ranking #page6 .indexrank_title{
	/*background:url(../../img/bs2012/index_ran_g_ti_bk.gif) 0 0 repeat-x;*/
}

#index_ranking .indexrank_title h3{
	/*float:left;*/
	/*width:157px;*/
}
#index_ranking p.index_rank_day{
	float:right;
	width:8em;
	color:#F36;
	font-size:10px;
	margin-top:-22px;
}

#index_ranking .rank_list{
	width:710px;
	/*border:1px solid #999;*/
	overflow:hidden;
}
#index_ranking .rank_list ul{
	/*width:750px;*/
	/*margin:0 4px;*/
	/*padding:5px;*/
	overflow:hidden;
}
#index_ranking .rank_list li.rank_list_inn{
	float:left;
	width:120px;
	overflow:hidden;
	text-align:left;
	margin-right:13px;
}
#index_ranking .rank_list dl{
	padding:5px;
}
#index_ranking .rank_list dt{
	/*text-align:center;*/
}
#index_ranking .rank_list dd.height_review1{
	min-height:160px;
	_height:160px;
}
#index_ranking .rank_list dd img{
	width:100px;
	/*margin:5px 20px;*/
}
#index_ranking .rank_list dd h3{
	text-align:left;
}

#index_ranking .rank_list dd.rank_price{
	color:#666;
	font-size:14px;
	font-weight:bold;
	line-height:180%;
	text-align:right;
}
#index_ranking .rank_list dd.rank_review img{
	width:112px;
	/*margin:5px;*/
}
#index_ranking .rank_list dd.rank_review a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#index_ranking .rank_list h3{
	font-weight:normal;
}

#index_ranking dt.rankicon_1{
	background:url(../../img/bs2013/top_ranking_orange.gif) no-repeat 80px center;
}
#index_ranking dt.rankicon_2{
	background:url(../../img/bs2013/top_ranking_green.gif) no-repeat 80px center;
}
#index_ranking dt.rankicon_3{
	background:url(../../img/bs2013/top_ranking_blue.gif) no-repeat 80px center;
}


.rank_list_inn a img {
	display:block;
	margin-bottom:5px;
}

/*‰ΏŠiƒvƒ*/

.rank_price .buy_price{
	text-align:right;
}

.rank_price .buy_price * span {
	overflow:visible;
	width:100%;
}

.rank_price .buy_price .price{
	font-size:14px;
	color:#666;
}

.rank_price .motoprice{
	display:none;
}

.rank_price .buy_price li{
	float:left;
	/*overflow:hidden;*/
	text-align:left;
	margin-left:5px;
}

.rank_price .buy_price .spesicalprice{
	display:none;
}

.rank_price .buy_price .intax{
	display:inline;
	font-size:10px;
	float:left;
	font-weight:normal;
}





/*///////////////////////*/
/*‘‘‡*/
/*///////////////////////*/
#tab li a#tab_page7{
	background:url(../../img/bs2013/index_ran_soug.gif)  0 0 no-repeat;
	width:94px;
	}
#tab li a#tab_page7:hover,
#tab li.present a#tab_page7{
	background:url(../../img/bs2013/index_ran_soug.gif) -190px  0 no-repeat;
	width:94px;
}

/*///////////////////////*/
/*‘ƒCƒ“ƒeƒŠƒA*/
/*///////////////////////*/
#tab li a#tab_page1{
	background:url(../../img/bs2013/index_ran_inte.gif) 0 0 no-repeat;
	width:70px;
	}
#tab li a#tab_page1:hover,
#tab li.present a#tab_page1{
	background:url(../../img/bs2013/index_ran_inte.gif) -142px 0 no-repeat;
	width:70px;
}

/*///////////////////////*/
/*‘“ϊ—p•i*/
/*///////////////////////*/
#tab li a#tab_page2{
	background:url(../../img/bs2013/index_ran_daily.gif) 0 0 no-repeat;
	width:49px;
	}
#tab li a#tab_page2:hover,
#tab li.present a#tab_page2{
	background:url(../../img/bs2013/index_ran_daily.gif) -100px 0 no-repeat;
	width:49px;
}

/*///////////////////////*/
/*‘‰Ζ“d*/
/*///////////////////////*/
#tab li a#tab_page8{
	background:url(../../img/bs2013/index_ran_kaden.gif) 0 0 no-repeat;
	width:40px;
	}
#tab li a#tab_page8:hover,
#tab li.present a#tab_page8{
	background:url(../../img/bs2013/index_ran_kaden.gif) -82px 0 no-repeat;
	width:40px;
}


/*///////////////////////*/
/*‘ƒIƒtƒBƒX*/
/*///////////////////////*/
#tab li a#tab_page3{
	background:url(../../img/bs2013/index_ran_office.gif) 0 0 no-repeat;
	width:65px;
	}
#tab li a#tab_page3:hover,
#tab li.present a#tab_page3{
	background:url(../../img/bs2013/index_ran_office.gif) -132px 0 no-repeat;
	width:65px;
}

/*///////////////////////*/
/*‘Žϋ”[*/
/*///////////////////////*/
#tab li a#tab_page4{
	background:url(../../img/bs2013/index_ran_syunou.gif) 0 0 no-repeat;
	width:40px;
	}
#tab li a#tab_page4:hover,
#tab li.present a#tab_page4{
	background:url(../../img/bs2013/index_ran_syunou.gif) -82px 0 no-repeat;
	width:40px;
}

/*///////////////////////*/
/*‘ƒyƒbƒg*/
/*///////////////////////*/
#tab li a#tab_page5{
	background:url(../../img/bs2013/index_ran_pet.gif) 0 0 no-repeat;
	width:49px;
	}
#tab li a#tab_page5:hover,
#tab li.present a#tab_page5{
	width:124px;
	background:url(../../img/bs2013/index_ran_pet.gif) -100px 0 no-repeat;
	width:49px;
}

/*///////////////////////*/
/*‘‰€Œ|*/
/*///////////////////////*/
#tab li a#tab_page6{
	background:url(../../img/bs2013/index_ran_garden.gif) 0 0 no-repeat;
	width:40px;
	}
#tab li a#tab_page6:hover,
#tab li.present a#tab_page6{
	background:url(../../img/bs2013/index_ran_garden.gif) -82px 0 no-repeat;
	width:40px;
}


#index_ranking .indexrank_title{
	width:707px;
	/*background:url(../../img/bs2012/index_ran_ti_bk.gif) 0 0 repeat-x;*/
	line-height:21px;
	overflow:hidden;
}
#index_ranking #page4 .indexrank_title{
	/*background:url(../../img/bs2012/index_ran_s_ti_bk.gif) 0 0 repeat-x;*/
}
#index_ranking #page5 .indexrank_title{
	/*background:url(../../img/bs2012/index_ran_p_ti_bk.gif) 0 0 repeat-x;*/
}
#index_ranking #page6 .indexrank_title{
	/*background:url(../../img/bs2012/index_ran_g_ti_bk.gif) 0 0 repeat-x;*/
}

#index_ranking .indexrank_title h3{
	/*float:left;*/
	/*width:157px;*/
}
#index_ranking p.index_rank_day{
	float:right;
	width:8em;
	color:#F36;
	font-size:10px;
	margin-top:-22px;
}

#index_ranking .rank_list{
	width:710px;
	/*border:1px solid #999;*/
	overflow:hidden;
}
#index_ranking .rank_list ul{
	width:750px;
	margin:0 4px;
	padding:5px;
	overflow:hidden;
}
#index_ranking .rank_list li{
	float:left;
	/*width:120px;*/
	/*overflow:hidden;*/
	text-align:left;
	/*margin-right:20px;*/
}
#index_ranking .rank_list dl{
	padding:5px;
}
#index_ranking .rank_list dt{
	/*text-align:center;*/
}
#index_ranking .rank_list dd.height_review1{
	min-height:150px;
	_height:160px;
}
#index_ranking .rank_list dd img{
	width:100px;
	/*margin:5px 20px;*/
}
#index_ranking .rank_list dd h3{
	text-align:left;
}

#index_ranking .rank_list dd.rank_price{
	color:#666;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	text-align:right;
}
#index_ranking .rank_list dd.rank_review img{
	width:112px;
	/*margin:5px;*/
}
#index_ranking .rank_list dd.rank_review a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#index_ranking .rank_list h3{
	font-weight:normal;
}


/* index_houjin */
#index_houjin{
	margin:15px 0;
	padding-bottom:13px;
	text-align:center;
	background:url(../../img/bs2012/index_houjin_bot.gif) 0 bottom no-repeat #EFEFEF;
}
#index_houjin li{
	display:inline;
}
#index_houjin li img{
	margin:0 10px 0 11px
}

/***********************/
/* index-cm 2012/05/30 */
/***********************/

#index_cm{
	width:710px;
	margin:10px auto 20px auto ;
	padding-top:10px;
	overflow:hidden;
	/*background:url(../../img/bs2013/ashiato_bg.jpg) left top no-repeat;*/
}

#index_cm h3{
	float:left;
	margin:12px 10px 0 0 ;
}

#index_cm ul{
	overflow:hidden;
	margin:10px 0 0 0 ;
	float:left;
}
#index_cm ul li{
	width:200px;
	height:197px;
	float:left;
	padding:5px 0 0 0;
	background:url(../../img/bs2013/index_cmbk.jpg) no-repeat;
}
#index_cm ul li dl{
	padding:0 9px;
}
#index_cm ul li dl dt{
	text-align:center;
}
#index_cm ul li dl a{
	color:#09c;
	font-weight:bold;
}

#index_cm dt a:hover img,#index_cm p a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#index_cm ul li dl img{
	margin-bottom:3px;
}
#index_cm ul li dd{
	color:#666;
	font-size:0.95em;
	position:relative;
	top:-35px;
}

#index_cm ul li dd span{
	letter-spacing:-1px;
}


li.mg5{
	margin:0 5px;
	_margin:0 3px;
}

#tosca{
	width:189px;
	float:left;
	margin:10px 13px 0 0;
}
* html #tosca{
	margin:10px 2px 0 0;
}
#tosca img{
	float:left;
	margin:0;
	padding:0;
}


/****************************/
/* index-Ashiato 2013/04/17 */
/****************************/
#index_ashiato{
	margin:40px 0 0 0;
	/*background:url(../../img/bs2013/ashiato_bg.jpg) left bottom no-repeat;*/
	height:250px;
}
#index_ashiato h2{
	margin:0 0 5px 0;
	font-size:12px;
	font-weight:normal;
}


/*///////////////////*/
/*‘—š—π index‚Μ‚έ*/
/*///////////////////*/
#index_ashiato dt.ashiato_title{
	margin:0 0 10px 0;
	font-size:10px;
	font-weight:normal;
}

#index_ashiato dl.ashi_visited{
	float:left;
	padding:7px 0 0 10px;
}
#index_ashiato dl.ashi_visited dd{
	float:left;
	width:105px;
	height:150px;
	margin:0 7px 0 0;
}

#index_ashiato dl.ashi_visited p a img{
	width:90px;
	height:90px;
	margin-left:7px;
	margin-bottom:5px;
}


/*///////////////////*/
/*‘—š—π‚ΜƒIƒXƒXƒ*/
/*///////////////////*/
#index_ashiato dt.ashiato_title2{
	background-color:#FFFCD2;
	color:#F00;
	margin:0 0 10px 0;
	font-size:10px;
	font-weight:normal;
}

#index_ashiato dl.ashi_osusum{
	background-color:#FFFCD2;
	overflow:hidden;
	float:left;
	padding:7px 0 0 10px;
}
#index_ashiato dl.ashi_osusum dd{
	float:left;
	width:105px;
	height:150px;
	_height:130px;
	margin:0 7px 0 0;
	_margin:0 5px 0 0;
}
#index_ashiato dl.ashi_osusum dd{ height:140px\9; }
*+html #index_ashiato dl.ashi_osusum dd{ height:140px\9; }


#index_ashiato dl.ashi_osusum p a img{
	width:90px;
	height:90px;
	margin-left:7px;
	margin-bottom:5px;
}



/* yamaguchi 20120820 */
#index_sale_new .index_sale_pick dl .bold {
	font-weight:bold;
	margin:0 0 10px 0;
}


/* bonus point 20120711 */
/*#index_sale_new .index_sale_pick_photo h3{
	margin:0 16px 0 17px;
}

#index_sale_new .index_sale_pick dd{
	line-height:170%
}*/


/*20120810obon 8/17 16:00ˆΘ~Α‚·*/
/*#index_sale_new .index_sale h2{
	display:none;
	height:auto;
	background:none;
}
#index_sale_new .index_sale .obon2012{
	width:750px;
	padding-bottom:14px;
	background:url(../../IMAGE/12obon/bottom.jpg) 0 bottom no-repeat;
	overflow:hidden;
}
#index_sale_new .index_sale .obon2012 li{
	float:left
}*/




/******************/
/*  index_newlife  */
/******************/
#index_sale_new .index_newlife{
}
#index_sale_new .index_newlife a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}
#index_sale_new {
	position:relative;
}
#index_sale_new .index_newlife a:hover{
	background:none;
}

#index_sale_new .index_newlife{
	margin:0 0 10px 0;
	padding-bottom:3px;
	border-bottom: 1px dashed #C0C0C0;
	height:317px;
}

#index_sale_new .index_newlife .new_life_img{
	float:right;
	height:90px;
}
#index_sale_new .index_newlife .new_life_img a img{
	position:absolute;
	top:224px;
	left:492px;
	/*top:304px;;*/
} 


#index_sale_new .index_newlife .new_life_txt{
	width:555px;
	padding-top:15px;
	line-height:1.4em;
	float:left;
	
}

.index_bigbn{
	width:705px;
	padding:5px 0 10px 0;
	margin:0 0 10px 0;
	/*border-bottom:1px dashed #ccc;*/
	background-color:#FCF7E4;
}
.index_bigbn img{
	margin:0 0 0 7px;
}

div.index_sale a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#eventbaner_index{
	height:80px;
	padding-bottom:15px;
	width:705px;
	/*border-bottom:1px solid #ccc;*/
}
div#eventbaner_index ul{
	
}
div#eventbaner_index ul li{
	float:left;
	margin-right:6px;
}

div#eventbaner_index ul li a:hover img , h3.index_event_bn a:hover img , div#eventbaner_index p a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

div#eventbaner_index p img {
	margin:10px 0;
}


h3.index_event_bn{
	margin-bottom:15px;
}

#index_sale_new .kikaku{
	/*margin-bottom:10px;*//*‚¨•Δƒoƒi[—p‚Ιƒ}[ƒWƒ“Α*/
}


.snsb{
	margin-left:8px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:5px;
	overflow: hidden;
}

.snsb li {
	float: left;
	width:105px;
	margin-right: 2px;
	margin-left:0px;
	overflow: hidden;
}

.snsb iframe {
	margin: 0 !important;
}



#index_ranking .rank_list dd.rank_price span.zeinuki{
	color:#666;
	font-size:9px;
	font-weight:normal;
	line-height:180%;
	text-align:right;
	padding:0 3px;
}


.leftSSL table{
	text-align:center;
	margin-left:50px;
	margin-top:20px;
}


/*************/
/* irisinfo */
/*************/
#info_list_index {
    margin:0 0 10px 0;
    overflow: hidden;
    padding: 0 0 10px 0;
    width: 705px;
    line-height:130%;
    border-bottom:1px solid #ccc;
}

#info_list_index h5{
	margin-bottom:10px;
	font-weight:normal;
}
#info_list_index .goblank{
	font-size:11px;
	color:#999;
	margin:5px 10px 5px 0;
}
#info_list_index dl {
    float: left;
    font-size: 12px;
    padding: 0 5px;
    width: 225px;
}
#info_list_index dl dt {
    font-size: 14px;
    font-weight: bold;
}
#info_list_index ul {
    float: none;
    font-size: 12px;
    padding: 0 0px 0 0;
}
#info_list_index ul li a:hover{
	text-decoration:underline;
}

#info_list_index ul li.text {
	margin-bottom:5px;
}
#info_list_index ul li.text2{
	line-height:130%;
}
#info_list_index ul li.text2 span{
	color:#666;
	font-size:11px;
	letter-spacing:-1px;
}
#info_list_index ul li.text2 a:link{
	text-decoration:underline;
}
#info_list_index ul li.text2 a:hover{
	text-decoration:none;
}



#info_list_index li dl {
    float: left;
    font-size: 12px;
    padding: 0 10px;
    width: 225px;
}
#info_list_index ul li.date {
    color: #B49354;
    font-size: 12px;
    font-weight: normal;
    padding: 7px 0 0;
}
#info_list_index ul li.syosai {
    text-align: right;
}
#info_list_index ul li.name {
    font-size: 13px;
    font-weight: bold;
}


#column_news {
    width: 505px;
    margin: 0 0 40px 0;
    overflow:hidden;
    line-height:130%;
    float:left;
}
#column_news p.golist{
	clear:both;
	font-size:11px;
	text-align:right;
}
#column_news p.golist a:hover{
	text-decoration:underline;
}
#column_news ol, #column_publicity ol {
    overflow: hidden;
    width: 485px;
    float:left;
}

#column_news ol li, #column_publicity ol li, #column_update ol li {
    border-bottom: 1px dotted #D3BF9A;
    font-size: 12px;
    margin-bottom: 7px;
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
#column_news ol li span, #column_publicity ol li span, #column_update ol li span {
    color: #B49354;
    font-size: 12px;
    padding-right: 20px;
}
#column_news ol li a, #column_publicity ol li a, #column_update ol li a {
}
#column_news ol li a:hover, #column_publicity ol li a:hover, #column_update ol li a:hover {
	text-decoration:underline;
}

#contents_index .midashi {
    background: none repeat scroll 0 0 #F4EADB;
    color: #B39253;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 7px 10px;
    float:left;
}
#contents_index .midashi, #column_publicity .midashi {
    overflow: hidden;
    padding: 12px 10px 10px 20px;
    margin-right:10px;
    vertical-align: bottom;
    width: 160px;
    height:56px;
    float:left;
}
#contents_index .midashi a, #column_publicity .midashi a {
    float: left;
}






/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



/*
Colorbox2 Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox2, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox2, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox2.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox2{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}