@charset "Shift-JIS";

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

#searchArea {
	width: 1000px;
	height: 50px;
	margin: 0 auto 35px;
}

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

/* -------------------------
  sliderArea 
------------------------- */

#sliderArea {
	width: 770px;
	height: 486px;
	margin: 0 0 10px 0;
	background: url(/spc/images/common/bg_slider.gif) top center no-repeat;
}

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

/* -------------------------
  moreBtnArea 
------------------------- */

#moreBtnArea {
	width: 770px;
	height: 27px;
	margin: 0 0 5px 0;
}

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

/* -------------------------
  specialArea 
------------------------- */

/* 小バナー2段のとき*/
#specialArea {
	width: 770px;
	height: 140px;
	margin: 0 0 25px 0;
}
/* 小バナー4段のとき*/
#specialArea4 {
	width: 770px;
	height: 220px;
	margin: 0 0 25px 0;
}


#specialArea #spBox01,#specialArea4 #spBox01{
	width: 370px;
	height: 90px;
	margin: 0 0 20px 0;
	float: left;
}

#specialArea #spBox02,#specialArea4 #spBox02{
	width: 370px;
	height: 90px;
	margin: 0 0 20px 0;
	float: right;
}

#specialArea #spBox03,#specialArea4 #spBox03{
	width: 370px;
	height: 90px;
	margin: 0;
	float: left;
}

#specialArea #spBox04,#specialArea4 #spBox04{
	width: 370px;
	height: 90px;
	margin: 0;
	float: right;
}

#specialArea img,#specialArea4 img{
	width: 130px;
	margin: 0 15px 0 0;
	float:left;
	border: 1px solid #E2E2E2;
}

#specialArea h4,#specialArea4 h4{
	font-weight:bold; 
	color:#ef0f61;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 12px;
}

#specialArea h4 a,#specialArea4 h4 a{
	font-weight:bold; 
	color:#ef0f61;
}

/* -------------------------
  newsArea 
------------------------- */

#newsArea {
	width: 770px;
	margin: 0 0 45px 0;
	background: url(/spc/images/common/bg_news.gif) top center repeat-y;
}

#newsArea .newsCorner{
	width: 730px;
	height: 10px;
}

#newsArea h2{
	height: 14px;
	padding: 10px 20px 0 20px;
	margin: 0 0 15px 0;
}

#newsArea dl{
	width: 730px;
	padding: 0 20px 0 20px;
	margin: 0 0 7px 0;
}

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

#newsArea dl dt{
	width: 85px;
	margin: 0; 
	color:#ef0f61;
	font-weight: bold;
	float:left;
}

#newsArea dl a.arrowLink{
	padding: 0 0 0 15px;
	color:#ef0f61;
	font-weight: bold;
	background: url(/spc/images/common/icn_arrow_03.jpg) no-repeat 0 2px;
}

#newsArea dl a.arrowLink:hover{
	padding: 0 0 0 15px;
	color:#ef0f61;
	font-weight: bold;
	text-decoration: none;
	background: url(/spc/images/common/icn_arrow_03_on.jpg) no-repeat 0 2px;
}

#newsArea dl a.arrowLink.areaLinkHover{
	padding: 0 0 0 15px;
	color:#ef0f61;
	font-weight: bold;
	text-decoration: none;
	background: url(/spc/images/common/icn_arrow_03_on.jpg) no-repeat 0 2px;
}


#newsArea dl dd{
	width: 630px;
	margin: 0;
	float:right;
}

#newsArea dl dd a:hover{
	text-decoration: underline;
}


/* -------------------------
  Brandtop static用
------------------------- */

#visualBannermini {
	margin-bottom: 15px;
}

#visualBannermini ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#visualBannermini ul {
	float: left;
	margin: 0 -10px 0 0;
}