@charset "utf-8";

/* CSS Document */
/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}
html,body {
	height:100%;
}
body {
	color: #000000;
	font-family: "MS UI Gothic","Verdana", "Osaka-等幅", "ヒラギノ角ゴ Pro W3";
	background:url(../img/bg.gif) repeat-x top #f1f1de;
	font-size: 76%;
	line-height:1.5em;
	letter-spacing:0;
}
strong {
	color: #ffffff;
	font-weight:normal;
	font-family: "MS UI Gothic","Verdana", "Osaka-等幅", "ヒラギノ角ゴ Pro W3";
	margin: 0px auto;
	font-size: 100%;
	text-align:center;
	line-height:1.5em;
	letter-spacing:0;
}
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote
{
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 100%;
	margin:0 0 0 0;
}
h2 {
	margin:0px;
}
textarea {
}


.clearfix { 
	display: inline-table;
	min-height: 1%;
}
.clearfix:after {
     clear: both;
     content: ".";
     display: block;
     font-size: 0.1em;
     height: 0.1em;
	 line-height:0;
     visibility: hidden;
}

img {
	border: 0px;
}
a:link, a:visited, a:hover {
	color:#0000ff;
	text-decoration: none;
}
a:hover{
	color: #0000ff;
	text-decoration: none;
}
a:focus { outline: 0 !important; } 

a:link, a:visited, a:hover {
	color:#0000ff;
	text-decoration: underline;
}
a:hover{
	color:#0000ff;
	text-decoration:underline;
}

.error-message {
	text-align:left;
	font-weight:bold;
	color:#ff0000;
	padding-left:20px;
	background:url(/img/tick.gif) no-repeat top left;
}
#msg {
	text-align:left;
	width:500px;
	margin:20px 0 0px 80px;
	padding-left:25px;
	color:#ff0000;
	background:url(/img/balloon.gif) no-repeat top left;
	display:none;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */

#container {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background:url(../img/bottom_bg.gif) repeat-x bottom;
}

/* IE6 */
/*\*/* html #container {
	text-align:center;
}/* */

#wrap {
	margin:0px auto;
	width:940px;
	padding-bottom: 102px;
	height:100%;
}

/* ------------------------------------- 
 *	ヘッダー部分
 * ------------------------------------- */

#header{
	width:940px;
	height:125px;
	margin:0px auto;
}
/* IE6 */
/*\*/* html #header {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}/* */

#header h1 {

}
#header .logo {
	float:left;
	margin:18px 0 0 16px;
}

/* IE6 */
/*\*/* html .logo {
	margin:20px 0 0 0px;
}/* */

#header #HeaderNavi {width:650px;float:right;margin:18px 18px 0 0;}

/* IE6 */
/*\*/* html #HeaderNavi {
	width:700px;
	margin:18px 0px 0 0
}/* */


#header #HeaderNavi ul {height:40px;list-style: none;text-indent:-9999px;padding: 0;margin: 0;line-height: 40px;}
#header #HeaderNavi li {float:right;display: inline;}
#header #HeaderNavi a {text-decoration: none;display: block;}
#header #HeaderNavi a:focus { outline: 0 !important; } 
#header #HeaderNavi li#Navi01 a {width: 63px;height: 40px;background-position: left top;background-image: url(../img/header/inquiry.gif);margin-right: 0px;}
#header #HeaderNavi li#Navi01 a:hover {background-position: left bottom;}
#header #HeaderNavi li#Navi02 a {width: 55px;height: 40px;background-position: left top;background-image: url(../img/header/reserve.gif);margin-right: 0px;}
#header #HeaderNavi li#Navi02 a:hover {background-position: left bottom;}
#header #HeaderNavi li#Navi03 a {width: 63px;height: 40px;background-position: left top;background-image: url(../img/header/access.gif);margin-right: 0px;}
#header #HeaderNavi li#Navi03 a:hover {background-position: left bottom;}
#header #HeaderNavi li#Navi04 a {width: 106px;height: 40px;background-position: left top;background-image: url(../img/header/kojin.gif);margin-right: 0px;}
#header #HeaderNavi li#Navi04 a:hover {background-position: left bottom;}
#header #HeaderNavi li#Navi05 a {width: 79px;height: 40px;background-position: left top;background-image: url(../img/header/sitemap.gif);margin-right: 0px;}
#header #HeaderNavi li#Navi05 a:hover {background-position: left bottom;}


/* メニュー */
#HeaderMenu {width:735px;float:right;margin:13px 28px 0px 0px;}

/* IE6 */
/*\*/* html #HeaderMenu {
	width:700px;
	margin:15px 25px 0px 0px;
}/* */

/* IE7 */
*+html #HeaderMenu{
	width:735px;
	margin:15px 28px 0px 0px;
}

#HeaderMenu ul {height:50px;list-style: none;text-indent: -9999px;padding: 0;margin: 0;line-height: 24px;}
#HeaderMenu li {float:right;display: inline;}
#HeaderMenu a {text-decoration: none;display: block;}
#HeaderMenu a:focus { outline: 0 !important; } 
#HeaderMenu li#MENU01 a {width: 48px;height: 50px;background-position: left top;background-image: url(../img/header/top.gif);margin-right: 0px;}
#HeaderMenu li#MENU01 a:hover {background-position: left bottom;}
#HeaderMenu li#MENU01ON a {width: 48px;height: 50px;background-position: left bottom;background-image: url(../img/header/top.gif);margin-right: 0px;}

#HeaderMenu li#MENU06 a {width: 136px;height: 50px;background-position: left top;background-image: url(../img/header/monthry.gif);margin-right: 0px;}
#HeaderMenu li#MENU06 a:hover {background-position: left bottom;}
#HeaderMenu li#MENU06ON a {width: 136px;height: 50px;background-position: left bottom;background-image: url(../img/header/monthry.gif);margin-right: 0px;}

#HeaderMenu li#MENU02 a {width: 129px;height: 50px;background-position: left top;background-image: url(../img/header/system.gif);margin-right: 0px;}
#HeaderMenu li#MENU02 a:hover {background-position: left bottom;}
#HeaderMenu li#MENU02ON a {width: 129px;height: 50px;background-position: left bottom;background-image: url(../img/header/system.gif);margin-right: 0px;}
#HeaderMenu li#MENU03 a {width: 93px;height: 50px;background-position: left top;background-image: url(../img/header/partyplan.gif);margin-right: 0px;}
#HeaderMenu li#MENU03 a:hover {background-position: left bottom;}
#HeaderMenu li#MENU03ON a {width: 93px;height: 50px;background-position: left bottom;background-image: url(../img/header/partyplan.gif);margin-right: 0px;}
#HeaderMenu li#MENU04 a {width: 113px;height: 50px;background-position: left top;background-image: url(../img/header/guest.gif);margin-right: 0px;}
#HeaderMenu li#MENU04 a:hover {background-position: left bottom;}
#HeaderMenu li#MENU04ON a {width: 113px;height: 50px;background-position: left bottom;background-image: url(../img/header/guest.gif);margin-right: 0px;}
#HeaderMenu li#MENU05 a {width: 74px;height: 50px;background-position: left top;background-image: url(../img/header/member.gif);margin-right: 0px;}
#HeaderMenu li#MENU05 a:hover {background-position: left bottom;}
#HeaderMenu li#MENU05ON a {width: 74px;height: 50px;background-position: left bottom;background-image: url(../img/header/member.gif);margin-right: 0px;}


/* ------------------------------------- 
 *	メインボディ部分
 * ------------------------------------- */

#top {
	margin:16px 0 0 0;
	width:100%;
	height:351px;
	background:url(../img/middle_bg.gif);
}

/* IE6 */
/*\*/* html #top {
	margin:16px 0 0 0;
	height:351px;
}/* */


#top .ad_Area {
	margin:0px auto;
	width:900px;
	height:350px;
	padding:0 20px 0 20px;
}

/* IE6 */
/*\*/* html #top .ad_Area {
	width:940px;
	padding:0 20px 0 16px;
}/* */

#top .ad_Area #flashArea{
	float:left;
	width:630px;
	height:350px;
}

#top .ad_Area .side{
	margin-top:5px;
	float:right;
	width:250px;
	height:235px;
	background-color:#373532;
}

/* IE6 */
/*\*/* html #top .ad_Area .side {
	width:250px;
}/* */


#top .ad_Area .in{
	width:222px;
	height:186px;
	margin:3px;
	padding:30px 10px 10px 10px;
	color:#ffffff;
	border:1px solid #777;
	background:url(../img/index/tonight.gif) no-repeat top center;
}

/* IE6 */
/*\*/* html #top .ad_Area .in {
	width:222px;
	padding:20px 6px 13px 6px;
	height:250px;
}/* */

/* IE7 */
*+html #top .ad_Area .in {
	height:196px;
	line-height:1.2em;
	padding:20px 10px 10px 10px;
}

.ts1 {
	float:left;
	width:148px;
	height:75px;
	margin:3px 0 0 2px;
}

/* IE6 */
/*\*/* html .ts1 {
	width:140px;
	margin:3px 0 0 2px;
	text-align:left;
}/* */

/* IE7 */
*+html .ts1 {
	margin:3px 0 0 2px;
}


.artistName {
	width:200px;
	background-color:#f1f1de;
	color:#373532;
	padding:2px 3px 0 3px;
	margin:5px 0 0 0;
}

/* IE6 */
/*\*/* html .artistName {
	width:140px;
	margin:5px 0 0 0;
	padding:0px 0px 0 3px;
	text-align:left;
}/* */


.ts2 {
	float:left;
	width:220px;
	margin:3px 0 0 2px;
}

/* IE6 */
/*\*/* html .ts2 {
	margin:0px 0 0 2px;
	text-align:left;
}/* */

/* IE7 */
*+html .ts2 {
	margin:0px 0 0 2px;
}


#top .ad_Area .in img.artist{
	float:right;
	margin:3px 0 3px 0;
	border:1px solid #f1f1de;
}

/* IE6 */
/*\*/* html #top .ad_Area .in img.artist {
	margin:3px 0 -2px 0;
}/* */

/* IE7 */
*+html #top .ad_Area .in img.artist {
	margin:3px 0 -10px 0;
}

.stTime {
	line-height:1.3em;
	margin:5px 0 0 2px;
	color:#c0c0c0;
}

/* IE6 */
/*\*/* html .stTime {
	text-align:left;
	line-height:1.2em;
	margin:2px 0 0 2px;
}/* */

/* IE7 */
*+html .stTime {
	line-height:1.2em;
	margin:0px 0 0 2px;
}

#top .ad_Area img.regular{
	float:right;
	margin:5px 0 0 0;
}

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


#content {
	margin:0px auto;
	width:940px;
    overflow: hidden;
	padding-bottom: 102px;
	height:100%;
}

#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}
/**/

/* IE6 */
/*\*/* html #content {
	padding-bottom: 0px;
	text-align:center;
}/* */


/* ------------------------------------- 
 *	メインコンテンツ部分
 * ------------------------------------- */

#main {
	width:630px;
	height:100%;
	margin:36px 0 0 20px;
	float:left;
}

/* IE6 */
/*\*/* html #main {
	margin:36px 0 0 8px;
}/* */


#main img {
	margin-bottom:15px;
}

#main .reserve{
	width:600px;
	height:40px;
}

#main img.left {
	float:left;
}

#main img.right {
	float:right;
}

.infoArea {
	margin:0px 0 20px 0;
	width:630px;
	height:430px;
	border:1px solid #000000;
	background:url(../img/index/information.gif) no-repeat top #FFE4E1;
}

/* IE6 */
/*\*/* html .infoArea {
	margin:0px 0 20px 0;
	height:405px;
}/* */

/* IE7 */
*+html .infoArea {
	margin:0px 0 20px 0;
}

.information {
	width:630px;
	height:400px;
	margin-top:30px;
	overflow-y:scroll;
}
/* IE6 */
/*\*/* html .information {
	height:405px;
	text-align:left;
}/* */

.information dl{
	width:600px;
	padding-top:10px;
}
/* IE6 */
/*\*/* html .information dl {
	text-align:left;
}/* */

.catch1 {
	background-color:#ff0000;
	color:#f1f1de;
	font-weight:normal;
	padding: 0 3px 0;
}
.catch2 {
	background-color:#fd7903;
	color:#f1f1de;
	font-weight:normal;
	padding: 0 3px 0;
}

.information dt {
	font-weight:bold;
	clear: both;
	float: left;
	margin: 0 0 0.8em 1.0em;
	width: 10em;
	border-left: solid 8px #999;
	padding:0 0 0 10px;
	color: #373532;
}
/* IE6 */
/*\*/* html .information dt {
	margin: 0 0 0.8em 0.5em;
	padding:0 0 0 10px;
}/* */

.information dd.title {
  margin:0 0.3em 0.3em 13em;
  border-bottom:1px solid #373532;
  color:#373532;
  font-weight:bold;

}

.information dd.comment {
  margin:0 0.3em 1.2em 13em;
  line-height:1.2em;
  color:#373532;

}


/* ------------------------------------- 
 *	サイドナビ部分
 * ------------------------------------- */

#side {
	margin:36px 20px 20px 0;
	padding:5px 0 10px 0;
	float:right;
	width:250px;
	height:100%;
	background-color:#373532;
	text-align:center;
	color:#f1f1de;
}

/* IE6 */
/*\*/* html #side {
	margin:36px 10px 0px 0;
	height:785px;
	padding:5px 0 0px 0;
}/* */


#side a:link, a:visited, a:hover {
	color:#c0c0c0;
	text-decoration: underline;
}

#side img.banner {
	margin-bottom:10px;
}

p.hours {
	color:#c0c0c0;
	text-align:left;
	margin:10px 0 15px 15px;
	line-height:1.3em;
}

/* IE6 */
/*\*/* html p.hours {
	margin:6px 0 0px 15px;
}/* */




#side div.title {
width:225px;
height:17px;
border-bottom:3px solid #f5844c;
text-align: right;
padding-right: 5px;
margin: 10px 10px 0 10px;
}

#side div.title span.first{
color: #a3a3a3;
margin-right: 5px;
}

#side div.content {
width:245px;
padding:10px 0 10px 5px;
margin-bottom: 30px;
}
#side div.content img.pict {
padding:2px;
border:1px solid #999999;
margin:0 8px 0 0 ;
float:left;
}
#side div.content p.name {
width:130px;
height:25px;
text-align:center;
font-size:1.2em;
float:right;
}
#side div.content p.comment {
width:130px;
height:30px;
text-align:left;
font-size:0.9em;
float:right;
}

#side div.content a, #side div.content a:visited {
color: #cd47cf;
}
#side div.content a:hover {
color: #ad18b6;
}

#twitter_div {
text-align : left;
margin : 10px 0 20px 20px;
}

#twitter_div ul {
width : 210px;
}

#twitter_div li {
color:#ffffff;
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
padding : 2px 2px 5px 20px;
background: url(/img/side/tweet.png) no-repeat top left;
border-bottom : dotted 1px #6e6055;
margin-bottom:5px;
}

#twitter_div li a {
font-size : 0.7em !important;
color : #98a9f2;
}

#twitter_div li a:hover {
color : #6b84f0;
}

#twitter_div li span {
color : #ffffff;
font-size : 0.8em;
}

#twitter_div li span a {
color : #98a9f2;
font-size : 1em !important;
}

a#twitter-link {
font-size : 0.8em;
color : #98a9f2;
text-align : left;
display : block;
}

a#twitter-link:hover {
color : #6b84f0;
}















#calendar {
	width:230px;
	height:100%;
	margin:0 0 30px 10px;
	padding-top:30px;
	background:url(../img/index/schedule.gif) no-repeat top center;
}

/* IE6 */
/*\*/* html #calendar {
	margin:0px 0 30px 0px;
	height:190px;
}/* */

/* IE7 */
*+html #calendar{
	margin:0px 0px 30px 0px;
}

#calendar-header {
	width:229px;
	border:1px solid #777;
	font-weight:normal;
	color:#ffffff;
	background-color:#bbb;
}
#calendar-content {
	width:230px;
	margin-bottom: 0px;
	border-top:1px solid #777;
	border-left:1px solid #777;
	background:#fff;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
/* IE6 */
/*\*/* html #calendar-content {
	text-align:center;
	font-size:12px;
	color:#f1f1de;
}/* */
/* IE7 */
*+html .detailsRight table {
}

#calendar-content th {
	padding:3px 0 3px 10px;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	font-weight:normal;
}

/* カレンダー */

#calendar-content td{
	padding:5px;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	background-color:#373532;
}

/* IE6 */
/*\*/* html #calendar-content td {
}/* */


.week_sun {
	color:#ff0000;
	background-color:#ffa07a;
}
.week_sat {
	color:#7b68ee;
	background-color:#48d1cc;
}
.week_h_sun {
	color:#ff0000;
	background-color:#ffa07a;
}
.week_h_mon {
	color:#ff0000;
	background-color:#ffa07a;
}
.week_h_tue {
	color:#ff0000;
	background-color:#ffa07a;
}
.week_h_wed {
	color:#ff0000;
	background-color:#ffa07a;
}
.week_h_thu {
	color:#ff0000;
	background-color:#ffa07a;
}
.week_h_fri {
	color:#ff0000;
	background-color:#ffa07a;
}

.week_h_sat {
	color:#ff0000;
	background-color:#ffa07a;
}


/* ------------------------------------- 
 *	フッター部分
 * ------------------------------------- */

#footer {
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 102px;
	text-align:center;
}
/* IE6 */
/*\*/* html #footer {
	position: relative;
	margin-left:auto;
	margin-right:auto;
}/* */

.copyright{
	text-align:center;
	width:900px;
	margin:0 auto;
	height:65px;
	padding-top:30px;
}

/* IE6 */
/*\*/* html .copyright {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}/* */

.copyL{
	text-align:left;
	width:450px;
	float:left;
	line-height:1.3em;
	padding:5px 0 0 0;
}

/* IE6 */
/*\*/* html .copyL {
	width:450px;
}/* */


.copyL img {
	float:left;
	margin-left:40px;
}

/* IE6 */
/*\*/* html .copyL img {
	margin-left:30px;
}/* */


.copyL p {
	width:310px;
	float:right;
	margin-top:5px;
}
.copyR {
	width:450px;
	float:right;
	margin-top:7px;
	line-height:1.7em;
}
a.footer:link, a.footer:visited, a.footer:hover {
	color:#ffccee;
	text-decoration: underline;
}

.FooterLogo {
	text-align:center;
}

/* ------------------------------------- 
 *	インプット周り
 * ------------------------------------- */

input.half {
	width:30px;
	height:20px;
	border:0;
	background:url(/img/button/input2.gif) no-repeat 0 0;
	cursor:pointer;
}
input.basic {
	width:80px;
	height:19px;
	border:0;
	background:url(/img/button/input.gif) no-repeat;
	cursor:pointer;
}

input.back {
	margin-top:15px;
	width:655px;
	height:30px;
	border:0;
	background:url(/img/button/pict_reg_back.gif) no-repeat top center;
	cursor:pointer;
}

.PageTop {
	width:650px;
	text-align:right;
	margin:10px 0 10px 0;
}