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

/*
	Site Name: New National Theatre, tokyo
	Description: guide pages setting
	Version: 
	Author: 
*/

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

	1: sitemap page setting
	2: copyright.html setting
	3: personal_data.html.html setting

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

/* -------------------------------------------------------
  1: sitemap pageg setting
------------------------------------------------------- */
#sitemap {
	width : 830px;
	margin-right : auto;
	margin-left  : auto;
	clear :  both;
}
#sitemap #inner {
	background-color: #EDEEE7;
	width : 780px;
	margin-right : auto;
	margin-left  : auto;
	padding: 20px;
}
#sitemap #inner #leftSet {
	float:  left;
	width: 380px;
}
#sitemap #inner #rightSet {
	float: right;
	width: 380px;
}
#sitemap #inner #toHome {
	background: url(../../guide/img/h_sitemap_long.jpg); no-repeat left top;
	height:  28px;
	width : 751px;
	margin:   0px;
	padding-top  : 7px;
	padding-left : 30px;
}
#sitemap #inner #toNews {
	background-color: #FFFFFF;
	width  : 719px;
	padding: 10px 25px 10px 35px;
	border-right  : 1px solid #B9B9AD;
	border-bottom : 1px solid #B9B9AD;
	border-left   : 1px solid #B9B9AD;
}
#sitemap #inner h2 {
	background: url(../../guide/img/h_sitemap_short.jpg) no-repeat left center;
	height: 26px;
	width: 351px;
	padding-top : 7px;
	padding-left: 30px;
}
#sitemap #inner ul {
	background-color: #FFFFFF;
	width : 319px;
	margin-bottom: 10px;
	padding: 10px 25px 10px 35px;
	border-right : 1px solid #B9B9AD;
	border-left  : 1px solid #B9B9AD;
	border-bottom: 1px solid #B9B9AD;
}
#sitemap #inner li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#sitemap #inner #rightSet .borderTop {
	border: 1px solid #B9B9AD;
}


/* -------------------------------------------------------
  2: copyright.html setting
------------------------------------------------------- */
#link {
	width: 820px;
	margin-right: auto;
	margin-left : auto;
}
#link #inner {
	background-color: #EDEEE7;
	width: 720px;
	margin-top  : 15px;
	margin-right: auto;
	margin-left : auto;
	padding: 20px 40px 20px 40px;
}
#link #inner h3 {
	padding-bottom: 2px;
	border-bottom : 1px solid #3F3F3F;
	margin-bottom : 12px;
}
#link #inner p {
	line-height   : 1.4em;
	text-indent   :  12px;
	padding-left  :  15px;
	padding-bottom:   5px;
}
#link #inner .lastChild {
	padding-bottom: 25px;
}


/* -------------------------------------------------------
  3: personal_data.html.html setting
------------------------------------------------------- */
div.personal {
	width: 820px;
	margin-right: auto;
	margin-left : auto;
}
div.personal .inner {
	background-color: #EDEEE7;
	width: 760px;
	margin-top  : 15px;
	margin-right: auto;
	margin-left : auto;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
div.personal .inner .textBox,
div.personal .inner .textBox2 {
	width : 720px;
	margin-right : auto;
	margin-left  : auto;
}
div.personal .inner .lead {
	font-weight: bold;
	padding-bottom: 15px;
}

div.personal .inner h3 {
	padding-bottom: 2px;
	border-bottom : 1px solid #3F3F3F;
	margin-bottom : 12px;
}
div.personal .inner .textBox li {
	padding-bottom: 15px;
	text-indent   : -2em;
	padding-left  : 2em;
}
.mac.safari div.personal .inner .textBox li {
	text-indent   : -2.2em;
	padding-left  : 2em;
}

div.personal .inner .textBox li.classTen {
	padding-left  : 1.8em;
	text-indent   : -1.8em;
}

div.personal .inner .lastChild {
	text-align: right;
}
div.personal .inner .textBox2 .fuki {
	padding-bottom: 15px;
}

div.personal .inner .textBox .leftSpace {
	margin-top: 18px;
}

div.personal .inner .textBox .leftSpace li {
	padding-left: 35px;
	padding-bottom: 6px;
}
div.personal .inner .textBox2 #first {
	padding-left: 20px;
	padding-bottom: 15px;
}
div.personal .inner .textBox2 h4 {
	font-weight: normal;
	padding-bottom: 15px;
}
div.personal .inner .textBox2 h5 {
	font-weight: normal;
	padding-bottom: 10px;
	padding-left: 20px;
}
div.personal .inner .textBox2 h6 {
	font-weight: normal;
	padding-bottom: 6px;
	padding-left: 35px;
}

div.personal .inner .textBox2 p {
	padding-bottom: 10px;
	padding-left: 35px;
}
div.personal .inner .textBox2 li {
	padding-bottom: 10px;
}
div.personal .inner .textBox2 dt {
	padding-bottom: 5px;
	padding-left: 35px;
}
div.personal .inner .textBox2 dd {
	padding-bottom: 5px;
	padding-left: 75px;
	text-indent: -20px;
}
div.personal .inner .textBox2 dl {
	margin-bottom: 10px;
}

div.personal .inner .textBox2 .noIndent {
	text-indent: 0px;
	padding-left: 55px;
}

div.personal .inner .textBox2 #first li {
	text-indent: -25px;
	padding-left: 25px;
}
div.personal .inner .textBox2 .leftSpase {
	padding-left: 20px;
	margin-bottom: 10px;
}
div.personal .inner .textBox2 .leftSpase li {
	text-indent: -25px;
	padding-left: 20px;
	padding-bottom: 6px;
}
div.personal .inner .textBox2 .leftSpace02 {
	padding-left: 57px;
	text-indent: 12px;
}
div.personal .inner .textBox2 .leftSpace03 {
	padding-left: 78px;
	text-indent: -18px;
}

.pageTop02 {
	text-align    : right;
	font-size     : 90%;
	clear         : both;
	padding-bottom: 0;
	padding-top   : 20px;
	width         : 942px;
}
.pageTop02 span {
	color        : #D41D00;
	font-size    : 90%;
	padding-right: 5px;
}

.pageTop03 {
	clear     : both;
	font-size : 90%;
	padding   : 20px 0;
	text-align: right;
	width     : 880px;
}
.pageTop03 span {
	color        : #D41D00;
	font-size    : 90%;
	padding-right: 5px;
}



























/*
-------------------------------------------------------------
  privacy rules  
-------------------------------------------------------------
*/


/*　 共通ボックススタイル　  */
.privacy {
	margin: 20px auto 0;
	width : 820px;
}
.privacy .inner {
	background-color: #EDEEE7;
	width           : 760px;
	margin          : 15px auto 0;
	padding         : 15px 20px;
}
.privacy .lead {
	font-weight   : bold;
	margin        : 0px auto;
	padding-bottom: 15px;
	width         : 720px;
}
.privacy .textBox{
	margin: 0px auto 20px;
	width : 720px;
}
.privacy .textBox2nd{
	padding: 0 0 15px 3em;
}



/*　 共通見出し　  */
.privacy .headlinePrivacytop{
	border-bottom: 1px solid #3F3F3F;
	font-weight  : bold;
	margin       : 0 auto 12px;
	padding      : 25px 0 2px;
	width        : 720px;
}
.privacy .headlinePrivacySub{
	background-color: #D3D2C9;
	font-weight     : bold;
	margin          : 0 auto 12px;
	padding         : 5px 0 2px 10px;
	width           : 710px;
}
.privacy .headlinePrivacySecond{
	font-weight: bold;
	padding    : 0px 0 5px 1.5em;
	text-indent: -1.5em;
}

.mac.safari .privacy .headlinePrivacySecond{
	padding    : 0px 0 5px 1.5em;
	text-indent: -1.7em;
}
.privacy #firstPrivacyHeadfline{
	padding: 0px 0 2px;
}
.headlineAttention{
	background-color: #D3D2C9;
	font-weight     : bold;
	margin          : 0 auto 12px;
	padding         : 5px 0 2px 12px;
	width           : 788px;
}
.headlineAttentiontop{
	font-weight     : bold;
	margin          : 0 auto 7px;
	width           : 720px;
}
.attention2 .headlineAttentiontopBorder{
	border-bottom: solid 1px #333;
	font-weight  : bold;
	margin       : 0px auto 10px;
	padding      : 0 0 5px;
	width        : 720px;
}
.attention2 .headlineAttentiontopBorderLast{
	border-bottom: solid 1px #333;
	font-weight  : bold;
	margin       : 40px auto 10px;
	padding      : 0 0 5px;
	width        : 720px;
}
.attention2 .headlineAttentionSub{
	padding: 6px 0 0 20px;
}





/*  利用目的    */
.privacy #box01 ol,
.privacy #box02 ol,
.privacy #box03 ol,
.privacy #box04 ol,
.privacy #box05 ol,
.privacy #box06 ol,
.privacy #box10 ol,
.privacy #box11 ol,
.privacy #box12 ol,
.privacy #box13 ol {
	padding: 0 0 0 1.5em;
}
.privacy #box01 li,
.privacy #box02 li,
.privacy #box03 li,
.privacy #box04 li,
.privacy #box05 li,
.privacy #box06 li,
.privacy #box10 li,
.privacy #box11 li,
.privacy #box12 li,
.privacy #box13 li,
.attention1 #box14 li,
.attention1 #box15 li,
.attention2 #box16 li,
.attention2 #box17 li,
.attention2 #box18 li,
.attention2 #box19 li,
.attention2 #box20 li,
.attention2 #box21 li,
.attention2 #box22 li,
.attention2 #box23 li,
.attention2 #box24 li,
.attention2 #box25 li,
.attention2 #box26 li,
.attention2 #box27 li,
.attention2 #box28 li,
.attention2 #box29 li{
	padding    : 0 0 7px 1.8em;
	text-indent: -1.8em;
}
.mac.safari .privacy #box01 li,
.mac.safari .privacy #box02 li,
.mac.safari .privacy #box03 li,
.mac.safari .privacy #box04 li,
.mac.safari .privacy #box05 li,
.mac.safari .privacy #box06 li,
.mac.safari .privacy #box10 li,
.mac.safari .privacy #box11 li,
.mac.safari .privacy #box12 li,
.mac.safari .privacy #box13 li,
.mac.safari .attention1 #box14 li,
.mac.safari .attention1 #box15 li,
.mac.safari .attention2 #box16 li,
.mac.safari .attention2 #box17 li,
.mac.safari .attention2 #box18 li,
.mac.safari .attention2 #box19 li,
.mac.safari .attention2 #box20 li,
.mac.safari .attention2 #box21 li,
.mac.safari .attention2 #box22 li,
.mac.safari .attention2 #box23 li,
.mac.safari .attention2 #box24 li,
.mac.safari .attention2 #box25 li,
.mac.safari .attention2 #box26 li,
.mac.safari .attention2 #box27 li,
.mac.safari .attention2 #box28 li,
.mac.safari .attention2 #box29 li{
	padding    : 0 0 7px 1.8em;
	text-indent: -2.0em;
}
.privacy #box01 ol .ClassO,
.privacy #box01 ol .Classki{
	padding    : 0 0 7px 2em;
	text-indent: -2em;
}

.privacy #box07 ol ol,
.privacy #box10 ol ol,
.privacy #box11 ol dl{
	padding: 5px 0 5px 0;
}
.privacy #box11 ol dt{
	padding: 0 0 0 1.8em;
}
.privacy #box07 ol ol li,
.privacy #box10 ol ol li,
.privacy #box11 ol dd{
	padding    : 0 0 5px 1.5em;
	text-indent: -1.5em;
}


.attention1 #box07 ol ol li
.attention1 #box14 ol ol li,
.attention1 #box15 ol ol li,
.attention2 #box16 ol ol li,
.attention2 #box17 ol ol li,
.attention2 #box23 ol ol li{
	padding    : 0 0 7px 1.6em;
	text-indent: -1.6em;
}
.attention3 #box30 li{
	padding    : 0 0 7px 1.4em;
	text-indent: -1.4em}





/*  共同利用    */
.privacy #box03 dl{
	padding    : 3px 0 3px 0em;
	text-indent: 0;
}
.privacy #box03 .sectionI dt{
	padding-bottom: 3px;
}
.privacy #box03 p{
	padding    : 3px 0 3px 0em;
	text-indent: 0;
}
.privacy #box03 p span{
	display: block;
	padding: 3px 0 0;
}
.privacy #box04 p{
	padding    : 3px 0 3px 0em;
	text-indent: 0;
}
.privacy #box06{
	margin-bottom: 3px;
}
.privacy #box07 p{
	margin-bottom: 5px;
}
*html .privacy #box07 li{
	line-height   : 1;
}
*:first-child+html .privacy #box07 li{
	line-height   : 1;
}
*html .privacy #box07 dl{
	display: inline;
}
*:first-child+html .privacy #box07 dl{
	display: inline;
}
.privacy #box07 li{
	padding-bottom: 8px;
	padding-left  : 1.8em;
	text-indent   : -1.8em;
}
.privacy #box07 dt{
	padding-bottom: 3px;
}
.privacy #box07 dd{
	text-indent: 0;
}
.privacy #box07 .sectionI table{
	margin: 8px 0 10px;
}
.privacy #box07 .sectionI th{
	background-color: #D3D2C9;
	border          : solid 1px #999;
	padding         : 5px 10px;
	vertical-align  : top;
	width           : 105px;
}
.privacy #box07 .sectionI td{
	border          : solid 1px #999;
	padding         : 5px 10px;
	width           : 500px;
}
.privacy #box07 ol .lastChild{
	padding-bottom: 0;
}
.privacy #box07 ol .lastChild dd ol {
	padding-top: 3px;
}





/*   業務委託  */
.privacy #box10 ol li ol{
	padding: 5px 0 0 0;
}

.privacy #box11 ol li dt{
	font-weight   : bold;
	padding-bottom: 5px;
}
.privacy #box13{
	margin-bottom : 0;
	padding       : 0;
}
.privacy #box13 .lastChild{
	padding   : 25px 0 0; 
	text-align: right;
	position  : relative;
	left      : 20px;
}





/*  注1.   */
.attention1,
.attention2,
.attention3 {
	margin: 20px auto 0;
	width : 820px;
}
.attention1 .inner,
.attention2 .inner,
.attention3 .inner {
	border : solid 1px #CCCCCC;
	margin : 0px auto;
	padding: 15px 20px ;
	width  : 760px;
}
.attention1 .lead,
.attention2 .lead,
.attention3 .lead {
	margin        : 0px auto;
	padding-bottom: 15px;
	width         : 720px;
}
.attention1 .textBox,
.attention2 .textBox,
.attention3 .textBox{
	margin: 0px auto 10px;
	width : 720px;
}
.attention1 #box15,
.attention3 #box30{
	margin: 0px auto 0px;
}

.attention1 #box14 ol ol,
.attention1 #box15 ol ol,
.attention2 #box16 ol ol{
	padding-top: 5px;
}
.attention1 #box14 ol dl{
	padding: 5px 0 0 0;
}
.attention1 #box14 ol dt,
.attention1 #box14 ol dd{
	text-indent: 0;
}
.mac.safari .attention1 #box14 ol li ol li,
.mac.safari .attention1 #box15 ol li ol li,
.mac.safari .attention1 #box16 ol li ol li,
.mac.safari .attention1 #box23 ol li ol li{
	text-indent: -1.8em;
}









/*     注2.   */
.attention2 #box16 ol p{
	padding    : 0 0 0px 1.6em;
	text-indent: -1.6em;
}
.attention2 #box17 table{
	margin: 5px 0 7px 20px; 
	width : 690px;
}
.attention2 #box17 th{
	background    : #EDEEE7;
	border        : solid 1px #CCC;
	padding       : 2px;
	text-align    : center;
	vertical-align: top;
}
.attention2 #box17 td{
	border        : solid 1px #CCC;
	padding       : 2px 10px 2px 1.5em;
	text-indent   : -1em;
	vertical-align: middle;
}
.attention2 #box17 td.noIndent{
	padding       : 0.5em;
	text-indent   : 0;
	vertical-align: top;
}
.attention2 #box17 p{
	margin-left: 20px;
	padding    : 0 0 0 2.2em;
	text-indent: -2.2em;
}

.attention2 .companyInfo{
	margin: 5px 0 7px 20px; 
	width : 690px;
}
.attention2 .companyInfo th{
	background    : #EDEEE7;
	border        : solid 1px #CCC;
	padding       : 2px 7px;
	vertical-align: top;
	width         : 130px;
}
.attention2 .companyInfo td{
	border        : solid 1px #CCC;
	padding       : 2px 10px;
	vertical-align: top;
}
.attention2 #box18 p,
.attention2 #box19 p{
	margin-left: 20px;
	padding    : 0 0 0 1.6em;
	text-indent: -1.6em;
}
.attention2 #box19 p.lastChild{
	padding    : 0 0 7px 1.6em;
}


.attention2 #box20 p,
.attention2 #box21 p,
.attention2 #box22 p,
.attention2 #box24 p,
.attention2 #box25 p,
.attention2 #box26 p{
	padding-bottom: 7px;
}
.attention2 #box23 ol ol{
	padding-top: 5px;
}


.attention2 #box27 ol li dl{
	padding: 5px 0 0 2em;
}
.attention2 #box27 ol .sectionForYou{
	padding-bottom: 17px;
}
.attention2 #box29{
	margin-bottom: 0;
}
.attention2 #box29 ol li ol{
	padding-top: 5px;
}
.attention2 #box29 ol li ol li{
	padding-bottom: 5px;
}

*html .attention2 #box29 ol li ol li{
	padding-bottom: 2px;
}
*:first-child+html .attention2 #box29 ol li ol li{
	padding-bottom: 2px;
}
.attention2 #box29 ol .lastChild{
	padding-top: 7px;
}










/*     注3.   */
.attention3 #box30 ol li {
	padding-left: 1.6em;
	text-indent : -1.4em; 
}
.attention3 #box30 ol li ol{
	padding-top: 5px;
}
.attention3 #box30 ol li ol li{
	padding-left: 1.8em;
	text-indent : -1.8em; 
}

.mac.safari .attention3 #box30 ol li ol li{
	padding-left: 1.8em;
	text-indent : -2.0em; 
}
.attention3 #box30 ol .sectionThree{
	padding-bottom: 17px;
}
.attention3 #box31 {
	border-top: dotted 1px #ccc;
	margin-top: 10px;
	padding   : 15px 20px 0;
}
.attention3 #box31 dt {
	font-weight   : bold;
	padding-bottom: 5px;
}