.spacer {font-size: 1px}
.a { text-decoration: none }
a:link{text-decoration:none;color:#3399CC;}
a:visited{text-decoration:none;color:#3399CC;}
a:active{text-decoration:none;}
a:hover{color:red;}
/*　フォント　*/
.text-black8px      { font-size: 8px; font-style: normal; line-height: 10px;                     color: #000000 }
.text-black9px      { font-size: 9px;  font-style: normal; line-height: 14px;                    color: #000000 }
.text-black10px     { font-size: 10px; font-style: normal; line-height: 16px;                    color: #000000 }
.text-black10bpx    { font-size: 10px; font-style: normal; line-height: 16px; font-weight: bold; color: #000000 }
.text-black12px     { font-size: 12px; font-style: normal; line-height: 18px;                    color: #000000 }
.text-black12bpx    { font-size: 12px; font-style: normal; line-height: 18px; font-weight: bold; color: #000000 }
.text-black14px     { font-size: 14px;                     line-height: 21px;                    color: #000000 }
.text-black16bpx    { font-size: 16px;                     line-height: 24px; font-weight: bold; color: #000000 }
.text-black16bpx    { font-size: 16px;                     line-height: 24px;                    color: #000000 }
.text-black14bpx    { font-size: 14px;                     line-height: 21px; font-weight: bold; color: #000000 }
.text-gray14bpx     { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #333333 }
.text-gray18bpx     { font-size: 18px; font-style: normal; line-height: 28px; font-weight: bold; color: #333333 }
.text-gray10px      { font-size: 10px; font-style: normal; line-height: 16px;                    color: #666666 }
.text-gray12px      { font-size: 12px; font-style: normal; line-height: 18px;                    color: #666666 }
.text-red10bpx		{ font-size: 10px; font-style: normal; 					  font-weight: bold; color: #FF0000 }
.text-red12px       { font-size: 12px;                     line-height: 18px;                    color: #FF0000 }
.text-red12bpx      { font-size: 12px;                     line-height: 18px; font-weight: bold; color: #FF0000 }
.text-red20bpx      { font-size: 20px;                     line-height: 30px; font-weight: bold; color: #FF0000 }
.text-red10-2px     { font-size: 10px;                     line-height: 16px;                    color: #CC0033 }
.text-red12-2px     { font-size: 12px;                     line-height: 18px;                    color: #CC0033 }
.text-red12-2bpx    { font-size: 12px;                     line-height: 18px; font-weight: bold; color: #CC0033 }
.text-red14-2bpx    { font-size: 14px;                     line-height: 25px;                    color: #CC0033 }
.text-red14-2bpx    { font-size: 14px;                     line-height: 25px; font-weight: bold; color: #CC0033 }
.text-orange10px    { font-size: 10px; 					   line-height: 16px; 					 color: #FF6600 }
.text-brown14-2bpx  { font-size: 10px;                     line-height: 16px;                    color: #993300 }
.text-brown12px     { font-size: 12px;                     line-height: 18px;                    color: #993300 }
.text-brown16bpx    { font-size: 16px;                     line-height: 26px; font-weight: bold; color: #993300 }
.text-red14px       { font-size: 14px;                     line-height: 25px; color: #CC0033 }
.text-navy14px      { font-size: 14px;                     line-height: 25px; color: #004F7C }
.text-aqua10px      { font-size: 10px;                     line-height: 12px; color: #3399CC }
.text-orange14px    { font-size: 14px;                     line-height: 25px; color: #ff4500 }
.text-orange_bg_14px{ font-size: 14px; background-color:#ff4500 ;line-height: 20px; font-weight: bold; 25px; color: #ffffff; width:600px; }
.text-dodgerblue_20bpx{ font-size: 20px;                    line-height: 40px; font-weight: bold; 25px; color: #1e90ff; }
.text-pink14bpx     { font-size: 14px; font-style: normal; line-height: 21px; font-weight: bold; color: #F3317A }





form {
	margin-bottom: 0px;
}

body {
	margin-top: 0px;
	margin-bottom :0px;
}

hr{
border:solid 1px #B9B9B9;
}



/*　ヘッダ・フッダ共通　*/
#text01 { 
	margin: 3px 6px 3px 6px;
}
#text02 { 
	margin: 0px 6px 0px 6px;
}

/*　トップページ　*/
#heaterimg01 { 
	margin: 5px 0px 0px 0px;
}
	
.topbtn_box
	{
	width: 121px;
	float: left;
	font-size: 10px;
	}

/*　バナー　*/
.topban01 { 
	margin-bottom :8px;
}

#toptext01 { 
	margin: 15px 0px 20px 0px;
}

/*　お知らせ　*/
#new_line01 { 
	margin: 5px 0px 5px 0px;
}

/*　テンプレート　*/
#temptext01 { 
	margin: 15px 6px 10px 6px;
}
#temptitle01 { 
	margin: 0px 0px 15px 0px;
}


/*　010_ミルクの森のカーニバル　*/

.photobox
	{
	width: 730px;
	padding: 10px 0px;
	margin : 10px 0px;
	}


.photo010
	{
	width: 233px;
	height: 174px;
	border: 1px solid #999999;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	}



/*　200_商品情報　*/

.goodsinfo_frame
	{
	width: 730px;
	padding: 0px;
	margin: 0px;
	}

.goodsinfo_box
	{
	width: 176px;
	float: left;
	font-size: 10px;
	line-height: 12px;
	padding: 0px;
	margin: 0px;
	}

p.goodsinfo
	{
	width : 176px;
	height : 146px;
	border-left : #fff;
	border-right : #fff;
	border-top : #fff;
	border-bottom : 1px dotted #666;
	color: #000;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 18px;
	}

.goodsinfo_margin
	{
	width: 7px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

/*　サイドメニューボタン　*/

p.goods_side_btn
	{
	padding-top: 10px;
	margin-bottom: 0px;
	}

.goods_btn
	{
	padding-top: 0px;
	padding-bottom: 2px;
	}

.goods_margin
	{
	height: 3px;
	}
	
.goods_title
	{
	margin-bottom: 15px;
	}


/*　200_商品情報_レイアウト枠　*/

.goods_frame
	{
	width: 564px;
	height: auto;
	padding: 10px 0px 15px;
	clear: both;
	}
	
.goods_subhead
	{
	margin-bottom: 5px;
	clear: both;
	}
	
.goods
	{
	width:  170px;
	height: 400px;
	border: 1px solid #9a9a9a;
	padding: 8px;
	margin-right: -1px;
	margin-top: -1px;
	font-size: 10px;
	line-height: 12px;
	float: left;
	}
	
.goodssummary
	{
	width: 168px;
	border-bottom: 1px solid #f30;
	padding-bottom: 3px;
	padding-top: 8px;
	margin-bottom: 4px;
	font-size: 10px;
	line-height: 12px;
	clear: both;
	}	
	

/*  商品案内_サイドメニューリスト*/

ul.sidemenu
	{
	margin-left: 1px;
	margin-top: 2px;
	padding-left: 0px;
	}

li.sidemenu
	{
	list-style-type: none;
	font-weight: normal;
	padding-left: 0px;
	}
	
	
/*　210_新商品・リニューアル商品　商品名の色　*/

.goodsname2101
	{
	width: 166px;
	height: 16px;
	background-image: url(img/210_name_001.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
.goodsname2102
	{
	width: 166px;
	height: 30px;
	background-image: url(img/210_name_002.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}


/*　220_牛乳・乳飲料・紅茶飲料　商品名の色　*/

.goodsname2201
	{
	width: 166px;
	height: 16px;
	background-image: url(img/220_name_001.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
.goodsname2202
	{
	width: 166px;
	height: 30px;
	background-image: url(img/220_name_002.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}


/*　230_はっ酵乳・洋生菓子　商品名の色　*/

.goodsname2301
	{
	width: 166px;
	height: 16px;
	background-image: url(img/230_name_001.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
.goodsname2302
	{
	width: 166px;
	height: 30px;
	background-image: url(img/230_name_002.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}


/*　240_宅配商品　商品名の色　*/

.goodsname2401
	{
	width: 166px;
	height: 16px;
	background-image: url(img/240_name_001.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
.goodsname2402
	{
	width: 166px;
	height: 30px;
	background-image: url(img/240_name_002.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height:13px;
	color: #fff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}


/*　300_会社案内　*/

ul.co
	{
	margin-left: 1px;
	font-size: 12px;
	}

li.co
	{
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
	height: 20px;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 20px;
	margin-bottom: -1px;
	float: none;
	}

p.co_subhead
	{
	width: 563px;
	height: 20px;
	border-bottom: 1px solid #6f3f10;
	font-size: 10px;
	text-align: right;
	margin-bottom: 0px;
	}
	
p.co_pagetop
	{
	width: 563px;
	padding-top: 6px;
	border-top: 1px solid #6f3f10;
	font-size: 12px;
	text-align: right;
	margin-top: 0px;
	}


/*　310_個人情報の取り扱いについて　*/

p.box_pi
	{	
	width: 600px;
	text-align:left;
	}


.personalinfo_1
	{
	padding-bottom: 0px;
	margin-bottom: -20px;
	font-weight: bold;
	font-size: 12px;
	text-align:left;
	}
	
.personalinfo_2
	{
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	font-size:12px;
	text-align: left;
	}

/*　400_ミルクの森工房　*/

.milkstudio
	{
	width: 730px;
	height: 190px;
	background-image: url(img/400_img_001.jpg);
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	clear: both;
	}

.milkstudio_text
	{
	width: 430px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	clear: both;
	}

.ms_box
	{
	width: 730px;
	clear: both;
	background-color:#ffffff;
	}

.ms_subhead
	{
	width: 475px;
	padding-left: 5px;
	height: 30px;
	background-color: #CC9966;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	float: right;
	}

.ms_image
	{
	padding-right: 15px;
	width: 235px;
	height: 190px;
	float: left;
	}

.ms_text14b
	{
	width: 475px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: right;
	padding-left: 5px;
	text-align: left;
	}
	
.ms_list
	{
	width: 475px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style-type: none;
	list-style-position: inside;
	float: right;
	}

.formheader
	{
	margin-bottom: 0px;
	width: 730px;
	height: 101px;
	padding: 0px;
	}
	
.formfooter
	{
	width: 730px;
	height: 25px;
	margin-top: 40px;
	background-color: #7DCFE3;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	}
	
.formbox
	{
	padding-top: 2px;
	}

.formtablebox
	{
	width: 730px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: inherit;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.formwidth
	{
	width: 730px;
	}

.formspacer
	{
	height: 5px;
	}

.text-green14px
	{
	font-size: 14px; 
	font-style: normal; 
	line-height: 21px; 
	color: #336600; 
	width: 650px;
	text-align: left;
	margin-bottom: 5px;
	}
	
.formtext
	{
	font-style: normal; 
	line-height: 21px; 
	width: 650px;
	text-align: left;
	font-size: 12px;
	}
	
.articlebigbox
    {
	width: 730px;
	clear: both;
	margin-top: 10px;
	background-color:#ffffff;
	}

.article_box
    {
	width: 340px;
	float: left;
	font-size: 12px;
	margin-left: 10px;
	margin-bottom: 15px;
	}

.article_box02
    {
	width: 340px;
	float: left;
	font-size: 12px;
	margin-left: 29px;
	margin-bottom: 15px;
	}

.articlename
	{
	width: 339px;
	height: 25px;
	background-color: #BF8040;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 5px;
	}
	
.methodbox
    {
	width: 730px;
	clear: both;
	margin-top: 30px;
	}
	
.methodtitle
	{
	width: 710px;
	height: 25px;
	background-color: #CCFF66;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	}
	
/*　500_料理レシピ　*/
p.container_recipe
	{
	width: 300px;
	float: right;
	}

.recipe_1
	{
	margin-top: -20px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 12px;
	}

.recipe_2
	{
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	font-size:12px;
	text-align: left;
	}

ul.recipe
	{
	margin-left: 1px;
	}


li.recipe
	{
	list-style-type: none;
	font-weight: normal;
	}

/*　500_料理レシピ　中のページ　*/


.recipe_container
	{
	width: 400px;
	float: left;
	margin-right: 25px;
	}

.recipe_title
	{
	width: 730px;
	background-color: #f6eddd;
	margin-top: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	}

.recipe_subhead
	{
	width: 300px;
	height:auto;
	padding-top: 1px;
	background-color: #f09100;
	color: #ffffff;
	}

.recipe_material
	{
	width: 300px;
	padding-top: inherit;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 15px;
	margin-top: inherit;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	float: right;
	}

.recipe_material_left
	{
	width: 202px;
	border-bottom: 1px dashed #666666;
	font-size: 12px;
	padding-bottom:2px;
	padding-top: 2px;
	padding-right: 0px;
	margin-right: 0px;
	height: auto;
	float: left;
	}
	
.recipe_material_right
	{
	width: 96px;
	border-bottom: 1px dashed #666666;
	font-size: 12px;
	padding-bottom:2px;
	padding-top: 2px;
	padding-left: 0px;
	margin-left: 0px;
	float: right;
	height: auto;
	text-align: right;
	}

.recipe_making
	{
	width: 398px;
	heigit: 20px;
	background-color: #f09100;
	margin-top: 20px;
	margin-bottom: 0px;
	color: #ffffff;
	vertical-align:middle;
	}

.recipe_img
	{
	width: 398px;
	border: 1px solid #cccccc;
	padding: 0px;

	}

.recipe_check
	{
	width: 300px;
	margin-top: 20px;
	float: inherit;
	}


/*　900_サイトマップ　*/

.sitemap
	{
	width: 631px;
	padding-left: 0px;
	margin-left: 50px;
	margin-right: 50px;
	}

.sitemap_text_home
	{
	background-image: url(img/icon_green.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 50px;
	line-height: 30px;
	}	
	
.sitemap_text
	{
	background-image: url(img/icon_green.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 0px;
	font-size: 12px;
	}
	
.sitemap_text2
	{
	margin-left: 0px;
	font-size: 12px;
	}
	
.sitemap_left
	{
	width: 110px;
	border-top: 1px dotted #666666;
	font-size: 12px;
	padding: 8px 0px;
	float: left;
	}
	
.sitemap_right
	{
	width: 520px;
	border-top: 1px dotted #666666;
	font-size: 12px;
	padding: 8px 0px;
	height: auto;
	line-height: 18px;
	float: right;
	}

/*　700_お問合せ　*/

p.inquiry
	{
	width: 660px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: inherit;
	line-height: 16px;
	}

.inquiry_left
	{
	width: 130px;
	border-top: 1px dotted #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: inherit;
	line-height: 16px;
	float: left;
	}

.inquiry_right
	{
	width: 518px;
	border-top: 1px dotted #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: inherit;
	line-height: 16px;
	
	}
	
/* 一番上の行だけ　ここから*/

.inquiry_right_1
	{
	width: 518px;
	border-top: 0px ;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: inherit;
	line-height: 18px;
	}
	
.inquiry_left_1
	{
	width: 130px;
	border-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: inherit;
	line-height: 18px;
	float: left;
	}
	
/* 一番上の行だけ　ここまで*/


/* クイズ*/

.quizbox
	{
	width: 600px;
	padding: 0px;
	margin-top: 30px;
	text-align: left;
	font-size:12px;
	}
	
.quizboxlist
	{
	padding-bottom: 20px;
	}
















h1 {
	font-size: 10px;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	width: 730px;
	color: #666666;
}



h2 {
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	vertical-align:middle;
}
h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}
h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}
h6 {
	margin-top: 0px;
	margin-bottom: 0px;
}