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

html{
	font-family:serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Georgia, "Times New Roman", Times;
	font-size:13px;
	line-height:1.5;
	letter-spacing:1px;
	color:#333;
	}

body{
	margin:0;
	min-width:1100px;
	-webkit-text-size-adjust: none;
	}

ul,ol,li,dl,dt,dd,table{
	border-collapse:collapse;
	list-style:none;
	margin:0;
	padding:0;
	}
	
img{
	border:none;
	vertical-align:middle;
	}

a,a img{ 
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	color:#333;
	}

a:hover,a img:hover{ 
	opacity:0.7;
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	text-decoration:none;
	}


/*common
------------------------------------------*/
.inner{ width:960px; margin:0 auto; position:relative; }

.fr{
	float:right;
	margin:0 0 20px 20px;
	}

.fl{
	float:left;
	margin:0 20px 20px 0;
	}

.clear{ clear:both;}

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

.cf { display: inline-table; }

/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */


/*header
------------------------------------------*/
header{
	border-top:3px solid #000;
	border-bottom:1px solid #ddd;
	padding-top:20px;
	}

header h1{
	font-size:12px;
	font-weight:normal;
	color:#999;
	float:right;
	}


/*nav
------------------------------------------*/
nav{
	width:960px;
	margin:30px auto 15px;
	}

nav ul li{
	width:120px;
	float:left;
	text-align:center;
	font-size:12px;
	}

nav ul li a{
	display:block;
	padding:5px 0;
	border-right:1px dotted #ccc;
	color:#333;
	text-decoration:none;
	}

nav ul li a:hover{
	background:#eee;
	text-decoration:none;
	}

nav ul li:first-child a{
	border-left:1px dotted #ccc;
	}

#navBtn{display:none;}


/*footer
------------------------------------------*/
footer{
	border-top:1px solid #ddd;
	margin-top:30px;
	}

footer img{
	float:right;
	}

footer p{
	margin:0;
	font-size:10px;
	line-height:30px;
	}


/*sub
------------------------------------------*/
h2{
	font-size:26px;
	}

h3{
	font-size:20px;
	}

h4{
	font-size:15px;
	}

dl dt{
	float:left;
	clear:both;
	}

dl dd{
	padding:0 0 20px 70px;
	}

table td{
	border:1px dotted #CCC;
	padding:10px;
	text-align:left;
	vertical-align:top;
	}

table th{
	border:1px dotted #CCC;
	padding:10px;
	width:10%;
	text-align:left;
	vertical-align:top;
	}

a.btn{
	display:inline-block;
	padding:8px 18px;
	background:#000;
	color:#FFF;
	text-decoration:none;
	}

.disc{
	border-top:1px dashed #CCC;
	padding-top:40px;
	margin-top:40px;
	}

.disc img{
	float:right;
	width:256px;
	}

.disc p{
	width:650px;
	}

.disc h3{
	margin-top:0;
	}

.disc h3 span{
	font-size:10px;
	display:block;
	}

ol li{
	list-style:decimal;
	margin-left:25px;
	}

ul.movie li{
	border:1px solid #ddd;
	padding:15px;
	margin-top:20px;
	}

ul.movie li h3{
	margin-top:0;
	font-size:18px;
	}

ul.movie li img{
	float:right;
	margin-left:30px;
	}

ul.movie li p{
	font-size:12px;
	}

#newsData{
	width:700px;
	float:left;
	}

#newsYear{
	width:150px;
	float:right;
	border-top:1px dotted #ccc;
	margin-top:35px;
	}

#newsYear li{
	border-bottom:1px dotted #CCC;
	}

#newsYear li a{
	color:#666;
	display:block;
	padding:10px;
	padding-left:25px;
	background:url(../img/arrow02.gif) no-repeat 10px center;
	text-decoration:none;
	}

#newsYear li a:hover{
	background:url(../img/arrow02.gif) no-repeat 10px center #eee;
	}

#newsYear li a.ac{
	color:#333;
	font-weight:bold;
	}

.pageup{
	padding:20px 0;
	clear:both;
	text-align:right;
	}

.pageup a{
	font-size:9px;
	text-decoration:underline;
	background:url(../img/arrow03.gif) no-repeat left center;
	padding-left:10px;
	color:#999;
	}


/*top
------------------------------------------*/
#mainVisual{
	width: 100%;
	height: 100%;
	overflow: hidden;
	}

.slide_all {
	width: 900px;
	margin: 0 auto;
	height: 600px;
	position: relative;
	
	}

.slide_wrap {
	width: 2700px;
	position: absolute;
	left: 50%;
	margin-left: -1350px;
	}

.slide_body {
	width: 100%;
	}

.slide {
	width:900px;
	}

.slide img {
	width: 100%;
	vertical-align: bottom;
	}

.bx-controls-direction, .bx-pager {
	width:900px;
	height: 100px;
	margin: auto;
	position: relative;
	}

.bx-controls-direction a, .bx-pager-item {
	display: inline-block;
	}

.bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin: 10px 2px 0 2px;
	}

.bx-pager-item a.active {
	opacity: 0.3;
	}

.bx-controls-direction a {
	width: 50px;
	height: 100px;
	text-indent: -9999px;
	position: absolute;
	}

.bx-controls-direction a.bx-prev {
	background: url(../img/pre.jpg) no-repeat;
	left: 0;
	}

.bx-controls-direction a.bx-next {
	background: url(../img/nex.jpg) no-repeat;
	right: 0;
	}

.bx-controls {
	width: 100%;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	z-index: 100;
	}

dl#topics{
	width:960px;
	margin:0 auto;
	padding:30px 0 0;
	font-size:12px;
	}

dl#topics dt{
	float:left;
	}

dl#topics dd{
	padding:0 0 10px 130px;
	}

#topics span{
	display:inline-block;
	padding:0 5px;
	margin:0 5px;
	font-size:10px;
	color:#FFF;
	border:none;
	}

#topics .live{ background:#CC0000; }
#topics .disc{ background:#1D3EAA; }


/*form
------------------------------------------*/
form b{
	color:red;
	}

form span{
	font-size:11px;
	color:#999;
	margin-left:10px;
	}

form .textfield{
	width:250px;
	}

form .tel{
	width:200px;
	}

form .textarea{
	width:500px;
	height:150px;
	}

.submit{
	width:150px;
	height:40px;
	}





/*SP
================================================================================================================================*/
@media screen and (max-width: 480px){

/*common
------------------------------------------*/
body{
	min-width:initial;
	}

img{
	max-width:100%;
	}

/*common
------------------------------------------*/
.inner{ width:initial;}

.fr{
	width:50%;
	margin:0 0 10px 10px;
	}

.fl{
	width:50%;
	margin:0 10px 10px 0;
	}


/*header
------------------------------------------*/
header{
	border-top:none;
	padding:0;
	}

header h1{
	font-size:10px;
	color:#fff;
	float:none;
	background:#000;
	padding:3px;
	margin:0;
	text-align:center;
	}

header img{
	margin:10px;
	width:70%;
	}


/*nav
------------------------------------------*/
nav{
	width:initial;
	margin:0 0 0 -1px;
	display:none;
	}

nav ul li{
	width:50%;
	}

nav ul li a{
	padding:10px;
	border-top:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-right:none;
	}

nav ul li:first-child a{
	border-left:none;
	}

#navBtn{
	display:inline-block;
	border:1px solid #000;
	color:#000;
	font-size:12px;
	padding:4px 8px;
	position:absolute;
	top:29px;
	right:10px;
	}


/*footer
------------------------------------------*/
footer{
	border-top:none;
	margin:0;
	}

footer a{
	display:block;
	background:#ccc;
	text-align:center;
	padding:5px;
	}

footer img{
	float:none;
	}

footer p{
	text-align:center;
	}


/*sub
------------------------------------------*/
.contents{
	padding:0 10px 20px;
	}

dl dt{
	float:none;
	font-weight:bold;
	}

dl dd{
	padding:0 0 20px;
	}

table{
	width:100%;
	}

table td{
	display:block;
	margin-bottom:-1px;
	}

table th{
	display:block;
	padding:10px;
	width:initial;
	margin-bottom:-1px;
	}

.disc{
	padding-top:20px;
	margin-top:20px;
	}

.disc img{
	width:40%;
	margin:0 0 10px 10px;
	}

.disc p{
	width:auto;
	}

ul.movie li{
	padding:10px;
	}

ul.movie li h3{
	font-size:15px;
	}

ul.movie li img{
	width:40%;
	float:right;
	}

ul.movie li .btn{
	display:block;
	text-align:center;
	}

#newsData{
	width:initial;
	float:none;
	}

#newsYear{
	width:initial;
	float:none;
	}


/*top
------------------------------------------*/
.slide_all,
.slide_wrap{
	width: 100%;
	}

.slide_all {
	height: auto;
	}

.slide_wrap {
	position: relative;
	left: 0;
	margin-left: 0;
	}

dl#topics{
	width:initial;
	padding:20px 10px 10px;
	}

dl#topics dt{
	float:none;
	}

dl#topics dd{
	padding:0 0 10px;
	margin-bottom:10px;
	border-bottom:1px dotted #CCC;
	}

dl#topics dd:last-child{
	border-bottom:none;
	}


/*form
------------------------------------------*/
form span{
	display:block;
	margin:5px 0 0;
	}

form .textfield{
	width:90%;
	}

form .tel{
	width:90%;
	}

form .textarea{
	width:90%;
	}
		
}