@charset "UTF-8";
/* CSS Document */

.retail_menu{
	width:808px;
	height:42px;
}

.retail_menu_l{
background: url("../retail/images/retail_menu_l.gif") no-repeat;
width:5px;
height:25px;
display:block;
float:left;
}
.retail_menu_r{
background: url("../retail/images/retail_menu_r.gif") no-repeat;
width:5px;
height:25px;
margin-right:5px;
display:block;
float:left;
}

.retail_menu_1{
background: url("../retail/images/retail_menu_farmers.gif") no-repeat;
width:121px;
height:25px;
display:block;
float:left;
}

.retail_menu_2{
background: url("../retail/images/retail_menu_cafe.gif") no-repeat;
width:123px;
height:25px;
display:block;
float:left;
}

.retail_menu_3{
background: url("../retail/images/retail_menu_whey.gif") no-repeat;
width:76px;
height:25px;
display:block;
float:left;
}

.retail_menu_4{
background: url("../retail/images/retail_menu_shinchitose.gif") no-repeat;
width:90px;
height:25px;
display:block;
float:left;
}

.retail_menu_5{
background: url("../retail/images/retail_menu_apia.gif") no-repeat;
width:68px;
height:25px;
display:block;
float:left;
}

.retail_menu_6{
background: url("../retail/images/retail_menu_oodori.gif") no-repeat;
width:52px;
height:25px;
display:block;
float:left;
}

.retail_menu_7{
background: url("../retail/images/retail_menu_posful.gif") no-repeat;
width:76px;
height:25px;
display:block;
float:left;
}

.retail_menu_8{
background: url("../retail/images/retail_menu_daimaru.gif") no-repeat;
width:49px;
height:25px;
display:block;
float:left;
}

.retail_menu_aoyama{
background: url("../retail/images/retail_menu_aoyama.gif") no-repeat;
width:119px;
height:25px;
display:block;
float:left;
}

.retail_menu_1:hover, .retail_menu_2:hover, .retail_menu_3:hover, .retail_menu_4:hover, .retail_menu_5:hover, .retail_menu_6:hover, .retail_menu_7:hover, .retail_menu_8:hover, .retail_menu_aoyama:hover{
background-position:0 -25px;
text-decoration:none;}

.retail_menu_txt{
	width:800px;
	height:20px;
	position:relative;
}
.retail_menu_txt #farm{
	position:absolute;
	top:0;
	left:133px;
}
.retail_menu_txt #shinchitose{
	position:absolute;
	top:0;
	left:270px;
}
.retail_menu_txt #sapporo{
	position:absolute;
	top:0;
	left:575px;
}
.retail_menu_txt #kushiro{
	position:absolute;
	top:0;
	left:711px;
}

/************************
  レイアウト大枠
************************/
#wrap {
   /* padding-top: 20px; */
    padding-bottom: 20px;
    min-height: 1em;
    display: inline-table;
}

#wrap:after {
    content:"";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #wrap {
    height: 1em;
}

#wrap {
    display: block;
}
/**/

.clear{
	clear:both;
}

/************************
  直営店名
************************/
.retail_title{
	font-size:116%;
	color:#ae1f24;
	margin:20px 0 20px 0;
}
.retail_title_bar{
	width:4px;
	height:16px;
	margin-right:8px;
	background-color:#ae1f24;
}
.retail_left{
	margin:0;
	padding:0;
	width:360px;
	height:auto;
	margin-right:20px;
	display:block;
	float:left;
}
.retail_right{
	margin:0;
	padding:0;
	width:415px;
	height:auto;
	display:block;
	float:right;
/*border:solid 1px #0f0;*/
}


/************************
　左側
************************/
.retail_line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	width:100%;
	height:1px;
	margin-bottom:12px;
}
/* テキスト大 */
.retail_txt_12{
	font-size:93%;
	line-height:140%;
}
/* テキスト詳細 */
.retail_txt_11{
	color:#666;
	font-size:85%;
	font-weight: normal;
	line-height:140%;
}
/* 小さい（税込）etc */
.retail_txt_10{
	font-size:77%;
	line-height:140%;
}
/* 小さい（税込）etc */
.retail_txt_9{
	font-size:93%;
}

/* はじめの説明 */
.retail_exp{ margin-bottom:18px;
margin-top:-5px;}

/* 営業時間、アクセスetc*/
.retail_point{ margin-bottom:5px; }

/* 詳細説明 */
.retail_detail{ margin-bottom:12px;
	line-height:150%;
}

.retail_half_l1{
	width:170px;
	display:block;
	float:left;
}
.retail_half_l2{
	width:170px;
	display:block;
	float:right;
}

/************************
　右側
************************/
.retail_right img{
	margin:0;
	padding:0;
}
.retail_whey_buta{
	margin-top:expression("-3px");/* for IE */
	width:382px;
	border: solid 1px #e3e3e3;
	padding:15px;
	margin-bottom:12px;
}

.retail_half1{
	width:207px;
	display:block;
	float:left;
}
.retail_half2{
	width:207px;
	display:block;
	float:right;
}
.retail_tokuten{
	width:375px;
	height:auto;
	background-color:#ffeaeb;
	color:#482c17;
	padding:10px 20px;
}
.retail_tokuten_txt1{
	font-size:108%;
	text-align:center;
	margin-bottom:5px;
}
.retail_tokuten_txt2{
	font-size:85%;
	font-weight: normal;
	line-height:140%;
}

.attention{
	font-size:116%;
	margin-bottom:15px;}

.txt1{
	font-size:93%;
	line-height:160%;
	margin-bottom:10px;}
.txt2{
	font-size:85%;
	line-height:140%;
	margin-bottom:15px;}
.txt3{
	font-size:85%;
	line-height:140%;}
.menu {
	padding: 12px;
	border:solid 1px #cce6d3;
}