/* CSS of chie sawaguchi */






*{margin:0;padding:0}

html {overflow-y: scroll;}

hr{ display:none}


/*** common ***/ 
body{text-align:center;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;color:#757575;background:#ffffff}
img{border:0}
ul{list-style:none}


/*** Link ***/
a:link, a:visited {color:#44609C}
a:hover, a:active {color:#CC0033;text-decoration:none}


/* Layout */


div#cnt{width:945px;margin:auto;}
div#cnt-1{width:1000px;margin:auto;}


div#ftr{width:957px;margin:auto;}
div#ftr ul{loat:left;margin-top:15px}
div#ftr ul li{margin-right:7px;float:left}
div#ftr div{float:right}
div#ftr cnt{float:right}



div#ftr-2{width:1000px;height:70px;margin-top:55px;position:relative;}
{height:80px;margin-bottom:5px;position:relative;}

div#ftr-2 ul {float:left;margin-top:5px}
div#ftr-2 ul li {margin-right:7px;float:left}
div#ftr-2 div {float:right}
div#ftr-2 cnt {float:right}






div#go2top{margin-bottom:25px;text-align:right;font-size:80%; clear:both}
div#go2top a:link, div#go2top a:visited {color:#888888;text-decoration:none}
div#go2top a:hover, div#go2top a:active {color:#CC0033;text-decoration:none}





/*** index ***/
div#idx-top{height:596px;background:url('image/idx-top-main.gif') top no-repeat;}
div#idx-top h1{display:none}



div#idx-mdl ul{width:960px;height:25px;position:absolute;right:16px;top:29px;}
div#idx-mdl li{margin-left:0px;float:right;}
div#idx-mdl li a{width:23px;height:83px;display:block;text-indent:-9877em;text-decoration:none;overflow:hidden}




ul#globalnavi{
   width:946px;
   overflow:hidden;
}

ul#globalnavi li{
   float:left;
   height:19px;
   display:block;
}

   ul#globalnavi li a {
   display: block;
   overflow: hidden;
   height: 0px;
   background-image: url(image/menu-on.gif);
   padding-top:19px;
}

/* global navi normal

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

    #navi1 a { width:100px; background-position:0     0;}

    #navi2 a { width:100px; background-position:-100px  0;}

    #navi3 a { width:100px; background-position:-195px  0;}

    #navi4 a { width:161px; background-position:-295px  0;}

    #navi5 a { width:100px; background-position:-455px  0;}

    #navi6 a { width:161px; background-position:-554px  0;}

    #navi7 a { width:151px; background-position:-715px  0;}

    #navi8 a { width:71px; background-position:-875px   0;}



/* global navi rollover

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

    #navi1 a:hover  { width:100px; background-position:0     -19px;}

    #navi2 a:hover  { width:100px; background-position:-100px  -19px;}

    #navi3 a:hover  { width:100px; background-position:-195px  -19px;}

    #navi4 a:hover  { width:161px; background-position:-295px  -19px;}

    #navi5 a:hover  { width:100px; background-position:-455px  -19px;}

    #navi6 a:hover  { width:161px; background-position:-554px  -19px;}

    #navi7 a:hover  { width:151px; background-position:-715px  -19px;}

    #navi8 a:hover  { width:71px; background-position:-875px  -19px;}


div#idx-mdl{width:960px;margin:auto;}
div#idx-mdl kei01{height:3;position:relative;background:url('image/kei-01.gif') top no-repeat;}
div#idx-mdl kei02{height:3;position:relative;background:url('image/kei-02.gif') top no-repeat;}






div#idx-btm{height:285px;position:relative;background:url('image/idx_bg_btm.jpg') top right no-repeat;}
div#idx-btm p{ width:472px;height:143px;position:absolute;left:37px;top:25px;display:block;text-indent:-9877em;overflow:hidden;background:url('image/idx_txt.gif') no-repeat;}


/* 2nd */
/* header */
div#hdr{height:80px;margin-bottom:5px;position:relative;}
div#hdr h1{position:absolute;top:35px;left:0px;}
div#hdr h1 a{width:284px;height:22px;display:block;text-indent:-9877em;text-decoration:none;overflow:hidden;background:url('image/csow-title.gif') no-repeat;}


ul#globalnavi-t{
   width:677px;
   height:15px;
   overflow:hidden;
   float:right;
   margin-top:40px;position:relative;   

  
}

ul#globalnavi-t li{
   float:left;
   height:15px;
   display:block;

   }

   ul#globalnavi-t li a {
   display: block;
   overflow: hidden;
   height: 0px;
   background-image: url(image/menu-top.gif);
   padding-top:15px;
   
      
}

/* global navi normal

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

    #navi01 a { width:70px; background-position:0     0;}

    #navi02 a { width:70px; background-position:-70px  0;}

    #navi03 a { width:78px; background-position:-140px  0;}

    #navi04 a { width:113px; background-position:-218px  0;}

    #navi05 a { width:68px; background-position:-331px  0;}

    #navi06 a { width:115px; background-position:-399px  0;}

    #navi07 a { width:115px; background-position:-514px  0;}

    #navi08 a { width:48px; background-position:-629px   0;}



/* global navi rollover

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

    #navi01 a:hover  { width:70px; background-position:0     -15px;}

    #navi02 a:hover  { width:70px; background-position:-70px  -15px;}

    #navi03 a:hover  { width:78px; background-position:-140px  -15px;}

    #navi04 a:hover  { width:113px; background-position:-218px  -15px;}

    #navi05 a:hover  { width:68px; background-position:-331px  -15px;}

    #navi06 a:hover  { width:115px; background-position:-399px  -15px;}

    #navi07 a:hover  { width:115px; background-position:-514px  -15px;}

    #navi08 a:hover  { width:48px; background-position:-629px  -15px;}







div#lft{width:250px;padding-left:0px;float:left;text-align:left;}
div#lft div.pic{margin-top:15px;}



div#l-midashi{margin-top:45px;text-align:left;font-size:20px; clear:both}

div#l-midashi a:link, div#l-midashi a:visited {color:#6f6f6f;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

div#l-midashi a:hover, div#l-midashi a:active {color:#CC0033;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}


div#lft div.midashi {font-size:18px;color:#3a3a3a;margin-top:28px;
font-family: "ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}
div#lft div.midashi02 {font-size:12px;margin-top:8px;}






div#l-midashi03{margin-top:18px;text-align:left;font-size:14px; clear:both}

div#l-midashi03 a:link, div#l-midashi03 a:visited {color:#6f6f6f;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

div#l-midashi03 a:hover, div#l-midashi03 a:active {color:#CC0033;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}








div#lft02{width:500px;padding-left:0px;float:left;text-align:left;}
div#lft02 div.pic{margin-top:15px;}




div#rht02{width:450px;padding-bottom:30px;float:right;text-align:left;}
div#rht02 p{margin-bottom:25px;line-height:160%;}
div#rht02 p.cnst{height:500px;text-indent:-9877em;overflow:hidden;background:url('image/cnst.gif') top no-repeat}



div#rht{width:650px;padding-bottom:30px;float:right;text-align:left;}
div#rht p{margin-bottom:25px;line-height:160%;}
div#rht p.cnst{height:500px;text-indent:-9877em;overflow:hidden;background:url('image/cnst.gif') top no-repeat}

div#rht ul.dtl{padding-bottom:60px;}
div#rht ul.dtl li{margin-bottom:15px;padding-left:15px;background:url('image/blt.gif') left no-repeat}
div#rht ul.dtl li a{margin-right:2px;}

div#rht div.pic{margin-top:15px;}
div#rht div.map{margin:0px 0px;}




div#rht div.midashi {color:#0a0a0a;}
div#rht02 div.midashi {color:#0a0a0a;}

div#rht div.midashi04 {font-size:15px;margin-top:23px;
font-family: "ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}




div#rht dl.shop{margin:20px 0px;line-height:160%;}
div#rht dl.shop dd{margin:0px 0px 3px;}
div#rht dl.shop dd.tel{margin:0px 0px 15px;}





/*** othrts ***/
ul#oth-nv{height:400px;text-align:center}
ul#oth-nv li{margin-right:58px;float:left}
ul#oth-nv li.r{margin-right:0px;}
ul#oth-sub{text-align:center}
ul#oth-sub li{margin:auto;padding:0px 0px 50px;display:block}
ul#oth-sub li.go2top{padding:70px 0px 0px;}

/* book */
div.bk-zak{margin-bottom:40px;position:relative;}
div.bk-zak div{position:absolute;left:0px;top:0px}
div.bk-zak dl{padding-left:180px;font-size:90%;}
div.bk-zak dt{padding-bottom:6px;line-height:160%;font-weight:bold}
div.bk-zak dt span{display:block;font-size:90%;font-weight:normal;color:#666666}
div.bk-zak dd{line-height:180%}


/* recipe */
table#rcp{margin:auto;}
table#rcp td{width:240px;padding-bottom:25px;vertical-align:top;font-size:85%;line-height:150%}
table#rcp td img{margin-bottom:6px;display:block;}
table#rcp td span{display:block;font-size:90%;font-weight:normal;}

table#rcp td a:link, table#rcp td a:visited {color:#404040;text-decoration:none}
table#rcp td a:hover, table#rcp td a:active {color:#4c9fec;text-decoration:none}