@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}
body {
   margin: 10px auto;/* 上から10px分余白を取る */
   padding:0;
   letter-spacing:1px;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   font-size:15px;
   color:#5A482B;
   border-top:0;
   background:#fff url("../images/bg_body.jpg");
   text-justify: inter-ideograph; /* テキストの両端を均等にそろえる*/
   text-align:justify;  /* テキストの両端を均等にそろえる*/
}
br {
   letter-spacing:normal;}
a {
   color:#5A482B;
   text-decoration:none;}
a:hover {
   color:#C94C00;}
img {
   border:0;
   vertical-align:bottom;}
h1,h2,h3,h4,h5,h6 {
   margin:0;}
/* ========TEMPLATE LAYOUT======== */
#headWrap {/*ヘッダーの幅 */
   position:relative;
   width:100%;
   margin:0 auto ;
   padding:10px 10px 0px 10px;
   min-width: 1000px; /* 横スクロール時にヘッダやフッタが切れないようにする*/
line-height:0px;  /*li・dt・ddなどで画像を縦に並べた時の隙間を無すIE*/
background-image:url("../images/header1.gif") ; /*ヘーダーの背景画像の指定*/
background-repeat:repeat-x;/*背景画像を横に繰り返す指定*/ 
height:130px;
box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);　/*背景の影 */
}
#header {/*ヘッダーの中の文字 */
   position:relative;
   width:787px;
   margin:0 auto;
}
#pr {
   position:absolute;
   left:0;
   top:0;
   width:787px;
}
#gnavi {
   position:absolute;
      bottom:0px ; /*ボックスを配置する場合の、下からの配置位置（距離）を指定する(ネット販売アイコンの位置)*/
 left:710px;　/*左から470pxの位置に表示*/
}
#myButton2 a {
 position:absolute;
 bottom:0px ; /*ボックスを配置する場合の、下からの配置位置（距離）を指定する(ネット販売アイコンの位置)*/
 left:480px;　/*左から470pxの位置に表示*/
    display: block; /*ブロックボックスを生成する*/
    overflow: hidden; /*はみ出た部分は表示されません。*/
    height: 74px;
    width: 216px;
    background-image: url("../images/photop.gif");
    background-repeat: no-repeat;
    padding-top: 8px;
    margin: 10px 50px;
}
#myButton2 a:hover {
     background-position: left bottom;
}
#myButton2 span {
    display:none; /* 非表示 */
}
#myButton3 a {
    display: block; /*ブロックボックスを生成する*/
    overflow: hidden; /*はみ出た部分は表示されません。*/
    height: 72px;
    width: 110px;
    background-image: url("../images/bosyuuyoukou.gif");
    background-repeat: no-repeat;
    padding-top: 8px;
    margin: 10px 50px;
}
#myButton3 a:hover {
     background-position: left bottom;
}
#myButton3 span {
    display:none; /* 非表示 */
}
/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:10px 60px;/*東京舞台映像の画像の位置 */
   font-size:32px;
   color:#fff;
   line-height:50px;
}
#header h1 a {
   color:#9B0000;
}
#header h1 a:hover {
   color:#D30000;
}
#header #pr p {
   margin:2px 77px;
   color:#FFEFD5;
   font-size:11px;
}
/* ========メニュー======== */
#menu {/*メニューの文字画像 */

   width:100%;
   float:left;
   margin:0 auto 15px;  
 }
img {
border:0;
}
.rollover01 {
width:126px;
height:28px;
background:url(images/rollover_on.jpg) no-repeat left bottom;
}
.rollover01 a {
display:block;
width:126px;
height:28px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
} 

#icatch {
   /*clear:both;  フッタ部分の回り込みを無くすため最下部表示*/
   width:530px;
   margin:0 auto;  /*画像の位置細かく指定 */
    	border: solid 1px #000;
	overflow: hidden;  /*はみ出た内容の表示方法を指定する*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
}
#midasi3{
         line-height:0px;  /*li・dt・ddなどで画像を縦に並べた時の隙間を無すIE*/
}
#midasi4{
         width:787px;  /*幅を指定する*/
         margin: 0px auto ;  /*[上下][左右]*/
}
#midasi4 ul{
        margin: 20px 20px;
        padding: 0;
}
#midasi4 li{
    color: #333333;
    font-size: 15pt;
    font-weight: bold;
    width:787px;
    border-left:8px solid #B92A2C;
    line-height:normal;   /*li・dt・ddなどで画像を縦に並べた時の隙間を無すIE*/

    border-bottom: 2px solid #B92A2C;
    box-shadow: 0 1px 0 #aaaaaa;
    -webkit-box-shadow: 0 1px 0 #aaaaaa;
    -moz-box-shadow: 0 1px 0 #aaaaaa;
    text-shadow: #999999 0px 1px 1px;

    /* text-indent: 1em;  文章の段落などの一行目に一文字開けたりできる。負の値を指定することもできます */
} 
p.example { 
           font-weight: 700;
           font-size: 20pt;
           display:inline;
}
#contents {/*メインの背景 */
       clear:both;
       width:680px;
       margin:0 auto;
       padding: 20px 20px;/*上下10px、左右20px   */
       background:#fff;
       margin-bottom: 20px;/*フッター上部の余白・#sidebarにも同じのを置かないといけない */  
    -moz-border-radius: 20px;/*背景の角丸 */
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
 box-shadow: 0px 6px 5px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0px 6px 5px rgba(0,0,0,0.6);
 -moz-box-shadow: 0px 6px 5px rgba(0,0,0,0.6);　/*背景の影 */
}
/* ========mainの内容======== */

#main {
        width:680px;
}
#main ul{
/*  ========【デフォルトの余白を取り除く方法】
一般的なブラウザでは、リストの周囲に適度な余白が設定されています。
この余白を取り除きたい場合は、ul要素（またはol要素）に対して次のスタイルを設定します。
ul {
margin: 0 0 0 1em;
padding: 0;
}
 ========*/
          margin: 0 0 0 1em;
          padding: 0;

          text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
          font-weight: 700; /* 太文字  */
          font-size: 13pt;
          list-style-type:none;
}
#main li{
         padding-left:30px;/*文との間隔*/
         background:url("../images/18.gif") no-repeat left top;
         line-height:1.5; /* 文字の行間  */
/*           padding-left:1px; /* 文章の先頭一文字だけ出す */
/*           text-indent:-1em; /* 文章の先頭一文字だけ出す */
         margin: 10px 0px; /* 文章と文章の間　上下10px、左右0px*/
}
#HanselundGretel{
    height: 314px;
    width: 530px;
    background-image: url("../images/HanselundGretel.gif");
    background-repeat:no-repeat;
}
#HanselundGretel span {
    display:none; /* 非表示 */
}

        /* margin: 30px 5px 30px 20px;  /*[上][右][下][左]*/
#honnbun{

         padding: 20px  20px;
         
         width:640px;
         height:140px; 
         background-image:url(../images/19.gif); /*ヘーダーの背景画像の指定*/
         background-repeat:repeat;/*背景画像を横に繰り返す指定*/
         background-position:top right;

    -moz-border-radius: 20px;/*背景の角丸 */
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;

}
#honnbun2{
              margin: 0px 0px;
              padding: 15px 10px 10px 18px; /*[上][右][下][左]*/
              border-left:8px solid #B92A2C;               
}
#sub {
   float:left;
   width:200px;
}
#pageTop {
   clear:both;
}
#footMenu {
   width:787px;
   margin:0 auto;
}
#footer {/* フッターの背景の幅・位置・色*/
   border-bottom:5px solid #9B0000; /* 一番下の線の色・幅 */
    clear:both;
    margin-top:10px;
    min-width: 960px; /* 横スクロール時にヘッダやフッタが切れないようにする*/
    background:url("../images/header1.gif") repeat-x top;
    height:150px;
}
/* ========MENU CUSTOMIZE======== */

#menu ul {
   width:787px;
   margin:0 auto;
   padding:0;
}
#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}
#menu li a {
   display:block;
   width:155px; /*メニューの画像幅の間隔 */
   color:#5A482B;
   line-height:60px;
   font-family:Georgia,"MS 明朝","Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3",serif;
   color:#3F2A0F;
   font-weight:bold;
   font-size:16px;
}
#menu li a:hover {/*メニューの文字画像 */
   color:#C94C00;
  /* background: url("../images/.gif") 0 -60px repeat-x;
   z-index:100;*/
}
/* ========TOPICPATH CUSTOMIZE======== */
#topicPath {
   margin-bottom:10px;
   font-size:11px;
}
/* ========SUBCONTENTS CUSTOMIZE======== */
#sidebar  {  
    width: 200px;
    float: left;
    margin-bottom: 20px;/*フッター上部の余白・#contentsにも同じのを置かないといけない */
}
/* ========ビデオ・DVD撮影Video・DVD 内容========= */
#Coppelia{
    height: 326px;
    width: 530px;
    background-image: url("../images/Coppelia.gif");
    background-repeat:no-repeat;
}
#Coppelia span {
    display:none; /* 非表示 */
}
#midasi{
   padding:17px 0px 15px 50px;/* 上右下左*/
   color:#5A482B;
   font-size:15px;
   font-weight:bold;
   line-height:30px;
   background:url("../images/midasi.gif") 45% no-repeat;
}
.setumeihyou{
background-image: url("../images/hyou.gif");
background-repeat: no-repeat;
/*background-size:px;画像の拡大*/
height: 140px;
}
.setume0{
margin: 0px 0px 0px 0px;/* 上右下左*/
padding:20px 0px 0px 118px;
font-size:13px;
}
.setume01{
margin: 0px 0px 0px 0px;/* 上右下左*/
padding:20px 0px 0px 118px;
font-size:13px;
}
span.bold{
    font-size: 10pt;
    margin-left:20px;
}
h3 {
   padding:10px 0px 45px 50px;/* 上右下左*/
   color:#5A482B;
   font-size:19px;
   font-weight:bold;
   line-height:15px;
   background:url("../images/rain.gif") 45% no-repeat;
}
.setumei{    margin: 0px 20px 10px 30px;/* 上右下左*/
	      padding: -2px 2px 2px 10px;
}
.setumeig{
background-image: url("../images/satueig.gif");
background-repeat: no-repeat;
height: 880px;
}
.setu0{      padding:70px 20px 0px 20px;/* 上右下左*/
}
.setu1{      padding-left:30px;/*文との間隔*/
             background-image: url("../images/20.gif");
             background-repeat:no-repeat;
             list-style-type:none;
          text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
          font-weight: 600; /* 太文字  */
          font-size: 13pt;
}
.setu2{
margin: 0px 0px 0px 0px;/* 上右下左*/ 
padding:0px 0px 0px 0px;
padding-left:20px;/*文との間隔*/
background-image: url("../images/21.gif");
background-repeat:no-repeat;
list-style-type:none;
}
.setu8{      padding:8px 20px;
             margin: 0px 0px 0px 0px;/* 上右下左*/
}
.setu3{
             margin: 23px 0px 0px 0px;/* 上右下左*/
             padding-left:30px;/*文との間隔*/
             background-image: url("../images/22.gif");
             background-repeat:no-repeat;
             list-style-type:none;
          text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
          font-weight: 600; /* 太文字  */
          font-size: 13pt;
}
.setu4{
             margin: 46px 0px 0px 0px;/* 上右下左*/ 
             padding-left:30px;/*文との間隔*/
             background-image: url("../images/23.gif");
             background-repeat:no-repeat;
             list-style-type:none;
          text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
          font-weight: 600; /* 太文字  */
          font-size: 13pt;
}
.setu5{      margin: 42px 0px 0px 0px;/* 上右下左*/
             padding-left:30px;/*文との間隔*/
             background-image: url("../images/24.gif");
             background-repeat:no-repeat;
             list-style-type:none;
          text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
          font-weight: 600; /* 太文字  */
          font-size: 13pt;
}
/* ========Photo========= */
.setumeig2{
background-image: url("../images/satueig-2.gif");
background-repeat: no-repeat;
height: 970px;
}
.syasin {
    background-image: url("../images/sozai1.jpg"),url("../images/sozai2.jpg");
    background-repeat:no-repeat, no-repeat;
    background-position: bottom left, right bottom;
    height:200px;
    margin: 0px 0px 15px 0px;
    background-position: top left, 300px 100px;
}
.syasin span {
    display:none; /* 非表示 */
}
.setumeihyou2{
background-image: url("../images/hyou2.gif");
background-repeat: no-repeat;
height: 258px;
}
.setume1{
margin: 0px 0px 0px 0px;/* 上右下左*/
padding:20px 0px 0px 128px;
font-size:13px;
}
.setume2{
margin: 0px 0px 0px 0px;/* 上右下左*/
padding:20px 0px 0px 128px;
font-size:13px;
}
.setume3{
margin: 0px 0px 0px 0px;/* 上右下左*/
padding:35px 0px 0px 128px;
font-size:13px;
}
.setume4{
margin: 0px 0px 0px 0px;/* 上右下左*/
padding:42px 0px 0px 128px;
font-size:13px;
}
.setu10{      margin: 10px 0px 0px 0px;/* 上右下左*/
             padding:12px 0px 0px 0px;
             padding-left:30px;/*文との間隔*/
             background-image: url("../images/26.gif");
             background-repeat:no-repeat;
             list-style-type:none;
             height:35px;
          text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
          font-weight: 600; /* 太文字  */
          font-size: 13pt;
}
.setu11{      margin: 39px 0px 0px 0px;/* 上右下左*/
             padding-left:30px;/*文との間隔*/
             background-image: url("../images/27.gif");
             background-repeat:no-repeat;
             list-style-type:none;
          text-shadow: 0px 1px 1px rgba(0,0,0,0.3); 
          font-weight: 600; /* 太文字  */
          font-size: 13pt;
}
.setu12{     padding:0px 0px 0px 20px;
             margin: 0px 0px 15px 0px;/* 上右下左*/
}
.setu13{     padding:0px 0px 0px 20px;
             margin: 20px 0px 0px 0px;/* 上右下左*/
}
.setu14{     padding:0px 0px 0px 20px;
             margin: 10px 0px 0px 0px;/* 上右下左*/
}
/* ========about_us========= */
#Nutcracker{
    height: 326px;
    width: 530px;
    background-image: url("../images/The-Nutcracker.gif");
    background-repeat:no-repeat;
}
#Nutcracker span {
    display:none; /* 非表示 */
}
.syasin2 {
    background-image: url("../images/ustel223.gif");
    background-repeat:no-repeat;
    background-position: bottom left;
    height:90px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
}
.syasin2 span {
    display:none; /* 非表示 */
}
/* ========よくあるご質問========= */
.sam1 {
	border-collapse: collapse;
	width:600px;
       margin: 10px 0px;
       font-size: 10pt;
}
th.t_top {
    border-top: #be1309 6px solid;
}
th {
       background: #fffafa;  /* 左 */
	border: #BDB76B 1px solid;  /* 隣接するセルのボーダーを重ねて表示します。*/
       background-image: url("../images/hyou3.gif") ;
       text-align: left;
      vertical-align: top; 
	padding: 7px;
	width:180px;
	font-weight: bold;
}
td.t_top {
	border-top: #BDB76B 6px solid;
}
td {
	border: #BDB76B 1px solid;
	padding: 7px;
       text-align: left;
}
.tensen {
padding: 5px 0px 0px 0px;/* 上右下左*/  
    border-top: 1px dashed #BDB76B ;  
}
.banngou1 {
    margin: 10px 0px 10px 0px;/* 上右下左*/
    background-image:url("../images/telfax3.gif") ;
    background-repeat:no-repeat;
    height:23px;
}
.banngou1 span {
    display:none; /* 非表示 */
}
.banngou2 {
    margin: 10px 0px 10px 0px;/* 上右下左*/
    background-image:url("../images/mail3.gif") ;
    background-repeat:no-repeat;
    height:23px;
}
.banngou2 span {
    display:none; /* 非表示 */
}
.banngou3 {
    margin: 10px 0px 10px 0px;/* 上右下左*/
    background-image:url("../images/yupost3.gif") ;
    background-repeat:no-repeat;
    height:35px;
}
.banngou3 span {
    display:none; /* 非表示 */
}
/* ========PAGEOP CUSTOMIZE========= */
#pageTop {
   padding:20px 0;
   text-align:right;
   font-size:11px;
}
#pageTop a {
   padding-left:8px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}
/* ========プライバシーポリシー========= */
.mida2{
	  position: relative;
	  color: #ffffff;
	  background: #BDB76B;
	  font-size: 13pt;
	  line-height: 15px;
	  margin: 15px 10px 20px 5px;/* 上15px、右10px、下20px、左5px*/
	  padding: 7px 5px 6px 30px;
         border-radius: 15px; 
}
.tensen2 {
padding: 5px 0px 0px 0px;/* 上右下左*/  
border-bottom: 1px dashed #BDB76B ;  
}
.setumei2{
margin: 5px 20px 20px 30px;/* 上右下左*/
padding: -2px 2px 2px 10px;
font-weight:bold; 
}
/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
   margin:0;
   padding: 80px 0 0 0;
   text-align:right;
   font-weight: bold;
}
#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}
#footMenu li a {
   padding-left:10px;/*文との間隔*/
   background:url("../images/bg_footmenu.gif") 0 50% no-repeat;
   color: #FFE4B5;
}
/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:20px 0;/*文字の高さ*/
   font-size:11px;
   font-style:normal;
   color:#FFE4B5;
   text-align:center;
}