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

Theme Name: html5 Theme
Author: mitsut
Version: 2.0


10px = 71%	   11px = 78%	  12px = 85%	  13px = 92%
14px = 99%	   15px = 114%	  16px = 117%   17px = 121%
18px = 128%  19px = 132%  20px = 145%   21px = 149%
22px = 157%	   23px = 164%	  24px = 171%	  25px = 178%
26px = 185% 

base font-size:14px/1.231;

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


html,body{
	width: 100%;
	height: 100%;
	color:#fff;
	font-family: "メイリオ", Meiryo, "trebuchet ms", arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
	background:url(../img/bgpattern.jpg) repeat;
	background-color:#000;
}

#wrapper{
	width: 100%;
	background-position:top center;
	background-repeat:no-repeat;
	min-width:1024px;
}


/*------------------------

@ header

-------------------------*/
header {
	padding:0px 0px 20px 0px;
	margin: 0px auto;
	
}

#maeuri{
	display:block;
	margin:20px auto 40px;
}


/*---------------------------------------------

@ main

---------------------------------------------*/
#main{
	width: 1024px;
	margin: 0 auto;
	padding: 0;
}

.wrap{
	padding:0 0 50px
}

/*---------------------------------------------

section

----------------------------------------------*/
#section-container {
	padding:0px 0px 30px;
	margin: 0 auto;
	text-align:left;
}

#section-container h1{
	font-size: 93%;
	color: #000000;
	padding: 10px 0 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.border-bottom-none{
	border-bottom:none;
}


.theater-block{
	padding: 10px 0 0;
	margin:0;
}


/*---------------------------------------------

@ article

----------------------------------------------*/

article {
	padding:15px 0 8px;
}

.top-article{
	padding-top: 10px;
}

.article-container{
	color: #fff;
}

.list-all article{
	border-bottom:1px dotted #666;
	padding: 15px 0;
}

.border-bottom-1{
	border-bottom: 1px dotted #999;
}

.border-bottom-none{
	border-bottom:none !important;
}

.padding-top-1{
	padding-top: 25px;
}

.padding-top-2{
	padding-top:10px !important;
}

.area{
	font-size: 130%;
	font-weight: bold;
	color: #ff0000;
	padding: 15px 0;
}

article p{
	float:left;
	padding: 5px 0 5px 20px;
}

.arealist{
	font-weight: bold;
	border-bottom: none;
	color: #000;
	padding: 50px 0px 20px;
	text-align: center;
}

#date {
	padding: 15px 0px 0px 0px;
	text-align: left;
	color: #ff0000;
}


.name{
	padding:1px 0 0;
}

.paddingB30{
	padding-bottom:30px;
}

.t1{
	width:15%;
	  color: #999;
}

.t2{
	width:50%;
}
.t3{
	width:15%;
	text-align:center;
}


.t4{
	width:15%;
	text-align:center;
}


.areatxt{
	font-size:16px;
}

.small{
	font-size:11px;
	color:#999;
}


.top-header{
	width: 1024px;
	color: #fff;
	background-color: #490000;
	font-weight: bold;
	margin-top: 10px;
	padding: 10px 0px 8px 0px;
	filter: alpha(opacity=100); /*IE*/
	-moz-opacity: 1; /* old firefox*/
	opacity: 1; /*chromew,firefox,safari,opera*/
	-moz-border-radius: 6px;/*firefox3.6*/
	-webkit-border-radius: 6px;/*webkit*/
	border-radius: 6px;/* Opera,IE,ie-css3 */
}

.grayBg{
	background-color: #888;
}

.yellowBg{
	background-color: #ffef27;
}

.top-header .t0{
	color: #fff;
}

.lead{
	  padding: 7px 0 5px 20px;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

.txt{
	padding:30px 0 0 20px;
	font-size:15px;
}

/*------------------------

@ footer

-------------------------*/
footer{
	width: 840px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0px 20px 0px;
}


/*---------------------------------------------
@ back to top
----------------------------------------------*/
#page-top {
	padding: 0 25px 0px 0;
	text-align: right;
}




/*---------------------------------------------
@ a
----------------------------------------------*/
a {
	color: #FF0000;
	text-decoration: underline;
}
a:hover { text-decoration: none;}