/*
========================================================

* デフォルトＣＳＳ解除

======================================================== 
*/

body {
margin:0;
padding:0;
text-align:center;
background-color:#ffffff;
color:#666666;
font-size:84%;
line-height:1.4;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}
img{
border:none;
}
li {
margin: 0;
list-style: none;
}
ol, ul {
margin: 0;
padding:0;
}
div,p,span{
text-align:left;
}
p{
margin:5px 0 5px 0;
padding:0;
}
td{
vertical-align:top;
line-height:1.4;
font-size:80%;
}
.mt{
margin:10px 0 0 0;
}

input{
margin:0;
padding:0;

}
form{
margin:0;
padding:0;
vertical-align:top;
}
p{
margin:0;
padding:0;
}

a{
color:#666666;
}

#menu_user_information_rss{
display:none;
}
#menu_user_information_manage{
display:none;

}
/*
========================================================

* オープンスタイルＣＳＳ

======================================================== 
*/

.clear{
clear:both;
font-size:0px;
line-height:0;
height:0px;
}

/*ブラウザ毎に処理が煩雑なのでひっぱってきたclearfixです*/
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.left{
text-align:left;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.ml{
margin-left:10px;

}
.gray_line{
background:#CACACA;
height:1px;
line-height:0;
width:100%;

}
.dotline{
width:95%;
background:url(/image/skin/x-dot.gif) repeat-x;
height:1px;
line-height:0;
margin:5px 0 0 5px;
pading:0;
}

/*
========================================================

* スキンレイアウトＣＳＳ

======================================================== 
*/

div#container{
width:770px;
margin:auto;
background:url(/image/skin/bg_body.gif) right repeat-y;
}
div#header{
}
div.header_head{
background:url(/image/skin/bg_head.gif) no-repeat;
padding:6px 0 6px 15px;
}
div.header_body{
background:url(/image/skin/bg_head_body.gif) repeat-y;
}
div.header_body h1{
padding:0;
margin:0;
font-size:100%;
font-weight:normal;
color:#FFFFFF;
}

div#content{
width:760px;
border:#D6D6D6 solid;
border-width:0 0 0 1px;
}
div.banner{
margin:0 0 4px 0;
position:relative;
width:760px;
height:200px;
background:url(/image/free/bnr_main.gif) no-repeat;
}
div.top_links a{
display:block;
width:760px;
height:200px;
position:absolute;
z-index:5;
text-indent:-9999px;
}

div.search{
width:195px;
margin:2px 0 0 460px;
vertical-align:top;
position:absolute;
}
div.btn_cart{
position:absolute;
margin:0px 0 0 646px;
}
div.search .form_left{
float:left;
width:123px;
}
div.search .form_right{
float:left;
width:60px;
}

div#main{
float:right;
width:590px;
margin:0px 0 0 0;
_margin:0;
overflow:hidden;
}
div#side_bar{
float:left;
width:160px;
font-size:80%;
}
div#side_bar ul{
margin:12px 0 0 0px;
}
div#side_bar li{
margin:0 0 12px 16px;
padding:0 0 0 12px;
background:url(/image/skin/icn_menu.gif) no-repeat 0 4px;

}
div#side_bar .submenu_visi{
display:block;

}
div#side_bar .submenu_hid{
display:block;
}
div.category{
cursor:pointer;
padding:4px 0 0px 0; 
_padding:0 0 0 0;/*IE6hack*/
}

div#footer{
clear:both;
margin:auto;

}

/*-------------------------------------------------------*/
/* スキンパーツ
/*-------------------------------------------------------*/


/*タイトル-----------------------------------------------*/

div.title{
background:url(/image/skin/bg_pagetitle.gif);
padding:6px 10px 6px 10px;
}
div.title a{
font-weight:bold;
font-size:110%;
text-decoration:none;
}
div.title h2{
font-weight:bold;
font-size:110%;
margin:0;
padding:0;
}
div.title h2 a{
font-weight:bold;
font-size:110%;
margin:0;
padding:0;
text-decoration:none;
}

div.title a{
font-weight:bold;
font-size:110%;
}

div.title_icn{
padding:0 0 0 18px;
background:url(/image/skin/icn_pagetitle.gif) left center no-repeat;
}

/*カテゴリイメージー-------------------------------------*/
div .category12 a,div .category12 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu01.gif) no-repeat;
cursor:pointer;
text-indent:-9999px;
}

div .category13 a,div .category13 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu02.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0; 
text-indent:-9999px;
}
div .category14 a,div .category14 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu03.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0;
text-indent:-9999px; 
}
div .category30 a,div .category30 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu04.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0; 
text-indent:-9999px;
}
div .category16 a,div .category16 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu05.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0; 
text-indent:-9999px;
}
div .category17 a,div .category17 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu06.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0; 
text-indent:-9999px;
}
div .category18 a,div .category18 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu07.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0; 
text-indent:-9999px;
}
div .category24 a,div .category24 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu08.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0; 
text-indent:-9999px;
}
div .category23 a,div .category23 a:hover{
width:160px;
height:34px;
display:block;
background:url(/image/skin/btn_menu09.gif) no-repeat;
cursor:pointer;
margin:4px 0 0px 0; 
text-indent:-9999px;
}


/*メニューの表示非表示用*/
div .submenu_visi18{
display:none;
}
div .submenu_visi24{
display:none;
}
div .submenu_visi23{
display:none;
}
div .submenu_hid18{
display:block;
}
div .submenu_hid24{
display:block;
}
div .submenu_hid23{
display:none;
}




/*パンクズ-----------------------------------------------*/
div.pankuzu{
clear:both;
padding:0 0 21px 0;
font-size:80%;
}
div.pankuzu li{
float:right;
padding:6px 0px 0 28px;
background:url(/image/skin/icn_menu.gif) no-repeat 15px 10px;
}
div.edit{
text-align:right;
font-size:80%;
padding:0px 0px 0 0;
}

/*ページトップへ戻る-------------------------------------*/
.back{
text-align:right;
margin:5px 20px 20px 0;
}

/*ページ内の余白指定-------------------------------------*/
.blog{
padding:0 3px 0 0;

}

.entry_substance{
padding:0 6px 0 10px;
}




/*
========================================================

* 各ページレイアウトＣＳＳ

======================================================== 
*/


/*
-------------------------------------------------------

* トップページ

-------------------------------------------------------
*/
.top_page{
font-size:100%;
}

div.green_bg{
font-size:80%;
background:url(/image/free/top_contents_bg.gif) repeat-y;
}

div.top_contents{
width:590px;
position:relative;
}
div.top_contents .top_contents_left{
float:left;
width:171px;
}
div.top_contents .top_contents_left_list{
margin:0px 0 0px 0;
}
div.top_contents .top_contents_left_list ul{
margin:10px 3px 0 10px;
}
div.top_contents .top_contents_left_list li{
margin:5px 0 5px 0;
}
div.top_contents .top_contents_left_list p{
padding:5px 13px 0 13px;
}
div.top_contents .top_contents_left span{
color:#929292;
}
div.top_contents .top_contents_left .rss_wrap{
margin:15px 0 0 0;
height:20px;
}
div.top_contents .top_contents_left .top_rss{
text-align:right;
padding:0 11px 0 0px;
position:absolute;
left:20%;
bottom:5%;
z-index:5;
}
div.top_contents .top_contents_left .letter{
padding:40px 0 0 0;
background:url(/image/free/img_top04_in01.gif) #EDF0E7 top no-repeat;
}
div.top_contents .top_contents_left .letter li{
margin:2px 0 2px 15px;
}
div.top_contents .top_contents_left .letter li a{
width:65%;
_width:80%;
display:block;
padding:5px 0 5px 40px;
background:url(/image/free/icn_pdf.gif) no-repeat left;
text-align:left;
}
div.top_contents .top_contents_left .letter p{
padding:0 13px 0 13px;
}
div.top_contents .top_contents_right{
float:right;
width:410px;
background:#F6F6F6;
}
div.top_contents .top_contents_right .info_contents{
padding:8px;
}
div.top_contents .top_contents_right .info_contents_left{
float:left;
width:115px;
}

div.top_contents .top_contents_right .info_contents_right{
float:left;
width:275px;
}
div.top_contents .top_contents_right .info_contents_right .btn{
width:275px;
text-align:right;

}
div.top_contents .top_contents_right .info_contents_right_bg{
float:left;
width:275px;
background:url(/image/free/img_top02_in02.gif) right bottom no-repeat;
}
div.top_contents .top_contents_right .top_contents_right_list ul{
margin:20px 0 0 17px;
}
div.top_contents .top_contents_right .top_contents_right_list li{
padding:0 0 0 14px;
background:url(/image/skin/icn_green_allow.gif) 0px 4px no-repeat;
}
div.top_contents .top_contents_right .top_contents_production{
margin:17px 0 0 12px;
}
div.top_contents .top_contents_right .top_contents_production input{
vertical-align:top;
}
div.top_contents .top_contents_production .wrap{
width:260px;
height:25px;
}
div.top_contents .top_contents_production .f_left{
width:80px;
float:left;
margin:0 0px 0 0;
}

div.top_contents .top_contents_production .f_right{
width:173px;
float:left;
}




div.makers_info{
font-size:80%;
margin:5px 5px 5px 0px;
padding:5px 0px 10px 10px;
border:1px #E0E0E0 solid;
background:url(/image/free/image_100.gif) right bottom no-repeat;
}
div.makers_info .f_left{
float:left;
width:110px;
}
div.makers_info .f_right{
float:right;
width:400px;
}
div.makers_info .f_right li{
float:right;
padding:0 0 0 13px;
background:url(/image/skin/icn_gray_allow.gif) 0 3px no-repeat;
margin:0 5px 0 0;
}
div.makers_info .f_right li a{
color:#10747B;
font-weight:bold;
}
div.address{
font-size:80%;
clear:both;
padding:10px;
margin:0 0 5px 0 ;
background:#E9E7E7;
}
div.address .f_left{
width:160px;
float:left;
}
div.address .f_right{
width:394px;
float:right;
}
div.address .address_text{
margin:4px 0 5px 23px;
}
div#footer .footer_head{
clear:both;
width:761px;
background:#C1C1C1;
}
div#footer .footer_head ul{
margin:0 0 0 0px;
}
div#footer .footer_head li{
float:left;
padding:10px 0 10px 0;
margin:0 0 0 16px;
}
div#footer .footer_head a{
color:#FFFFFF;
}

/*
-------------------------------------------------------

* ページ構成で必要なＣＳＳ

-------------------------------------------------------
*/

table.rayout{
width:576px;
text-align:left;
font-size:110%;
line-height:1.6;
}
table.rayout .mt table{
margin:15px 0 0 0;

}

/*トピックス型ページ------------------------------------*/
.topics_table{
width:565px;
text-align:left;
}
.topics_table td{
padding:10px 0 5px 15px;
background:url(/image/skin/x-dot.gif) repeat-x bottom;
vertical-align:middle;
white-space: nowrap; 
font-size:80%;
}
.topics_table p{
background:url(/image/skin/icn_green_allow.gif) no-repeat 0px 5px;
padding:0 0 0 15px ;
}
.topics_table td a{
text-decoration:underline;
}
.topics_table td a:hover{
text-decoration:none;
}
.topic_all{
padding:4px 0 10px 13px;

}


div.t_title{
background:url(/image/skin/bg_pagetitle.gif);
padding:6px 10px 6px 10px;
_padding:6px 10px 7px 10px;
}
div.t_title a{
font-weight:bold;
font-size:110%;
text-decoration:none;
}
div.t_title h2{
font-weight:bold;
font-size:110%;
margin:0;
padding:0;
}
div.t_title h2 a{
font-weight:bold;
font-size:110%;
margin:0;
padding:0;
text-decoration:none;
}

div.t_title a{
font-weight:bold;
font-size:110%;
}

div.t_title_icn{
padding:0 0 0 18px;
background:url(/image/skin/icn_pagetitle.gif) left center no-repeat;
}



/*牧場から食卓まで------------------------------------*/
table .page04{
width:542px;
margin:62px 0 0 0;
background:url(/image/free/bg_page4_11.jpg) repeat-y;
}
.textarea{
padding:13px;
background:url(/image/free/bg_page4_11.jpg);
}

/*生産------------------------------------------------*/
table .introduction{
width:537px;
border:3px #C2C2C2 solid;
margin:0 0 0 14px;
}
table .introduction .gray_allow{
padding:8px 0 6px 0;
}
table .introduction .gray_allow img{
margin:2px 8px 0px 4px;

}
table .introduction .pad{
padding:12px;
}

/*JAS（生産情報公表牛肉）のこと------------------------*/
table .introduction_green{
width:537px;
border:3px #5AA3A8 solid;
margin:0 0 0 14px;
}
table .introduction_green .pad{
padding:10px;
}

/*なかやま牛とは？------------------------*/
table .introduction_green03{
width:448px;
border:3px #5AA3A8 solid;
margin:0 0 0 0px;
}
table .introduction_green03 .pad{
padding:14px 5px 14px 14px;
}

/*会社概要--------------------------------------------*/
table .company_table{
width:565px;
text-align:left;
}
table .company_table th{
width:120px;
padding:10px 0 10px 35px;
background:#F6F6F6;
border:#CCCCCC solid;
border-width:0 0 3px 0;
font-size:80%;
}
table .company_table td{
width:410px;
padding:10px 0 10px 15px;
border:#CCCCCC solid;
border-width:0 0 1px 0;
vertical-align:middle;
white-space: nowrap; 
font-size:80%;
}
table .company_table img{
margin:2px 8px 0 8px 0;

}
/*沿革--------------------------------------------*/
table .history_table{
width:565px;
text-align:left;
}
table .history_table th{
width:120px;
padding:10px 0 10px 0px;
text-align:center;
background:#F6F6F6;
border:#CCCCCC solid;
border-width:0 0 3px 0;
font-size:80%;
}
table .history_table td{
width:410px;
padding:10px 0 10px 15px;
border:#CCCCCC solid;
border-width:0 0 1px 0;
vertical-align:middle;
white-space: nowrap; 
font-size:80%;
}
table .history_table img{
margin:2px 8px 0 8px 0;

}

/*えさのこと------------------------------------------*/
.checks01{
width:55px;
}
.checks02{
width:80px;
}
.checks03{
width:90px;
}
.checks04{
width:135px;
}
.checks05{
width:170px;
}
table.nakayama1 {
width: 536px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

table.nakayama1 td,
table.nakayama1 th{
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
vertical-align: middle;
padding: 2px 4px;
font-size: 74%;
}

table.nakayama1 th{
background: #DBEFF3;
font-weight: normal;
}

table.nakayama1 th.green{
background: #267272;
color: #fff;
}

table.nakayama2 {
width: 536px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

table.nakayama2 td,
table.nakayama2 th{
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: left;
vertical-align: middle;
padding: 2px 4px;
font-size: 74%;
}

table.nakayama2 th{
background: #267272;
color: #fff;
font-weight: normal;
}

div.shokai_text{
padding:8px;
border:3px #5AA3A8 solid;
font-size:75%;
line-height:1.8;
margin:13px 0 13px 0;

}


/*ページ下部のオレンジ矢印のナビ----------------------*/
table.under_navi{
margin:0 0 0 10px;
}
table.under_navi td{
vertical-align:middle;
white-space: nowrap; 
}
table.under_navi img{
margin:0 9px 0 9px;

}


table.table_tenpo td{
padding: 5px;
}


/*リクルート
----------------------*/
div.entry_text div.entry{
  display: none;
}
div.entry_text div.recruit_navi{
  display: none;
}
div.entry_text div.last_update{
  display: none;
}

.blog_thumb_corp div img{
  vertical-align:top;
  margin:5px 5px 0px 0px;
  float: none;
}
.blog_thumb_corp div.blog_thumb_bg{
  display: none;
}

/*サブメニュー選択時のスタイル記述
----------------------*/
#side_bar li a.selectmenu{
font-weight: bold;
color: #367074;
}

/*商品一覧
----------------------*/
#item_list dd.commodity_name{
background:url(/image/skin/bg_pagetitle.gif) repeat 0 0 ;
padding:6px 10px 6px 10px;
font-weight:normal !important;
margin-right: 6px;
}
#item_list dd.commodity_name a{
text-decoration:none;
font-weight:bold;
font-size:110%;
}



.trade_rules_subtitle{
background:url(/image/skin/bg_pagetitle.gif) repeat 0 0 ;
padding:6px 10px 6px 10px;
margin-right: 6px;
font-weight:bold;
font-size:110%;
text-align: left !important;
clear:both;
margin: 0 0 15px 0;
}

.trade_rules_left{
width: 120px;
margin-left: 20px;
font-weight:bold;
float:left;
clear:both;
margin: 0 0 10px 0;
}

.trade_rules_right{
margin-left: 10px !important;
width: 450px;
float:right;
margin: 0 0 10px 0;
}

.user_form_name{
font-weight:bold;
}
.user_form_name_must{
font-weight:bold;
color: #ff9c00;
}
.user_form_note{
font-size:90%;
color: #999;
}