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

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

  00. reset style
  01. header/Gnavi
  02. pulldown menu layout
  03. content area
  04. footer
  05. common parts 
  06. parallax base

==========================================================
*/
/* -------------------------------------------------------
  00. reset style
------------------------------------------------------- */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
	margin : 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing : 0;
	border         : none;
}
th,
td {
	border: none;
}
fieldset,
img {
	border: 0;
}
address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
    font:inherit;
}
del,
ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size  : 100%;
	font-weight: normal;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border      : 0;
	font-variant: normal;
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
img{
	display:block;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}






/*   body style   */
body {
	background-color: #020408;
	color           : #FFFFFF;
	font-family     : Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
	font-style      : normal;
	font-size       : 13px;
	line-height     : 1.5;
	margin          : 0;
	min-width       : 980px;
	padding         : 0;
}
#layoutPrint{
	display: none;
}


span iframe {
	z-index: 1000;
}










/* -------------------------------------------------------
  01. header/Gnavi
------------------------------------------------------- */
/*  header  */
#layoutHeaderWrap{
	background:url(../img/bg_title.jpg) no-repeat center top;
}
#layoutHeaderWrap .headerTitle{
	width:980px;
	margin:0 auto;
}



#layoutWrap #layoutHeaderWrapRepeat #layoutHeaderWrap #layoutHeader .headerTitle{
	position:relative;
}

#layoutWrap #layoutHeaderWrapRepeat #layoutHeaderWrap #layoutHeader .headerTitle #linkNntt{
	position:absolute;
	display:block;
	width:185px;
	height:55px;
	top:20px;
	left:0px;
}
#layoutWrap #layoutHeaderWrapRepeat #layoutHeaderWrap #layoutHeader .headerTitle #linkGiselle{
	position:absolute;
	display:block;
	width:270px;
	height:55px;
	top:20px;
	left:200px;
}



/* Gnavi  */
#layoutGnaviWrap{
	clear:both;
	background:url(../img/bg_gnavi.jpg) repeat-x left top;
	height:70px;
}

#layoutGnaviWrap #layoutGnavi{
	width:980px;
	margin:0 auto;
}
#layoutGnaviWrap #layoutGnavi li{
	float:left;
	width:196px;
}




/* pulldown menu layout  */
#layputPullDownWrap {
	margin  : 0 auto;
	position: relative;
	width   : 980px;
	z-index : 100000;
}
.floating_menu{
	display : none;
	position: absolute;
	z-index : 10000;
}
.floating_menu a,
.floating_menu img{
	display: block;
}
#sectionPulldownMenu2 {
	left: 196px;
}
#sectionPulldownMenu3 {
	left: 392px;
}
#sectionPulldownMenu5 {
	right: 0;
}









/* Ticket  */
#layoutTicketiWrap{
	clear:both;
	background:url(../img/bg_header_01.jpg) no-repeat center top #010504;
	height:73px;
}
#layoutTicketiArea{
	height:73px;
	width:980px;
	margin:0 auto;
}
#layoutWrap #layoutTicketiWrap #layoutTicketiArea .parts{
	float:left;
}
#layoutWrap #layoutTicketiWrap #layoutTicketiArea img{
	display:block;
}
#layoutWrap #layoutTicketiWrap #layoutTicketiArea .parts.parts02{
	margin:17px 0 0 3px;
}
#layoutWrap #layoutTicketiWrap #layoutTicketiArea .parts.parts03{
	margin-left:22px;
}




#layoutMainImageWrap01 #layoutTicketiWrap #layoutTicketiArea .parts.parts01{
	width:285px;
	height:73px;
}
#layoutMainImageWrap01 #layoutTicketiWrap #layoutTicketiArea .parts.parts02{
	width:200px;
	height:40px;
}
#layoutMainImageWrap01 #layoutTicketiWrap #layoutTicketiArea .parts.parts03{
	width:470px;
	height:73px;
}





.socialLink table {
    margin: 3px 0 0 24px;
	width:100px;
}
.socialLink td {
    padding: 0 15px 0 0;
}
.twitter-share-button.twitter-count-horizontal{
	width:90px !important;
}
.socialLink table .fb_edge_widget_with_comment {
    position: relative;
    top: -3px;
}

.socialLink table .googleplus div{
	width:60px !important;
}
.ie7 .socialLink table {
    margin: 3px 0 0 55px;
}
.ie7 .socialLink td {
    padding: 0 10px 0 0;
}
.ie7 .socialLink .mixi{
	position:relative;
	top:-4px;
}
.ie7 .socialLink .evernote{
	position:relative;
	left:-60px;
	top:-3px;
}






/* -------------------------------------------------------
  03. content area
------------------------------------------------------- */

.contentsBlock{
	width:980px;
	margin:0 auto;
}









/* -------------------------------------------------------
  04. footer
------------------------------------------------------- */

/*
 ticket infomation
*/
#footerTicketInfomationWrap{
	background:url(../img/bg_footer_base01.jpg) no-repeat center top;
	height:817px;
	margin:0 auto;
	min-width: 980px;
	width: auto !important;
	width: 980px;
}
#footerTicketInfomationWrap .footerMarginWrap{
	width:920px;
	margin:0 auto;
}
	
/*
.ie6 #footerTicketInfomationWrap{
  width: 980px;
}*/


/*  ticket - common  */
#footerTicketInfomationWrap #footerTicketInfomation{
	width:949px;
	margin:0 auto 0;
	padding-top:73px;
	clear:both;
}
#footerTicketInfomationWrap #footerTicketInfomation #footerTicketInfomationBottom{
	background:url(../img/bg_footer_ticket_bottom.png) no-repeat left bottom;
	padding-bottom:7px;
}

#footerTicketInfomationWrap #footerTicketInfomation #footerTicketInfomationRepeat{
	background:url(../img/bg_footer_ticket_repeat.png) repeat-y left bottom;
	width:920px;
}

#footerTicketInfomationRepeat .leftSide{
	float:left;
	width:434px;
	padding:7px 0 20px 22px;
}
#footerTicketInfomationRepeat .rightSide{
	float:right;
	width:428px;
	padding:7px 22px 20px 0;
}
#footerTicketInfomationRepeat .leftSide .areaBottom{
	background:url(../img/bg_footer_left_bottom.png) no-repeat left bottom;
	padding-bottom:9px;
}
#footerTicketInfomationRepeat .rightSide .areaBottom{
	background:url(../img/bg_footer_right_bottom.png) no-repeat left bottom;
	padding-bottom:9px;
}
#footerTicketInfomationRepeat .leftSide .areaRepeat{
	background:url(../img/bg_footer_left_repeat.png) repeat-y left top;
}
#footerTicketInfomationRepeat .rightSide .areaRepeat{
	background:url(../img/bg_footer_right_repeat.png) repeat-y left top;
}






/*  ticket - tell  */
#footerTicketInfomationRepeat .leftSide .partsArea{
	padding-top:6px;
	padding-left:13px;
	
}
#footerTicketInfomationRepeat .partsArea h4{
	padding-left:7px;
}
#footerTicketInfomationRepeat .leftSide .areaRepeat .leftSide{
	float:left;
	margin:0;
	padding:14px 0 21px 7px;
	width:290px;
}
#footerTicketInfomationRepeat .leftSide .areaRepeat .rightSide{
	float:right;
	margin:0;
	padding:14px 12px 21px 0;
	width:100px;
}



#footerTicketInfomationRepeat .leftSide .areaRepeat .pctArea{
	clear:both;
}
#footerTicketInfomationRepeat .leftSide .areaRepeat .pctArea li{
	float:left;
}
#footerTicketInfomationRepeat .leftSide .areaRepeat .pctArea .pct01,
#footerTicketInfomationRepeat .leftSide .areaRepeat .pctArea .pct02{
	padding-bottom:1px;
}
#footerTicketInfomationRepeat .leftSide .areaRepeat .pctArea .pct02,
#footerTicketInfomationRepeat .leftSide .areaRepeat .pctArea .pct04{
	padding-left:1px;
}
#footerTicketInfomationRepeat .leftSide .areaRepeat .pct05{
	clear:both;
	padding:1px 0 7px;
}





/*  ticket - web  */

#footerTicketInfomationRepeat .rightSide .partsArea{
	padding:6px 14px 0;	
}
#footerTicketInfomationRepeat .rightSide .partsArea ul{
	padding-top:25px;
}
#footerTicketInfomationRepeat .rightSide .partsArea ul li{
	margin-bottom:14px;
}
#footerTicketInfomationRepeat .rightSide .partsArea ul li.last{
	margin-bottom:7px;
}
#footerTicketInfomationRepeat .rightSide .partsArea .btnAreaLeft{
	float:left;
	width:190px;
}
#footerTicketInfomationRepeat .rightSide .partsArea .btnAreRighta{
	float:right;
	width:194px;
}
.ie7 #footerTicketInfomationRepeat .rightSide .partsArea ul li img{
	float:left;
	margin-bottom:14px;
}




/*  group - web  */
#footerTicketInfomation #footerTicketInfomationBottom #footerTicketInfomationRepeat .h3Group{
	clear:both;
	margin:0 22px 20px;
}


/*
 access map area
*/
#footerAccessWrap{
	background:url(../img/bg_footer_repeat1.jpg) repeat-x left top;
	height:248px;
	margin:0 auto;
}
#footerAccessWrap .widthWrap{
	width:980px;
	margin:0 auto;
	padding-top:36px;
}
#footerAccessWrap .widthWrap .headlineAccess{
	margin-bottom:22px;
}
#footerAccessWrap .widthWrap .accessLeftSide{
	width:530px;
	float:left;
}
#footerAccessWrap .widthWrap .accessLeftSide .leftSide{
	float:left;
}
#footerAccessWrap .widthWrap .accessLeftSide .rightSide{
	float: left;
    line-height: 1.4;
    padding: 0 0 0 17px;
    width: 305px;
}
#footerAccessWrap .widthWrap .accessLeftSide .rightSide span{
	display: block;
    padding: 10px 0;
}
/*
#footerAccessWrap  .widthWrap .leftSide {
    float: left;
    padding: 0 0 33px;
    width: 520px;
}
#footerAccessWrap  .leftSide .inner .leftSide{
    float: left;
	width:200px;
}
#footerAccessWrap .leftSide .inner .rightSide{
    float: right;
    line-height: 1.4;
    padding: 0 0 0 10px;
    width: 305px;
}

#footerAccessWrap .leftSide span {
    display: block;
    padding: 10px 0;
}
*/


#footerAccessWrap .sitemapRightSide{
	float:right;
	padding-right:55px;
}
#footerAccessWrap .sitemapRightSide .leftSide{
	float:left;
}
#footerAccessWrap .sitemapRightSide .leftSide li{
	margin-bottom:3px;
}
#footerAccessWrap .sitemapRightSide .rightSide{
	float:left;
	width:175px;
	margin-left:30px;
}
#footerAccessWrap .sitemapRightSide .rightSide .iconArrowGold.iconPdf{
	margin-top:20px;
	display:block;
}
	


/*
 share area
*/
#footerShareWrap{
	background:url(../img/bg_footer_repeat2.jpg) repeat-x left top;
	height:103px;
	margin:0 auto;
}
#footerShareWrap .socialLink {
	clear: both;
    padding: 25px 0 0;
}
#footerShareWrap .socialLink h2 {
    margin: 0 auto 5px;
    width: 436px;
}
#footerShareWrap .socialLink table {
    margin: 0 auto;
    width: 436px;
}
#footerShareWrap .socialLink .footerShare{
	position:relative;
	left:15px;
	top:10px;
}
.ie7 #footerShareWrap .socialLink .footerShare{
	position:relative;
	left:30px;
	top:10px;
}


/*
 copy right area
*/
#footerCopyrightWrap{
	background:url(../img/bg_footer_repeat3.jpg) repeat-x left top;
	height:110px;
	margin:0 auto;
}
#footerCopyrightWrap .widthWrap{
	width:980px;
	margin:0 auto;
	padding-top:33px;
}

#footerCopyrightWrap .supportList {
    float: left;
    padding: 0 40px 0 0;
    width: 252px;
}
#footerCopyrightWrap .supportList dd{
    float: left;
}


#footerCopyrightWrap .linkList {
    float: left;
    width: 220px;
}

#footerCopyrightWrap .copyright {
    float: right;
    font-size: 11px;
    padding: 5px 0 0;
    text-align: right;
    width: 440px;
}











/* -------------------------------------------------------
  07. common parts 
------------------------------------------------------- */
/*   link style   */
a {
	color          : #FFFFFF;
	outline        : none;
	text-decoration: none;
}
a:hover {
	color          : #E7CF88;
	text-decoration: underline;
}




/*   clear   */
.clr {
	border   : none;
	clear    : both;
	font-size: 1%;
	margin   : 0;
	padding  : 0;
}
/*   clearfix   */
.clearfix{
    zoom: 1;
}
.clearfix:after{
    content   : ".";
    display   : block;
    height    : 0px;
    clear     : both;
    visibility: hidden;
	overflow  : hidden;
}
*html .clearfix{
	display     : inline-table;
	/*\*/display: block;/**/
}




/*  side navi  */
#layoutLeft{
	display : none;
	padding : 0 0 0 0px;
	position: absolute;
	right   : 0;
	z-index : 9998;
}
#layoutLeft li{
	padding: 0 0 10px;
}




/*  access map style  */
#map {
	background: #000;
}
#map p {
	border : 1px solid #666666;
	padding: 10px 0 10px 300px;
}
#map .mapImage{
	display: block;
}




/*  display style  */
.displayNon{
	display: none;
}






/*  icon style   */
.iconArrowGold{
	background: url(../img/icon_arrow_gold.gif) no-repeat scroll left center transparent;
	padding: 0 0 0 12px;
	
}
.iconArrowGold2{
	background: url(../img/icon_arrow_gold2.png) no-repeat scroll left center transparent;
	padding: 0 0 0 12px;
	
}
.pdfLink{
	background: url(../img/icon_pdf.gif) no-repeat scroll left 2px transparent;
	padding: 0 0 0 20px;
	display:block;
	margin-top:5px;
	
}


/*  lineGold style   */
.lineGold{
	background:#72621E repeat-x left top;
	height:1px;
}