@charset "utf-8";
@import "reset.css";
@import "colorbox.css";

a {color:#fff; text-decoration: underline; outline : none;}
a:hover {text-decoration: none;}
.common {background: #00b2bf;}
.common .wrapper {width: 875px; min-height:840px; padding: 0 38px 0 40px; margin:0 auto; background: url(../images/sango_bg_common3.png) repeat 0 0;}
.common header {position: relative; padding-top:15px; height: 129px;}
.common header h2 {margin-left:-9px;}
.common #gmenu {position: absolute; right:0; top:15px; }
.common #gmenu ul{width:538px; }
.common #gmenu li {float:left; padding:16px 15px;}
.common #gmenu li.active {background: url(../images/sango_bg_common2.png) no-repeat 0px 0px;}
.common #gmenu li.active2 {background: url(../images/sango_bg_common5.png) no-repeat 0px 0px;}

.common #gmenu li a{display: inline-block; text-indent: -9999px; background-image:url(../images/sango_menu_common1.png); background-repeat: no-repeat; }
.common #gmenu li.toNews a{width:76px; height:28px; background-position: 0 0;}
.common #gmenu li.toTrailer {padding:16px 15px 16px 0;}
.common #gmenu li.toTrailer a{width: 77px; height:28px; background-position: -104px 0;}
/*.common #gmenu li.toTrailer a:hover{background-position: -104px -40px; cursor:default;}*/
.common #gmenu li.toAbout a{width: 96px; height:28px; background-position: -202px 0;}
.common #gmenu li.toTheater a{width:77px; height:28px; background-position: -327px 0;}

.common #gmenu li.toLink a{width:77px; height:28px; background-position: -432px 0;}
/*.common #gmenu li.toLink a:hover{background-position: -432px -40px; cursor:default;}*/

.common #cmenu {position: absolute; right: 17px; bottom:0;}
.common #cmenu ul{width:666px;}
.common #cmenu li {float:left; padding:10px 16px 11px;}
.common #cmenu li a{display: inline-block; text-indent: -9999px; background-image:url(../images/sango_menu_about1.png); background-repeat: no-repeat;}
.common #cmenu li.toIntro a{width:135px; height:25px; background-position: 0 0; }
.common #cmenu li.toIntro{padding:10px 13px 11px 12px;}
.common #cmenu li.toIntro.active {background: url(../images/sango_bg_common2.png) no-repeat -146px 0; }
.common #cmenu li.toStory a{width:73px; height:25px; background-position: -162px 0;}
.common #cmenu li.toStory.active {background: url(../images/sango_bg_common2.png) no-repeat -325px 0;}
.common #cmenu li.toCast a{width: 58px; height:25px; background-position: -265px 0;}
.common #cmenu li.toCast.active {background: url(../images/sango_bg_common2.png) no-repeat -450px 0;}
.common #cmenu li.toStaff a{width:58px; height:25px; background-position: -352px 0;}
.common #cmenu li.toStaff.active {background: url(../images/sango_bg_common2.png) no-repeat -450px 0;}
.common #cmenu li.toNote a{width:148px; height:25px; background-position: -438px 0; }
.common #cmenu li.toNote {padding:10px 17px 11px 18px;}
.common #cmenu li.toNote.active {background: url(../images/sango_bg_common2.png) no-repeat -666px 0; }
.common #main {padding: 40px 0 35px; color:#fff; font-size:14px; line-height:179%;}
.common #main p {margin-bottom:1.75em; width:622px;}
.common #main p:last-child {margin-bottom:0;}
#home {background: #00b2bf;}
#home .wrapper {width:1072px; margin:0 auto; text-align: center; background: url(../images/sango_bg_top1.png) no-repeat -2px 43px; position: relative;}
#home header hgroup {padding: 6px 0 0 11px;}
#home header h1 {padding-left:87px;}
#home header h2 {margin-top:-54px;}
#home #gmenu {margin-left:-7px;}
#home #gmenu ul{width:861px; padding:13px 0px 14px 13px; margin:7px auto 0; border-top: 2px solid #fff000; border-bottom: 2px solid #fff000;}
#home #gmenu li {float:left; width:20%;}
#home #gmenu li a{display: inline-block; text-indent: -9999px; background-image:url(../images/sango_menu_top1.png); background-repeat: no-repeat;}
#home #gmenu li.toNews a{width:115px; height:44px; background-position: 0 0;}
#home #gmenu li.toTrailer {margin-left:-1px;}
#home #gmenu li.toTrailer a{width: 126px; height:44px; background-position: -166px 0;}
/*#home #gmenu li.toTrailer a:hover{background-position: -168px -50px; cursor:default;}*/
#home #gmenu li.toAbout {margin-left:-1px;}
#home #gmenu li.toAbout a{width:145px; height:44px; background-position: -327px 0;}
#home #gmenu li.toTheater {margin:0 -12px 0 12px;}
#home #gmenu li.toTheater a{width: 121px; height:44px; background-position: -526px 0;}
#home #gmenu li.toLink {margin:0 -11px 0 11px;}
#home #gmenu li.toLink a{width: 121px; height:44px; background-position: -695px 0;}
/*#home #gmenu li.toLink a:hover{background-position: -695px -50px; cursor:default;}*/
#home #sns {position: absolute; height:198px; top:320px;}
#home #sns {width:100%;}
#home #sns>ul {width:948px; margin:10px auto 0;}
#home #sns>ul>li {display: block; width:148px; height:128px; padding:35px 15px 35px 35px; color:#fff; font-size:10px; line-height:13px; text-align: left;}
#home #sns>ul>li li a {text-decoration: none;}
#home #sns>ul>li li a:hover {text-decoration: underline;}
#home #sns>ul>li li {margin-top:2px; overflow:hidden; height:7.8em;}
#home #sns #facebook {float:left; background:url(../images/sango_bg_top2.png) no-repeat 0 0; }
#home #sns #twitter {float:right; background:url(../images/sango_bg_top3.png) no-repeat 0 0; }
#home #main h1 {background: #fff000; line-height:50px; height:70px; padding:16px 0; margin-top:110px;}
#home #main .cast {position: relative; top: -190px;}
#home #main .cast .aoyagi {padding-right:44px;}
#home #main .cast .nakamae {padding-top:10px;}
#home #credit {width:961px; height:152px; text-indent:-9999px; display: block; background: url(../images/sango_txt_top4.png) no-repeat 0 0; margin:-65px auto 30px;}
#home #snsF {width:210px; position: absolute; bottom:0; right:0px;}
#home #snsF #fbF {width:104px; height:20px; float:left;}
#home #snsF #twF {width:100px; height:20px; float:right;}
#main.intro {background:url(../images/sango_img_about1.png) no-repeat right 44px; }
#main.story {background:url(../images/sango_img_about2.png) no-repeat right 44px; }
#main.cast {background:url(../images/sango_img_about3.png) no-repeat 0 bottom; color:#4d869f; font-size:12px; line-height:166.67%;}
#main.cast h2, #main.cast p {width:578px;}
#main.cast ul {margin-bottom:155px;}
#main.cast p {margin-top:10px; display: inline;}
#main.cast li {padding:30px 20px 20px 277px; min-height:135px; margin-bottom:20px; background-color: #fff;}
#main.cast li.secondary {float:left; width: 238px; min-height:266px; padding:20px; font-size: 10px; line-height:160%;}
#main.cast li.secondary div {display: inline; float:left; margin:0 13px 3px 0;}
#main.cast .cast1 {background: #fff url(../images/sango_img_cast1.jpg) no-repeat 20px 20px;}
#main.cast .cast2 {background: #fff url(../images/sango_img_cast2.jpg) no-repeat 20px 20px;}
#main.cast .cast3 {background: #fff url(../images/sango_img_cast3.jpg) no-repeat 20px 20px;}
#main.cast .cast5 {margin:0 20px 0 21px;}

#main.theater {color:#4d869f; font-size:12px; line-height:166.67%;}
#main.theater p{color:#fff;}
#main.theater h2, #main.theater p {width:578px;}

#main.theater {background:url(../images/theater/sango_clear_300.jpg) no-repeat 610px 44px; }

#main.theater p {margin-top:10px; display: inline;}
#main.theater td {margin-top:20px;padding:20x;}
#main.theater tr {margin-top:20px;padding:20x;}
#main.theater tr.aaa {background-color:#EBF7FC;}

#main.theater tr.title {color:#F08800; font-weight:bold; }
#main.theater td.city {font-weight:bold; }

#main.theater a {color:#4d869f; text-decoration:underline;}


#main.theater li {padding:30px 20px 20px 30px;  background-color: #fff;}
#main.theater li.secondary {float:left; width: 238px; min-height:266px; padding:20px; font-size: 10px; line-height:160%;}
#main.theater li.secondary div {display: inline; float:left; margin:0 13px 3px 0;}


#main.link {color:#4d869f; font-size:12px; line-height:166.67%;}
#main.link p{color:#fff;}
#main.link li {padding:30px 20px 20px 45px; margin-bottom:20px; background-color: #fff;}
#main.link li.secondary {float:left; width: 238px; min-height:266px; padding:20px; font-size: 10px; line-height:160%;}
#main.link li.secondary div {display: inline; float:left; margin:0 13px 3px 0;}
body#link  .wrapper {width: 875px; min-height:540px; padding: 0 38px 0 40px; margin:0 auto; background: url(../images/sango_bg_common3.png) repeat 0 0;}

#main.staff .boxes, .below { color:#4d869f; font-size:12px; line-height:166.67%;  margin-bottom:20px;}
#main.staff .boxes div, .below  {background: #fff; padding:20px;}
#main.staff .boxes div h2, #main.staff .boxes div h3, #main.staff .below h2, #main.staff .below h3 {margin-bottom:10px;}
#main.staff .boxes div p, #main.staff .boxes .below p {width:auto; margin-bottom:20px;}
#main.staff .boxes div p.last-child, #main.staff .boxes .below p.last-child {margin-bottom:0;}
#main.staff .boxes .left {width:430px; float:left;}
#main.staff .boxes .right {width:343px; float:right;}
#main.staff .below {width:835px; min-height:167px; background: #fff url(../images/sango_img_staff1.jpg) no-repeat 599px 20px;}
#main.staff .below p {width:522px;}
#main.note { font-size:12px; line-height:166.67%;}
#main.note dl {margin-bottom:1em;}
#main.note dd {margin-bottom:1em;}
#main.note #note2 {background: url(../images/sango_img_note1.png) no-repeat right 0; padding: 20px 280px 0 0;}
#main.note #note3 {background: url(../images/sango_img_note2.png) no-repeat left 0; padding: 20px 0 0 320px; margin-top:2.5em;}
#main.note #note4 {background: url(../images/sango_img_note3.png) no-repeat right 21px; padding: 0 280px 0 0; height: 337px; margin-top:2.5em;}
img.bg { min-height: 100%; min-width: 1280px; width: 100%; height: auto; position: fixed; bottom: 0; left: 0; z-index: -1;}
@media screen and (max-width: 1280px) {
  img.bg { left: 50%; margin-left: -640px;}
}

#main.event {color: #3D3D3D;}
#main.event a {color: #3D3D3D;}
#main.event table {margin-bottom: 30px;width: 100%;}
#main.event table th {padding: 10px;text-align: left;border: 1px solid #999999;background-color: #ECECEC;width: 120px;}
#main.event table td {padding: 10px;text-align: left;border: 1px solid #999999;background-color: #FFFFFF;}