@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%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../../assets/img/common/bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
}

#wrapper{
	width:100%;
}


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

@ header

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


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

@ main

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



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

section

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

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


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


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

@ article

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

article {
	padding:15px 0 8px;
}

.article-container{
	padding:0px 0px 0px 0px;
	color:#444;
}

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

.area{
	font-size:117%;
	font-weight:bold;
	color:#444;
}

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

.arealist{
	border-bottom: none;
text-align: center;
color: #C3C3C3;
padding: 50px 0px 30px 0px;
}

#date {
	padding:15px 0px 0px 0px;
	text-align:right;
	color:#444;
}


.top-header{
	width:860px;
	color:#FFF;
	background-color:#FD90BC;
	margin-top:5px;
	padding:8px 0px 6px 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 */
}

.paddingB30{
	padding-bottom:30px;
}

.t1{
	width:12%;
}
.t2{
	width:60%;
}

.t3{
	width:16%;
	text-align:center;
}
.t4{
	width:13%;
	text-align:center;
}

.t5{
	width:10%;
	text-align:center;
}


.areatxt{
	font-weight:bold;
	font-size:16px;
}



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

@ footer

-------------------------*/
footer{
	width:1024px;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	padding:40px 0px 40px 0px;
}


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




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

@media screen and (max-width: 640px) {
	.arealist {
		font-size:13px;
	}
}