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

/*
	Site Name: 2009/2010 henry6th website
	Description: common setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: base layout
	2: header layout
	3: global navigation layout	
	4: breadCrumb layout
	5: layoutMain common layout
	6: footer erea layout
   	7: space setting
	8: tools


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

/* -------------------------------------------------------
  1: base layout
------------------------------------------------------- */
html {
	margin : 0;
	padding: 0;
}
body {
	background-color:#141414;	
}
#layoutWrapper {
	background      : url(../img/bg_container.jpg) repeat-x left top;
	background-color: #FFFFFF;
	text-align      : left;
	margin          : 0;
	padding-top     : 4px;
	padding-bottom  : 0;
}
#layoutContainer{
	width           : 969px;
	margin          : 0 auto;
}


/* -------------------------------------------------------
  2: header layout
------------------------------------------------------- */
/*   2-1: logo setting   */
#layoutHeader {
	background  : url(../img/bg_header.jpg) repeat-x left center;
	width       : 960px;
	margin-right: auto;
	margin-left : auto;
	margin-bottom: 10px;
}
#layoutHeader p {
	float       : left;
	width       : 115px;
	margin-top  : 7px;
	margin-right: 10px;
}
#layoutHeader #siteTtl {
	float       : left;
	width       : 307px;
	margin-top  : 7px;
	margin-right: 20px;
}
#layoutHeader #headerLinks {
	float       : left;
	background  : url(../img/bg_header_menu.jpg) no-repeat left top;
	width       : 300px;
	height      : 57px;
	padding-left: 7px;
}
#layoutHeader #headerLinks li {
	float      : left;
	margin-top : 22px;
	margin-left: 12px;
}
#layoutHeader #headerLinks li a,
#layoutHeader #headerLinks li a:link,
#layoutHeader #headerLinks li a:visited{
	color          : #3F3F3F;
	text-decoration: none;
}
#layoutHeader #headerLinks li a:hover,
#layoutHeader #headerLinks li a:focus,
#layoutHeader #headerLinks li a:active{
	color          : #3F3F3F;
	text-decoration: underline;
}
#ie6 #layoutHeader #headerLinks li {
	margin-left: 10px;
}
.ticketInfo {
	background  : url(../img/bg_ticket_info.jpg) no-repeat left top;
	float       : right;
	width       : 314px;
	height      : 56px;
	padding-left: 6px;
}
.ticketInfo li {
	float  : left;
	margin : 0px;
	padding: 0px;
}
.ticketInfo .tellNumber {
	margin-top: -2px;
}
#layoutHeader .ticketInfo .lastChild,
#footerAddress div .ticketInfo .lastChild {
	font-size   : smaller;
	background  : url(../img/icon_pc.jpg) no-repeat left 2px;
	height      : 20px;
	margin-left : 8px;
	padding-top : 2px;
	padding-left: 17px;
}
#layoutHeader .ticketInfo .lastChild a,
#footerAddress div .ticketInfo .lastChild a{
	color          : #FFA000;
	background     : url(../img/icon_outlink_blown.jpg) no-repeat right 2px;
	text-decoration: underline;
	padding        : 2px 10px 4px 0;
}
#layoutHeader .ticketInfo .lastChild a:hover,
#footerAddress div .ticketInfo .lastChild a:hover{
	color          : #FFA000;
	text-decoration: none;
}



/* -------------------------------------------------------
  3: global navigation layout
------------------------------------------------------- */

#layoutGlobalNavi {
	width : 961px;
	margin: 0 auto 1px auto;
}
p.noscript {
	font-size: medium;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	width : 961px;
	height: 25px;
}

/* -------------------------------------------------------
  4: breadCrumb layout
------------------------------------------------------- */

/* forWork */
#breadCrumb {
	float  : left;
	width  : 946px;
	margin : 0 0 15px 0;
	padding: 0 7px;
}
#breadCrumb ol {
	background-color: #EAEAE4;
	padding         : 3px 0 4px 11px;
}
#breadCrumb li {
	float:left;
}


/* -------------------------------------------------------
  5: layoutMain common layout
------------------------------------------------------- */

#mainImg {
	width :960px;
	height:90px;
	margin:10px auto 0 auto;
}

#layoutMain {
	background-color  :#FFFFFF;
	width             :940px;
	margin            :0 auto;
}

/* btnArea */

#btnArea {
	width        :940px;
	height       :55px;
	background   :url(../img/bg_btn_area.gif) 0 0 repeat-x;
}

#btnArea ul {
	padding-left :30px;
}

#btnArea li {
	margin-right :4px;
	float        :left;
}

#btnArea li.lastChild {
	margin-right :0px;
}

/* bnrArea */

#bnrArea {
	width        :901px;
	margin       :0 auto 20px auto;
}

#bnrArea h2 {
	padding-bottom:15px;
	clear:both;
}

#bnrArea ul {
	padding-left :6px;
}

#bnrArea li {
	margin-right :7px;
	float        :left;
}

#bnrArea li.lastChild {
	margin-right :0px;
}

/* pageTop */

.pageTop {
	text-align: right;
	line-height: 2em;
	height: 2em;
	clear:both;
}

.pageTop a {
	background: url(../img/icon_pagetop.gif) left center no-repeat;
	padding: 0 0 0 20px;
}
.pageTop a,
.pageTop a:link,
.pageTop a:visited{
	color          : #3F3F3F;
	text-decoration: none;
}
.pageTop a:hover,
.pageTop a:focus,
.pageTop a:active{
	color          : #3F3F3F;
	text-decoration: underline;
}
/* -------------------------------------------------------
  6: footer erea layout
------------------------------------------------------- */

#layoutFooter {
	background      : url(../img/bg_footer_top.gif) repeat-x left top;
	background-color: #000;
	padding-top     : 19px;
}
#layoutFooter a {
	color          : #999999;
	text-decoration: none;
}
#layoutFooter a:hover {
	color          : #999999;
	text-decoration: underline;
}
#footerInner {
	background-color: #000;
	width           : 960px;
	margin-right    : auto;
	margin-left     : auto;
	padding-bottom  : 10px;
}
#footerInner div{
	float: left;
}
#footerInner div.clr{
	clear:both;
}
#footerInner #mapArea {
	width       : 405px;
	margin-right: 35px;
	padding     : 8px 9px;
	border      : 1px solid #1C1C1C;
}
#footerInner #mapArea #map {
	display     : block;
	float       : left;
	width       : 169px;
	margin-right: 12px;
}
#footerInner #mapArea p {
	color        : #999999;
	margin-top   : 15px;
	margin-bottom: 10px;
}

#footerInner div ul {
	float       : left;
	width       : 160px;
	margin-right: 20px;
}
#footerInner div ul#middleChild {
	width       : 135px;
}
#layoutFooter #footerInner div ul.lastChild {
	width       : 150px;
	margin-right: 0px;
}
#footerInner div li {
	margin-bottom: 5px;
}
#footerAddress {
	background-color: #141414;
	background      : url(../img/bg_footer_bottom.gif) repeat-x left top;
	clear           : both;
	margin          : 0px;
	padding         : 0px;
}
#footerAddress div#inner {
	width  : 960px;
	margin : 0 auto;
	padding: 0px;
}
#footerAddress div.clr {
	clear:both;
}
#footerAddress  div#inner #footerLeft {
	float: left;
	width: 560px;
}
#footerAddress dl {
	width      : 300px;
}
#footerAddress dt {
	width         : 300px;
	margin-bottom : 5px;
	padding-bottom: 5px;
	border-bottom : 1px solid #999999;
}
#footerAddress dd {
	float       : left;
	margin-right: 20px;
}

address {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size  : 85%;
	font-style : normal;
	color      : #999999;
	text-align : left;
	clear      : both;
	padding-top: 12px;
}
/* for safari*/
html[xmlns*=""] body:last-child address {
	padding-top: 22px;
}
#ie6 address {
	padding-top: 14px;
}
#ie7 address {
	padding-top: 8px;
}
#layoutWrapper #footerAddress .footerRight {
	float       : right;
	width       : 320px;
	position    : relative;
	top         : 30px;
}
#ie6 #footerAddress div .ticketInfo {top : 0px;}
#ie7 #footerAddress div .ticketInfo {top : 35px;}


/* -------------------------------------------------------
  7: space setting
------------------------------------------------------- */
.pt5  {	padding-top: 5px;}
.pt10 {	padding-top: 10px;}
.pt15 {	padding-top: 15px;}
.pt20 {	padding-top: 20px;}
.pt25 {	padding-top: 25px;}
.pt30 {	padding-top: 30px;}

.pb5  {	padding-bottom: 5px;}
.pb10 {	padding-bottom: 10px;}
.pb15 {	padding-bottom: 15px;}
.pb20 {	padding-bottom: 20px;}
.pb25 {	padding-bottom: 25px;}
.pb30 {	padding-bottom: 30px;}

.mt5  {	margin-top : 5px;}
.mt10 {	margin-top : 10px;}
.mt15 {	margin-top : 15px;}
.mt20 {	margin-top : 20px;}
.mt25 {	margin-top : 25px;}
.mt30 {	margin-top : 30px;}


/* -------------------------------------------------------
  8: tools
------------------------------------------------------- */
.arrow,
#footerInner div ul li{
	background  : url(../img/icon_arrow.gif) no-repeat left 4px;
	padding-left: 16px;
}
#ie6 #footerInner div ul li,
#ie7 #footerInner div ul li{
	background  : url(../img/icon_arrow.gif) no-repeat left 6px;
}
#footerInner #mapArea .arrow{
	background  : url(../img/icon_arrow.gif) no-repeat left 2px;
}

.arrowYellow {
	background  : url(../img/icon_arrow_yellow.gif) no-repeat left 4px;
	padding-left: 13px;
}
#ie6 .arrowYellow,
#ie7 .arrowYellow {
	background  : url(../img/icon_arrow_yellow.gif) no-repeat left 6px;
}
.outlinkYellow {
	background   : url(../img/icon_outlink_yellow.gif) no-repeat right 2px;
	padding-right: 10px;
}
.outlinkBlack {
	background   : url(../img/icon_outlink_black.gif) no-repeat right 2px;
	padding-right: 12px;
}
.outLinkTexture {
	background   : url(../img/icon_outlink_texture.gif) no-repeat right 2px;
	padding-right: 15px;
}
.outlinkWhite {
	padding-right: 15px;
	background: url(../img/icon_outlink_white.gif) no-repeat right 2px;
}


.displayNone {
	display: none;
}
.noClick a {
	cursor: default;
}