@charset "utf-8";

/*共通項目
------------------------------*/
html{
	font-size: 62.5%;
}

body{
	margin: 0;
	padding: 0;
	background: url(../img/bg.png) repeat;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #666;
	-webkit-text-size-adjust: 100%;
}


h1,h2,h3,h4{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight : normal;
}

img{
	vertical-align: top;
}

#wrapper{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	background-color: #fff;
}

.line-bold{
	margin: 0;
	padding: 0;
	border-width: 5px 0 0 0;
	border-style: solid;
	border-color: #cc9593;
}

.line-slim{
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #cc9593;
}

#contents{
	width: 800px;
	padding: 10px 10px 0 10px;
}

#contents:after{
	content: "";
	clear: both;
	display: block;
}

.tit{
	padding-bottom: 10px;
}

.stit{
	padding-bottom: 8px;
}

.kazarikei{
	padding-bottom: 10px;
}

.imgtop{
	vertical-align: text-top;
}

.imgmid{
	vertical-align: middle;
}

.tx65em{
	font-size: 1.1rem;
	line-height: 1.5em;
}

.tx75em{
	font-size: 1.2rem;
	line-height: 1.5em;
}

.tx87em{
	font-size: 1.4rem;
	line-height: 1.5em;
}

a:link{
	color:#cc9593;
	text-decoration:none;
}

a:visited{
	color:#cc9593;
	text-decoration:none;
}

a:hover{
	color:#48709a;
	text-decoration:none;
}

a:active{
	color:#cc9593;
	text-decoration:none;
}

.wd740{
	width: 740px;
	margin: 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
}

.wd740:after{
	content: "";
	clear: both;
	display: block;
}

.stit-other{
	padding-bottom: 20px;
}

.red{
	color: #cc9593;
}

/*ナビゲーション
------------------------------*/
.navi{
	padding: 20px 0;
	overflow: hidden;
}

.navi:after{
	content: "";
	clear: both;
	display: block;
}

.navi li{
	display: block;
	float: left;
	width: 156px;
	height: 60px;
	margin-right: 5px;
	overflow: hidden;
}

.navi li:last-child{
	margin-right: 0;
}

#navi-01{
	display:block;
	width:156px;
	height:60px;
	background:url(../img/navi/bt-blog02.png) 0 0 no-repeat;
	background-size: contain;
}

#navi-02{
	display:block;
	width:156px;
	height:60px;
	background:url(../img/navi/bt-netshop02.png) 0 0 no-repeat;
	background-size: contain;
}

#navi-03{
	display:block;
	width:156px;
	height:60px;
	background:url(../img/navi/bt-recipe02.png) 0 0 no-repeat;
	background-size: contain;
}

#navi-04{
	display:block;
	width:156px;
	height:60px;
	background:url(../img/navi/bt-jerky02.png) 0 0 no-repeat;
	background-size: contain;
}

#navi-05{
	display:block;
	width:156px;
	height:60px;
	background:url(../img/navi/bt-contact02.png) 0 0 no-repeat;
	background-size: contain;
}

.navi a:hover{
	background-color: #F2F2F2;/*IE6で動作させるため*/
}

.navi a:hover img{
	visibility:hidden;
}

/*トップページ
------------------------------*/
#top-cc{
	height: 40px;
	padding: 13px 0;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	background-color: #e0bda6;
}

#contents-left{
	float: left;
	width: 515px;
}

#contents-right{
	float: right;
	width: 240px;
	padding-top: 30px;
}

.feed{
	width: 515px;
}

.intro{
	width: 515px;
	margin-bottom: 20px;
}

.intro:after{
	content: "";
	clear: both;
	display: block;
}

.intro-texr-l{
	float: left;
	width: 265px;
	margin-right: 10px;
	font-size: 1.4rem;
	line-height: 2em;
}

.intro-photo-r{
	float: right;
	width: 240px;
}

p.caption{
	padding-top: 5px;
}

.access-text{
	padding-bottom: 10px;
	font-size: 1.6rem;
	line-height: 1.5em;
}

.prof-all{
	padding-bottom: 20px;
}

.prof{
	width: 240px;
	padding-bottom: 10px;
}

.prof:after{
	content: "";
	clear: both;
	display: block;
}

.prof-photo{
	float: left;
	width: 120px;
	margin-right: 10px;
}

.prof-text{
	float: right;
	width: 100px;
	font-size: 1.6rem;
	line-height: 1.5em;
}

.calender{
	padding-bottom: 30px;
}

.banner01{
	width: 240px;
	padding-bottom: 20px;
}

.banner01:after{
	content: "";
	clear: both;
	display: block;
}

.banner01 ul {
	list-style:none;
}

.banner01 li{
	display: block;
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
	width:60px;
	height:60px;
	overflow: hidden;
}

.banner01 li:last-child{
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width:60px;
	height:60px;
	overflow: hidden;
}

.banner02{
	width: 240px;
	padding-bottom: 20px;
}

.banner02 ul {
	list-style:none;
}

.banner02 li{
	display: block;
	margin-bottom: 20px;
	padding: 0;
	width:240px;
	height:60px;
	overflow: hidden;
}

/*フッター
------------------------------*/

#foot{
	padding: 20px 0 10px 0;
	background-color: #cc9593;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
}

#foot-nav{
	padding-bottom: 20px;
}

#foot-nav a:link{
	color:#fff;
	text-decoration:none;
}

#foot-nav a:visited{
	color:#fff;
	text-decoration:none;
}

#foot-nav a:hover{
	color:#48709a;
	text-decoration:none;
}

#foot-nav a:active{
	color:#fff;
	text-decoration:none;
}

/*魔女のレシピ集
------------------------------*/
#recipe-cc{
	height: 40px;
	padding: 13px 0;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	background-color: #ddb4a0;
}

.recipe740{
	width: 740px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.recipe740:after{
	content: "";
	clear: both;
	display: block;
}

.recipe-left{
	width: 480px;
	float: left;
	font-size: 1.6rem;
	line-height: 1.5em;
	overflow: hidden;
}

.recipe-left p{
	padding-bottom: 1.5em;
}

.recipe-left ul{
	padding-left: 1.4em;
}

.recipe-left ul li{
	list-style: outside decimal;
	padding-bottom: 1.5em;
}
.recipe-left ul.child{
	padding: 0 0 0 2em;
}

.recipe-left ul.child li{
	list-style: outside none;
	text-indent: -2.7em;
}

.recipe-left ul.child li ol{
	padding: 0 0 0 1.5em;
}

.recipe-left ul.child li ol li{
	list-style: outside lower-alpha;
	text-indent: 0.5em;
}

.recipe-right{
	width: 240px;
	float: right;
	padding: 1.2rem;
	font-size: 1.3rem;
	line-height: 1.5em;
	border: 1px solid #b78f65;
	border-radius: 6px;
}

.recipe-right ul{
	padding-left: 1.2em;
}

.pink{
	color: #b78f65;
}

.img-btm{
	position: absolute;
	padding-bottom: 10px;
	right: 0;
	bottom: 0;
}

.kazarikei-l{
	padding-bottom: 30px;
}

.to-top{
	width: 740px;
	font-size: 1.2rem;
	text-align: right;
	padding: 20px 0;
}

/*魔女の犬用ジャーキー
------------------------------*/
#jerky-cc{
	height: 40px;
	padding: 13px 0;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	background-color: #f9e0a7;
}

.jerky-left{
	float: left;
	width: 360px;
	font-size: 1.6rem;
	line-height: 1.5em;
}

.jerky-right{
	float: right;
	width: 360px;
	font-size: 1.6rem;
	line-height: 1.5em;
}

.bt16{
	padding-bottom: 1.6em;
}

.jerky-left img{
	margin-bottom: 20px;
}

/*お問い合わせ
------------------------------*/
#contact-cc{
	height: 40px;
	padding: 13px 0;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	background-color: #d5dbcd;
}

.table-contact{
	width:740px;
	margin: 0 auto;
	padding-bottom: 20px;
	font-size: 1.4rem;
	line-height: 1.5em;
}

.table-contact table{
	width: 100%;
	border-collapse: separate;
}

.table-contact th{
	width: 240px;
	padding: 16px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

.table-contact td{
	width: 500px;
	padding: 16px;
	text-align: left;
	vertical-align: top;
}

.table-contact input[type="text"]{
	width: 100%;
	padding: 5px;
	font-size: 1.4rem;
}

.table-contact select{
	padding: 5px;
	font-size: 1.4rem;
}

.table-contact textarea{
	width: 100%;
	height: 120px;
	padding: 5px;
	resize: vertical;
}

.table-contact input[type="text"].zip{
	width: 12rem;
}

.btn-out{
	width: 150px;
	margin: 0 auto;
}

.thanks{
	padding:48px 0 48px 0; 
}

/*プライバシーポリシー
------------------------------*/
.prpc{
	width: 740px;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 1.4rem;
	line-height: 1.5em;
}

.prpc h4{
	font-weight: bold;
	padding-bottom: 1em;
}

.prpc ul{
	padding: 0 0 1.5em 1.4em;
}

.prpc ul li{
	list-style: outside decimal;
}

.prpc p{
	padding-bottom: 1.5em;
}

.prpc ul.child{
	padding: 0 0 0 2em;
}

.prpc ul.child li{
	list-style: outside none;
	text-indent: -2.7em;
}

.prpc ul.child li ol{
	padding: 0 0 0 1.5em;
}

.prpc ul.child li ol li{
	list-style: outside lower-alpha;
	text-indent: 0.5em;
}

.nml-list ul{
	padding-left: 1.4em;
}

.nml-list ul li{
	list-style:  disc;
}