/* 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 40px 0; }
.slide-nomargin	{ width:100%; position: relative; padding:20px 0; }

.enjoy1 { width:100%; height:540px; margin-top:90px; /* background-image: url(../images/enjoy01.png); */ background-repeat : no-repeat; background-position: center center; }
.enjoy2 { width:100%; height:600px; margin-top:0px; /* background-image: url(../images/enjoy02.png); */ background-repeat : no-repeat; background-position: center center; }
.enjoy3 { width:100%; height:780px; margin-top:0px; /* background-image: url(../images/enjoy03.png); */ background-repeat : no-repeat; background-position: center center; }


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

/* Slide 2 PickUp */ 
#slide2			{ background-color: rgb(243,241,237); color:#000; }
#slide2 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: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-image: url(../images/icon-tv.png); background-repeat:no-repeat; padding-left:40px; height:32px; padding-top:6px;}
.sec-radio		{ font-size: 1.4em; background-image: url(../images/icon-radio.png); background-repeat:no-repeat; padding-left:40px; height:32px; padding-top:6px; }
.sec-magazine	{ font-size: 1.4em; background-image: url(../images/icon-magazine.png); background-repeat:no-repeat; padding-left:40px; height:32px; padding-top:6px; }
.sec-other		{ font-size: 1.4em; background-image: url(../images/icon-other.png); background-repeat:no-repeat; padding-left:40px; height:32px; padding-top:6px; }
.sec-web		{ font-size: 1.4em; background-image: url(../images/icon-web.png); background-repeat:no-repeat; padding-left:40px; height:32px; padding-top:6px; }
.sec-live		{ font-size: 1.4em; background-image: url(../images/icon-live.png); background-repeat:no-repeat; padding-left:40px; 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; }
#slide6 img { height: 150px; }
#slide6 a.nodeco:link { border-bottom: 0px !important; background-color: transparent; }

/* Slide 7 Access */ 

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

/*----------------------------------------------------------------------------------------------------*/
#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;
}



/*----------------------------------------------------------------------------------------------------*/
.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;
}