@charset "UTF-8";

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

お知らせ一覧

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

#newsList {
	margin:0 0 20px 0;
}
#newsList h2 {
	font-size:110%;
	color:#555B9C;
	font-weight:600;
	border-bottom:solid 4px #6EBB54;
	padding:0 0 3px 5px;
	margin:0 0 10px 0;
}
#newsList ul {
	margin-bottom:20px;
}
#newsList ul li {
	font-size:80%;
	margin-top: 15px;
	padding: 0 0 12px 5px;
	border-bottom: dotted 2px #014F27;
}
#newsList ul li a {
	text-decoration:none;
	color:#666;
}
#newsList ul li a:hover {
	text-decoration:underline;
	color:#990000;
}
#newsList .newRelease {
	color:#990000;
	font-weight:600;
}
#newsList .category {
	color:#3A3792;
	width:130px;
	float:left;
}
#newsList .title {
	width:550px;
	float:right;
}
.borderLine {
	border-bottom:solid 5px #6EBB54;
}
.pageNavi {
	margin-bottom:25px;
	padding-bottom:10px;
}
.pageNavi li {
	float:left;
}
.pageNavi a {
	color:#666666;
	text-decoration:none;
	font-size:80%;
	padding:5px 10px;
	 border-radius: 2px;        /* CSS3 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
}
.pageNavi a:hover {
	color:#fff;
	background-color:#69C;
}
.active {
	color:#fff !important;
	text-decoration:none;
	font-size:80%;
	background-color:#555B9C;
	padding:5px 10px;
	 border-radius: 2px;        /* CSS3 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
}
.active:hover {
	background-color:#69C !important;
}

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

お知らせ詳細

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

/* ニュース記事、画像  */
#newsWrapper {
}
#newsWrapper .title {
	font-size:110%;
	line-height:1.5em;
	color:#333333;
	border-bottom:solid 2px #6EBB54;
	margin:0 0 5px 0;
	padding:0 0 3px 5px;
}
#newsWrapper .date {
	font-size:70%;
	line-height:1.5em;
	color:#444;
	text-align:right;
	margin:0 0 10px 0;
}
#newsWrapper .newsArticleWrapper {
	padding-left:10px;
}
#newsWrapper .imgWrapper {
	float:right;
	width:330px;
	margin:0 0 15px 15px;
	display:inline;
	text-align:center;
}
#newsWrapper .article {
	font-size:80%;
	line-height:1.5em;
	color:#666666;
}
#newsWrapper .imgWrapper img {
	margin-bottom:10px;
}


/* 添付ファイル  */
#dataBox {
	margin:20px 0 0 0;
	padding:20px 0 0 20px;
	border-top:dotted 1px #999999;
}
#dataBox .data {
	font-size:80%;
}
#dataBox .data img {
	vertical-align:middle;
	display:inline-block;
}
#dataBox .data a {
	vertical-align:middle;
	text-decoration:none;
	color:#666666;
}
#dataBox .data a:hover {
	color:#990000;
	text-decoration:underline;
}


/* 最新ニュースリスト  */
#newsdeatilList {
	width:600px;
	float:right;
	margin:35px 0 0 0;
}
#newsdeatilList h2 {
	font-size:110%;
	color:#555B9C;
	font-weight:600;
	border-bottom:solid 4px #6EBB54;
	padding:0 0 3px 5px;
	margin:0 0 10px 0;
}
#newsdeatilList ul {
	float:right;
	width:580px;
	margin-bottom:20px;
}
#newsdeatilList ul li {
	font-size:80%;
	margin-top: 15px;
	padding: 0 0 12px 5px;
	border-bottom: dotted 2px #014F27;
}
#newsdeatilList ul li a {
	text-decoration:none;
	color:#666;
}
#newsdeatilList ul li a:hover {
	text-decoration:underline;
	color:#990000;
}
#newsdeatilList .newRelease {
	color:#990000;
	font-weight:600;
}
#newsdeatilList .category {
	color:#3A3792;
	width:130px;
	float:left;
}
#newsdeatilList .title {
	width:430px;
	float:right;
}

/* ボタン「一覧を見る」  */
.more  {
	text-align:right;
}
.more a  {
	text-decoration:none;
	color:#666666;
}
.more span {
	font-size:80%;
}
.more a:hover {
	text-decoration:underline;
	color:#990000;
}

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

おいしさの秘密

=========================================== */
.flowIntro {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:30px;
}
#elementsWrapper {
	padding-left:20px;
}
.element {
	padding-left:85px;
	margin-bottom:25px;
}
.element h3 {
	font-size:130%;
	line-height:1.2em;
	color:#F39800;
	margin-bottom:5px;
}
.element p {
	font-size:80%;
	line-height:1.5em;
}
.element .left {
	width:370px;
	float:left;
	padding-right:15px;
}
.element img {
	width:216px;
}
.no1 {
	background:url(../images/no1.png) no-repeat;
}
.no2 {
	background:url(../images/no2.png) no-repeat;
}
.no3 {
	background:url(../images/no3.png) no-repeat;
}
.no4 {
	background:url(../images/no4.png) no-repeat;
}
.no5 {
	background:url(../images/no5.png) no-repeat;
}
#flowWrapper {
	background:url(../images/flow.png) no-repeat;
	width:710px;
	height:678px;
	position:relative;
}
#flowWrapper h3, #flowWrapper p {
	text-indent:-9999px;
}
.kinshitsuka {
	position:absolute;
	top:209px;
	left:82px;
	width:130px;
	height:62px;
}
.seijouka {
	position:absolute;
	top:209px;
	left:307px;
}
.sakkin {
	position:absolute;
	top:337px;
	left:82px;
}
.bottomseal {
	position:absolute;
	top:364px;
	left:514px;
}
.kensa {
	position:absolute;
	top:486px;
	left:286px;
}
.natsuin {
	position:absolute;
	top:486px;
	left:514px;
}
.seihinkensa {
	position:absolute;
	top:608px;
	left:82px;
}

/*
.tooltips {
	display:none;
}
*/

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

商品ラインナッ7

=========================================== */
.linkIce {
	background:url(../images/btn_ice.png) no-repeat;
	width:270px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin-bottom:10px;
	margin-top:-10px;
}
.linkIce:hover {
	background:url(../images/btn_ice_hover.png);
}
.commodityWrapper {
	border-bottom:dotted 2px #22AC38;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
.commodityWrapper h3 {
	font-size:120%;
	line-height:1.5em;
	color:#00479D;
	font-weight:600;
	margin-bottom:10px;
}
.commodityWrapper h4 {
	font-size:100%;
	line-height:1.5em;
	color:#00893F;
	border-bottom:solid 2px #00893F;
	margin-bottom:10px;
}
.commodityWrapper p {
	font-size:80%;
	line-height:1.5em;
	margin-bottom: 5px;
}
.commodityWrapper .limit{
	color:rgba(160,0,2,1.00);
	margin:5px 0 10px;
}
.commodityWrapper .left {
	width:480px;
	float:left;
}
.commodityWrapper .memoWrapper {
	background:url(../images/anoko.gif) no-repeat;
	padding:0 0 0 65px;
}
.commodityWrapper .memo {
	border-left:solid 4px #8FC31F;
	color:#22AC38;
	margin:15px 0 20px 0;
	padding:5px 0;
}
.commodityWrapper .memo h5 {
	font-size:90%;
	font-weight:600;
	margin-bottom:5px;

}
.commodityWrapper .memo p {
	padding-left:15px;
}
.commodityImg {
	float:right;
	margin:10px 0 0 0;
}
#icecreamImg{
	width: 428px;
	margin: 15px auto 20px;
}
.ecDrink {
	background:url(../images/btn_drink.png) no-repeat;
	width:195px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.ecDrink:hover {
	background:url(../images/btn_drink_hover.png);
}
.ecEat {
	background:url(../images/btn_eat.png) no-repeat;
	width:195px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.ecEat:hover {
	background:url(../images/btn_eat_hover.png);
}
.ecDrinkFurusato {
	background:url(../images/btn_drink.png) no-repeat;
	width:195px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.ecDrinkFurusato:hover {
	background:url(../images/btn_drink_hover.png);
}
.ecEatFurusato {
	background:url(../images/btn_eat.png) no-repeat;
	width:195px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.ecEatFurusato:hover {
	background:url(../images/btn_eat_hover.png);
}

.buyListWrap{
	background: #f1f1f1;
	padding: 15px;
	margin: 10px 0;
}

.buyTitle{
	font-size:90%;
	color: #fff;
	background:#0099e0;
	padding: 0 20px;
	display: inline-block;
	border-radius: 15px;
	margin-bottom: 8px;
}

.buyListItem{
	font-size:90%;
	margin-bottom: 3px;
}

.buyListItem a{
	color: #007cb6;
}

.buyListItem::before{
	font-size:80%;
	content: "●";
	color: #0099e0;
	margin-right: 2px;
}

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

アイス牧場

=========================================== */
.linkCommodity {
	background:url(../images/btn_commodity.png) no-repeat;
	width:270px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin-bottom:10px;
	margin-top:-10px;
}
.linkCommodity:hover {
	background:url(../images/btn_commodity_hover.png);
}
#iceBokujou {
	background:url(../images/icebokujou.png?t=1) no-repeat;
	width:710px;
	height:505px;
	margin-bottom:30px;
}
#iceBokujou h3 {
	width:330px;
	color:#0068B7;
	font-weight:600;
	text-indent:-9999px;
}
.iceWrapper {
	padding:0 0 20px 0;
	margin:0 0 30px 0;
}
.iceWrapper h3 {
	font-size:120%;
	line-height:1.5em;
	font-weight:600;
	color:#005BAC;
	border-bottom:dotted 2px #005BAC;
	margin-bottom:10px;
}
.iceWrapper p {
	font-size:80%;
	line-height:1.5em;
}
.iceWrapper ul li .iceName{
	color:#fff;
	font-weight:600;
	width:140px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	background-color:#2F90DA;
	padding:7px 0 4px 0;
}
.iceWrapper ul li .iceNote {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:10px;
	width:550px;
	float:left;
	padding:7px 0 4px 0;
}
.iceWrapper .left {
	width:390px;
	float:left;
}
.iceWrapper .memoWrapper {
	background:url(../images/anoko.gif) no-repeat;
	padding:0 0 0 65px;
}
.iceWrapper .memo {
	border-left:solid 4px #92D4F5;
	color:#005BAC;
	margin:10px 0 10px 0;
	padding:5px 0;
}
.iceWrapper .memo h5 {
	font-size:90%;
	font-weight:600;
	margin-bottom:5px;

}
.iceWrapper .memo p {
	padding-left:15px;
}

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

ごあいさつ

=========================================== */
.message {
	font-size:80%;
	line-height:1.5em;
	clear:both;
}
.nihei {
	float:right;
	margin:0 0 15px 15px;
}
.messagePhoto01 {
	float:left;
	margin:0 15px 15px 0;
}
.messagePhoto02 {
	float:right;
	margin:0 0 15px 15px;
}

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

HACCPとは

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

.haccpWrapper {
	margin-bottom:30px;
}
.haccpWrapper h3 {
	color:#005BAC;
	font-size:110%;
	line-height:1.5em;
	border-bottom:solid 2px #005BAC;
	margin-bottom:15px;
}
.haccpWrapper p {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:15px;
}
.haccpWrapper .haccp_photo {
	font-size:80%;
	line-height:1.5em;
	float:right;
	margin:0 0 0 15px;
}

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

生産者のこだわり

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

.produce {
	font-size:120%;
	line-height:1.5em;
	color:#C30D23;
}
.producerWrapper {
	margin-bottom:30px;
}
.producerWrapper h4 {
	background:url(../images/producer_bar.png) repeat-y;
	font-size:100%;
	line-height:1.5em;
	color:#fff;
	padding:9px 0 6px 20px;
	margin-bottom:20px;
}
.producerWrapper p {
	font-size:80%;
	line-height:1.5em;
}
.producerWrapper .innerWrapper {
	margin-bottom:30px;
}
.producerWrapper .innerWrapper h5 {
	font-size:110%;
	line-height:1.5em;
	color:#004EA2;
	border-bottom:solid 2px #004EA2;
	margin-bottom:20px;
}
.producerWrapper .photo_right {
	float:right;
	margin:0 0 15px 15px;
}
.producerWrapper .photo_left {
	float:left;
	margin:0 15px 15px 0;
	width:234px;
	height:181px;
}
.producerWrapper a {
	font-weight:600;
	margin:20px 0 0 20px;
	text-decoration:none;
	display:block;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	background-color:#76BF20;
	border:solid 3px #690;
	color:#fff;
	width:250px;
	padding:15px;
	text-align:center;

}
.producerWrapper a:hover {
	background-color:#F60;
	border:solid 3px #CC3300;
}

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

女の子ストーリー

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

#story  {
	padding:0 0 250px 130px;
	background:url(../images/girlstory.png) no-repeat;
	background-position:right bottom;
	border-bottom:solid 3px #22AC38;
}
#story h3 {
	font-size:110%;
	line-height:1.5em;
	color:#C30D23;
	margin-bottom:5px;
}
#story p {
	font-size:80%;
	line-height:1.5em;
	padding:0 0 0 20px;
}
.girlImg{
	margin:15px auto;
	width:332px;
	height:242px;
}

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

工場見学会のご案内

=========================================== */
.tourTitle {
	font-size:120%;
	line-height:1.5em;
	border-bottom:solid 3px #54B553;
	margin-bottom:20px;
	color:#444;
}
.tourIntro {
	font-size:90%;
	line-height:1.5em;
	font-weight:600;
	color:#18499E;
	margin-bottom:20px;
}
#tourWrapper {
	background:url(../images/tour_photo.png) no-repeat;
	padding-top:280px;
}
#tourWrapper p {
	font-size:100%;
	line-height:1.5em;
	font-weight:600;
	color:#C30D23;
	margin-bottom:10px;
}
#tourWrapper ul {
	margin-bottom:20px;
}
#tourWrapper li {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:5px;
}
#tourWrapper li span {
	color:#8FC31F;
}
.application {
	background:url(../images/tourpdf.png) no-repeat;
	width:408px;
	height:48px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.application:hover {
	background:url(../images/tourpdf_hover.png);
}

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

会社概要

=========================================== */
#aboutWrapper {
	margin-bottom:30px;
}
#aboutWrapper img {
	float:left;
}
#aboutWrapper p {
	float:right;
	font-size:80%;
	line-height:1.5em;
	width:350px;
}
#companyWrapper {
	font-size:80%;
	line-height:1.5em;
}
#companyWrapper dl {
	margin-top:17px;
	padding-bottom:12px;
	border-bottom:dotted 1px #999;
	display:block;
}
#companyWrapper dt {
	width:70px;
	padding-left:10px;
	float:left;
	color:#00893F;
	display:block;
	font-weight:600;
}
#companyWrapper dd {
	display:block;
	padding: 0 0 0 20px;
}
#companyWrapper iframe {
	border:solid 1px #CCC;
	display:block;
	margin:10px 0 0 60px;
	padding:0;
}
#companyWrapper a {
	margin-left:60px;
}
.history {
	width:630px;
	float:right;
}
.history li {
	margin-bottom:20px;
}
.history .left {
	width:70px;
	font-weight:600;
	float:left;
}
.history .right {
	width:540px;
	float:right;
}

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

お問い合わせ

=========================================== */
#inquiryWrapper p {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:10px;
}
#inquiryWrapper ul {
	margin-bottom:20px;
}
#inquiryWrapper li {
	font-size:80%;
	line-height:1.5em;
}
.tableWrapper {
	margin-bottom:50px;
}
.entryform1 {
	border:solid 1px #666;
	border-collapse:collapse;
}
.entryform1 th, .entryform1 td {
	border:solid 1px #666;
	padding:12px 10px;
	font-size:80%;
	line-height:1.5em;
	color:#666;
}
.entryform1 th {
	font-size:80%;
	line-height:1.5em;
	color:#fff;
	background:#77C35C;
	text-align:center;
	font-weight:600;
}
.entryform1 td {
	font-size:80%;
	line-height:1.5em;
	color:#666;
}
.month span {
	font-size:80%;
}

.course span {
	font-size:120%;
	font-weight:600;
}
.btnConfirm {
	width:220px;
	margin:0 auto;
	display:block;
	margin-top:20px;
	padding:15px 10px;
	cursor: pointer;
}

.submitBtn{
	width:220px;
	padding:15px 10px;
	cursor: pointer;
}

.btnWrapper {
	text-align:center;
	margin-top:20px;
}
.btnWrapper form {
	display:inline;
}
.error {
	font-size:80%;
	line-height:1.5em;
	color:#990000;
	font-weight:600;
	margin-bottom:10px;
}
.entryEnd {
	font-size:100%;
	line-height:1.5em;
	color:#900;
	text-align:center;
}
.thanks {
	text-align:center;
}
.thanks p {
	font-size:100%;
	line-height:1.5em;
	color:#666;
	margin-bottom:10px;
}
.thanks a {
	color:#FF6633;
	text-decoration:none;
}
.thanks a:hover {
	color:#F60;
	text-decoration:underline;
}
.red {
	color:#990000;
	font-size:80%;
	line-height:1.5em;
	margin-bottom:5px;
}

.radioBtn{
	cursor: pointer;
}

input,textarea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #9e9e9e;
	border-radius: 3px;
}


input[type="text"]{
	padding: 5px;
}

textarea{
	padding: 5px;
}

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

プラバシーポリシー

=========================================== */
#privacyWrapper {
	padding-left:20px;
}
#privacyWrapper dt {
	font-size:100%;
	line-height:1.5em;
	color:#21AB37;
	border-bottom:solid 2px #21AB37;
	margin-bottom:10px;
	font-weight:600;
}
#privacyWrapper dd {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:30px;
	padding-left:10px;
}
#privacyWrapper dd p {
	margin-bottom:10px;
}
#privacyWrapper dd ul {
	padding-left:15px;
}
#privacyWrapper dd ul li {
	margin-bottom:5px;
}
#privacyWrapper span {
	font-size:120%;
	font-weight:600;
	line-height:1.5em;
}
.privacypolicy {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:20px;
}

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

サイトマップ

=========================================== */
#sitemapWrapper {
	padding-left:20px;
}
#sitemapWrapper dt {
	margin-bottom:5px;
}
#sitemapWrapper dt a {
	font-size:120%;
	line-height:1.5em;
	color:#21AB37;
	text-decoration:none;
}
#sitemapWrapper dt a:hover {
	color:#FF6600;
	text-decoration:underline;
}
#sitemapWrapper dd {
	font-size:80%;
	line-height:1.5em;
	margin-bottom:25px;
	padding-left:25px;
}