@charset "utf-8";

body { background: #f4fbff url(../images/common/bg.gif) repeat; }
#contents { width: 1000px; }
#wrapper { position: relative; }
/* anchor */
#wrapper #backnumber a,
#wrapper #pagetop a {
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper #backnumber a:hover,
#wrapper #pagetop a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}

/* float 
**********************************/
.fl {float: left;}
.fr {float: right;}
.clearfix { overflow: hidden; *zoom: 1; }

/* text-align
**********************************/
.tc {text-align: center;}
.tr {text-align: right;}
.tl {text-align: left;}

/* margin 
**********************************/
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.mr10 {margin-right: 10px !important;}

/* text-hidden
**********************************/
.to {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
  line-height: 1;
  font-size: 1;
}

ul { list-style-type: none; }
h1, h2, h3, h4, h5, h6, a, p, li, ul, dd, dt, dl { padding: 0; margin: 0; }
a, a:hover, a:link { color: #20aee8; text-decoration: none; }


/* #main */
#main { 
	width: 670px;
	padding-bottom: 35px;
	margin-left: 5px;
	position: relative;
	padding-top: 450px;
}

/* #side */
#side { padding: 10px 0px 0px; position: relative; z-index: 50; }
#side .box{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}
#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#topad { padding-bottom:5px; }


/* #top */

#header {　
	overflow: hidden;
	height: 445px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.header_bg1 { background: url(../images/common/header_02.png) repeat-x 0 -60px, url(../images/common/header_01.png) repeat-x; z-index: -1; }
.header_bg2 { background: url(../images/common/header_04.png) repeat-x 0 250px; width: 100%; height: 355px; }
.header_bg3 {
    background: url(../images/common/header_03.png) no-repeat 0 -200px;
    width: 1200px;
    height: 355px;
    zoom: 1;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -740px;
    z-index: -1;
    }
#header h1 {
	background: url(../images/common/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 680px;
	zoom: 1;
	height: 233px;
    margin-left: -460px;
	position: absolute;
	top: 50px;
	left: 50%;
    overflow: hidden;
}
#nav { background: #452b0f url(../images/common/bg_nav.png) repeat-x 0 0; width: 100%; height: 90px; position: absolute; bottom: 0px; left: 0; z-index: 15;
	box-shadow:0px 0px 4px -1px #000;
	-moz-box-shadow:0px 0px 4px -1px #000;
	-webkit-box-shadow:0px 0px 4px -1px #000; }
#nav ul {
	width: 680px;
	zoom: 1;
    margin-left: -495px;
    position: absolute;
    top: 14px;
    left: 50%;
    overflow: hidden;
}
#nav ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#nav ul li {
	display: block;
	float: left;
	padding: 0 2px;
	border-left: 1px dashed #6f5437;
	text-indent: -9999px;
}
#nav ul li:last-child { border-right: 1px dashed #6f5437; padding-right: 3px; }
#nav ul li a { display: block; width: 162px; height: 73px; }
#nav ul li a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}
#nav ul li.link_01 a { background: url(../images/common/nav_01.png) no-repeat; }
#nav ul li.link_02 a { background: url(../images/common/nav_02.png) no-repeat; }
#nav ul li.link_03 a { background: url(../images/common/nav_03.png) no-repeat; }
#nav ul li.link_04 a { background: url(../images/common/nav_04.png) no-repeat; }

#nav ul li.link_01 a:hover { background-position: 0 -73px; }
#nav ul li.link_02 a:hover { background-position: 0 -73px; }
#nav ul li.link_03 a:hover { background-position: 0 -73px; }
#nav ul li.link_04 a:hover { background-position: 0 -73px; }

.btn-area { text-align: right;　padding: 20px; width: 100%; position: absolute; bottom: 100px; left: 0; z-index: 25; }
#btn-sbm {　
	zoom: 1;
    margin-left: -70px;
    position: absolute;
    top: -20px;
    left: 50%;
    overflow: hidden;　}
#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */ 
*+html #btn-sbm li { display: inline; } /* for IE7 */
#btn-sbm li a { margin: 0px; }
#btn-sbm .btnFaceBook { width: 110px; }
#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }

p#pagetop { display: inline-block; float: right; }
#pagetop a { display: block; background: url(../images/common/pagetop.png) no-repeat 0 0; width: 167px; height: 49px; }

/* テキスト指定 */
#article {
	font-size: 100%;
	line-height: 1.75;
	color: #663300;
}

/* section */
.main_section {
	padding: 20px 20px 40px;
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	box-shadow:0px 0px 6px 0px #bc9668;
	-moz-box-shadow:0px 0px 6px 0px #bc9668;
	-webkit-box-shadow:0px 0px 6px 0px #bc9668;
}
.main_section h2 {  width: 100%; height: 38px; text-indent: -9999px; border-bottom: 1px dashed #f52a98; padding-bottom: 10px; margin-bottom: 30px; }
#next.main_section h2 { background: url(../images/common/tit_01.png) no-repeat; }
#about.main_section h2 { background: url(../images/common/tit_02.png) no-repeat; }
#backnumber.main_section h2 { background: url(../images/common/tit_03.png) no-repeat; }
#schedule.main_section h2 { background: url(../images/common/tit_04.png) no-repeat; }

.pink { color: #f52a98; }
.blue { color: #1e9aff; }
.small { font-size:13px; }

/* next */
#next .next_01 { background: #ebf6ff; padding: 10px 20px 30px; margin-bottom: 30px; font-size: 20px; }
#next .next_02 { background: #ebf6ff; padding: 10px 20px 30px; margin-bottom: 30px; font-size: 16px; }
#next .next_03 { background: #ebf6ff; padding: 10px 20px 30px; font-size: 16px; }
#next .next_01 h3 { width: 208px; height: 33px; background: url(../images/common/next_01.png) no-repeat 0 0; margin: 0 auto; text-indent: -9999px; position: relative; top: -25px; left: 0; right: 0; }
#next .next_02 h3 { width: 208px; height: 33px; background: url(../images/common/next_02.png) no-repeat 0 0; margin: 0 auto; text-indent: -9999px; position: relative; top: -25px; left: 0; right: 0; }
#next .next_03 h3 { width: 208px; height: 33px; background: url(../images/common/next_03.png) no-repeat 0 0; margin: 0 auto; text-indent: -9999px; position: relative; top: -25px; left: 0; right: 0; }

#next .next_01 p span { margin-right: 10px; }
.cast dt { display: inline-block; width: 230px; text-align: right; padding-right: 10px; border-right: 3px solid #f52a98; margin-right: 10px; margin-bottom: 10px; }
.cast dd { display: inline-block; width: 330px; text-align: left; }


/* about */
#about .txt_about { background: url(../images/common/txt_about.png) no-repeat 0 0; width: 571px; height: 680px; margin: 0 auto; text-indent: -9999px; }

/* backnumber */
ul.back_list { width: 630px; zoom: 1; padding: 0 10px 0 10px;  }
ul.back_list li {
	display: block;
	float: left;
	margin-right: 10px;
	width: 300px;
	height: 200px;
	margin-bottom: 10px;
}
#backnumber {
	text-align: center;
	font-size: 16px
}
.number { margin-bottom: 20px; font-size: 17px; }

/* schedule */
#schedule { font-size: 16px; }
#schedule p span { color: #f52a98; margin-right: 10px; }
.comingsoon { background: url(../images/comingsoon.png) no-repeat 0 0; width: 191px; height: 35px; margin:  50px auto; text-indent: -9999px; }