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

/* -------------------------------------
 花畑牧場とは
 .farm
------------------------------------- */

.farm .cntWrap {
 background: url(../image/cmn/cnt_bg_udr01.jpg) repeat-y 0 0;
}
.farm .content {
 background: url(../image/cmn/cnt_bg_ovr01.jpg) no-repeat 0 0;
}

/* --- FOOTER -------------------------- */
.farm .footer {
 background: url(../image/cmn/foot_bg01.jpg) no-repeat 0 0 #eef2f3;
}


/* --- CONTENT ---------------------------- */
.content {
 padding-top: 25px;
}

.farmCtn {
 width: 799px;
 margin: 0 auto;
}

.content h1{
font-size:131%;
font-weight: normal;
margin: 0 0px 19px 0px;
}

/* CSS Document */

.wrap {
    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;
}

/************************
  aboutより
************************/
.profile_t{
        width:799px;
        height:5px;
        background:url(../image/farm/bg_profile_t.gif) no-repeat;

}
.profile_b{
        width:799px;
        height:5px;
        background:url(../image/farm/bg_profile_b.gif) no-repeat;
        margin-bottom:50px;
}
.profile_bg{
        width:799px;
        background-color:#fff;
        background:url(../image/farm/bg_profile.gif) repeat-y;
}

.txt_about{
        width:425px;
        padding:30px 20px 20px 40px;
        line-height:170%;
        font-size:85%;
        display:block;
        float:left;
        clear:left;
/*        background-color:#fcf7f7; */
        }
        
.txt_profile{
/*        background: url("../about/images/bg_profile.jpg") no-repeat;
        background-position:top right;
        background-color:#f9eded;
*/
        width:250px;
        padding:30px 30px 20px 30px;
        line-height:170%;
        font-size:85%;
        display:block;
        float:left;
        clear:right;
/*        padding-top:200px; */

        }

.img_profile{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:10px;
}

.map_about{
        float:right;
        margin-left:10px;
        }
        
.sign{
        float:right;
        margin-right:30px;
        margin-top:10px;
}

/************************
  コンテンツ内
************************/
.farm_txt h1{
        font-size:131%;
        margin:0 0 20px 0;
        padding:0;
}
.farm_txt_l{
        font-size:108%;
        line-height:160%;
        width:430px;
        margin-bottom:15px;
}
.farm_txt{
        margin:0;
        padding:0;
        width:430px;
        height:auto;
        margin-right:20px;
        display:block;
        line-height:170%;
        float:left;
        font-size:85%;
}
.farm_txt h2{
        font-size:108%;
        line-height:150%;
        margin:0 0 20px 0;
        padding:0;
}
.farm_img{
        margin:0;
        padding:0;
        width:342px;
        height:auto;
        display:block;
        float:right;
}

.farm_land{
        margin:48px auto;
        text-align:center;
}

/************************
　ホエー豚亭
************************/
h3.whey{
        color:#ae1f24;
        font-size:116%;
        font-weight:normal;
        margin:0 0 20px 0;
}
.red{
        color:#ae1f24;
}
.whey_title{
        margin:0 0 5px 0;
}
.whey_img{
        width:368px;
        display:block;
        float:left;
        margin-bottom:20px;
}
.whey_txt_bg{
        float:right;
        background-color:#fbefef;
        width:432px;
        height:400px;

}
.whey_txt{
        font-size:85%;
        line-height:150%;
        background-color:#fbefef;
        width:358px;
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;

}

.whey_don_txt{
        display:block;
        float:left;
        line-height:160%;
}
.whey_don_img{
        display:block;
        float:right;
}


h3.access{
        font-size:108%;
        font-weight:normal;
}
/************************
　アクセス
************************/
.access_map{
        float:right;
}

.access{
        margin-top:15px;
        padding-bottom:20px;
        }

.access a{
        color:#666;
}
.access a:hover{
        color:#666;
        text-decoration:underline;
}

.detail_01{
        font-size:85%;
        margin-bottom:15px;
        line-height:150%;
        }

/************************
　牧場ガイド
************************/
.line{
        width:820px;
        height:10px;
        margin-bottom:10px;
        padding-top:10px;
        border-bottom:solid 1px #ccc;
}

.bn_box{
	margin:20px 0 0 0;
	width:820px;
}
.bn_box_l{
	float:left;
}
.bn_box_r{
	float:left;
}
.line_h{
	float:left;
	margin-right:10px;
	width:9px;
	height:320px;
	border-right:solid 1px #ccc;

}
.goto_box{
	clear:both;
	display:block;
	margin:10px 0 0 0;
}

.btn_access_area{
top:40px;
width:810px;
position:absolute;
}

.btn_access{
background: url("/image/farm/btn_access.gif") no-repeat;
width:98px;
height:30px;
display:block;
float:right;
}

.btn_access:hover{
background-position:0 -30px;
}

.btn_farm{
width:398px;
}

.btn_farm_1{
background: url("/image/farm/btn_caramel.jpg") no-repeat;
width:398px;
height:98px;
display:block;
float:left;
margin-bottom:12px;
}

.btn_farm_2{
background: url("/image/farm/btn_cheese.jpg") no-repeat;
width:398px;
height:98px;
display:block;
float:left;
margin-bottom:12px;
}

.btn_farm_3{
background: url("/image/farm/btn_pig.jpg") no-repeat;
width:398px;
height:98px;
float:left;
display:block;
}

.btn_farm_4{
background: url("/image/farm/btn_shop.jpg") no-repeat;
width:398px;
height:98px;
display:block;
float:left;
margin-bottom:12px;
}

.btn_farm_5{
background: url("/image/farm/btn_cafe.jpg") no-repeat;
width:398px;
height:98px;
display:block;
float:left;
margin-bottom:12px;
}

.btn_farm_6{
background: url("/image/farm/btn_whey.jpg") no-repeat;
width:398px;
height:98px;
float:left;
display:block;
}

.btn_farm_1:hover, .btn_farm_2:hover, .btn_farm_3:hover, .btn_farm_4:hover, .btn_farm_5:hover, .btn_farm_6:hover{

background-position:0 -98px;
}



/*追加*/

.btn_tokachi{	display:block;
	height:39px;
	width:247px;
	background:url(/image/farm/btn_on.jpg) no-repeat;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
	
.btn_tokachi a{
	display:block;
	height:39px;
	width:247px;
	background:url(/image/farm/btn_guide_tokachi.jpg) no-repeat;
	float:left;
	margin-right:0;
	margin-bottom:10px;
}



.btn_tokachi a:hover{background-position:0 -39px;}

.btn_yubari{display:block;
	height:39px;
	width:187px;
	background:url(/image/farm/btn_on.jpg) -252px no-repeat;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.btn_yubari a{
	display:block;
	height:39px;
	width:187px;
	background:url(/image/farm/btn_guide_yubari.jpg) no-repeat;
	float:left;
	/*margin-bottom:10px;*/
	margin-bottom : 0 ;
}

.btn_yubari a:hover{background-position:0 -39px;}

.clear{clear:both;}


.btn_about a{
	display:block;
	height:45px;
	width:170px;
	background:url(/image/farm/btn_about.jpg) no-repeat;
	margin-top:15px;
	margin-bottom:25px;
}

.btn_about a:hover{background-position:0 -45px;}

.btn_googlemap a{
	display:block;
	height:40px;
	width:241px;
	background:url(/image/farm/btn_googlemap.jpg) no-repeat;
	margin-top:15px;
	margin-bottom:25px;
}

.btn_googlemap a:hover{background-position:0 -40px;}

strong{ font-size:120%;}

.access{ background:url(/image/farm/access_bg.jpg) repeat-y; padding:0 30px 0 30px; margin:0;}







/*追加 20100525*/

#guideArea{
	width : 820px ;
	margin : 0 0 15px 0 ;
	padding : 0 0 30px 0 ;
	background : #687F15 url("/image/farm/guide_bg_guidearea.gif") no-repeat left bottom ;
	border-top : 1px solid #687F15 ;
}

#guideArea ul,
#guideArea ul li,
#guideArea dl,
#guideArea dl dt,
#guideArea dl dd{
	display : block ;
	margin : 0 ;
	padding : 0 ;
	list-style : none !important ;
}

#guideArea ul li{
	display : block ;
	margin : 0 30px 40px 30px ;
	line-height : 140% ;
}

#guideArea ul li#no02{
	margin : 0 30px 20px 30px ;
}

.index ul li#no02{
	margin : 0 30px 40px 30px !important;
}

#guideArea ul li.last{
	margin : 0 30px 0 30px ;
}

#guideArea dl dd{
	color : #fff ;
	font-size : 14px ;
}

#guideArea ul li dl dd dl{
	width : 446px ;
	margin-top : 8px ;
	padding-bottom : 15px ;
	background : #778d2f url("/image/farm/guide_guidearea_bottom.gif") no-repeat left bottom ;
}

.index ul li dl dd dl{
	width : 446px ;
	margin-top : 8px ;
	padding-bottom : 15px ;
	background : #7b8d00 url("/image/farm/guide_i_guidearea_bottom.gif") no-repeat left bottom !important;
}


#guideArea ul li dl dd div.subArea{
	width : 446px ;
	margin-top : 8px ;
	padding-bottom : 15px ;
	background : #778d2f url("/image/farm/guide_guidearea_bottom.gif") no-repeat left bottom ;
}


.index ul li dl dd div.subArea{
	background : #7b8d00 url("/image/farm/guide_i_guidearea_bottom.gif") no-repeat left bottom !important;
}

#guideArea ul li dl dd div.subArea dl,
#guideArea ul li dl dd div.subArea p{
	margin : 0 ;
	padding : 0 ;
	background : none ;
}

#guideArea ul li dl dd div.subArea dl{
	width : 216px ;
	margin : 0 0 0 28px ;
	_margin : 0 0 0 14px ;
	float : left ;
}

#guideArea ul li dl dd div.subArea dl dd{
	padding : 0 ;
}

#guideArea ul li dl dd div.subArea img.thumb{
	display : block ;
	margin : 0 10px 0 0 ;
	_margin : 0 5px 0 0 ;
	float : right ;
}

#guideArea ul li dl dd div.subArea p.announcement{
	clear : both ;
	padding : 10px 28px 12px 28px ;
	font-size : 90% ;
}

#guideArea ul li dl dd div.subArea p.announcement .phone{
	font-size : 120% ;
	font-weight : 800 ;
}

#guideArea ul li dl dd dl dd.exp{
	display : block ;
	margin-top : 0 ;
	padding : 0 28px 0 28px ;
}

#guideArea ul li dl dd dl dd .note{
	display : block ;
	font-size : 12px ;
	text-align : right ;
}

#guideArea ul li.odd dl{
	float : left ;
}

#guideArea ul li.even dl{
	float : right ;
}

#guideArea ul li.odd dl dl,
#guideArea ul li.even dl dl{
	float : none ;
}

#guideArea ul li.odd p.image{
	display : block ;
	margin : 0 !important ;
	float : right ;
}

#guideArea ul li.even p.image{
	display : block ;
	margin : 0 !important ;
	float : left ;
}

#guideArea ul li .inquiry{
	clear : both ;
	margin : -20px 0 0 0 ;
	_margin : 0 ;
	border : #758931 1px solid ;
	color : #fff ;
}

#guideArea ul li .inquiry p{
	margin : 12px 0 0 16px ;
}

#guideArea ul li .inquiry dl{
	width : 350px ;
	margin : 12px 0 13px 16px ;
	border-right : #758931 1px solid ;
	float : left ;
}

#guideArea ul li .inquiry dl dt{
	font-size : 110% ;
}

#guideArea ul li .inquiry ul{
	width : 350px ;
	margin : 12px 0 13px 12px ;
	padding : 0 ;
	float : left ;
}

#guideArea ul li .inquiry ul li{
	display : block ;
	margin : 0 0 5px 0 ;
	padding : 0 ;
	font-size : 90% ;
}


/* === clear float elements Start ============================================= */

#guideArea ul li:after,
#guideArea ul li dl dd div.subArea:after,
#guideArea ul li .inquiry:after{
	content : " ";
	display : block ;
	height : 0 ; 
	visibility : hidden ;
	clear : both ;
}

#guideArea ul li,
#guideArea ul li dl dd div.subArea,
#guideArea ul li .inquiry{
	*height : 100% ;
}




/* for Legacy Browser  */

/*¥*/
* html #guideArea ul li,
* html #guideArea ul li dl dd div.subArea,
* html #guideArea ul li .inquiry{
	display : inline-block ;
	height : 1em ;
}

body #guideArea ul li,
body #guideArea ul li dl dd div.subArea,
body #guideArea ul li .inquiry{
	display : block ;
}
/*  */

/* === clear float elements End ============================================= */