﻿@charset "utf-8";



/* ----------------------------------------------------------------------------------------------------

	Format Ver  : 1.1
	Last UpDate : 2022/03/02

	1 - 全ページ共有デザイン		（body,header,contents,footer）
	2 - 全ページ共有テキスト装飾
	3 - ボックス・ツールセット
	4 - テーブルセット
	5 - ホーム
	6 - お問い合わせ
	5 -
	6 -
	7 -
	8 -
	9 -

---------------------------------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------------------------------

	全ページ共有デザイン

---------------------------------------------------------------------------------------------------- */
body {
	color: #333;
	font-size: medium;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	_font-family: "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4em;
	text-align: center;
	word-wrap: break-word;
	background: #fffae7 url(../images/bg_wood.jpg) repeat top center;
}

a		{	color:#CC0000;}
a:hover {	text-decoration: none;}


#all,
#header,
#gnav,
#contents {
	width: 100%;
	clear:both;
}
.inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}


/* ヘッダー */
#header {
	background: #fffae7 url(../images/bg_green.jpg) repeat top center;
}


/* グローバルナビ */
#gNav {
	background: #320000 url(../images/bg_brown.jpg) repeat top center;
	margin-bottom: 30px;
}
#gNav ul {
	width: 960px;
	margin: 0 auto;
}
#gNav li {
	float: left;
	vertical-align:bottom;
}


/* パンくず */
#pan {
	margin-bottom: 30px;
}
#pan a			{	text-decoration: none;}
#pan a:hover	{	text-decoration: underline;}



/* コンテンツ */
#contentsMain {
	float: left;
}
		.one-colum	{	width: 100%;}
		.two-colum	{	width: 730px;}

#contentsSub {
	float: right;
	width: 200px;
	margin-left: 30px;
}

.contentsWrap {
	background: #FFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.section {
	padding: 30px;
	margin-bottom: 50px;
	overflow: hidden;
}
		.sectionDate	{	float: left;	margin-bottom: 5px;	font-size: small;}
		.sectionSNS		{	float: right;	margin-bottom: 5px;	}
		.sectionImage	{	float: left;	margin: 0 30px 30px 0;	width: 160px;}
		.sectionText	{	}

.pageNav {
	width: 230px;
	margin: 0 auto 50px auto;
	overflow: hidden;
}
		.pageNav .next	{	float: left;	margin-right: 30px;}
		.pageNav .prev	{	floar: right;}



/* サイド */
#contentsSub li {
	padding-bottom: 2px;
	background: url(../images/backnumber_border.gif) repeat-x 0 bottom;
}
#contentsSub a {
	display: block;
	*zoom: 1;
	padding: 10px 0 10px 45px;
	background: url(../images/backnumber_arrow.gif) no-repeat 25px 50%;
	line-height: 1.1;
	font-size: 13px;
	color: #630;
	text-decoration: none;
}
#contentsSub a:hover {
	background-color: #fff;
	background-position: 30px 50%;
}



/* フッター */
#footer {
	background: #320000 url(../images/bg_brown.jpg) repeat top center;
	padding: 30px 0;
}
		#footer a {
			color: #FFF;
			text-decoration: none;
		}
		#footer a:hover {
			text-decoration: underline;
		}
.copyright {
	float: left;
	color: #FFF;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
}
.footerBnr {
	float: right;
	overflow: hidden;
}
		.footerBnr li				{	float: left;}
		.footerBnr li:first-child	{	margin-right: 10px;}


.pageTop {
	clear: both;
	width: 960px;
	margin: 0 auto;
	text-align: right;
}







/* ----------------------------------------------------------------------------------------------------

	全ページ共有テキスト装飾

---------------------------------------------------------------------------------------------------- */
h1	{}
h2 	{
	background: #320000 url(../images/bg_brown.jpg) repeat top center;
	padding: 15px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
		h2.news,
		h2.present,
		h2.broadcast,
		h2.backnumber {
			background: none;
			padding: 0;
			border-radius: 0;
		}
		h2.present,
		h2.broadcast {
			margin-top: 10px;
			text-align: center;
			position: relative;
			bottom: -25px;
		}
h3	{
	clear: both;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 1px;
	background: #008500;
	padding: 10px 20px;
	margin-bottom: 30px;
}
		h3.present {
			color: #FF0066;
			font-size: 20px;
			background: none;
			padding: 0 0 5px 0;
			margin-bottom: 10px;
			border-bottom: #FF0066 dotted 2px;
		}
		h3.broadcast {
			margin-bottom: 10px;
		}
		h3.feedback {
			background: none;
			text-align: center;
			padding: 0;
			margin: 0;
		}
		h3 a {
			color: #FFF;
			text-decoration: none;
		}
		h3 a:hover {
			text-decoration: underline;
		}

h4	{
	margin: 20px 0;
}




/* ----------------------------------------------------------------------------------------------------

	ボックス・ツールセット

---------------------------------------------------------------------------------------------------- */
.flt-L		{	float: left;}
.flt-R		{	float: right;}
.flt-Clear	{	clear: both;}

.text-L		{	text-align: left;}
.text-C		{	text-align: center;}
.text-R		{	text-align: right;}

.font-L		{	font-size: large;}
.font-S		{	font-size: small;}
.font-SS	{	font-size: smaller;}







/* ----------------------------------------------------------------------------------------------------

	テーブルセット

---------------------------------------------------------------------------------------------------- */
table {
	width: 100%;
}
tr {
	background: #FFF;
}
th,
td {
	padding: 5px 10px;
	border: 2px solid #006633;
}
th {
	color: #FFF;
	background: #008500;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
	.over, tr:hover {
		/*background: #daeefd;*/	/* マウスオーバーした時の、trの背景色 */
	}



/* ----------------------------------------------------------------------------------------------------

	ホーム

---------------------------------------------------------------------------------------------------- */

/* お知らせ */
#news {}
#news a {
	display: block;
	overflow: hidden;
	padding: 2px;
	width: 960px;
	height: 46px;
	background: url(../../images/bg_news.png) no-repeat 0 top;
	color: #000;
	text-decoration: none;
}
#news a *		{	cursor: pointer;}
#news a:hover	{	background-position: 0 bottom;}

#news h2 {
	float: left;
	width: 110px;
	height: 34px;
	padding: 12px 0 0 0;
	background-color: #CB0000;
	text-align: center;
}
#news div {
	overflow: hidden;
	*zoom: 1;
	width: 800px;
	padding: 0 20px;
	line-height: 50px;
	white-space: nowrap;
}


/* プレセント＆放送内容 */
#present,
#broadcast {
	padding: 10px;
}
#present	{	background: #FF7B97;}
#broadcast	{	background: #008500;}

#presentWrap,
#broadcastWrap {
	padding: 40px;
	overflow: hidden;
}
#presentWrap	{	background: #FFF url(../images/bg_pink.gif) repeat top left;}
#broadcastWrap	{	background: #FFF;}

		.presentImage,
		.broadcastImage {
			float: left;
			width: 300px;
			margin-right: 30px;
		}
		.presentTextWrap,
		.broadcastTextWrap {
			float: right;
			width: 530px;
		}
		.presentDate,
		.broadcastDate {
			font-size: small;
			text-align: right;
			margin-bottom: 10px;
		}

		/*2015/3/31 horibe add*/
		.continuedLink {
			text-align: right;
			margin-bottom: 10px;
		}



/* ごちそうカントリーについて＆出演者 */
#about {
	width: 860px;
	margin: 50px auto;
	overflow: hidden;
}

	.aboutImage,
	.aboutText	{	margin-bottom: 50px;}
	.aboutImage	{	float: left;	width: 240px;	text-align: center;}
	.aboutText	{	float:right;	width: 600px;}

#cast {
	clear: both;
}
#cast ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
#cast li {
	text-align: center;
}
#cast li img {
	margin-bottom: 10px;
}

#homeFeedback {
	text-align: center;
	margin-bottom: 50px;
}



/* ----------------------------------------------------------------------------------------------------

	感想・ご意見

---------------------------------------------------------------------------------------------------- */
#feedbackForm {
	padding: 50px;
	background: url(../../feedback/images/border_main.gif) repeat-x 0 bottom;
}

		.formBox {
			background: url(../images/bg_green.jpg) repeat top center;
			border-radius: 10px;
			margin: 30px 0;
			padding: 30px;
		}
		.formNote {
			font-size: small;
		}
		.inputName {
			width: 200px;
		}
		.inputComment {
			width: 380px;
			height: 9em;
			resize: vertical;
		}
		.formAttention {
            font-size: 0.8em;
            line-height: 1.6;
			margin: 15px 0 0;
			text-align: center;
			color: #C30;
		}
		.formBtn {
			margin: 15px 0 0;
			text-align: center;
		}

#feedback {
	padding: 50px;
	margin-bottom: 50px;

}
#feedback .section {
	padding: 30px 0;
	margin-bottom: 0;
	background: url(../../feedback/images/border_main.gif) repeat-x 0 bottom;
}
.feedbackImage	{	float: right;	width: 200px; margin: 0 0 30px 30px;}
.feedbackName	{	color: #ff0066;	font-weight: bold;	font-size: 20px;	margin-bottom: 10px;}

#feedbackForm .feedbackRead p {
    text-align: center;
    line-height: 1.4;
    margin-top: 1em;
}
#feedbackForm .feedbackRead p:first-child {
    margin-top: 0;
}
#feedbackForm .feedbackRead p.error {
    color: #cc0000;
    font-weight: bold;
}



	/*2025/03/17 mano add*/
	.aboutText p{	text-align:left;}
