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

/*-----------------------------------------------------------
BACKGROUND
-----------------------------------------------------------*/
html{
    
}
body{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.85em;
	line-height:1.62;
	background:url(../images/head_back.png) repeat-x left top;
}
#container{
	width:960px;
	margin:0 auto;
	background:#FFF;
	position:relative;
}
/*---------------------------------------
nav
---------------------------------------*/
nav#menu{
	height:85px;
}
nav#menu li{
	float:left;
}
/* 
	LEVEL ONE
*/
ul.dropdown{
	position: relative;
	height:200px;
	background-color:#FFFFFF;
}
ul.dropdown li{font-weight: bold;
    float: left;
    zoom: 1;
    z-index:1000;
}
ul.dropdown ul a:hover{
	color: #000;
}
ul.dropdown ul a:active{
	color: #ffa500;
}
ul.dropdown li ul a{
	display: block;
	padding: 6px 8px;
	/*border-right: 1px solid #333;*/
    color: #222;
}
ul.dropdown li:last-child ul a{
	border-right: none;
} 
/* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover{
	/*background: #F3D673;*/
	color: black;
	position: relative;
}/*マウスオン*/
ul.dropdown li.hover ul a{
	color:#D85200;
	width:130px;
	/*font-weight:bold;*/
}  /*文字の色*/
/* 
	LEVEL TWO
*/
ul.dropdown ul{
	/*width: 220px;*/
	visibility: hidden;
	position: absolute;
	top: 86px;
	left: -12px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
}
ul.dropdown ul li{
	font-weight: normal;
	background:rgba(255,255,255,0.9);
	color: #000;
	border-bottom: 1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float: none;
}									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li ul a{ 
    border-right: none;
	width: 100%;
	display: inline-block;
} 
/* 
	LEVEL THREE
*/
ul.dropdown ul ul{
	left: 100%;
	top: 0;
}
ul.dropdown li:hover > ul{
	visibility: visible;
}
/*--------------------------------------
header
--------------------------------------*/
header#common{
	position:relative;
	width:960px;
	height:116px;
	clear:both;
	background:url(../images/logo2.png) no-repeat 870px 15px;
}
header#common h1{
	position: absolute;
	top: 4px;
	left: 15px;
}
header#common #head_catch{
	position: absolute;
	top: 2px;
	left:125px;
}
header#common #head_tel{
	position: absolute;
	top: 30px;
	left:125px;
}
header#common ul{
	float:right;
	padding:50px 90px 0 0;
}
header#common ul li {
	float:left;
	padding-right:20px;
    vertical-align: bottom;
}
header#common span ul{
	padding:10px 5px 0 0 ;
}
header#common span ul li:nth-child(1){
	font-size:1.1em;
}
header#common div{
	position: absolute;
	bottom: 8px;
	left:125px;
}
header#common div p{
	display:inline;
}
/*----------------------------------------
sidebar
----------------------------------------*/
#sidebar{
	float:left;
	width:220px;
}
#sidebar ul{
	padding:5px 0 10px 0;
}
#sidebar ul li{
	margin-bottom:8px;
}
#sidebar ul li a{
	color:#D35200;
}
/*----------------------------------------
main
----------------------------------------*/
#main_image{
	display:block;
}
#main_image img{
	vertical-align:middle;
}
.main_guide{
	margin:14px 10px 0 10px;
	clear:both;
}
.main{
	width:700px;
	float:right;
}
#top1,#top2,#top3,#top4{
	overflow:hidden;
	margin-bottom:10px;
}
#top1 section,#top2 .reco_wrap{
	width:220px;
	float:left;
}
#top2 .reco_wrap h3{
	font-size:1.2em;
	color:#D75300;
	font-weight:bold;
}
#top2 .reco_wrap span p{
	font-size:1.2em;
	color:#F00;
	text-align:right;
}
#top3 h3{
	font-size:1.3em;
	margin:0 0 0 10px;
	color:#0000B4;
}
#top3 p{
	font-size:1.2em;
	padding:5px 10px 0 10px;
}
#top4 dl{
	padding:3px 10px;
	overflow:hidden;
}
#top4 ul li{
	line-height:230%;
	border-bottom:solid 1px #888888;
	padding:0 10px;
	overflow:hidden;
}
#top4 dt{
	float:left;
	padding-right:20px;
}
#top4 dd{
	float:right;
	width:470px;
	color:#D85200;
}
.ma20{
	margin-right:20px;
}
.f_ri{
	text-align:right;
	font-size:0.9em;
}
.fb-like-box{
	margin:16px 0;
}
/*----------------------------------
footer
-----------------------------------*/
footer{	
	clear:both;
	margin:16px 0;
}
footer nav a{
	text-align:center;
	font-size:1.1em;
	color:#D85200;
	line-height:200%;
}
footer #footer_adderss{
	background:#FADB3B;
	text-align:center;
	font-size:1.1em;
	padding:6px 0;
}
footer #footer_copy{
	text-align:center;
	padding:10px 0 20px 0;
}
#foot_nav{
	clear:both;
	text-align:center;
	padding:16px 0 12px 0;
	background:#FBEEB2;
}
/*----------------------------------
about
-----------------------------------*/
#about1,#about2,#about4,#beiju1,#haccp2,#haccp3{
	padding:15px 0;
	overflow:hidden;
}
#about1 p{
	width:540px;
	font-size:1.2em;
	float:left;
}
.pa5{
	width:140px;
	float:right;
	margin-left:8px;
}
#about2 table,#about3 table{
	margin:10px 0;
	border-top:1px solid #CCCCCC;
}
#about2 table{
	width:700px;
}
#about2 th,#about3 th{
	font-weight:normal;
	text-align:left;
	width:125px;
	padding:8px 0 8px 15px;
	background-color:#F4F5E4;
	border-bottom:solid 1px #CCCCCC;
}
#about2 td,#about3 td{
	border-bottom:solid 1px #CCCCCC;
	padding:8px 0 8px 15px;
	width:545px;
}
#about2 section{
	width:330px;
	float:left;
}
#about2 section h3{
	font-size:1.4em;
}
.ma40{
	margin-right:40px;
}
#about4 p{
	text-align:right;
	font-size:0.8em;
}
#about4 h3{
	clear:both;
	font-size:1.2em;
	padding:0 0 0 10px;
	color:#0000B5;
	border-left:6px solid #0000B5;
	border-bottom:1px solid #0000B5;
}
.left{
	float:left;
	margin-right:40px;
}
#about4 div{
	overflow:hidden;
	padding:10px 0; 
}
#about4 div table{
	background:url(../images/about/border.png) no-repeat left bottom;
	width:328px;
}
#about4 div table th{
	padding:5px 0;
	text-align:left;
	font-weight:normal;
	font-size:0.8em;
	width:190px;
}
#about4 div table td p{
	padding:5px 0;
	text-align:left;
}
/*----------------------------------
beiju
-----------------------------------*/
#beiju1 img,#haccp2 img,#haccp3 img{
	float:left;
}
#beiju1 h2 img{
	padding:0 0 15px 15px;
}
#beiju1 p{
	float:right;
	width:460px;
	color:#0A4D3D;
	font-size:1.2em;
}
#main2{
	overflow:hidden;
	margin:20px 0;
}
#beiju2{
	width:300px;
	float:left;
}
#beiju3{
	width:380px;
	float:right;
}
#beiju3 p{
	padding:0 0 15px 0;
}
#beiju4 p{
	padding:10px;
}
/*----------------------------------
haccp
-----------------------------------*/
#haccp1 p{
	padding:0 0 10px 0;
}
#haccp1 h2{
	font-size:1.5em;
	color:#0000B4;
}
#haccp3,#cage2{
	clear:both;
}
#haccp3 section,#cage2 section{
	overflow:hidden;
	width:378px;
	float:right;
}
#haccp3 section img,#cage2 section img{
	float:none;
}
#haccp3 h2,#cage2 h3{
	overflow:hidden;
}
.haccp4,.cage3{
	margin:10px 0;
	overflow:hidden;
	clear:both;
}
.haccp4 section h3{
	font-size:1.2em;
	color:#0000B2;
}
/*----------------------------------
FAQ
-----------------------------------*/
.faq2{
	margin:10px 0 14px 0;
	clear:both;
}
.faq2 h2{
	color:#004C3D;
	font-size:1.6em;
	background-color:#FBEFAF;
	height:34px;
	font-weight:normal;
	padding-left:15px;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	margin-bottom:10px;
}
.faq2 img{
	float:left;
	width:220px;
	margin:5px 15px 10px 0;
}
/*----------------------------------
voice
-----------------------------------*/
.voice1{
	margin-bottom:10px;
}
.voice1 h2{
	border-left:solid 10px #FADB3B;
	font-size:1.6em;
	padding:0 0 0 15px;
	margin-top:10px;
}
.voice1 div p{
	color:#0A4C3D;
	font-size:1.2em;
	padding:10px 0;
}
.voice1 ul li{
	float:left;
	margin-right:10px;
}
.voice2{
	border-top:solid 1px #777777;
	padding:10px 0;
	overflow:hidden;
}
.voice2 section{
	width:540px;
	float:right;
}
.voice2 section h3{
	font-size:1.4em;
	color:#FF7F00;	
}
.voice2 section p{
	padding:10px 0;
}
.voice2 span p{
	color:#0000FF;
	font-size:1.2em;
	padding:0;
}
/*----------------------------------
contact
-----------------------------------*/
.font16{
	font-size:1.2em;
	padding-top:15px;
}
#contact1 p span{
	color:#FF3F00;
}
#contact1 p{
	padding-bottom:10px;
}
#contact2{
	margin:0 5px; 
	padding:10px;
	border:solid 8px #C4E5CD;
}
#contact2,#food1{
	overflow:hidden;
}
#contact3{
	margin-bottom:15px;
}
#contact3 h2,#contact4 h2,#contact5 h2{
	background-color:#EBEBEB;
	padding:10px 0 10px 30px;
	font-size:1.2em;
}
#contact3 ul{
	padding:10px 0 0 30px;
	overflow:hidden;
}
#contact3 ul li{
	padding-right:60px;
	float:left;
	font-size:1.2em;
}
#contact4 table{
	margin:20px 0;
}
#contact4 th{
	text-align:left;
	padding:10px 0 10px 15px;
	font-size:1.2em;
	font-weight:normal;
	width:170px;
}
.orange{
	color:#FF4000;
}
#contact4 td small{
	font-size:0.9em;
}
#contact5 textarea,#contact3 ul li textarea{
	margin:15px 0 10px 30px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#contact6{
	margin:30px 0;
	clear:both;
	height:55px;
	text-align:center;
}
#contact6 input[name="submitConfirm"], #contact6 input[name="checkbtn"]{
	width:214px;
	height:55px;
	font-size:1.4em;
	padding:10px 45px;
	border:none;
	background:#FADB3B;
	font-weight:bold;
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	margin-bottom:20px;
}
#contact6 input[name="submitBack"]{
	width:214px;
	height:55px;
	font-size:1.4em;
	padding:10px 45px;
	border:solid 1px #999;
	background:#FFF;
	font-weight:bold;
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	margin-bottom:20px;
}
#contact4 input[type="text"], #contact4 input[type="email"]{
    background: #FFF;
    height: 28px;
    padding: 3px;
	margin-bottom: 0.5rem;
}

/*----------------------------------
food
-----------------------------------*/
#food1 h2{
	text-align:center;
	margin:13px 0 17px 0;
}
#food1 p{
	float:right;
	width:385px;
}

#food2 h3,#cage1 h2{
	font-size:1.4em;
	color:#0000B2;
	padding-bottom:10px;
}
#food2,#cage1{
	margin:15px 0;
	clear:both;
}
#food2 img,#cage1 img{
	margin:0 15px 5px 0;
	float:left;
}
/*----------------------------------
cage
-----------------------------------*/
.cage3 section h4{
	font-size:1.4em;
	color:#0000B2;
}
#cage4{
	overflow:hidden;
	margin-bottom:15px;
}
#cage4 p{
	margin-top:10px;
	float:left;
	width:380px;
}
#cage4 span img{
	margin-top:10px;
	float:right;
}
#cage2 h3,#cage4 h3{
	color:#002CB2;
	font-size:1.5em;
	background-color:#FBEFAF;
	height:34px;
	font-weight:normal;
	padding:3px 0 0 15px;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	margin-bottom:10px;
}
/*----------------------------------
blog
-----------------------------------*/
.blog0{
	padding:15px 0;
}
.blog1{
	border-top:1px solid #9AC202;
	clear:both;
	margin:0 0 14px 0;
}
.blog1 .blog_time p{
	padding:10px 0 0 10px;
	font-size:0.9em;
}
.blog1 h2{
	font-size:1.8em;
	padding:0 0 11px 10px;
	background:url(../images/blog/blogbar.png) no-repeat left bottom;
}
.blog1 p{
	padding:15px 0 15px 10px;
}
/*----------------------------------
thanks
-----------------------------------*/
#thanks h2{
	font-size:1.6em;
}


ul#dropdownmenu {
  width: 100%;
   height:85px;
  *zoom: 1; /*forIE6,7*/
}
ul#dropdownmenu:after {
  content: "";
  display: block;
  clear: both;
}
ul#dropdownmenu li {
  width: 120px;
  float: left;
  *zoom: 1; /*forIE6,7*/
  white-space: nowrap;
  z-index:1000;
}
ul#dropdownmenu li ul {
  visibility: hidden;
  position: absolute;
  margin-left:-10px;
   box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
   z-index:1000;
}
ul#dropdownmenu li:hover > ul {
  visibility: visible;
}
ul#dropdownmenu li ul li {
  width: auto !important;
  min-width: 100px;
  clear: left;
  position: relative;
  background:rgba(255,255,255,0.9);
}
ul#dropdownmenu li ul li ul {
  top: -20px;
  left: 100%;
}
ul#dropdownmenu2 li a {
  display: block;
 /* background-color:#FFF;*/
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  padding:5px 10px;
  color: #F60;
  text-align: center;
  text-decoration: none;
  width:120px;
}
* html ul#dropdownmenu li a { /*forIE6*/
  zoom: 1;
}

/*ul#dropdownmenu li a:hover {
  background-color: #666;
}*/
ul#dropdownmenu li ul li a {
  text-align: left;
}
/*---------------------------
gelato
---------------------------*/
.gelato1 h1{
	padding:10px 0;
}
.gelato1 p{
	font-size:1.3em;
	padding:10px 0;
}
.gelato1 section{
	margin:10px 0 40px 0;
}
.gelato1 section h2{
	font-size:1.6em;
	color:#FF7F00;
}
.gelato1 section p{
	font-size:0.9em;
	padding:0;
}
.gelato1 section p a{
	color:#006CD8;
	text-decoration:none;
}
.gelato1 section ul li{
	float:left;
	width:350px;
	font-size:1.3em;
	padding:10px 0 40px 0;
}
.gelato1 section img{
	padding-left:20px;
	float:right;
}

/*ここから新規追加*/
/*ひら飼い*/

#hiragai p{
	font-size:1.2em;
}
#hiragai01 ,#hiragai02,#hiragai03,#hiragai04 {
	margin-bottom:40px;
	overflow:hidden;
}
#hiragai01 h1{
	margin:10px 0;
}
#hiragai01 img{
	margin-bottom:10px;
}
#animal ul{
	margin:10px auto;
	display:block;
	width:50%;
}
#animal li{
	font-size:1.25rem;
	font-weight:bold;
	line-height:150%;
	color:#002CB2;
}
#animal{
	background-image: url(../images/hiragai/hiragai02.png);
	overflow: hidden;
	display: block;
	height: 175px;
	margin: 20px 0 45px 0;
	background-repeat: no-repeat;
}

#hiragai03 img{
	float:left;
	overflow:hidden;
	margin-right:20px;
}
#hiragai03 p{
	display:block;
	overflow:hidden;
}
#hiragai03 h2,#hiragai04 h2{
	margin-bottom:20px;
	overflow:hidden;
}
#hiragai04 p{
	width:370px;
	display:block;
	float:left;
	margin-right:20px;
	overflow:hidden;
}
#hiragai04 span{
	float:right;
	font-size: 1em;
    margin-top: 5px;
}
/*VR*/
.vr_video{
	margin-top:2rem;
}
.vr_video section{
	margin-bottom:2rem;
}
.vr_video section ul{
	overflow:hidden;
}
.vr_video section li{
	padding-bottom:0.3rem;
	font-size:1.1rem;
	float:left;
	width:50%;
}
.hira_tittle{
	background:#C2E7CB;
	color:#004C3D;
	padding:0.3rem 0 0.1rem 0;
	text-align:center;
	margin-bottom:0.3rem;
	font-size:1.2rem;
}
.vr_video h3{
	font-size:1.1rem;
	padding-bottom:0.3rem;
	font-weight:bold;
}
.vr_video iframe{
	text-align:center;
	margin:0 auto;
	display:block;
	padding-top:0.5rem;
}
/*ちどちたまご*/
.chidori_top p{
	padding:1rem 0;
	font-size:1.2rem;
}
.chidori_top img{
	margin-bottom:2rem;
}
.chidori_menu h2{
	text-align:center;
	margin:1rem auto 0.5rem auto;
	font-size:2.2rem;
	font-weight:bold;
}
.chidori_menu{
	margin-bottom:1.5rem;
}
.chidori_menu p{
	margin-bottom:1rem;
	font-size:1.1rem;
}
.chidori_menu p strong{
	font-size:1.6rem;
	font-weight:bold;
}
.chidori_keii h2{
	color:#F27F1F;
	font-size:2.0rem;
	text-align:center;
	margin-bottom:0.5rem;
}
.chidori_keii p{
	font-size:1.1rem;
	margin-bottom:1.5rem;
}
.chidori_keii img{
	margin-bottom:2rem;
}
.chidori_keii section h3{
	font-weight:bold;
	font-size:1.4rem;
}