@charset "UTF-8";
@import url(http://yuta.heteml.jp/normalize.min.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:800|Open+Sans);
html { font-size: 100%; }
body { font-size: 77%; font-family:'Open Sans',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; _font-family: "ＭＳ Ｐゴシック"; letter-spacing: 1px; }
hr { clear: both; }
ul, li { padding: 0; margin: 0; display: block; }
a { cursor: pointer; text-decoration: none; color: #000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
section a:link { text-decoration: underline; }
section a:visited { text-decoration: none; }
section a:hover { text-decoration: none; background: #e60012;color:#fff !important;}
section a:active { text-decoration: none; }
table.hyou { border-collapse: collapse; border-spacing: 0; border: 0; line-height: 1.3; border: 1px #ccc solid; margin: 0 0 20px 0; }
.hyou caption, .hyou th, .hyou td { vertical-align: top; }
.hyou th, .hyou td { border: 0 none; border-bottom: 1px #ccc dotted; border-right: 1px #ccc dotted; padding: 5px 10px; }
.hyou th { border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; font-weight: bold; }
.hyou caption { padding-bottom: 1em; font-weight: bold; font-size: 116%; min-width: 500px; }

/** **/
html { overflow-y: scroll; }
body { text-align: center; color: #000; text-align: center; }
header { width: 1000px; margin: 0 auto; text-align: left; position: relative; }
footer { width: 100%; background: #e60012; padding: 0 0 30px 0; clear: both; color: #fff;}
#c { width: 1000px; margin: 0 auto; text-align: left; }
#m { width: 770px; padding: 0 0 30px 0; float: left; }
#s { width: 220px; padding: 0 0 30px 0; float: right; }
.font1 { font-family: 'Raleway', sans-serif; letter-spacing: 1px; }
.link1 { background: #e60012; display: inline; padding: 3px 6px;color:#fff;}
.link1:link { text-decoration: none;color:#fff;}
.link1 span { font-family:'Open Sans',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; _font-family: "ＭＳ Ｐゴシック"; font-size: 8px; vertical-align: text-bottom; padding: 0 3px 0 0;
position:relative;top:0px;}
header h1 { width: 320px; height: 121px; float: left; text-align: center; padding: 0; margin: 0; line-height: 115px;}
header h1 a { display: block; background: #e60012; padding: 0; height: 100%;}
header h1 a img { margin: 0 0 0 0; }
header nav { width: 638px; float: right; }
header nav ul { font-size: 22px; margin: 45px 0 0 0; text-align: right;}
header nav li { display: inline; margin: 0 0 0 12px; }
header nav li a { line-height: 0; padding: 0 6px; }
header nav li a:hover, #schedule header nav li.schedule a, #news header nav li.news a, #information header nav li.information a, #access header nav li.access a, #contact header nav li.contact a { background: #e60012; }
header nav li.english { text-align: center; display: block; font-size: 12px; height: 20px; position: absolute; top: 0; right: 0; margin: 0; }
header nav li.english a { color: #fff; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; display: block; width: 80px; height: 20px; background: #000; line-height: 20px; }
header nav li.english a:hover { background: #e60012; color: #000; }
header nav li.shinjuku { text-align: center; display: block; font-size: 12px; height: 20px; position: absolute; top: 0; right: 112px; margin: 0; }
header nav li.shinjuku a { color: #ff0; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; display: block; width: 121px; height: 20px; background: #000; line-height: 20px; }
header nav li.shinjuku a:hover { background: #ff0; color: #000; }
#topimg { background: #000; padding: 10px; overflow: hidden; margin: 0 0 10px 0; position: relative; }
#topimg .next, #topimg .prev { background: #e60012; height: 20px; font-size: 10px; line-height: 20px; width: 20px; position: absolute; top: 170px; color: #fff; text-align: center; cursor: pointer; z-index: 10; -webkit-box-shadow: 0px 0px 3px 2px #fff; box-shadow: 0px 0px 3px 2px #fff;}
#topimg .next:hover, #topimg .prev:hover { background: #fff;color:#e60012;}
#topimg .next { right: 0; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }
#topimg .prev { left: 0; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; }
#topimg li { width: 309px; float: left; margin: 0 10px 0 0;}
#topimg li a { display: block; text-decoration: none; position: relative;background:transparent;}
#topimg li a img { margin: 0 0 1px 0; vertical-align: text-bottom; width: 100%; position: relative; top: 0; left: 0; z-index: 2; }
#topimg li a:hover img { opacity: .70; filter: alpha(opacity=70); -moz-opacity: 0.70; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#topimg li a .img { height: 309px; background: url(images/topimg_tile.png) center center; width: 309px; margin: 0 0 1px; background: #E60012;}
#topimg li a .img p { padding: 0; margin: 0; font-size: 30px; color: #fff; position: absolute; top: 3px; background: transparent; left: 10px; width: 289px; display: block; z-index: 1; word-break: break-all;
font-family:Raleway,"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; _font-family: "ＭＳ Ｐゴシック";}
#topimg li a time { color: #fff; font-size: 30px; position: absolute; top: 264px; left: 7px; z-index: 3; text-shadow: -1px -1px #E60012,  1px -1px #E60012,  -1px 1px #E60012,  1px 1px #E60012;         filter: dropshadow(color=#fff, offx=0, offy=0);}
#topimg li a time span { font-size: 14px; }
#topimg li a p { padding: 3px 5px; margin: 0; display: block; background: #fff; color: #000; font-size: 10px; line-height: normal; height: 30px;}
#topnews { border: #CCC 1px solid; overflow: hidden; padding: 10px 20px; margin: 0 0 10px 0; font-size: 15px;}
#topnews h1 { font-size: 22px; padding: 0 10px 0 0; margin: 0; display: inline; vertical-align: sub; }
#topnews ul { padding: 5px 0; }
#topnews ul li { margin: 5px 0; overflow: hidden; }
#topnews ul li a { color: #000; text-decoration: none; }
#topnews ul li a:hover { background: #e60012; }
#topnews ul li a:link { text-decoration: none; }
#topnews ul li a time { color: #999; vertical-align: text-bottom; }
#topnews ul li a span { padding: 0 0 0 10px; }
#pickup{height: 698px;overflow: hidden;}
#pickup ul { width: 781px; }
#pickup li { width: 185px; float: left; margin: 0 10px 10px 0; }
#pickup li a { display: block; text-decoration: none; position: relative; }
#pickup li a img { margin: 0 0 1px 0; vertical-align: text-bottom; width: 100%; position: absolute; top: 0; z-index: 2; }
#pickup li a:hover img { opacity: .70; filter: alpha(opacity=70); -moz-opacity: 0.70; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#pickup li a .img { height: 185px; background: url(images/topimg_tile.png) center center; width: 185px; margin: 0 0 1px; background: #e60012;}
#pickup li a .img p { padding: 0; margin: 0; font-size: 15px; color: #fff; position: absolute; top: 5px; background: transparent; left: 7px; width: 178px; display: block; z-index: 1; word-break: break-all; height: 170px;
font-family:Raleway,"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; _font-family: "ＭＳ Ｐゴシック";}
#pickup li a time { color: #fff; font-size: 30px; position: absolute; top: 143px; left: 7px; z-index: 3; text-shadow: -1px -1px #E60012, 1px -1px #E60012, -1px 1px #E60012, 1px 1px #E60012;         filter: dropshadow(color=#000, offx=0, offy=0);}
#pickup li a time span { font-size: 14px; }
#pickup li a p { padding: 3px 5px; margin: 0; display: block; background: #000; color: #fff; font-size: 10px; line-height: normal; height: 31px; overflow: hidden; }
#today { border: #CCC 1px solid; overflow: hidden; padding: 5px 10px; margin: 0 0 10px 0; }
#today h1 { font-size: 22px; padding: 0 10px 0 0; margin: 0; display: inline; vertical-align: sub; }
#today a.link1 { float: right; margin: 5px 0 0 0; }
#today #todayroll { height: 190px; width: 196px; overflow: hidden; overflow-y: scroll; }
#today #todayroll .day { padding: 0 0 3px 0;width:196px;}
#today #todayroll .day a { display: block; color: #000; text-decoration: none; background: #fff; }
#today #todayroll .day a:hover,
#today #todayroll .day a:hover h2 span{ background: #e60012;color:#fff;}
#today #todayroll .day a:hover h2{border-bottom:1px #fff solid;}
#today #todayroll .day a h2 { margin: 0 0 10px 0; padding: 0; text-align: center; border-bottom: 1px #000 solid; font-size: 13px; height: 11px; }
#today #todayroll .day a h2 span { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background: #fff; padding: 0 7px; position: relative; top: 2px; }
#today #todayroll .day a h3 { margin: 0 0 2px 0; padding: 0; font-size: 10px; }
#today #todayroll .day a p { margin: 0 0 2px 0; padding: 0; font-size: 10px; }
#s .tw,
#s .blog,
#s .fb { padding: 0 0 10px 0; }
#ticket { border: #CCC 1px solid; overflow: hidden; padding: 5px 10px; margin: 0 0 10px 0; background: #eee; }
#ticket h1 { font-size: 22px; padding: 0 10px 0 0; margin: 0; display: inline; vertical-align: sub; }
#ticket p { margin: 0 0 2px 0; padding: 0; font-size: 10px; }
#ticket form dl{margin:0 0 5px 0;}
#ticket form dl dt { font-size: 10px; }
#ticket form dl dd { margin: 0; padding: 0 0 3px 0; }
#ticket form dl dd .text { width: 94% !important; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 2px 0px #ccc; box-shadow: inset 1px 1px 2px 0px #ccc; border: 1px #ccc solid; padding: 4px 3%; }
#ticket form dl dd .submit {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; width: 100px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 2px 0px #CCC; box-shadow: 0px 1px 2px 0px #CCC; border: 1px #ccc solid;
background: #ffefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffefef 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefef), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffefef 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffefef 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffefef 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffefef 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefef', endColorstr='#ffffff',GradientType=0 );
padding: 5px; margin:10px auto 0; text-align: center; display: block;}
#ticket form dl dd .submit:hover {-webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 1px 0px #ccc; box-shadow: 0px 1px 1px 0px #ccc; border: 1px #eee solid;
background: #ffefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffefef 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefef), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffefef 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffefef 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffefef 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffefef 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefef', endColorstr='#ffffff',GradientType=0 );
}
#ticket form dl dd .submit:active {margin-bottom:-1px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 1px 0px #ccc; box-shadow: 0px 0px 1px 0px #ccc; border: 1px #fff solid; background: #ffffcc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffff66',GradientType=0 );}
#ticket form option{font-size:14px;}
footer .fin { width: 1010px; margin: auto; text-align: left; overflow: hidden; }
footer address { display: block; width: 496px; border-top: 10px #000 solid; padding: 30px 0; margin: 0 10px 0 0; float: left; font-style: normal; font-size: 11px; }
footer address h1 { margin: 0 0 10px 0; padding: 0; width: 150px; float: left; }
footer address p { margin: 0; }
footer a {color:#fff;}
footer nav { display: block; width:242px; border-top: 10px #000 solid; padding: 20px 0; margin: 0 10px 0 0; float: left; font-size: 22px; }

/**/
section #h { background: #000; height: 66px; line-height: 66px; color: #fff; margin: 0 0 10px 0; padding: 0 10px 0 20px; }
section #h h1 { /*width: 230px;*/ float: left; margin: 0; }
section #h h1 a{color:#fff;text-decoration:none;}
section #h .link { width: 510px; float: right; text-align: right; padding: 13px 0 0 0; height: 53px;}
section #h a.link1 { text-align: right; margin: 0; line-height: 15px;}
#page .entry h1 { background: #000; height: 50px; line-height: 50px; color: #fff; margin: 20px 0 0 0; padding: 0 20px; font-size: 18px; }
#page .entry h2 { margin: 30px 0 10px 0; }
#page .entry ul { padding: 10px 0; }
#page .entry ul li { display: list-item; list-style: square; margin: 0 0 0 23px; padding: 6px 0; }
#box { padding: 0 0 30px 0; }
#box article { margin: 0 0 10px 0; }
#box article a { text-decoration: none; }
#box article a:hover { opacity: .80; filter: alpha(opacity=80); -moz-opacity: 0.80; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
#box article .img { float: left; width: 94px; height: 93px; float: left; margin: 0 0 1px 0; overflow: hidden; position: relative; background: #E60012; }
#box article .img img { width: 100%; }
#box article .img time { color: #fff; font-size: 17px; position: absolute; top: 66px; left: 7px; z-index: 3; text-shadow: -1px -1px #E60012, 1px -1px #E60012, -1px 1px #E60012, 1px 1px #E60012;         filter: dropshadow(color=#E60012, offx=0, offy=0);}
#box article .img time span { font-size: 12px; }
#box article h1 { width: 635px; float: right; height: 61px; margin: 0 0 1px 0; padding: 16px 20px; background: #000; color: #fff; font-size: 21px; line-height: 30px; letter-spacing: 0px;}
#box article h1 a{color:#fff;}
#box article .desc { border: 1px #ccc solid; padding: 10px 15px; width: auto; clear: both; }
#box article .desc .entrybody { font-size: 14px; }
#box article .desc .entrybody p { margin: 0;color:#000;}
#box article .desc .entryex { font-size: 11px; color: #999; }
#box article .entry { padding: 10px 0px; width: auto; clear: both; float: left; width: 374px; font-size: 15px; line-height: 160%; }
#news #box article .entry { float: none; width: auto; }
#box article .entry .entryex { font-size: 12px; color: #999; border: 1px solid #ccc; padding: 10px; line-height: 120%; }
#box article .entryimg { width: 385px; min-height: 385px; float: right; _height: 385px; background: #000; line-height: 385px; display: table-cell; }
#box article .entryimg img { vertical-align: middle; }
#box article .more { font-size: 15px; clear: both; padding: 20px 0; letter-spacing: 1px; line-height: 160%; }
#box article .sns { height: 20px; padding: 0 0 20px 0; clear: both; }
#box article .sns div { width: 100px; float: right; text-align: right; }