body {
  text-align:left;
  width: 750px;
  color: #FFFFFF;
  font-family: sans-serif;
  background-color: #000000; 
  background-image: url(http://www.suihou.com/img/background_3d2727.jpg);
  background-repeat: repeat-y;
  background-position: center;
  margin: 0 auto;
  padding:0;
}

img {
  border: none;
}

a:link,a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
 
a:hover,a:active {
  color: #FFD800;
  text-decoration: none;
}

span.red{
  color: #FF5533;
}

span.blue{
  color: #6c9bfc;
}

span.gray{  
  color: #FF5533;
}

span.underline{
  text-decoration: underline;
}

table{
  margin: 0;
  table-layout:　auto;
  border-spacing: 0;
}

/*ヘッダー*/
#header {
  width: 750px;
  height: 70px;
  margin: 0 auto;
  padding: 0;
  background-color: #3D2727;
  overflow: hidden;
}

#logo {
  width: 700x;
  height: 50px;
  margin: 10px 25px;
  padding:0;
  text-align: left;
}

#logo img{
  margin: 0;
  float: left;
}

/*ヘッダー右ナビ*/
#navi {
  width: 350px;
  float: right;
  text-align: right;
  font-size: 10px;
}

#navi ul{
  margin: 35px 0 0 0;
}

#navi li{
  list-style-type: none;
  padding: 0 0 0 10px;
  display: inline;
}

/*メインイメージ*/
#topimg{
  width: 750px;
  margin: 0 auto;
}

/*メインイメージから下のフレーム*/
#main {
  width: 750px;
  margin: 0 auto;
  padding: 0;
}

/*各ページのタイトルロゴ*/
#main .logo{
  width: 445px;
  height: 60px;
  margin: 0 auto;
  float: left;
}

/*タイトルロゴ・左25px*/
#main .logo img{
  float: left;
  margin: 20px 0 18px 25px;
}

/*タイトルロゴ・左40px*/
#main .logo img#sub{
  float: left;
  margin: 25px 0 18px 40px;
}


/*店舗選択*/
#main .boxflame{
  width: 720px;
  margin: 0 5px 0 20px;
  pading: 0;
  clear: both;
}

#main .box{
  width: 310px;
  margin:0 20px 0 10px;
  padding: 0;
  float: left;
}

#main .box img{
  margin: 0;
  float: left;
}

/*店舗選択・店舗名*/
#main .box h1{
  margin: 5px 0 0 167px;
  padding: 5px 5px 5px 7px;
  border-bottom: 1px dotted #FFFFFF;
  font-size: 11px;
}

/*店舗選択・説明文*/
#main .box p{
  margin: 5px 0 0 167px;
  padding: 5px 5px 5px 7px;
  font-size: 10px;
  line-height: 1.5em;
}

/*更新情報*/
#main .update{
  width: 700px;
  margin: 0 25px 5px 25px;
  padding: 0;
  float: left;
  clear: both;
  border-bottom: 1px dotted #FFFFFF;
}

/*更新情報・日付*/
#main .update h1{
  margin: 5px 0 5px 15px;
  font-size: 10px;
  line-height: 1.5em;
}

/*更新情報・内容*/
#main .update p{
  margin: 5px 0 5px 15px;
  font-size: 10px;
  line-height: 1.5em;
}

#main .update p a{
  color: #FF9900;
  font-size: 10px;
  padding: 0 15px 0 0;
}
 
#main .update p a:hover,a:active {
  color: #FFD800;
  text-decoration: none;
}

/*右メニュー*/
#main .sub{
  width: 160px;
  margin: 0 25px 0 0;
  padding: 0;
  float: right;
}

/*右メニュー・店舗ロゴ*/
#main .subshop{
  width: 160px;
  margin: 20px 0 10px 0;
  padding: 0;
}

#main .subshop img{
  margin: 5px 0 5px 0;
}

/*右メニュー・店舗ロゴ*/
#main .subshop2{
  width: 160px;
  margin: 10px 0 10px 0;
  padding: 0;
}

#main .subshop2 img{
  margin: 5px 0 5px 0;
}

#main .submenu{
  width: 160px;
  margin: 0 0 15px 0;
  padding: 0;
}

#main .submenu img{
  margin: 5px 0 5px 0;
  border-bottom: 1px dotted #FFFFFF;
}

#main .submenu2{
  width: 160px;
  margin: 20px 0 15px 0;
  padding: 0;
}

#main .submenu2 img{
  margin: 5px 0 5px 0;
  border-bottom: 1px dotted #FFFFFF;
}

/*左ページ*/
#main .left{
  width: 480px;
  margin: 0 15px 15px 25px;
  padding: 0;
  float: left;
}

#main .left img{
  margin: 0 5px 0 5px;
}

/*左から10px*/
#main .left img#menu{
  margin: 0 0 0 10px;
}

/*メニューページ・説明文*/
#main .left h1{
  width: 145px;
  margin: 0 5px 15px 10px;
  font-size: 10px;
  line-height: 1.5em;
}

/*点線*/
#main .left h2{
  margin: 0px 0 3px 10px;
  padding: 0 0 20px 0;
  font-size: 10px;
  line-height: 1.8em;
  border-bottom: 1px dotted #FFFFFF;
}

/*定番*/
#main .left h3{
  margin: 0 0 3px 10px;
  font-size: 10px;
  line-height: 1.8em;
}

/*灰色*/
#main .left h4{
  margin: 0 0 3px 10px;
  font-size: 10px;
  color: #B3B3B3;
  line-height: 1.8em;
}

/*区切りの点線（メニューページ）*/
#main .left h5{
  margin: 0 0 20px 10px;
  font-size: 10px;
  border-bottom: 1px dotted #FFFFFF;
}

/*下線*/
#main .left h6{
  margin: 0 0 3px 10px;
  font-size: 10px;
  line-height: 1.8em;
  text-decoration: underline;
}

/*最旬情報*/
#main .topics{
  width: 490px;
  height: 107px;
  margin: 0 25px 15px 25px;
  padding: 0;
  float: left;
  clear: left;
  border-bottom: 1px dotted #FFFFFF;
}

#main .topics img{
  margin: 0 0 15px 13px;
  float: left;
}

#main .topics p{
  margin: 5px 13px 0 155px;
  font-size: 10px;
  line-height: 1.5em;
}

#main .topics p a{
  color: #CC9933;
}
 
#main .topics p a:hover,a:active {
  color: #FFD800;
  text-decoration: none;
}

/*フッター*/
#footer{
  width: 750px;
  margin: 15px auto;
  clear: both;
  text-align: right;
  background-color: #3D2727;
 }
 
#footer p{
  padding: 10px 25px 10px 0;
  font-size: x-small;
}

#footer p a{
  font-size: 10px;
  padding: 0 10px 0 0;
}
 
#footer p a:hover,a:active {
  color: #999999;
  text-decoration: none;
}