@charset "UTF-8";
/*
Name: Reset CSS
Description: html5doctor, YUI Font, Normilize CSS & Bootstrap Customed
Last Update: 2013-04-09
*/
section, nav, article, aside, hgroup, header, footer, figure, figcaption, details, summary {
  display: block; }

section, nav, article, aside, hgroup, header, footer, figcaption, details, summary {
  margin: 0\9; }

details {
  padding: 0\9; }

video, audio, canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 400;
  font-size: 1em; }

p, blockquote, dl, dd, figure {
  margin: 0; }

hr {
  height: auto;
  color: #ccc;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

pre {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word; }

pre, code, kbd, samp {
  line-height: 100%;
  font-family: monospace;
  *font-size: 108%; }

pre > code {
  *font-size: 1em; }

pre > samp {
  *font-size: 1em; }

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  background: transparent;
  vertical-align: baseline; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:hover, a:active {
  outline: 0; }

b, strong {
  font-weight: 700; }

small {
  font-size: 0.83em; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

dfn {
  font-style: italic; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

mark {
  background: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700; }

sub, sup {
  position: relative;
  line-height: 0;
  font-size: 0.83em;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

br {
  *letter-spacing: 0; }

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  line-height: 0;
  border: 0;
  font-size: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%; }

caption, th, td {
  padding: 0;
  text-align: left; }

th, td {
  vertical-align: baseline; }

th {
  font-weight: 400;
  text-align: left; }

form {
  margin: 0; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  *margin-left: -7px;
  white-space: normal; }

button, input, label, option, select, textarea {
  font: 99% arial,helvetica,clean,sans-serif; }

button, input, select {
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  *overflow: visible;
  line-height: normal; }

button, select {
  text-transform: none; }

button, htmlinput[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  *overflow: visible;
  -webkit-appearance: button; }

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
  cursor: pointer; }

button[disabled], htmlinput[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  *width: 13px;
  *height: 13px;
  padding: 0;
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  margin: 0;
  vertical-align: top; }

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

				Basic Setteings

====================*/
/*	Site Base Settings
------------------------------*/
/*		Color Variables	
------------------------------*/
/*		Links
------------------------------*/
a {
  color: #20a1f2; }
a:link {
  color: #20a1f2; }
a:visited {
  color: #20a1f2; }
a:hover {
  text-decoration: none;
  color: #0967a3; }
a:focus {
  color: #20a1f2; }
a:target {
  color: #20a1f2; }

/*	Selected Text
------------------------------*/
::selection {
  color: white;
  background: #20a1f2; }

::-moz-selection {
  color: white;
  background: #20a1f2; }

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

				Basci Classes

====================*/
/*	YUI Font Size ($vars & @extends)
------------------------------*/
/*	@mixins & @extends
------------------------------*/
@tableCell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

#sponsors {
  overflow: hidden;
  _zoom: 1; }

.global-nav-current {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%; }

.global-nav-current a {
  display: block;
  height: 100%; }

#site-description {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0); }

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

				Basic Layout

====================*/
body {
  line-height: 1.5;
  background: #292929; }

body, label, input, option, textarea {
  color: #4c4c4c;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Sans-Serif; }

#header-wrap {
  position: relative;
  height: 219px;
  background: url(img/header-wrap.png) repeat-x 50% 0;
  z-index: 100; }

#header {
  position: relative;
  width: 850px;
  height: 210px;
  margin: 0 auto;
  background: url(img/header.jpg) no-repeat; }

#contents-wrap {
  margin: -9px 0 0;
  background: url(img/contents-wrap.jpg); }

#contents {
  width: 850px;
  margin: 0 auto;
  padding: 30px 15px 40px;
  background: rgba(246, 255, 139, 0.5) url(img/contents.png); }

#main {
  float: left;
  width: 580px;
  margin: 0 0 40px; }

#main-full {
  width: 100%;
  margin: 0 0 40px; }

#sub {
  float: right;
  width: 254px;
  margin: 0 0 40px; }

#contents-footer {
  clear: both; }

#footer {
  height: 150px;
  background: url(img/footer.png); }

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

				#header

====================*/
.header-elem {
  position: absolute; }

#site-name {
  top: 30px;
  left: 40px;
  width: 300px;
  height: 77px; }

/*		#global-nav
---------------------*/
#global-nav {
  bottom: 0;
  width: 100%;
  height: 30px;
  background: url(img/global-nav.png) no-repeat; }

.global-nav-elem {
  float: left;
  width: 197px;
  height: 100%; }

.global-nav-current {
  display: block;
  cursor: pointer;
  height: 30px; }

#global-nav-home {
  width: 62px; }

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

				#contents

====================*/
.content {
  padding: 15px 18px;
  border: 1px solid #d8cea3;
  border-radius: 3px;
  background: url(img/content.jpg); }

/*		#contents-header
---------------------*/
.breadcrumb {
  overflow: hidden;
  margin: 0 0 15px;
  padding: 8px 10px;
  background: #fff;
  font-size: 85%; }
.breadcrumb li {
  float: left;
  white-space: nowrap; }
.breadcrumb li:after {
  margin: 0 8px;
  content: ">"; }
.breadcrumb li:last-child:after {
  content: ""; }

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

				#main

===============*/
.main-elem {
  margin: 0 0 20px; }
.main-elem:last-child {
  margin: 0; }

.title-elem {
  width: 544px;
  height: 40px;
  margin: 0 auto 10px; }

/*		#pickups
---------------------*/
#pickups {
  position: relative;
  min-height: 53px; }

#pickups-title {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 82px;
  height: 83px; }

.pickup {
  display: list-item;
  margin: 0 0 0 80px; }
.pickup a {
  font-size: 85%; }
.pickup time {
  margin: 0 0 0 10px;
  font-size: 77%; }

/*		#news
---------------------*/
#news .post {
  margin: 0 0 20px; }
#news .post:last-child {
  margin: 0; }
#news .post-title {
  margin: 0 0 5px;
  padding: 0 0 0 40px;
  background: url(img/post-title.png) no-repeat 0 50%; }
#news .post-time {
  margin: 0 0 10px;
  padding: 0 0 0 18px;
  background: url(img/post-time.png) no-repeat 0 50%;
  font-size: 85%; }
#news .post-body {
  margin: 0 0 20px; }
#news .post-body p {
  font-size: 93%;
  margin: 0 0 1em; }
#news .post-body p:last-child {
  margin: 0; }
#news .post-social {
  position: relative;
  height: 41px; }
#news .post-social-title {
  position: absolute;
  left: -47px; }
#news .post-social-elem {
  position: absolute;
  top: 5px; }
#news .twitter {
  left: 60px; }
#news .facebook {
  left: 180px; }
#news .googleplus {
  left: 320px; }
#news .mixi {
  left: 420px; }

/*		#ticket
---------------------*/
#ticket dt {
  margin: 0 0 5px;
  font-weight: 700;
  font-size: 116%; }
#ticket dd {
  margin: 0 0 15px;
  padding: 0 0 0 20px;
  font-size: 93%; }
#ticket dd span {
  color: #e62c8c;
  font-size: 11px; }

/*		#artists
---------------------*/
.artist-block {
  overflow: hidden;
  margin: 0 0 30px; }
.artist-block:last-child {
  margin: 0; }

.artist {
  float: left;
  width: 191px;
  margin: 0 16px 0 0; }
.artist:last-child {
  margin: 0; }

.artist-elem {
  margin: 0 0 10px; }
.artist-elem:last-child {
  margin: 0; }

.artist-name {
  font-weight: 700;
  font-size: 116%; }

.artist-comment, .artist-link {
  text-align: center; }

.artist-comment-body {
  font-size: 93%;
  padding: 20px; }
.artist-comment-body p {
  margin: 0 0 1em; }
.artist-comment-body dt {
  font-weight: 700;
  margin: 0 0 5px; }
.artist-comment-body dd {
  margin: 0 0 10px;
  padding: 0 0 0 10px; }

/*		#main-footer
---------------------*/
.page-nav {
  overflow: hidden;
  font-size: 93%; }

.page-nav-elem {
  float: left;
  margin: 0 5px 0 0; }
.page-nav-elem a, .page-nav-elem span {
  display: block;
  padding: 5px 10px;
  border: 1px solid #d8cea3;
  border-radius: 3px;
  background: url(img/content.jpg); }

.post-nav {
  overflow: hidden; }

.post-nav-elem {
  width: 45%;
  font-size: 85%; }
.post-nav-elem a {
  display: block; }

.post-nav-next {
  float: left; }
.post-nav-next a {
  padding: 0 0 0 20px;
  background: url(img/post-nav-next.png) no-repeat 0 50%; }

.post-nav-prev {
  float: right;
  text-align: right; }
.post-nav-prev a {
  padding: 0 20px 0 0;
  background: url(img/post-nav-prev.png) no-repeat 100% 50%; }

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

				#sub

===============*/
.sub-elem {
  margin: 0 0 20px; }
.sub-elem:last-child {
  margin: 0; }

.sub-title-elem {
  width: 242px;
  height: 28px;
  margin: 0 auto 10px; }

/*		#outline
---------------------*/
#outline {
  font-size: 93%; }
#outline .sub-body h1 {
  margin: 0 0 10px; }
#outline .sub-body dt {
  margin: 0 0 3px;
  font-weight: 700; }
#outline .sub-body dd {
  margin: 0 0 8px;
  padding: 0 0 0 1em; }
#outline .sub-body dd:last-child {
  margin: 0; }

/*		#about
---------------------*/
#about {
  font-size: 85%; }

/*		#contact
---------------------*/
#contact dt {
  margin: 0 0 3px;
  font-size: 85%; }
#contact dd {
  margin: 0 0 10px; }
#contact dd:last-child {
  margin: 0; }

.contact-require {
  margin: 0 0 0 1em;
  color: #e62c8c;
  font-size: 10px; }

#name, #email, #textarea {
  width: 210px;
  font-size: 85%; }

#textarea {
  height: 10em;
  max-height: 15em;
  min-height: 6em;
  resize: vertical; }

.wpcf7-submit {
  font-size: 85%; }

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

				#contents-footer

===============*/
/*		#sponsors
---------------------*/
.sponsor-wrap {
  overflow: hidden;
  margin: 0 0 10px; }
.sponsor-wrap:last-child {
  margin: 0; }

.sponsor {
  float: left;
  width: 205px;
  height: 70px;
  margin: 0 10px 0 0; }
.sponsor:last-child {
  margin: 0; }

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

				#footer

====================*/
#copyright {
  position: relative;
  width: 850px;
  height: 150px;
  margin: 0 auto;
  font-size: 93%; }
#copyright small {
  position: absolute;
  bottom: 40px;
  padding: 5px;
  border-radius: 3px;
  background: rgba(41, 41, 41, 0.6);
  *background: #292929;
  color: #fff;
  font-size: 100%; }

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

				Wordpress Styles

====================*/
.alignnone {
  display: block; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.wp-caption {
  display: block; }

.wp-caption-text {
  display: block; }

.sticky {
  display: block; }

.gallery-caption {
  display: block; }

.bypostauthor {
  display: block; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(js/colorbox/overlay.png) repeat 0 0; }

#colorbox {
  outline: 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(js/colorbox/controls.png) no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(js/colorbox/controls.png) no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(js/colorbox/controls.png) no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(js/colorbox/controls.png) no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url(js/colorbox/controls.png) left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url(js/colorbox/controls.png) right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url(js/colorbox/border.png) 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url(js/colorbox/border.png) 0 -29px repeat-x; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxLoadingOverlay {
  background: url(js/colorbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(js/colorbox/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(js/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(js/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(js/colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }