@charset "shift_jis";
@import "base.css";
@import "layout.css";



/* -----------------------------
	top page
----------------------------- */

#wrap {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 800px;

}
#key {
	margin-bottom:2px;
}
.pagetop {
	display:none;
}
#rightBox{
	float:left;
	width:170px;

	background-color:#faf5ed;
	text-align:left;
}
#rightBox h2{
}
#ranking_body {
	padding-top:5px;
	border-right:1px #b2b2b2 solid;
	border-bottom:1px #b2b2b2 solid;
	border-left:1px #b2b2b2 solid;
}
#rightBox .ranking{
	background:url(../img/ranking_bottom.gif) center bottom no-repeat;
	margin-bottom:5px;
	padding-bottom:5px;
}
#rightBox span{
	background:url(../img/ranking_bg.gif) center center no-repeat;
	display:block;
	padding:2px;
	margin-bottom:5px;
	text-align:center;
}
#rightBox span img {
	display:block;
	text-align:center;
	margin: 0px auto;
}
#rightBox div h3{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#rightBox div h4{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;

}
* html #rightBox div h3{
	float:left;
	padding-left:5px;
	padding-right:3px;
}
* html #rightBox div h4{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:2px;

}

#rightBox div p{
	font-size:11px;
	padding-right:5px;
}
#rightBox div.end{
	background:none;
	padding-bottom:0px;
}
#rightBox2{
	float:left;
	width:170px;
	margin-top:12px;
	background-color:#ffffff;
	text-align:left;
}
#rightBox2 div h3{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#rightBox3{
	float:left;
	width:170px;
	margin-top:8px;
	background-color:#ffffff;
	text-align:left;
}
#rightBox3 div h3{
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#centermenu2{
	margin-top:5px;
	margin-bottom:10px;
}
#centermenu h3{
	height:0;
	overflow:hidden;
}
.item2{
	width:200px;
	height:159px;
	float:left;
	margin-top:17px;
}
#centermenu p{
	font-size:10px;
	padding:15px;
	padding-bottom:0;
	padding-top:85px;
	line-height:150%;
	text-align: left;
}
#centermenu a{
	font-size:10px;
	margin-left:110px;
	display:block;
}
#centermenu05{
	background:url(../img/centermenu05_bg.jpg) 0 0 no-repeat;
}
#centermenu06{
	background:url(../img/centermenu06_bg.jpg) 0 0 no-repeat;

}
#centermenu05 a{
	color:#f2984c;
	background:url(../img/icon_e.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}
#centermenu06 a{
	color:#abc613;
	background:url(../img/icon_c.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}

#news{
	border:1px solid #b2b2b2;
	width:434px;
	margin-top:15px;
	margin-bottom:20px;
}

#news ul{
	padding:10px 15px 7px 15px;
	text-align: left;
	line-height:1.3;
}
#news span{
	padding-right:6px;
	text-align: left;
}
#news li{
	margin-bottom:8px;
	padding: 0px;
}



#centermenu{
	margin-top:3px;
	margin-bottom:10px;
}
#centermenu h3{
	height:0;
	overflow:hidden;

}
.item{
	width:220px;
	height:144px;
	float:left;
	margin-top:10px;
}
.item2{
	width:200px;
	height:159px;
	float:left;
	margin-top:10px;
}

#centermenu p{
	font-size:10px;
	padding:15px;
	padding-bottom:0;
	padding-top:85px;
	line-height:150%;
	text-align: left;

}
#centermenu a{
	font-size:10px;
	margin-left:110px;
	display:block;
	margin-top:-10px;
}


#centermenu01{
	background:url(../img/centermenu01_bg.jpg) 0 0 no-repeat;
}
#centermenu02{
	background:url(../img/centermenu02_bg.jpg) 0 0 no-repeat;
}
#centermenu03{
	background:url(../img/centermenu03_bg.jpg) 0 0 no-repeat;
}
#centermenu04{
	background:url(../img/centermenu04_bg.jpg) 0 0 no-repeat;
}
#centermenu05{
	background:url(../img/centermenu05_bg.jpg) 0 0 no-repeat;
}
#centermenu06{
	background:url(../img/centermenu06_bg.jpg) 0 0 no-repeat;
}


#centermenu01 a{
	color:#e47ea8;
	background:url(../img/icon_a.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}
#centermenu02 a{
	color:#66b7db;
	background:url(../img/icon_b.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:30px;
}
#centermenu03 a{
	color:#abc613;
	background:url(../img/icon_c.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}
#centermenu04 a{
	color:#9d7c3d;
	background:url(../img/icon_d.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:30px;
}

#centermenu05 a{
	color:#f2984c;
	background:url(../img/icon_e.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}
#centermenu06 a{
	color:#abc613;
	background:url(../img/icon_c.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}


#topr{
	float:left;
	width:170px;

padding: 10px 0px 10px 0px;
	text-align:left;
}
#topr h2{
}
#rankingright_body {
	padding-top:8px;
	background-color:#faf5ed;

	border-right:1px #b2b2b2 solid;
	border-bottom:1px #b2b2b2 solid;
	border-left:1px #b2b2b2 solid;
}
#topr .rankingright{
	background:url(../img/rankingright_bottom.gif) center bottom no-repeat;
	margin-bottom:5px;
	padding-bottom:5px;
}





#topr span{
	background:url(../img/ranking_bg2.gif) center center no-repeat;
	display:block;
	padding:2px;
	margin-bottom:5px;
	text-align:center;
}
#topr span img {
	display:block;
	text-align:center;
	margin: 0px auto;
}
#topr div h3{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
#topr div h4{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
#topr div p{
	font-size:11px;
	padding-left:8px;
}
#topr div.end{
	background:none;
	padding-bottom:0px;
}

#content{
	width:402px;
	margin-bottom:13px;
	margin-top:-9px;
}
#content ul{
	padding:10px 20px 7px 20px;
	text-align: left;
	line-height:1.3;
}
#content span{
	padding-right:10px;
	text-align: left;
}
#content li{
	margin-bottom:10px;
	padding: 0px;
}
#content p{
	margin-bottom:0px;
	padding: 2px;
}

#sale_content{
	width:402px;
	margin-top:7px;
}
#sale_content p{
	margin-bottom:0px;
	padding: 2px;
}






#pickup{
	margin: 0px 0px 10px 0px;
	margin-bottom:10px;
	margin-top:6px;
	width: 434px;

}

#pickup dt{
	margin: 0px 0px 3px 0px;
}


#pickup ul{
	margin: 0px 0px 0px 2px;
	width: 406px;
}

#pickup ul li{

	margin: 0px 0px 0px 0px;
	padding: 2px 8px 0px 0px;
	width: 126px;
	float: left;

}

#pickup ul li.n3{
	background: url(../../img/pickup3_bk.gif) no-repeat right bottom;

}
#pickup ul li p{
	margin: 6px 0px 0px 0px;
	font-size:11px;

}
#pickup ul li img{

	display:block;
	text-align:center;
	padding: 0px auto;

}

/* -----------------------------
		header top: 734px p top : 686px; 
----------------------------- */
#header {
	position: relative ;
	height: 55px ;


}

#header a { 
display : block !important ; 
white-space : nowrap; 

} 

* html #header a { 
display : block !important ; 
white-space : nowrap; 
	height: 55px ;
} 

#header h1{
	position: absolute ;
	left: 186px ;
	top: 806px ;
	height: 80px ;
	width: 434px ;
	padding-top: 19px ;
padding-left : 24px; 
	z-index: 10000 ;
	font-size: 12px !important ;
	font-weight: bold ;
	color: #FDFDFD;
	text-align: left ;
	background: url("../../img/title_pickup2.gif") no-repeat ;
	letter-spacing : 1px ;
	margin-bottom:10px;
}




#header img { 
	float: left;
	width:285px;
	margin-top:27px;
	padding-bottom:10px;


} 

* html #header h2{ 
position : absolute; 
left : 1px; 
	margin-top:10px;
color : #f98e01; 
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
font-size : 10px; 
	margin-left:1px;
	float: left;
text-align : left; 
} 


#header h2{ 
position : absolute; 
left : 1px; 
	margin-top:10px;
color : #f98e01; 
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
font-size : 10px; 
	margin-left:1px;
	float: left;
text-align : left; 
} 

#header p{ 
position : absolute; 

top : 758px; 

padding-top : 52px; 
padding-left : 14px; 
z-index : 10000; 
font-size : 11px !important ; 
font-weight : bold; 
color : #FDFDFD; 
text-align : left; 

letter-spacing : 1px; 
} 

#header h3{ 
position : absolute; 

top : 686px; 

padding-top : 41px; 
padding-left : 164px; 
z-index : 10000; 
font-size : 11px !important ; 
font-weight : bold; 
color : #FDFDFD; 
text-align : left; 
letter-spacing : 1px; 
} 

#header h2 a, #footer a:link, #footer a:visited{ /* サイトコピーライトの文字色 */
color: #996600;
text-decoration: none;
font-family: ＭＳ Ｐゴシック、Helvetica、Arial、Verdana、Osaka; 
}

#centerBox2{
	width: 434px;
	text-align:left;
	height:150px;
	margin-top:5px;
	margin-bottom:10px;
	background-image: url("../../img/centerbox.gif");
	background-repeat: no-repeat;
}

#centerBox2 p{
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0px;
	line-height:189%;
	text-align: left;
	padding: 2px 15px 1px 9px;
	margin-top:1px;
	text-align:left;
	width:420px;

} 
#centerBox2 h3{
	font-style: normal;
	font-weight: normal;
	font-size:12px;
	padding:8px;
	padding-bottom:0;
	padding-top:35px;
	margin-bottom:0px;
	line-height:160%;
	text-align: left;



	width: 385px;
} 


#center2{
	position: relative ;
}
#center2 > {
	width: 400px;
	text-align:left;
	height:300px;
	margin-top:10px;
position : absolute; 
	margin-bottom:100px;
}

#center2 p{
position : absolute; 
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0px;
	line-height:190%;
	text-align: left;
	padding: 46px 15px 1px 9px;
	margin-top:1336px;
	text-align:left;
	width:385px;
} 
#center2 h3{
position : absolute; 
	font-style: normal;
	font-weight: normal;
	font-size:12px;
	padding:8px;
	padding-bottom:0;
	padding-top:20px;
	margin-bottom:0px;
	line-height:160%;
	text-align: left;
	margin-top:1344px;
	background-image: url("../../img/centerbox3.gif");
	background-repeat: no-repeat;
	height: 120px ;
	width: 408px;
} 

#lineup {
	padding: 0px 0px 10px 0px;
	margin-bottom:91px;
	margin-top:5px;
	width: 434px;
	font-size:0.85em;
	height: 115px ;
}
#lineup p.lot{
	font-size:0.95em;
	width: 200px;
	padding: 0px 0px 0px 3px;
}

#lineup ul{
	padding: 0px 2px 0px 0px;
	width: 434px;
}

#lineup ul li{
	margin: 0px 1px 0px 0px;
	padding: 2px 3px 0px 0px;
	width: 213px;
	float: left;
}

#lineup ul li.n3{

}
#lineup ul li p{
	margin: 4px 0px 0px 0px;
	font-size:11px;

}
#lineup ul li img{
	text-align:center;
	padding: 0px auto;

}
/* -----------------------------
		footer
----------------------------- */
#footer a:link,
#footer a:visited {
	color:#787878;
}
#footer a:hover {
	text-decoration:none;
}

#footer {
	font-size:0.87em;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../img/footbar.gif) no-repeat left top;
	text-align: left;
	margin: 10px auto 0px auto;
	width: 800px;
	clear:both;
}
#footer img {
	float:left;
}
#footer span {
	margin-top:5px;
	margin-bottom:10px;
	padding-right:10px;
	float:right;
	color:white;
}

#footer ul {
	text-align:left;
	margin: 4px 0px 7px 36px;
	padding: 0px;
	width: 760px;
}
#footer li {
	display: inline;
	line-height:1.2;
	margin-right:4px;
	padding: 0px 0px 0px 4px;
	border-left: solid 1px #999;
}
#footer li.top {
	letter-spacing:1px;
}
#footer li.end {
	margin-right:0px;
	padding-right: 4px;
	border-right: solid 1px #999;
}
/* -----------------------------
		footer2
----------------------------- */





/* カルーセル */
    .xc_contentsHeader {
	margin:0;
}


.jcarousel-container-horizontal {
	width:444px;
	margin:0 auto;
	padding:0;
}
.jcarousel-clip-horizontal {
	width: 444px;
	height:280px;
}
.jcarousel-item {
	width:444px;
	height:270px;
}
.jcarousel-item-horizontal {
	margin:0;
}

.topLinkArea {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}
.topLinkArea .topLinkL {
	float:left;
	display:inline;
	width:200px;
	height:160px;
	background-color:#FFF;
	margin-right:5px;
	padding-top:15px;
	padding-left:14px;
	padding-right:14px;	
}
.topLinkArea .topLinkC {
	float:left;
	display:inline;
	width:200px;
	height:160px;
	background-color:#FFF;
	margin-right:5px;
	padding-top:15px;
	padding-left:14px;
	padding-right:14px;
}
.topLinkArea .topLinkR {
	float:left;
	display:inline;
	width:200px;
	height:160px;
	background-color:#FFF;
	padding-top:15px;
	padding-left:14px;
	padding-right:14px;
}
.topLinkArea .topLinkR.bnr {
	width:220px;
	height:165px;
	padding-top:10px;
	padding-left:8px;
	padding-right:0;
}
.topLinkTxt {
	font-size:10px;
	margin:5px 0;
}



/* -- TopMain ------------------------------------------- */
#topMain {
	padding: 0px 0 0 0;
	width: 434px;
	float: left;
}
/* Slide */
#topMain p#topLead { 
	margin: 0 0 8px 0;
	width: 434px;
	height: 59px;
}
#topMain #topSlide {
	margin: 0 0 8px 0;
	width: 434px;
	height: 275px;
	overflow: hidden;
}

