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



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

commons

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

div.contents-wrapper  *{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
box-sizing: border-box;
}


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

float

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

.f_left {
	float:left;
	}

.f_right {
	float:right;
}

.clear{
	clear:both;
}



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

top main content

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

body{
	background:url(../img/background.jpg);
    background-attachment: fixed;
	}


div.contents-wrapper{
  margin:auto;
  width:1035px;
  background-image:url(../img/main_bg.jpg);
  background-attachment: fixed;
 
  border-style: solid;
  border-width: 0px 23px 0px 23px;
  -moz-border-image: url(../img/boader.png) 0 23 0 23 repeat;
  -webkit-border-image: url(../img/boader.png) 0 23 0 23 repeat;
  -o-border-image: url(../img/boader.png) 0 23 0 23 repeat;
  border-image: url(../img/boader.png) 0 23 0 23 repeat;
	
	
    }
	
#title{
	background-color:#7b543e;
	text-align:center;
	}
	
#title h1{
		color:#FFFFFF;
		font-weight:0;
		font-size:100%;
	}  

#navi{
	width:320px;
	}

#main{
	width:650px;
	}

#main .article{
	margin:auto;
	width:660px;
	padding-bottom:50px;
	}
	
#program img{
	display:block;
	margin:auto;
	}

	
#main h2{
	color:#774F38;
	border-bottom:solid 3px #774F38;
	margin:0 auto 20px auto;
	padding-left:55px;
	text-shadow:
       3px 3px 0 #fff,
      -2px -2px 0 #fff,
       2px -3px 0 #fff,
      -2px 2px 0 #fff,
       2px 2px 0 #fff;
    background: url(../img/ocean_ikari.png) no-repeat 0px -3px;
	height:60px;
	width:635px;
	font-size:200%;
	}

#main h3{
	text-align: center;
    font-size: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    color: #D75921;
    border-bottom: 3px solid #fa9900;
    padding-bottom: 3px;
	margin-bottom:10px;
    line-height: 20px;
}

#main h4{
	background-color: #BC3A00;
	color:#FFFFFF;
	width:635px;
	margin:auto;
	padding:5px;
	display:block;
	text-align:center;
	font-size:120%;
	}
	
#main p.date{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #D75921;
	margin-bottom: 0.5em;
	padding: 0em 0.5em;
}

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

navi menu

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

#navi ul{
	width: 300px;
	margin:auto;
	display:block;
	}

#navi ul li {
    padding-left: 3px;
	background:url(../img/b_off.jpg);
    list-style: none;	
    border-radius: 10px;        
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;  
	    }

	
#navi ul li a{
	display: block;
	width: 300px;
	min-height: 65px;
	line-height: 65px;
	margin-bottom:10px;
	padding-left:2.8em;
	font-size: 120%;
	font-weight: 700;
	color: #774f38;
	box-sizing:border-box;
    background: url(../img/ocean_kaji.png) no-repeat 0px 6px;
	text-shadow:
       2px 2px 0 #fff,
      -1px -1px 0 #fff,
       1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
}

#navi ul li:hover{
	background:url(../img/b_on.jpg);
	}
	
	
	
/*==========

top

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

	
div#facebook div{
	margin-left:80px;;
   text-align: center;
   width:500px;
	}



div#next_program div,div#present div,div#program div,div#detail>div,div#shop div,div#recipe div,div#cast div{
	background-color: rgba(255,242,224,0.90);
	width: 635px;
	padding: 1em;
	margin: 0  auto 20px auto;
	line-height: 1.6em;
	font-size: 110%;
	color: #402A1E;
	border: #FFE103 solid 1px;
	}
	
div.p{
	display:block;
	margin:auto
	}	
	

div#next_program a,div#present a,div#next_program a,a.old_bk{
	display: block;
	min-height: 65px;
	line-height: 65px;
	margin:10px auto;
	text-align:center;
	font-size: 90%;
	font-weight: 700;
	color: #774f38;
	box-sizing:border-box;
	background:url(../img/b_off.jpg);
	text-shadow:
       2px 2px 0 #fff,
      -1px -1px 0 #fff,
       1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
    border-radius: 10px;        
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;  
}


a.old_bk{
	display:block;
	}



div#next_program a,
div#detail a,
div#shop a{
	width:500px
	}

div#present a{
	width:400px
	}

div#next_program a:hover,
div#present a:hover{
	background:url(../img/b_on.jpg);
	}


/*present*/

div#present img{
  max-width: 100%;
  height: auto;	}

div#present p{
	text-align:center;
	font-size:110%;
	font-weight:700;
}

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

下層ページcommon

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

.top_img img{
	display:block;
	margin:0 auto 2em auto;
	}

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

back number

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

div#bread_list{
	margin: 20px; 	
}

div#bread_list a{
	padding: 0 .5em;
	font-size: 90%;
	font-weight: 700;
	color:#774F38;
	text-shadow:
       1px 1px 0 #fff,
      -1px -1px 0 #fff,
       1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
	}

	
.p_list li {
	min-height: 40px;
	line-height: 40px;
	width:20%;
    display:block;
	float:left;
    margin-right: 2px;
    padding-left: 6px;
    margin-top: 8px;
    list-style: none;
	font-size:16px;
	text-align:center;
	font-weight:700;
	text-shadow:
       2px 2px 0 #fff,
      -1px -1px 0 #fff,
       1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;	
}

.p_list li+li{
	border-left:3px solid #333;
}


.p_list li:nth-child(4n+4) {
	border-left:3px solid #333;
}

.p_list li:nth-child(4n+5) {
	border-left:none;
}



div#backno div{
	margin:auto;
	width: 620px;
	border-collapse: collapse;
	margin-left: auto;
	font-size:96%;
}

#backno table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:15px auto 0 auto;
	width:100%;
}

#backno th{
	font-size:110%;
	padding:5px;
	background-color:#AED19B;
	border:#396 1px solid;
}

#backno td{
	padding:5px;
	background-color:#FFF;
	border:#396 1px solid;
}


#kokuchi3{
	width:90%;
	}

#shop.article div>div{
	width:530px;
	}

#shop.article div>div img{
	display:block;
	}


div.paragraph p{
	font-size: 16px;
	line-height: 1.7em;
}


/*thumbnail*/
 .thumbnail{
	 margin-top:20px;
	 }
.thumbnail{
	display:block;
	}

.imgall {
	margin-left: 15px;
}

/*shop*/
div#shop span{
   font-weight: bold;
    color: #3F2601;
    border-left:#fa9900 10px solid;
	border-bottom:#fa9900 1px solid;
    padding-left: 7px;
	margin:0 auto 10px auto;
	display:block;
		}
		
div#shop p{
    color: #3F2601;
    padding-left: 7px;
		}
div#shop span + p{
	margin-bottom:2em;
	}
	
div#shop span.shop2{
   font-weight: bold;
   font-size:14px;
    color: #3F2601;
    border-left:hidden;
	border-bottomt:hidden;
    padding-left: 7px;
	margin:0 auto 0px auto;
	display:inline;
	}
	
/*cast*/
div.cast img{
	display:block;
	margin:auto;
	}
		
	
p.guest{
	width:510px;
	margin:auto;
}


/*web page*/
	
.rec1{
	font-weight:700;
	background-color:#FA9900;
	padding:.2em;
	margin-bottom:.5em;
	margin-top:1em;
	text-height:font-size;
	font-size:120%;
	display:block;
	}

/*sakura160411*/

table.sakura td{
 padding: 4px;
}

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

topへ戻る

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

/*For PC*/
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 80px;
    height: 80px;
  }


.bannerarea img{max-width: 100%;height: auto;display: block;margin: 0 auto 10px;}