@charset "shift_jis";

/* ブラウザスタイルの初期化 */

* {
  margin: 0;
  padding: 0;
  }


  
/* 文書本体 (body) */

body {
	text-align: center;
	background: #000000;
	font: 12px/1 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#333333;
    scrollbar-shadow-color:#333333;
    scrollbar-arrow-color:#8b0000;
    scrollbar-3dlight-color:#666666;
    scrollbar-base-color:#000000;
  }
  
html,body {   
  height: 100%;
  margin: 0;
  padding: 0;
  }
      
* html body {
  /*for WinIE6*/
  font-size: 75%;
  } 

*:first-child+html body { 
  /*for WinIE7*/
  font-size: 75%;
  }

h1,h2,h3,h4,h5,p,ol,ul,li,div,hr,address,br,strong,table,th,form {
  margin: 0;
  padding:0;
  text-align: left;
  }
  
li {
  list-style-type: none
  }

span {
  font-weight: bold;
  margin-left: 10px;
  line-height: 30px;
  text-indent: -7777px;
}


h1 {
  color: #999999;
  float: left;
  font-size: 100%;
  line-height: 20px;
  font-weight: normal;
  width: 690px;
  text-align: right;
 
  }  

  
/* リンクテキスト (a) */

a:link {
  color: #E7E7E7;
  text-decoration: underline;
  }
a:visited {
  color: #E7E7E7;
  text-decoration: underline;
  }
a:hover {
  color: #CC0000;
  text-decoration: none;
  }
a:active {
  color: #E7E7E7;
  text-decoration: underline;
  }



/* 画像 (img) */

img {
  border: 0;
  }


/*外枠*/

#container {
  width: 800px;
  margin: 0px auto;
}


/*ヘッダー上枠*/

#headertop {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
}


/*サイトマップ*/

.sitemap {
  float: right;
  height: 20px;
  width: 100px;
}


/*ヘッダー*/

#header {
  height: 100px;
  width: 800px;
  float: left;
}


/*ロゴ*/

#logo {
  float: left;
  height: 100px;
  width: 500px;
}


/*パンくず*/
#position {
  color: #FFFFFF;
  line-height: 2;
}


/*メインコンテンツ*/

#main {
  float: left;
  width: 600px;
}


/*サイドナビ*/

#side {
  float: left;
  width: 190px;
  height: auto;
  background: #161616;
  margin-left: 10px;
  margin-bottom: 15px;
}


/*メニュー*/
.sidenavi01 {
}


/*モバイル*/
.mobi_box {
}

/*お店の住所*/
.sidenavi02 {
  line-height: 1.5;
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
}

/*facebook*/
.sidenavi03 {
	background: #FFFFFF;
	padding-bottom: 1px;
}



/*ページ上へ*/

.pagetop {
  width: 800px;
  line-height: 20px;
  text-align: right;
  clear: both;
}

.pagetop a:link {
  color: #E7E7E7;
  text-decoration: none;
  }
.pagetop a:visited {
  color: #E7E7E7;
  text-decoration: none;
  }
.pagetop a:hover {
  color: #CC0000;
  text-decoration: none;
  }
.pagetop a:active {
  color: #E7E7E7;
  text-decoration: none;
  }


/*フッター*/

#footer {
  color: #FFFFFF;
  background: #161616;
  border-top: 1px solid #666666;
}
.f_navi {
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.f_navi li {
  background: url(../img/list01.gif) no-repeat left center;
  display: inline;
  line-height: 35px;
  padding-right: 15px;
  padding-left: 15px;
}


/*コピーライト*/

#copyright {
  margin: 0px auto;
  width: 800px;
  text-align: right;
  height: auto;
  color: #E7E7E7;
  font-size: 100%;
  line-height: 20px;
  background: #161616;
}
#copyright a:link {
  color: #E7E7E7;
  text-decoration: underline;
  font-size: 90%;
  }
#copyright a:visited {
  color: #E7E7E7;
  text-decoration: underline;
  font-size: 90%;
  }
#copyright a:hover {
  color: #CC0000;
  text-decoration: none;
  font-size: 90%;
  }
#copyright a:active {
  color: #E7E7E7;
  text-decoration: underline;
  font-size: 90%;
  }