@charset "utf-8";
/**************************************************************************************************

	2017.7.3
	LEE KD

	あの星空、あの海。　特設ページ CSS

**************************************************************************************************/


body {
	background: #FFFFFF;
}



/**************************************************************************************************

CONTAINER

**************************************************************************************************/

div#container {
	width:1090px; 
	margin:0 auto;
}



/**************************************************************************************************

Main Contents

**************************************************************************************************/

div#mainContents {
	float: left;
	width:880px;
	background: #fff;
}


/**************************************************************************************************

HEADER

**************************************************************************************************/

div.bnrArea{
	width: 880px;
	height: 90px;
	text-align: center;
	padding-bottom: 20px;
}


ul#globalnavi{ 
	width: 880px;
	height: 50px;
	padding: 0;
	margin-bottom: 10px;
}
	ul#globalnavi li{
		float: left;
	}
	ul#globalnavi li a{
		height: 50px;
		display: block;
		background: url(../img/globalNavi.jpg) no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	ul#globalnavi li#gnv01, li#gnv02, li#gnv04, li#gnv07{ width: 115px; }
	ul#globalnavi li#gnv03{ width: 190px; }
	ul#globalnavi li#gnv05{ width: 105px; }	
	ul#globalnavi li#gnv06{ width: 125px; }
	
	ul#globalnavi li#gnv01 a{ background-position: 0 0; }
	ul#globalnavi li#gnv02 a{ background-position: -115px 0; }
	ul#globalnavi li#gnv03 a{ background-position: -230px 0; }
	ul#globalnavi li#gnv04 a{ background-position: -420px 0; }
	ul#globalnavi li#gnv05 a{ background-position: -535px 0; }
	ul#globalnavi li#gnv06 a{ background-position: -640px 0; }
	ul#globalnavi li#gnv07 a{ background-position: -765px 0; }
	
	ul#globalnavi li#gnv01 a:hover{ background-position: 0 -50px!important; }
	ul#globalnavi li#gnv02 a:hover{ background-position: -115px -50px!important; }
	ul#globalnavi li#gnv03 a:hover{ background-position: -230px -50px!important; }
	ul#globalnavi li#gnv04 a:hover{ background-position: -420px -50px!important; }
	ul#globalnavi li#gnv05 a:hover{ background-position: -535px -50px!important; }	
	ul#globalnavi li#gnv06 a:hover{ background-position: -640px -50px!important; }	
	ul#globalnavi li#gnv07 a:hover{ background-position: -765px -50px!important; }	
	


h1#topmain{
	width: 880px;
	height: 550px;
	background: url(../img/topmain.jpg) no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

a.detail{
	width: 880px;
	height: 50px;
	background: url(../img/detail.jpg) no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
}


/**************************************************************************************************

Main Contents

**************************************************************************************************/


h2.title{
	width: 880px;
	height: 45px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 15px;
	clear: both;
}

	h2#t00{ background: url(../img/title00.jpg) no-repeat; }
	h2#t01{ background: url(../img/title01.jpg) no-repeat; }
	h2#t02{ background: url(../img/title02.jpg) no-repeat; }
	h2#t03{ background: url(../img/title03.jpg) no-repeat; }
	h2#t04{ background: url(../img/title04.jpg) no-repeat; }
	h2#t05{ background: url(../img/title05.jpg) no-repeat; }
	h2#t06{ background: url(../img/title06.jpg) no-repeat; }


/*視聴方法*/

h3{
	font-size: 18px;
	line-height: 28px;
	padding-left: 15px;
}

h3 strong{ font-weight: bold; }

ul#watch{
	width: 880px;
	height: 80px;
	background: url(../img/watch.jpg) no-repeat;
	margin: 20px 0;
}
	ul#watch li{
		float: left;
	}
	
	ul#watch li a{
		width: 220px;
		height: 80px;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}



/* ページトップへ　*/

.pagetop{
	width: 110px;
	height: 25px;
	padding-left: 770px;
	clear: both;
	margin: 10px 0 50px 0;
}

.pagetop a{
		width: 110px;
		height: 25px;
		display: block;
		background: url(../img/pagetop.jpg) no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.pagetop a{ background-position: 0 0; }
	.pagetop a:hover{ background-position: 0 -25px!important; }



/**************************************************************************************************

Rights Contents

**************************************************************************************************/

div#rightContents {
	width: 200px;
	padding-left:10px;
	float: right;
	background: #fff;
}

/*
#rightContents img {
	display:block;
	margin:10px auto 5px auto; 
}*/

.calendar{
	position:relative;
	width:198px;
	height:120px;
	background:url(../img/cal_bg.png) no-repeat
	margin:10px auto 5px auto; 
}
.calendar h2{
	position:absolute;
	top:0px;
	left:18px;
	width:116px;
	height:16px;
}
.calendar table{
	position:absolute;
	top:39px;
	left:2px;
}
.calendar td{
	margin:0;
	padding:0;
	background:#5f5f5f;
	line-height:0;
}
.calendar td.sat{
	background:#5766f2;
}
.calendar td.sun{
	background:#f44545;
}
.calendar td a{
	display:block;
	overflow:hidden;
	width:20px;
	height:20px;
	background:url(../img/cal_day.png) no-repeat;
	text-indent:-999px;
	font-size:0;
}
.calendar td a:hover{
	background-color:#fff;
}
.calendar td a.d01{ background-position:0 0}
.calendar td a.d02{ background-position:-20px 0}
.calendar td a.d03{ background-position:-40px 0}
.calendar td a.d04{ background-position:-60px 0}
.calendar td a.d05{ background-position:-80px 0}
.calendar td a.d06{ background-position:-100px 0}
.calendar td a.d07{ background-position:-120px 0}
.calendar td a.d08{ background-position:-140px 0}
.calendar td a.d09{ background-position:-160px 0}
.calendar td a.d10{ background-position:-180px 0}
.calendar td a.d11{ background-position:-200px 0}
.calendar td a.d12{ background-position:-220px 0}
.calendar td a.d13{ background-position:-240px 0}
.calendar td a.d14{ background-position:-260px 0}
.calendar td a.d15{ background-position:-280px 0}
.calendar td a.d16{ background-position:-300px 0}
.calendar td a.d17{ background-position:-320px 0}
.calendar td a.d18{ background-position:-340px 0}
.calendar td a.d19{ background-position:-360px 0}
.calendar td a.d20{ background-position:-380px 0}
.calendar td a.d21{ background-position:-400px 0}
.calendar td a.d22{ background-position:-420px 0}
.calendar td a.d23{ background-position:-440px 0}
.calendar td a.d24{ background-position:-460px 0}
.calendar td a.d25{ background-position:-480px 0}
.calendar td a.d26{ background-position:-500px 0}
.calendar td a.d27{ background-position:-520px 0}
.calendar td a.d28{ background-position:-540px 0}
.calendar td a.d29{ background-position:-560px 0}
.calendar td a.d30{ background-position:-580px 0}
.calendar td a.d31{ background-position:-600px 0}
.calendar td a.d01:hover{ background-position:0 -20px}
.calendar td a.d02:hover{ background-position:-20px -20px}
.calendar td a.d03:hover{ background-position:-40px -20px}
.calendar td a.d04:hover{ background-position:-60px -20px}
.calendar td a.d05:hover{ background-position:-80px -20px}
.calendar td a.d06:hover{ background-position:-100px -20px}
.calendar td a.d07:hover{ background-position:-120px -20px}
.calendar td a.d08:hover{ background-position:-140px -20px}
.calendar td a.d09:hover{ background-position:-160px -20px}
.calendar td a.d10:hover{ background-position:-180px -20px}
.calendar td a.d11:hover{ background-position:-200px -20px}
.calendar td a.d12:hover{ background-position:-220px -20px}
.calendar td a.d13:hover{ background-position:-240px -20px}
.calendar td a.d14:hover{ background-position:-260px -20px}
.calendar td a.d15:hover{ background-position:-280px -20px}
.calendar td a.d16:hover{ background-position:-300px -20px}
.calendar td a.d17:hover{ background-position:-320px -20px}
.calendar td a.d18:hover{ background-position:-340px -20px}
.calendar td a.d19:hover{ background-position:-360px -20px}
.calendar td a.d20:hover{ background-position:-380px -20px}
.calendar td a.d21:hover{ background-position:-400px -20px}
.calendar td a.d22:hover{ background-position:-420px -20px}
.calendar td a.d23:hover{ background-position:-440px -20px}
.calendar td a.d24:hover{ background-position:-460px -20px}
.calendar td a.d25:hover{ background-position:-480px -20px}
.calendar td a.d26:hover{ background-position:-500px -20px}
.calendar td a.d27:hover{ background-position:-520px -20px}
.calendar td a.d28:hover{ background-position:-540px -20px}
.calendar td a.d29:hover{ background-position:-560px -20px}
.calendar td a.d30:hover{ background-position:-580px -20px}
.calendar td a.d31:hover{ background-position:-600px -20px}

.calendar td.week{
	overflow:hidden;
	width:20px;
	height:8px;
	background:url(../img/cal_day.png) no-repeat;
	text-indent:-999px;
	font-size:0;
	line-height:0;
}
.calendar td.week.none{ background:none;}
.calendar td.week.mon{ background-position:0 -50px}
.calendar td.week.tue{ background-position:-20px -50px}
.calendar td.week.wed{ background-position:-40px -50px}
.calendar td.week.thu{ background-position:-60px -50px}
.calendar td.week.fri{ background-position:-80px -50px}
.calendar td.week.sat{ background-position:-100px -50px}
.calendar td.week.sun{ background-position:-120px -50px}

.calendar td.week.last,
.calendar td.week.this,
.calendar td.week.next{
	width:42px;
	height:20px;
}
.calendar td.week.last{ background-position:-160px -46px}
.calendar td.week.this{ background-position:-220px -46px}
.calendar td.week.next{ background-position:-280px -46px}	





/**************************************************************************************************

FOOTER

**************************************************************************************************/


#footer {
	width: 100%;
	height: 40px;
	padding: 20px 0;
	margin-top: 15px;
	text-align: center;
	border-top: solid #ccc 1px;
	background: url(../img/footer.jpg) #ffffff center no-repeat;
	clear: both;
}



/**************************************************************************************************

CLEARFIX ELEMENT

**************************************************************************************************/

#global, #adtv_header .inner, .section {
	zoom:100%;
}
#global:after, #adtv_header .inner:after, .section:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*\*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/