/* CSS Document */

@charset "shift_jis";


/* メインビジュアル
---------------------------------------------------- */

#mainVisual{
position: relative;
width: 760px;
height: 270px;
text-align:left;
margin-right:auto;
margin-left:auto;
}

#mainVisual:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #mainVisual{
min-height:1%;
}

*html #mainVisual{
height:1%;
overflow:visible;
}

#mainVisual #main {
position: relative;
width: 760px;
height: 210px;
overflow: hidden;
}

#mainVisual #noxml {
width: 760px;
height: 270px;
display:none;
margin-bottom:20px;
position: absolute;
top:0;
left:0;
z-index:100;
}

#mainVisual #nojs {
width: 760px;
height: 270px;
margin-bottom:20px;
position: absolute;
top:3px;
left:2px;
z-index:200;
}

#mainVisual #nojs p.note {
	font-size: 86%;
	padding: 5px 15px;
}

#noxml img, #nojs img {
	display:block;width: 760px;
height: 210px;
	}　

#mainVisual #loading {
text-align: center;
display: none;
}

#mainVisual #loading img {
}

#mainVisual #intro {
position: absolute;
width: 760px;
height: 270px;
text-align: center;
}

#mainVisual .wait {
position: absolute;
width: 760px;
padding: 0;
margin: 0;
display: none;
}

#mainVisual #spacer {
position: absolute;
width: 761px;
height: 210px;
padding: 0;
margin: 0;
z-index:5000;
display: none;

background-repeat:no-repeat;
}

.curr0 {
background-position: -682px 197px;
}



.curr1 {
background-position: -532px 197px;
}

.curr2 {
background-position: -376px 197px;
}

.curr3 {
background-position: -224px 197px;

}

#mainVisual #spacer.curr4 {
background-position: -73px 197px;
}


#mainVisual #mainVisualbtn{
float:left;
margin:0;
position: relative;
height: 58px; /* 6px(ボタン高さ) + 2px(ボーダー上下) */
background-image:url(../images/topbnr/ui_parts/partation.jpg);
background-repeat:repeat-x;
padding: 0 0 0 1px;
}

#mainVisualbtn:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #mainVisualbtn{
min-height:1%;
}

*html #mainVisualbtn{
height:1%;
overflow:visible;
width:760px;
}

#mainVisual #mainVisualbtn span{
display:block;
float:left;
font-size:0;
line-height:0;
width: 151px;
height: 58px;
padding-right:1px;
background-image:url(../images/topbnr/ui_parts/partation.jpg);
background-repeat:repeat-x;
}

#mainVisual #mainVisualbtn span#btn4{
padding-right:0;
	}
*html #mainVisual #mainVisualbtn span#btn4{
padding-right:0;
	}


#mainVisual #mainVisualbtn span.lastpt{
display:block;
width: 1px;
height: 58px;
z-index:150000;
position:absolute;
right:0px;
bottom:0px;
padding-right:0;
	}



#mainVisual #mainVisualbtn span img{
font-size:0;
line-height:0;
position: absolute;
}

#mainVisual #mainVisualbtn span img.btnImgOn {
z-index: 10;
}

#mainVisual #mainVisualbtn span img.btnImgOff {
z-index: 20;
}

#mainVisual #mainVisualbtn a,
#mainVisual #mainVisualbtn a img {
outline: none
}



/* PNG用
---------------------------------------------------- */
#iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}




/* edit0905 あとでtop.cssに反映 */
#topContents {
    margin: 0 8px 3px 10px;

}



#topContents #mainVisual {
    float: left;
    margin:0px 9px 0 7px;
	padding:2px;
    width: 650px;
}

*html #topContents #mainVisual {
    margin:0px 7px 0 3px;
}

*html #wrapperIn {
margin: -4px auto 0;
}

*html #mainContents {
margin: 0 0 0 5px;
}

#sideContents .joinsBox div {
	height:176px;
	padding: 0 7px;
	background:url(../../image/cloud_bg.jpg) no-repeat  163px 73px;
}

p#btn_about_mob	{
	padding:4px 0;
	}

#btn_login	{
	clear:both;
	width:260px;
	margin:0 8px;}

p#btn_about_nanaco	{
	padding:0px 0px 4px;
	}
p#btn_about_mob,
p#btn_about_nanaco	{
	width:262px;
	margin:0 auto;
	}

img#qr	{
	position:absolute;
	right: 12px;
	top: 34px;
	}

#topContents #sideContents {
height:260px;
background:url(../../image/label_entry.jpg) right top no-repeat;
}


#shopBnr{
	background-image:url(../../top/storebnrs/foot.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:6px;
	margin-bottom: 30px;
	}

#shopBnrInner	{
	width:758px;
	height:178px;
	background-image:url(../../top/storebnrs/bg.jpg);
	background-repeat:repeat-y;
	padding:0 1px 0;
	}




#currentVisual li{
	display:none;
}


#currentVisual li.showDetail{
	display:block;
	 
	}


#shopBnr ul,
#shopBnr ul li{
	margin:0;
	padding:0;
	float:left;
	}

#shopBnr ul#currentVisual{
	padding-right:31px;
	background-image:url(../../top/storebnrs/arrow.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	
	}
#shopBnr ul#ctlBtns{
	width: 420px;
	padding-top:15px;
	}
#shopBnr ul#ctlBtns li{
	width:140px;
	height:54px;
	}

#shopBnr ul#ctlBtns li.l{
	width:140px;
	height:50px;
	}

p.note	{
	width:760px;
	background:#fff;
	margin:0;
	padding: 15px 10px;
	}