@charset "utf-8";

@import url(reset-fonts.css);

html {
	   background-color:#000000;
	   color: #fff;
}
/*ボディセンター合わせ*/
body { 
	   margin: 0 auto;
	   width: 850px;
	   text-align: center;
	   background-color:#000000;
}

/*共通ヘッダー背景イメージ*/
#hd { 
      width: 850px;
      height: 109px;
	  background-image:url(../img/header.jpg);
}

/*フッター背景イメージ*/
#ft {
clear:both;
		width: 850px;
		height: 17px;
		margin-top: 20px;
	    background-image:url(../img/copyright.gif);
}





/*共通　先頭へ戻る*/
#to-top {
    text-align: right;
	margin: 0 20px 0 0;
	clear: both;
}

h1 {
        text-indent: -999em;
}

/*共通 logo for top*/
h1 a {
       display: block;
	   height: 52px;
	   width: 340px;
	   /*background: #FFF;*/
	   position:relative;
	   top: 34px;
	   left: 25px;
}

:link {
       color: #CCCCCC;

}

:visited {
       color: #CCCCCC;

}


/*テキスト左寄せ*/
#wp { 
       text-align:left;
	   width: 850px;

}





/*------ここからコンテンツ共通------*/

/*ナビゲーション左フロート*/
#nv {
       width: 170px;
	   float: left;
}

/*ナビゲーション左10pxアキ*/
#nv-inside {
       width: 160px;
       margin: 0 0 0 10px;
}


#nv li {
       display: inline;
}

#nv li a {
       display: block;
	   height: 86px;
	   width: 160px;
}


/*右コンテンツ*/
#contents {
       width: 670px;
	   /*padding: 0 0 0 10px;*/
	   float: right;
}






/*共通コンテンツタイトル*/
#contents-title {
       width: 640px;
	   margin: 0 0 0 10px;
}

#contents-title-sub {
       margin: 10px 0 0 10px;
	   color:#7C3A3A;
	   font-size: 90%;
}

/*------ここまでコンテンツ共通------*/





/*------ここからトップページ------*/


/*トップ　メイン画像*/
#main-top { 
        width: auto;
        height: 231px;
}

/*トップ　メイン画像テキスト*/
#main-top p { 
        display:none;
}

/*トップ　ナビゲーションボタン*/
#nv-top { 
        margin: 0 0 10px 10px;
		
}

/*トップ　ナビゲーションボタン並列*/
#nv-top li { 
        display: inline;
		}


/*トップ　ムービー背景*/
#top-movie-bg {
        width: 276px;
		height: 230px;
        margin: 20px 0 0 10px;
		float: left;
		background-image: url(../img/top_movie_bg.gif);
}


#top-movie-bg iframe {
        margin: 15px 0 0 19px;

}

/*トップ　ムービータイトル*/
#top-movie-title {
        width: 520px;
		height: 22px;
        margin-top: 20px;
}

/*トップ　ムービーサムネイル*/
#top-movie-thum {
        width: 520px;
		height: auto;
		margin: 20px 0;

}

/*#top-movie-thum table {
border-spacing:
}*/


/*トップ　ムービー右側くくりフロート*/
#top-movie-right {
        float: right;
		width: 520px;
}


#top-movie-right p {
        font-size: 85%;
        color: #7C3A3A;
		margin-top: 8px; 
}

#top-movie-thum p {
        color: #CCCCCC;
}

#top-movie-thum p a {
        color: #CCCCCC;
}

table p {
        margin: 0 0 0 2px;

}

span {
        font-size: 90%;

}

/*------ここまでトップページ------*/



/*------ここからコンテンツ：お店紹介------*/

#menu {
        margin: 30px 0 0 10px;
		color: #CCC;
		/*font-size: 85%;*/
		text-align: left;
}

/*テーブル構成のメニュー*/
#tbl-menu {
    border-collapse: collapse;
/*    line-height: 1.5;*/
    font-size: 90%;

}

#tbl-menu td {
    vertical-align: middle;
}


/*店内写真*/
#bar-pct {
    margin: 30px 0 40px 10px;
}

/*マジックサービスのご案内*/
#surv-pct {
    margin: 20px 0 40px 10px;
}

/*------ここまでコンテンツ：お店紹介------*/

/*------ここからコンテンツ：アクセス------*/

#bar-info {
     width: 640px;
	 height: 250px;
	 margin: 0 0 0 10px;
}



#bar-info-right {
     width: 268px;
	 float: right;
	 margin: 20px 0 0 0;
}

#upper p {
        font-size: 85%;
        color: #7C3A3A;
		margin-top: 15px; 
}

#bar-info-right #lower {
	   margin: 10px 0 0 0;
	   color: #CCCCCC;
}

#bar-info-right #lower p {
        font-size: 85%;
		margin-top: 5px; 
}

#bar-info-left {
     width: 340px;
	 float: left;
	 margin: 20px 0 0 0;
}

#bar-about {
     clear: both;
	 margin: 20px 0 0 0;
}


#bar-about-wrap {
     margin: 20px 10px 0 10px;

}


#bar-about-right
 {
     width: 411px;
	 float: right;
	 color:#CCCCCC
}

#bar-about-right #inner {
     width: 401px;
	 margin: 0 10px 0 0px;
 }
 
#bar-about-right #inner p {
     text-align: justify;
	 text-justify: inter-ideograph;
 }

#bar-about-right span {
	font-size: 90%;
	line-height: 150%;
	text-align: justify;
	text-justify: inter-ideograph;
}

#bar-about-right li {
    margin: 0 0 30px 0;
}

#bar-about-left {
     width: 214px;
	 float: left;
}

#bar-about #to-top {
     clear: both;
	 width: 670px;
	 /*margin-top: 20px;*/
	 margin: 20px 10px 0 0;
	 }
	 
/*------ここまでコンテンツ：アクセス------*/

/*------ここからコンテンツ：ムービー------*/

#movie-bg {
     width: 660px;
	 height: 440px;
	 background-image:url(../img/bg_movie.jpg);
	 text-align: center;
	 padding: 60px 0 0 0;
}

#movie-main {
     margin: 50px 0 0 0;

}

/*------ここまでコンテンツ：ムービー------*/



object {
    margin: 0;
	padding: 0;

}



.movie-s {
    text-align: left;
}

/*------新規追加CSSー------*/
#blogtext{
position:relative;
LEFT:500px;
TOP:-38px;
font-size:77％;
}

#blogimg{
position:relative;
LEFT:490px;
TOP:-65px;
}

#blogtext2{
position:relative;
LEFT:500px;
TOP:-70px;
font-size:77％;
}

#blogimg2{
position:relative;
LEFT:490px;
TOP:-100px;
}