@charset "utf-8";

/*ここは消さないで下さい!*/
/* Template Name: type02_iphone_orange */
/*CSSLicense: jp-soft.com Tsunehisa Hazama*/

*{margin: 0;padding: 0;}

body{
  font-family: Arial,san-serif;
  font-size: 16px;
  line-height: 1.6;
  background: #FEDBBB;}

ul,li,dl,dt,dd{list-style:none;}
header,footer,section{display: block;}

/*リンク属性*/
a {color: #E66E19;font-weight: bold;text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
.nav_cat a[selected],
.nav_ent a[selected],
.nav_cat a:active ,
.nav_ent a:active {
  background: #FF5500 url("http://www.yamashin-beef.com/i/simg/nav_list_white.png") right center no-repeat !important;
  color: #FFFFFF !important;}

/*ヘッダー属性*/
header {
  line-height:45px;
  height:45px;
  padding:0;
  white-space: nowrap;
  border: 1px solid     #D55800;
  background:           #E66E19;
  color:                #fff;
  font-weight: bold;
  position: relative;
  background-image: -moz-linear-gradient(top,#F29654,#E66E19);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F29654),color-stop(1,#E66E19));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F29654', EndColorStr='#E66E19')";}

header h1{
  margin: 0 10px 0 42px;
  overflow: hidden;
  color: #FFF;
  font-size:17px;
  font-weight: bold;
  text-overflow: ellipsis;
  text-shadow: 0 -1px 1px #D55800;}
  
header h1 a:link,header h1 a:visited,header h1 a:hover{
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 -1px 1px #D55800;}

/*Home*/
.h_nav{position: absolute;top: 0;left: 0;width: 100%;}
.nav_page_left{position: absolute;top: 6px;left: 3px;}
  
/*Topic Path*/
.nav_topicpath{
  padding: 5px 10px;
  color: #999999;
  font-size: 12px;}
  
.navi_topicpath a{padding: 3px 0;}

/******************************************************/

/*コンテンツ*/
#contents{padding: 0 10px;}

#e_title{margin: 20px 0; padding: 15px;background: #FFF;}
h2{font-size: 18px;color: #333;}
h3{margin-top: 10px;font-size: 16px;color: #D55800;}
.doc{margin: 10px 0 20px;padding: 10px;background: #FFF;}
.img_center{text-align: center;margin: 10px 0;}

/*google adsense*/
.ads{margin: 0; padding: 0;}


/*リスト表示*/
.nav_ent,.nav_cat{margin: 0.8em 0;}

.nav_ent li,.nav_cat li{
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #BBB #BBB #CCC #BBB;
  background-color: #FFF;
  position: relative;}

.nav_ent li:first-child{
  border-width: 1px;
  border-style: solid;
  border-color: #BBB #BBB #CCC #BBB;
  -moz-border-radius-topleft:       .6em;
  -webkit-border-top-left-radius:   .6em;
  border-top-left-radius:           .6em;
  -moz-border-radius-topright:      .6em;
  -webkit-border-top-right-radius:  .6em;
  border-top-right-radius:          .6em;}

.nav_cat li:first-child{
  border-width: 1px;
  border-style: solid;
  border-color: #BBB #BBB #CCC #BBB;
  background: #E66E19;
  padding: 5px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  -moz-border-radius-topleft:       .6em;
  -webkit-border-top-left-radius:   .6em;
  border-top-left-radius:           .6em;
  -moz-border-radius-topright:      .6em;
  -webkit-border-top-right-radius:  .6em;
  border-top-right-radius:          .6em;
  background-image: -moz-linear-gradient(top,#F29654,#E66E19);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F29654),color-stop(1,#E66E19));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F29654', EndColorStr='#E66E19')";}

.nav_ent li:last-child,.nav_cat li:last-child{
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #BBB;
  -moz-border-radius-bottomleft: 	.6em;
  -webkit-border-bottom-left-radius: .6em;
  border-bottom-left-radius: 		.6em;
  -moz-border-radius-bottomright: 	.6em;
  -webkit-border-bottom-right-radius:.6em;
  border-bottom-right-radius: 		.6em;}

.nav_ent a,.nav_cat a{
  padding: 10px 20px 10px 10px;
  display: block;
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  line-height: 1.2em;
  background: url("http://www.yamashin-beef.com/i/simg/nav_list.png") right center no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}

.postmetadata {
  font-size: 12px;
  font-weight: normal;
  color: #444;
  white-space: normal;}

.nav_ent img,.nav_cat img{
  float: left;
  margin-right: 5px;
  width: 80px;
  height: 80px;}


.counter {
  font-size: 12px !important;
  font-weight: bold;
  background-color: #E66E19;
  color: #FFF;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: .1em .6em;
  display: inline!important;
  text-align: right;
  margin-top: -0.8em;
  position: absolute;
  top: 50%;
  right: 35px;}
  
.f_nav{margin: 15px 0;text-align: center;}

.nav_kiji{
  border: 1px solid #BBB;
  margin: 0 5px;
  padding: 8px;
  background-image: -moz-linear-gradient(top,#F29654,#E66E19);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F29654),color-stop(1,#E66E19));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F29654', EndColorStr='#E66E19')";}

.f_nav a{color: #FFF;font-weight: bold;}
.nav_kiji img{margin:0 5px;border-style: none; vertical-align: middle;}

/******************************************************/

#global_footer{
  background:#E66E19;
  color:#FFF;
  font-weight: bold;
  margin-top: 25px;
  padding-bottom: 10px;
  font-size: 12px;
  text-align: center;
  background-image: -moz-linear-gradient(top,#F29654,#E66E19);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F29654),color-stop(1,#E66E19));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F29654', EndColorStr='#E66E19')";}

/*リスト表示（フッター内ページ）*/
.nav_page{margin: 0;}
.nav_page ul{
  list-style:none;
  display: block; 
  border-top: 1px solid #D55800;
  border-bottom: 1px solid #D55800;  
  height:3em;}
  
.nav_page ul li{
  float: left;
  width: 50%;
  height: 3em;
  font-size: 12px;
  text-align: center;
  border-right: 1px solid #D55800;
  display: block;margin-right: -1px;}
  
.nav_page li:last-child {border-right-width: 0;margin-right: 0; }
.nav_page a{display: block;color: #FFF;font-weight: bold;text-decoration: none;line-height: 3em;}
.nav_page img{margin-right: 5px;border-style: none; vertical-align: middle;}

#global_footer p.copyright{margin:10px;line-height:1.2em;font-size: 12px;text-align: center;color: #FFF;}

/******************************************************/

/*corner radius  */
.corner_tl {
  -moz-border-radius-topleft:       .6em;
  -webkit-border-top-left-radius:   .6em;
  border-top-left-radius:           .6em;}
	
.corner_tr {
  -moz-border-radius-topright:      .6em;
  -webkit-border-top-right-radius:  .6em;
  border-top-right-radius:          .6em;}

.corner_bl {
  -moz-border-radius-bottomleft:    .6em;
  -webkit-border-bottom-left-radius:.6em;
  border-bottom-left-radius:        .6em;}
  
.corner_br {
  -moz-border-radius-bottomright:   .6em;
  -webkit-border-bottom-right-radius:.6em;
  border-bottom-right-radius:       .6em;}
  
.corner_top {
  -moz-border-radius-topleft:       .6em;
  -webkit-border-top-left-radius:   .6em;
  border-top-left-radius:           .6em;
  -moz-border-radius-topright:      .6em;
  -webkit-border-top-right-radius:  .6em;
  border-top-right-radius:          .6em;}
  
.corner_bottom {
  -moz-border-radius-bottomleft:    .6em;
  -webkit-border-bottom-left-radius:.6em;
  border-bottom-left-radius:        .6em;
  -moz-border-radius-bottomright:   .6em;
  -webkit-border-bottom-right-radius:.6em;
  border-bottom-right-radius:       .6em;}
  
.corner_all {
  -moz-border-radius:               .6em;
  -webkit-border-radius:            .6em;
  border-radius:                    .6em;}

/*box shadow  */
.ul_shadow {
  -moz-box-shadow: 0px 1px 4px      rgba(0,0,0,.3);
  -webkit-box-shadow: 0px 1px 4px   rgba(0,0,0,.3);
  box-shadow: 0px 1px 4px           rgba(0,0,0,.3);}

.icon_shadow {
  -moz-box-shadow: 0px 1px 0        rgba(255,255,255,.4);
  -webkit-box-shadow: 0px 1px 0     rgba(255,255,255,.4);
  box-shadow: 0px 1px 0             rgba(255,255,255,.4);}

/* ボタン*/
.btn01 a{
  width : 250px;
  margin: 10px 0;
  padding : 6px;
  color : #FFF;
  font-size: 16px;
  text-align : center; 
  text-decoration : none; 
  background-color : #FF9999;
  border : 2px solid #FFF;
  display : block;
  /* CSS3 */
    /* radius */
    -webkit-border-radius : .5em;
    -moz-border-radius : .5em;
    border-radius : .5em; 
    /* shadow */
    -moz-box-shadow: 0 0 5px #999; 
    -webkit-box-shadow: 0 0 5px #999; 
    box-shadow: 0 0 5px #999;}
  
.btn01 a:hover{
  color : #FFF;
  background-color : #F00;}