/* top */

body {	
	background-color:#474747;
}

.background-hack {
    z-index                 : -1;
    background-color        : #505050;
    background-image: url(../images/bg-top.jpg);
    background-repeat       : no-repeat;
	background-position: top center;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}



/* General Slides */ 
.slide			{ width:100%; position: relative; padding:60px 0 60px 0; }
.slide-nomargin	{ width:100%; position: relative; padding:20px 0; }

.heart1 { width:100%; height:540px; margin-top:0px; background-repeat : no-repeat; background-position: center center; }
.heart2 { width:100%; height:540px; margin-top:0px; background-repeat : no-repeat; background-position: center center; }
.heart3 { width:100%; height:780px; margin-top:0px; background-repeat : no-repeat; background-position: center center; }
.heart4 { width:100%; height:780px; margin-top:0px; background-repeat : no-repeat; background-position: center center; }
.heart5 { width:100%; height:780px; margin-top:60px; background-repeat : no-repeat; background-position: center center; }


/* Slide 1 TOP*/ 
#slide1		{ height:600px;}

/* Slide 2 PickUp */ 
#slide2			{ background-color: transparent; color:#fefefe; }
#slide2 h2		{ font-size: 1.8em; background-repeat:no-repeat; background-position:top center; margin-bottom:10px; text-align:center; letter-spacing:2px;}
#slide2 h3		{ font-size: 1.6em; }
#slide2 p		{ font-size: 1.3em; }

.vWrap{
position: relative;
margin-bottom: 1.2em;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;

}

.vWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#slide2 ul { font-size: 1.2em; text-align:left; margin-top:30px;}
#slide2 ul li { margin:0 0 10px 0; padding:0px 0 0 0px; line-height:18px;  }


/* Slide 3 enjoy */ 

#slide3{ height:600px;}

	
/* Slide 4 News */

#slide4		{ background-color: rgb(243,241,237); color:#000;}
#slide4 h2		{ font-size: 1.8em;background-image: url(../images/bg-midashi.png); background-repeat:no-repeat; background-position: top center; padding-top:30px; margin-bottom:0px; letter-spacing:2px; text-align:center}
#slide4 h3		{ font-size: 1.6em; }
#slide4 ul { font-size: 1.2em; text-align:left; margin-top:20px;}
#slide4 ul li { margin:0 0 10px 0; padding:0px 0 0 0px; line-height:180%;  }

.sec-tv			{ font-size: 1.4em; background-repeat:no-repeat; height:32px; padding-top:6px;}



/* Slide 5 Menu */ 

#slide5{ height:700px;}

/* Slide 6 */ 

#slide6		{ background-color: rgb(243,241,237); color:#000;}
#slide6 h2		{ font-size: 1.6em;background-image: url(../images/bg-midashi.png); background-repeat:no-repeat; background-position: top center; padding-top:25px; letter-spacing:2px; text-align:center;}
#slide6 h3		{ font-size: 1.6em; }

/* Slide 7 Access */ 

#slide7{
	background-image: url(../images/bg-top-fin.jpg);
	background-repeat:no-repeat;
	background-position: top center;	
	background-color:#f3f1ed;
	background-attachment:fixed;
	height:500px;
}
#slide7 h1 {
	font-size: 4em;
	letter-spacing: 1px;
	padding-bottom:60px;
}
#slide7 h2 {
	font-size: 1.4em;
	color: #ffffff;
}
#copyright {
	padding-bottom: 380px;
}

/*----------------------------------------------------------------------------------------------------*/
#top_footer		{ width:100%; margin-top:0px; padding:40px 0 40px 0; background-color: rgb(243,241,237); color:#000; text-align:center; height:400px; border-top: 1px #ccc solid; clear:both;}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
.background-hack { 
	top: -40px;
	background-image: url(../images/bg-top_sp.jpg);
}
#slide1		{ height:500px;}
.enjoy1 { width:100%; height:500px; margin-top:0px; background-image: url(../images/enjoy01_sp.png); background-repeat : no-repeat; background-position: center center; }
.enjoy2 { width:100%; height:500px; margin-top:0px; background-image: url(../images/enjoy02_sp.png); background-repeat : no-repeat; background-position: center center; }
.enjoy3 { width:100%; height:540px; margin-top:0px; background-image: url(../images/enjoy03_sp.png); background-repeat : no-repeat; background-position: center center; }
}


.top-body .sec-web,
.top-body .sec-other,
.top-body .sec-magazine,
.top-body .sec-radio,
.top-body .sec-tv {
	float: none;
}



@media screen and (min-width: 768px) {
  .heart5 {
    margin-top:0px;
  }
}

@media screen and (max-width: 767px) {
  .heart5 {
    margin-top:0px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  .heart5 {
    margin-top:0px;
  }
}

@media screen and (max-width: 767px) {
  .heart5 {
    margin-top:0px;
  }
}

@media screen and (min-width: 768px) {
  #copyright {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  #copyright {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  #copyright {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  #copyright {
    padding-bottom: 0px;
  }
}





/*----------------------------------------------------------------------------------------------------*/
.banner a {
	display: inline-block;
}

	.banner a img {
		vertical-align: bottom;
	}




/*-- common --------------------------------------------------------------------------------------------------*/
.mb10-bottom {
	margin-bottom: 10px;
}

.al-r {
	text-align: right;
}

.large {
	font-size: 1.25em;
}

.red {
	color: #c00;
}

.blue {
	color: #0033d3;
	border-bottom: 1px solid #0033d3;
}

a {
	font-size: 1.3em;
}