/* CSS of chie sawaguchi */

*{margin:0;padding:0}

html {overflow-y: scroll;}
hr {
	border-top: 1px dashed #bbb;
	margin-top:10px;
	margin-bottom:10px;

}




/*** common ***/ 
body{text-align:center;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;line-height:180%;color:#6f6f6f;background:#000000;background-image:url('../chie-sawaguchi/img/back-500.gif');animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 15s ease 0s 1 normal;
    
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


}

img{border:0}
ul{list-style:none}


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


/* Layout */



div#cnt{width:900px;margin:auto;background-color: #ffffff;border: 0px solid;border-color: #ffffff;}

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





div#main{width:600px;padding:10px 0px 0px 150px;float:center;text-align:left;}
div#main-index div.pic{margin-top:15px;}

div#main div.bt{width:600px;margin:auto;margin-top:45px;margin-bottom:25px;}
div#main div.ul{loat:left;margin-top:0px}
div#main div.ul li{margin-right:0px;float:left}
div#main div.div{float:right}
div#main div.cnt{float:right}


div#main div.midashi{margin-top:45px;margin-bottom:25px;text-align:left;font-size:24px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

div#main div.midashi02{margin-top:25px;margin-bottom:20px;text-align:left;font-size:22px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

div#main div.midashi03{line-height:160%;margin-top:5px;margin-bottom:5px;text-align:left;font-size:20px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


div#main div.midashi04{line-height:180%;margin-top:5px;margin-bottom:5px;text-align:left;font-size:12px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


div#main div.midashi05{line-height:180%;margin-top:5px;margin-bottom:5px;text-align:left;font-size:16px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}








div#main div.ms-midashi{margin-top:25px;margin-bottom:25px;text-align:left;font-size:16px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

div#main div.ms-midashi a:link, div#l-midashi a:visited {font-size:20px;color:#5f9ea0;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

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



div#main div.ms-midashi02{margin-top:-5px;margin-bottom:-5px;text-align:center;font-size:16px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

div#main div.ms-midashi02 a:link, div#l-midashi a:visited {font-size:14px;color:#5f9ea0;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}

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




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#ftr-2{width:900px;margin:auto;}
div#ftr-2 ul{loat:left;margin-top:0px}
div#ftr-2 ul li{margin-right:0px;float:left}
div#ftr-2 div{float:right}
div#ftr-2 cnt{float:right}



div#go2top{margin-bottom:0px;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:900;background:url('../chie-sawaguchi/image/main01.jpg') top no-repeat;}

div#idx-top h1{display:none}

div#lft{width:240px;padding:30px 0px 30px 0px;float:left;text-align:left;}

div#lft360{width:340px;padding:30px 0px 30px 0px;float:left;text-align:left;}


div#lft div.pic{margin-top:15px;}



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#rht{width:360px;padding:30px 0px 30px 0px;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('../chie-sawaguchi/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('../chie-sawaguchi/image/blt.gif') left no-repeat}
div#rht ul.dtl li a{margin-right:2px;}



div#rht div.midashi{margin-top:4px;margin-bottom:25px;text-align:left;font-size:17px; clear:both;color:#6f6f6f;text-decoration:none;
font-family:"ＭＳ Ｐ明朝","平成明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;}


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

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





/*** 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}


/* ページトップへ戻るボタン */
#pagetop {
    position:fixed;
    bottom:10px;
    right:10px;
    padding:0;
}

/* ページトップへ戻るボタン：ホバー時に画像が白みがかったようにする*/
#pagetop:hover {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;

}