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

/*--------------------
基本設定
---------------------*/

body {
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-repeat:repeat;
	background-color:#ffd100;
	line-height:20px;
	background:url(../images/wrap_bg.jpg) repeat-x top;
	background-color:#ffd100;
}

ul , li , h1 , h2 , h3 ,h4 , h5 , h6 , table , tr , td , img , p , a , div , form , dl , dt , dd {
	margin:0;
	padding:0;
}

a {
	color:#7f1083;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}

a:link{
	color:#7f1083;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}

a:visited {
	color:#7f1083;
	text-decoration: underline;
}
a:hover {
	color:#7f1083;
	text-decoration:none;
}

ul , li {
	list-style-type:none;
}

img {
	border:0;
}

a:hover img {
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background: #fff;
}


table {
	border-collapse:collapse;
}


/*--------------------
汎用設定
---------------------*/

br.clear {
	clear:both;
}

img.border {
	padding:2px;
	border:solid 1px #333;
}

a.noborder {
	text-decoration:none;
}

span.ajust {
	text-indent:-9999px;
}


span.bold {
	font-weight:bold;
}

span.bold2 {
	font-weight:bold;
	font-size:14px;
}

span.red_bold {
	font-weight:bold;
	color:#e21212;
}

span.red_bold2 {
	font-weight:bold;
	color:e21212;
	font-size:14px;
}

span.bg {
	background-color:#000;
	color:#FFF;
	margin-left:3px;
	margin-right:3px;
}

span.bg2 {
	background-color:#e21212;
	color:#FFF;
	margin-left:3px;
	margin-right:3px;
}

span.white {
	color:#FFF;
}



html{
    height:100%;
}
body{
    height:100%;
}
* html div#wrap {
    height:100%;
}
div#wrap{
    width: 100%;
    margin:0px 0px;
    min-height: 100%;
	height: auto !important;
width:1145px;
overflow:hidden;
}
body > #wrap {
        height: auto;
}
body > div#navi {
        height: auto;
}

/*--------------------
ナビゲーション
---------------------*/

div#navi {
	width:213px;
	background:url(../images/navi_bg.png) repeat-y;
	height:100%;
    min-height: 100%;
	margin:0px;
	padding:25px 15px 0px 19px;
	float: left;
	position: fixed;
	left: 0px;
	top: 0px;
}

div#navi p#summery {
	font-size:10px;
	color:#ffd100;
	position: fixed;
	left: 25px;
	top: 2px;
}

div#navi div#logo {
	width:124px;
	height:133px;
	margin:0px auto 30px auto;
}

div#navi div#logo a {
	width:124px;
	height:133px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../images/logo.jpg);
	overflow:hidden;
}

div#navi ul#menu {
	width:210px;
	margin:0px 0px 20px 0px;
	background-image:url(../images/navi_dot.jpg);
	padding-top:1px;
}

div#navi ul#menu li {
	width:210px;
	height:58px;
}

div#navi ul#menu li a {
	display:block;
	width:210px;
	height:58px;
	text-indent:-9999px;
	overflow:hidden;
}

div#navi ul#menu li a:hover {
	background-position:0px -58px;
}

div#navi ul#menu li.profile a {
	background-image:url(../images/navi1.jpg);
}

div#navi ul#menu li.live a {
	background-image:url(../images/navi2.jpg);
}

div#navi ul#menu li.blog a {
	background-image:url(../images/navi3.jpg);
}

div#navi ul#menu li.goods a {
	background-image:url(../images/navi4.jpg);
}

div#navi ul#menu li.request a {
	background-image:url(../images/navi5.jpg);
}

div#navi ul#menu li.ticket a {
	background-image:url(../images/navi6.jpg);
}

div#navi ul#menu li.link a {
	background-image:url(../images/navi7.jpg);
}

div#navi div#menu_mail {
	margin-bottom:20px;
	width:171px;
	height:30px;
}

div#navi div#menu_mail a {
	width:171px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../images/navi_mail.jpg);
}

div#navi div#menu_mail a:hover {
	background-position:0px -30px;
}


div#navi div#copyright {
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../images/copyright.jpg);
	width:200px;
	height:24px;
	/*position: fixed;
	left: 25px;
	bottom: 20px;*/
	position:relative;
}

div#navi div#copyright div#powered {
	width:76px;
	height:8px;
	position:absolute;
	bottom:0px;
	right:35px;
}

div#navi div#copyright div#powered a {
	width:76px;
	height:8px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../images/copyright_powered.jpg);
}

/*--------------------
コンテンツ
---------------------*/

div#main {
	width:895px;
	float:right;
	height:100%;
	
}

div#main div#content {
	width:690px;
	float:left;
}

div#main div#side {
	width:196px;
	float:right;
}


/*--------------------
サイドナビ
---------------------*/

/*--角丸ボックス設定--*/

div.side_wrap {
	width:196px;
	background:url(../images/top_side_bg_bottom.jpg) no-repeat bottom;
	padding-bottom:12px;
	margin-top:20px;
	font-size:11px;
	line-height:16px;
}

div.side_wrap div.side_wrap2 {
	background: url(../images/top_side_bg_top.jpg) no-repeat top;
	padding-top:12px;
}

div.side_wrap div.side_wrap2 div.box {
	background-color:#f8f4e3;
	padding:0px 0px 0px 0px;
	background: url(../images/top_side_bg_center.jpg) repeat-y;
}

div.side_wrap div.side_wrap2 div.box div.side_menu {
	background:url(../images/dot1.jpg) repeat-x bottom;
	margin:0px 8px 0px 8px;
	padding:10px 0px;
	background-color:#FFF;
}

div.side_wrap h2 {
	width:160px;
	height:38px;
	margin:0px 0px 15px 10px;
}

div.side_wrap h2 a {
	text-indent:-9999px;
	display:block;
	width:160px;
	height:38px;
	overflow:hidden;
}

div.side_wrap h3 {
	margin:0px 0px 15px 10px;
	font-size:11px;
	padding:5px 0px 0px 15px;
	background:url(../images/side_menu_h3.gif) no-repeat 0px 8px;
}

div.side_wrap h2.title_live a {
	background-image:url(../images/top_side_live_find.jpg);
}

div.side_wrap h2.title_live a:hover {
	background-position:0px -38px;
}

div.side_wrap h2.title_blog a {
	background-image:url(../images/top_side_blog_find.jpg);
}

div.side_wrap h2.title_blog a:hover {
	background-position:0px -38px;
}

div.side_wrap h2.title_tweet a {
	background-image:url(../images/top_side_tweet_find.jpg);
}

div.side_wrap h2.title_tweet a:hover {
	background-position:0px -38px;
}

/*--ブログ--*/

div.side_wrap ul.blog {
}

div.side_wrap ul.blog li {
	padding:0px 10px 10px 24px;
	background:url(../images/arrow.png) no-repeat 12px 4px;
}

div.side_wrap ul.blog li span {
	color:#999;
	font-size:10px;
}

div.side_wrap ul.blog li a {
	font-weight:bold;
	text-decoration:none;
}

div.side_wrap ul.blog li a:hover {
	background-color:#000;
	color:#FFF;
}


/*--公演情報--*/

div.side_wrap ul.live {
}

div.side_wrap ul.live li {
	padding:0px 10px 10px 10px;
}

div.side_wrap ul.live li div.photo {
	width:60px;
	float:left;
}

div.side_wrap ul.live li div.photo img {
	width:55px;
	height:80px;
}

div.side_wrap ul.live li div.text {
	width:95px;
	float:right;
}

div.side_wrap ul.live li div.text p {
	
}

div.side_wrap ul.live li div.text p.title {
	padding-bottom:5px;
	line-height:14px;
}

div.side_wrap ul.live li div.text p.title a {
	font-weight:bold;
	text-decoration:none;
}

div.side_wrap ul.live li div.text p.title a span {
	font-size:10px;
}

div.side_wrap ul.live li div.text p.title a:hover {
	background-color:#000;
	color:#FFF;
}

/*--ブログ_カテゴリ--*/

div.side_wrap ul.blog_sub {
}

div.side_wrap ul.blog_sub li {
	padding:0px 10px 10px 24px;
	background:url(../images/arrow.png) no-repeat 12px 4px;
}

div.side_wrap ul.blog_sub li span {
	color:#999;
	font-size:10px;
}

div.side_wrap ul.blog_sub li a {
	text-decoration:none;
	font-weight:bold;
}

div.side_wrap ul.blog_sub li a:hover {
	background-color:#000;
	color:#FFF;
}


/*--------------------
clearfix
---------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

*html .clearfix {
  height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--------------------
IE6メッセージ
---------------------*/

.ieerror{
	color:#FFF;
         background:#000;
         padding: 10px;
         text-align:center;
         font-weight:bold;
		 position:absolute;
		 top:0px;
		 left:0px;
		 z-index:1000;
		 width:100%;
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
}

.ieerror a {
	color:#FFF;
}


/*--------------------
ツイッター
---------------------*/

ul#twitter_update_list {
	margin:0px 10px 0px 10px;
}

ul#twitter_update_list li {
	font-size:10px;
	line-height:16px;
	border-bottom:dotted 1px #CCC;
	padding:5px 10px 5px 10px;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:0px 10px
	
}

ul#twitter_update_list li a {
	color:#86ceea;
	text-decoration:none;
}

ul#twitter_update_list li a:hover {
	color:#fff;
	background-color:#000;
	text-decoration:none;
}

div.tweet_list {
	font-size:10px;
	text-align:right;
	margin:0;
	padding:0;
	padding:5px 5px 0px 2px;
}

div.tweet_list a {
	color:#4eb8e2;
	text-decoration:none;
}


/*--------------------
ページの先頭へ
---------------------*/

div#to_top {
	width:26px;
	height:30px;
	position: fixed;  
	bottom: 10px;
	right:0px;
}

div#to_top a {
	display:block;
	width:26px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(../images/to_top.png);
}

div#to_top a:hover {
	background-position:0px -30px;
}