@charset "Shift-JIS";

html {
	background: #FFFFFF url(/spc/images/common/bg.jpg) top center repeat-x;
}

body {
}

#wrapper {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}

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

#wrapper-main {
	width: 1018px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 90px 0;
	z-index: 0;
}

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

/* -------------------------
  headerArea  
------------------------- */

#headerArea {
	width: 1000px;
	height: 110px;
}

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

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

#logoBlock {
	width: 174px;
	height: 62px;
	margin: 26px 0 0 0;
	float:left;
}

/* -------------------------
  banBlock
------------------------- */

#banBlock {
	width: 145px;
	height: 55px;
	margin: 28px 10px 0 14px;
	float:left;
}

/* Ie7 */
*+ html #banBlock {
	margin: 28px 30px 0 14px;
}

/* -------------------------
  fukidashiArea
------------------------- */

#fukidashiArea {
	margin:57px 4px 0 0;
	padding:0;
	float:right;
}

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

#fukidashiLeft {
	height:28px;
	max-width:18em;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:6px;
	text-align:right;
	background:url(/spc/images/common/bg_header_box_01.gif) no-repeat;
	float:left;
}

/* Ie7 */
*+ html #fukidashiLeft {
	/*width: 18em;*/
	/*margin: 0 0 0 180px;*/
	margin: 0px;
float:left;
}

#fukidashiRight {
	width:14px;
	height:40px;
	margin:0;
	padding:0;
	float:right;
}

/* Ie7 */
*+ html #fukidashiRight {
	float:none;
}

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

#utilityBlock {
	width: 400px;
	height: 74px;
	margin: 18px 0 0 0;
	float:right;
}

#utilityBlock #upperInner{
	width: 400px;
	height: 30px;
	margin: 0 0 14px 0;
}

#utilityBlock #downInner{
	width: 400px;
	height: 30px;
	margin: 0;
}

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

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

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

/* -------------------------
  searchArea 
------------------------- */


#searchArea dl dd{
	margin: 0 3px 0 0;
	float: left;
}

#searchArea dl dd select{
	width: 237px;
	padding: 5px 0 0 0;
}

#searchArea dl dd input{
	width: 245px;
}

#searchArea dl dd#btn01{
	width: 80px;
	height: 26px;
	margin: 12px 0 0 0;
}

#searchArea dl dd#btn02{
	width: 111px;
	height: 26px;
	margin: 12px 28px 0 0;
	float: right;
}


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

#boxArea {
	width: 218px;
	margin: 20px 0 0 0;
	float: left;
}

#lbox01 {
	width: 218px;
	margin: 0 0 18px 0;
	background: url(/spc/images/common/bg_lbox_01.gif) top center repeat-y;
}

#lbox01 .lbox01Corner{
	width: 200px;
	height: 6px;
	margin: 0 9px;
	padding: 0;
}

#lbox01 .lbox01MonthlyBan{
	width: 218px;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #fff;
}

#lbox01 .lbox01Ban{
	width: 188px;
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: center;
}

#lbox01 .lbox01Search #lbox01Inner{
	width: 188px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #fff2f7;
}

#lbox01 .lbox01Search #lbox01Inner .lbox01InCorner{
	margin: 0;
}

#lbox01 .lbox01Search #lbox01Inner #lbox01InPad{
	width: 170px;
	padding: 9px;
	text-align: left;
}

#lbox01 .lbox01Search #lbox01Inner #lbox01InPad select{
	width: 139px;
}

#lbox01 .lbox01Search #lbox01Inner #lbox01InPad dl {
	margin: 0 0 0 0
}

#lbox01 .lbox01Search #lbox01Inner #lbox01InPad dl:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#lbox01 .lbox01Search #lbox01Inner #lbox01InPad dl dt{
	width: 15px;
	padding: 2px 0 0 0;
	float: left;
}

#lbox01 .lbox01Search #lbox01Inner #lbox01InPad dl dd{
	width: 35px;
	float: left;
}

#lbox01 .lbox01Search #lbox01Inner #lbox01InPad dl dd#btnPage{
	width: 54px;
	height: 25px;
	float: right;
}

#lbox02 {
	width: 200px;
	margin: 0 9px;
}

#lbox02 #bannerArea{
	width: 200px;
	margin: 0 0 10px 0;
}

#lbox02 #bannerArea02{
	width: 200px;
	margin: 0;
}

.lbox03 {
	width: 200px;
	margin: 0 0 18px 0;
	background: url(/spc/images/common/bg_lbox_03.gif) top center repeat-y;
}

.lbox03 .lbox03Corner{
	width: 200px;
	height: 13px;
	margin: 0;
	padding: 0;
}

.lbox03 h3{
	margin: 0 0 10px 10px;
}

.lbox03 h3.padd{
	padding: 20px 0 0 0;
}

.lbox03btnArea {
	width: 190px;
	margin: 10px 10px 0 0;
}

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

.lbox03 .lbox03InnerNoMg {
	margin: 0 10px;
	padding: 0 0 0 0;
	background-color: #fff;
}

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

.lbox03 .lbox03Inner {
	margin: 0 10px;
	padding: 9px 0 6px 0;
	background-color: #fff;
}

.lbox03 .lbox03Inner .lbox03InCorner{
	width: 180px;
	height: 7px;
	margin: 0;
	padding: 0;
}


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

.lbox03 .lbox03Inner #twitter{
	min-height: 180px;
}

.lbox03 .lbox03Inner #facebook{
	min-height: 250px;
}

.lbox03 .lbox03Inner ul{
	margin: 0;
}

.lbox03 .lbox03Inner ul li {
	background: url(/spc/images/common/icn_arrow_01.gif) no-repeat 13px 11px;
	padding: 0 0 0 21px;
	margin: 0 0 5px 0;
	line-height: 240%;
}

.lbox03 .lbox03Inner ul li.checked{
	color:#FFFFFF;
	background: #ef0f61 url(/spc/images/common/icn_arrow_01w.gif) no-repeat 13px 11px;
}

.lbox03 .lbox03Inner ul li.checked a{
	color:#FFFFFF;
}

.lbox03 .lbox03Inner ul li.checked a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.lbox03 .lbox03Inner ul li.checked a span{
	float:right;
	padding: 0 5px 0 0;	
	font-size: 10px;
}
/* -------------------------
  更新ここから
------------------------- */

/* Ie7 */
*+ html .lbox03 .lbox03Inner ul li.checked a span{
	float:none;
	padding: 0 0 0 10px;
}

/* -------------------------
  更新ここまで
------------------------- */
.lbox03 .lbox03Inner ul li.checked a:hover span{
	text-decoration:underline;
}

.lbox03 .lbox03InnerMg {
	margin: 0 10px 20px 10px;
	padding: 9px 0 6px 0;
	background-color: #fff;
}

.lbox03 .lbox03InnerMg #person{
	margin: 0 15px 10px 15px;
	padding: 9px 0 6px 0;
	background-color: #fff;
}

.lbox03 .lbox03InnerMg #person #name{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.lbox03 .lbox03InnerMg #person #point{
	font-size: 12px;
	margin: 0;
}

.lbox03 .lbox03InnerMg #person #sum{
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	margin: 0 0 0 5px;
}

.lbox03 .lbox03InnerMg ul{
	margin: 0 10px;
}

.lbox03 .lbox03InnerMg ul li {
	background: url(/spc/images/common/icn_arrow_01.gif) no-repeat 8px 15px;
	padding: 5px 0 5px 16px;
	margin: 0;
	line-height: 240%;
	border-top: 1px dotted #999;
}
.lbox03 .lbox03InnerMg02 {
	margin: 0 10px 60px 10px;
	padding: 9px 0 6px 0;
	background-color: #fff;
}

.lbox03 .lbox03InnerMg02 ul{
	margin: 0 10px;
}

.lbox03 .lbox03InnerMg02 ul li {
	background: url(/spc/images/common/icn_arrow_01.gif) no-repeat 8px 11px;
	padding: 0 0 0 16px;
	margin: 0;
	line-height: 240%;
	border-top: none;
}
.lbox03 .lbox03InnerMg04 ul{
	margin: 0 10px;
}
.lbox03 .lbox03InnerMg04 {
	margin: 0 10px 20px 10px;
	padding: 9px 0 6px 0;
	background-color: #fff;
}
.lbox03 .lbox03InnerMg04 ul li {
	background: url(/spc/images/common/icn_arrow_01.gif) no-repeat 8px 11px;
	margin: 0;
	line-height: 240%;
	padding: 0 0 0 16px;
}

.lbox03 .lbox03Inner .lbox03InLeft {
	width: 75px;
	margin: 0 5px 0 10px;
	padding: 5px 0;
	float: left;
}

.lbox03 .lbox03Inner .lbox03InRight {
	width: 75px;
	margin: 0 10px 0 0;
	padding: 5px 0;
	float: right;
}


.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA{
	margin: 0;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li,
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li {
	padding: 0 5px 0 7px;
	margin: 0 0 5px 0;
	line-height: 180%;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li.checked,
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li.checked{
	color:#FFFFFF;
	height: 42px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li.checked a,
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li.checked a {
	color:#FFFFFF;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li.checked a:hover,
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li.checked a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li.checked a span,
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li.checked a span {
	float:right;
	padding: 0;	
	font-size: 10px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li.checked a:hover span,
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li.checked a:hover span {
	text-decoration:underline;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col01 {
	background: url(/spc/images/common/icn_color_01.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col01.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_01.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col02 {
	background: url(/spc/images/common/icn_color_02.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col02.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_02.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col03 {
	background: url(/spc/images/common/icn_color_03.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col03.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_03.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col04 {
	background: url(/spc/images/common/icn_color_04.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col04.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_04.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col05 {
	background: url(/spc/images/common/icn_color_05.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col05.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_05.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col06 {
	background: url(/spc/images/common/icn_color_06.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col06.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_06.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col07 {
	background: url(/spc/images/common/icn_color_07.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col07.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_07.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col08 {
	background: url(/spc/images/common/icn_color_08.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InLeft ul#colorListA li#col08.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_08.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col09 {
	background: url(/spc/images/common/icn_color_09.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col09.checked  {
	background: #ef0f61 url(/spc/images/common/icn_color_09.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col10 {
	background: url(/spc/images/common/icn_color_10.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col10.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_10.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col11 {
	background: url(/spc/images/common/icn_color_11.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col11.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_11.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col12 {
	background: url(/spc/images/common/icn_color_12.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col12.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_12.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col13 {
	background: url(/spc/images/common/icn_color_13.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col13.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_13.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col14 {
	background: url(/spc/images/common/icn_color_14.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col14.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_14.gif) no-repeat 57px 4px;
}

.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col15 {
	background: url(/spc/images/common/icn_color_15.gif) no-repeat 57px 4px;
}
.lbox03 .lbox03Inner .lbox03InRight ul#colorListB li#col15.checked {
	background: #ef0f61 url(/spc/images/common/icn_color_15.gif) no-repeat 57px 4px;
}


.lbox03 .lbox03Inner .lbox03In {
	width:180px;
	margin: 0;
	padding: 5px 0;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li {
	padding: 0 10px 0 5px;
	margin: 0 0 5px 11px;
	line-height: 180%;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat01 {
	background: url(/spc/images/common/icn_pattern_01.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat01.checked {
	background: #ef0f61 url(/spc/images/common/icn_pattern_01.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat02 {
	background: url(/spc/images/common/icn_pattern_02.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat02.checked {
	background: #ef0f61 url(/spc/images/common/icn_pattern_02.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat03 {
	background: url(/spc/images/common/icn_pattern_03.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat03.checked {
	background: #ef0f61 url(/spc/images/common/icn_pattern_03.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat04 {
	background: url(/spc/images/common/icn_pattern_04.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat04.checked {
	background: #ef0f61 url(/spc/images/common/icn_pattern_04.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat05 {
	background: url(/spc/images/common/icn_pattern_05.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat05.checked {
	background: #ef0f61 url(/spc/images/common/icn_pattern_05.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat06 {
	background: url(/spc/images/common/icn_pattern_06.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li#pat06.checked {
	background: #ef0f61 url(/spc/images/common/icn_pattern_06.jpg) no-repeat 70px 3px;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li.checked {
	color:#FFFFFF;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li.checked a {
	color:#FFFFFF;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li.checked a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.lbox03 .lbox03Inner .lbox03In ul#patternListA li.checked a span {
	float:right;
	padding: 0;	
	font-size: 10px;
}

/* Ie7 */
*+ html .lbox03 .lbox03Inner .lbox03In ul#patternListA li.checked a span{
	float:none;
	padding: 0 0 0 55px;
}


.lbox03 .lbox03Inner dl{
	margin: 0;
}

.lbox03 .lbox03InnerNoMg dl{
	margin: 0;
	padding: 5px 0;
}

.lbox03 .lbox03InnerNoMg dl.accordion dt.accordion_head {
	cursor:pointer;
	background: url(/spc/images/common/icn_arrow_01.gif) no-repeat 13px 17px;
	padding: 6px 0 5px 21px;
	margin: 0 5px;
	line-height: 240%;
	border-bottom: 1px solid #f8f4f6;
}

#lastAccordion {
	border-bottom: none;
}

.lbox03 .lbox03InnerNoMg dl.accordion dt:hover,
.lbox03 .lbox03InnerNoMg dl.accordion dt:focus{
	background: url(/spc/images/common/icn_arrow_02.gif) no-repeat 12px 19px;
	color:#ef0f61;
	background-color: #f8f4f6;
}

.lbox03 .lbox03InnerNoMg dl.accordion dt.selected {
	background: url(/spc/images/common/icn_arrow_02.gif) no-repeat 12px 19px;
	color:#ef0f61;
	background-color: #f8f4f6;
}

.lbox03 .lbox03InnerNoMg dl.accordion dd{
	padding: 0 0 10px 0;
	margin: 0 5px;
	background-color: #f8f4f6;
}

.lbox03 .lbox03InnerNoMg dl.accordion dd ul li{
	margin: 0 0 0 0;
	padding: 6px 0 5px 21px;
	line-height: 140%;
}

.lbox03 .lbox03InnerNoMg dl.accordion dd ul li.checked{
	background-color: #ef0f61;
	color:#FFFFFF;
}

.lbox03 .lbox03InnerNoMg dl.accordion dd ul li.checked a{
	color:#FFFFFF;
}

.lbox03 .lbox03InnerNoMg dl.accordion dd ul li.checked a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.lbox03 .lbox03InnerNoMg dl.accordion dd ul li.checked a span{
	float:right;
	padding: 0 5px 0 0;	
	font-size: 10px;
}

.lbox03 .lbox03InnerNoMg dl.accordion dd ul li.checked a:hover span{
	text-decoration:underline;
}


/* -------------------------
  contentsArea 
------------------------- */

#contentsArea {
	width: 770px;
	margin: 20px 9px 0 0;
	float: right;
}

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

.topicArea {
	width: 770px;
	margin: 0 0 30px 0;
}

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

.topicAreaTit{
	width: 770px;
	border-bottom: 2px solid #f00c60;
	margin: 0 0 18px 0;
	padding: 0;
}

.topicAreaTit h2{
	width: 600px;
	height: 17px;
	margin: 0 0 10px 0;
	float:left;
}

.topicAreaTit .btnRight{
	width: 70px;
	height: 11px;
	margin: 6px 10px 10px 0;
	float:right;
}

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

.topicArea ul li {
	width: 139px;
	margin: 0 18px 15px 0px;
	float: left;
}

.topicArea ul li.firstChild {
	width: 139px;
	margin: 0 19px 15px 0;
	float: left;
}

.topicArea ul li.lastChild {
	width: 139px;
	margin: 0 0 15px 0;
	float: right;
}

.topicArea ul li .listInner{
	width: 139px;
	line-height: 140%;
}

.topicArea ul li .listInner .icon{
	width: 139px;
	height: 15px;
	margin: 1px 0;
}

.topicArea ul li .listInner .icon:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.topicArea ul li .listInner .icon img{
	float: left;
	margin: 0 1px 0 0;
}

.topicArea ul li .listInner .thumb{
	width: 138px;
	margin: 0 0 10px 0;
	text-align: center;
	vertical-align:middle;
}

.topicArea ul li .listInner .brand{
	width: 139px;
	margin: 0 0 3px 0;
	font-weight:bold; 
	color:#ef0f61;
}

.topicArea ul li .listInner .brand a,
.topicArea ul li .listInner .brand01a a,
.topicArea ul li .listInner .brand02a a,
.topicArea ul li .listInner .brand03a a,
.topicArea ul li .listInner .brand04a a,
.topicArea ul li .listInner .brand05a a,
.rankingArea ul li .listInner .brand01b a,
.rankingArea ul li .listInner .brand02b a,
.rankingArea ul li .listInner .brand03b a,
.rankingArea ul li .listInner .brand04b a,
.rankingArea ul li .listInner .brand05b a {
	font-weight:bold; 
	color:#ef0f61;
}

.topicArea ul li .listInner .brand01a{
	width: 109px;
	margin: 0 0 3px 0;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_01a.jpg) no-repeat -1px 1px;
	padding: 0 0 0 30px;
}

.topicArea ul li .listInner .brand02a{
	width: 109px;
	margin: 0 0 3px 0;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_02a.jpg) no-repeat -1px 1px;
	padding: 0 0 0 30px;
}

.topicArea ul li .listInner .brand03a{
	width: 109px;
	margin: 0 0 3px 0;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_03a.jpg) no-repeat -1px 1px;
	padding: 0 0 0 30px;
}

.topicArea ul li .listInner .brand04a{
	width: 109px;
	margin: 0 0 3px 0;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_04a.jpg) no-repeat -1px 1px;
	padding: 0 0 0 30px;
}

.topicArea ul li .listInner .brand05a{
	width: 109px;
	margin: 0 0 3px 0;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_05a.jpg) no-repeat -1px 1px;
	padding: 0 0 0 30px;
}

.topicArea ul li .listInner .name{
	width: 139px;
	margin: 0 0 3px 0;
}


.topicArea ul li .listInner .price{
	width: 139px;
	margin: 0 0 7px 0;
}

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

.rankingArea {
	width: 770px;
	margin: 0 0 50px 0;
	font-size: 10px;
}

.rankingAreaTit{
	width: 770px;
	margin: 0 0 5px 0;
	padding: 0;
}

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

.rankingAreaTit h2{
	width: 600px;
	height: 15px;
	margin: 0 0 5px 0;
	float:left;
}

.rankingAreaTit .btnRight{
	width: 70px;
	height: 11px;
	margin: 6px 10px 5px 0;
	float:right;
}

.rankingArea ul{
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;

}

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

.rankingArea ul li {
	width: 152px;
	margin: 0;
	float: left;
	border-left: 1px solid #ddd;
}

.rankingArea ul li.firstChild {
	width: 152px;
	margin: 0;
	float: left;
	border-left: none;
}

.rankingArea ul li.lastChild {
	width: 152px;
	margin: 0;
	border-left: 1px solid #ddd;
	float: right;
}

.rankingArea ul li .listInner{
	width: 152px;
	line-height: 140%;
	margin: 0 0 10px 0;
}

.rankingArea ul li .listInner .icon02{
	width: 152px;
	height: 15px;
	margin: 1px 0 10px 1px;
}

.rankingArea ul li .listInner .icon02:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.rankingArea ul li .listInner .icon02 img{
	float: left;
	margin: 0 1px 0 0;
}

.rankingArea ul li .listInner .thumb02{
	width: 96px;
	margin: 0 24px 10px 28px;
	text-align: center;
	vertical-align:middle;
}

.rankingArea ul li .listInner .brand02{
	width: 108px;
	margin: 0 18px 3px 22px;
	font-weight:bold; 
	color:#ef0f61;
}

.rankingArea ul li .listInner .brand01b{
	width: 83px;
	margin: 0 18px 3px 20px;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_01b.jpg) no-repeat -1px 1px;
	padding: 0 0 0 27px;
}

.rankingArea ul li .listInner .brand02b{
	width: 83px;
	margin: 0 18px 3px 20px;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_02b.jpg) no-repeat -1px 1px;
	padding: 0 0 0 27px;
}

.rankingArea ul li .listInner .brand03b{
	width: 83px;
	margin: 0 18px 3px 20px;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_03b.jpg) no-repeat -1px 1px;
	padding: 0 0 0 27px;
}

.rankingArea ul li .listInner .brand04b{
	width: 83px;
	margin: 0 18px 3px 20px;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_04b.jpg) no-repeat -1px 1px;
	padding: 0 0 0 27px;
}

.rankingArea ul li .listInner .brand05b{
	width: 83px;
	margin: 0 18px 3px 20px;
	font-weight:bold; 
	color:#ef0f61;
	background: url(/spc/images/common/icn_rank_05b.jpg) no-repeat -1px 1px;
	padding: 0 0 0 27px;
}

.rankingArea ul li .listInner .name02{
	width: 108px;
	margin: 0 18px 3px 22px;
}


.rankingArea ul li .listInner .price02{
	width: 108px;
	margin: 0 18px 7px 22px;
}

/* -------------------------
  recentArea 
------------------------- */

.recentAreaTit h2{
	width: 770px;
	height: 17px;
	margin: 0 0 10px 0;
}

.recentAreaTit{
	width: 770px;
	border-bottom: 2px solid #000;
	margin: 0 0 18px 0;
	padding: 0;
}

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

.recentArea ul li {
	width: 146px;
	height: 62px;
	margin: 0 0 10px 10px;
	float: left;
}

.recentArea ul li.firstChild {
	width: 146px;
	margin: 0 0 10px 0;
	float: left;
}

.recentArea ul li.lastChild {
	width: 146px;
	margin: 0 0 10px 0;
	float: right;
}


/* -------------------------
  listArea 
------------------------- */

.listArea {
	width: 770px;
	margin: 0 0 20px 0;
}

.listArea #sortArea{
	width: 768px;
	height: 70px;
	margin: 0 2px 0 0;
	padding: 20px 0 0 0;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
}

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

.listArea #sortArea .sortBlock{
	width: 740px;
	margin: 0 20px 5px 20px;
}

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

.listArea #sortArea .sortFloat{
	margin: 0 40px 0 0;
	font-weight: bold;
	float: left;
}

.listArea #sortArea .sortFloat a{
	font-weight: normal;
	text-decoration: underline;
}


.listArea ul{
	border-left: 1px solid #ddd;
}

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

.listArea ul li {
	width: 153px;
	margin: 0;
	float: left;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	
}

*:first-child+html .listArea ul li {
	width: 153px;
	margin: 0;
	float: left;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	
}


.listArea ul li.firstChild {
	width: 153px;
	margin: 0;
	float: left;
	border-right: 1px solid #ddd;
	margin:0px 0px 0px -1px;
}

*:first-child+html .listArea ul li.firstChild {
	width: 152px;
	margin: 0;
	float: left;
	border-right: 1px solid #ddd;
	margin:0px 0px 0px -1px;
}

.listArea ul li.lastChild {
	width: 153px;
	width: 151px\9;
	margin: 0;
	border-right: 1px solid #ddd;
	float:right;
}

*:first-child+html .listArea ul li.lastChild {
	width: 151px;
	margin: 0;
	float:right;
}

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





.listArea2 ul li {
    float: left;
    margin: 0;
    width: 153px;
}

*:first-child2+html .listArea2 ul li {
	width: 153px;
	margin: 0;
	float: left;	
}


.listArea2 ul li.firstChild2 {
	width: 153px;
	margin: 0;
	float: left;
	margin:0px 0px 0px -1px;
}

*:first-child2+html .listArea2 ul li.firstChild2 {
	width: 152px;
	margin: 0;
	float: left;
	margin:0px 0px 0px -1px;
}

.listArea2 ul li.lastChild2 {
	width: 153px;
	width: 151px\9;
	margin: 0;
	float:right;
}

*:first-child2+html .listArea2 ul li.lastChild2 {
	width: 151px;
	margin: 0;
	float:right;
}

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

























.listArea ul li .listInner{
	width: 152px;
	line-height: 140%;
	margin: 0 0 10px 1px;
}

.listArea ul li .listInner .icon{
	width: 152px;
	height: 15px;
	margin: 1px 0 10px 1px;
}

.listArea ul li .listInner .icon:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.listArea ul li .listInner .icon img{
	float: left;
	margin: 0 1px 0 0;
}

.listArea ul li .listInner .thumb{
	width: 123px;
	height: 164px;
	margin: 0 11px 10px 14px;
	text-align: center;
	vertical-align:middle;
}

.listArea ul li .listInner .thumb {
	position:relative;
  	z-index:1;
}

.listArea ul li .listInner .thumb a.soldOut{
	display:block;
  	width: 123px;
	height: 164px;
	background:url(/spc/images/common/cover_sold.png) 0 0 no-repeat;
}
.listArea ul li .listInner .thumb a.soldOut img{
	display:block;
  	position:absolute;
  	z-index:-1;
	top:0;
  	left:0;
}

.listArea ul li .listInner .brand{
	width: 123px;
	margin: 0 11px 3px 14px;
	font-weight:bold; 
	color:#ef0f61;
}
.listArea ul li .listInner .brand a{
	color:#ef0f61;
}

.listArea ul li .listInner .name{
	width: 123px;
	margin: 0 11px 3px 14px;
}


.listArea ul li .listInner .price{
	width: 123px;
	margin: 0 11px 5px 14px;
}

.listArea ul li .listInner .special{
	width: 123px;
	margin: 0 11px 5px 14px;
	color: #ff0000;
}

.listArea ul li .mail{
	width: 139px;
	margin: 0 3px 15px 6px;
}


.listArea ul li .listInner .icon03{
	width: 152px;
	height: 15px;
	margin: 1px 0 10px 1px;
}

.listArea ul li .listInner .icon03:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.listArea ul li .listInner .icon03 img{
	float: left;
	margin: 0 1px 0 0;
}

.listArea ul li .listInner .thumb03{
	width: 123px;
	height: 164px;
	margin: 0 11px 10px 14px;
	text-align: center;
	vertical-align:middle;
}

.listArea ul li .listInner .thumb03.soldOut {
	position:relative;
  	z-index:1;
}

.listArea ul li .listInner .thumb03.soldOut a{
	display:block;
  	width: 123px;
	height: 164px;
	background:url(/spc/images/common/cover_sold.png) 0 0 no-repeat;
}

.listArea ul li .listInner .thumb03.soldOut a img{
	display:block;
  	position:absolute;
  	z-index:-1;
	top:0;
  	left:0;
}


.listArea ul li .listInner .brand03{
	width: 123px;
	margin: 0 11px 3px 14px;
	font-weight:bold; 
	color:#ef0f61;
}

.listArea ul li .listInner .brand03 a{
	color:#ef0f61;
}

.listArea ul li .listInner .name03{
	width: 123px;
	margin: 0 11px 3px 14px;
}


.listArea ul li .listInner .price03{
	width: 123px;
	margin: 0 11px 5px 14px;
}

.listArea ul li .listInner .special03{
	width: 123px;
	margin: 0 11px 5px 14px;
	color: #ff0000;
}

.listArea ul li .mail03{
	width: 139px;
	margin: 0 3px 15px 6px;
}


/* -------------------------
  pageNumberBox 
------------------------- */

.pageNumberBox{
	width: 770px;
	margin: 0 0 15px 0;
}

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

.pageNumberBox .listBoxLeft{
	width: 500px;
	font-size: 14px;
	float: left;
}

.pageNumberBox .listBoxRight{
	/*width: 265px;*/
	float: right;
}

.pageNumberBox .listBoxRight dl:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.pageNumberBox .listBoxRight dl dt{
	width: 48px;
	height: 23px;
	margin: 0 8px 0 0;
	padding: 1px 0 0 3px;
	border: 1px solid #e0e0e0;
	float: left;
}

.pageNumberBox .listBoxRight dl dt.next{
	margin: 0 0 0 0;
	float: right;
}

.pageNumberBox .listBoxRight dl dt.hprev{
	width: 50px;
	height: 25px;
	margin: 0 8px 0 0;
	padding: 1px 0 0 3px;
	float: left;
	border: none;
}

.pageNumberBox .listBoxRight dl dt.hnext{
	width: 50px;
	height: 25px;
	padding: 1px 0 0 3px;
	margin: 0 0 0 0;
	float: right;
	border: none;
}

.pageNumberBox .listBoxRight dl dd{
	width: 14px;
	height: 23px;
	margin: 0 8px 0 0;
	padding: 1px 0 0 6px;
	border: 1px solid #e0e0e0;
	float: left;
}

.pageNumberBox .listBoxRight dl dd.selected{
	background-color: #ef0f61;
	color:#FFFFFF;
}

/* -------------------------
  Footer  
------------------------- */

#footerArea {
	background: #fff2f7 url(/spc/images/common/bg_footer.gif) top center repeat-x;
}

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

#footerBtnArea {
	width: 1000px;
	height: 40px;
	margin: 0 auto 20px auto;
}

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

#footerArea #footerLinkArea {
	width: 1000px;
	position: relative;
	margin: 0 auto 45px auto;
	padding: 0;
}

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

#footerArea #footerLinkArea a {
}

#footerArea #footerLinkArea a:hover {
	text-decoration: underline;
	color:#ef0f61;
}


#footerArea #footerLinkArea dl {
	width: 235px;
	padding: 0;
	float: left;
}

#footerArea #footerLinkArea dl dt{
	height: 15px;
	margin: 5px 0 12px 0;
}

#footerArea #footerLinkArea dl dd{
	line-height: 240%;
	background: url(/spc/images/common/icn_arrow_01.gif) no-repeat 3px 11px;
	padding: 0 0 0 13px;
}

#footerArea #footerLinkArea dl#ftBox {
	width: 291px;
	margin: 0;
	padding: 0;
	float: right;
}

#footerArea #footerLinkArea dl#ftBox dd {
	width: 291px;
	height: 80px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(/spc/images/common/bg_footerlink_box.gif) no-repeat 0 0;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 {
	width: 260px;
	margin: 0;
	padding: 15px 10px 7px 20px;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Tit {
	width: 206px;
	margin: 0 0 9px 0;
	padding: 0;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Left {
	width: 150px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 170%;
	float: left;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner01 #ftBoxInner01Right {
	width: 107px;
	margin: 0;
	padding: 3px 0 0 0;
	float: right;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner02 {
	width: 260px;
	margin: 0;
	padding: 9px 10px 7px 20px;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner02 #ftBoxInner02Left {
	width: 197px;
	margin: 0;
	padding: 6px 0 0 0;
	font-size: 10px;
	line-height: 170%;
	float: left;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner02 #ftBoxInner02Left #ftBoxInner02Tit {
	width: 104px;
	margin: 0 0 7px 0;
	padding: 0;
}

#footerArea #footerLinkArea dl#ftBox dd #ftBoxInner02 #ftBoxInner02Right {
	width: 63px;
	margin: 0;
	padding: 0;
	float: right;
}

#footerArea #footerLinkArea dl#ftBox dd:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#footerBottomArea {
	background: #EF0D61;
	color: #fff;
	overflow: hidden;
}

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

#footerBottomArea #footerBottomInner {
	width:1000px;
	height: 125px;
	margin: 0 auto;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft {
	width: 700px;
	float: left;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner{
	width: 700px;
	margin: 0 0 15px 0;
	padding: 27px 0 0 0;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul{
	margin: 0;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul li{
	margin: 0 11px 0 12px;
	float: left;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul li#firstChild{
	margin: 0 11px 0 0;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul li a {
	color:#fff;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul li a:hover {
	text-decoration: underline;
	color:#fff;
}

#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul li.ftbl{
	width: 1px;
	height: 13px;
	margin: 5px 0 0 0;
	float: left;
}

/* Ie7 */
*+ html #footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul li.ftbl {
	width: 1px;
	height: 13px;
	margin: 0 0 0 0;
	float: left;
}

/* Ie8 */
#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbUpperInner ul li.ftbl{
	margin: 4px 0 0 0￥9;
}



#footerBottomArea #footerBottomInner #ftbInnerLeft #ftbDownInner{
	width: 700px;
	font-size:10px;
	line-height: 180%;
}

#footerBottomArea #footerBottomInner #ftbInnerRight {
	width: 140px;
	padding: 40px 0 0 0;
	float: right;
}


/* -------------------------
  Utility
------------------------- */

.sale {
	color: #ff0000;
}

a .sale {
	color: #ff0000;
}



/* -------------------------
追加分
---------------------------*/
/*ランキング画像を表示させるため、最低の高さ指定*/

.topicArea ul li .listInner .brand01a,
.topicArea ul li .listInner .brand02a,
.topicArea ul li .listInner .brand03a,
.topicArea ul li .listInner .brand04a,
.topicArea ul li .listInner .brand05a {
	min-height: 32px;
}

.rankingArea ul li .listInner .brand01b,
.rankingArea ul li .listInner .brand02b,
.rankingArea ul li .listInner .brand03b,
.rankingArea ul li .listInner .brand04b,
.rankingArea ul li .listInner .brand05b {
	min-height: 30px;
}


/*カテゴリ一覧用*/
/* .bg-title-category {
	width: 200px;
	float: left;
	background: #EF0F61;
	margin: 0px 20px 20px 0px;
	padding: 3px 5px;
	border-radius: 5px 5px 5px 5px;
}

.bg-title-category a {
	color: #FFFFFF;
}

.margin-top-center-magazine {
	padding: 0px 0px 0px 20px;
} */