@charset "shift_JIS";
/*
  =========================  base.css    共通基本デザイン     ============================
     1. body
     2. wrapper
     3.         header
     4.         navi
                  infomation, aboutUs, food, living, shopping, ecohouse, journal, account
     5.         whereYouAre
     6.         mainBox
                 dotBox      ピンクの点線で分割しているページ用
                   rDotBox
                   lDotBox
     7.         menuPlus
     8.         cAddress
     9.   a,
  ========================================================================================
*/

*{
   margin:0;
   padding:0;
}
a{
  text-decoration:none;
  color:#666666;
  overflow:hidden;
  outline:none;
}
a:hover{
      text-decoration:none;
      color:#009999;
}

body{
    font-family:"ＭＳ Ｐゴシック",Arial, Helvetica, sans-serif,Century,"ＭＳ ゴシック","メイリオ";
    font-size:15px;
    line-height:1.6em;
    color:#202020;
    background-image:url("../img/mugi.gif");
    text-align:center;
}

#wrapper{
    width:860px;
    margin: 10px auto;
    padding:0;
    background-color:#fff;
    background-image:url("../img/bk_shadow.gif");
    text-align:left;
}

#header{
    width:850px;
    position: relative;
    margin: 0 5px;
    top:0;
    padding:0;
}


#header img{
    vertical-align:top;
}


/* topline */
#topline{
     text-align:right;
     width: 830px;
     position:relative;
     margin:2px 0;
     padding:3px 10px 2px 10px;
     font-size:11px;
     color:#603813;
     background-color: #f0e0d0;
}

/* メインボックス */
#mainBox{
     margin:0 auto;
     position: relative;
     width:850px;
     height:750px;
     vertical-align:top;
    background:url("../img/arts_top.gif") no-repeat;
}


#mainPicture{
     position:absolute;
     top:16px;
     left:310px;
     width:510px;
     margin-bottom:20px;
     border:0;
}

#mainPicture a{
     height:460px;
     width:500px;
     display:block;
     background: url("../img/mp_bread.gif") no-repeat;
     border:0;
}

#mainPicture a:hover{
     height:460px;
     width:500px;
     display:block;
     background: url("../img/mp.gif") no-repeat;
     border:0;
}

/* タブの設定 */
#navi{
     position: absolute;
     top:0px;
     left:0px;
     width:320px;
     vertical-align:top;
}

#navi ul{
     border:0px;
     list-style-type:none;
     position:absolute;
     top:150px;
     left:60px;
}

#navi li{
  /*   display:block; */
  /*   float:left; */
     text-decoration:none;
     text-indent:-9999px;
}

/*** ギャラリー ****/
#navi li#gallery a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat 0px 0px;
}

#navi li#gallery a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat 0px -30px;
}

#navi li#galleryNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat 0px -60px;
}

/*** インフォメーション ****/
#navi li#information a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -210px 0px;
}
#navi li#information a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -210px -30px;
}
#navi li#informationNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -210px -60px;
}

/*** プロフィール ****/
#navi li#about a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -420px 0px;
}

#navi li#about a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -420px -30px;
}
#navi li#aboutNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -420px -60px;
}

/*** カタログ ****/
#navi li#catalog a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -630px 0px;
}
#navi li#catalog a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -630px -30px;
}

#navi li#catalogNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -630px -60px;
}

/*** 注文 ****/
#navi li#order a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -840px 0px;
}
#navi li#order a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -840px -30px;
}
#navi li#orderNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -840px -60px;
}

/*** row food ****/
#navi li#rowfood a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1050px 0px;
}

#navi li#rowfood a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1050px -30px;
}
#navi li#rowfoodNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1050px -60px;
}

/*** アクセス ****/
#navi li#access a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1260px 0px;
}

#navi li#access a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1260px -30px;
}

#navi li#accessNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1260px -60px;
}

/*** ブログ ****/
#navi li#journal a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1470px 0px;
}

#navi li#journal a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1470px -30px;
}
#navi li#journalNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1470px -60px;
}

/*** shop ****/
#navi li#shop a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1890px 0px;
}

#navi li#shop a:hover{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1890px -30px;
}
#navi li#shopNow a{
     height:30px;
     width:210px;
     display:block;
     background: url("../img/tab/arts_toptab.gif") no-repeat -1890px -60px;
}

/*  以上タブ８個　+1 */
#school a{
     position:absolute;
     top:425px;
     left:60px;
     width:220px;
     height:65px;
     text-indent:-9999px;
     background:url(../img/school.jpg) no-repeat;
 /*    border:#dddddd 1px solid; */
}
#school a:hover{
     width:220px;
     height:65px;
     background:url(../img/schoolOn.jpg) no-repeat;
}
#storeOpen{
     position:absolute;
     top:502px;
     left:65px;
     color:#999999;
     font-weight:bold;
     font-size:13px;
     line-height:1.4em;
     text-align:center;
}

#lk{
     position:absolute;
     top:559px;
     left:80px;
     padding:1px;
     height:49px;
     width:156px;
     background-color: #eaeaea;
}
#lk2{
     position:absolute;
     top:610px;
     left:80px;
     padding:1px;
     height:35px;
     width:156px;
     background-color: #eaeaea;
}
/*#lk3{
     position:absolute;
     top:578px;
     left:80px;
     height:86px;
     width:156px;
     padding:1px;
     background-color: #eaeaea;
}*/

/* What's new? */

.specialnews{
  font-size:15px;
  font-weight:600;
 /* background-color:#9acd32; */
 /* border-bottom:2px dashed #9acd32;*/
}

.bgcy{
    background-color: #ffffa0;
}

#newsBox{
     text-align:left;
     position:absolute;
     top:500px;
     left:300px;
     width:520px;
     border:1px dashed #e0e0e0;
    background-color: #fffcfc;
  /*   margin:6px; */
}

#newsBox dl{
     margin-left:15px;
     margin-bottom:8px;
     width:480px;
     line-height:1.6em;
}
#newsBox dl a{
  text-decoration:underline;
  color:#ff0000;
  overflow:hidden;
  font-weight:600;
}
#newsBox dl a:hover{
      color:#009999;
}


#cnter{
     text-align:center;
}

#sideL{
    float:left;
    width:500px;
/*    margin:10px;*/
    padding:10px 0 0 20px;
    font-size:12px;
 /*   background-color: #fff9f0;
    border-right:2px solid #fff8ea;
    border-bottom:2px solid #fff8ea;*/
}


p{
     font-size:12px;
     color:#000000;
}

.bg_over {
	background-image: url(../img/tt/tb02.gif);
}
.bg_right {
	background-image: url(../img/tt/tb04.gif);
}
.bg_under {
	background-image: url(../img/tt/tb06.gif);
}
.bg_left {
	background-image: url(../img/tt/tb08.gif);
}
.center_td {
	padding: 10px;
	background-image: url(../img/tt/tb09.gif);
}

#menuPlus{
     clear:both;
     text-align:center;
     width: 850px;
     margin:5px auto;
  /*   margin-bottom:10px; */
     position:relative;
     font-size:12px;
     color:#666666;
     padding:3px 0;
   /*  background-color: #f0e0d0; */
}

#cAddress{
     clear:both;
    text-align:center;
     width: 850px;
     position:relative;
     margin:5px;
   /*  background-color: #f0e0d0;*/
}