@charset "euc-jp";

/*-----------------------------------------------------------
共通
-----------------------------------------------------------*/

#contents { width:750px; height:auto; font-family: "Hiragino Kaku Gothic Pro","メイリオ", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;}
#contents p{ margin:0; padding: 0;}
#contents .sectionFull01 {	clear: both; padding-top: 10px; margin-bottom: 10px;}
#contents .sectionFull02 {	clear: both; padding-top: 20px; margin-bottom: 10px;}
#contents .sectionFull03 {	clear: both; padding-top: 30px; margin-bottom: 10px;}
#contents .sectionFull04 {	clear: both; padding-top: 40px; margin-bottom: 10px;}
#contents .sectionFull05 {	clear: both; padding-top: 50px; margin-bottom: 10px;}
#contents .sectionFull06 {	clear: both; padding-top: 30px; margin-bottom: 50px;}
#contents a{ color: #ae0900}
#contents a:hover{ color: #ff0000;}
#contents .prf{ text-align: right; margin-top: 30px;}
#contents .pageTop{ clear:both; float: right; margin: 10px 0 0 0; padding: 20px 0 20px; font-size: 0.9em;}

/* rollover */
.over a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	background-color: #fee394;
}

#contents a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background-color: transparent;
}


/*-----------------------------------------------------------
メイン
-----------------------------------------------------------*/

/*TOP画像部分*/
#contents #mainTitle{
	background: url(../ygtbeaf/images/ybeaf_title.jpg) no-repeat left top;
	width: 750px;
	height: 400px;
	position:relative;
}

#contents #mainTitle p{
	color:#ffffff;
	position:relative;
	left:55px;
	top:75px;
	width:230px;
}


/*h2部分*/
#ygTitle{
	margin:30px 35px 0px;
	width:681px;
}
#ynTitle{
	margin:50px 30px 0px;
	width:681px;
}



/*バイヤーコメント*/
#contents .buyer_comment{
	width:700px;
	height:150px;
	margin:10px 25px;
}

#contents .buyer_comment .commentLeft{
	float:left;
	margin-left:15px;
}

#contents .buyer_comment .commentRight{
	float:right;
	margin-right:15px;
}


#contents .buyer_comment .commentRight .buyer_voice{
	width:380px;
	position:relative;
	left:315px;
	height:125px;
}

#contents .comment{
	width:380px;
}

/*食べた人たちの感想ボタン*/
#contents .toRevue{
	width:203px;
	height: 34px;
	margin:10px 10px 0px 165px;
}



/*山形牛の定義由来特徴*/
#contents .aboutyg{
	background: url(../ygtbeaf/images/about_ygbeaf.gif) no-repeat left top;
	position:relative;
	height: 243px;
	width:707px;
	margin:30px 20px;
}

#contents .aboutyg dl{
	width:680px;
	height:170px;
	margin:0px 13px 0px 13px;
	padding-top:75px;
}

#contents .aboutyg dt{
	width:450px;
	height:150px;
	float:left;
}

#contents .aboutyg dt .teigi{
	width:200px;
	height:150px;
	float:left;
	margin-left:10px;
}

#contents .aboutyg dt .yurai{
	width:200px;
	height:150px;
	float:right;
	margin-right:10px;
}

#contents .aboutyg dd{
	width:200px;
	height:150px;
	float:right;
	margin-right:5px;
}



/*米沢牛の定義由来特徴*/
#contents .aboutyn{
	background: url(../ygtbeaf/images/about_ynbeaf.gif) no-repeat left top;
	position:relative;
	height: 243px;
	width:707px;

	margin:30px 20px;
}

#contents .aboutyn dl{
	width:680px;
	height:170px;
	margin:0px 13px 0px 13px;
	padding-top:75px;
}

#contents .aboutyn dt{
	width:450px;
	height:150px;
	float:left;
}

#contents .aboutyn dt .teigi{
	width:200px;
	height:150px;
	float:left;
	margin-left:10px;
}

#contents .aboutyn dt .yurai{
	width:200px;
	height:150px;
	float:right;
	margin-right:10px;
}

#contents .aboutyn dd{
	width:200px;
	height:150px;
	float:right;
	margin-right:5px;
}



/*山形牛の注文はこちら*/
#contents .ygshohin{
	width:700px;
	height:470px;
	position:relative;
	margin:0px 25px 0px;
}


#contents .ygshohin .ygleft{
	background: url(../ygtbeaf/images/ygbeaf01.jpg) no-repeat left top;
	position:relative;
	height: 392px;
	width:301px;
	float:left;
	width:300px;
	margin:0px 0px 0px 25px;
}


#contents .ygshohin .explain1{
	position:relative;
	top:225px;
	left:17px;
	width:250px;
	color:#ffffff;
}

#contents .ygshohin .explain2{
	position:relative;
	top:220px;
	left:5px;
	width:270px;
	color:#ffffff;
}



#contents .ygshohin .regist1{
	position:relative;
	top:350px;
	left:95px;
}

#contents .ygshohin .regist2{
	position:relative;
	top:350px;
	left:95px;
}



#contents .ygshohin .ygright{
	background: url(../ygtbeaf/images/ygbeaf02.jpg) no-repeat left top;
	position:relative;
	height: 392px;
	width:301px;
	float:right;
	width:300px;
	margin:0px 25px 0px 0px;
}



/*米沢牛の注文はこちら*/

#contents .ynshohin{
	width:700px;
	height:470px;
	position:relative;
	margin:0px 25px 0px;
}


#contents .ynshohin .ynleft{
	background: url(../ygtbeaf/images/ynbeaf01.jpg) no-repeat left top;
	position:relative;
	height: 392px;
	width:301px;
	float:left;
	width:300px;
	margin:0px 0px 0px 25px;
}

#contents .ynshohin  p{
	position:relative;
	top:400px;
	left:95px;
}

#contents .ynshohin .ynright{
	background: url(../ygtbeaf/images/ynbeaf02.jpg) no-repeat left top;
	position:relative;
	height: 392px;
	width:301px;
	float:right;
	width:300px;
	margin:0px 25px 0px 0px;
}

#contents .ynshohin .explain1{
	position:relative;
	top:225px;
	left:17px;
	width:250px;
	color:#ffffff;
}

#contents .ynshohin .explain2{
	position:relative;
	top:225px;
	left:8px;
	width:270px;
	color:#ffffff;
}

#contents .ynshohin .regist1{
	position:relative;
	top:350px;
	left:95px;
}

#contents .ynshohin .regist2{
	position:relative;
	top:350px;
	left:95px;
}

#contents .voice{
	width:724px;
	height:203px;
	position:relative;
	margin:10px 10px 0px;
	padding-top:10px;
}

.toTop{
	position:relative;
	left:577px;
	margin:30px 10px;
}