
body#special ul#typeNavi{
	height: 625px;
	background-image: url(/public/img/sp/cp/typeNavi.jpg);
	background-repeat: no-repeat;
	padding-top: 75px;
}

body#special ul.cp#typeNavi li a {
	background-image: url(/public/img/sp/cp/typeNavi.jpg);
}


body#special ul.cp#typeNavi li a#tn01 {
	background-position: 0px -76px;
}
body#special ul.cp#typeNavi li a#tn02 {
	background-position: 0px -165px;
}
body#special ul.cp#typeNavi li a#tn03 {
	background-position: 0px -254px;
}
body#special ul.cp#typeNavi li a#tn04 {
	background-position: 0px -343px;
}
body#special ul.cp#typeNavi li a#tn05 {
	background-position: 0px -432px;
}
body#special ul#typeNavi li a#tn06 {
	background-position: 0px -521px;
}
body#special ul#typeNavi li a#tn07 {
	background-position: 0px -610px;
}
body#special ul#typeNavi li a#tn01:hover {
	background-position: right -76px;
}
body#special ul#typeNavi li a#tn02:hover {
	background-position: right -165px;
}
body#special ul#typeNavi li a#tn03:hover {
	background-position: right -254px;
}
body#special ul#typeNavi li a#tn04:hover {
	background-position: right -343px;
}
body#special ul#typeNavi li a#tn05:hover {
	background-position: right -432px;
}
body#special ul#typeNavi li a#tn06:hover {
	background-position: right -521px;
}
body#special ul#typeNavi li a#tn07:hover {
	background-position: right -610px;
}



/* top */

body#special div#MAIN #CONTENTS #CONTLEFT{
	width:585px !important ;
	padding-left:14px !important ;
}


div.recomItem{
	background-image: url(/public/img/sp/cp/recomItemBg.jpg);
	height: 458px;
	width: 578px;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-top: 1px;
	background-repeat: no-repeat;
	background-position: left -1px;
	margin-bottom: 12px;
}
div.recomItem br{}
div.recomItem h2{
	margin-bottom: -1px;
}
div.recomItem div.left{
	width: 400px;
	overflow: hidden;
}
div.recomItem p.recomPhoto a{
	height: 307px;
	width: 400px;
	overflow: hidden;
}
div.recomItem p.recomPhoto a{
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-indent: 0px;
}
div.recomItem p.recomPhoto a:hover{
	text-align: left;
	text-indent: -400px;
}
div.recomItem div.recomSet{
	background-image: url(/public/img/sp/cp/recomSetBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 26px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
div.recomItem div.recomSet a{
	width: 199px;
	overflow: hidden;
	display: block;
	padding: 0px;
	text-align: left;
	text-indent: 0px;
	height: 122px;

}
div.recomItem div.recomSet a:hover{
	text-indent: -199px;
}
div.recomItem div.right{
	width: 176px;
}
div.recomItem h3{
	background-image:url(/public/img/sp/cp/recomItemH3.png);
	height:101px;
	margin-left:-40px;
	margin-top:6px;
	position:relative;
	text-indent:-9999px;
	width:213px;
}
div.recomItem p.recomVoice{
	margin-top: 4px;
	background-image: url(/public/img/sp/cp/recomVoiceBg.gif);/* PNG化しない=>アニメーションGIFのため */
	height: 60px;
	margin-left: 6px;
	padding-left: 54px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
div.recomItem p.recomVoice img{
	margin: 1px 1px 0px 0px;
	padding: 0px;
}
div.recomItem a.dispVoice{
	display: block;
	background-image: url(/public/img/sp/cp/dispVoiceBtn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 165px;
	text-indent: -9999px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 13px;
	margin-left: 6px;
}
div.recomItem a.dispVoice:hover{
	background-position: right top;
}
div.recomItem p.recomStatus{
	background-image: url(/public/img/sp/cp/recomStatusBg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 160px;
	margin-left: 1px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-bottom: 12px;
}
div.recomItem p.recomStatus img{}
div.recomItem p.recomComment{
	background-image: url(/public/img/sp/cp/recomCommentBg.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	width: 156px;
	padding-left: 10px;
	font-size: 13px;
	margin-left: 3px;
	margin-bottom: 18px;
	padding-right: 4px;
	line-height: 18px;
}
div.recomItem a.dispDetail{
	background-image: url(/public/img/sp/cp/dispDetailBtn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 73px;
	width: 165px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
}
div.Recom{
	border: 1px solid #D4D0C8;
	background-color: #FFFFFF;
	height: 203px;
	background-image: none;
	margin: 0px;
	width: 576px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	overflow: hidden;
}
div.recomItem a.dispDetail:hover{
	background-position: right top;
}
div#recomItemList h2{
	height:33px;
	padding-top: 12px;
	text-indent: -9999px;
	clear: both;
	background-repeat: no-repeat;
	background-position: left bottom;
}
div.Recom div.navi{
	float:right;
	margin-top: 4px;
	margin-right: 1px;
	margin-left:1px;
	font-size:12px;
	width:200px;

}
div.Recom p.goDetail a{
	background-image: url(/public/img/sp/goDetailbutton.jpg);
	background-position: left 0px;
	height:45px;
	margin-bottom:0px;
}
div.Recom p.goDetail a:hover{
	background-position: right 0px;
}
div.Recom div.navi a{
	display: block;
	width: 192px;
	margin-bottom:6px;
	text-indent: -9999px;
}
div.Recom p.itemPhoto a{
	display: block;
	float: left;
	height: 236px;
	width: 380px;
	background-position: left top;
	text-align: left;
	text-indent: -9999px;
}
div.Recom p.itemPhoto a:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
}

.matBanner {
	margin-top:9px;
}
.matBanner h2 {
	font-size: 0px;
	background-image: url(/public/img/sp/cp/mat_header.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	width: 580px;
}
.matBanner p.matDetail a {
	font-size: 0px;
	background-image: url(/public/img/sp/cp/matRecom01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 400px;
	width: 580px;
}
.matBanner p.matDetail a:hover {
	background-position: 0px bottom;
}


div#successPoint{
	background-image:url(/public/img/sp/cp/successPointBg.jpg);
	height:426px;
	position:relative
}
div#successPoint ul{
	position:absolute;
	top:80px;
}
div#successPoint li{
	width:279px;
	height:80px;
	margin-left:8px;
	margin-top:4px;
	float:left;
	_margin-left:4px;
}
div#successPoint li a{
	cursor:pointer;
}
div#bannerG{
/*
	background-image:url(/public/img/sp/cp/bannerGbg.jpg);
	width:580px;
	height:132px;
	position:relative;
*/
	margin-bottom:9px;
}
/*
div#bannerG a{
	display:block;
	position:absolute;
	left:377px;
	top:96px;
}
*/

/* End Of The Year Sales */

div.salesList{
	margin:19px auto;
	_margin:16px auto;
	padding-top:0px;
	padding-botomm:2px;
	background-image:url(/public/img/sp/cp/gridBg04.png);
	text-align:center;
	height:1125px;
	_height:1113px;
}
* + html body div.salesList{
	margin:16px auto;
}
div.salesList h2{
	height:60px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
div.salesList hr{
	background-image:url(/public/img/sp/cp/gridBg02.png);
	height:10px;
	background-repeat:repeat-x;
	background-position:left top;
	width:564px;
	margin:-6px auto 6px;
	clear:both;
}
div.salesList div.EOYrecom{
	width:562px;
	height:328px;
	border:1px solid #939ca2;
	margin:0px auto 0px auto;
	text-align:left;
	background-color:#fff;
	border-top-width:4px;
	border-bottom-width:4px;
	margin:18px auto 18px;
	
}
div.salesList div#recomItem01 h3{
	background-image:url(/public/img/sp/cp/eoy/recomItem01H3.jpg);
	width:562px;
	height:40px;
	text-indent:-9999px;
}
div.salesList div#recomItem02 h3{
	background-image:url(/public/img/sp/cp/eoy/recomItem02H3.jpg);
	width:562px;
	height:40px;
	text-indent:-9999px;
}
div.salesList div#recomItem03 h3{
	background-image:url(/public/img/sp/cp/eoy/recomItem03H3.jpg);
	width:562px;
	height:40px;
	text-indent:-9999px;
}
div.salesList div.EOYrecom div.left{
	width:307px;
}
div.salesList div.EOYrecom div.right{
	width:239px;
	margin-right:8px;
	margin-top:3px;
	_margin-right:4px;
}
div.salesList div.EOYrecom div.right p{
	margin:0px auto 6px;
	padding:0px;
}
div.EOYrecoms{
	text-align:center;
	margin:12px auto;
	padding-bottom:9px;
	background-image:url(/public/img/sp/cp/gridBg04.png);
	text-align:center;
}
div.EOYrecoms h3{
	margin:0px;
	padding:0px;
	padding-bottom:9px;
	height:49px;
	background-color:#FFFFFF;
	margin-bottom:9px;
}
div.EOYrecoms h3.img{
	margin:0px;
	padding:0px;
}
ul.EOYrecomList{
	width:560px;
	margin:0px auto;
	height:235px;
	border:1px solid #ccc;
	line-height:0;
}
ul.EOYrecomList li{
	float:left;
	width:187px;
	overflow:hidden;
}
ul.EOYrecomList li.list03 , ul.EOYrecomList li.list06 , ul.EOYrecomList li.list09{
	width:186px;
}
ul.EOYrecomList li a img{
	margin:0px;
	padding:0px;
}
div.salesList div.EOYrecom p.recomVoice{
	width:239px;
	height:63px;
	text-align:center;
	position:relative;
}
div.salesList div.EOYrecom p.recomVoice a{
	display:block;
	position;relative;
	text-decoration:none;
	height:63px;
}
div.salesList div.EOYrecom p.recomVoice img{
	text-decoration:none;
	border:0;
}
div.salesList div.EOYrecom p.recomVoice img.hoverRay{
	position:absolute;
	left:0px;
}
div.salesList div.EOYrecom p.recomVoice span{
	position:relative;
	text-decoration:none;
	margin-top:35px;
	display:block;
}
div.salesList div.EOYrecom p.recomVoice span img{
	text-decoration:none;
	margin:0px 1px;
}
ul.EOYrecomList li{
	background:#fff;
}