/* CSS Document */

/* 全共通CSS */

*{
margin:0;
padding:0;
font-style:normal;
}

body{
font-size:12px;
background-color:#FCD7DA;
text-align:center;
line-height:140%;
color:#333;
}

a{text-decoration:none;}
a,
a:link,
a:visited{color:#fff;text-decoration:none;}
a:hover{text-decoration:underline;}

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

.clr{clear:both;}
.clr_r{clear:right;}

.left{float:left;}
.right{float:right;}
.hidden{display:none;}


/* フォント */
.or_b{color:#FF6600; font-weight:bold;}
.rd_b{color:#FF3300; font-weight:bold;}
.rd{color:#FF3300;}
.pk16{color:#ff6666; font-size:16px; font-weight:bold;}

.fs_10{font-size:10px;}
.fs_11{font-size:11px;}
.fs_16{font-size:16px;}
.fs_14b{font-size:14px; font-weight:bold;}
.fs_12n{font-size:12px; font-weight:normal;}
.ta_c10{text-align:center;font-size:10px;}

.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}

/* 余白 */
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px 20px 0 20px;}
.pd_lr5{padding:0 5px;}
.pdl15{padding-left:15px;}
.pdb15{height:514px;}

/* wrapper */
#wrapper{
margin:0 auto;
width:894px;
text-align:left;
background:url(../img/bg.jpg) repeat-y 0 0;
}

/* ヘッダー */
h1{
line-height:1em;
color:#fff;
font-size:12px;
padding:5px;
margin:0 16px;
background-color:#F37686;
text-align:right;
}

/* コンテンツ */
#content{
margin:20px 32px;
}

/* イントロ */
#intro01{
	background-image: url(../img/intoro-20181.jpg);
	background-repeat: no-repeat;
}
#intro01 a{width:830px; height:42px; display:block; text-indent:-9999px;}
#intro02{
	clear: right;
	height: 349px;
	text-indent: -9999px;
	background-image: url(../img/intoro-201812.jpg);
	background-repeat: no-repeat;
}
#intro03{
	height: 17px;
	text-indent: -9999px;
	background-image: url(../img/intoro-20184.jpg);
	background-repeat: no-repeat;
}
#intro04{
	height: 240px;
	background-image: url(../img/intoro-20183.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#intro04 ul{margin-left:270px;}
#intro04 li{
float:left;
height:104px; 
list-style-type:none;
}
#intro04 li a {
display: block;
height: 104px;
width: 280px;
text-indent: -9999px;
background-image: url(../img/bt_cart5.png);
background-repeat: no-repeat;
background-size: 557px;
}
#intro11{
	background-image: url(../img/intoro-20181.jpg);
	background-repeat: no-repeat;
}
#intro11 a{width:830px; height:42px; display:block; text-indent:-9999px;}
#intro22{
	clear: right;
	height: 349px;
	text-indent: -9999px;
	background-image: url(../img/intoro-201812.jpg);
	background-repeat: no-repeat;
}
#intro33{
	height: 17px;
	text-indent: -9999px;
	background-image: url(../img/intoro-20184.jpg);
	background-repeat: no-repeat;
}
#intro44{
	height: 240px;
	background-image: url(../img/intoro-20183.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#intro44 ul{margin-left:270px;}
#intro44 li{
float:left;
height:104px; 
list-style-type:none;
}
#intro44 li a{
	display: block;
	height: 104px;
	width: 280px;
	text-indent: -9999px;
	background-image: url(../img/bt_cart5.png);
	background-repeat: no-repeat;
	background-size: 557px;
}






#shop01 a{background-position:0 0;}
#shop02 a{background-position:-280px 0;}
#shop03 a{background-position: 0px -106px;}
#shop04 a{background-position:-280px -106px;}

#shop01 a:hover{background-position:0 -208px;}
#shop02 a:hover{background-position:-280px -208px;}

#shop03 a:hover{background-position: 0 -313px;}
#shop04 a:hover{background-position:-280px -313px;}

#shop11 a{background-position:0 0;}
#shop22 a{background-position:-280px 0;}
#shop33 a{background-position: 0px -106px;}
#shop44 a{background-position:-280px -106px;}

#shop11 a:hover{background-position:0 -208px;}
#shop22 a:hover{background-position:-280px -208px;}

#shop33 a:hover{background-position: 0 -313px;}
#shop44 a:hover{background-position:-280px -313px;}

/* お母さん */
.mama{background:url(../img/smile2-2.jpg) no-repeat; height:278px; margin-top:8px;}
.mama h3{text-indent:-9999px; height:70px;}
.mama p{padding:5px 330px 0 20px; font-size:14px; line-height:140%;}
#mama2{background:url(../img/smile2.gif) no-repeat; height:184px;}
#mama2 li{text-indent:-9999px; height:20px;}
#mama3{background:url(../img/smile3.gif) no-repeat; height:222px;}
#mama3 a{text-indent:-9999px; height:222px; display:block; width:830px;}

/* 7つの作用 */
#sayo{
	height: 107px;
	text-indent: -9999px;
	background-image: url(../img/sayo4_01.jpg);
	background-repeat: no-repeat;
}
#sayo h3{height:50px;}
#sayo2{
	background-image: url(../img/sayo4_02.jpg);
	background-repeat: no-repeat;
}
.sayo_l{width:300px; float:left; height:340px;}
.sayo_l dt,.sayo_l dd{text-indent:-9999px; height:20px;}
.sayo_r{width:500px; float:left;}
.sayo_r p{padding:12px 0 0 0; font-size:14px; line-height:145%;}

/* 60種類 */
#zairyo{background:url(../img/zairyo01.gif) no-repeat; height:168px;}
#zairyo h3{text-indent:-9999px; height:115px;}
#zairyo p{padding:0 240px 0 20px; font-size:14px;}
#zairyo02{background:url(../img/zairyo02.gif) no-repeat; height:344px; text-indent:-9999px;}
#zairyo04{background:url(../img/zairyo04.gif) repeat-y;}
#zairyo04 p{padding:12px 35px 10px 40px;}
#zairyo03{background:url(../img/zairyo03.gif) no-repeat; height:67px;}

#zairyo04 a,
#zairyo04 a:link,
#zairyo04 a:visited{color:#000;text-decoration:none;}
#zairyo04 a:hover{text-decoration:underline;}


/* レシピ */
#recipe{
	height: 113px;
	text-indent: -9999px;
	background-image: url(../img/recpi01.gif);
	background-repeat: no-repeat;
}
#recipe22{
	height: 278px;
	background-image: url(../img/recpi0222.gif);
	background-repeat: no-repeat;
}
#recipe22 .recbd1{padding:40px 520px 0 40px; font-size:14px;}
.recipe3{background:url(../img/recpi03.gif) no-repeat; height:79px; text-indent:-9999px;}
.recbd2{margin:10px 520px 0 40px; padding:10px; background-color:#EFEFE0;}
#recipe2{
	height: 273px;
	background-image: url(../img/recpi022.jpg);
	background-repeat: no-repeat;
}
#recipe3{
	height: 381px;
	background-image: url(../img/recpi04.jpg);
	background-repeat: no-repeat;
}


/* お声 */
.voice{background:url(../img/voice012.gif) no-repeat; height:124px; text-indent:-9999px;}
#v_box{background:url(../img/voice02.gif) repeat-y;}
#v_box ul{padding:0 0 10px 0;}
#v_box li{
background:url(../img/v_icon.gif) no-repeat; 
padding:10px 10px 10px 45px;
border-bottom:1px dotted #ccc;
margin:0 20px 5px 20px;
font-size:14px;
line-height:127%;
} 
#v_box2{background:url(../img/voice02.gif) repeat-y;}
#v_box2 ul{background:url(../img/voice03.jpg) no-repeat 0 bottom; padding:0 290px 10px 0;}
#v_box2 li{
background:url(../img/v_icon.gif) no-repeat; 
padding:10px 10px 10px 45px;
border-bottom:1px dotted #ccc;
margin:0 20px 5px 20px;
font-size:14px;
line-height:127%;
} 

/* メルマガ */
#maga{background:url(../img/maga_bg.gif) no-repeat; height:171px; margin:15px 65px;}
#maga h3{text-indent:-9999px; height:55px;}
.magatit{padding:0 15px 18px 150px; font-size:14px;}
.magatxt{padding:0 15px 0 15px;}
#maga a{color:#FC8AC8;}

/* カート */
#item{
	height: 247px;
	text-indent: -9999px;
	margin-top: 20px;
	background-image: url(../img/shopping012.jpg);
	background-repeat: no-repeat;
}
#item h3{height:20px;}
#item2{
	height: 230px;
	background-image: url(../img/shopping022.jpg);
	background-repeat: no-repeat;
}
#item2 ul{padding:0 0 0 20px;}
#item2 li{
float:left;
height:112px; 
list-style-type:none;
}
#item2 li a{
	display: block;
	height: 105px;
	width: 278px;
	text-indent: -9999px;
	background-image: url(../img/bt_cart5.png);
	background-repeat: no-repeat;
	background-size: 557px;
}
#cart01 a{background-position:0 0;}
#cart02 a{background-position:-278px 0;}
#cart03 a{background-position: 0px -208px;}
#cart04 a{background-position:-280px -208px;}
#cart01 a:hover{background-position:0 -104px;}
#cart02 a:hover{background-position:-278px -104px;}
#cart03 a:hover{background-position: 0 -312px;}
#cart04 a:hover{background-position:-280px -312px;}

/* 募集 */
#send{background:url(../img/send.gif) no-repeat; height:501px;}
#send h3{text-indent:-9999px; height:120px;}
#send .present{width:525px; height:150px;}
#send .present p{padding-left:45px; font-size:14px; line-height:148%;}
#send .mail{height:80px; width:560px;}
#send .mail a{text-indent:-9999px; display:block; width:180px; height:30px; float:right; margin-top:20px;}
#send .post{height:85px; text-indent:-9999px;}

/* フッタ */
#footer{
	clear: both;
	float: left;
	margin-left: 0;
	width: 860px;
	display: block;
	background-color: #d8eef9;
	}
#footer dl{padding:90px 0 0 310px;}

/* チェック */
#check_t{background:url(../img/check01.gif) no-repeat; height:145px;}
#check_t h3{height:95px; text-indent:-9999px;}
#check_t p{padding:0 10px 0 120px;}
#check{background:url(../img/check02.gif) repeat-y; padding:10px 20px;}
#check_b{background:url(../img/check03.gif) no-repeat; height:13px;}

#check table{border-collapse: collapse;}
.check_tb1 td{padding:3px; border:1px solid #666;}
.check_tb1 th{padding:3px; border:1px solid #666; background-color:#CFE2BA; text-align:center;}
.check_tb2 td{padding:5px 10px; border:1px solid #666; font-size:14px;}
.check_tb2 th{padding:5px 10px; border:1px solid #666; background-color:#FBD5DA; text-align:left; font-size:14px;}

/* インフォメーション */
.info01{
	background-image: url(../img/info-01.jpg);
	background-repeat: no-repeat;
	height: 444px;
	width: 823px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	margin-top: 10px;
}
.info02{
	background-image: url(../img/info-02.jpg);
	background-repeat: no-repeat;
	height: 354px;
	width: 823px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
.info03{
	background-image: url(../img/info-03.jpg);
	background-repeat: no-repeat;
	height: 312px;
	width: 823px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
.info04{
	background-image: url(../img/link.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 323px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}