@charset "utf-8";

/*======================================
SUPER CHANNEL
http://supercannel.jp/
----------------------------------------
description:index page stylesheet
edit: 2008/6/04
lastupdate:
======================================*/

body#indexPage {
	padding: 0;
}

body#indexPage #mainvisual {
	position: relative;
	width: 755px;
	height: 260px;
	padding: 2px 3px 3px 2px;
	background: url(../image/index/background_mv.gif) no-repeat;
}

/*--------------------------------------
	contents
--------------------------------------*/
body#indexPage #contents {
	width: 760px;
	
	margin: 0;
	padding: 0 0 1px 0;
	
	background: url(../image/index/background_contents.gif) repeat-y;
}
body#indexPage #contents:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body#indexPage #contents{
	height: 1em;
	overflow: visible;
}
/**/

/*--------------------------------------
	contents left
--------------------------------------*/
#leftContents {
	float: left;
	width: 247px;
}
#leftNav {
	width: 247px;
	padding: 0 0 20px 0;
}
#leftNav li {
	width: 247px;
	height: 70px;
	margin: 0;
	padding: 0;
}
#leftNav li a {
	display: block;
	width: 247px;
	height: 70px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#lNavSuperChannel {
	height: 71px;
}
#lNavSuperChannel a {
	background: url(../image/index/background_leftnav_090601.jpg) no-repeat 0px 0;
	height: 71px;
}
#lNavSuperChannel a:hover {
	background-position: -247px 0;
}

#lNavBaps a{
	background: url(../image/index/background_leftnav_090601.jpg) no-repeat 0px -71px;
}
#lNavBaps a:hover {
	background-position: -247px -71px;
}

#lNavCatan a{
	background: url(../image/index/background_leftnav_090601.jpg) no-repeat 0px -141px;
}
#lNavCatan a:hover {
	background-position: -247px -141px;
}

#lNavPole a{
	background: url(../image/index/background_leftnav_090601.jpg) no-repeat 0px -211px;
}
#lNavPole a:hover {
	background-position: -247px -211px;
}


#lNavBlog a{
	background: url(../image/index/background_leftnav_090601.jpg) no-repeat 0px -281px;
}
#lNavBlog a:hover {
	background-position: -247px -281px;
}

#lNavIppin a{
	background: url(../image/index/background_leftnav_090601.jpg) no-repeat 0px -351px;
}
#lNavIppin a:hover {
	background-position: -247px -351px;
}


#lNavSuperMarket a{
	background: url(../image/index/background_leftnav_090601.jpg) no-repeat 0px -421px;
}
#lNavSuperMarket a:hover {
	background-position: -247px -421px;
}




/*--------------------------------------
	contents right
--------------------------------------*/
#rightContents {
	float: right;
	width: 513px;
}
/* main contents */
body#indexPage #pageTitle {
	width: 513px;
	height: 35px;
	
	padding: 0;
	margin: 0 0 12px 0;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../image/index/h2_information.gif) no-repeat;
}
body#indexPage .contentsMain {
	width: 488px;
	margin: 0 auto;
}

/*--------------------------------------
	end contents
--------------------------------------*/
body#indexPage #contentsBottom {
	width: 760px;
	height: 17px;
	background: url(../image/index/background_contents_bottom.gif) no-repeat;
}

/*--------------------------------------
	information list
--------------------------------------*/
.informationDate {
	margin-bottom: 0.25em;
	padding-left: 4px;
}
.informationTable {
	width: 488px;
	border-collapse: separate;
	border-spacing: 2px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}
.informationTable th {
	width: 100px;
	padding: 10px 0;
	
	background-color: #E8E8E8;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}
th.sun {
	background-color: #F2D1D7;
	border-right: 1px solid #E79AB4;
	border-bottom: 1px solid #E79AB4;
}
th.sat {
	background-color: #d2d2f7;
	border-right: 1px solid #9AA1FF;
	border-bottom: 1px solid #9AA1FF;	
}
.informationTable td {
	padding: 10px 5px;
	border-bottom: 1px solid #E7E7E7;
	vertical-align: middle;
}

/* th */
.md {
	display: block;
	font-size: 24px;
	line-height: 28px;
}
.week {
	font-size: 10px;
}

/* td */
.informationTable td ul {
	margin: 0;
	padding: 0;
}
.informationTable td ul li {
	padding-left: 42px;
	font-size: 12px;
	line-height: 1.4em;
}

.infoBaps {
	background: url(../image/common/infoicon_baps.gif) no-repeat 0 2px;
}
.infoDefault {
	background: url(../image/common/infoicon_information.gif) no-repeat 0 2px;
}
.infoTotal {
	background: url(../image/common/infoicon_total.gif) no-repeat 0 2px;
}
.infoSuperMarket {
	background: url(../image/common/infoicon_supermarket.gif) no-repeat 0 2px;
}
.infoIppin {
	background: url(../image/common/infoicon_ippin.gif) no-repeat 0 2px;
}
.infoManga {
	background: url(../image/common/infoicon_manga.gif) no-repeat 0 2px;
}
.infoCatan {
	background: url(../image/common/infoicon_catan.gif) no-repeat 0 2px;
}
.infoPole {
	background: url(../image/common/infoicon_pole.gif) no-repeat 0 2px;
}