/* ----------------------------------------
インド料理 スパイス | Indian Restaurant SPICE
一般設定
basic.css
2007/10/22
 ---------------------------------------- */
 
 
/* ----------------------------------------
HTML
 ---------------------------------------- */
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
  font-size: 14px;
  *font-size: small;
  *font: x-small;
font-family: "Gill Sans", Tahoma, Verdana, Helvetica, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Meiryo, sans-serif;
text-align: center;
background: url(../img/bg_logo.gif) no-repeat fixed right bottom;
/*background: url(../img/bg.gif);*/
}
img {
border: 0;
}
a:link {
color: #cc6633;
text-decoration: none;
}
a:hover {
color: #669966;
text-decoration: underline;
}
a:visited {
color: #cc6633;
text-decoration: none;
}
/* ----------------------------------------
wrapper
 ---------------------------------------- */
#wrapper {
width: 765px;
clear: both;
margin: 0 auto 25px auto;
text-align: left;
}
/* ----------------------------------------
hidden
 ---------------------------------------- */
.hide {
display: none;
}
/* ----------------------------------------
contents
 ---------------------------------------- */
#contents {
}
/* ----------------------------------------
sidebar
 ---------------------------------------- */
#sidebar {
width: 150px;
float: left;
}
/* ----------------------------------------
header
 ---------------------------------------- */
#nav-header {
width: 765px;
height: 210px;
margin: 0 0 20px 0;
padding: 0px 0 0 0;
background: url(../img/bg_header.gif) no-repeat left;
clear: both;
}
#nav-h1 {
width: 150px;
float: left;
}
h1 {
text-indent: -9999px;
display: block;
width: 150px;
height: 187px;
margin: 0;
padding: 20px 0 0 0;
/*float: left;*/
}
h1 a {
display: block;
width: 150px;
height: 167px;
}
#nav-main {
width: 540px;
float: right;
textt-align: right;
}
#nav-home {
margin: 0;
padding: 0px 0 0 0;
height: 117px;
}
#nav-home li {
list-style: none;
text-indent: -9999px;
display: block;
width: 60px;
height: 117px;
margin: 0px 0 0 480px;
padding: 0;
}
#nav-home li a {
display: block;
width: 60px;
height: 117px;
}

#nav-menu {
margin: -45px 0 0 90px;
padding: 0 0 0 0px;
}
#nav-menu ul {
margin: 0 0 0 0px;
padding: 0;
list-style: none;
}
#nav-menu li {
text-indent: -9999px;
display: block;
float: left;
width: 110px;
height: 130px;
margin: 0 0 0 0px;
padding: 0;
}
#nav-menu li a {
display: block;
width: 110px;
height: 130px;
}

#header {
margin: 0 0 20px 0;
padding: 0;
width: 200px;
height: 202px;
clear: both;
}
#header h1 {
margin: 0;
padding: 0;
}
/* ----------------------------------------
skip
 ---------------------------------------- */
#skip {
position: absolute;
top: -9999px;
left: -9999px;
}
/* ----------------------------------------
sidebar
 ---------------------------------------- */
#menu, 
#feature,
#submenu {
color: #999999;
}
#menu h2, 
#feature h2,
#submenu h2,
#nav-feed h2 {
position: absolute;
top: -9999px;
left: -9999px;
}
#menu ul, 
#feature ul,
#submenu ul,
#nav-feed ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li, 
#feature li,
#submenu li,
#nav-feed li {
text-align: left;
margin: 0;
padding: 0;
}
#menu a {
color: #333333;
display: block;
padding: 6px 0;
}
#feature a:link,
#submenu a:link,
#nav-feed a:link {
color: #333333;
}

/* ----------------------------------------
メインコンテンツ
 ---------------------------------------- */
#menu {
margin: 0;
padding: 0;
}
#menu ul {
font-size: 1em;
border-bottom: 1px dashed #cc6633;
margin: 0;
padding: 0;
}
#menu li {
border-top: 1px dashed #cc6633;
margin: 0;
padding: 0;
display: block;
}
#menu li a {
display: block;
height: 15px;
}
#menu li a:hover {
background: #cc6633;
color: #ffffff;
text-decoration: none;
}
/* ----------------------------------------
特集コンテンツ
 ---------------------------------------- */
#feature {
margin: 0px 0 15px 0;
padding: 0;
}
#feature ul {
margin: 0;
padding: 0;
}
#feature li {
margin: 0;
padding: 0;
}

/* ----------------------------------------
サブコンテンツ
 ---------------------------------------- */
#nav-feed {
margin: 15px 0px 0px 0;
}
#submenu  {
margin: 5px 0px 15px 0;
}
#submenu ul,
#nav-feed ul  {
font-size: 0.9em;
}
/*
フィード配信
*/
#nav-feed li {
background: url(../img/feed-icon-10x10.gif) no-repeat left;
padding: 0 0 0 12px;
}
/* ----------------------------------------
店舗情報
 ---------------------------------------- */
#nav-shop {
border-top: 1px dashed #cc6633;
margin: 10px 0 10px 0;
padding: 0;
font-size: 0.9em;
color: #666666;
}
#nav-shop p {
margin: 10px 0 0 0;
padding: 0;
}

/* ----------------------------------------
メイン
 ---------------------------------------- */
#main {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 570px;
float: right;
}
#blog-category-name {
border-top: 1px dashed #cc6633;
border-left: 1px dashed #cc6633;
margin: 0 0 30px 0;
padding: 6px 0 0 6px;
font-size: 1.2em;
}
.main-h2-large  {
/*border-top: 1px dashed #cc6633;
border-left: 1px dashed #cc6633;*/
font-size: 1.2em;
color: #333333;
margin: 0 0 40px 0;
padding: 0px 0px 0px 0px;
height: 84px;
}
.main-h2-small {
/*border-left: 6px solid #cc6633;
border-bottom: 1px dashed #cc6633;*/
font-size: 1.2em;
color: #333333;
margin: 0 0 45px 0;
/*padding: 0px 0px 3px 6px;*/
padding: 0;
}
#main p,
#main li, 
#main dt,
#main dd {
font-size: 1em;
line-height: 150%;
}
/* ----------------------------------------
バンくず式ナビゲーション
 ---------------------------------------- */
#crumb {
margin: 0;
padding: 0;
}
#crumb h2 {
position: absolute;
top: -9999px;
left: -9999px;
}
#crumb p {
font-size: 0.8em;
margin: 0 0 25px 0;
padding: 0;
}
#crumb p a:hover {
background: #333333;
color: #ffffff;
}
/* ----------------------------------------
エントリー
 ---------------------------------------- */
#entry {
margin: 0 0 30px 0;
}
#entry dl {
width: 100%;
}
#entry dt {
width: auto;
padding: 0px 10px 0px 0px;
float: left;
}
#entry dd {
padding: 0px 0px 0px 3em;
}
#entry h5 {
font-size: 1em;
color: #333333;
border-top: 1px dotted #999999;
padding: 3px 0 0 0;
}
#entry blockquote {
border: 1px solid #cccccc;
margin: 0;
padding: 6px 18px;
}
/* 
エントリー・ヘッダー
*/
#entry-header h3 {
border-top: 1px solid #999999;
}
#entry .info-update  {
margin: 0 0 0 0;
padding: 0 0 12px 0;
font-size: 0.8em;
color: #666666;
}
#entry .info-update p {
padding: 0;
}
#entry .info-update a:link,
#entry .info-update a:visited {
color: #666666;
text-decoration: underline;
}
#entry .info-update a:hover {
color: #ffffff;
text-decoration: none;
background: #669966;
}
/* 
続きを読む
*/
.readmore {
font-size: 0.9em;
}
.readmore p {
text-align: right;
}
/* 
エントリー・フッター
*/
#entry-footer  {
font-size: 0.9em;
}
#entry-footer p {
border-top: 1px dashed #999999;
padding: 6px 0 0 0;
}
/* 
エントリー・トラックバック
*/
#entry-trackback {
margin: 25px 0 0 0;
border: 1px solid #cccccc;
}
#entry-trackback h4 {
font-size: 1em;
margin: 0;
padding: 0 0 0 10px;
background: #cccccc;
color: #ffffff;
}
#entry-trackback p,
#entry-trackback dl {
font-size: 0.9em;
padding:  0px 12px;
}
#entry-trackback dt {
text-align: right;
border-bottom: 1px dashed #cccccc;
padding: 12px 0 3px 0;
}
#entry-trackback dd {
margin-left: 0;
padding: 3px 0;
}
/* ----------------------------------------
段組：標準
 ---------------------------------------- */
#column-std {
margin: 0;
}
#column-std h3 {
font-size: 1.1em;
color: #cc6633;
border-bottom: 1px solid #cc6633;
margin: 0 0 15px 0;
padding: 0 0 3px 0;
}
#column-std h4 {
font-size: 1.1em;
color: #cc6633;
border-bottom: 1px dashed #999999;
margin: 15px 0 15px 0;
padding: 0 0 3px 0;
}
/* ----------------------------------------
段組：メニュー
 ---------------------------------------- */
#column-menu {
margin: 0;
}
#column-menu h3 {
font-size: 1.1em;
color: #cc6633;
border-bottom: 1px solid #cc6633;
padding: 0 0 3px 0;
margin:  0 0 30px 0;
clear: left;
}
#menu-wrapper {
padding: 0px 0 0 0;
/* IE5 for Mac \*/
padding: 0px 0 0 0;
clear: both;
/* ↑ その他のブラウザー */
}
#column-menu ul {
width: 570px;
font-size: 1em;
margin: 0 0 15px 0;
padding: 0;
list-style-position: inside;
}
#column-menu li {
margin: 0;
padding: 0;
}
#menu-table {
width: 570px;
clear: left;
}
#menu-table h4 {
font-size: 1em;
color: #cc6633;
border-bottom: 1px dashed #cc6633;
margin: 0 0 3px 0;
padding: 0 0 3px 0;
clear: left;
}
#column-menu table {
border: 1px dotted #999999;
border-width: 0px 0 0 0;
margin: 0 0 30px 0;
padding: 0;
}
#column-menu caption {
font-size: 1em;
line-height: 150%;
font-weight: bold;
text-align: left;
border-bottom: 1px dotted #339966;
}	
#column-menu th {
background: #f6f6f6;
padding: 0px;
border: 1px solid #999999;
border-width: 0;
padding-left: 0px;
padding-right: 0px;
font-size: 1em;
line-height: 150%;
font-weight: bold;
}
#column-menu td {
font-size: 1em;
line-height: 150%;
padding: 0px;
border: 1px dotted #999999;
border-width: 0 0 1px 0;
padding-left: 0px;
padding-right: 0px;
}
#column-menu .name {
/*background: url(../img/nav_list_shamrock.gif) no-repeat left;
text-indent: 15px;*/
}
#column-menu .price {
text-align: right;
}
#menu-left {
width: 270px;
margin: 0 0 15px 0;
/* IE5 for Mac \*/
width: 270px;
float:left;
/* ↑ その他のブラウザー */
}
#menu-right {
width: 270px;
margin: 0 0 15px 0;
/* IE5 for Mac \*/
width: 270px;
float: right;
/* ↑ その他のブラウザー */
}
#menu-left h4,
#menu-right h4 {
/*font-size: 1em;
color: #333333;
padding: 6px 0 6px 0px;
margin: 20px 0 0px 0;
border: 1px dotted #999999;
border-width: 1px 0 0 0;*/
}
#menu-left p,
#menu-right p {
margin: 5px 0 10px 0;
padding: 0;
ont-size: 0.9em;
}
#menu-note {
width: 570px;
margin: 0 0 30px 0;
clear: both;
}
#menu-note h4 {
font-size: 0.9em;
color: #333333;
border-bottom: 1px dashed #cccccc;
padding: 0 0 3px 0;
margin: 0 0 5px 0;
width: 570px;
}
/* ----------------------------------------
メニュー
 ---------------------------------------- */
.menu-thumb {
}
.menu-photo {
width: 270px;
height: 210px;
margin: 0 0 0 0;
padding: 20px 0 0 0;
text-align: center;
background: url(../menu/img/menu-thumb-bg.gif) no-repeat center;
}
.menu-thumb h4 {
width: 100%;
color: #333333;
margin: 0;
padding: 3px 0 0px 0px;
font-size: 13px;
font-style: normal;
clear: both;
}
.menu-thumb p {
margin: 0;
padding: 0;
}
.menu-thumb-price  {
margin: 3px 0 0 0;
padding: 0;
font-size: 12px;
color: #333333;
font-style: bold;
}
.menu-thumb-price  p {
font-weight: bold;
margin: 0;
padding: 0;
}
.menu-thumb-caption  {
margin: 3px 0 0 0;
padding: 0;
font-size: 10px;
color: #666666;
}
/* ----------------------------------------
スィーツ
 ---------------------------------------- */
#sweets-lead {
margin: 0 0 30px 0;
padding: 10px;
border: 1px dotted #cc6633;
}
#sweets-lead p {
margin: 0;
padding: 0;
}
.sweets-thumb {
margin: 0 20px .25em 0;
width: 165px;
height: 320px;
float:left;
display: inline;
position: relative;
}
.sweets-photo {
width: 165px;
height: 165px;
/*border: 1px solid #cccccc;*/
margin: 0 0 0 0;
padding: 15px 0 0 0;
text-align: center;
background: url(../sweets/img/sweets-thumb-bg.gif) no-repeat center;
}
.sweets-thumb h4 {
width: 100%;
color: #333333;
margin: 0;
padding: 3px 0 0px 0px;
font-size: 13px;
font-style: normal;
clear: both;
}
.sweets-thumb p {
margin: 0;
padding: 0;
}
.sweets-thumb-price  {
margin: 3px 0 0 0;
padding: 0;
font-size: 12px;
color: #333333;
font-style: bold;
}
.sweets-thumb-price  p {
font-style: bold;
}
.sweets-thumb-caption  {
margin: 3px 0 0 0;
padding: 0;
font-size: 10px;
color: #666666;
}
/* ----------------------------------------
段組：ブログ
 ---------------------------------------- */
.content-nav p {
font-size: 0.9em;
}
#column-blog {
width: 570px;
}
#blog-left{
width: 360px;
margin: 0px 0 0 0;
padding: 0;
float: left;
}
#blog-left h3 {
font-size: 1.1em;
color: #333333;
border-top: 1px dashed #cc6633;
margin: 0;
padding: 6px 0 3px 0;
}
#blog-right {
float: right;
margin: 0;
padding: 0;
width: 180px;
}
#blog-right-menu {
margin: 0;	
padding: 6px 0 0 0;
border-top: 1px dashed #cc6633;
}
#blog-right-menu h2 {
margin: 0;	
padding: 0 0 2px 0px;
font-size: 12px;
/*background: url(../blog/img/marker_circle.gif) left center no-repeat;*/
}
#blog-right ul {
margin: 0 0 27px 0;	
padding: 0;
font-size: 0.9em;
}
#blog-right li {
margin: 0;	
padding: 0 0 0 0px;
list-style: none;
color: #999999;
/*background: url(../blog/img/marker_sidebar_li.gif) left center no-repeat;*/
}
/*
コメント・トラックバック
*/
#comments-open-data p {
margin-bottom: 10px;
}
#comment-post {
font-weight: bold;
}
#comment-author, #comment-email, #comment-url, #comment-text, #comment-text, #trackback-info {
width: 360px;
border: 1px solid #cccccc;
}
#comment-bake-cookie {
margin-left: 2px;
vertical-align: middle;
}
#comments-open-footer {
text-align: left;
}
.trackbacks,
.comments {
margin: 0px 5px
padding: 10px 0px;
color: #36414d;
}
.trackbacks-header,
.comments-header,
.comments-open-header {
margin: 15px 0;
padding: 3px 3px 0 3px;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
font-size: 0.9em;
}
#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
margin: 0;
padding: 0;
font-size: 0.9em;
line-height: 150%;
word-break: break-all;
}
#trackback-info {
width: 360px;
}
.trackback-content p,
.comment-content p {
margin-top: 10px;
margin-bottom: 5px;
}
#trackback-footer,
#comment-footer {
border-top: 1px dotted #36414d;
padding-top: 3px;
margin-right: 0px;
}
#trackback-footer p,
#comment-footer p {
font-size: 0.8em;
margin: 0;
padding: 1px 0 0 0;
text-transform: uppercase;
text-align: right;
}
.comments-open label {
display: block;
}
.comments-head {
font-size: 0.9em;
padding: 2px 0 2px 0px;
margin: 15px 0;
}
#comment-preview,
#comment-post,
#comment-cancel {
font-size: 12px;
background: #ffffff;
color: #494949;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
margin: 1px 0px 0px 0px;
width: 60px;
padding: 2px 2px;
}


/* ----------------------------------------
段組：2段組
 ---------------------------------------- */
#column-two {
width: 570px;
}
#two-left {
width: 420px;
margin: 0px 0 0 0;
padding: 0;
float: left;
}
#two-left h3 {
font-size: 1.1em;
color: #333333;
border-top: 1px dashed #cc6633;
margin: 0 0 20px 0;;
padding: 6px 0 3px 0;
}
#two-right {
float: right;
margin: 0;
padding: 0;
width: 120px;
}
/* ----------------------------------------
フォトアルバム
 ---------------------------------------- */
#photoalbum-lead {
margin: 0 0 39px 0;
}
#photoalbum-thumb img {
height: 90px;
width: 90px;
overflow: hidden;
display: inline;
margin: 0 0px 0px 0;
padding: 0;
}
/* ----------------------------------------
トップページ
 ---------------------------------------- */
#home  {
margin: 0 0 30px 0;
padding: 0;
}
#home  h2 {
width: 570px;
height: 156px;
margin: 0 0 15px 0;
padding: 9px 0 0 0;
text-align: center;
background: transparent url(../img/home_img_bg.gif) no-repeat center top;
}

/* ----------------------------------------
トップページ：今月のメニュー
 ---------------------------------------- */
#home-menu-header {
width: 570px;
height: 100px;
background: url(../img/h2_thismonth.gif) no-repeat left top;
margin:  0 0 5px 0;
clear: left;
}
#home-menu-header h2 {
text-indent: -9999px;
margin: 0;
padding: 0;
}
#home-menu-header  p {
margin: 0px 0 0  0;
padding: 0 0px 0 420px;
font-size: 1em;
display: none;}

#home-menu-wrapper {
padding: 0px 0 0 0;
/* IE5 for Mac \*/
padding: 0px 0 0 0;
clear: both;
/* ↑ その他のブラウザー */
}
#home-menu-left {
width: 270px;
float:left;
/* ↑ その他のブラウザー */
}
#home-menu-right {
width: 270px;
float: right;
/* ↑ その他のブラウザー */
}
#home-menu-left h4,
#home-menu-right h4 {
font-size: 1em;
color: #333333;
padding: 3px 0 0 0px;
margin: 0px 0 5px 0;
}
#home-menu-left p,
#home-menu-right p {
margin: 5px 0 30px 0;
font-size: 0.9em;
}
.home-menu-thumb-caption  {
margin: -15px 0 0 0;
padding: 0;
/*font-size: 10px;*/
color: #666666;
}
.home-menu-thumb-caption  img {
position: absolute;
top: -9999px;
left: -9999px;
}

/* ----------------------------------------
新着情報
 ---------------------------------------- */
#whatsnew {
clear: both;
}
#whatsnew-header {
background:  transparent url(../img/h2_whatsnew.gif) left top no-repeat;
margin: 0;
padding: 0;
height: 100px;
width: 570px;
}
#whatsnew-header  h2 {
text-indent: -9999px;
margin: 0;
padding: 0;
}
#whatsnew-header  p {
margin: 45px 0  0 65px;
font-size: 1em;
}
#whatsnew dl {
width: 100%;
}
#whatsnew dt {
width: auto;
margin: 0px 0 0 0;
padding: 0px 5px 0px 0px;
float: left;
}
#whatsnew dd {
padding: 0px 0px 0px 2em;
}
/* ----------------------------------------
当店について
 ---------------------------------------- */
#about-img  {
width: 570px;
height: 156px;
margin: 0 0 30px 0;
padding: 9px 0 0 0;
text-align: center;
background: transparent url(../img/home_img_bg.gif) no-repeat center top;
}
/* ----------------------------------------
ページの先頭へ戻る
 ---------------------------------------- */
#pagetop {
font-size: 0.8em;
text-align: right;
width: 765px;
margin: 0 0 5px 0;
padding: 30px 0 0 0;
clear: both;
}
#pagetop p {
margin: 0;
padding: 0;
}
#pagetop p a:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}
/* ----------------------------------------
フッター
 ---------------------------------------- */
#footer {
border-top: 1px dashed #cc6633;
width: 765px;
clear: both;
margin: 0;
}
#footer address {
font-style: normal;
font-size: 0.9em;
margin: 5px 0 0 0;
}