﻿@charset "utf-8";
/*  --------------------------  
	hachinokohonpo
	subpage.css
------------------------------*/

#content {
	padding: 25px 10px;
	overflow: hidden;
}

#leftCont {
	width: 560px;
	float: left;
	overflow: hidden;
}

#rightCont {
	width: 164px;
	float: right;
	overflow: hidden;
}


/*  -----  news ------   */

#newscont {
	width: 560px;
}

.nnews {
	margin-bottom: 20px;
}

.nnews p {
	margin: 20px 0 ;
	line-height: 1.5;
	color: #996600;
	font-size: 84%;
}

dt {
	margin: 10px 0 5px;
	font-size: small;
	color: #996600;
	font-weight: bold;
}

dd { 
	font-size: small;
	color: #CC6600;
	text-decoration: none;
	line-height: 1.5;
}


/*  -----  hachinoko ------   */

#hachinoko {
	width: 560px;
	font-size: 84%;
}

#hachinoko p {
	margin-top: 10px;
}

.hachiBoxleft {
	width: 120px;
	float: left;
	padding-top: 100px;
	padding-left: 20px;
	padding-right: 30px;
}

.hachiBoxright {
	width: 380px;
	float: left;
}

.ownerimg {
	width: 115px;
	height: 150px;
	padding: 1px;
	border: solid 1px #ccc;
} 

.pcont_tit {
	padding-bottom: 10px;
	padding-top: 20px;
	margin: 0 auto;
	width: 128px;
	height: 20px;
}

.pcont {
	width: 380px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

.pconte {
	width: 380px;
	text-align: right;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

.movie_btn {
	clear: both;
	width: 380px;
	margin-left: 180px;
	margin-top: 20px;
	margin-bottom: 40px;
}

#mitsuBox { width: 560px; }

#mitsuimg { width: 560px; height: 135px; margin-top: 20px; padding: 2px; }

#mitsuimg p { clear: both; font-size: x-small; color: #cc3300; margin-top: 10px; }

.mitsu_l { float: left; margin-right: 30px; border: solid 1px #ccc; }

#mitsuBox p { font-size: medium; line-height: 1.5; color: #333333; margin-bottom: 30px; }


/* ===== table ===== */

#hachinoko table {
	width: 500px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.07em;
	border-collapse: collapse;
}

.td1 {
	width: 120px;
	background-color: #cbac75;
	padding: 5px 5px 5px 10px;
	border: solid 1px #996600;
}

.td2 {
	width: auto;
	background-color: #fffff0;
	padding: 5px 5px 5px 20px;
	border: solid 1px #996600;
}



/*  -----  apiary ------   */

#apiary {
	width: 560px;
}

#apiary h3 {
	border-left: solid 5px #9b6905;
}

#apiary p {
	font-size: 88%;
	line-height: 1.5;

}


.aokimovie {
	text-align: center;
}

.pcont2 {
	width: 540px;
	margin: 20px 0px 20px 10px;	
	line-height: 1.4;
	letter-spacing: 0.1em;
}

.apiaryimg {
	width: 540px;
	height: 200px;
	border: solid 1px #ccc;
	margin: 30px 0px;
	padding: 1px;
}

.staffimg {
	width: 544px;
	height: 166px;
	margin-bottom: 30px;
	border: solid 1px #ccc;
	padding: 1px;
}

.staffbox {
	width: 548px;
	height: 168px;
	padding: 0px 0px 30px;
	font-size: 82%
}

.staffimgsl {
	width: 250px;
	height: 166px;
	border: solid 1px #ccc;
	padding: 1px;
	float: left;
}

.staffimgsr {
	width: 250px;
	height: 166px;
	border: solid 1px #ccc;
	padding: 1px;
	float: right;
}

.staffimgp1,
.staffimgp2,
.staffimgp3 {
	width: 105px;
	height: 146px;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 135px;
	color: #FFFFFF;
}

.staffimgp1 {
	background-image: url(../img/apiary/n_morikawa.jpg);
}

.staffimgp2 {
	background-image: url(../img/apiary/d_takahashi.jpg);
}

.staffimgp3 {
	background-image: url(../img/apiary/k_otsu.jpg);
}

.movie_btn3 {
	float: left;
	margin-top: 50px;
	margin-left: 70px;
}


/*  -----  sumitu ------   */

#sumitu {
	width: 560px;
	font-size: 84%;
}

.sumituBox {
	width: 545px;
	padding: 20px 0px 30px 0px;
	overflow: hidden;
}

.sumituBox2 {
	width: 545px;
	padding: 20px 0px 30px 0px;
	overflow: hidden;
}

.sumituimg {
	float: left;
	border: solid 1px #ccc;
	padding: 1px;
}

.sumitup {
	float: left;
	line-height: 1.6;
	letter-spacing: 0.02em;
	width: 320px;
	padding-left: 20px;
}

.sumitup2 {
	float: left;
	line-height: 1.6;
	letter-spacing: 0.02em;
	width: 310px;
	margin-right: 20px;
}

.sumitup3 {
	line-height: 1.6;
	letter-spacing: 0.02em;
	width: 540px;
}

.movie_btn2 {
	margin-top: 50px;
	margin-left: 60px;
}

.sumitucut {
	margin-left: 40px;
	margin-top: 20px;
}

.sumituBox3 {
	text-align: center;
}

.sumituBox3 p {
	font-size: 84%;
	margin-top: 5px;
	margin-bottom: 50px;
}

/*  -----  koigoromo ------   */

#koigoromo {
	width: 560px;
	font-size: 84%;
}

.koigoromoBox {
	width: 545px;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.koigoromoBox2 {
	width: 545px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.koigoromoBox3 {
	line-height: 1.6;
	overflow: hidden;
	margin-bottom: 50px;
}

.koigoromoBox3 p {
	font-size: 84%;
	margin-top: 5px;
}

.koigoromoBox3 img {
	margin-bottom: 50px;
}


.koigoromoimg {
	float: left;
}

.koigoromop {
	float: left;
	line-height: 1.6;
	letter-spacing: 0.02em;
	width: 545px;
}

.koigoromop2 {
	float: left;
	line-height: 1.6;
	letter-spacing: 0.02em;
	width: 290px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.koigoromop3 {
	line-height: 1.6;
	letter-spacing: 0.02em;
	width: 540px;
}

.movie_btn2 {
	margin-top: 50px;
	margin-left: 60px;
}

.koigoromocut {
	margin-left: 40px;
	margin-top: 20px;
}



.koigoromoBox h3 {
	font-size: 94%;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin: 20px 0;
}



/*  -----  iwai ------   */

#iwai {
	width: 560px;
	font-size: 84%;
}

.iwaip {
	margin: 15px 15px 30px 0;
	line-height: 1.6;
	letter-spacing: 0.07em;
	color: #333;
}

.iwaip2 {
	margin: 15px 5px 80px;
	line-height: 1.6;
	letter-spacing: 0.07em;
	color: #666666;
}

.iwaiimg1 {
	margin-bottom: 30px;
}

.iwaiimg {

}

.spp1 {
	color: #990000;
	font-weight: bold;
}

.rengep {
	line-height: 1.4;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}


/*  -----  info ------   */

#info {
	font-size: 84%;
}

#info table {
	width: 550px;
	margin-top: 30px;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.07em;
	border-collapse: collapse;
	margin-bottom: 30px;
}

.td3 {
	width: 125px;
	background-color: #faf0e6;
	padding: 10px 5px 10px 10px;
	border-bottom: solid 1px #996600;
	color: #990000;
}

.td4 {
	width: auto;
	background-color: #fffff0;
	padding: 10px 10px 10px 20px;
	font-size: 12px;
	border-bottom: solid 1px #996600;
}

.td5h {
	width: 250px;
	background-color: #ffdab9;
	padding: 5px 5px 5px 10px;
	border-bottom: solid 1px #996600;
	font-size: 14px;
	color: #990000;
}

.td6h {
	width: auto;
	background-color: #ffdab9;
	padding: 5px 10px 5px 20px;
	font-size: 14px;
	font-weight: bold;
	border-left: solid 1px #996600;	
	border-bottom: solid 1px #996600;
	color: #333333;
}

.td5 {
	background-color: #faf0e6;
	padding: 5px 5px 5px 10px;
	border-bottom: solid 1px #996600;
	font-size: 14px;
	color: #990000;
	text-align: center;
}

.td6 {
	background-color: #fffff0;
	padding: 5px 10px 5px 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-left: solid 1px #996600;
	border-bottom: solid 1px #996600;
	color: #333333;
}


/*  -----  shuzenji ------   */

#gmap {
	margin-bottom: 50px;
	padding: 2px;
	border: solid 1px #ccc;
	width: 500px; height: 500px;
}

#shh3 {
	margin-bottom: 10px;
	color: #0099FF;
}


/*  -----  link ------   */

#linkcont {
	width: 540px;
	margin-bottom: 50px;
}

#linkcont h2 { font-size: medium; color: #0066FF; margin: 0 0 20px 0 ;  }
#linkcont h3 { font-size: medium; color: #666666; margin: 30px 0 10px 0; border-bottom: solid 1px #333; }
#linkcont p { font-size: 84%; line-height: 1.4; border-bottom: dotted 1px #666; padding: 5px 5px 5px 0; }

#linkcont .sp7 { color: #9933CC; }

