/* CSS Document */

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

  1:全体共通項目
  2:基本レイアウト枠
  3:ヘッダー（header.js）
  4:グローバルナビ（globalNavi.js）
  5:フッター（footer.js）
  6:いろはヘッダー（iroha_head.js）
  7:メルマガ(mail_magazine.js)

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


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

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "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;
}


.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: 950px;
}

#pankuzu {
	text-align: left;
	margin: 15px 0px 10px 0px;
	padding: 0;
	width: 950px;
	clear:both;
}

#contents {
	/*display: inline;*/ /* ie win bugfix */
	position: relative;
	min-height: 1px;
	margin:0 100px;
	padding: 0;
	width: 750px;
}

#contents2 {
	/*display: inline;*/ /* ie win bugfix */
	position: relative;
	min-height: 1px;
	margin:0 25px;
	padding: 0;
	width: 900px;
}




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

#header {
	position: relative;
	margin: 0;
	padding: 18px 6px 0 0;
	width: 944px;
	height: 57px;
	background: url(/images/head_line.gif) repeat-x top #ffffff;
}

#header h1{
	margin:0 auto;
	padding:0;
	width:338px;
	height:48px;
	background-image:url(/images/logo.gif);
	display:block;
	text-indent: -10000px;
	float:left;
}

#header h1 a{
	width:338px;
	height:48px;
	display:block;
}

#header .rightWrap{
	margin:0 auto;
	padding:0;
	widows:453px;
	float:right;
}

#header .rightWrap .dateWrap{
	float:right;
}



#subNav {
	position: relative;
	margin: 0;
	padding: 0 0 15px 0;
	width: 456px;
	height: 16px;
	background: #ffffff;
	list-style: none;
}

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

#subNav a {
	background-image: url(/images/snavi.gif);
	display: block;
}

/* ---チケット--- */
#subNav .sNavTicket a {
	width: 69px;
	height: 16px;
}

#subNav .sNavTicket a {
	background-position: 324px 0;
}
#subNav .sNavTicket a:hover {
	background-position: 324px 16px;
}

/* ---メルマガ--- */
#subNav .sNavMmag a {
	width: 75px;
	height: 16px;
}

#subNav .sNavMmag a {
	background-position: 255px 0;
}
#subNav .sNavMmag a:hover {
	background-position: 255px 16px;
}

/* ---歌舞伎美人とは？--- */
#subNav .sNavAbout a {
	width: 129px;
	height: 16px;
}

#subNav .sNavAbout a {
	background-position: 453px 0;
}
#subNav .sNavAbout a:hover {
	background-position: 453px 16px;
}

/* ---English--- */
#subNav .sNavEn a {
	width: 75px;
	height: 16px;
}

#subNav .sNavEn a {
	background-position: 180px 0;
}
#subNav .sNavEn a:hover {
	background-position: 180px 16px;
}

/* ---サイトマップ--- */
#subNav .sNavMap a {
	width: 105px;
	height: 16px;
}

#subNav .sNavMap a {
	background-position: 105px 0;
}
#subNav .sNavMap a:hover {
	background-position: 105px 16px;
}



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

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

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

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


/* ---ホーム--- */
#globalNavi .home a {
	width: 238px;
	height: 40px;
}

#globalNavi .home a {
	background-position: 950px 0px;
}
#globalNavi .home a:hover {
	background-position: 950px 40px;
}

/* ---公演情報--- */
#globalNavi .schedule a {
	width: 236px;
	height: 40px;
}

#globalNavi .schedule a {
	background-position: 712px 0px;
}
#globalNavi .schedule a:hover {
	background-position: 712px 40px;
}

/* ---ニュース--- */
#globalNavi .news a {
	width: 237px;
	height: 40px;
}

#globalNavi .news a {
	background-position: 476px 0px;
}
#globalNavi .news a:hover {
	background-position: 476px 40px;
}

/* ---歌舞伎いろは--- */
#globalNavi .special a {
	width: 239px;
	height: 40px;
}

#globalNavi .special a {
	background-position: 239px 40px;
}
#globalNavi .special a:hover {
	background-position: 239px 40px;
}


/*==============================================================
  ■ 5:フッター（footer.js）
==============================================================*/

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

#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: 950px;
	height: 23px;
	background:#000000 url(../../images/footer_copyright.gif) no-repeat;
	color:#ffffff;
	text-align:left;
}




.dotlinebox {
	padding: 1px;
	width: 750px;
	background-image: url(/images/bg_dotline.gif);
	background-repeat: repeat;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.dotlinebox2 {
	padding: 1px;
	margin: 0 74px;
	width: 750px;
	background-image: url(/images/bg_dotline.gif);
	background-repeat: repeat;
	text-align:left;
}



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

.blank10 {
	height: 15px;
	padding: 0;
	margin: 0;
}

.dotlinebox-in2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dotlinebox-in2 li {
	margin: 0px 0px 10px 0px;
	padding-left: 21px;
	font-size: small;
	background-repeat: no-repeat;
	background-position: 0% 3px;
}




/*==============================================================
  ■ 6:いろはヘッダー（iroha_head.js）
==============================================================*/

#irohaHead{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#irohaHead .ttlWrap{
	margin:0;
	padding:0;
	width:750px;
	float:left;
}

#irohaHead .ttlWrap .logoWrap{
	margin:0;
	padding:0;
	width:280px;
	float:left;
}

#irohaHead .ttlWrap .irohaTxt{
	padding:0;
	width:455px;
	color:#99886e;
	line-height:150%;
	float:right;
	font-size:small;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

#irohaHead .rightWrap{
	width:128px;
	float:right;
}

#irohaHead .rightWrap .socialWrap{
	padding:70px 0 0 0;
	margin:0 0 0 -5px;;
	list-style:outside none none;
}

#irohaHead .rightWrap .socialWrap li{
	padding:0 2px 0 1px;
	float:left;
}

#irohaHead .rightWrap .socialWrap img {
  vertical-align: bottom;
}

#irohaHead .btnWrap{
	margin:0;
	padding:0;
	width:128px;
	float:right;
}


#irohaHead .btnWrap a {
	width: 128px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-image:url(../images/btn_top.gif);
	background-position: 0px 0px;
	display: block;
}
#irohaHead .btnWrap a:hover {
	background-position: 128px 40px;
}

/*==============================================================
  ■ 7:メルマガ(mail_magazine.js)
==============================================================*/

#btnMailWrap{
	margin:0;
	padding:10px 150px 20px 150px;
	text-align:center;
}

#btnMailWrap .mailBlock{
	margin:0;
	padding:4px 0;
	float:left;
}

#btnMailWrap .mailBlock  a {
	width: 440px;
	height: 32px;
	margin: 0;
	padding: 0;
	background-image: url(../images/mail_btn.gif);
	background-position: 0px 0px;
	display: block;
}
#btnMailWrap .mailBlock  a:hover {
	background-position: 440px 32px;
}

#btnMailWrap .backBlock{
	margin:0;
	padding:0;
	float:right;
}

#btnMailWrap .backBlock a {
	width: 128px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-image:url(../images/btn_top.gif);
	background-position: 0px 0px;
	display: block;
}
#btnMailWrap .backBlock a:hover {
	background-position: 128px 40px;
}