﻿@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background-color:#C9E0E6;
}

br {
   letter-spacing:normal;
}

a {
   color:gray;
   text-decoration:none;
}

a:hover {
   color:#666;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,h7 {
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
div#header {
   float:left;
   width:980px;
   margin:0px auto;
   text-align:center;
}

#contents {
   float:left;
   margin:0px auto;
   width:980px;
   background-color:white ;
   background-image: url(images/main/side-bg.jpg);
   background-repeat: repeat-y;
   background-position: right top;
   background-attachment: scroll;
}

#contents-B {
   float:left;
   margin:0px auto;
   width:980px;
   background-color:black ;
}

#side {
   float:right;
   width:200px;
   margin:20px 0px 30px 10px;
   _margin:20px 0px 30px 5px;
}

div#main {
   float:left;
   width:730px;
   padding:0px;
   margin:20px 0px 30px 20px;
   _margin:20px 0px 30px 10px;
}


div#footer {
   float:left;
   width:100%;
   margin:10px auto;
   text-align:center;
   background-color:white;
}

#footer-B {
   float:left;
   width:100%;
   margin:10px auto;
   text-align:center;
   background-color:black;
}

/* ========headerMENU CUSTOMIZE======== */
#headerMenu ul {
   margin:0;
   padding:0px;
   text-align:center;
   background-color:#66CCFF;
}

#headerMenu li {
   text-align:left;
   display:inline;
   margin:5px 10px 5px 10px;
   padding:3px;
   font-size:12px;
   list-style:none;
   width:100px;
   line-height:25px;
}

#headerMenu li a {
   padding:5px 10px 5px 15px ;
   color: white;
   background:url("images/main/allow1.gif") no-repeat 0% 50% ;

}

#headerMenu li a:hover{
   background:url("images/main/allow2.gif") no-repeat 0% 50% ;
}


/* ========SIDE CUSTOMIZE======== */
div#side h1 {
   text-align:center;
   height:200px;
   padding-top:50px;
}

div#side div.section {
   float:left;
   margin:10px 10px 10px 10px;
   _margin:10px 5px 10px 5px;
   font-size:10px;
   color:#336633;
}


/* ========MENU CUSTOMIZE======== */
#menu {
   text-align:center;
   margin:0px auto;
}

#menu h4 {
   text-align:left;
   margin-bottom:8px;
   padding:0 px;
   line-height:30px;
}

#menu ul {
   margin:0 auto;
   font-size:13px;
   padding: 2px 15px 2px 15px;
   margin-bottom:30px;
}

#menu li {
   text-align:left;
   font-size:12px;
   line-height:20px;
   color:white;
   list-style-type:none;
}

#menu li a{
   text-align:left;
   display:block;
   line-height:20px;
   color:#993399;
   padding: 2px 15px 2px 15px;
   background:url("images/main/menu.gif") no-repeat 2% 50% ;
}

#menu li a:hover{
   color:#66CCFF;
}


/* ========INFORMATION CUSTOMIZE======== */
#information{
   display:inline-block;
   width:720px;
   margin-bottom:30px;
   margin-left:15px;
   _margin-left:7px;
   float:left;
}

#information a {
   color:orange;
}

#information a:hover {
   color:red;
}

#information h2 {
   margin:0px;
   padding:0px;
   height:60px;
}

#information h3 {
   width:395px;
   margin:10px 0px 10px 10px;
   _margin:10px 0px 10px 5px;
   padding:0px;
   font-size:18px;
   color:#0A50A1;
   float:right;
}

#information p{
   margin:0px;
   padding:0px;
   width:395px;
   float:right;
}


#information table{
   width:380px;
   margin:0px;
   padding:0px;
   font-size:14px;
   table-layout: fixed;
   float:right;
   border:solid 0px #669966;
}

#information TD{
   margin:0px;
   font-size:13px;
   font-weight:normal;
   color:gray;
   display:block;
}



#information p.image {
   width:300px;
   text-align:left;
   margin-top:10px;
   float:left;
}



/* ========TOTOP CUSTOMIZE======== */
div#totop{
   position:relative;
   height:2em;
}

div#totop p{
   position:absolute;
   top:10px;
   right:0;
   margin-left:20px;
   font-size:10px;
}

div#totop p a {
   padding-left:8px;
   background: url(images/bg_totop.gif) 0 50% no-repeat;
}

/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:center;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:13px;
   list-style:none;
}

div#footMenu li a {
   padding-left:10px;
   background:url("images/main/menu.gif") no-repeat 2% 50% ;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   display:block;
   border-top:1px solid #B4B4B4;
   padding:8px 0;
   font-size:10px;
   color:#993399;
   text-align:center;
}


/* ========MENULIST CUSTOMIZE======== */
#main-L{
   display:inline-block;
   float:left;
   width:300px;
   margin:0px 0px 10px 0px;
}

#menulist-L{
   display:inline-block;
   float:left;
   width:300px;
   border-right:#353535 solid 1px ;
   border-left:#353535 solid 1px ;
   border-bottom:#353535 solid 1px ;
   margin:15px 0px 0px 0px;
   _margin:15px 0px 0px 0px;
   padding-bottom:15px;
   color:silver;
}

#menulist-L h5 {
   margin-bottom:8px;
   padding:0 0 0 15px;
   font-size:16px;
   font-weight:bold;
   line-height:32px;
   color:silver;
   background-image: url(event/g/main-tit.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#menulist-L a {
   padding:0px 2px 0px 2px ;
   color: orange;
}

#menulist-L a:hover{
   color: red;
}

#menulist-L p {
   margin:0;
   font-size:13px;
   padding:5px 5px 0px 5px;
}

#menulist-L TABLE {
   width:280px;
   margin-left:10px;
   border-collapse: collapse;

}

#menulist-L TD {
   margin:0px;
   padding:5px;
   color:#996699;
   line-height:120%;
   font-size:12px;
   border:gray solid 1px;
   text-align:center;
}

#menulist-L caption {
   text-align:center;
   color:silver;
   line-height:120%;
   font-size:12px;
}


#main-R{
   display:inline-block;
   float:right;
   width:400px;
   margin:0px 0px 10px 0px;
}


#menulist-R{
   display:inline-block;
   float:right;
   width:400px;
   border-right:#343476 solid 1px ;
   border-left:#343476 solid 1px ;
   border-bottom:#343476 solid 1px ;
   margin:0px 0px 15px 10px;
   _margin:0px 0px 15px 5px;
   padding-bottom:15px;
   color:silver;
}

#menulist-R h6 {
   margin-bottom:8px;
   padding:0 0 0 15px;
   font-size:16px;
   font-weight:bold;
   line-height:32px;
   color:silver;
   background-image: url(event/g/main-tit1.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#menulist-R a {
   padding:0px 2px 0px 2px ;
   color: orange;
}

#menulist-R a:hover{
   color: orange;
   border-top:orange solid 1px;
   border-bottom:orange solid 1px;
}



#menulist-R p {
   margin:0;
   padding:10px;
   font-size:13px;
}

#menulist-R TABLE {
   width:380px;
   margin-left:10px;
   border-collapse: collapse;

}

#menulist-R TD {
   margin:0px;
   padding:5px;
   color:silver;
   line-height:120%;
   font-size:12px;
}


/* ========KYOUSAN CUSTOMIZE======== */
#kyousan{
   display:inline-block;
   width:700px;
   border:#993399 solid 1px ;
   margin-bottom:20px;
   padding:15px;
   color: silver;
   font-size:14px;
}


/* ========MENU CUSTOMIZE======== */
#shop {
   text-align:left;
   margin:0px auto;
   background-color:gray;
   background-image: url(event/g/side-night.jpg);
   background-repeat: repeat-y;
   background-position: right top;
   background-attachment: scroll;
}

#shop h4 {
   text-align:left;
   margin:0px;
   padding:0px;
   line-height:26px;
}

#shop SMALL {
   font-size:9px;
}

#wa {
   text-align:center;
   margin:0px auto;
   min-height:130px;
   background-image: url(event/g/side-tit-wa.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#wa ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#wa li {
   text-align:left;
   font-size:12px;
   height:18px;
   color:white;
   list-style-type:none;
}

#wa li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#wa li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}


#yo {
   text-align:center;
   margin:0px auto;
   min-height:130px;
   background-image: url(event/g/side-tit-yo.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#yo ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#yo li {
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:white;
   list-style-type:none;
}

#yo li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#yo li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}


#ta {
   text-align:center;
   margin:0px auto;
   min-height:100px;
   background-image: url(event/g/side-tit-ta.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#ta ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#ta li {
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:white;
   list-style-type:none;
}

#ta li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#ta li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}



#men {
   text-align:center;
   margin:0px auto;
   min-height:123px;
   background-image: url(event/g/side-tit-men.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#men ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#men li {
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:white;
   list-style-type:none;
}

#men li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#men li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}


#syu {
   text-align:center;
   margin:0px auto;
   min-height:120px;
   background-image: url(event/g/side-tit-syu.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#syu ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#syu li {
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:white;
   list-style-type:none;
}

#syu li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#syu li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}


#out {
   text-align:center;
   margin:0px auto;
   min-height:120px;
   background-image: url(event/g/side-tit-out.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#out ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#out li {
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:white;
   list-style-type:none;
}

#out li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#out li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}


#mae {
   text-align:center;
   margin:0px auto;
   min-height:130px;
   background-image: url(event/g/side-tit-mae.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#mae ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#mae li {
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:white;
   list-style-type:none;
}

#mae li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#mae li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}

#tou {
   text-align:center;
   margin:0px auto;
   min-height:120px;
   background-image: url(event/g/side-tit-tou.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;
}

#tou ul {
   margin:0 auto;
   font-size:13px;
   padding: 30px 5px 2px 5px;
   margin-bottom:10px;
}

#tou li {
   text-align:left;
   font-size:12px;
   line-height:18px;
   color:white;
   list-style-type:none;
}

#tou li a{
   text-align:left;
   display:block;
   color:#66CCFF;
   padding: 2px 15px 2px 2px;
}

#tou li a:hover{
   color:#993399;
   border-bottom:1px silver solid ;
   border-top:1px silver solid ;
}


/* ========MENULIST CUSTOMIZE======== */
#kariyan{
   display:inline-block;
   float:left;
   width:710px;
   border-left:#343476 solid 1px ;
   border-bottom:#343476 solid 1px ;
   border-right:#343476 solid 1px ;
   margin:15px 0px 15px 10px;
   padding-bottom:15px;
   color:white;
}

#kariyan h5 {
   margin-bottom:8px;
   padding:0 0 0 15px;
   font-size:16px;
   font-weight:bold;
   line-height:32px;
   color:silver;
   background-image: url(event/g/kariyan-tit.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: scroll;

}

#kariyan p {
   color:#e5e5e5;
   font-size:14px;
   line-height:150%;
   margin:10px 10px 0px 10px;
   padding:5px 5px 0px 5px;
}

#kariyan TABLE {
   margin-left:20px;
   border-collapse: collapse;
}

#kariyan TD {
   margin:0px;
   padding:5px;
   color:#e0e0e0;
   line-height:120%;
   font-size:12px;
}

#kariyan a {
   padding:0px 2px 0px 2px ;
   color: orange;
}

#kariyan a:hover{
   color: orange;
   border-top:orange solid 1px;
   border-bottom:orange solid 1px;
}


/* ========KARIYAN MAP CUSTOMIZE======== */
div#kariyanMAP{
   display:inline-block;
   float:left;
   width:710px;
   margin:15px 0px 15px 10px;
   padding-bottom:15px;
   color:white;
}

div#kariyanMAP TABLE {
   border:#0A50A1 solid 1px;
   border-collapse: collapse;
}

div#kariyanMAP TD {
   border:#0A50A1 solid 1px;
   margin:0px;
   padding:8px;
   color:#e0e0e0;
   line-height:120%;
   font-size:12px;
   background-color:#222222;
}

/* ========GUIDE CUSTOMIZE======== */
#guide {
   margin:0px 0px 15px 0px;
   color:black;
   font-size:13px;
   line-height:20px;
   background-image: url(event/g/guid.jpg);
   background-repeat: no-repeat;
   background-position: 0% 0%;
   background-attachment: scroll;
}

#guide a {
   text-align:left;
   color:white;
   padding: 2px;
}

#guide a:hover{
   color:white;
   border-top:red solid 1px;
   border-bottom:#2E3192 solid 1px;
}