@charset "Shift-JIS";

/* -------------------------
  logoblock
------------------------- */

#logoBlock #ci,
#logoBlock #ci a {
	width: 174px;
	height: 62px;
	background: url(/spc/images/common/ci.jpg) no-repeat 0 0;
}

#logoBlock #ci a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#logoBlock #ci a { background-position: 0 0;}
#logoBlock #ci a:hover { background-position: 0 0;}


/* -------------------------
  utilityBlock
------------------------- */

#utilityBlock #upperInner #ut00 {
	width: 250px;
	height: 30px;
	float: left;
}

#utilityBlock #upperInner #ut00 ul{
	margin: 10px 0 0 0;
}

/* Ie7 */
*+ html #utilityBlock #upperInner #ut00 ul{
	margin: 6px 0 0 0;
}

#utilityBlock #upperInner #ut00 ul li{
	height: 12px;
	margin: 0 11px 0 12px;
	float: left;
}

#utilityBlock #upperInner #ut00 ul li.utl{
	width: 1px;
	height: 12px;
	margin: 0;
	float: left;
}

#utilityBlock #upperInner #ut01,
#utilityBlock #upperInner #ut01 a {
	width: 140px;
	height: 30px;
	float: right;
	background: url(/spc/images/common/btn_utility_01.jpg) no-repeat 0 0;
}

#utilityBlock #upperInner #ut01 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#utilityBlock #upperInner #ut01 a { background-position: 0 0;}
#utilityBlock #upperInner #ut01 a:hover { background-position: 0 -30px;}


#utilityBlock #downInner #ut02,
#utilityBlock #downInner #ut02 a {
	width: 120px;
	height: 30px;
	margin: 0 10px 0 0;
	float: left;
	background: url(/spc/images/common/btn_utility_02.jpg) no-repeat 0 0;
}

#utilityBlock #downInner #ut02 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#utilityBlock #downInner #ut02 a { background-position: 0 0;}
#utilityBlock #downInner #ut02 a:hover { background-position: 0 -30px;}


#utilityBlock #downInner #ut03,
#utilityBlock #downInner #ut03 a {
	width: 120px;
	height: 30px;
	margin: 0 0 0 0;
	float: left;
	background: url(/spc/images/common/btn_utility_03.jpg) no-repeat 0 0;
}

#utilityBlock #downInner #ut03 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#utilityBlock #downInner #ut03 a { background-position: 0 0;}
#utilityBlock #downInner #ut03 a:hover { background-position: 0 -30px;}


#utilityBlock #downInner #ut04,
#utilityBlock #downInner #ut04 a {
	width: 140px;
	height: 30px;
	margin: 0;
	float: right;
	background: url(/spc/images/common/btn_utility_04.jpg) no-repeat 0 0;
}

#utilityBlock #downInner #ut04 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#utilityBlock #downInner #ut04 a { background-position: 0 0;}
#utilityBlock #downInner #ut04 a:hover { background-position: 0 -30px;}


#utilityBlock #downInner #ut05,
#utilityBlock #downInner #ut05 a {
	width: 120px;
	height: 30px;
	margin: 0 10px 0 0;
	float: left;
	background: url(/spc/images/common/btn_utility_05.jpg) no-repeat 0 0;
}

#utilityBlock #downInner #ut05 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#utilityBlock #downInner #ut05 a { background-position: 0 0;}
#utilityBlock #downInner #ut05 a:hover { background-position: 0 -30px;}


#utilityBlock #downInner #ut06,
#utilityBlock #downInner #ut06 a {
	width: 120px;
	height: 30px;
	margin: 0 0 0 0;
	float: left;
	background: url(/spc/images/common/btn_utility_06.jpg) no-repeat 0 0;
}

#utilityBlock #downInner #ut06 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#utilityBlock #downInner #ut06 a { background-position: 0 0;}
#utilityBlock #downInner #ut06 a:hover { background-position: 0 -30px;}

/* -------------------------
  navArea
------------------------- */

#navArea ul {
	width: 1000px;
	height: 45px;
	margin: 0;
}

#navArea ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#navArea ul li{
	margin: 0;
	float: left;
}


#navArea ul li a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}


#navArea #nav01,
#navArea #nav01 a {
	width: 166px;
	height: 45px;
	background: url(/spc/images/common/nav_header.jpg) no-repeat 0 0;
}

#navArea #nav02,
#navArea #nav02 a {
	width: 166px;
	height: 45px;
	background: url(/spc/images/common/nav_header.jpg) no-repeat 0 0;
}

#navArea #nav03,
#navArea #nav03 a {
	width: 167px;
	height: 45px;
	background: url(/spc/images/common/nav_header.jpg) no-repeat 0 0;
}

#navArea #nav04,
#navArea #nav04 a {
	width: 167px;
	height: 45px;
	background: url(/spc/images/common/nav_header.jpg) no-repeat 0 0;
}

#navArea #nav05,
#navArea #nav05 a {
	width: 167px;
	height: 45px;
	background: url(/spc/images/common/nav_header.jpg) no-repeat 0 0;
}

#navArea #nav06,
#navArea #nav06 a {
	width: 167px;
	height: 45px;
	background: url(/spc/images/common/nav_header.jpg) no-repeat 0 0;
}

#navArea #nav01 a { background-position: 0 0;}
#navArea #nav02 a { background-position: -166px 0;}
#navArea #nav03 a { background-position: -332px 0;}
#navArea #nav04 a { background-position: -499px 0;}
#navArea #nav05 a { background-position: -666px 0;}
#navArea #nav06 a { background-position: -833px 0;}

#navArea #nav01 a:hover { background-position: 0 -45px;}
#navArea #nav02 a:hover { background-position: -166px -45px;}
#navArea #nav03 a:hover { background-position: -332px -45px;}
#navArea #nav04 a:hover { background-position: -499px -45px;}
#navArea #nav05 a:hover { background-position: -666px -45px;}
#navArea #nav06 a:hover { background-position: -833px -45px;}

/* -------------------------
  btnSearch
------------------------- */

#btnSearch {
	width: 80px;
	height: 26px;
	border: 0px;
	cursor:pointer;
	background: url(/spc/images/common/btn_search.jpg) no-repeat 0 0;
}

#btnSearch {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#btnSearch:hover,
#btnSearch:focus { background-position: 0 -26px;}


#btnSearch02,
#btnSearch02 a {
	width: 111px;
	height: 26px;
	background: url(/spc/images/common/btn_moresearch.jpg) no-repeat 0 0;
}

#btnSearch02 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#btnSearch02 a { background-position: 0 0;}
#btnSearch02 a:hover { background-position: 0 -26px;}

#btnSearch03 {
	width: 54px;
	height: 25px;
	border: 0px;
	cursor:pointer;
	background: url(/spc/images/common/btn_lbox_01_inner_01.jpg) no-repeat 0 0;
}

#btnSearch03 {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#btnSearch03:hover,
#btnSearch03:focus { background-position: 0 -25px;}


/* -------------------------
  bannerArea
------------------------- */

#bannerArea ul {
	width: 200px;
	margin: 0;
}

#bannerArea ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#bannerArea ul li{
	margin: 0 0 10px 0;
}

#bannerArea ul li a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#bannerArea #ban01,
#bannerArea #ban01 a {
	width: 200px;
	height: 60px;
	background: url(/spc/images/common/ban_left_01.jpg) no-repeat 0 0;
}

#bannerArea #ban01 a { background-position: 0 0;}
#bannerArea #ban01 a:hover { background-position: -200px 0;}

#bannerArea #ban02,
#bannerArea #ban02 a {
	width: 200px;
	height: 60px;
	background: url(/spc/images/common/ban_left_02.jpg) no-repeat 0 0;
}

#bannerArea #ban02 a { background-position: 0 0;}
#bannerArea #ban02 a:hover { background-position: -200px 0;}

#bannerArea #ban03,
#bannerArea #ban03 a {
	width: 200px;
	height: 60px;
	background: url(/spc/images/common/ban_left_03.jpg) no-repeat 0 0;
}

#bannerArea #ban03 a { background-position: 0 0;}
#bannerArea #ban03 a:hover { background-position: -200px 0;}

#bannerArea #ban04,
#bannerArea #ban04 a {
	width: 200px;
	height: 60px;
	background: url(/spc/images/common/ban_left_04.jpg) no-repeat 0 0;
}

#bannerArea #ban04 a { background-position: 0 0;}
#bannerArea #ban04 a:hover { background-position: -200px 0;}


/* -------------------------
  boxArea
------------------------- */

#lbox01 #lbox01Check #lbox01Ph #monthly,
#lbox01 #lbox01Check #lbox01Ph #monthly a {
	width: 170px;
	height: 238px;
	background: url(/spc/images/common/ph_lbox_01_month.png) no-repeat 0 0;
}

#lbox01 #lbox01Check #lbox01Ph #monthly a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#lbox01 #lbox01Check #lbox01Ph #monthly a { background-position: 0 0;}
#lbox01 #lbox01Check #lbox01Ph #monthly a:hover { background-position: -170px 0;}


#lbox01 #lbox01Check #ribbon,
#lbox01 #lbox01Check #ribbon a {
	width: 218px;
	height: 53px;
	background: url(/spc/images/common/ban_lbox_01_a.png) no-repeat 0 0;
}

#lbox01 #lbox01Check #ribbon a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#lbox01 #lbox01Check #ribbon a { background-position: 0 0;}
#lbox01 #lbox01Check #ribbon a:hover { background-position: 0 -53px;}


#lbox01 .lbox01Ban #item,
#lbox01 .lbox01Ban #item a {
	width: 188px;
	height: 50px;
	background: url(/spc/images/common/ban_lbox_01_c.jpg) no-repeat 0 0;
}

#lbox01 .lbox01Ban #item a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#lbox01 .lbox01Ban #item a { background-position: 0 0;}
#lbox01 .lbox01Ban #item a:hover { background-position: 0 -50px;}


/* -------------------------
  #btnLbox03A
------------------------- */

#btnLbox03A,
#btnLbox03A a {
	width: 99px;
	height: 25px;
	float: right;
	background: url(/spc/images/common/btn_lbox_03_01.jpg) no-repeat 0 0;
}

#btnLbox03A a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#btnLbox03A a { background-position: 0 0;}
#btnLbox03A a:hover { background-position: 0 -25px;}


/* -------------------------
  #btnLbox03B
------------------------- */

#btnLbox03B,
#btnLbox03B a {
	width: 119px;
	height: 25px;
	float: right;
	background: url(/spc/images/common/btn_lbox_03_02.jpg) no-repeat 0 0;
}

#btnLbox03B a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#btnLbox03B a { background-position: 0 0;}
#btnLbox03B a:hover { background-position: 0 -25px;}



/* -------------------------
  #btnLbox03C
------------------------- */

#btnLbox03C,
#btnLbox03C a {
	width: 61px;
	height: 9px;
	float: right;
	background: url(/spc/images/common/btn_lbox_03_03.jpg) no-repeat 0 0;
}

#btnLbox03C a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#btnLbox03C a { background-position: 0 0;}
#btnLbox03C a:hover { background-position: 0 -9px;}


/* -------------------------
  topicArea 
------------------------- */

.topicAreaTit .btnRight .btnTopicMore,
.topicAreaTit .btnRight .btnTopicMore a{
	width: 70px;
	height: 11px;
	background: url(/spc/images/common/btn_h2_more.jpg) no-repeat 0 0;
}

.topicAreaTit .btnRight .btnTopicMore a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

.topicAreaTit .btnRight .btnTopicMore a { background-position: 0 0;}
.topicAreaTit .btnRight .btnTopicMore a:hover { background-position: 0 -11px;}


/* -------------------------
  rankingArea 
------------------------- */

.rankingAreaTit .btnRight .btnRankingMore,
.rankingAreaTit .btnRight .btnRankingMore a{
	width: 70px;
	height: 11px;
	background: url(/spc/images/common/btn_h2_more.jpg) no-repeat 0 0;
}

.rankingAreaTit .btnRight .btnRankingMore a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

.rankingAreaTit .btnRight .btnRankingMore a { background-position: 0 0;}
.rankingAreaTit .btnRight .btnRankingMore a:hover { background-position: 0 -11px;}

/* -------------------------
  PageTop
------------------------- */

#pageTop,
#pageTop a {
	width: 41px;
	height: 40px;
	float: right;
	background: url(/spc/images/common/btn_pagetop.jpg) no-repeat 0 0;
}

#pageTop a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#pageTop a { background-position: 0 0;}

#pageTop a:hover { background-position: 0 -40px;}


/* -------------------------
  footerArea
------------------------- */

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Right #ftBtn01,
#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Right #ftBtn01 a {
	height: 28px;
	background: url(/spc/images/common/btn_footerlink_box_01.jpg) no-repeat 0 0;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Right #ftBtn01 a {
	display: block;
	text-indent: -9999em;
	text-decoration: none;
	/*�_*/overflow: hidden;/**/
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Right #ftBtn01 a { background-position: 0 0;}
#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Right #ftBtn01 a:hover { background-position: 0 -28px;}