/* CSS Document */

/*==INDEX=======================================================

  1:全体共通項目
  2:基本レイアウト枠
  
  3:ヘッダー（header.html）
  4:グローバルナビ（globalNavi.html）
  
  5:コンテンツリンク（betaLink.html）
  6:新着ニュース（betaNews.html）
  7:公演情報（betaSchedule.html）
  8:特集（betaSpecial.html）
  9:特別通販（betaAd.html）
  10:バナー枠（betaBanner.html）
  
  11:フッター（footer.html）
  
  12:ヘッダーバナー枠(banner.html)

==============================================================*/


/*==============================================================
  ■ 1:全体共通項目
==============================================================*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Arial", "Helvetica", sans-serif;
	font-size: small;
	color:#43361c;
	background: #ffffff;
}

form, input {
	margin: 0;
	padding: 0;
}

a {
	color: #3e2d1c;
	text-decoration: underline;
}

a:visited {
	color: #827a66;
	text-decoration: underline;
}

a img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
}

body {
	text-align: center;
}

.hide {
	display:none;
}

.font-s {
	font-size: x-small
}

#link-pagetop {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
	font-size: x-small;
}

#link-pagetop a {
	color: #3e2d1c;
	text-decoration: underline;
}

#link-pagetop a:visited {
	color: #3e2d1c;
	text-decoration: underline;
}

#link-pagetop .arrow {
	color: #bf6d6d;
	padding-right: 2px;
}




/*==============================================================
  ■ 2:基本レイアウト枠
==============================================================*/

#container {
	position: relative;
	margin: 0 auto;
	width: 750px;
	text-align: left;
}

#main, #alpha, #beta, #gamma, #delta {
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#main {
	margin: 15px 0 0 0;
	padding: 0;
	width: 505px;
}

#sidemenu {
	margin: 15px 0 0 0;
	padding: 0;
	width: 224px;
	float: right;
	display: inline;
}


#alpha {
	margin: 15px 18px 0 0;
	padding: 0; width: 505px;
}

#beta {
	margin: 15px 0 0 0;
	padding: 0; width: 224px;
}

#gamma, #delta {
	width: 180px;
	background: #e6ecf2;
}




/*==============================================================
  ■ 3:ヘッダー（header.html）
==============================================================*/

#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 75px;
	background: #fff;
}



/*==============================================================
  ■ 4:グローバルナビ（globalNavi.html）
==============================================================*/

#globalNavi {
	position: relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 42px;
	background: #000000;
	list-style: none;
}

#globalNavi li {
	float:left;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

#globalNavi a {
	width: 150px;
	height: 42px;
	background-image: url(/images/gnavi.gif);
	display: block;
}

/* ---ホーム--- */
#globalNavi .home a {
	background-position: 750px 0px;
}
#globalNavi .home a:hover {
	background-position: 750px 42px;
}

/* ---特集--- */
#globalNavi .special a {
	background-position: 600px 0px;
}
#globalNavi .special a:hover {
	background-position: 600px 42px;
}

/* ---ニュース--- */
#globalNavi .news a {
	background-position: 450px 0px;
}
#globalNavi .news a:hover {
	background-position: 450px 42px;
}

/* ---座館情報--- */
#globalNavi .theaters a {
	background-position: 300px 0px;
}
#globalNavi .theaters a:hover {
	background-position: 300px 42px;
}

/* ---公演情報--- */
#globalNavi .schedule a {
	background-position: 150px 0px;
}
#globalNavi .schedule a:hover {
	background-position: 150px 42px;
}



/*==============================================================
  ■ 5:コンテンツリンク（betaLink.html）
==============================================================*/

#sideLink {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 224px;
	background: #ffffff;
	list-style: none;
}

#sideLink li {
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

#sideLink a {
	display: block;
}

/* ---チケット--- */
#sideLink .ticket a {
	margin: 0;
	height: 64px;
	background-image: url(/images/link_ticket.gif);
	background-position: 0px 64px;
}
#sideLink .ticket a:hover {
	background-position: 224px 64px;
}

/* ---歌舞伎ムービー--- */
#sideLink .movie a {
	margin-top: 1px;
	height: 43px;
	background-image: url(/images/link_movie.gif);
	background-position: 0px 43px;
}
#sideLink .movie a:hover {
	background-position: 224px 43px;
}

/* ---メールマガジン登録--- */
#sideLink .regist a {
	margin-top: 1px;
	height: 43px;
	background-image: url(/images/link_regist.gif);
	background-position: 0px 43px;
}
#sideLink .regist a:hover {
	background-position: 224px 43px;
}

/* ---ダウンロード特典--- */
#sideLink .download a {
	margin-top: 1px;
	height: 43px;
	background-image: url(/images/link_download.gif);
	background-position: 0px 43px;
}
#sideLink .download a:hover {
	background-position: 224px 43px;
}

#sideLinkBanner {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 224px;
}



/*==============================================================
  ■ 6:新着ニュース（betaNews.html）
==============================================================*/

#sideNews {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 224px;
	background: #e3ddce;
	color:#3e2d1c;
	font-size: small;
	text-align: left;
}

#sideNews a {
	color:#3e2d1c;
	text-decoration: underline;
}

#sideNews a:visited {
	color: #827a66;
	text-decoration: underline;
}


#sideNews ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sideNews li {
	letter-spacing:-1px;
	margin: 0px 10px 10px 10px;
	padding-left: 21px;
	background-image: url(/images/ico_arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0% 3px;
}

#sideNews li img {margin-top:-10px;}

#sideNews-header {
	margin: 0px 0px 10px 0px;
	padding: 0;
}
#sideNews-header h2 {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#sideNews .footer {
	margin: 0;
	padding: 0px 5px 10px 0px;
	width: 214px;
}

#sideNews .footer a {
	width: 107px;
	margin: 0px;
	height: 19px;
	text-align: right;
	background-image: url(/images/news_side_bt_all.gif);
	background-position: 0px 0px;
	display: block;
}
#sideNews .footer a:hover {
	background-image: url(/images/news_side_bt_all.gif);
	background-position: 107px 0px;
}



/*==============================================================
  ■ 7:公演情報（betaSchedule.html）
==============================================================*/

#sideSchedule {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 224px;
	background: #e3ddce;
	color:#3e2d1c;
	font-size: small;
	text-align: left;
}

#sideSchedule a {
	color:#3e2d1c;
	text-decoration: underline;
}

#sideSchedule a:visited {
	color: #827a66;
	text-decoration: underline;
}

#sideSchedule dl {
	margin: 0px 10px 0px 10px;
	padding: 0;
}

#sideSchedule dt {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#sideSchedule dt a {
	width: 90px;
	height: 18px;
	display: block;
}

#sideSchedule .place-kabukiza a {
	background-image: url(/images/schedule_side_bt_kabukiza.gif);
	background-position: 0px 0px;
}
#sideSchedule .place-kabukiza a:hover {
	background-position: 0px 18px;
}

#sideSchedule .place-shinbashi a {
	background-image: url(/images/schedule_side_bt_shinbashi.gif);
	background-position: 0px 0px;
}
#sideSchedule .place-shinbashi a:hover {
	background-position: 0px 18px;
}

#sideSchedule .place-osaka a {
	background-image: url(/images/schedule_side_bt_osaka.gif);
	background-position: 0px 0px;
}
#sideSchedule .place-osaka a:hover {
	background-position: 0px 18px;
}

#sideSchedule .place-kyoto a {
	background-image: url(/images/schedule_side_bt_kyoto.gif);
	background-position: 0px 0px;
}
#sideSchedule .place-kyoto a:hover {
	background-position: 0px 18px;
}

#sideSchedule .place-other a {
	background-image: url(/images/schedule_side_bt_other.gif);
	background-position: 0px 0px;
}
#sideSchedule .place-other a:hover {
	background-position: 0px 18px;
}

#sideSchedule .place-jyungyou a {
	background-image: url(/images/schedule_side_bt_jyungyou.gif);
	background-position: 0px 0px;
}
#sideSchedule .place-jyungyou a:hover {
	background-position: 0px 18px;
}


#sideSchedule dd {
	margin: 0;
	padding: 0px 0px 3px 0px;
	font-size: small;
	line-height: 140%;
}

#sideSchedule .schedule-date {
	font-size: x-small;
	font-weight: bold;
	color: #7a6b65;
}

#sideSchedule-header {
	margin: 0px 0px 10px 0px;
	padding: 0;
}
#sideSchedule-header h2 {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#sideSchedule .footer {
	margin: 0;
	padding: 0px 5px 10px 0px;
	width: 214px;
}

#sideSchedule .footer a {
	width: 85px;
	margin: 0px;
	height: 19px;
	text-align: right;
	background-image: url(/images/schedule_side_bt_all.gif);
	background-position: 0px 0px;
	display: block;
}
#sideSchedule .footer a:hover {
	background-image: url(/images/schedule_side_bt_all.gif);
	background-position: 85px 0px;
}



/*==============================================================
  ■ 8:特集（betaSpecial.html）
==============================================================*/

#sideSpecial {
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 224px;
	background: #e3ddce;
	color:#3e2d1c;
	font-size: small;
	text-align: left;
	line-height:140%;
}

#sideSpecial a {
	color:#3e2d1c;
	text-decoration: underline;
}

#sideSpecial p {
	margin:0 10px 10px 10px;
	padding:0;
}

#betaCollabo a:visited {
	color: #827a66;
	text-decoration: underline;
}

#sideSpecial-header {
	margin: 0;
	padding: 0;
}
#sideSpecial-header h2 {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#sideSpecial .footer {
	margin: 0;
	padding: 0 15px 0 0;
	width: 209px;
}

#sideSpecial .footer a {
	width: 85px;
	margin: 0px;
	height: 19px;
	text-align: right;
	background-image: url(/images/special_side_bt_all.gif);
	background-position: 0px 0px;
	display: block;
}
#sideSpecial .footer a:hover {
	background-image: url(/images/special_side_bt_all.gif);
	background-position: 85px 0px;
}

/*==============================================================
  ■ 9:特別通販（betaAd.html）
==============================================================*/

#betaAd {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	width:204px;
	height:174px;
	font-size:10px;
	line-height:150%;
	text-align:right;
	background: #1a1512;
	color:#ccc;
}

#betaAd h3 {
	font-size:22px;
	font-weight: bold;
}

#betaAd h4 {
	font-size:14px;
	font-weight: bold;
}



/*==============================================================
  ■ 10:バナー枠（betaBanner.html）
==============================================================*/

#betaBanner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px;
	width:224px;
	text-align:left;
	background: #fff;
}

#betaBanner img {
	margin:1px 0;
}



/*==============================================================
  ■ 11:フッター（footer.html）
==============================================================*/

#footer {
	position: relative;
	margin : 40px 0 0 0;
	padding: 0;
	width: 750px;
}

#footer a {
	color:#827a66;
	text-decoration: underline;
}

#footer a:visited {
	color: #827a66;
	text-decoration: underline;
}

.footer-td1 {
	margin: 0;
	padding: 0 25px;
	font-size: x-small;
	text-align: center;
	letter-spacing: 0.1em;
	border-left: 1px solid #827a66;
}

.footer-td2 {
	margin: 0;
	padding: 0 25px;
	font-size: x-small;
	text-align: center;
	letter-spacing: 0.1em;
	border-left: 1px solid #827a66;
	border-right: 1px solid #827a66;
}

#footer-copyright {
	margin :10px 0 0 0;
	padding : 0;
	width: 750px;
	height: 23px;
	background:#000000 url(/images/footer_copyright.gif) no-repeat;
	color:#ffffff;
	text-align:left;
}



/*==============================================================
  ■ 12:バナー枠（banner.html）
==============================================================*/

#banner {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	text-align:center;
}



#main h1 {
	font-size: large;
	font-weight: bold;
	line-height: 140%;
	margin: 0px 0px 15px 0px;
	padding: 0;
}

#main h2 {
	font-size: large;
	font-weight: bold;
	line-height: 140%;
	margin: 0px 0px 15px 0px;
	padding: 0;
}

#main h3 {
	margin: 10px 0 0 0;
	padding: 0;
	background: #33180d;
	color: #fff;
	width: 505px;
	height: 24px;
}

#main h4 {
	font-size: medium;
	font-weight: bold;
	line-height: 140%;
	color:#3e2d1c;
	margin: 10px 0px;
	padding: 0;
}

#main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main li {
	margin: 0px 0px 10px 0px;
	padding-left: 21px;
	font-size: small;
	background-image: url(/images/ico_arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0% 3px;
}

#main ul.monthlynews{
	margin: 10px 0px 10px 0px;
	padding: 0px 0 10px 20px;
	font-size: small;
	border: none;
	display:none;
}

#main li.monthlynews{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	font-size: small;
}

#main p {
	font-size: medium;
	line-height: 150%;
	margin: 0px 0px 15px 0px;
}

.entrydate {
	font-size: medium;
	line-height: 100%;
	text-align:right;
	margin: 0px 0px 20px 0px;
}

.font-s {
	font-size: x-small
}


.dotlinebox {
	padding: 1px;
	margin: 0px;
	width: 503px;
	background-image: url(/images/bg_dotline.gif);
	background-repeat: repeat;
}
.dotlinebox-in {
	background-color: #ffffff;
	padding: 10px;
	margin: 0px;
	width: 483px;
}

.dotlinebox-in2 {
	background-color: #ffffff;
	padding: 20px;
	margin: 0px;
	width: 463px;
}


.dotline {
	height: 21px;
	padding: 0;
	margin: 0 0 20px 0;
	width: 100%;
	background-image: url(/images/bg_dotline.gif);
	background-repeat: repeat;
	background-position: bottom;
}

.dotline-in {
	background-color: #ffffff;
	height: 20px;
	padding: 0;
	margin: 0;
	width: 100%;
}


/* ---�����N�{�^���E����--- */
.link-monthly a {
	width: 135px;
	margin: 0;
	padding: 0;
	height: 19px;
	background-image: url(/news/images/news_bt_monthly.gif);
	background-position: 0px 0px;
	display: block;
}
.link-monthly a:hover {
	background-position: 135px 19px;
}

/* ---�����N�{�^���E�C�x���g--- */
.link-event a {
	width: 211px;
	margin: 0;
	padding: 0;
	height: 19px;
	background-image: url(/news/images/news_bt_event.gif);
	background-position: 0px 0px;
	display: block;
}
.link-event a:hover {
	background-position: 211px 19px;
}

/* ---�����N�{�^���E���--- */
.link-actor a {
	width: 233px;
	margin: 0;
	padding: 0;
	height: 19px;
	background-image: url(/news/images/news_bt_actor.gif);
	background-position: 0px 0px;
	display: block;
}
.link-actor a:hover {
	background-position: 233px 19px;
}

/* ---�����N�{�^���E����--- */
.link-title a {
	width: 189px;
	margin: 0;
	padding: 0;
	height: 19px;
	background-image: url(/news/images/news_bt_title.gif);
	background-position: 0px 0px;
	display: block;
}
.link-title a:hover {
	background-position: 189px 19px;
}

/* ---�����N�E�����}�K--- */
#magazine-link {
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	background-image: url(/news/images/news_magazine_info.gif);
	background-repeat: no-repeat;
	background-position: 44px;
}

#magazine-link a {
	width: 167px;
	height: 32px;
	margin: 0;
	padding: 0;
	background-image: url(/news/images/news_magazine_bt.gif);
	background-position: 0px 0px;
	display: block;
}
#magazine-link a:hover {
	background-position: 167px 0px;
}

/* ---ブックマーク--- */

.sbm_icon {
	text-align:right;
	margin:0 0 10px 0;
}