@charset "utf-8";
#pagewrap * , #pagewrap *:before, #pagewrap *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
		box-sizing: border-box;
}

#pagewrap h1,#pagewrap h2,#pagewrap h3,#pagewrap h4,#pagewrap h5,#pagewrap h6,#pagewrap p,#pagewrap ul,#pagewrap ol,#pagewrap li,#pagewrap dl,#pagewrap dt,#pagewrap dd,#pagewrap {
	padding:0; margin:0;
	font-feature-settings: 'pkna' 1;
	line-height:160%;
	letter-spacing:0.1em;
	font-size:13px;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

/*　▼　本文全体　#pagewrap　▼　*/

#pagewrap	{ color:#2a2a2a; background:#fef5d0; font-size:13px; font-weight:normal; font-style: normal; text-decoration: none; list-style: none; }
#pagewrap #head	{ text-align:center; }
#pagewrap #head .oa-date	{ width:98%; max-width:640px; font-weight:bold; padding:5px; margin:0 auto; margin-bottom:10px; font-size:13px; text-align:center; border:1px solid #888888; }

#pagewrap #title	{ border-bottom:3px solid #f39800; text-align:right; margin-bottom:10px; padding:0; line-height:0; }
#pagewrap #title img	{ width:100%; max-width:640px; height:auto; }

#pagewrap .mov	{ width:90%; margin:0 auto; margin-bottom:10px; max-width:640px; }

#pagewrap #intro	{ width:95%; max-width:640px;
	border-width: 1px; border-style: solid; border-color:#76332a; margin:0 auto;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	margin-bottom:10px;
}

#pagewrap #intro h1	{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	background:#76332a; padding:5px; text-align:center; color:#ffffff; font-size:16px;
}

#pagewrap #intro p	{ margin:10px; }

#pagewrap #music	{ width:95%; max-width:640px; margin:0 auto; border:1px solid #76332a; margin-bottom:10px; }
#pagewrap #music p, #pagewrap #select p, #pagewrap #column p	{ margin:10px; }


#pagewrap #staff, #pagewrap #cast, #pagewrap #select, #pagewrap #column	{ width:95%; max-width:640px; margin:0 auto; border:1px solid #76332a; margin-bottom:10px; }
#pagewrap #staff h1, #pagewrap #cast h1, #pagewrap #select h1, #pagewrap #title h1, #pagewrap #column h1	{ background:#76332a; padding:5px; text-align:center; color:#ffffff; font-size:16px; }
#pagewrap h2	{ background:#f19601; padding:5px; text-align:center; color:#ffffff; font-size:16px; }

/* ------------------------------------------------ */
/*　▼　汎用リスト用パーツ　.default-list　▼　*/

#pagewrap .default-list li	{ padding:10px; border-bottom:1px dashed #76332a; text-align:center; }
#pagewrap .default-list li:last-child	{ border:0; }
#pagewrap .default-list li.border-b	{ border-bottom:1px dashed #76332a; }
#pagewrap .default-list li.link{
}
#pagewrap .default-list li a{
	display:block;
	color:#eb2d02;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
}
#pagewrap .default-list_l li	{ padding:10px; border-bottom:1px dashed #76332a; text-align:left; }
#pagewrap .default-list_l li:first-child	{ border-top:1px dashed #76332a; }
#pagewrap .default-list_l li:last-child	{  }
#pagewrap .default-list_l li.border-b	{ border-bottom:1px dashed #76332a; }

#pagewrap .button-wrap, #pagewrap .button-wrap2, #pagewrap .button-wrap3{
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	-o-box-orient:horizontal;
	-ms-box-orient:horizontal;
	-moz-box-pack:justify;
	-webkit-box-pack:justify;
	-o-box-pack:justify;
	-ms-box-pack:justify;
	padding:10px 10px;
}

#pagewrap .button-wrap2 li{
	padding:10px 5px;
	width:45%;
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #ea2903;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* IE10+ */
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;	/* Firefox用 */  

	text-align:center;
}

#pagewrap .button-wrap3 li{
	padding:10px 5px;
	width:30%;
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #ea2903;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* IE10+ */
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;	/* Firefox用 */  

	text-align:center;
}

#pagewrap .button-wrap li a,#pagewrap .button-wrap2 li a,#pagewrap .button-wrap3 li a	{ display:block; color:#ea2903; font-size:13px; }




#pagewrap .tap-button{
	width:90%;
	margin:10px auto;
	padding:10px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#pagewrap .tap-button a	{ display:block; color:#555555; }


#pagewrap #gotopc .tap-button{
	width:100%;
	border-radius: 0px;		/* CSS3草案 */
	-webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px;	/* Firefox用 */

	text-align:left; font-size:small; font-weight:normal; border-width: 3px 0; border-style: solid; border-color: #76332a;
	background: #ffffff;
	padding-left:40px;
	background-image: url(../images/arrow_circle_re.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#pagewrap #gotopc .tap-button a	{ display:block; color:#76332a; }

#pagewrap #copyright	{ text-align:center; padding:10px 0; width:98%; max-width:940px; margin:0 auto; margin-top:10px; font-size:10px; }

#pagewrap .centering	{ text-align:center; }
#pagewrap .txt-l	{ text-align:left; }
#pagewrap .highlight	{ color:#f16701; font-weight:bold; }
#pagewrap .font-10	{ font-size:10px; line-height:160%; }
#pagewrap .font-12	{ font-size:12px; line-height:160%; }
#pagewrap .font-15	{ font-size:15px; line-height:160%; }
#pagewrap .max640w	{ width:100%; max-width:640px; height:auto;}

/* 投票ボタン */
#pagewrap .tap-button-vote{
	margin:6px auto;
	width:90%;
	text-align:center;
	color:#bf0000;
	font-size:medium;
	font-weight:bold;

	border-width: 1px;
	border-style: solid;
	border-color: #d70000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d70000;
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  

	background: #f9f56b;
	background: -moz-linear-gradient(top, #f9f56b 0%, #feb645 100%);
	background: -webkit-linear-gradient(top, #f9f56b 0%,#feb645 100%);
	background: linear-gradient(to bottom, #f9f56b 0%,#feb645 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f56b', endColorstr='#feb645',GradientType=0 );
}

#pagewrap .tap-button-vote a{
	color:#bf0000;
}

#pagewrap #column .title	{ border-bottom:1px dashed #76332a; padding-left: 10px; font-size:16px; }
#pagewrap #column .select-img	{ width:240px; margin:5px auto; }

#pagewrap ul.index:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#pagewrap ul.index { display: inline-table; }
/* Hides from IE-mac \*/
* html #pagewrap ul.index { height: 1%; }
#pagewrap ul.index { display: block; }
/* End hide from IE-mac */{

}

#pagewrap .index .back {
	width:40%;
	float:left;

	margin:6px;
	text-align:center;
	font-size:small;
	font-weight:normal;
	border-width: 1px;
	border-style: solid;
	border-color: #76332a;
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

#pagewrap .index .back a{
	display:block;
	color:#d30b0b;
	background-image: url(../images/arrow_re.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:25px;
}

#pagewrap .index .next {
	width:40%;
	float:right;

	margin:6px;
	text-align:center;
	font-size:small;
	font-weight:normal;
	border-width: 1px;
	border-style: solid;
	border-color: #76332a;
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

#pagewrap .index .next a{
	display:block;
	color:#d30b0b;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
}




#pagewrap .dizm		{ width:95%; max-width:640px; height:auto; margin:5px auto; margin-bottom:10px; }
#pagewrap .dizm img	{ width:100%; max-width:640px; height:auto; }