.i-header {
width:800px;
margin:0;
padding:4px 5px 0 5px;
background:url(../img/top/shadow1.jpg) no-repeat top center;
    overflow: hidden;
}

.i-header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .i-header {
    height: 1em;
    overflow: visible;
}
/**/

.i-header h1 {
clear:both;
position:relative;
float:left;
width:550px;
height:141px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/top/header.gif) no-repeat 0 0;
display:block;
}
.i-header h1 a {
width:550px;
height:141px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/header.gif) no-repeat 0 0;
display:block;
}
.searchbox {
float:right;
width:250px;
height:141px;
margin:0;
padding:0;
background:url(../img/top/header.gif) no-repeat top right;
}
.search {
width:150px;
margin:70px 0 0 0;
padding:2px;
color:#666666;
line-height:110%;
}
.bottem {
width:52px;
height:20px;
margin:70px 0 0 0;
padding:0;
}

/* サイドメニュー
----------------------------- */
.i-mainbox {
clear:both;
position:relative;
float:left;
width:530px;
margin:0;
padding:0 0 0 20px;
}
h2.ikimaika {
width:530px;
height:46px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/top/t-top.jpg) no-repeat 0 0;
}
.ikimaikabox {
clear:both;
width:335px;
margin:0;
padding:10px 20px 0 175px;
background:url(../img/top/t-top.jpg) no-repeat 0 -46px;
    overflow: hidden;
}

.ikimaikabox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .ikimaikabox {
    height: 1em;
    overflow: visible;
}
/**/
p.more {
float:right;
width:180px;
height:56px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/top/t-more.jpg) no-repeat 0 0;
display:block;
}
p.more a {
width:180px;
height:56px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/t-more.jpg) no-repeat 0 0;
display:block;
}
p.more a:hover {
width:180px;
height:56px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/t-more.jpg) no-repeat 0 -60px;
display:block;
}
.annai {
clear:both;
width:530px;
margin:0 0 20px 0;
padding:0;
background:url(../img/top/t-navi.gif) no-repeat 0 0;
overflow: hidden;
}
.annai :after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .annai {
height: 1em;
overflow: visible;
}
/**/

h3.okano {
clear:both;
position:relative;
float:left;
margin:0;
padding:0;
width:179px;
height:90px;
text-indent:-9999em;
background:url(../img/top/t-navi.gif) no-repeat 0 0;
}

ul#okanonavi {
float:left;
width:327px;
margin:0;
padding:0;
list-style: none;
}
#okanonavi li {
float:left;
margin:0;
padding: 0;
text-indent:-9999px;
}
#okanonavi li a {
margin:0;
padding:0;
outline:none;
display: block;
}
/* --------- */
#okanonavi li#navi01 {
margin:0;
padding:0;
width:84px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -179px 0;
}
#okanonavi li#navi01 a {
margin:0;
padding:0;
width:84px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -179px 0;
}
#okanonavi li#navi01 a:hover{
margin:0;
padding:0;
width:84px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -179px -100px;
}
/* --------- */
#okanonavi li#navi02 {
margin:0;
padding:0;
width:83px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -263px 0;
}
#okanonavi li#navi02 a {
margin:0;
padding:0;
width:83px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -263px 0;
}
#okanonavi li#navi02 a:hover{
margin:0;
padding:0;
width:83px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -263px -100px;
}
/* --------- */
#okanonavi li#navi03 {
margin:0;
padding:0;
width:84px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -346px 0;
}
#okanonavi li#navi03 a {
margin:0;
padding:0;
width:84px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -346px 0;
}
#okanonavi li#navi03 a:hover{
margin:0;
padding:0;
width:84px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -346px -100px;
}
/* --------- */
#okanonavi li#navi04 {
margin:0;
padding:0;
width:76px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -430px 0;
}
#okanonavi li#navi04 a {
margin:0;
padding:0;
width:76px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -430px 0;
}
#okanonavi li#navi04 a:hover{
margin:0;
padding:0;
width:76px;
height:90px;
background:url(../img/top/t-navi.gif) no-repeat -430px -100px;
}
h2#info {
width:511px;
height:19px;
margin:0;
padding:0;
text-indent:-9999em;
line-height:50%;
background:url(../img/top/t-info.gif) no-repeat 0 0;
display:block;
}
h2#info a {
width:511px;
height:19px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
line-height:50%;
background:url(../img/top/t-info.gif) no-repeat 0 0;
display:block;
}
h2#info a:hover {
width:511px;
height:19px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/t-info.gif) no-repeat 0 0;
display:block;
}
.infobox {
width:509px;
margin:0 0 25px 0;
padding:0;
border-bottom:#999999 solid 1px;
border-left:#999999 solid 1px;
border-right:#999999 solid 1px;
}
.infobox ul {
margin:0;
padding:5px 10px 5px 10px;
list-style:none;
}
.infobox li {
margin:0 0 5px 0;
padding:0;
font-size:0.85em;
color:#333333;
line-height:135%;
}

/* ナビ
----------------------------- */
.catemenu {
clear:both;
margin:0;
padding:0;
overflow: hidden;
}
.catemenu :after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .catemenu  {
height: 1em;
overflow: visible;
}
/**/

#cate {
clear:both;
width:512px;
margin:0 0 20px 0;
padding:0;
    overflow: hidden;
}

#cate:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #cate {
    height: 1em;
    overflow: visible;
}
/**/

#cate ul {
margin:0;
padding:0;
list-style: none;
}
#cate li {
float:left;
margin:0;
padding: 0;
text-indent:-9999px;
}
#cate li a {
margin:0;
padding:0;
outline:none;
display: block;
}
/* --------- */
#cate li#cate01 {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat 0px 0;
}
#cate li#cate01 a {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat 0px 0;
}
#cate li#cate01 a:hover{
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -600px 0;
}
/* --------- */
#cate li#cate02 {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -170px 0;
}
#cate li#cate02 a {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -170px 0;
}
#cate li#cate02 a:hover{
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -770px 0;
}
/* --------- */
#cate li#cate03 {
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -340px 0;
}
#cate li#cate03 a {
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -340px 0;
}
#cate li#cate03 a:hover{
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -940px 0;
}
/* --------- */
#cate li#cate04 {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat 0px -158px;
}
#cate li#cate04 a {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat 0px -158px;
}
#cate li#cate04 a:hover{
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -600px -158px;
}
/* --------- */
#cate li#cate05 {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -170px -158px;
}
#cate li#cate05 a {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -170px -158px;
}
#cate li#cate05 a:hover{
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -770px -158px;
}
/* --------- */
#cate li#cate06 {
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -340px -158px;
}
#cate li#cate06 a {
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -340px -158px;
}
#cate li#cate06 a:hover{
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -940px -158px;
}
/* --------- */
#cate li#cate07 {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat 0px -316px;
}
#cate li#cate07 a {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat 0px -316px;
}
#cate li#cate07 a:hover{
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -600px -316px;
}
/* --------- */
#cate li#cate08 {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -170px -316px;
}
#cate li#cate08 a {
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -170px -316px;
}
#cate li#cate08 a:hover{
margin:0;
padding:0;
width:170px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -770px -316px;
}
/* --------- */
#cate li#cate09 {
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -340px -316px;
}
#cate li#cate09 a {
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -340px -316px;
}
#cate li#cate09 a:hover{
margin:0;
padding:0;
width:172px;
height:158px;
background:url(../img/top/t-cate.jpg) no-repeat -940px -316px;
}
.gobox {
clear:both;
width:512px;
margin:0 0 20px 0;
padding:0;
}
.gobox ul {
margin:0;
padding:0;
list-style:none;
}
.gobox li {
margin:0 0 8px 0;
padding:3px 0 7px 40px;
list-style:none;
background:url(../img/top/t-go.gif) no-repeat 0 0;
border-bottom:#999999 1px dotted;
font-size:0.85em;
}


/* サイドメニュー
----------------------------- */
.i-rightbox {
float:right;
width:250px;
margin:0;
padding:0;
}
.side-navibox2 {
width:230px;
height:144px;
margin:0;
padding:0 20px 0 0;
background:url(../img/top/side-t.gif) no-repeat right bottom;
}
.side-navibox2 p {
text-align:right;
font-size:12px;
color:#666600;
margin:0;
padding:0;
}
.side-navibox2 p a {
color:#666600;
margin:0;
padding:0;
}
.side-navibox2 p a:hover {
color:#FF9900;
margin:0;
padding:0;
}


/* Blog
----------------------------- */
h4.blog  {
width:230px;
height:54px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/s-blog.jpg) no-repeat 0 0;
border-bottom:#CCCCCC 1px solid;
display:block;
}
h4.blog a {
width:230px;
height:54px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/s-blog.jpg) no-repeat 0 0;
display:block;
}


/* RSS
----------------------------- */
h4.rss  {
width:230px;
height:61px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/matinaka.gif) no-repeat 0 0;
border-bottom:#CCCCCC 1px solid;
display:block;
}
h4.rss a {
width:230px;
height:61px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/matinaka.gif) no-repeat 0 0;
display:block;
}
.navibox-rss {
width:226px;
margin:0 0 10px 0;
padding:5px 0 5px 0;
border-bottom:#999999 2px solid;
border-left:#999999 2px solid;
border-right:#999999 2px solid;
}
.navibox-rss p {
margin:0 0 5px 0;
padding:0 10px;
font-size:12px;
}
/* トップ用ページUP
----------------------------- */
p.up2 {
clear:both;
font-size:12px;
margin:0 20px 2px 0;
padding:0;
text-align:right;
color:#663300;
}
p.up2 a {
font-size:12px;
margin:0;
padding:0;
text-align:right;
color:#663300;
}
p.up2 a:hover {
font-size:12px;
margin:0;
padding:0;
text-align:right;
color:#FF9900;
}


/* お店イベント
----------------------------- */
.omisebox {
width:503px;
margin:0 0 25px 0;
padding:5px 0 0 0;
border:#FEB681 5px solid;
}
.omisebox h2 {
width:489px;
height:36px;
margin:0 auto 5px auto;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/event-t-bar.gif) no-repeat 0 0;
display:block;
}
.omisebox h2 a {
width:489px;
height:36px;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/event-t-bar.gif) no-repeat 0 0;
display:block;
}
.omisebox ul {
margin:0;
padding:0 10px 5px 10px;
list-style:none;
}
.omisebox li {
margin:0 0 5px 0;
padding:0 0 2px 0;
font-size:0.85em;
color:#333333;
line-height:135%;
border-bottom:#CCCCCC 1px solid;
}

/* コラム・耳より
----------------------------- */
h2.cum-bar {
width:511px;
height:35px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
outline:none;
background:url(../img/top/coramu-bar.gif) no-repeat 0 0;
display:block;
}
h2.cum-bar a {
width:511px;
height:35px;
margin:0;
padding:0;
border-bottom:#999999 1px solid;
text-indent:-9999em;
outline:none;
background:url(../img/top/coramu-bar.gif) no-repeat 0 0;
display:block;
}
.columbox {
width:510px;
margin:0 0 25px 0;
padding:0 0 1px 0;
}
.columbox ul {
margin:0;
padding:0 10px 0px 10px;
list-style:none;
}
.columbox li {
margin:0 0 5px 0;
padding:0 0 2px 0;
font-size:0.85em;
color:#333333;
line-height:135%;
border-bottom:#CCCCCC 1px solid;
}
/* バナー
----------------------------- */
.banner-container {
margin:5px 0;
padding:0;
}
p.takeyoi {
width:506px;
height:141px;
margin:5px 0;
padding:0;
background:url(../img/static/takeyoi/banner.jpg) no-repeat 0 0;
text-indent:-9999em;
}
p.takeyoi a {
width:506px;
height:141px;
margin:0;
padding:0;
background:url(../img/static/takeyoi/banner.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
p.takeyoi a:hover {
width:506px;
height:141px;
margin:0;
padding:0;
background:url(../img/static/takeyoi/banner.jpg) no-repeat 0 -141px;
text-indent:-9999em;
display:block;
text-decoration:none;
}

p.maikami {
width:506px;
height:161px;
margin:5px 0;
padding:0;
background:url(../img/static/maikami/banner.jpg) no-repeat 0 0;
text-indent:-9999em;
}
p.maikami a {
width:506px;
height:161px;
margin:0;
padding:0;
background:url(../img/static/maikami/banner.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
p.maikami a:hover {
width:506px;
height:161px;
margin:0;
padding:0;
background:url(../img/static/maikami/banner.jpg) no-repeat 0 -161px;
text-indent:-9999em;
display:block;
text-decoration:none;
}
p.takeyoi {
width:506px;
height:158px;
margin:5px 0;
padding:0;
background:url(../img/top/takeyoi-banner.jpg) no-repeat 0 0;
text-indent:-9999em;
}
p.takeyoi a {
width:506px;
height:158px;
margin:0;
padding:0;
background:url(../img/top/takeyoi-banner.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
text-decoration:none;
}
p.takeyoi a:hover {
width:506px;
height:158px;
margin:0;
padding:0;
background:url(../img/top/takeyoi-banner.jpg) no-repeat 0 -158px;
text-indent:-9999em;
display:block;
text-decoration:none;
}