@charset 'iso-2022-jp';
/* -----------------------------------------------------------
   RESET
------------------------------------------------------------*/
body { text-align:center; font-size:64%; font-family: Verdana, "$B^b%4%7%C%/(B", YuGothic, "$B%R%i%.%N3Q%4(B ProN W3", "Hiragino Kaku Gothic ProN", "$B%a%$%j%*(B", Meiryo, sans-serif; letter-spacing:0.06em;}
/*IE6*/
* html body {font-family:verdana, "$B#M#S(B $B#P%4%7%C%/(B","MS PGothic";}
/*IE7*/
*:first-child+html body {font-family:verdana, "$B#M#S(B $B#P%4%7%C%/(B","MS PGothic";}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
img { border:none;}
hr { display:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}

/* -----------------------------------------------------------
   COMMON
------------------------------------------------------------*/
/*COVER*/
.cover { width:100%; height:100%;}

/*SUPER-BANNER*/
#bnSuper { width:100%; height:110px; background:#fff; border-bottom:1px solid #c0c0c0;}
#bnIn { padding-top:10px;}

/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;/*\*//*/	height: auto;	overflow: hidden;	/**/}

/*/MARGIN/*/
.mgBtm15{ margin-bottom:15px !important;}
.mgBtm25{ margin-bottom:25px !important;}
.mgBtm35{ margin-bottom:35px !important;}
.mgBtm45{ margin-bottom:45px !important;}
.mgBtm55{ margin-bottom:55px !important;}
.mgBtm65{ margin-bottom:65px !important;}

/*/FONT/*/
.blue{ color:#0e63b8 !important;}
.green{ color:#7aa313 !important;}
.yellow{ color:#fff421 !important;}
.orange{ color:#fc7a38 !important;}
.pink{ color:#df045c !important;}
.red{ color:#d70400 !important;}
.purple{ color:#6e45ac !important;}

.f80{ font-size:80% !important;}
.f90{ font-size:90% !important;}
.f100{ font-size:100% !important;}
.f120{ font-size:120% !important;}
.f140{ font-size:140% !important;}
.f160{ font-size:160% !important;}

.tCenter{ text-align:center !important;}
.tLeft{ text-align:left !important;}
.tRight{ text-align:right !important;}

.bderRed{ border:#d70400 solid 1px; padding:10px;}

/*/LINK/*/
a { color:#d05a1a; text-decoration:none;}
a:hover { text-decoration:underline;}

.fixed{  position: fixed; top: 0px; left: 0px; z-index: 9999 !important;}


/* -----------------------------------------------------------
   BASE
------------------------------------------------------------*/
body{ background:#221814; color:#221814;}
#bg{ background:#fbf8ee;}
.contentsArea{  width:960px; margin:0 auto; padding:50px 0;}

/* -----------------------------------------------------------
   TOP PAGE
------------------------------------------------------------*/
.viewer{width: 960px; height:650px; text-align: left; overflow: hidden; position:relative;}
.viewer #logo{ background:url(../img/logo.png) no-repeat; width:390px; height:240px; position:absolute; bottom:50px; left:0; z-index:9999;}
.viewer ul{ list-style:none; width:960px; height:650px; overflow: hidden;position: relative;text-align: left;}
.viewer li{top: 0; left: 0; width: 960px; height:650px;display: none;   position: absolute;}
.viewer li#vermeer{ background:url(../img/top_img.jpg) right top no-repeat;}
.viewer li#rembrandt{ background:url(../img/top_img.jpg) right bottom no-repeat;}
.viewer li#dutch{ background:url(../img/top_img2.jpg) no-repeat;}
.viewer li#vermeer p{ background:url(../img/top_cap.png) no-repeat;width:280px; height:301px; position:absolute; top:40px; left:40px;}
.viewer li#rembrandt p{ background:url(../img/top_cap.png) 0 -301px no-repeat;width:280px; height:301px; position:absolute; top:40px; left:40px;}
.viewer li#dutch p{ background:url(../img/top_cap2.png) no-repeat;width:700px; height:600px; position:absolute; top:15px; left:260px;}

#top_btnArea{ background:#f8f0dc; width:100%; padding:50px 0;}
#top_btnArea ul{ width:960px; margin:0 auto; list-style:none;}
#top_btnArea li{ float:left; width:300px; height:300px;background:url(../img/top_parts.png) no-repeat; position:relative;}

#top_btnArea li#kyoto{ background-position:0 0;  margin-right:30px;}
#top_btnArea li#tokyo{ background-position:-300px 0;  margin-right:30px;}
#top_btnArea li#fukushima{ background-position:-600px 0;  }

#top_btnArea .btn{ position:absolute; top:190px; left:30px;}
#top_btnArea .btn a{display:block;width:240px; height: 60px; line-height:60px; text-align: center; text-decoration: none;	font-size: 16px;letter-spacing: 0.08em; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all  0.4s ease;background-color:#fff;}

#top_btnArea li#kyoto .btn a{ color: #0f95cd;}
#top_btnArea li#tokyo .btn a{ color: #569332;}
#top_btnArea li#fukushima .btn a{ color: #c85d29;}

#top_btnArea li#kyoto .btn a:hover{ background-color:#4ba4c8; color:#fff;}
#top_btnArea li#tokyo .btn a:hover{ background-color:#6da94a; color:#fff;}
#top_btnArea li#fukushima .btn a:hover{ background-color:#c76b3b; color:#fff;}


/* -----------------------------------------------------------
   FOOTER + SOCIAL BTN
------------------------------------------------------------*/
#Footer{font-size:12px; color:#fff; text-align:center; line-height:150%;  padding:30px 0; margin:0 auto;}
#Footer a{ color:#fff;}
#Footer .cau{ font-size:12px; color:#fff; padding-bottom:15px;}
#pagetop{position: fixed;bottom:270px;right:0;}
#pagetop a{ display:block; width:62px; height:62px; background:url(../img/common_footer.png) 0 -184px no-repeat; }
#pagetop a:hover{background:url(../img/common_footer.png) -62px -184px no-repeat;}

ul#footer_sns{ list-style:none; width:180px; margin:0 auto 5px;}
ul#footer_sns li{ float:left;}
ul#footer_sns a{ display:block; width:90px; height:92px;}

ul#footer_sns #f_twit a{ background:url(../img/common_footer.png) no-repeat;}
ul#footer_sns #f_fb a{ background:url(../img/common_footer.png) -90px 0 no-repeat;}
ul#footer_sns #f_twit{ background:url(../img/common_footer.png) 0 -92px no-repeat;}
ul#footer_sns #f_fb{ background:url(../img/common_footer.png) -90px -92px no-repeat;}


/* -----------------------------------------------------------
   BASE
------------------------------------------------------------*/
.Second #bg{ padding-top:20px;}
#date{ width:100%; height:50px; background:#99be83 url(../img/header_parts.png) top center no-repeat;}
#header{ width:960px; margin:0 auto 20px; background:url(../img/header_parts.png) 0 -50px no-repeat; text-align:left;}
#header a{ display:block; width:450px; height:100px;}
#container{ width:960px; margin:0 auto; padding:60px 0;}
#container p{ font-size:14px; line-height:180%; text-align:left;}

/* -----------------------------------------------------------
   GLOBAL NAVIGATION
------------------------------------------------------------*/
#Navi{ width:100%; height:90px; background:#9f8439;}
#Navi ul{ list-style:none; width:960px; margin:0 auto;}
#Navi li{ padding:0px; margin:0; float:left;}
#Navi a{  display:block; overflow:hidden; height:90px; }

#Navi ul li#m01 a{ width:100px; background:url(../img/header_parts.png) 0 -150px no-repeat;}
#Navi ul li#m02 a{ width:130px; background:url(../img/header_parts.png) -100px -150px no-repeat;}
#Navi ul li#m03 a{ width:130px; background:url(../img/header_parts.png) -230px -150px no-repeat;}
#Navi ul li#m04 a{ width:130px; background:url(../img/header_parts.png) -360px -150px no-repeat;}
#Navi ul li#m05 a{ width:130px; background:url(../img/header_parts.png) -490px -150px no-repeat;}
#Navi ul li#m06 a{ width:210px; background:url(../img/header_parts.png) -620px -150px no-repeat;}
#Navi ul li#m07 a{ width:130px; background:url(../img/header_parts.png) -830px -150px no-repeat;}

#Navi ul li#m01,.Top #Navi ul li#m01 a{background:url(../img/header_parts.png) 0 -240px no-repeat;}
#Navi ul li#m02,.Outline #Navi ul li#m02 a{background:url(../img/header_parts.png) -100px -240px no-repeat;}
#Navi ul li#m03,.Works #Navi ul li#m03 a{background:url(../img/header_parts.png) -230px -240px no-repeat;}
#Navi ul li#m04,.Ticket #Navi ul li#m04 a{background:url(../img/header_parts.png) -360px -240px no-repeat;}
#Navi ul li#m05,.Event #Navi ul li#m05 a{background:url(../img/header_parts.png) -490px -240px no-repeat;}
#Navi ul li#m06,.Tieup_Goods #Navi ul li#m06 a{background:url(../img/header_parts.png) -620px -240px no-repeat;}
#Navi ul li#m07,.News #Navi ul li#m07 a{background:url(../img/header_parts.png) -830px -240px no-repeat;}

/* -----------------------------------------------------------
   COMMON SNS-TIMELINE AREA
------------------------------------------------------------*/
#snsTimeline{ background:#f3f2f2; width:100%; padding:50px 0;}
#snsTimeline ul{ width:960px; margin:0 auto; list-style:none;}
#snsTimeline li{ float:left; width:460px;}
#tLine{ margin-right:40px;}
#tLine p.ti{ background:url(../img/ti_parts.png) 0 -40px no-repeat; display:block; height:40px; margin-bottom:30px;}
#fLine p.ti{ background:url(../img/ti_parts.png) 0 -80px no-repeat; display:block; height:40px; margin-bottom:30px;}

/* -----------------------------------------------------------
   TOP MOVIE
------------------------------------------------------------*/
#movieArea{ background:#eef1ec; width:100%; padding:50px 0;}
#movieArea #inner{width:960px; margin:0 auto;}
#movieArea h2{ display:block; height:40px; background:url(../img/ti_parts.png) 0 -120px no-repeat; margin-bottom:40px;}
#movieArea ul{ list-style:none; padding:30px 0;}
#movieArea li{ width:306px; float:left; font-size:14px; line-height:150%; text-align:left;}
#movieArea a{ display:block; width:306px; padding-top:155px;color:#221814;}

#movieArea li#m1 a{ background:url(../img/movie_thum.jpg) no-repeat; }
#movieArea li#m2{ background:url(../img/movie_thum.jpg) -306px 0 no-repeat; height:150px;}
#movieArea li#m3{ background:url(../img/movie_thum.jpg) -612px 0 no-repeat; height:150px;}
#movieArea li#m1,#movieArea li#m2{margin-right:21px;}

/* -----------------------------------------------------------
   COMMON BANNER AREA
------------------------------------------------------------*/
#bnArea{ background:#f8f0dc; width:100%; padding:50px 0;}
#bnArea ul{ width:960px; margin:0 auto; list-style:none;}
#bnArea li{ float:left; width:300px; height:250px;  position:relative;}
#bnArea li a , #bnArea li span{ display:block; width:300px; height:250px;}
#bnArea li a:hover{ filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}


#bnArea li#online{ margin-right:30px;}
#bnArea li#online a{ display:block; background:url(../img/bn_parts.jpg?2021) no-repeat; }
#bnArea li#kyoto{background:url(../img/bn_parts.jpg?2021) -300px 0 no-repeat;  margin-right:30px;}
#bnArea li#fukushima{ background:url(../img/bn_parts.jpg?2021) -600px 0 no-repeat;  margin-right:30px;}
#bnArea li#tamaki a{ display:block; background:url(../img/bn_parts.jpg?2021) -900px 0 no-repeat; }
#bnArea li#present{margin-right:30px;}
#bnArea li#present a{ display:block; background:url(../img/bn_parts.jpg?2021) -1200px 0 no-repeat; }
#bnArea li#program{margin-right:30px;}
#bnArea li#program a{ display:block; background:url(../img/bn_parts.jpg?2021) -1500px 0 no-repeat; }
#bnArea li#msg{margin-right:30px;}
#bnArea li#msg a{ display:block; background:url(../img/bn_parts.jpg?2021) -1200px 0 no-repeat; margin-right:30px;}
#bnArea li#gtalk{ margin-right:30px;}
#bnArea li#gtalk a{ display:block; background:url(../img/bn_parts.jpg?2021) -300px 0 no-repeat; }
#bnArea li#webshop{ display:block; background:url(../img/bn_parts.jpg?2021) -900px 0 no-repeat; width:300px; height:250px;}


#bnArea .btn{ position:absolute; top:146px; left:45px;}
#bnArea .btn a ,#bnArea .btn span{display:block;width:210px; height:46px; line-height:48px; text-align: center; text-decoration: none;	font-size: 16px;letter-spacing: 0.08em; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all  0.4s ease;background-color:#fff;}
#bnArea li#kyoto .btn a{ color: #0f95cd;}
#bnArea li#fukushima .btn a ,#bnArea li#fukushima .btn span{ color: #c85d29; opacity:0.3;}
#bnArea li#msg .btn a{ color: #46a7a9;}
#bnArea li#kyoto .btn a:hover{ background-color:#4ba4c8; color:#fff;}
#bnArea li#fukushima .btn a:hover{ background-color:#c76b3b; color:#fff;}
#bnArea li#msg .btn a:hover{ background-color:#67b2b4; color:#fff;}


/* -----------------------------------------------------------
   OUTLINE
------------------------------------------------------------*/
.Outline h1{ display:block; width:260px; height:120px; margin:0 auto 60px; background:url(../img/outline_parts.png) no-repeat;}

.Outline table#info{ width:500px; float:left; font-size:14px; margin-right:60px;}
.Outline table#info th{ color:#7da764; width:131px; padding-left:10px; text-align:left;}
.Outline table#info td{ text-align:left;}
.Outline table#info th,.Outline table#info td{ border-bottom:1px #221814 dotted; padding-bottom:25px; padding-top:25px; line-height:170%;}
.Outline .topt th,.Outline .topt td{ padding-top:0 !important;}

.Outline #map{ float:left; text-align:left;}
.Outline #map p{ margin-bottom:30px;}

.Outline h2{ font-size:14px;color:#7da764; list-style-position:outside; list-style-image:none;}

.Outline .cau{ font-size:12px !important; line-height:150% !important; }

/* -----------------------------------------------------------
   TICKET
------------------------------------------------------------*/
.Ticket h1{ display:block; width:214px; height:120px; margin:0 auto 60px; background:url(../img/ticket_parts.png) no-repeat;}
.Ticket h2#t1{ display:block; width:178px; height:28px; background:url(../img/ticket_parts.png) 0 -120px no-repeat; margin-bottom:25px;}
.Ticket h3{ font-size:16px; color:#597f3f; text-align:left; padding-bottom:10px; line-height:160%;}
.Ticket h4{ font-size:14px; text-align:left; padding-bottom:10px; line-height:160%;}

.Ticket table#info{ width:100%; font-size:14px; margin-bottom:20px;}
.Ticket table#info th.topTh{ background:#d9e8cf; color:#678950; padding:20px 0;}
.Ticket table#info th.leftTh{ color:#678950; padding:20px 0; width:200px;}
.Ticket table#info td{ padding:20px 0; text-align:center;}
.Ticket table#info .btmBd{ border-bottom:1px solid #abc39a; }

.Ticket .tBox{ background:#f5f1e6; padding:30px;}
.Ticket dl.tDl{ font-size:14px; text-align:left; line-height:150%;}
.Ticket dl.tDl dt{ color:#9c8753; font-weight:bold; float:left; clear:both;}
.Ticket dl.tDl dd{ margin-bottom:10px; padding-left:120px;}

.Ticket .tBox .inn{ border-top:1px dotted #977c3a; padding-top:35px;}
.Ticket .botticelli h4{ display:block; height:90px; width:204px; background:url(../img/ticket_parts.png) 0 -152px no-repeat; margin-bottom:15px;}
dl.tDl2{ font-size:14px; text-align:left; line-height:150%;}
dl.tDl2 dt{ font-weight:bold; float:left; clear:both; color:#205e93;}
dl.tDl2 dd{ margin-bottom:10px; padding-left:40px;}

.Ticket dl.tDl3{ font-size:14px; text-align:left; line-height:150%;}
.Ticket dl.tDl3 dt{ float:left; clear:both;}
.Ticket dl.tDl3 dd{ margin-bottom:5px; padding-left:110px;}


.botticelli .Img{ width:200px; height:294px; background:url(../img/botticelli.jpg) no-repeat; float:left; margin-right:30px;}
.botticelli .cre{ font-size:12px !important; line-height:150% !important;}

.Ticket #gudetama .Img{ width:250px; height:260px; background:url(../img/gudetama.png) no-repeat; float:right; }
.Ticket #gudetama dl.tDl{ font-size:14px; text-align:left; line-height:150%; float:left; width:620px;}
.Ticket #gudetama dl.tDl dt{ color:#9c8753; font-weight:bold; float:left;}
.Ticket #gudetama dl.tDl dd{ margin-bottom:10px; padding-left:90px;}


/* -----------------------------------------------------------
   WORKS
------------------------------------------------------------*/


.Works #pdfBtn a{ display:block; width:400px; height:100px; background:url(../img/work_pdf.png) no-repeat; margin:0 auto 50px;}
.Works #pdfBtn a:hover{background:url(../img/work_pdf.png) 0 -100px no-repeat;}
.Works #pdfBtn2 a{ display:block; width:400px; height:100px; background:url(../img/work_list.png) no-repeat; margin:0 auto 50px;}
.Works #pdfBtn2 a:hover{background:url(../img/work_list.png) 0 -100px no-repeat;}


.Works h1{ display:block; width:214px; height:120px; margin:0 auto 60px; background:url(../img/works_parts.png) no-repeat;}

.Works #wMenu{ width:960px; margin:0 auto 60px;}
.Works #wMenu ul{ list-style:none;}
.Works #wMenu li{ float:left;}
.Works #wMenu a{ display:block; width:240px; height:240px; overflow:hidden;}
.Works #wMenu a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

.Works #wMenu .w1 a{ background:url(../img/works_parts.png) 0 -120px no-repeat;}
.Works #wMenu .w2 a{ background:url(../img/works_parts.png) -240px -120px no-repeat;}
.Works #wMenu .w3 a{ background:url(../img/works_parts.png) -480px -120px no-repeat;}
.Works #wMenu .w4 a{ background:url(../img/works_parts.png) -720px -120px no-repeat;}

.Works .tiArea{ padding:40px 0; margin-bottom:55px;}
.Works .tiArea h2{ display:block; width:660px; margin:0 auto;}

.Works  #wTi1{ background:#f8efd5;}
.Works  #wTi2{ background:#f3e7c3;}
.Works  #wTi3{ background:#f0e0b1;}
.Works  #wTi4{ background:#ead8a2;}

.Works  #wTi1 h2{ background:url(../img/works_title.png) no-repeat; height:200px;}
.Works  #wTi2 h2{ background:url(../img/works_title.png) 0 -200px no-repeat; height:155px;}
.Works  #wTi3 h2{ background:url(../img/works_title.png) 0 -355px no-repeat; height:155px;}
.Works  #wTi4 h2{ background:url(../img/works_title.png) 0 -510px no-repeat; height:155px;}

.Works .wContents{ width:960px; margin:0 auto; }
.Works .wContents p{ font-size:14px; text-align:left; line-height:180%;}
.Works .wContents p.cap{ line-height:150% !important; font-size:12px;}
.Works .wContents span.ten{ font-family:caption !important;}

.Works .wContents .floatR{ margin:0 0 20px 20px;}
.Works .wContents .floatL{ margin:0 20px 20px 0;}
.Works .wContents .floatNone{ margin:0 auto 30px;}

.Works .exBox{ background:#f3efe6; padding:40px 40px 20px;}

.Works .inBox{ width:800px; margin:0 auto;}
.Works #ph2_6{ width:375px; float:left; margin-right:50px;}
.Works #ph2_7{ width:375px; float:left;}

.Works .wImg{ position:relative;}
.Works .wImg img{ position:absolute;}
.Works #ph1_1 .wImg{ width:600px; height:410px; background:0 0 no-repeat;}
.Works #ph2_1 .wImg{ width:600px; height:440px; background:0 -410px no-repeat;}
.Works #ph2_2 .wImg{ width:600px; height:460px; background:0 -850px no-repeat;}
.Works #ph2_3 .wImg{ width:350px; height:450px; background:0 -1310px no-repeat;}
.Works #ph2_4 .wImg{ width:800px; height:400px; background:0 -1760px no-repeat;}
.Works #ph2_5 .wImg{ width:380px; height:450px; background:0 -2160px no-repeat;}
.Works #ph2_6 .wImg{ width:375px; height:460px; background:-380px -2160px no-repeat; margin-bottom:10px;}
.Works #ph2_7 .wImg{ width:375px; height:460px; background:0 -2620px no-repeat; margin-bottom:10px;}
.Works #ph2_8 .wImg{ width:390px; height:460px; background:-375px -2620px no-repeat;}
.Works #ph2_9 .wImg{ width:390px; height:450px; background:0 -3080px no-repeat;}
.Works #ph2_10 .wImg{ width:600px; height:510px; background:0 -3530px no-repeat;}
.Works #ph3_1 .wImg{ width:370px; height:430px; background:0 -4040px no-repeat;}
.Works #ph3_2 .wImg{ width:375px; height:450px; background:-370px -4040px no-repeat;}
.Works #ph3_3 .wImg{ width:380px; height:510px; background:0 -4490px no-repeat;}
.Works #ph4_1 .wImg{ width:350px; height:440px; background:-380px -4490px no-repeat;}

.Works .wContents h3{ display:block; height:30px;background:url(../img/works_sub.png) no-repeat; margin-bottom:15px;}
.Works h3#sub1{ background-position:0 0;}
.Works h3#sub2{ background-position:0 -30px;}
.Works h3#sub3{ background-position:0 -60px;}
.Works h3#sub4{ background-position:0 -90px;}
.Works h3#sub5{ background-position:0 -120px;}
.Works h3#sub6{ background-position:0 -150px;}
.Works h3#sub7{ background-position:0 -180px;}
.Works h3#sub8{ background-position:0 -210px;}
.Works h3#sub9{ background-position:0 -240px;}
.Works h3#sub10{ background-position:0 -270px;}
.Works h3#sub11{ background-position:0 -300px;}

/* -----------------------------------------------------------
   TIE-UP-GOODS
------------------------------------------------------------*/
.Tieup_Goods h1#t1{ display:block; width:190px; height:120px; margin:0 auto 60px; background:url(../img/tieup_parts.png) no-repeat;}
.Tieup_Goods h1#t2{ display:block; width:208px; height:120px; margin:0 auto 60px; background:url(../img/tieup_parts.png) -190px 0 no-repeat;}

.Tieup_Goods #Menu{ width:960px; margin:0 auto 10px;}
.Tieup_Goods #Menu ul{ list-style:none;}
.Tieup_Goods #Menu li{ float:left;}
.Tieup_Goods #Menu a{ display:block; height:68px; overflow:hidden;}
.Tieup_Goods #Menu a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

.Tieup_Goods #Menu .tu1 a{ width:140px; background:url(../img/tieup_menu.png) 0 0 no-repeat;}
.Tieup_Goods #Menu .tu2 a{ width:181px; background:url(../img/tieup_menu.png) -140px 0 no-repeat;}
.Tieup_Goods #Menu .tu3 a{ width:198px; background:url(../img/tieup_menu.png) -321px 0 no-repeat;}
.Tieup_Goods #Menu .tu4 a{ width:120px; background:url(../img/tieup_menu.png) -519px 0 no-repeat;}
.Tieup_Goods #Menu .tu5 a{ width:140px; background:url(../img/tieup_menu.png) -639px 0 no-repeat;}
.Tieup_Goods #Menu .tu6 a{ width:181px; background:url(../img/tieup_menu.png) -779px 0 no-repeat;}

.Tieup_Goods #tuBox1{ background:#fcf3da; padding:60px 0 40px;}
.Tieup_Goods #tuBox2{ background:#faf5f8; padding:60px 0 40px;}
.Tieup_Goods #tuBox3{ background:#f6eedc; padding:60px 0 40px;}
.Tieup_Goods #tuBox4{ background:#efefef; padding:60px 0 40px;}
.Tieup_Goods #tuBox5{ background:#f4f8fd; padding:60px 0 40px;}
.Tieup_Goods #tuBox6{ background:#f4f4d9; padding:60px 0 40px;}

.Tieup_Goods h2{ background:url(../img/tieup_parts.png) no-repeat; width:860px; display:block; margin:0 auto 40px;}
.Tieup_Goods #tuBox1 h2{ background-position:0 -528px; height:78px;}
.Tieup_Goods #tuBox2 h2{ background-position:0 -120px; height:76px;}
.Tieup_Goods #tuBox3 h2{ background-position:0 -196px; height:100px;}
.Tieup_Goods #tuBox4 h2{ background-position:0 -296px; height:76px;}
.Tieup_Goods #tuBox5 h2{ background-position:0 -372px; height:78px;}
.Tieup_Goods #tuBox6 h2{ background-position:0 -450px; height:78px;}

.Tieup_Goods h3{ font-weight:bold; font-size:14px; text-align:left; line-height:160%;}
.Tieup_Goods #tuBox2 h3{ color:#005bac;}
.Tieup_Goods #tuBox3 h3{ color:#96721e;}
.Tieup_Goods #tuBox5 h3{ color:#016cb1;}
.Tieup_Goods #tuBox6 h3{ color:#9f843a;}

.Tieup_Goods .tuImage{ margin:0 auto; width:950px; background:url(../img/tieup_img.jpg) no-repeat;}
.Tieup_Goods #tuBox1 .tuImage{ background-position:0 -1696px; height:400px;}
.Tieup_Goods #tuBox2 .tuImage{ background-position:0 0; height:268px;}
.Tieup_Goods #tuBox3 .tuImage{ background-position:0 -268px; height:300px;}
.Tieup_Goods #tuBox4 .tuImage{ background-position:0 -568px; height:482px;}
.Tieup_Goods #tuBox5 .tuImage{ background-position:0 -1050px; height:300px;}
.Tieup_Goods #tuBox6 .tuImage{ background-position:0 -1350px; height:346px;}

.Tieup_Goods .inBox{ padding:20px 30px;}
.Tieup_Goods #tuBox2 .inBox{ background:#f3dee9;}
.Tieup_Goods #tuBox3 .inBox{ background:#f0ddc5;}
.Tieup_Goods #tuBox5 .inBox{ background:#d8e6f9;}
.Tieup_Goods #tuBox6 .inBox{ background:#f1f0c6;}

.tuContents{ width:960px; margin:0 auto;}
.tuContents p{ font-size:14px; line-height:180%; text-align:left;}
.tuContents p.price{ text-align:center ; margin-bottom:35px;}

.Tieup_Goods #tuBox3 p.price{ width:460px; float:left; padding:0 10px; text-align:left;}
.Tieup_Goods #tuBox6 p.price{ width:440px; float:left; padding:0 20px; text-align:left;}

.Tieup_Goods #tuBox1 ul.priceBox{ width:680px; margin:0 auto;  list-style:none;}
.Tieup_Goods #tuBox1 ul.priceBox li{ width:320px; padding-top:330px; float:left; font-size:14px; font-weight:bold;line-height:160%;}
.Tieup_Goods #tuBox1 ul.priceBox li.p1{background:url(../img/tieup_img.jpg) 0 -2100px no-repeat; margin-right:40px;}
.Tieup_Goods #tuBox1 ul.priceBox li.p2{background:url(../img/tieup_img.jpg) -320px -2100px no-repeat;}

.Tieup_Goods p.price .tCenter{ display:block; text-align:center !important; padding:0; margin:0; }


.Tieup_Goods #gBox{ width:960px; margin:0 auto; padding:60px 0 20px;}
.Tieup_Goods #gList{ list-style:none; margin:0 -40px 0 0; overflow:hidden; _zoom:1;}
.Tieup_Goods #gList li{ width:460px; float:left; font-size:14px; line-height:140%;  padding:280px 0 40px; margin-right:40px;}
.Tieup_Goods #gList li .name{ color:#ae8709;font-weight:bold;}

.Tieup_Goods #gList li#g1{ background:url(../img/goods_img.jpg) no-repeat;}
.Tieup_Goods #gList li#g2{ background:url(../img/goods_img.jpg) -460px 0 no-repeat;}
.Tieup_Goods #gList li#g3{ background:url(../img/goods_img.jpg) -920px 0 no-repeat;}
.Tieup_Goods #gList li#g4{ background:url(../img/goods_img.jpg) -1380px 0 no-repeat;}
.Tieup_Goods #gList li#g5{ background:url(../img/goods_img.jpg) -1840px 0 no-repeat;}
.Tieup_Goods #gList li#g6{ background:url(../img/goods_img.jpg) -2300px 0 no-repeat;}
.Tieup_Goods #gList li#g7{ background:url(../img/goods_img.jpg) -2760px 0 no-repeat;}
.Tieup_Goods #gList li#g8{ background:url(../img/goods_img.jpg) -3220px 0 no-repeat;}
.Tieup_Goods #gList li#g9{ background:url(../img/goods_img.jpg) -3680px 0 no-repeat;}
.Tieup_Goods #gList li#g10{ background:url(../img/goods_img.jpg) -4140px 0 no-repeat;}
.Tieup_Goods #gList li#g11{ background:url(../img/goods_img.jpg) -4600px 0 no-repeat;}
.Tieup_Goods #gList li#g12{ background:url(../img/goods_img.jpg) -5060px 0 no-repeat;}
.Tieup_Goods #gList li#g13{ background:url(../img/goods_img.jpg) -5520px 0 no-repeat;}
.Tieup_Goods #gList li#g14{ background:url(../img/goods_img.jpg) -5980px 0 no-repeat;}


/* -----------------------------------------------------------
   NEWS
------------------------------------------------------------*/
.News h1{ display:block; width:170px; height:120px; margin:0 auto 60px; background:url(../img/news_parts.png) no-repeat;}
.News #leftArea{ width:640px; float:left; margin-right:40px;}
.News #rightArea{ width:280px; float:left;}

.News .nBox{ border-bottom:1px solid #c6b286; padding-bottom:40px; margin-bottom:40px;}
.News .nBox h2{ font-size:16px; color:#221814; line-height:160%; text-align:left; padding:0 5px 25px;}
.News .nBox .date{ color:#896604; font-size:14px; text-align:left; padding:0 5px;}
.News .nBox p{ padding:0 5px;}

.News #rightArea ul{ list-style:none;border-top:1px solid #c6b286; padding-top:15px;}
.News #rightArea li{border-bottom:1px solid #c6b286; padding-bottom:15px; margin-bottom:15px; text-align:left;}
.News #rightArea li a{color:#221814; line-height:140%;font-size:14px;}
.News #rightArea .date{color:#896604; font-size:12px;  background:url(../img/news_parts.png) right bottom no-repeat; display:block; padding-bottom:5px;}

.News #guide .Img{ width:500px; height:330px; margin:0 auto 20px; background:url(../news/img/tamaki.jpg) no-repeat;}
.News #poster .Img{ width:500px; height:360px; margin:0 auto 20px; background:url(../news/img/poster.jpg) no-repeat;}
.News #spguest .Img{ width:500px; height:333px; margin:0 auto 3px; background:url(../news/img/spguest.jpg) no-repeat;}
.News #spguest div{ font-size:12px;}

/* -----------------------------------------------------------
   EVENT
------------------------------------------------------------*/
.Event h1{ display:block; width:200px; height:120px; margin:0 auto 60px; background:url(../img/event_parts.png) no-repeat;}
.Event #leftArea{ width:640px; float:left; margin-right:40px;}
.Event #rightArea{ width:280px; float:left;}

.Event .eBox{ border-bottom:1px solid #c6b286; padding-bottom:40px; margin-bottom:40px;}
.Event .eBox h2{ font-size:16px; color:#221814; line-height:160%; text-align:left; padding:0 5px 25px;}
.Event .eBox h3{font-size:14px; text-align:left; line-height:160%; }
.Event .eBox .date{ color:#896604; font-size:14px; text-align:left; padding:0 5px;}
.Event .eBox p{ padding:0 5px;}

.Event .exBox{ background:#f5f1e6; padding:30px;}
.Event .exBox p{ padding:0 !important;}
.Event dl.dl1{ font-size:14px; text-align:left; line-height:150%; padding-top:15px;}
.Event dl.dl1 dt{ color:#9c8753; font-weight:bold; float:left; clear:both;}
.Event dl.dl1 dd{ margin-bottom:10px; padding-left:120px;}
.Event dl.dl2{ font-size:14px; text-align:left; line-height:150%; }
.Event dl.dl2 dt{ color:#9c8753; font-weight:bold; float:left; clear:both;}
.Event dl.dl2 dd{ margin-bottom:10px; padding-left:80px;}


.Event #rightArea ul{ list-style:none;border-top:1px solid #c6b286; padding-top:15px;}
.Event #rightArea li{border-bottom:1px solid #c6b286; padding-bottom:15px; margin-bottom:15px; text-align:left;}
.Event #rightArea li a{color:#221814; line-height:140%;font-size:14px;}
.Event #rightArea .date{color:#896604; font-size:12px;  background:url(../img/news_parts.png) right bottom no-repeat; display:block; padding-bottom:5px;}

.Event #spstory .Img{ width:450px; height:470px; margin:0 auto 40px; background:url(../event/img/spstory.png) no-repeat;}
.Event #spstory .Img2 a{ display:block; width:450px; height:570px; margin:0 auto 5px; background:url(../event/img/spstory2_thum.jpg) no-repeat;}
.Event .botticelli h3{ display:block; height:90px; width:204px; background:url(../img/ticket_parts.png) 0 -152px no-repeat; margin-bottom:15px;}

#popup{background:#fbf8ee; position:relative;}
#spstory_big{ width:600px;  margin:0 auto;}
#spstory_big .Img{width:600px; height:780px; background:url(../event/img/spstory2.jpg) no-repeat;}
#closebt{ position:absolute; top:0; right:-60px;}
#closebt a{ display:block; width:60px; height:60px; background:url(../img/close.png) no-repeat;}
#closebt a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

.Event .l-prince h3{ display:block; height:50px; width:210px; background:url(../img/ticket_parts.png) 0 -410px no-repeat; margin-bottom:15px;}
.l-prince .Img{ width:170px; height:160px; background:url(../img/ticket_parts.png) 0 -246px no-repeat; float:left; margin-right:30px;}
.l-prince .floatL{ width:336px;}

.Event .comment .text{ width:326px; float:left;}
.Event .comment .Img{width:220px; }
.Event .com1 .Img{  background:url(../img/comment.jpg) no-repeat; float:left; margin-right:30px;height:270px;}
.Event .com2 .Img{  background:url(../img/comment.jpg) 0 -270px no-repeat; float:left; margin-right:30px;height:270px;}
.Event .com3 .Img{  background:url(../img/comment.jpg) 0 -540px no-repeat; float:left; margin-right:30px;height:240px;}
.Event .com4 .Img{  background:url(../img/comment.jpg) 0 -780px no-repeat; float:left; margin-right:30px;height:270px;}
.Event .com5 .Img{  background:url(../img/comment.jpg) 0 -1320px no-repeat; float:left; margin-right:30px;height:270px;}


/* -----------------------------------------------------------
   MESSAGE
------------------------------------------------------------*/
.Msg h1{ display:block; width:270px; height:120px; margin:0 auto 60px; background:url(../img/msg_parts.png) no-repeat;}
.Msg .eBox h2{ font-size:16px; color:#221814; line-height:160%; text-align:left; }
.Msg .exBox{ border-bottom:1px dotted #c6b286; padding-bottom:25px;}
.Msg .exBox span.new{ font-size:12px !important; letter-spacing:0.02em;}

.Msg .com1 .Img{  background:url(../img/comment.jpg) no-repeat; float:left; margin-right:30px;width:220px;height:270px;}
.Msg .com2 .Img{  background:url(../img/comment.jpg) 0 -270px no-repeat; float:left; margin-right:30px;width:220px;height:270px;}
.Msg .com3 .Img{  background:url(../img/comment.jpg) 0 -540px no-repeat; float:left; margin-right:30px;width:220px;height:240px;}
.Msg .com4 .Img{  background:url(../img/comment.jpg) 0 -780px no-repeat; float:left; margin-right:30px;width:220px;height:270px;}
.Msg .com5 .Img{  background:url(../img/comment.jpg) 0 -1050px no-repeat; float:left; margin-right:30px;width:220px;height:270px;}
.Msg .com6 .Img{  background:url(../img/com6.jpg) no-repeat; float:right; margin-left:20px;width:310px;height:220px;}
.Msg .com7 .Img{  background:url(../img/comment.jpg) 0 -1320px no-repeat; float:left; margin-right:30px;width:220px;height:270px;}
.Msg .com8 .Img{  background:url(../img/comment.jpg) 0 -1590px no-repeat; float:right; margin-left:20px;width:180px;height:220px;}


/* ===========================================
	TBS global header Legacy
=========================================== */

/*	reset
============================== */

html,body {
	padding:0;
	margin:0;
}

/*	common
============================== */

/*	GH common
============================== */

div.global-header {
	position:relative;
	background-repeat:repeat-x;
	border-bottom:2px solid #c2c2c2 !important;
	background-color:#eaeaea;
}
div.global-header h1 {
	display:none;
}
div.global-header nav,
div.global-header ul,
div.global-header li,
div.global-header p {
	margin: 0;
	padding: 0;
	line-height:1;
	letter-spacing:0;
}
div.global-header ul {
	list-style-type: none;
}

/* causion */
div.gh-caution p {
	line-height:1.5;
	text-align:center;
	background-color:#ffe000;
	padding: 12px 0;
	margin-bottom:12px;
}
div.gh-caution p b, div.gh-caution p strong {
	font-style:normal;
	font-weight:bold;
	color:#c00;
}
div.gh-caution p.gh-caution-tls {
	line-height:1.5;
	text-align:center;
	background-color:#ffe000;
	padding: 12px;
	margin-bottom:12px;
}
div.gh-caution p.gh-caution-tls b, div.gh-caution p.gh-caution-tls strong,
div.gh-caution p.gh-caution-tls a {
	color:#005eac !important;
}
div.gh-caution p.gh-caution-tls a {
	font-weight:normal;
	text-decoration:underline !important;
}

/* banner */
div.global-header div.gh-super {
	display:block;
	text-align:left;
	margin:0 auto;
}

/* tbs tv side */
div.global-header div.gh-tbs ul li {
	display:block;
	position:absolute;
}
div.global-header div.gh-tbs ul li a {
	display:block;
	background-repeat:no-repeat;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}




/* catari widget */

.catari-widget, .catari-widget iframe {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.catari-widget {
	text-align:left;
	border:1px solid #d6d6d6;
	background-color:#fff;
	padding:4px;
}
.catari-widget-inner {
	
	height:315px;
	-webkit-overflow-scrolling:touch;
}
.catari-widget iframe {
	width:100%;
	height:100%;
	border:none;
	padding:0 !important;
	margin:0 !important;
	background-color:#fff !important;
}
.catari-widget p {
	color:#2d2d2d;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important;
	line-height:1;
	margin:0 !important;
}
.catari-widget p:after {
	content:"";clear:both;display:block;
}
.catari-widget p:first-child {
	font-size:14px !important;
	font-weight:bold !important;
	padding-bottom:4px;
}
.catari-widget p span {
	display:block;
}
.catari-widget p:first-child span {
/*	padding-left:44px; */
	padding-left:20px;
	padding-top:12px;
}
.catari-widget p:last-child span {
	padding-right:74px;
	padding-top:6px;
}
.catari-widget p:last-child {
	padding-top:4px;
	text-align:right !important;
	font-size:12px !important;
}
/*
.catari-widget p:first-child:before {
	content:"";
	display:block;
	background-image:url(/um/v7/img/catari_fromtbs.svg);
	width:40px;
	height:40px;
	float:left;
}
*/
.catari-widget p:last-child a {
	display:block;
	/* background-image:url(/um/v7/img/catari_logo.svg); */
	width:72px;
	height:24px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	float:right;
}
/*	GH PC header
============================== */

div.global-header,
div.global-header ul li,
div.global-header p.gh-search-btn {
	font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-size:16px !important;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}

/* causion */
div.gh-caution p {
	font-size:87.5%;
}

div.global-header {
	text-align:left;
	background-image:url(/um/v7/img/gh_bg_pc.svg?0);
	background-size:320px 240px;
}

/* banner */
div.global-header div.gh-super {
	padding-bottom:12px;
}
div.global-header div.gh-super img {
	display:inline;
}
div.global-header div.gh-super span {
	display:inline;
}

/* tbs tv side */
div.global-header div.gh-tbs {
	position:absolute;
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:320px 240px;
	width:150px;
	height:75px;
}
div.global-header div.gh-tbs ul {
	display:block;
	background-image:url(/um/v7/img/gh_boobo.png?0);
	background-repeat:no-repeat;
	background-size:150px;
	background-position:0 36px;
	width:150px;
	height:75px;
}
div.global-header div.gh-tbs ul li.gh-home {
	left:30px;
	top:8px;
}
div.global-header div.gh-tbs ul li.gh-program {
	left:32px;
	top:40px;
}
div.global-header div.gh-tbs ul li.gh-home a {
	background-position:-170px 0;
	width: 90px;
	height: 26px;
}
div.global-header div.gh-tbs ul li.gh-program a {
	background-image: none;
	width: 86px;
	height: 25px;
}
div.global-header div.gh-tbs ul li.gh-side {
	display:none;
}

/* di2 only PC */
div.global-header div.gh-navi {
	height:76px;
	margin:0 auto;
}

/* di2 */
div.global-header div.gh-menu {
	position:relative;
	margin-left:150px;
}
div.global-header div.gh-menu ul.gh-main, div.global-header div.gh-menu ul.gh-sub {
	display:table;
	border-collapse: collapse;
	/* border-spacing: 0; */
}
div.global-header div.gh-menu ul.gh-main {
	width:100%;
}
div.global-header div.gh-menu ul.gh-sub {
	width:59%;
	margin-left:41%;
}
div.global-header div.gh-menu ul li {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	}
div.global-header div.gh-menu ul.gh-main li {
	border-bottom:1px solid transparent;
}
div.global-header div.gh-menu ul li a {
	display:block;
	text-align:center;
	color:#222;
	text-decoration:none;
	}
div.global-header div.gh-menu ul li a:hover {
	/*font-weight:bold;*/
	color:#000;
}
div.global-header div.gh-menu ul.gh-main li a span {
	font-weight:bold;
	line-height:40px;
}
div.global-header div.gh-menu ul.gh-sub li a span {
	color:#fff;
	line-height:18px;
}
div.global-header div.gh-menu ul.gh-main li a:hover {
	background-color:#bfdcf3;
}
div.global-header div.gh-menu ul.gh-sub li a:hover,
div.global-header div.gh-menu p.gh-search-btn a:hover {
	background-color:#00569b;
}
div.global-header div.gh-menu ul.gh-main li a:before,
div.global-header div.gh-menu ul.gh-sub li a:before {
	content: "";
	display:block;
	float:left;
	margin-left: -1px;
	}
div.global-header div.gh-menu ul.gh-main li a:before {
	height:20px;
	margin-top:10px;
	border-left: 2px solid #80b9e7;
	}
div.global-header div.gh-menu ul.gh-sub li a:before {
	height:14px;
	margin-top:2px;
	border-left: 2px solid #80b9e7;
}
div.global-header div.gh-menu ul.gh-main li:first-child a:before,
div.global-header div.gh-menu ul.gh-sub li:first-child a:before {
	border-left:none;
}
div.global-header div.gh-menu ul.gh-main li a span,
div.global-header div.gh-menu ul.gh-sub li a span {
	display:inline-block;
}

/* search button */
div.global-header div.gh-menu p.gh-search-btn {
	position:absolute;
	left:0;
	top:41px;
}
div.global-header div.gh-menu p.gh-search-btn a {
	display:block;
	color:#fff;
	font-size:83%;
	text-decoration:none;
	line-height:18px;
	line-height:19px;	/* for IE9 */
	letter-spacing:0.75em;
	padding:0 15px;
}
div.global-header div.gh-menu p.gh-search-btn a:before {
	content: "";
	display:block;
	float:left;
	width:18px;
	height:18px;
	margin-right:10px;
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-position:0 -90px;
	background-repeat:no-repeat;
	background-size:320px 240px;
}

/* tbs tv side */
div.global-header div.gh-tbs ul li.gh-home a {
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-size:320px 240px;
}

/*	GH 980px
============================== */

div.global-header {
	letter-spacing:0;
	min-width: 980px;
}
div.global-header div.gh-super {
	width:980px;
}
div.global-header div.gh-super:before {
	content: "";
	display:block;
	float:left;
	width:126px;
	height:1px;
}
div.global-header div.gh-navi {
	width:980px;
}
div.global-header div.gh-menu ul.gh-main li a span {
	font-size:87.5%;
	padding:0 12px;
}
div.global-header div.gh-menu ul.gh-sub li a span {
	font-size:83%;
	padding:0 12px;
}



/*jumpSmp*/
#jumpSmp {
	display:block;
	color:#fff;
	background: -moz-linear-gradient(center top, #9dce5f 50%,#7cbe2a 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #9dce5f),color-stop(0.5, #7cbe2a));
	text-align:center;
	font-size:52px;
	font-weight:bold;
	line-height:1.35;
	border-top:5px solid #ddd;
	border-bottom:5px solid #eee;
	padding:52px;
}
#jumpSmp a { display:block; color:#fff;}
/*eof*/