/*共通スタイルシート*/
body{
	margin-top:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.main-box{
	width:840px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.hr-box{
	margin-top:0px;
	width:640px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}

/*ページ下の特定商取引等のメニュー*/
.sub1{
	font-size:12px;
	color:#cc9966;
}

.sub2{
	font-size:12px;
	color:mediumseagreen;
}

.sub3{
	font-size:12px;
	color:#d94d4c;
}

a{text-decoration:none}

.index a:hover{color:#551818}
.index a:visited{color:#686868}

.people a:hover{color:#15640d}
.people a:visited{color:#686868}

.meat a:hover{color:#e30000}
.meat a:visited{color:#686868}



/*トップの表題部分*/
.title-box{
	width:800px;
	height:75px;
	text-align:center;
	background-color:#cc9966;
}



.counter{
	width:528px;
	height:18px;
	text-align:center;
	color:brown;
}

/*.title-box img{
	border:double 5px #cc9966;
}*/


.h1-box{
	margin-top:20px;
	margin-bottom:0px;
	background-image:url("../img/index/back-cow.gif");
	background-repeat:no-repeat;
	background-position:center;
	width:560px;
	height:378px;
}

.h1-box a{
	text-decoration:none;
	}


.index-h1{
	font-size:45px;
	font-family:ＭＳ 明朝;
	font-weight:bold;
}

.red{
	color:red;
}

.orange{
	color:orange;
}

.red2{
	color:red;
	font-size:16pt;
}

.red3{
	color:red;
	font-size:8pt;
}

.gray{
	color:#949393;
	font-size:8pt;
}

rt{
font-size:8px;
}

.topmenu{
	width:530px;
	height:105px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.menustyle1{
	color:#440000;
	font-weight:bold;
	font-size:12px;
	line-height:38px;
	width:105px;
	height:100px;
	background-color:#cc9966;
	float:left;
	display:block;
}

bd-right{
	border-right:solid 2px #440000
}

.menustyle2{
	color:#440000;
	font-weight:bold;
	font-size:12px;
	line-height:38px;
	width:105px;
	height:100px;
	background-color:#ffffff;
	display:block;
	float:left;
}

.menustyle1 img{
	padding-top:2px;
	border:0px;
}
.menustyle2 img{
	padding-top:2px;
	border:0px;
}

.topmenu a{
	color:#440000;
}

.topmenu a:hover{
	color:white;
	background-color:#440000;
}


p{
	padding:0px;
}

.message{
	width:800px;
	height:13px;
	background-color:white;
}


<!--cow.html-->
<!--people.html-->
<!--shop.html-->


/*このページの上部左のデザインロゴ*/
.head-left{
	width:250px;
	height:400px;
	text-align:center;
}

/*このページの上部右の我が家の牛ご紹介*/
.head-right{
	width:550px;
	height:375px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../img/meat/ura.jpg");
	background-repeat:no-repeat;

}


table{
	margin-left:auto;
	margin-right:auto;
}

.tasuki {
   background-image: url('ura.jpg');
   background-size: cover;
}

/*メニューリスト一覧*/
.menu{
	vertical-align:bottom;
	width:548px;
	height:25px;
	background-color:transparent;
	float:right;
	font-weight:bold;
	font-size:10px;
	margin-right:2px;
	font-family:"メイリオ",serif,'Comic Sans MS','MS Serif','Gungsuh';
}

.menubox1{
	width:90px;
	height:25px;
	background-color:white;
	text-decoration:none;
	display:block;
	line-height:24px;
	float:left;
	color:#440000;
	border-left:solid 1px;
	border-bottom:solid 1px;
}

.menubox2{
	width:90px;
	height:25px;
	background-color:white;
	text-decoration:none;
	display:block;
	line-height:24px;
	float:left;
	color:#440000;
	border-bottom:solid 1px;
}

.menubox3{
	width:90px;
	height:25px;
	background-color:white;
	text-decoration:none;
	display:block;
	line-height:24px;
	float:left;
	color:#440000;
	border-right:solid 1px;
	border-bottom:solid 1px;
}



.current{
	width:90px;
	height:25px;
	background-color:#cc9966;
	text-decoration:none;
	display:block;
	line-height:24px;
	float:left;
	color:white;
}

.menu a:hover{
	color:#ffffff;
	background-color:#cc9966;
}

/*二人の写真*/
.gazou{
	margin-top:20px;
	width:640px;
	height:430px;
}

/*各説明ＢＯＸの大枠*/
.setumei-box{
	width:370px;
	height:353px;
	background-color:transparent;
}

/*各説明ＢＯＸのタイトル部*/
.setumei-title{
	width:342px;
	height:20px;
	color:white;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:20px;
}

/*ここの色は共通*/
/*各説明ＢＯＸの中身*/
.setumei-nakami{
	width:340px;
	height:320px;
}

/*中身の中は写真とテキスト部分に分割*/
/*テキスト(txtbox)*/
.txtbox{
	width:320px;
	height:100px;
}


/*写真(imgbox)*/
.imgbox{
	width:320px;
	height:213px;
}

.h1-cow{
	color:#440000;
	font-size:12px;
	font-family:"メイリオ",serif,'Comic Sans MS','MS Serif','Gungsuh';
}

.h1-cow strong{
	color:red;
}

.h1-cow2{
	color:red;
}

<!--tizu.html-->
.map{
	width:200px;
	height:252px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

<!--meat.html-->
/*説明の大枠(左)*/
.setumei-all{
	width:246px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*説明の大枠(右上1)*/
.setumei-all-rightT1{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:20px;
}

/*説明の大枠(右上2)*/
.setumei-all-rightT2{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/*説明の大枠(右下)*/
.setumei-all-rightB{
	width:500px;
	height:460px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	float:right;
	margin-top:20px;
	color:#440000;
}

/*中身の中は写真とテキスト部分に分割*/
/*テキスト(txtbox)*/
.txtbox-meat{
	font-weight:bold;
	text-align:left;
	width:250px;
	height:120px;
	margin-top:10px;
}

.txtbox-meat table{
	font-family:serif,'Comic Sans MS','Terminal','MS Serif','Gungsuh';
	color:#440000;
	border:solid 1px #440000;
}

/*内臓在庫表示BOX(horubox)*/
.horubox{
	width:800px;
	height:300px;
}

.strong-set{
	font-size:20px;
	font-style:bold;
	color:brown;
}

.smallF{
	font-size:10px;
}

.setumei-all-rightT1 table{
	margin-top:0px;
	margin-left:18px;
	font-size:20px;
	font-weight:bold;
	color:white;
	font-family:"メイリオ",serif,'Comic Sans MS','MS Serif','Gungsuh';
}

.setumei-all-rightT1 td{
	text-align:center;
	font-size:16px;
	height:35px;
	color:#ffffff;
	font-weight:bold;
	background-color:#440000;
}

.txt1{
	margin-left:10px;
	background-color:#DA4D4D;
	color:white;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
}

.cursorHand{
	cursor:hand;
}

.soldout{
	background-image:url("../img/meat/soldout.gif");
	background-repeat:no-repeat;
}

.soldout1{
	background-image:url("../img/meat/soldout1.gif");
	background-repeat:no-repeat;
}

.soldout2{
	background-image:url("../img/meat/soldout2.gif");
	background-repeat:no-repeat;
}


/*テーブルデザイン小技*/

.tableborder{
	 border-collapse: collapse;
	 border-top:4px solid;
	 border-left: 4px solid;
}

.tdborder{
	 border-bottom:1px solid;
	 border-right:1px solid;
}
/*テーブルデザイン小技*/

/**************** ナビゲーション（プルダウンメニュー追加）ここから*********************/
#navi_continer {
position: relative;
z-index:100;
width: 800px;
height:120px;
text-align:center;
}

#navi {
position: absolute;
top: 10px;
left: 130px;
width: 525px;
border-top:2px solid #cc9966;
border-width:1px
}

#navi li.main{
	height:100px;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navi li {
color: #fffff;
float: left;
width: 105px;<!--追加-->
margin: 0;
}

#navi .main a{
	height:100px;
	text-decoration:none;
	color: #440000;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}

#navi .main img{
	border-style:none;
}

#navi li a {
font-size: 14px;
display: block;
width: 100%;
text-align: center;
font-weight: bold;
text-decoration: none;
}

#navi li a:hover {
color: #ffffff;
background-color:#440000;
}

/* サブメニュー */
#navi ul.sub {
background: #ffffff;
border-right:1px solid #440000;
border-left:1px solid #440000;
border-bottom:1px solid #440000;
color:#ff9900;
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #ff9966;
background: none;
font-size: 12px;
font-weight: normal;
padding: 2px 0;
}

#navi ul.sub li a:hover {
font-weight:bold;
font-size: 13px;
color: #ff9900;
text-decoration:underline;
background-color: #440000;

}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
height:100px;
}

#navi li.navi_menu_on{

}

/**************** ナビゲーション（プルダウンメニュー追加）ここまで*********************/


/**************** お客様からのご感想 ここから 10/05/10*********************/
.pagenavi {
  margin-top        : 10px;
  margin-bottom     : 10px;
}

.formtable {
  margin-left       : 50px;
}

.formtable TH {
  font-size         : 11pt;
  background        : #cc9900;
  border            : 1px solid #666666;
  padding           : 3px;
}

.formtable TD {
  font-size         : 11pt;
  border            : 1px solid #666666;
  padding           : 3px;
}

/*噴出しPart１（これは横方向への大きさ変更が無理）*/

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
		font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:60px; left:70;
  	padding: 15px 0 0 0;
		width:310px;
		color: #993300;
    text-align: center;
		filter: alpha(opacity:90);
		KHTMLOpacity: 0.90;
		MozOpacity: 0.90;
		opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(./images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ 
	display: block;
	padding: 0 8px; 
	background: url(./images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(./images/bubble.gif) no-repeat bottom;
}

/**************** お客様からのご感想 ここまで 10/05/10*********************/

/***********特定商取引ページ*******/
.main-box2{
	width:800px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


#koumoku{
	 border-collapse: collapse;
	 border-top:4px solid;
	 border-left: 4px solid;
	 border-right:1px solid;
	 border-color:#cc9966;
	 background-color:#e8e8e8;
	 border-bottom:1px solid #cccccc;
}

#naiyo{
	 border-bottom:1px solid;
	 border-right:1px solid;
	 border-color:#cccccc;
	 background-color:#cc9966;
}