@charset "UTF-8";
@import url(../css/reset-min.css);
@import url(../css/fonts-min.css);

html {
	height:100%;
}

body {
	height:100%;
	background:transparent url(../images/body_bg.jpg) repeat-x;
	font-size:12px;
}

a {
	outline:none 0px #000;
	color:#063;
}

#header {
	padding:10px;
	background-color:#fff;
	position:relative;
}

#header h1 {
	width:171px;
	height:43px;
	background:transparent url(../images/head_logo.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

#header .close {
	display:inline-block !important;
	display:inline;
	zoom:1;
	background:transparent url(fair_img/icon_close.gif) 0 0 no-repeat;
	padding-left:18px;
	position:absolute;
	top:15px;
	right:15px;
}

.pnkz {
	width:740px;
	margin:10px auto;
}

/* ******************************************************

fair index

******************************************************* */
/* タイトル */

#fair-list table.header {
	width:800px;
	margin:0 auto 10px auto;
}

#fair-list h3 {
	width:800px;
	margin:20px auto;
	text-align:left;
}

#fair-list table.header td {
	padding:5px;
	background-color:#a0741b;
	color:#fff;
}

#fair-list table.header td.prev {
	width:100px;
	text-align:center;
}

#fair-list table.header td.next {
	width:100px;
	text-align:center;
}

#fair-list table.header td.title {
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#fair-list p.comment {
	width:510px;
	line-height:1.75;
	margin:0 0 10px 0;
	padding-left:50px;
	float:left;

}

#fair-list p.comment strong{
	color:#f00;
	font-weight:bold;
}

/* カレンダー */
#fair-list table.callender {
	margin:0 auto 20px auto;
	border-collapse:collapse;
	clear:left;
	content:".";
}

#fair-list table.callender th,
#fair-list table.callender td {
	width:90px;
	vertical-align:top;
	text-align:center;
	border:1px solid #ccc;
	text-align:center;
	padding:5px;
	background-color:#fffaf1;
		content:".";
}

#fair-list table.callender th {
	background-color:#F0EEE6;
}

#fair-list table.callender th.sat {
	color:#36f;
}

#fair-list table.callender th.sun {
	color:#c00;
}

#fair-list table.callender td div {
	min-height:50px;
	height:auto !important;
	height:50px;
	vertical-align:middle;
}

#fair-list table.callender td span.title {
	display:block;
	text-align:center;
	padding-top:1em;
	font-size:10px;
}

/* リスト */
#fair-list .list {
	width:680px;
	padding:10px;
	border-bottom:1px solid #ccc;
	margin:0 auto;
	position:relative;
	min-height:60px;
	height:auto !important;
	height:60px;
}

#fair-list .list img.thumbnail {
	position:absolute;
	top:10px;
	left:0;
}

#fair-list .list p.description {
	padding-left:120px;
	padding-right:200px;
}

#fair-list .list p.description span.title{
	margin-bottom:5px;
	color:#8E092E;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
}

#fair-list .list a.more-btn {
	width:81px;
	height:18px;
	position:absolute;
	right:10px;
	bottom:20px;
}

#fair-list .list a.more-btn2 {
	width:192px;
	height:29px;
	position:absolute;
	right:10px;
	bottom:10px;
}

#fair-list .title-icon {
	margin-right:3px;
	vertical-align:middle;
}

.fair_title {
	margin-top:20px;
	margin-left:97px;
}

/* ******************************************************

fair detail

******************************************************* */

#fair-detail #DetailContainer {
	width:800px;
	position:relative;
	margin:20px auto;
}

#fair-detail h3 {
	width:800px;
	margin:20px auto;
	text-align:left;
}


#fair-detail img.thumbnail {
	position:absolute;
	top:0;
	left:0;
}

#fair-detail .right {
	padding-left:320px;
}

#fair-detail .right p {
	padding:5px;
}

#fair-detail p.title {
	zoom:1;
	background-color:#a0741b;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
}

#fair-detail p.date {
	zoom:1;
	background-color:#fff;
}

#fair-detail p.catch,
#fair-detail .time {
	border-bottom:1px solid #ccc;
	margin:2px 0;
}

#fair-detail p.form {
	width:800px;
	text-align:right;
	margin-top:20px;
}

/* ******************************************************

reserve form

****************************************************** */
/*#fair-form #FormContainer {
	margin:20px auto 0 auto;
	width:740px;
}

#fair-form .title {
	text-align:center;
	font-size:16px;
	background-color:#71B86E;
	color:#fff;
	padding:5px;
}

#fair-form form {
	text-align:center;
}

#fair-form table {
	width:100%;
	border-bottom:2px solid #71B86E;
	margin-bottom:10px;
}

#fair-form .send-error {
	background-color:#F0EEE6;
	text-align:left;
	padding:5px;
	color:#f00;
}

#fair-form .send-error strong {
	display:block;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

#fair-form th,
#fair-form td {
	vertical-align:top;
	padding:7px;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	text-align:left;
}

#fair-form th {
	width:200px;
}

#fair-form th strong {
	display:inline-block !important;
	display:inline;
	zoom:1;
	padding:0 10px;
	font-weight:bold;
	color:#f00;
	font-size:10px;
}

#fair-form .field-name {
	border-left:5px solid #71B86E;
	text-indent:7px;
	font-size:14px;
	margin:10px 0;
	font-weight:bold;
	text-align:left;
}

#fair-form .sample {
	display:inline-block !important;
	display:inline;
	zoom:1;
	color:#666;
	font-size:10px;
	padding:5px 0 0 5px;
}*/

#fair-form .check-msg {
	border:1px solid #71B86E;
	background-color:#fff;
	padding:10px;
	margin:10px 0;
}

.clearboth {
	clear:both;
}

.backtd {
	background:#EEF0F2 !important;
	filter:alpha (opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* ギャラリー */
#ImgContainer {
	float:left;
}
#ImgContainer .big {
	margin-bottom:5px;
}

#ImgContainer table {
	width:300px;
	border-collapse:collapse;
}

#ImgContainer table td {
	width:100px;
	position:relative;
	float:left;
}

#ImgContainer td.cel2 {
	text-align:center;
}

#ImgContainer td.cel3 {
	text-align:right;
}

#ImgContainer td img.thumb {
	cursor:pointer;
}

#ImgContainer td img.icon {
	position:absolute;
	right:2px;
	bottom:0;
}

#ImgContainer td.cel2 img.icon {
	position:absolute;
	right:1px;
	bottom:0;
}

#ImgContainer td.cel3 img.icon {
	position:absolute;
	right:0;
	bottom:0;
}

.submit {
	margin-top:10px;
	width:260px;
	margin-left:auto;
	margin-right:auto;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}


.pBanner{
width:800px;
height;100px;
text-align:left;
padding:20px 0 30px 55px;

}