@import "yui.css";

/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
//////////////////////////////////////// */

/*ClearFix*/
.clearfix {clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0;}

body { color: #939393; background: #fff; line-height: 1.6; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  letter-spacing: 0.05em; }

a:link, a:visited, a:active { color: #0470C2; text-decoration: none; }
a:hover { color: #0470C2; text-decoration: underline; }

.min { font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; } 

#footer { background: url(../images/top_bg_bottom.png) repeat-x #A6E4E7; margin: 10px 0 0 0; padding: 50px 0 0 0; }
.footer-box { width: 950px; margin: 0 auto; padding: 20px 0 0 0; background: url(../images/bgblur.png) center 40px no-repeat; }
.foot-waku { background: #5FBBCC; text-align: center; padding: 17px 0 0 0; height: 92px; margin-bottom: 17px; }
.foot-waku img { margin: 0 10px; }
.foot-l { width: 348px; float: left; }
.foot-l img { margin-bottom: 12px; }

.foot-r { float: right; width: 600px; }
.foot-r img { margin-left: 5px; }

.copyr { text-align: center; margin: 17px 0 0 0; padding: 25px 0 15px 0; border-top: 1px solid #fff; color: #158AA1; font-size: 85%; }

#container-top { width: 950px; font-size: 93%;  margin: 0 auto;}
#container { width: 950px; font-size: 93%;  margin: 0 auto 40px auto; color: #046DBE; }

#header { margin: 20px 0 22px 0; }
.in-logo { float: left; width: 170px; margin: 0 27px 0 0; }
.in-navi { float: left; margin: 33px 0 0 0; }

.top-menu { text-align: center; margin: 20px 0 0 0; font-size: 116%; font-weight: bold; }
.top-dis { text-align: center; margin: 30px 0 0 0; }
.top-text-b { font-size: 100%; }
.top-text-s { font-size: 85%; }

/*中ページ*/
.pagetop { text-align: right; margin: 30px 0; }

.in-sti { margin: 0 0 33px 230px; }
.in-left { float: left; width: 217px; margin-top: 17px; }
.in-right { float: right; width: 712px; }
.in-right-news { float: right; width: 712px; }
.in-right-news h2 { background: url(../images/news-line.png) bottom no-repeat; color: #7B7B7B; font-size: 123.1%; padding-bottom: 4px; margin-bottom: 20px; }

.in-right-news th { white-space: nowrap; vertical-align: top; padding: 0 15px 10px 0; }
.in-right-news td { vertical-align: top; padding-bottom: 10px; }

.ga-pix01 { margin: 20px 0 10px 0; }
.ga-pix02 { margin-bottom: 0px; }
.ga-sti02 { margin-bottom: 20px; }
.ga-sti03 { margin: 0px 0 20px 0; }

.ga-spix { float: left; width: 142px; margin-right: 20px; }
.ga-texcl { float: left; width: 550px; }
.in-line { border-bottom: 1px solid #DFE7ED; padding: 9px 0; margin-bottom: 17px; }
.ga-me { margin: 17px 0 0 0; }
.ga-me p { margin-bottom: 1.0em; }


.news-date { font-size: 85%; color: #7B7B7B; }
.news-ar { color: #7B7B7B; font-weight: bold; font-size: 108%; }
.newsbox { margin-bottom: 70px; }

.arul { margin: 8px 0 0px 0; }
.arul li { margin: 0 0 1em 0; }

.linenews { border-bottom: 1px solid #D9D9D9; margin: 20px 0; }



/*劇場情報*/
#container-t { width: 600px; margin: 25px auto; font-size: 93%; background: url(../images/th_bg.png) no-repeat; padding: 0px 0 0 0; }
#container-t h1 { text-align: center; font-weight: bold; }
#container-t table { margin: 0 auto; width: 500px; }
#container-t th { background-color: #A6E4E7; color: #0A315A; padding: 8px; text-align: center; }
#container-t td { border: 1px solid #A6E4E7; padding: 8px; }
.th-kome { margin: 1em auto 0 auto; width: 500px; }

.th-logo { width: 500px; text-align: right; margin: 20px auto 35px auto; }

.b-banner { text-align: center; margin: 25px 0 0 0; font-size: 85%; }
.b-banner img { margin: 0px 10px 5px 10px; }



/*talk*/
.talk-l-ul { margin: 0px 0 0px 0; border-top: 1px solid #D9D9D9; }
.talk-l-ul a { color: #838383 !important; }
.talk-l-ul li { background: url(../images/talk_arrow.png) no-repeat center left; border-bottom: 1px solid #D9D9D9; padding: 10px 0 10px 15px; }

.talkbox { margin-bottom: 70px; color: #4B4B4B; }
h2.logtitle a { color: #838383 !important; font-weight: bold; }


blockquote { background: url(../images/talk_corner.png) no-repeat; height: 44px; padding: 7px 12px; font-weight: bold; color: #5D5344; text-align: center; margin: 8px 0 20px 0; }

.talkbox h3 { background: url(../images/talk_stitle.png) no-repeat; height: 39px; padding: 17px 0 0 0; font-size: 138.5%; font-weight: bold; color: #000; margin: 18px 0px 10px 0; }

.talkbox h4, .talkbox h5, .talkbox h6 { width: 55px; font-weight: bold; float: left; }
.talkbox h4 { color: #2684CA; } 
.talkbox h5 { color: #3C8516; } 
.talkbox h6 { color: #5D5344; } 

.talkbox p { float: left; width: 360px; margin-left: 8px; }

.talk-box-ex { float: left; width: 440px; }
.talk-img { float: right; background: url(../images/talk_img_bg.png) no-repeat; height: 413px; width: 272px; }

.profile { background: url(../images/talk_pro.png) no-repeat; width: 712px; padding: 45px 0 0 0; color: #1992AA; }


.i3-bg { background: url(../images/3bg.png) no-repeat right top; margin: 40px 0; min-height: 420px; }
.i3-bg span {  color: #1992AA;}
.i3-bg th { white-space: nowrap; background-color: #A6E4E7; padding: 10px 15px; font-weight: bold; color: #0A315A;}
.i3-bg td { padding: 10px 15px; border: 1px solid #B3E8EB;  color: #7B7B7B;}
#memo td { border: 0px; padding: 2px 0px; vertical-align: top;}


/*グッズ*/
.goo-top0b { margin-bottom: 40px; } 
.goo-text-box1 { background: url(../images/good-pc01.png) no-repeat 0px 50px; padding: 20px 0 0px 260px;  }
.goo-text-box2 { background: url(../images/good-pc02.png) no-repeat 0px 50px; padding: 20px 0 0px 260px; height: 250px; }
.goo-text-box3 { background: url(../images/good-pc03.png) no-repeat 0px 50px; padding: 20px 0 0px 260px; height: 250px; }
.sp-bg { padding: 15px; background-color: #ececec; }
