body {
background:#000000;
color:#383636;
font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
font-size:85%;
letter-spacing:0.04em;
line-height:150%;
margin:0;
}
#body{background:#000000 url(http://shibetsu-ichiba.jp/img/background.gif) repeat-y scroll center top;}
h1 {
padding:0;
margin:0;
}
h2 {
background-image:url(http://shibetsu-ichiba.jp/img/back-h2.gif);
background-position:left bottom;
background-repeat:no-repeat;
color:#383636;
font-size:120%;
margin-top:0;
padding:5px 0 0 30px;
}
h3 {
background-image:url(img/back-h3.gif);
color:#FFFFFF;
font-size:120%;
padding:8px 0 2px 30px;
}
a:link {
color:#336633;
text-decoration:none;
}
a:visited {
color:#336633;
text-decoration:none;
}
a:hover {
color:#336633;
text-decoration:underline;
}
img {
border:0 none;
vertical-align:bottom;
}
img.right {
float:right;
padding-left:10px;
}
img.left {
float:left;
padding-right:10px;
}
ul {
list-style-image:url(http://shibetsu-ichiba.jp/img/arrow.gif);
}
li {
line-height:180%;
}

div#body {
text-align:center;
}

div#navi ul {
list-style-image:url(http://shibetsu-ichiba.jp/img/arrow-2.gif);
}
div#wrapper {
text-align:left;
width:800px;
margin:0 auto;
}
div#banner {
clear:both;
}
div#main {
float:right;
padding-top:10px;
width:600px;
}
div#side {
color:#FFFFFF;
float:right;
margin-right:3px;
width:170px;
}
div#navi {
color:#000000;
float:left;
/*margin-right:10px;*/
width:180px;
}
*html div#navi {display:inline;}
*html div#navi p {display:inline;}
div#footer {
clear:both;
}
/*ヘッドライン
-----------------------------------------------*/
div#headline {
background-image:url(http://shibetsu-ichiba.jp/img/title.jpg);
background-repeat:no-repeat;
text-align:center;
position: relative;
width:800px;
}
div#headline table {
clear:both;
width:800px;
}
div#headline td {
text-align:center;
}
div#headline img {
text-align:left;
}
div#headline div#eigyobi{
position: absolute;
right:7px;
bottom:35px;
width:35em;
background:#FFF;
border:2px solid #7B0100;
padding:5px;
text-align:center;
}
div#headline div#eigyobi strong{color:#F00;}


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


div#banner table {
padding-bottom:5px;
width:100%;
}
div#banner img.main1, div#banner img.main2 {
border-bottom:5px solid #660000;
border-left:5px solid #660000;
border-top:5px solid #660000;
}
div#banner img.sub1 {
border-left:5px solid #660000;
border-right:5px solid #660000;
border-top:5px solid #660000;
}
div#banner img.sub2 {
border:5px solid #660000;
}
div.new {
float:left;
padding-top:10px;
width:600px;
}
div.news {
float:right;
margin-top:10px;
width:330px;
}
div.media {
background:#F7EEC3 none repeat scroll 0 0;
float:left;
margin-top:10px;
padding-bottom:5px;
width:260px;
}
div.concept h2 {
background-image:none;
color:#383636;
font-size:120%;
padding-left:0;
}
div.concept {
background-image:url(http://shibetsu-ichiba.jp/img/concept-back.jpg);
}
div.concept p {
padding-left:20px;
padding-right:80px;
}
div.pickup img {
float:left;
padding-right:10px;
}
div.pickup span {
color:#CC0000;
font-size:200%;
font-weight:bold;
}
table.ranking {
background:#000000 none repeat scroll 0 0;
}
table.ranking td {
text-align:center;
}
table.ranking td a:link, table.ranking td a:visited, table.ranking td a:hover {
color:#FFFFFF;
}
div#navi dl {
line-height:180%;
}
div#navi dd {
margin-left:10px;
}
div#navi a:link, div#navi a:visited, div#side a:link, div#side a:visited {
color:#333333;
text-decoration:underline;
}
div#navi a:hover, div#side a:hover {
color:#333333;
text-decoration:none;
}
div#navi table {
margin-bottom:10px;
width:100%;
}
div#navi td {
padding-bottom:1px;
text-align:center;
}
div#navi p {
padding-left:5px;
}
table.border {
border-left:1px solid #7B0100;
border-top:1px solid #7B0100;
}
td.lefttd-border {
background-color:#FFEDD9;
border-bottom:1px solid #7B0100;
border-right:1px solid #7B0100;
font-size:90%;
}
td.td-border {
border-bottom:1px solid #7B0100;
border-right:1px solid #7B0100;
font-size:90%;
}
div.thumbnail {
float:left;
font-size:90%;
margin-bottom:5px;
padding-left:1px;
text-align:center;
width:195px;
}
div.thumbnail img {
border:1px solid #CCCCCC;
width:180px;
}
div#footer {
background:#FFFFFF none repeat scroll 0 0;
clear:both;
padding:0 5px;
}
div#footer table.footer {
background:#FFFFFF none repeat scroll 0 0;
width:100%;
}
div#footer td p {
padding-left:5px;
padding-right:5px;
}
div#footer td.left {
padding-right:5px;
text-align:left;
vertical-align:top;
width:50%;
}
div#footer td.right {
padding-left:5px;
text-align:left;
vertical-align:top;
width:50%;
}
table.cal {
background:#999999 none repeat scroll 0 0;
float:left;
margin-top:10px;
}
table.cal td.on, td.title {
background:#FFFFFF none repeat scroll 0 0;
font-size:85%;
}
table.cal td {
width:14%;
}
table.cal td.off {
background:#CC0000 none repeat scroll 0 0;
color:#FFFFFF;
font-size:85%;
}
table.cal tr.youbi {
background:#EEEEEE none repeat scroll 0 0;
font-size:85%;
}
table.cal span.nichi {
color:#FF0000;
}
table.cal tr {
}
dl.data {
background-color:#EEEEEE;
border-bottom:1px solid #CCCCCC;
width:100%;
}
dl.data dt, dl.data dd {
background-color:#EEEEEE;
font-size:95%;
line-height:150%;
margin-bottom:0;
margin-left:0;
}
dl.data dt {
border-top:1px solid #CCCCCC;
clear:left;
float:left;
padding-left:10px;
width:140px;
}
dl.data dd {
background-color:#FFFFFF;
border-top:1px solid #CCCCCC;
margin-bottom:0;
margin-left:150px;
padding:2px 0 1px 5px;
text-indent:-0.2em;
}
div.entry-right {
border-left:3px solid #CCCCCC;
float:right;
margin-bottom:10px;
padding-left:6px;
width:440px;
}
div.entry-left {
clear:both;
float:left;
margin-bottom:10px;
}
div.item-tb table {
background-color:#FFFFFF;
font-size:95%;
margin:10px 0 20px;
text-align:left;
width:100%;
}
div.item-tb table td {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
font-size:95%;
text-align:left;
}
div.item-tb table td.title {
background-color:#CC0000;
color:#FFFFFF;
font-size:95%;
text-align:left;
}
div.item-tb table.cal td.on, td.title {
padding-left:5px;
width:30%;
}
div.item-tb table.cal td.off {
background-color:#FFEDD9;
color:#333333;
padding-left:5px;
width:20%;
}
div.cart {
float:left;
margin-top:30px;
}
table.detail {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}
.doukon-tb table.cal {
background-color:#7B0100;
font-size:95%;
width:600px;
}
.doukon-tb table.cal td.on, td.title {
width:25%;
}
.doukon-tb table.cal td.off {
background-color:#FFEDD9;
color:#333333;
}
div.trivia {
font-size:150%;
font-weight:bold;
margin-bottom:5px;
margin-left:50px;
}
div.trivia span {
font-size:70%;
font-weight:normal;
}
div.number {
background:#FFFFCC none repeat scroll 0 0;
border:1px solid #666666;
padding:3px;
}
table.ryou {
}
div#link {
background-image:url(http://shibetsu-ichiba.jp/img/gloup-link.gif);
background-position:left top;
background-repeat:no-repeat;
border-top:1px solid #CCCCCC;
font-size:90%;
height:80px;
margin:5px 5px 0;
padding-left:130px;
text-align:left;
}
div.cart span {
color:#CC0000;
font-size:200%;
font-weight:bold;
line-height:130%;
}
span.l1 {
color:#CC0000;
font-size:250%;
font-weight:bold;
line-height:130%;
}
span.l2 {
color:#CC0000;
font-size:130%;
font-weight:bold;
line-height:130%;
}
span.l3 {
border-bottom:1px solid #CCCCCC;
font-size:110%;
font-weight:bold;
padding:5px;
}
ul.imageList {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}
.imageList li {
float:left;
margin-left:5px;
}
*html .imageList li {display:inline;}
.photo {
width:600px;
}
#recipe {
margin-bottom:50px;
}
#recipe dd {
border-bottom:1px solid #CCCCCC;
font-size:85%;
padding:1px 0 1px 10px;
}
div#cart h2 {
background-image:url(http://shibetsu-ichiba.jp/img/h2-cart.gif);
color:#FFFFFF;
padding:5px 0 5px 20px;
}
div#cart img {
float:left;
}
div.item {
float:right;
padding-top:20px;
width:320px;
}
div.item span.off {
color:#CC0000;
font-size:100%;
font-weight:bold;
}
div.item span.on {
color:#000000;
font-size:100%;
}
div.cart strong {
font-size:150%;
}

div#header_ikura p{
margin:0;
padding:0;
}
div#sub_header_ikura{
width:600px;
height:400px;
background:url(http://shibetsu-ichiba.jp/img/item/ikura-01-12.jpg) center top no-repeat;
color:#FFF;
}
div#sub_header_ikura p{
width:330px;
margin-left:auto;
padding-top:30px;
}
div#header_ikura strong{
color:#CC0000;
font-size:250%;
line-height:130%;
}
.center{text-align:center;}

.h_cap{
text-align:center;
font-size:1.2em;
color:#CC0000;
margin-bottom:20px;
font-weight:bold;
}

.w250{width:250px;}

.bg_box{
margin-top:20px;
padding:10px;
background:#000;
color:#FFF;
}

.clear{
clear:both;
display:block;
font-size:1px;
height:1px;
line-height:1px;
margin:0;
width:1px;
}


/*clearfix
----------------------------------------------- */
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix{display:inline-block;}
/* exludeMacIE5\ */
* html.clearfix{height:1%}
.clearfix{display:block;}
/* endMacIE5 */