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

/*
まるごと食の祭典
temp_html
	├index.html（トップページ）
	├shared（共通のCSS・イメージを格納）
	├Templates（テンプレート）
	├tour
		├special
			├marugoto（まるごと食の祭典）
				├index.html（まるごとトップ）
				├marugoto_hkd.html（北海道）
				├marugoto_oki.html（沖縄）
				├marugoto_miya.html（宮崎）
				├images
				└css─marugoto.css（このファイル）
*/


/*まるごと共通*/
#marugoto p.img {
	text-align: center;
	height: 200px;
}
#marugoto {
	height: auto;
	width: 960px;
	line-height: 1.5em;
	background-image: url(../images/bg_paper1.gif);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 10px;
}
#marugoto img {
}
#marugoto .left{
	float: left;
	display: block;
	margin-right: 25px;
}
#marugoto .right{
	float: right;
	display: block;
	margin-right: 10px;
	margin-left: 25px;
}
#marugoto .left300{
	float: left;
	display: block;
	margin-right: 25px;
	width: 300px;
	margin-bottom: 30px;
}
#marugoto .left450{
	float: left;
	display: block;
	margin-right: 25px;
	width: 450px;
	margin-bottom: 30px;
}
#marugoto .left550{
	float: left;
	display: block;
	margin-right: 25px;
	width: 550px;
	margin-bottom: 30px;
}
#marugoto .width760{
	width: 760px;
	margin-bottom: 30px;
	height: auto;
}
#marugoto .clear_left{
	clear: left;
}

/*まるごとトップページ*/
#marugoto #contents {
	background-color: #FFF;
	height: auto;
	width: 860px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#marugoto #contents h2 {
	background-image: url(../images/marugoto_top.gif);
	text-indent: -5000px;
	height: 230px;
	width: 800px;
	margin-top: 15px;
	margin-left: 30px;
}
#marugoto #contents .about_marugoto {
	font-size: 110%;
	text-align: center;
	margin-top: 20px;
}
#marugoto #contents .kochira {
	font-size: 110%;
	background-color: #84B4D6;
	text-align: center;
	height: 20px;
	width: 800px;
	color: #000;
	margin-top: 25px;
	margin-left: 30px;
	padding-top: 2px;
}
#marugoto #contents .kochira .yellow {
	color: #FF0;
	font-size: 80%;
}

/*まるごとトップページ_開催報告ページへのリンクボタン*/
#marugoto #contents ul {
	height: 100px;
	width: 800px;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
}
#marugoto #contents li {
	float: left;
	height: 100px;
	width: 256px;
	margin-right: 16px;
}
#marugoto #contents li a {
	display: block;
}
#marugoto #contents li.btn_miyazaki {
	margin-right: 0px;
}

/*開催報告ページ共通*/
#marugoto p.marugoto_top {
	margin-left: 50px;
	margin-top: 5px;
	margin-bottom: 3px;
}
#marugoto #contents_houkoku {
	background-color: #FFF;
	height: auto;
	width: 860px;
	margin-right: 50px;
	margin-bottom: 25px;
	margin-left: 50px;
	margin-top: 0px;
	padding-bottom: 20px;
}
#marugoto #contents_houkoku dl.gaiyou {
	color: #1A759F;
	width: 768px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	border: 3px solid #84B4D6;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	margin-bottom: 40px;
}
#marugoto #contents_houkoku dl.gaiyou dt {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #84B4D6;
	margin-bottom: 8px;
	font-size: 120%;
	padding-bottom: 2px;
}
#marugoto #contents_houkoku dl.gaiyou dd {
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
}
#marugoto #contents_houkoku #event_setsumei {
	height: auto;
	width: 760px;
	margin-bottom: 40px;
	margin-left: 50px;
	margin-top: 20px;
	margin-right: 50px;
}
#marugoto #contents_houkoku #event_setsumei .setsumei_text {
	height: auto;
	width: 450px;
	float: left;
}
/*概要フロート*/
#marugoto #contents_houkoku dl.gaiyou_ex {
	color: #1A759F;
	width: 548px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 0px;
	border: 3px solid #84B4D6;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	margin-bottom: 40px;
	float: left;
}
#marugoto #contents_houkoku dl.gaiyou_ex2 {
	color: #1A759F;
	width: 780px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	border: 3px solid #84B4D6;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	margin-bottom: 20px;
	float: left;
}
* html #marugoto #contents_houkoku dl.gaiyou_ex {
	margin-left: 15px;
}
#marugoto #contents_houkoku dl.gaiyou_ex dt {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #84B4D6;
	margin-bottom: 8px;
	font-size: 120%;
	padding-bottom: 2px;
}
#marugoto #contents_houkoku dl.gaiyou_ex dd {
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
}
#marugoto #contents_houkoku p.ex {
	width: 180px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-top: 20px;
	font-size: 123.1%;
	padding: 10px;
	background-color: #E54E00;
	color: #FFF;
}
* html #marugoto #contents_houkoku p.ex {
	margin-right: 15px;
}


/*開催報告ページ共通_プログラム内容*/
#marugoto #contents_houkoku #program {
	height: auto;
	width: 800px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	clear: both;
}
#marugoto #contents_houkoku #program h3 {
	font-size: 130%;
	color: #333;
	height: 25px;
	width: 780px;
	border-bottom-width: 2px;
	border-left-width: 8px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #C03;
	border-left-color: #C03;
	margin-top: 20px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	clear: both;
}
#marugoto #contents_houkoku #program h3 .time {
	font-size: 90%;
	color: #990;
	margin-left: 10px;
}
#marugoto #contents_houkoku #program h4 {
	margin-left: 15px;
	margin-top: 20px;
	font-size: 115%;
	color: #444;
	clear: both;
}
#marugoto #contents_houkoku #program p {
	margin-left: 15px;
	margin-top: 15px;
}
#marugoto #contents_houkoku #program img {
	margin-right: 15px;
	margin-bottom: 15px;
}
/*プログラム内容で写真の下にキャプションがある場合*/
#marugoto #contents_houkoku #program .photo_caption {
	display: block;
	margin-top: 0px;
	width: 266px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	float: left;
	text-align: center;
}


/*開催報告ページ共通_参加者・関係者の声*/
#marugoto #contents_houkoku #sankasya {
	height: auto;
	width: 700px;
	margin-top: 45px;
	margin-right: 80px;
	margin-bottom: 10px;
	margin-left: 80px;
	position: relative;
}
#marugoto #contents_houkoku #sankasya dl {
	background-image: url(../images/note_center.jpg);
	background-repeat: repeat;
	background-position: left 60px;
}
#marugoto #contents_houkoku #sankasya dt {
	background-image: url(../images/note_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 700px;
	text-indent: -5000px;
}
#marugoto #contents_houkoku #sankasya dd {
	margin-left: 45px;
	line-height: 2.5em;
	height: auto;
	width: 420px;
	border-bottom: 1px solid #993;
}
#marugoto #contents_houkoku dl#btn_tour {
	height: auto;
	width: 700px;
	margin-top: 30px;
	margin-right: 80px;
	margin-bottom: 0px;
	margin-left: 80px;
	text-align: center;
	font-size: 120%;
	color: #009;
	font-weight: bold;
}
#marugoto #contents_houkoku #btn_tour dd {
	float: left;
	margin-top: 15px;
	margin-bottom: 30px;
}
#marugoto #contents_houkoku #btn_tour dd.ntour {
	margin-left: 145px;
}
* html #marugoto #contents_houkoku #btn_tour dd.ntour {
	margin-left: 70px;
}
#marugoto #contents_houkoku #btn_tour dd.jacenter {
	margin-left: 50px;
}

#marugoto #contents_houkoku hr.finish {
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C96;
	margin: 20px;
}
#marugoto #contents_houkoku p.btn_marugoto_top {
	margin-top: 20px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
	width: 300px;
	text-align: center;
}


/*北海道開催報告ページ*/
#marugoto #contents_houkoku h2.hokkaido_top {
	background-image: url(../images/marugoto_hkd_top2.png);
	height: 215px;
	width: 860px;
	text-indent: -5000px;
}

#marugoto #contents_houkoku h2.hokkaido_top1 {
	background-image: url(../images/marugoto_hkd_top3.png);
	height: 215px;
	width: 860px;
	text-indent: -5000px;
}

/*沖縄開催報告ページ*/
#marugoto #contents_houkoku h2.okinawa_top {
	background-image: url(../images/marugoto_oki_top.jpg);
	height: 215px;
	width: 860px;
	text-indent: -5000px;
}
#marugoto #contents_houkoku h2.okinawa_top7 {
	background-image: url(../images/marugoto_oki_top7.jpg);
	height: 215px;
	width: 860px;
	text-indent: -5000px;
}
#marugoto #contents_houkoku .event_setsumei_oki {
	height: auto;
	width: 800px;
	margin-bottom: 40px;
	margin-top: 20px;
	text-align: center;
	clear: both;
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../images/Seesaa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#marugoto #contents_houkoku #program .img180 img {
}


/*宮崎開催報告ページ*/
#marugoto #contents_houkoku h2.miyazaki_top {
	background-image: url(../images/marugoto_miya_top.jpg);
	height: 215px;
	width: 860px;
	text-indent: -5000px;
}
#marugoto #contents_houkoku #sankasya dl .miya_sankasya_img {
	position: absolute;
	left: 480px;
	top: 90px;
	border-bottom-style: none;
	width: auto;
	margin-left: 0px;
}
#marugoto #contents_houkoku #sankasya dl .miya_sankasya_img  img{
	margin-bottom: 15px;
}
#marugoto p.read {
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	color: #FFF;
	background-color: #F05A24;
	padding: 10px;
}
#marugoto p.link {
	font-size: 123.1%;
	margin-top: 20px;
	text-align: center;
	padding: 5px;
	margin-right: 30px;
	margin-left: 30px;
	border: 2px dotted #DE4144;
	background-color: #FFFFAA;
	color: #333;
}
#marugoto p.img_left {
	float: left;
}
#marugoto p.illust {
	float: right;
}
#program dl.meat {
	width: 363px;
	margin-left: 15px;
	float: left;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #CCC;
}
#marugoto #contents_houkoku #program dl.meat dt img {
	margin: 0px;
	padding: 0px;
}
#program dl.meat dt.img {
	background-color: #CCC;
	text-align: center;
}
#program dl.meat dt.name {
	font-weight: bold;
	color: #333;
	background-color: #CCC;
	padding: 3px;
	margin-bottom: 5px;
}
#program dl.meat dd {

}

#marugoto #contents.marugoto2014 h2{ background: url(../images/image001.jpg) no-repeat;
width:860px;
margin-left:auto;
margin-right:auto;}

#marugoto #contents.marugoto2014 ul{ height:40px;}

#marugoto #contents.marugoto2014 li{width:156px;
margin-right:5px;
height:35px;}

#marugoto #contents.marugoto2014 li.last{margin-right:0;}

#marugoto #contents.marugoto2014 li a{ display:block;
height:35px;}

#marugoto #contents_houkoku.marugoto2014 h2{ height:30px;
text-align:center;}

#marugoto #contents_houkoku.marugoto2014 .gaiyou_ex2{ background: url(../images/marugoto_chisanbn.gif) no-repeat 580px center;}

.dish_photo{ float:left;
width:400px;
padding-top:25px;
margin-left:10px;}
.dish_text{
width:365px;
float:right;
border:1px solid #eee;}

.hotel_photo{ float:right;
width:400px;
padding-top:25px;
}
.hotel_text{
width:365px;
float:left;
border:1px solid #eee;
margin-left:10px;}

.menu_photo{ float:left;
width:530px;
margin-left:10px;
margin-top:25px;
}
.menu_text{
width:250px;
float:right;
border:1px solid #eee;
margin-top:25px;
padding-bottom:10px;
}

.menu_text p{ margin-right:10px;}

.dish_longtext{
padding:0 10px 10px;
border:1px solid #eee;}

.dish_text ul{ margin-left:10px;
margin-bottom:20px;}

.center{ text-align:center;}

.houkoku {
	height: auto;
	width: 700px;
	margin:20px auto 30px;
	background: url(../images/note_center.jpg) repeat left 60px;
	padding-bottom:20px;
}

.houkoku h4 {
	margin:0;
	padding:0;
}

#marugoto #contents_houkoku #program .houkoku h4{ margin:0;
padding:0;}

.houkoku p {
	margin-left: 45px;
	border-bottom: 1px solid #993;
	line-height: 2.5em;
	height: auto;
	width: 655px;
}

#marugoto #contents_houkoku #program .houkoku p{ margin-left: 45px;
margin-top:0;}

.mt10{ margin-top:10px;}