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

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;	font-size: 75%;
	line-height: 1.9;
	color:#000;
	text-align: center;
	background: #fff;
	margin: 0px;
	padding: 0px;

}

	a{	color:#FFF;
	text-decoration:underline;
}

a:hover{
	color:#FF0;
}

img {border: none;}

em{
	font-weight:bold;
}

strong{
	color:#F00;
	font-weight:bold;
}

.imgL{
	float:left;
	margin:10px 20px 10px 0px;
}

.imgR{
	float:right;
	margin:10px 0px 10px 20px;
}


/*share**************/
	.share{
	text-align:right;
	margin:0px auto 0px;
	padding:7px 20px 0px 0px;
	width:1000px;
	height:25px;
	background:url(../images/head_base.jpg) repeat-x;
}



/*Top*******************************/
#topWrap{
	width:1000px;
	margin:0px auto;
	padding-top:16px;
	background:url(../images/top_base.jpg) no-repeat 0px 0px;
}

#topMain{
	height:333px;
	width:900px;
	margin:0px 50px;


}

#topNavi{
	width:320px;
	height:333px;
	float:left;
	background:url(../images/top_navi.jpg) no-repeat;
	text-align:left;
}

	#topNavi ul{
	height:156px;
	list-style:none;
	}
		#topNavi ul li{
		padding-left:20px;


		}
		#topNavi ul li a{
		display:block;
		width:290px;
		height:0px;
		padding-top:32px;
		overflow:hidden;
		}

#topNavi ul li#topPlay a:hover{ background:url(../images/top_navi_hover.jpg) -20px 0px no-repeat;}
#topNavi ul li#topCard a:hover{ background:url(../images/top_navi_hover.jpg) -20px -32px no-repeat;}
#topNavi ul li#topLoca a:hover{ background:url(../images/top_navi_hover.jpg) -20px -64px no-repeat;}
#topNavi ul li#topMovie a:hover{ background:url(../images/top_navi_hover.jpg) -20px -96px no-repeat;}
#topNavi ul li#topnaviNews a:hover{ background:url(../images/top_navi_hover.jpg) -20px -128px no-repeat;}

/***********/
		
	#topNews{
	width:253px;
	height:100px;
	margin:18px 0px 0px 42px;
	overflow:auto;
	}
	#topNavi h3{
	color:#ff7f00;
	}

	#topNavi p{
	color:#bed217;	
	}

a#topNewsmore{
	margin:5px 10px 0px 0px;
	display:block;
	width:170px;
	height:0px;
	padding-top:20px;
	overflow:hidden;
	float:right;
}

/*topFlash***********/
#tophead{
	height:298px;
	overflow:hidden;
	margin:0px 50px;
}

/********************/
#topfooter {
	text-align:left;
	clear: both;
	margin: 0px auto;
	padding: 30px 20px 30px;
	font-size:0.9em;
	line-height: 1.4;
	color: #c3e3ca;

}

	#topfooter img {
	margin: 0px 5px 30px 10px;
	float: left;}	

	#topfooter p,#footer address {
	margin: 0px 0px 15px;
	clear: both;
	font-size:0.9em;
}

/**汎用******************************************/

#wrap{
	width:1000px;
	margin:0px auto;
	background:url(../images/base.jpg) repeat-x 0px 0px #FFF;

}

#main{
	background:url(../images/sky.jpg) no-repeat 0px 0px;
	padding:0px 70px;
}

/*見出し**/
#wrap h1{
	padding-top:16px;
	float:left;

}

#wrap h2{
	clear:both;
	padding-top:8px;
}

#wrap h3{
	clear:both;
	padding-top:8px;
	background-color:#058b30;
	color:#FFF;
	font-weight:bold;
	border:1px solid #fffaae;
	margin:10px 0px 20px;
	padding:2px 5px 3px 10px;
	text-align:left;
}


/*navi******************/
#navi{
	width:213px;
	height:164px;
	background: url(../images/navi.jpg) no-repeat 0px 0px;
	list-style:none;
	float:right;

}

#navi li{
	height:31px;
	}

#navi li a{
	display:block;
	width:216px;
	height:0px;
	padding-top:31px;
	overflow:hidden;
}

#navi li#play a:hover{background:url(../images/navi_hover.jpg) 0px 0px no-repeat;}
#navi li#card a:hover{background:url(../images/navi_hover.jpg) 0px -31px no-repeat;}
#navi li#loca a:hover{background:url(../images/navi_hover.jpg) 0px -62px no-repeat;}
#navi li#movie a:hover{background:url(../images/navi_hover.jpg) 0px -93px no-repeat;}
#navi li#news a:hover{background:url(../images/navi_hover.jpg) 0px -124px no-repeat;}

#navi li#playOn a{background:url(../images/navi_hover.jpg) 0px 0px no-repeat; cursor:default}
#navi li#cardOn a{background:url(../images/navi_hover.jpg) 0px -31px no-repeat; cursor:default}
#navi li#locaOn a{background:url(../images/navi_hover.jpg) 0px -62px no-repeat; cursor:default}
#navi li#movieOn a{background:url(../images/navi_hover.jpg) 0px -93px no-repeat; cursor:default}
#navi li#newsOn a{background:url(../images/navi_hover.jpg) 0px -124px no-repeat; cursor:default}

/********/
.cont{
	background-color:#FFF;
	margin:0px auto;
	padding:20px;
	text-align:left;
	color: #333;
	zoom:1;/*for IE 5.5-7*/
	}

.cont:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}


/****************/
.newsBody{}
.newsBody a{
	color:#F60;
}

.newsBody a:hover{
	color: #090;
}

.newsBody table{
	margin:0px auto20px;
	background-color: #95e1ff;
}

.newsBody table th{
	background-color: #01a9eb;
	font-weight:bold;
	padding:4px 5px;
	color:#FFF;
}

.newsBody table td{
	padding:4px 7px;
	background-color:#FFF;
}

.contHalf{
	width:400px;
	float:left;
	zoom:1;/*for IE 5.5-7*/
}

.contHalf:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}




/*********/
.pageNavi{
	margin:10px auto 30px;
	height:27px;
	clear:both;
}

.pageNavi a{
	display:block;
	padding-top:27px;
	width:198px;
	height:0px;
	overflow:hidden;
	float:right;
	background:url(../images/page_navi.gif) no-repeat 0px 0px;
}

	.pageNavi a:hover{
	background:url(../images/page_navi_over.gif) no-repeat 0px 0px;
}
/********************************/
#cardList{}

	#cardList img{
	float:left;
	margin:5px 5px 20px 0px;
}


/********************************/
ul#cardlistNavi{
	margin:5px 5px 15px;

}

ul#cardlistNavi li{
	display: inline;
	margin-left:15px;
	padding:3px 10px 5px 5px;
	border-left: #6C6 solid 5px;
	border-bottom: solid #CCC 2px;
}

ul#cardlistNavi li a{
	color:#F60;
}



/*************/
#footer{
	width:1000px;
	text-align:left;
	clear: both;
	line-height: 1.4;
	color: #c3e3ca;
	background:url(../images/footer.jpg) no-repeat 0px 0px;

}
	#taito {
	margin: 0px 5px 10px 10px;
	float: left;}	

	#footer p{
	padding: 20px 20px 20px;
	clear: both;
	font-size:0.9em;
}

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

#ipop {
  padding: 0;
	background:#FFF;
	border:1px solid #999;
  /* この５行は必須 */
  width: 410px;
  height: 340px;
  position: absolute;
  display: none;
  z-index: 9999;
}

#ipop_title {
	border-top:#FFF 1px solid;
	background-color:#ff5411;
	color:#FFF;
	font-weight:bold;
	padding:2px 0px;
/*  cursor: move;*/
}

#ipop p{
	padding:8px;
	text-align:left;

}

#ipop_close {
  cursor: pointer;
  float: right;
	font-weight:bold;
	padding:0px 3px;
	margin:1px 0px 0px 0px;
	background-color: #FF0;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #666;
}