@charset "UTF-8";

*{
margin:0;
padding:0;
}

img{
border:none;
}

body{
background-color:#00003e;
}
address{
font-size:10px;
text-align:right;
font-style:normal;
margin:0 0 30px 0;
}
address a{
text-decoration:none;
color:#f2ffe6;
}


#containor{
width:800px;
margin-left:auto;
margin-right:auto;
}

#flashArea{
clear:both;
}

h2{
font-size:1px;
text-indent:-99999px;
}

/*--------------------
header
--------------------*/
#header{
background:url(images/bg_header.jpg) 0 0 no-repeat;
width:800px;
height:127px;
}

#header .logo{
float:left;
left:0;
top:57px;
position:relative;
}

#header .menuIcon{
float:right;
width:198px;
}

/*--------------------
mainBox
--------------------*/
#mainBox{
width:800px;
background:url(images/bg_contents.jpg) 0 0 no-repeat;
z-index:10;
}
#mainBox h3{
color:#333;
}

/*--------------------------------
menu_icon
--------------------------------*/
#header .menuIcon p{
height:79px;
font-size:12px;
text-align:right;
padding-top:12px;
}

#header .menuIcon a{
color:#C92F11;
text-decoration:underline;
}
#header .menuIcon a:hover{
color:#fd3b15;
text-decoration:underline;
}

ul.menu_icon {
background: transparent url(images/menu_icons.jpg) no-repeat;
color:#fcfffc;
height:36px;
width: 198px;
position: relative;
padding:0 0 0 0;
z-index:5;
}

ul.menu_icon li {
position: absolute;
top:0;
z-index:5;
}

ul.menu_icon li,ul.menu_icon li a {
height:36px; 
display:block;
text-indent: -999999px; 
text-decoration: none; 
font-size:1px;
z-index:5;
}
ul.menu_icon li.top_on, ul.menu_icon li.top_off{
left:0px; 
width:49px;
z-index:5;
}
ul.menu_icon li.access_on, ul.menu_icon li.access_off{
left:49px; 
width:50px;
z-index:5;
}
ul.menu_icon li.equipment_on, ul.menu_icon li.equipment_off{
left:99px; 
width:49px;
z-index:5;
}
ul.menu_icon li.form_on, ul.menu_icon li.form_off{
left:148px; 
width:50px;
z-index:5;
}
ul.menu_icon li.top_off a:hover, ul.menu_icon li.top_on{
background: transparent url("images/menu_icons.jpg") 0px -36px no-repeat;
z-index:5;
}
ul.menu_icon li.access_off a:hover, ul.menu_icon li.access_on{
background: transparent url("images/menu_icons.jpg") -49px -36px no-repeat;
z-index:5;
}
ul.menu_icon li.equipment_off a:hover, ul.menu_icon li.equipment_on{
background: transparent url("images/menu_icons.jpg") -99px -36px no-repeat;
z-index:5;
}
ul.menu_icon li.form_off a:hover, ul.menu_icon li.form_on{
background: transparent url("images/menu_icons.jpg") -148px -36px no-repeat;
z-index:5;
}

/*--------------------------------
main_menu
--------------------------------*/
ul.main_menu {
background: transparent url(images/menu_main.jpg) no-repeat;
color:#fcfffc;
height:140px;
width:113px;
position:relative;
padding:0 0 0 0;
z-index:5;
}

ul.main_menu li {
position: absolute;
left:0;
z-index:5;
}

ul.main_menu li,ul.main_menu li a {
width:113px;
height:35px;
display:block;
text-indent:-999999px; 
text-decoration: none; 
font-size:1px;
z-index:5;
}

ul.main_menu li.pickup_on, ul.main_menu li.pickup_off{
top:0px; 
height:41px;
z-index:5;
}
ul.main_menu li.schedule_on, ul.main_menu li.schedule_off{
top:41px; 
height:30px;
z-index:5;
}
ul.main_menu li.specially_on, ul.main_menu li.specially_off{
top:71px; 
height:35px;
z-index:5;
}
ul.main_menu li.links_on, ul.main_menu li.links_off{
top:106px; 
height:27px;
z-index:5;
}
ul.main_menu li.pickup_off a:hover, ul.main_menu li.pickup_on{
background: transparent url("images/menu_main.jpg") -113px 0px no-repeat;
z-index:5;
}
ul.main_menu li.schedule_off a:hover, ul.main_menu li.schedule_on{
background: transparent url("images/menu_main.jpg") -113px -41px no-repeat;
z-index:5;
}
ul.main_menu li.specially_off a:hover, ul.main_menu li.specially_on{
background: transparent url("images/menu_main.jpg") -113px -71px no-repeat;
z-index:5;
}
ul.main_menu li.links_off a:hover, ul.main_menu li.links_on{
background: transparent url("images/menu_main.jpg") -113px -106px no-repeat;
z-index:5;
}

/*--------------------
leftBox
--------------------*/
#leftBox{
width:235px;
float:left;
background:url(images/bg_contents.jpg) 0 0 no-repeat;
}

/*--------------------
information
--------------------*/
#information{
width:185px;
border:solid 1px #00008a;
border-top:solid 5px #00008a;
margin:7px 0 0 3px;
}

#information p{
font-size:10px;
padding:0 5px 7px 8px;
line-height:1.5em;
color:#fcfffc;
}

#information a{
text-decoration:none;
}

#information a:hover{
text-decoration:none;
color:#0000f0;
}

#information a:visited{
color:#fcfffc;
}

/*--------------------
qr
--------------------*/
#qr{
width:185px;
height:182px;
border:solid 1px #00008a;
border-top:solid 5px #00008a;
margin:19px 0 20px 3px;
}

#qr .qr{
margin:15px 0 0 36px;
}

#qr p{
font-size:12px;
text-align:center;
color:#ffffff;
}

/*--------------------
search
--------------------*/
#serch{
width:185px;
height:100px;
border:solid 1px #00008a;
border-top:solid 5px #00008a;
margin:15px 0 20px 3px;
}

#serch input{
margin:11px 0 0 19px;
}

/*--------------------
clove
--------------------*/
#clove{
width:185px;
border:solid 1px #00008a;
border-top:solid 5px #00008a;
margin:15px 0 20px 3px;
border-bottom:solid 5px #00008a;
}

#clove p{
font-size:12px;
padding:8px 5px 7px 8px;
line-height:1.5em;
color:#fcfffc;
}

#clove .fontSmall{
font-size:10px;
padding:8px 5px 7px 8px;
line-height:1.5em;
color:#fcfffc;
}

#clove a{
text-decoration:none;
color:#fcfffc;
}

#clove a:hover{
color:#fcfffc;
}


/*--------------------
contents
--------------------*/
#contents{
float:right;
background:url(images/bg_contents.jpg) right 0 no-repeat;
width:565px;
}

#contents p{
color: #f2ffe6;
font-size:12px;
line-height:1.6em;
}

/*--------------------
equipment
--------------------*/
#equipment{
width:565px;
float:right;
background:url(images/bg_contents.jpg) right 0 no-repeat;
}

#equipment table{
color:#fff;
font-size:10px;
}

#equipment p{
margin:2px 0 3px 3px;
color:#fcfffc;
font-size:12px;
}

#equipment p.theme{
color:#00bd5f;
font-size:12px;
}

#equipment p.tsugo{
text-align:right;
color:#C92F11;
font-size:10px;
margin-bottom:30px;
}


/*--------------------
accessmap
--------------------*/
#accessmap{
float:right;
background:url(images/bg_contents.jpg) right 0 no-repeat;
width:565px;
}

#accessmap p{
color: #f2ffe6;
font-size:12px;
line-height:1.6em;
}
#accessmap .howto{
font-size:14px;
border-left:4px solid #c30;
}

/*--------------------
mail
--------------------*/
#mail{
width:565px;
float:left;
background:url(images/bg_contents.jpg) right 0 no-repeat;
}
#mail p{
color: #f2ffe6;
font-size:12px;
line-height:1.6em;
}
#mail .caution{
font-size:10px;
color:#C92F11;
}

/*--------------------
beforeMail
--------------------*/
#beforemail{
width:565px;
float:left;
background:url(images/bg_contents.jpg) right 0 no-repeat;
}
#beforemail p{
color: #f2ffe6;
font-size:12px;
line-height:1.6em;
}
#beforemail a{
font-size:10px;
color:#c0c0f0;
text-decoration:none;
}

#beforemail a:hover{
color:#d8d8f0;
}

#beforemail h5{
font-size:16px;
color:#C92F11;
}


/*--------------------
pickup
--------------------*/
#pickup{
float:right;
background:url(images/bg_contents.jpg) right 0 no-repeat;
width:565px;
}

#pickup p{
color: #f2ffe6;
font-size:12px;
line-height:1.6em;
}


/*--------------------
schedule
--------------------*/
#schedule{
float:right;
background:url(images/bg_contents.jpg) right 0 no-repeat;
width:565px;
}
#schedule h6{
font-size:10px;
color:#fcfffc;
margin-top:5px;
}

#schedule p{
color:#fcfffc;
font-size:16px;
line-height:1.4em;
}

#schedule .sold{
font-size:10px;
line-height:1.5em;
color:red
}

#schedule .time{
font-size:10px;
line-height:1.5em;
color:#f2ffe6;
}

#schedule table{
margin-top:10px;
}

#schedule .person_name{
text-align:left;
color:#f2ffe6;
font-size:10px;
margin:5px 0 50px 0;
}

#schedule .date{
font-size:12px;
color:#fcfffc;
padding:0 3px 0 5px;
}

#schedule .date img{
padding-left:10px;
}

#day{
text-align:left;
background:url(images/rect_for_day.jpg) 0 45% no-repeat;
text-indent:12px;
color:#fcfffc;
}

#line{
height:4px;
background:url(images/bg_h5.jpg) 0 0 no-repeat;
}

#schedule .artist_name{
color:#f2ffe6;
font-size:12px;
}

#schedule .live_title{
font-size:14px;
color:#f2ffe6;
}


#schedule .ticket{
font-size:9px;
text-align:right;
}
#schedule .ticket img{
margin-left:7px;
}

#schedule p.caution{
font-size:10px;
color:#c30;
}

#schedule p.ticketinfo{
font-size:10px;
color:#fff;
}

#schedule a{
font-size:10px;
color:#eeeeff;
text-decoration:none;
padding:5px 0 5px 0;
}

#schedule a:hover{
color:#c0c0f0;
}

/*--------------------
specially
--------------------*/
#specially{
float:right;
background:url(images/bg_contents.jpg) right 0 no-repeat;
width:565px;
}

#specially p{
color: #f2ffe6;
font-size:12px;
line-height:1.6em;
}

#specially #specialBlog p img{
display:block;
margin-right:auto;
margin-left:auto;
}

#specially #specialBlog #blogEntry{
width:535px;
background-color:#eef;
padding:10px 15px 20px 15px;
margin:20px 0;
}

#specially #specialBlog p.blogTitle{
color:#FFF;
}

#specially #specialBlog p.blogTitle a{
color:#d1e9e9;
}

#specially #specialBlog p.blogTitle a:hover{
color:#8ce9e9;
}

#specially #specialBlog h4{
color:#222;
margin:30px 0 10px 0;
padding-bottom:2px;
border-bottom:1px dotted #666;
}
#specially #specialBlog p{
color:#666;
margin:10px 0;
}

#specially #specialBlog .entryTime{
color:#11F;
}

#specially #specialBlog h6{
font-size:12px;
border-left:4px solid #900;
color:#fff;
margin-bottom:20px;
}

/*--------------------
links
--------------------*/
#links{
float:right;
background:url(images/bg_contents.jpg) right 0 no-repeat;
width:565px;
}

#links p{
color: #f2ffe6;
font-size:12px;
line-height:1.6em;
}

#links h6{
font-size:12px;
border-left:4px solid #900;
color:#fff;
margin-bottom:20px;
}

#links a{
font-size:12px;
color:#eeeeff;
text-decoration:none;
padding:5px 0 5px 0;
}

#links a:hover{
color:#c0c0f0;
}

/*--------------------
footer
--------------------*/
#footer{
background:url(images/line_footer.jpg) 0 0 no-repeat;
height:30px;
}


/*--------------------------------
others
--------------------------------*/
#migiyose{
text-align:right;
}

.toback{
text-align:right;
margin-top:15px;
}
.clear{
clear:both;
}
.toback a{
text-decoration:none;
font-size:12px;
color:#FFFFFF;
}

.toback a:hover{
color:#cc3300;
}

div#toolTip{
position:absolute;
z-index:1000;
width:auto;
background:#000099;
border: solid 1px #fcfffc;
text-align:left;
padding:3px 7px 2px 7px;
line-height:1.5em;
}

div#toolTip p{
margin:0;
padding:0;
color:#fcfffc;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

div#toolTip p em {
margin-top:3px;
color:#fff;
font-style:normal;
font-weight:bold;
}