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

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

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

	1: enjoy rightcontents layout for index.html
		1-1: rContentsBox base setting
		1-2: rBoxTop setting
	2: enjoy rightcontents layout for appreciation.html
		2-1: rContents other setting
		2-2: rBoxapp setting
		2-3: table setting
	3: enjoy rightcontents layout for study.html
		3-1: rContents other setting
		3-2: rBoxSt table setting
		3-3: rBoxSt setting
	4: enjoy rightcontents layout for meal.html
	5: enjoy rightcontents layout for shop.html
    6: enjoy rightcontents layout for hotel.html
	7: enjoy rightcontents layout for privilege.html
	8: enjoy rightcontents layout for service.html

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

/* -------------------------------------------------------
  2: enjoy rightcontents layout for index.html
------------------------------------------------------- */
/*   1-1: rContents base setting   */

.ttlline {
	width:681px;
	margin:0 auto 20px auto;
}

/*.link {
	background:url(../img/arrow_red07.gif) -1px 5px no-repeat;
	padding-left:8px;
}
*/
.clear {
	clear:both;
}

p {
	line-height:160%;
}

p.notes {
	width:438px;
	text-indent:-9px;
	padding-left:8px;
}

p.notes02 {
	text-indent:-10px;
	padding-left:10px;
}

/*   1-2: rBoxTop setting   */

ul#grayBtnBox {
	width:645px;
	height:32px;
	margin:30px auto 20px auto;
	padding:10px 0 11px 13px;
	background:url(../../enjoy/img/bk_btn_enjoy01.gif) left top no-repeat;
}

ul#grayBtnBox li {
	float:left;
	margin-right:6px;
}

ul#grayBtnBox li.liLightNone {
	margin-right:0;
}

.rBoxTop {
	width  : 630px;
	margin : 0 auto;
	padding : 0 15px 170px 15px;
	background:url(../../enjoy/img/bk_enjoyt01.jpg) center bottom no-repeat;
}

.rBoxTop table{
	width :630px;
	margin: 20px auto 0 auto;
}

.rBoxTop table td {
	width:215px;
	padding-bottom:20px;
}

.rBoxTop table td.mlNon {
	width:200px;
}	

/* -------------------------------------------------------
  3: enjoy rightcontents layout for appreciation.html
------------------------------------------------------- */
/*   2-1: rContents other setting   */

p#apTxtBox {
	width:635px;
	margin:0px auto 30px auto;
	padding-top:30px;
}

p#apTxtBox02 {
	width:635px;
	margin:20px auto 0 auto;
}

/*   2-2: rBoxapp setting   */

.rBoxapp {
	width:640px;
	margin:0 auto;
}

.rBoxapp img {
	border:1px solid #F47933;
}

#thisMonthThumb {
	width: 219px;
	float: left;
}

#thisMonthThumb img {
	display: block;
	margin-bottom: 5px;
}

.rBoxapp div#rightDlBox {
	width:390px;
	float:right;
	line-height:146%;
}

.rBoxapp dl#thisMonth dt {
	background-color:#F47933;
	color:#fff;
	padding:5px 0 5px 10px;
	margin-bottom:13px;
	font-weight:bold;
}

.rBoxapp dl#thisMonth dd {
	padding-bottom:10px;
	border-bottom:1px dashed #656565;
	margin-bottom:13px;
}

.rBoxapp dl#flowerAssort {
	color:#F14F00;
	font-size:90%;
}


.rBoxapp dl#flowerAssort dt {
	margin-bottom:3px;
}

/*   2-3: dl setting   */

.rBoxapp02 {
	background: url(../../enjoy/img/bg_view.gif) left bottom no-repeat;
	width:660px;
	margin-left: 25px;
	clear:both;
	margin-top:20px;
}

#single {
	width: 330px;
}

.sideL {
	float: left;
}

.sideR {
	float: right;
}

.boxView {
	width:322px;
	line-height:130%;
}

.boxView dt {
	color: #ffffff;
	font-weight: bold;
	background-color: #F47933;
	padding: 5px 3px 5px 9px;
}

/*
.boxView dd {
	background-color:#F2F3EC;
}
*/

.boxView dd div.img {
	width:110px;
	float:right;
	padding:4px 4px 4px 0;
}

.boxView dd div.img p {
	text-align:center;
}

.boxView dd div.txtDetaile {
	width:188px;
	padding:8px 5px 10px 8px;
	float:left;
}

.boxView dd p.flower {
	border-top:1px dashed #656565;
	color:#F14F00;
	width:188px;
	margin-top:10px;
	padding-top:5px;
	font-size:84%;
	line-height:130%;
}

/* -------------------------------------------------------
  3: enjoy rightcontents layout for study.html
------------------------------------------------------- */
/*   3-1: rContents other setting   */

.btnBoxS {
	width:681px;
	margin: 0 auto 27px auto;
	padding-top:15px;	
}

h4.hBgRed {
	width:671px;
	float:right;
}

.rBoxSt01 {
	width:635px;
	margin:0 auto;
	line-height:160%;
}

/*   3-2: rBoxSt table setting   */

.rBoxSt01 table.border1 {
	width:209px;
	border-collapse:collapse;
	float:right;
	margin-left:15px;
}

.rBoxSt01 table.border1 td {
	border:1px solid #C8C8C8;
}

.rBoxSt01 table.data {
	width:332px;
	border-collapse:collapse;
	float:left;
	margin-top:15px;
}

.rBoxSt01 table.data th {
	width:69px;
	background-color:#7CB45A;
	border:1px solid #AEAEAE;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:7px 0 9px 0;
}
.rBoxSt01 table.data td {
	border:1px solid #AEAEAE;
	padding:7px 19px 9px 6px;
}

.rBoxSt01 table.border2 {
	width:209px;
	border-collapse:collapse;
	float:left;
	margin-right:25px;
}

.rBoxSt01 table.border2 td {
	border:2px solid #C8C8C8;
}

/*   3-3: rBoxSt setting   */

#rBoxSt02 {
	padding-top:12px;
	margin-bottom:20px;
}

#rBoxSt02 img {
	width:292px;
	float:right;
	border:2px solid #C8C8C8;
	margin-left:20px;
}

#rBoxSt03 {
	padding-top:12px;
}

#rBoxSt03 div {
	width:292px;
	float:left;
	margin-right:20px;
}

#rBoxSt03 img {
	display:block;
	margin-bottom:15px;
	border:2px solid #C8C8C8;
}

#rBoxSt03 p {
	width:318px;
	padding-bottom:30px;
	float:right;
}

#ie6 #rBoxSt03 p {
	padding-bottom:15px;
}
#ie7 #rBoxSt03 p {
	padding-bottom:15px;
}

#rBoxSt04 {
	padding-top:12px;
	margin-bottom:20px;
}

#rBoxSt04 img {
	border:2px solid #C8C8C8;
	width:198px;
	float:right;
	margin-left:25px;
}

#rBoxSt04 img.mbNo {
	margin-bottom: 0;
}

#rBoxSt05 p {
	margin-bottom:30px;
}

#rBoxSt06 table {
	border-collapse:collapse;	
}

#rBoxSt06 table td{
	border:2px solid #C8C8C8;
}

/* -------------------------------------------------------
  4: enjoy rightcontents layout for meal.html
------------------------------------------------------- */

#rBoxM01,
#rBoxM02 {
	width:640px;
	margin:0 auto;
}

#rBoxM01 p.img {
	border:2px solid #C8C8C8;
	width:312px;
	float:right;
}

#rBoxM01 p {
	width:300px;
	float:left;
}

#rBoxM01 p span {
	color:#B12517;
	font-weight:bold;
	display:block;
	margin-top:10px;
}
	
#rBoxM01 table {
	width:300px;
	float:left;
	border-collapse:collapse;
	margin:10px 0 13px 0 ;
}

#rBoxM01 table th {
	width:70px;
	background-color:#C28557;
	border:1px solid #B4B4B4;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	padding:5px 0;
}

#rBoxM01 table td {
	border:1px solid #B4B4B4;
	padding: 5px;
}

#rBoxM01 ul {
	padding-top:20px;
}

#rBoxM01 ul li {
	float:left;
	margin-right:10px;
}

#rBoxM01 ul li.mlNon {
	margin-right:0;
	float:right;
}
#rBoxM01 ul li img {
	border:2px solid #C8C8C8;
}

/* -------------------------------------------------------
  5: enjoy rightcontents layout for shop.html
------------------------------------------------------- */

#rBoxSh01,
#rBoxSh03 {
	width:640px;
	margin: 0 auto;
}

#rBoxSh01 table {
	width:276px;
	border-collapse:collapse;
	float:left;
}

#rBoxSh01 table td {
	border:2px solid #C8C8C8;
}

#rBoxSh02 {
	width:335px;
	float:right;
} 

#rBoxSh02 table {
	width:332px;
	margin-top:23px;
}

#rBoxSh02 table th {
	background-color:#6B547E;
	border:1px solid #B4B4B4;
	width:69px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
}

#rBoxSh02 table td {
	border:1px solid #B4B4B4;
	padding:6px 13px 9px 10px;
}

#rBoxSh03 p {
	width:400px;
	float:left;
}

#rBoxSh03 p.link {
	width:392px;
	float:left;
	margin-top:10px;
}


#rBoxSh03 dl {
	width:218px;
	border:1px solid #B4B4B4;
	float:right;
}

#rBoxSh03 dt {
	text-align:center;
	background-color:#BC646F;
	border-bottom:1px solid #B4B4B4;
	color:#ffffff;
	font-weight:bold;
	padding:5px 0;
}

#rBoxSh03 dd {
	background-color:#F4F4E0;
	padding:15px 0 20px 0;
	text-align: center;
}

/* -------------------------------------------------------
  6: enjoy rightcontents layout for hotel.html
------------------------------------------------------- */

#rBoxH01 {
	width : 630px;
	margin: 0 auto;
}
#rBoxH01 img {
	border:2px solid #C8C8C8;
}
#rBoxH01 p.img {
	float        : right;
	margin-bottom: 20px
}
#rBoxH01 p span {
	color      : #572F15;
	font-weight: bold;
	display    : block;
	margin-top : 15px;
}
#rBoxH01 div.hotelTextInfo {
	width        : 320px;
	float        : left;
	margin-bottom: 20px;
}
#rBoxH01 div.hotelTextInfo2 {
	width        : 331px;
	margin-bottom: 22px;
}
#rBoxH01 .hyatt {
	background   : url(../../enjoy/img/ph_hotel_02_01.jpg) no-repeat right top;
	margin-bottom: 20px;
}
#rBoxH01 .hyatt img {
	display: block;
	margin : 20px 0px;
}
#rBoxH01 .hyatt h4 {
	font-size    : 100%;
	color        : #593D1C;
	background   : url(../../enjoy/img/icon_gold.gif) no-repeat left 2px;
	margin-bottom: 5px;
	padding-left : 17px;
}
#rBoxH01 .hyatt .content02 li {
	padding-bottom: 2px;
}
#rBoxH01 .hyatt .content02 li strong{
	font-weight: normal;
}
#rBoxH01 .hyatt .hotelTextInfo2 .txt-indent {
	line-height : 1.3;
	text-indent : -1.2em;
	padding-left: 1.4em;
}
#rBoxH01 .hyatt .content02 .txt-indent {
	text-indent: -1;
	padding-left: 1em;
}


#rBoxH01 table {
	clear          : both;
	width          : 100%;
	margin         : 0 0 10px 0;
	border-collapse: collapse;
}
#rBoxH01 th {
	color      : #FFFFFF;
	font-weight: bold;
	background : #6A3D1B;
	width      : 126px;
	text-align : center;
	border     : 1px solid #B4B4B4;
}
#rBoxH01 td {
	padding: 8px 25px 8px 20px; 
	border : 1px solid #B4B4B4;
}
#rBoxH01 ul.hotelImageList {
	margin-top :20px;
}
#rBoxH01 ul.hotelImageList li {
	float       : left;
	margin-right: 6px;
}
#rBoxH01 ul.hilton li {
	margin-right: 12px;
}
#rBoxH01 ul li.mlNone{
	margin-right:0px;
}
.hotelTopBottns {
	background: url(../../enjoy/img/hotel_back.jpg) no-repeat left 20px;
	width     : 620px;
	height    : 420px;
	margin    : 0 auto;
	padding   : 0 30px;
}
#rMainBox .icnRed{
	text-align: center;
	clear     : both;
	width     : 681px;
	margin    : 0px auto;
	padding   : 25px 0 15px;
}
#rMainBox .icnRed a{
	background  : url(../img/arw_txtlink.gif) no-repeat left top;
	padding-left: 16px;
}

/* -------------------------------------------------------
  7: enjoy rightcontents layout for privilege.html
------------------------------------------------------- */

.rBoxP01 {
	width:640px;
	margin:0 auto;
}

.rBoxP01 img {
	border:2px solid #C8C8C8;
}

dl#grayBox {
	width:629px;
	background-color:#F1F1EB;
	margin:8px 0 25px 24px;
	padding:7px 12px 11px 9px;
}

dl#grayBox dt {
	font-weight:bold;
}

#rBoxP02 img {
	width:176px;
	float:left;
	margin-right:20px;
}
#rBoxP02 p {
	width:440px;
	float:left;
}

#rBoxP03 {
	margin-top:20px;
}

#rBoxP03 div {
	width:284px;
	float:right;
	margin-left:28px;
}

#rBoxP03 div img{
	margin-bottom:15px;
}

#rBoxP04 table {
	width:640px;
}

#rBoxP04 table th{
}
#rBoxP04 table td{
	width:192px;
	padding-right:32px;
	padding-top:10px;
	vertical-align:top;
}
#rBoxP04 table td.mlNon {
	margin-right:0;
}

#rBoxP04 p img {
	border:none;
}
#enjoy #rBoxSt05 .arrowLink a {
	background-image: url(../img/arrow_red04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

/* -------------------------------------------------------
  8: enjoy rightcontents layout for service.html
------------------------------------------------------- */

#caption {
	clear: both;
}

#chapter {
	background: url(../../enjoy/img/bg_enjoym_chapter.jpg) left top no-repeat;
	width: 636px;
	height: 41px;
	padding: 0 37px 10px 36px;
	margin-bottom: 20px;
}

#chapter li {
	float: left;
}

#chapter img {
	display: block;
}

#boxMeal {
	width: 680px;
	padding: 0;
	margin:0 auto;
}

#boxMeal h3 {
	margin-bottom: 20px;
}

#boxMeal .pageTop {
	margin-bottom: 30px;
}

#guideArea {
	line-height: 2em;
	height: 2em;
	padding-left: 5px;
}

#guideArea p {
	float: left;
	padding-left: 10px;
}

#guideArea ul {
	float: right;
	padding-top: 5px;
}

#guideArea li {
	display: inline;
}

.category {
	width: 640px;
	margin: 0 auto;
	border-top: 1px solid #D1D1D1;
}

.boxInner {
	width: 638px;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}

.boxInner .detail {
 float: right;
 width: 405px;
}

#rBoxM01 .detail {
 width: 640px;
 margin-bottom: 10px;
 position: relative;
}

#rBoxM01 strong {
	float: left;
	width: 550px;
	padding: 0 0 5px 30px;
	border-bottom: 1px dotted #6D6D6D;
}

.boxInner strong {
	float: left;
	width: 325px;
	padding: 20px 0 5px 30px;
}

#rBoxM01 strong.restaurant {
	background: url(../../enjoy/img/icon_enjoym03.gif) left 2px no-repeat;
}

.boxInner strong.restaurant {
	background: url(../../enjoy/img/icon_enjoym03.gif) left 22px no-repeat;
}

.boxInner strong.shop {
	background: url(../../enjoy/img/icon_enjoym04.gif) left 22px no-repeat;
}

#boxMeal strong span {
	font-size: medium;
	vertical-align: -1px;
	margin-left: 10px;
}

#boxMeal strong span.noInd {
	margin-left: 0;
}

#boxMeal .floor {
	float: right;
	color: #FFFFFF;
	line-height: 1.8em;
	text-align: center;
	width: 50px;
	height: 1.8em;
}

#catNNT .floor {
	background-color: #DE7617;
	position: absolute;
	bottom: 0;
	right: 0;
}

#catTOC .floor {
	background-color: #66732A;
}

#catSG .floor {
	background-color: #C65F63;
}

.boxInner .txt {
	width: 380px;
	padding-top: 5px;
	margin-bottom: 10px;
	border-top: 1px dotted #6D6D6D;
	clear: both;
}

.boxInner dl {
	display: block;
	margin-bottom: 10px;
}

.boxInner dt {
	float: left;
	width: 90px;
	clear: both;
}

.boxInner dt.amenity {
	width: 50px;
	padding-top: 2px;
}

.boxInner dd {
	float: left;
	width: 290px;
}

.boxInner dd.tel {
	font-size: medium;
	font-weight: bold;
	margin-bottom: 10px;
}

.boxInner dd.amenity {
	color: #876F48;
	width: 330px;
}

.boxInner .thumb {
 float: left;
 width: 200px;
 padding: 15px 0 10px 15px;
}


.floatLeft {float: left;}
.floatRight{float: right;}
.txt-red   {color: #DA2700;}
.txt-small {font-size: 85%;}
.txt-indent {
	text-indent: -1em;
	padding-left: 1em;
}