@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Tokyo Life -Sale template- 2011aw.css
------------------------------------------------------------

////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	1. Wrapper
   ------------------------------------------------------------ */
div#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
div#salecontent {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	background-color:#fff;
}

#channels {
	margin:30px 0 0;
	background:url(../2011/awsale/images/box_bg_vertical.gif) repeat-y top left;
}
#channellist {
	margin: 0 95px;
	padding: 35px 0;
}
	
#channellist ul {
	width: 710px;
	display: inline-block;
	padding-top: 10px;
}
	
#channellist ul li{
	width:170px; height:70px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	text-indent: -9999px;
}

#channellist ul li.even{ margin-right:0;}

#channellist ul li a{
	width:170px; height:70px;
	display: block;
	text-indent: -9999px;
}

#channellist ul li.keaton a{ background:url(../2011/awsale/images/list_keaton.gif) top left no-repeat; }
#channellist ul li.wheels a{ background:url(../2011/awsale/images/list_TW.gif) top left no-repeat; }
#channellist ul li.liquid a{ background:url(../2011/awsale/images/list_liquid.gif) top left no-repeat; }
#channellist ul li.motorist a{ background:url(../2011/awsale/images/list_motorist.gif) top left no-repeat; }
#channellist ul li.crea a{ background:url(../2011/awsale/images/list_crea.gif) top left no-repeat; }
#channellist ul li.couleur a{ background:url(../2011/awsale/images/list_couleur.gif) top left no-repeat; }
#channellist ul li.arika a{ background:url(../2011/awsale/images/list_arika.gif) top left no-repeat; }


#channellist ul li.keaton a:hover{ background:url(../2011/awsale/images/list_keaton_off.gif) top left no-repeat; }
#channellist ul li.wheels a:hover{ background:url(../2011/awsale/images/list_TW_off.gif) top left no-repeat; }
#channellist ul li.liquid a:hover{ background:url(../2011/awsale/images/list_liquid_off.gif) top left no-repeat; }
#channellist ul li.motorist a:hover{ background:url(../2011/awsale/images/list_motorist_off.gif) top left no-repeat; }
#channellist ul li.crea a:hover{ background:url(../2011/awsale/images/list_crea_off.gif) top left no-repeat; }
#channellist ul li.couleur a:hover{ background:url(../2011/awsale/images/list_couleur_off.gif) top left no-repeat; }
#channellist ul li.arika a:hover{ background:url(../2011/awsale/images/list_arika_off.gif) top left no-repeat; }

#channellist ul li.keaton { background:url(../2011/awsale/images/list_keaton_off.gif) top left no-repeat; }
#channellist ul li.wheels { background:url(../2011/awsale/images/list_TW_off.gif) top left no-repeat; }
#channellist ul li.liquid { background:url(../2011/awsale/images/list_liquid_off.gif) top left no-repeat; }
#channellist ul li.motorist { background:url(../2011/awsale/images/list_motorist_off.gif) top left no-repeat; }
#channellist ul li.crea { background:url(../2011/awsale/images/list_crea_off.gif) top left no-repeat; }
#channellist ul li.couleur { background:url(../2011/awsale/images/list_couleur_off.gif) top left no-repeat; }
#channellist ul li.arika { background:url(../2011/awsale/images/list_arika_off.gif) top left no-repeat; }


/* ------------------------------------------------------------
	 Channel Boxies
   ------------------------------------------------------------ */

.channelbox { width:435px; float: left; margin-right:30px; border-bottom:#000 1px dotted; padding-top:15px;}
.channelbox .keaton {width:435px; height:30px; background:url(../2011/awsale/images/obi_keaton.gif) top right no-repeat;
}
.channelbox .wheels {width:435px; height:30px; background:url(../2011/awsale/images/obi_tw.gif) top right no-repeat;
}
.channelbox .liquid {width:435px; height:30px; background:url(../2011/awsale/images/obi_liquid.gif) top right no-repeat;
}
.channelbox .motorist {width:435px; height:30px; background:url(../2011/awsale/images/obi_motorist.gif) top right no-repeat;
}
.channelbox .crea {width:435px; height:30px; background:url(../2011/awsale/images/obi_crea.gif) top right no-repeat;
}
.channelbox .couleur {width:435px; height:30px; background:url(../2011/awsale/images/obi_couleur.gif) top right no-repeat;
}
.channelbox .arika {width:435px; height:30px; background:url(../2011/awsale/images/obi_arika.gif) top right no-repeat;
}

.arikabox { border-bottom: none; }
#channels .even {
	 width:435px; float: right; margin-right:0px;
}

.channelbox .left { width:210px; float:left; padding:15px 15px 15px 0; margin:0;}
.channelbox .right { width:210px; float:right;  padding:15px 0; margin:0;}


.channelbox .left ul{ width:210px; padding: 10px 0 20px;}
.channelbox .left ul li{ width:210px; height:14px; padding-bottom: 5px; font-weight:bold;}
.channelbox .left ul li a{ padding-left:18px;background:url(../images/flag_check_off.gif) top left no-repeat;}
.channelbox .left ul li a:hover{ padding-left:18px;background:url(../images/flag_check_onpage.gif) top left no-repeat; background-color:#FF0; text-decoration:none; font-weight:bold;}

.channelbox .left ul span{ color:#666; font-size:10px;}

.channelbox .left p.catch { color: #F03; font-weight:bold; font-size:11px; padding-bottom:3px;}
.channelbox .left .sns { border: #ccc 1px dotted; padding:10px; margin:0; width:188px; overflow:hidden;}

.channelbox .left .sns .twi-bottun, .channelbox .left .sns .fb-bottun { padding-bottom:5px; width:180px;}