@charset "UTF-8";



/* page-base
----------------------------------------------------- */
html {
	height: 100%;
}

* {
	margin:0px;
	padding:0px;
}
body {
	font-family: "ヒラギノ角ゴPro W3","メイリオ", Arial, Helvetica, sans-serif;
	color: #595757;
	background: #ffffff;
	text-align: left;
	height: 100%;
	font-size: 14px;
	line-height: 23px;
}

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



/* a & btn */
a {
	text-decoration: none;
	color: #0033FF;
}
a:hover {
	text-decoration: none;
	color: #0066FF;
}
a,a:link,a:visited, {
	text-decoration: none;
	color: #0033FF;
}

a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/* padding */
.p-10 {
	padding: 10px;
}
.p-10h {
	padding: 10px 0;
}
.p-10w {
	padding: 0 10px;
}
.p-20 {
	padding: 10px;
}
.p-20h {
	padding: 10px 0;
}
.p-20w {
	padding: 0 10px;
}



/* taxt */
.t-13 {
	font-size: 13px;
	line-height: 18px;
}
.t-15 {
	font-size: 15px;
	line-height: 18px;
}
.t-17 {
	font-size: 17px;
	line-height: 24px;
}



/* ----------------------------------------------------- 
 * wrap
/* ----------------------------------------------------- */
#wrap {
	width: 1000px;
	height: ;
	margin: 0px auto;
}

@media(max-width:480px){
body {

	background: #ffffff;
}
#wrap {
	width: 100%;
}
}


/* ----------------------------------------------------- 
 * header 
/* ----------------------------------------------------- */
#header {
	width: 1000px;
	height: 175px;
	margin: 0px auto;
}
#header h1 {
	height: 130px;
	width: 1000px;
	background: url(../img/headder_logo.png) no-repeat;
}
#header h1 a {
	display: block;
	height: 130px;
	width: 300px;
	margin: 0px auto;
}

#header #gnavi {
	width: 900px;
	height: 45px;
	margin: 0px auto;
}
#header #gnavi li {
	float:left;
}

@media(max-width:480px){
#header {
	width: 100%;
	height: auto;
}
#header h1 {
	height: 80px;
	width: 100%;
	background: url(../img/s_headder_logo.png) no-repeat center;
}
#header h1 a {
	display: block;
	height: 150px;
	width: 200px;
	margin: 0px auto;
}

#header #gnavi {
	width: 100%;
	height: auto;
}
#header #gnavi li {
	float: left;
	width: 33%;
	height: auto;
}
#header #gnavi li a img {
	width: 100%;
	height: auto;
}
}


/* ----------------------------------------------------- 
 * main 
/* ----------------------------------------------------- */
#main {
	width: 900px;
	margin: 20px auto 30px;
}

@media(max-width:480px){
#main {
	width: 100%;
	margin: 20px auto 30px;
}
}



/* ----------------------------------------------------- 
 * left-conts 
/* ----------------------------------------------------- */
#left-conts {
	width: 950px;
	float: left;
}
#left-conts .l-sec {
	width: 950px;
}
#left-conts .l-tit {
}


/* ----------------------------------------------------- 
 * right-conts
/* ----------------------------------------------------- */
#right-conts {
	width: 0px;
	float: right;
}

#right-conts .r-sec {
	width: 0px;
}

@media(max-width:480px){
#left-conts,
#right-conts {
	width: 100%;
	float: none;
}
#left-conts .l-sec {
	width: 100%;
}
#right-conts .r-sec {
	width: 100%;
}

#right-conts .r-sec img {
	width: 90%;
	display: block;
	margin: 0 auto;
}


#left-conts .l-tit img {
	width: 100%;
	height: auto;
}
}


/* ----------------------------------------------------- 
 * footer
/* ----------------------------------------------------- */
#footer {
	width: 900px;
	margin: 0px auto 20px;
	padding: 10px 0px;
	text-align: center;
	border-top: #333333 solid 0px;
}
#footer address {
	font-style: normal;
	font-size: 10px;
}

@media(max-width:480px){
#footer {
	width: 90%;
	margin: 0px auto 20px;
	padding: 10px 0px;
	text-align: center;
	border-top: #333333 solid 0px;
}
#footer address {
	font-style: normal;
	font-size: 10px;
}
}





/* top-only
/* ----------------------------------------------------- */
body#top {
	background: #ffffff;

}

#top .tops  {
	width: 1000px;
}

#top #top-img {
	width: 1000px;
	height: 550px;
}
#top #top-img {
	width: 1000px;
	height: 550px;
}
#top #top-img #ss {
	display: none;
}

#top #sec-1 #news-list {
	padding: 10px;
}
#top #sec-1 #news-list li {
	padding: 0 0 15px;
}



#top #top-banner {
	width: 1000px;
	margin: 20px 0px 30px;
}
#top #top-banner .t-banners {
	width: 1000px;
}
#top #top-banner .t-banners li {
	float:left;
	padding: 0px 10px 20px;
}


@media(max-width:480px){
body#top {
	background: #ffffff;

}

#top .tops  {
	width: 100%;
}

#top #top-img {
	width: 100%;
	height: auto;
	margin: 20px 0px 10px;
}
#top #top-img #mm {
	display: none;
}
#top #top-img #ss {
	display: block;
	width: 100%;
	height: auto;
}


#top #top-banner {
	width: 100%;
	margin: 10px 0px 10px;
}
#top #top-banner .t-banners {
	width: 100%;
}
#top #top-banner .t-banners li {
	float:left;
	padding: 0px 0% 20px 3%;
	width: 45%;
}
#top #top-banner .t-banners li img {
	width: 100%;
}
}




/* cast-only
/* ----------------------------------------------------- */
#cast #main .cast-box {
	margin: 40px 0px 0px;
}

#cast #main .cast-box img {
	vertical-align: top;
	padding: 0px 10px 10px 0px;
}
#cast #main .cast-box .cast-img {
	float: left;
}

#cast #main .cast-box .text-zone {
}

@media(max-width:480px){
#cast #main .cast-box {
	margin: 20px 0px 0px;
	width: 100%;
}

#cast #main .cast-box img {
	vertical-align: bottom;
	padding: 10px;
	margin: 0px auto;
	display: block;
	max-width: 90%;
}
#cast #main .cast-box .cast-img {
	float: none;
}

#cast #main .cast-box .text-zone {
	width: 90%;
	padding: 0px 5% 10px;
	display: block;
}
}



/* onair-only
/* ----------------------------------------------------- */
@media(max-width:480px){
#onair #main #movie-box {
	width:100%;
}
#onair #main #movie-box iframe {
	max-width:100%;
}
}



/* movie-only1
/* ----------------------------------------------------- */
@media(max-width:480px){
#top #movie-box {
	width:100%;
}
#top #movie-box iframe {
	max-width:100%;
}
}


/* movie-only2
/* ----------------------------------------------------- */
@media(max-width:480px){
#mobile #movie-box {
	width:100%;
}
#mobile #movie-box iframe {
	max-width:100%;
}
}