@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}

html {
 
}

/* remember to define focus styles! */

:focus {
 outline: 0;
}

body {
 color: white;
 font: 62.5%/1 Meiryo, メイリオ,HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3",sans-serif;
 text-align: center;
}

body#top #container , body#error #container {
 background: #240400 url(../common-images/bg_body_top.gif) repeat-y center;
}

body#top , body#schedule , body#about , body#guest , body#error, body#contact {
 background-color: #240400;
}

body#schedule #container , body#about #container , body#guest #container, body#contact #container {
 background: #240400 url(../common-images/bg_body_schedule.gif) repeat-y center;
}

*+html body {
 font-family: Meiryo, メイリオ,"ＭＳ Ｐゴシック",sans-serif;
}

*html body {
 font-family: "ＭＳ Ｐゴシック",Meiryo, メイリオ,sans-serif;
}

*html p {
 font-weight: normal !important;
 font-style: normal !important;
}

ol, ul {
 list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
 border-collapse: collapse;
 border-spacing: 0;
}

caption, th, td {
 text-align: left;
 font-weight: normal;
}

th,td {
 font-weight: normal;
 font-style: normal;
}

h1,h2,h3,h4 {
 line-height: 1.3;
}

img {
 margin: 0;
 padding: 0;
 border-style: none;
 border-width: 0;
 vertical-align: bottom;
}

.none {
 display: none;
}

strong , em {
 font-style: normal;
 font-weight: bold;
}

/* end format */

p {
 padding: 0px;
 font-size: 120%;
 line-height: 1.6;
 color: white;
 margin: 0 0px 1.1em;
}

dl {
 font-size: 120%;
}

#container {
 margin: 0 auto;
 width: 940px;
 padding-right: 10px;
 padding-left: 10px;
}

#container:after {
 content: "";
 clear: both;
 height: 0;
 visibility: hidden;
 display: block;
}

#header {
 margin: 0;
 width: 940px;
 padding: 0;
}

#header h1 {
 
}

h1 span {
 display: none;
}

body#top #global-navigation-portal {
 height: 26px;
 width: 940px;
 background: #630 url(../common-images/g_navi_bg.gif) repeat-x;
}

body#schedule #global-navigation-portal , body#about #global-navigation-portal , body#guest #global-navigation-portal, body#contact #global-navigation-portal {
 height: 26px;
 width: 940px;
 background: #330 url(../common-images/g_navi_bg.gif) repeat-x;
}

/* @group Navigations */

ul#nav {
 height: 26px;
 width: 690px;
 margin: 0;
 padding: 0 56px 0 0;
 float: right;
}

ul#nav li {
 float: left;
 list-style: none;
}

ul#nav li a {
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
 height: 26px;
}

ul#nav li#nav-home a {
 background: url(../common-images/g-navi.jpg) no-repeat -194px 0;
 width: 138px;
}

body#top ul#nav li#nav-home a , ul#nav li#nav-home a:hover {
 background-position: -194px -26px;
}

ul#nav li#nav-schedule a {
 background: url(../common-images/g-navi.jpg) no-repeat -332px 0;
 width: 138px;
}

ul#nav li#nav-schedule a:hover , body#schedule ul#nav li#nav-schedule a {
 background-position: -332px -26px;
}

ul#nav li#nav-guest a {
 background: url(../common-images/g-navi.jpg) no-repeat -470px 0;
 width: 138px;
}

ul#nav li#nav-guest a:hover , body#guest ul#nav li#nav-guest a {
 background-position: -470px -26px;
}

ul#nav li#nav-about a {
 background: url(../common-images/g-navi.jpg) no-repeat -608px 0;
 width: 138px;
}

ul#nav li#nav-about a:hover , body#about ul#nav li#nav-about a {
 background-position: -608px -26px;
}

ul#nav li#nav-cartis a {
 width: 138px;
 background: url(../common-images/g-navi.jpg) no-repeat -746px 0;
}

ul#nav li#nav-cartis a:hover {
 background-position: -746px -26px;
}

ul#cateMenu {
 padding: 0 !important;
 font-size: 130%;
 width: 100%;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 20px;
}

ul#cateMenu li {
 display: inline;
 background-image: none !important;
 margin: 0 !important;
 padding: 0 !important;
}

ul#cateMenu a {
 padding-right: 20px;
 padding-left: 0;
 text-decoration: none;
}

ul#cateMenu a.active {
 color: #303b3f;
 font-weight: bol

d;
}

/* @end */

#wrapper {
 width: 930px;
 padding: 10px 0 10px 10px;
 margin: 0;
 clear: both;
 float: left;
}

#flier {
 width: 175px;
 float: left;
 background: url(../common-images/flier_bg.gif) repeat-y;
}

#flier h2 {
 font-size: 0;
 line-height: 0;
 background: url(../common-images/flier_top.gif) no-repeat;
 height: 10px;
 width: 175px;
 margin: 0;
 padding: 0;
}

#flier .flier_btm {
 background: url(../common-images/flier_btm.gif) no-repeat;
 width: 175px;
 height: 10px;
 clear: both;
 padding: 0;
 margin: 0;
 font-size: 0;
 line-height: 0;
}

#flier p {
 margin: 0 0 10px;
 padding: 0;
}

#flier p.end {
 padding: 0;
 margin: 0;
}

#main-contents {
 float: right;
 width: 745px;
 text-align: left;
 padding-bottom: 10px;
}

#main-contents .left_side {
 width: 405px;
 float: left;
}

#main-contents .right_side {
 width: 330px;
 text-align: left;
 float: right;
}

img.top {
 margin-bottom: 10px;
}

h2 {
 margin: 0 0 10px;
 padding: 0;
 width: 100%;
 font-weight: bold;
 text-indent: -9999px;
}

h2.ttl_coming {
 background: url(../common-images/ttl_coming.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_error {
 background: url(../common-images/ttl_error.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_event {
 background: url(../common-images/ttl_event.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_artist {
 background: url(../common-images/ttl_artist.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_info {
 width: 325px;
 height: 46px;
 text-indent: -9999px;
 background: url(../common-images/ttl_info.gif) no-repeat;
 float: right;
}

h2.ttl_about {
 width: 325px;
 height: 46px;
 text-indent: -9999px;
 background: url(../common-images/ttl_about.gif) no-repeat;
 float: right;
}

h2.ttl_contact {
 width: 325px;
 height: 46px;
 text-indent: -9999px;
 background: url(../common-images/ttl_contact.gif) no-repeat;
 float: right;
}

h2.ttl_access {
 background: url(../common-images/ttl_accessmap.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_history {
 background: url(../common-images/ttl_history.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_anniversary {
 background: url(../common-images/ttl_flyer.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_guest {
 background: url(../common-images/ttl_pickupGuest.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_banner {
 width: 405px;
 height: 26px;
 background: url(../common-images/ttl_banner.gif) no-repeat;
}

div.dNews {
 width: 390px;
 margin-left: 10px;
 margin-bottom: 15px;
}

div.dNews h3 {
 font-size: 110%;
 font-weight: bold;
 color: yellow;
 margin-bottom: 3px;
}

div.dNews p {
 margin-bottom: 6px;
 font-size: 110%;
}

div.dError {
 width: 390px;
 margin-left: 10px;
}

div.dInfo {
 width: 280px;
 padding-left: 25px;
 padding-bottom: 20px;
 float: left;
}

div.dAboutSide {
 width: 280px;
 padding-left: 25px;
 padding-bottom: 20px;
 float: left;
}

p.aboutimg {
 margin: 0 0 0 20px;
 padding: 0;
 clear: both;
}

/* #Contact */

h2.ttl_contact_s {
 background: url(../common-images/ttl_contact_s.gif) no-repeat;
 width: 405px;
 height: 26px;
}

div.dContact_s {
 width: 390px;
 margin-left: 10px;
}

/* @group From */

form#contact fieldset {
 border: 1px dotted silver;
 overflow: hidden;
 margin: 0 0 10px;
 padding: 0;
}

form#contact legend {
 padding: 10px;
 margin: 0;
 font-size: 130%;
}

form#contact label.left {
 float: left;
 text-align: left;
 width: 300px;
 margin: 0 0 0 10px;
}

form#contact p {
 margin-bottom: 0.75em;
 padding: 0
}

form#contact p.notes {
 padding: 0;
 margin: 0 0 0 10px;
}

form#contact p span {
 font-size: 0.9em;
 margin: 0;
}

form#contact label.btn {
 display: none;
}

input.text {
 width: 350px;
 height: 16px;
 border: 1px solid silver;
 line-height: 1.5;
 font-size: 12px;
 margin-left: 10px;
}

textarea {
 font-size: 12px;
 width: 350px;
 height: 100px;
 margin-left: 10px;
}

form p#btoder {
 text-align: center;
 margin-top: 20px;
 margin-bottom: 10px;
}

/* @end */

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

.clearboth {
 clear: both;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {
 display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}

/* End hide from IE-mac */

/* #Schedule */

div.dSchedule {
 width: 390px;
 margin-left: 10px;
}

div.dSchedule a.arr-r {
 margin-top: 10px;
}

.sche {
 margin-bottom: 15px;
 width: 390px;
 float: left;
 clear: both;
}

.sche p {
 font-size: 100% !important;
 margin: 0;
 padding: 0;
 line-height: 1.4;
}

p.day {
 float: left;
 width: 60px;
 clear: none !important;
 display: inline;
 color: #fc0;
 font-weight: bold;
}

p.guestname {
 width: 320px;
 float: right;
 clear: none !important;
 display: inline;
 color: #fc0;
 font-weight: bold;
 margin: 0;
}

p.ex {
 font-size: 100%;
 color: silver;
 margin: 0;
}

div.dSchedule p {
 clear: both;
 font-size: 110%;
}

h2.ttl_recruit {
 width: 325px;
 height: 46px;
 text-indent: -9999px;
 background: url(../common-images/ttl_recruit.gif) no-repeat;
 float: right;
}

h2.ttl_timetable {
 width: 325px;
 height: 46px;
 text-indent: -9999px;
 background: url(../common-images/ttl_timetable.gif) no-repeat;
 float: right;
}

h2.ttl_schedule {
 background: url(../common-images/ttl_schedule2.gif) no-repeat;
 width: 405px;
 height: 26px;
}

h2.ttl_archive {
 width: 325px;
 height: 46px;
 text-indent: -9999px;
 background: url(../common-images/ttl_archive.gif) no-repeat;
 float: right;
}

div.dRecruit {
 width: 280px;
 padding-left: 25px;
 padding-bottom: 20px;
 float: left;
}

div.dTimetable {
 width: 280px;
 padding-left: 25px;
 padding-bottom: 20px;
 float: left;
}

div.dTimetable dl {
 line-height: 1.4;
 float: left;
 margin-bottom: 8px;
}

div.dTimetable dl dt {
 float: left;
 width: 100px;
}

div.dTimetable dl dd {
 float: left;
 width: 180px;
}

div.dContact {
 width: 280px;
 padding-left: 25px;
 padding-bottom: 20px;
 float: left;
}

div.dArchive {
 width: 280px;
 padding-left: 25px;
 padding-bottom: 20px;
 float: left;
}

div.dArchive a {
 font-size: 120%;
 line-height: 1.6;
}

/* #about */

#flashcontent {
 width: 405px;
 height: 400px;
}

div.dAbout {
 width: 390px;
 margin-left: 10px;
 margin-top: 10px;
}

#map {
 margin-bottom: 20px;
}

#map p {
 color: black;
 margin-top: 10px;
}

div.dAnniversary {
 line-height: 0;
 font-size: 0;
 margin-left: 5px;
}

.dAnniversary p {
 clear: none;
 float: left;
}

.dAnniversary img {
 width: 45px;
 height: 65px;
 margin-bottom: 5px;
 margin-left: 4px;
}

div.dBanner {
 width: 390px;
 margin-left: 10px;
 margin-top: 10px;
}

/* #guest */

div.dGuest {
 width: 405px;
 float: left;
}

#pages {
 float: left;
 clear: both;
 width: 405px;
 margin-top: 5px;
}

#pages span {
 margin-right: 5px;
 margin-left: 5px;
}

#pages a {
 color: white !important;
}

div.guest_link {
 float: left;
 margin-bottom: 10px;
 width: 405px;
}

.guest_link h3 {
 border-bottom: 1px dashed #ccc;
 padding-bottom: 5px;
 width: 295px;
 font-weight: bold;
 margin-bottom: 5px;
 float: right !important;
 margin-right: 0;
 font-size: 100%;
 color: white;
}

.guest_link p a {
 text-decoration: none !important;
 width: 295px;
 word-break: break-all;
 word-wrap: break-word;
 margin-bottom: 3px;
 float: left;
}

.guest_link p {
 margin-left: 110px;
 padding: 0;
 margin-bottom: 0;
 line-height: 1.3;
 font-size: 100%;
}

/*IE7を除くモダンブラウザ用*/

html>/**/body .guest_link p {
 width: 295px;
}

.guest_link p img {
 margin-left: -110px;
 float: left;
}

/* @group Footer */

#footer {
 padding: 10px 10px 0 0;
 clear: both;
 width: 890px;
 text-align: right;
 margin-left: 20px;
}

#footer .padding {
 color: white;
 margin: 0;
 font: 85% "Lucida Grande", Lucida, Verdana, sans-serif;
}

address {
 display: inline;
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-style: normal;
}

#footer span {
 padding-right: 5px;
 padding-left: 5px;
 margin: 0;
}

#footer a {
 color: white;
}

/* @end */

/* @group Link */

a:visited {
 background: transparent;
 text-decoration: underline;
 color: #fc0;
}

a:link {
 background: transparent;
 text-decoration: underline;
 color: #fc0;
}

a:hover {
 background: transparent;
 text-decoration: underline;
}

a:active {
 background: transparent;
 text-decoration: none;
}

a.arr-r {
 background: url(../common-images/arr-r.gif) no-repeat 0 center;
 padding-left: 50px;
 display: block;
 height: 25px;
}

a.arr-g {
 background: url(../common-images/arr-g.gif) no-repeat 0 center;
 padding-left: 50px;
 display: block;
 height: 25px;
}

a.arr-b {
 background: url(../common-images/arr-b.gif) no-repeat 0 center;
 padding-left: 50px;
 display: block;
 height: 25px;
}

/* @end */

/* ------------------- */

/* PRINT */

@media print {

body, #container, address {
 color: white;
}

* html body {
 zoom: 65% !important;
}

a, a:link, a:visited {
 text-decoration: none !important;
}

#global-navigation-portal {
 display: none !important;
}

#container, #footer {
}

/*
a:link:after , a:visited:after {
 content: " [ " attr(href) " ] ";
 font-size: 80%;
 color: red;
}
*/
}

/* iPhone */

@media screen and (max-device-width: 480px) {

html {
 -webkit-text-size-adjust: none;
}

}