/* CSS Document */

@charset "shift_jis";


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

#mainVisual{
position: relative;
width: 972px;
height:278px;
margin-top:10px;
margin-bottom:2px;
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: 972px;
height: 278px;
overflow: hidden;
margin-bottom:2px;
}

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

#mainVisual #nojs {
width: 972px;
height: 327px;
margin-bottom:20px;
position: absolute;
top:0;
left:0;
z-index:200;
}

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

#noxml img, #nojs img {
	display:block; width:972px;height:278px;
	}　

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

#mainVisual #loading img {
}

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

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

#mainVisual #spacer {
position: absolute;
width: 972px;
padding: 0;
margin: 0;
z-index:5000;
display: none;
}

/* rewrite 2012.04.25 start */
#mainVisual #mainVisualbtn{
	float: none;
	width: 972px;
	height: 57px;
	margin-bottom:10px;
	position: relative;
	background:url(/top/img/mainbnr_btn_bg.jpg) no-repeat;
}

#prev_btn,
#prev_btn_dd {
	position: absolute;
	width: 21px;
	height: 46px;
	top: 1px;
	left: 0;
}
#ff_btn,
#ff_btn_dd {
	position: absolute;
	width: 20px;
	height: 46px;
	top: 1px;
	right: 0;
}
#sideScrollArea {
	position: absolute;
	width: 931px;
	height: 46px;
	top: 0;
	left: 22px;
	overflow: hidden;
	clear: both;
}
#sideScrollArea ul#sideScrollList {
	position: absolute;
	width:1731px;
	height: 46px;
	top: 1px;
	left: 0;
}
#sideScrollArea li {
	width: 232px;
	height: 46px;
	float: left;
	margin-right: 1px;
}
.cursorPointer {
	cursor: pointer;
}
/* rewrite 2012.04.25 end */

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

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

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

#mainVisual #mainVisualbtn span{
display:block;
float:left;
font-size:0;
line-height:0;
width: 161px;
height: 34px;
border-right: 1px solid #DDD;
}

#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: 00px;

}



#topContents #mainVisual {
    float: left;
    margin:0px;
	padding:0px;
    width: 972px;
}

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

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

*html #mainContents {
margin: 0px;
}

#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:194px;
	margin:0 0px;}

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;
}