@charset "utf-8";

/* ========================================================
	fair.css => フェア＆トピックスページ用css
======================================================== */


/* フェア＆トピックス
============================================================================================================ */
#fairIndexArea {
	margin-bottom: 50px;
}

#fairIndexArea .title p {
	margin: 15px 0 20px;
	text-align: center;
	color: #0373d6;
}
#fairIndexArea .title p a {
	margin: 0 1em;
	color: #0373d6;
}
#fairIndexArea .area {
	margin-bottom: 25px;
}
#fairIndexArea .topics_area {
	width: 700px;
	margin: 15px -10px 10px 0;
	color: #666666;
	zoom: 1;
}
#fairIndexArea .topics_area:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairIndexArea .topics {
	width: 330px;
	padding-right: 20px;
	float: left;
}
#fairIndexArea .topics p {
	float: left;
	padding: 2px;
	border: 1px solid #e0e0e0;
}
#fairIndexArea .topics dl {
	margin-left: 132px;
}
#fairIndexArea .topics dt {
	font-weight: bold;
	font-size: 117%;
	line-height: 1.3;
}
#fairIndexArea .topics dt span{
	display:block;
	font-size:70%;
	font-weight:normal;
}
#fairIndexArea .topics dd {
	padding-top: 0.2em;
	line-height: 1.5;
}
#fairIndexArea .topics dt a {
	color: #1c5fd9;
}
#fairIndexArea .more {
	margin-right: 10px;
	text-align: right;
}





/* フェア＆トピックス 詳細
============================================================================================================ */
#fairDetailArea {
	margin-top: 15px;
	line-height: 1.6;
}
#fairDetailInner {
	padding: 20px 0;
	border-width: 0 1px 1px;
	border-style: solid;
	color: #000000;
}
#fairDetailArea .large {
	font-size: 117%;
}

/* エリアタイトル
------------------------------------------------------ */
#fairDetailArea .area_title {
	padding: 8px 16px;
	line-height: 1.3;
	color: #ffffff;
	zoom: 1;
}
#fairDetailArea .area_title:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairDetailArea .area_title p {
	float: left;
	font-size: 117%;
	font-weight: bold;
}
#fairDetailArea .area_title p.update {
	float: right;
	padding-top: 0.2em;
	font-size: 100%;
	font-weight: normal;
}

/* 見出しタイトル
------------------------------------------------------ */
#fairDetailArea .title {
	margin: 0 22px 20px;
	padding: 3px 0 3px 16px;
	background-repeat: no-repeat;
	line-height: 1.3;
}
#fairDetailArea .title h3 {
	margin: 0;
	font-size: 150%;
}
#fairDetailArea .title p {
	margin-top: 3px;
	font-size: 134%;
	color: #666666;
}

/* 特典強調
------------------------------------------------------ */
#fairDetailArea .privilege {
	margin: 0 18px 20px;
}
#fairDetailArea .privilege dl {
	padding-top: 6px;
	background-repeat: no-repeat;
	zoom: 1;
}
#fairDetailArea .privilege dt {
	margin: 0 6px;
	padding: 6px 14px;
	font-size: 117%;
	font-weight: bold;
	line-height: 1.4;
	color: #ffffff;
}
#fairDetailArea .privilege dd {
	padding: 15px 20px 20px;
	background-repeat: no-repeat;
	background-position: bottom;
	zoom: 1;
}
#fairDetailArea .privilege dd:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairDetailArea .privilege dd .left {
	float: left;
	width: 300px;
}
#fairDetailArea .privilege dd .right {
	float: right;
	width: 300px;
}

/* レイアウト01
------------------------------------------------------ */
#fairDetailArea .layout01 {
	margin: 0 22px 20px;
	zoom: 1;
}
#fairDetailArea .layout01:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairDetailArea .layout01 .ph {
	float: left;
	width: 310px;
}
#fairDetailArea .layout01 .ph dd {
	padding-top: 3px;
}
#fairDetailArea .layout01 p {
	margin-left: 330px;
}

/* レイアウト02
------------------------------------------------------ */
#fairDetailArea .layout02 {
	margin: 0 22px 20px;
	zoom: 1;
}
#fairDetailArea .layout02:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairDetailArea .layout02 .ph {
	float: right;
	width: 310px;
}
#fairDetailArea .layout02 .ph dd {
	padding-top: 3px;
}
#fairDetailArea .layout02 p {
	margin-right: 330px;
}

/* レイアウト03
------------------------------------------------------ */
#fairDetailArea .layout03 {
	margin: 0 22px 20px;
}
#fairDetailArea .layout03 .ph {
	margin-bottom: 15px;
}

/* レイアウト04
------------------------------------------------------ */
#fairDetailArea .layout04 {
	margin: 0 0 20px 22px;
}
#fairDetailArea .layout04 .ph {
	margin-bottom: 15px;
	zoom: 1;
}
#fairDetailArea .layout04 .ph:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairDetailArea .layout04 .ph dl {
	float: left;
	width: 200px;
	padding-right: 22px;
}
#fairDetailArea .layout04 .ph dd {
	padding-top: 3px;
}
#fairDetailArea .layout04 p {
	margin-right: 22px;
}

/* レイアウト09
------------------------------------------------------ */
#fairDetailArea .layout09 {
	margin: 0 0 20px 22px;
}
#fairDetailArea .layout09 .ph {
	margin-bottom: 15px;
	zoom: 1;
}
#fairDetailArea .layout09 .ph:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairDetailArea .layout09 .ph dl {
	float: left;
	width: 143px;
	padding-right: 22px;
}
#fairDetailArea .layout09 .ph dd {
	padding-top: 3px;
}
#fairDetailArea .layout09 p {
	margin-right: 22px;
}

/* レイアウト10
------------------------------------------------------ */
#fairDetailArea .layout10 {
	margin: 0 0 20px 22px;
}
#fairDetailArea .layout10 .ph {
	margin-bottom: 15px;
	zoom: 1;
}
#fairDetailArea .layout10 .ph:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#fairDetailArea .layout10 .ph dl {
	float: left;
	width: 110px;
	padding-right: 22px;
}
#fairDetailArea .layout10 .ph dd {
	padding-top: 3px;
}
#fairDetailArea .layout10 p {
	margin-right: 22px;
}

/* 表組み
------------------------------------------------------ */
#fairDetailArea .table {
	margin: 0 22px 20px;
}
#fairDetailArea .table table {
	width: 100%;
	border-collapse: collapse;
}
#fairDetailArea .table table th,
#fairDetailArea .table table td {
	padding: 0.5em 0.8em;
	border: 1px solid #999999;
}
#fairDetailArea .table table th {
	width: 25%;
	font-weight: bold;
}

/* テキストのみ
------------------------------------------------------ */
#fairDetailArea .text {
	margin: 0 22px 20px;
}

/* 下部お問い合わせ
------------------------------------------------------ */
#fairDetailArea #topicsBottomArea {
	margin: 0 22px;
}
#fairDetailArea #topicsBottomArea dt {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 117%;
}
#fairDetailArea #topicsBottomArea ul {
	margin-top: 18px;
	padding-top: 18px;
	background: url(../../other/images/fair/bottom_btn_bg.gif) no-repeat top;
	text-align: center;
}
#fairDetailArea #topicsBottomArea ul li {
	display: inline;
	margin: 0 2px;
}




/* フェア＆トピックス 各エリア用
============================================================================================================ */
/* 沖縄
------------------------------------------------------ */
#okinawa #fairDetailArea .area_title {
	background: #2da3e8 url(../../okinawa/images/fair/area_title_bg.gif) no-repeat;
}
#okinawa #fairDetailInner {
	border-color: #2da3e8;
}
#okinawa #fairDetailArea .title {
	background-image: url(../../okinawa/images/fair/title_bg.gif);
}
#okinawa #fairDetailArea .title h3 {
	color: #0373d6;
}
#okinawa #fairDetailArea .privilege {
	background-image: url(../../okinawa/images/fair/privilege_bg.gif);
}
#okinawa #fairDetailArea .privilege dl {
	background-image: url(../../okinawa/images/fair/privilege_bg_top.gif);
}
#okinawa #fairDetailArea .privilege dt {
	background-color: #7fc8f2;
}
#okinawa #fairDetailArea .privilege dd {
	background-image: url(../../okinawa/images/fair/privilege_bg_bottom.gif);
}
#okinawa #fairDetailArea a,
#okinawa #fairDetailArea .layout01 .ph dd,
#okinawa #fairDetailArea .layout02 .ph dd,
#okinawa #fairDetailArea .layout04 .ph dd,
#okinawa #fairDetailArea #topicsBottomArea dt,
#okinawa #fairDetailArea .color {
	color: #0373d6;
}
#okinawa #fairDetailArea .table table th {
	background-color: #7fc8f2;
	color: #ffffff;
}

/* ハワイ
------------------------------------------------------ */
#hawaii #fairDetailArea .area_title {
	background: #024298 url(../../hawaii/images/fair/area_title_bg.gif) no-repeat;
}
#hawaii #fairDetailInner {
	border-color: #006ab7;
}
#hawaii #fairDetailArea .title {
	background-image: url(../../hawaii/images/fair/title_bg.gif);
}
#hawaii #fairDetailArea .title h3 {
	color: #002982;
}
#hawaii #fairDetailArea .privilege {
	background-image: url(../../hawaii/images/fair/privilege_bg.gif);
}
#hawaii #fairDetailArea .privilege dl {
	background-image: url(../../hawaii/images/fair/privilege_bg_top.gif);
}
#hawaii #fairDetailArea .privilege dt {
	background-color: #50c2f1;
}
#hawaii #fairDetailArea .privilege dd {
	background-image: url(../../hawaii/images/fair/privilege_bg_bottom.gif);
}
#hawaii #fairDetailArea a,
#hawaii #fairDetailArea .layout01 .ph dd,
#hawaii #fairDetailArea .layout02 .ph dd,
#hawaii #fairDetailArea .layout04 .ph dd,
#hawaii #fairDetailArea #topicsBottomArea dt,
#hawaii #fairDetailArea .color {
	color: #1c5fd9;
}
#hawaii #fairDetailArea .table table th {
	background-color: #98d7f1;
	color: #1c5fd9;
}

/* 北海道
------------------------------------------------------ */
#hokkaido #fairDetailArea .area_title {
	background: #00772c url(../../hokkaido/images/fair/area_title_bg.gif) no-repeat;
}
#hokkaido #fairDetailInner {
	border-color: #00772c;
}
#hokkaido #fairDetailArea .title {
	background-image: url(../../hokkaido/images/fair/title_bg.gif);
}
#hokkaido #fairDetailArea .title h3 {
	color: #009645;
}
#hokkaido #fairDetailArea .privilege {
	background-image: url(../../hokkaido/images/fair/privilege_bg.gif);
}
#hokkaido #fairDetailArea .privilege dl {
	background-image: url(../../hokkaido/images/fair/privilege_bg_top.gif);
}
#hokkaido #fairDetailArea .privilege dt {
	background-color: #c4e58c;
	color: #009645;
}
#hokkaido #fairDetailArea .privilege dd {
	background-image: url(../../hokkaido/images/fair/privilege_bg_bottom.gif);
}
#hokkaido #fairDetailArea a,
#hokkaido #fairDetailArea .layout01 .ph dd,
#hokkaido #fairDetailArea .layout02 .ph dd,
#hokkaido #fairDetailArea .layout04 .ph dd,
#hokkaido #fairDetailArea #topicsBottomArea dt,
#hokkaido #fairDetailArea .color {
	color: #009645;
}
#hokkaido #fairDetailArea .table table th {
	background-color: #c4e58c;
	color: #009645;
}

/* 軽井沢
------------------------------------------------------ */
#karuizawa #fairDetailArea .area_title {
	background: #5ab624 url(../../karuizawa/images/fair/area_title_bg.gif) no-repeat;
}
#karuizawa #fairDetailInner {
	border-color: #d3dec4;
}
#karuizawa #fairDetailArea .title {
	background-image: url(../../karuizawa/images/fair/title_bg.gif);
}
#karuizawa #fairDetailArea .title h3 {
	color: #4eb816;
}
#karuizawa #fairDetailArea .privilege {
	background-image: url(../../karuizawa/images/fair/privilege_bg.gif);
}
#karuizawa #fairDetailArea .privilege dl {
	background-image: url(../../karuizawa/images/fair/privilege_bg_top.gif);
}
#karuizawa #fairDetailArea .privilege dt {
	background-color: #d6f0a3;
	color: #4eb816;
}
#karuizawa #fairDetailArea .privilege dd {
	background-image: url(../../karuizawa/images/fair/privilege_bg_bottom.gif);
}
#karuizawa #fairDetailArea a,
#karuizawa #fairDetailArea .layout01 .ph dd,
#karuizawa #fairDetailArea .layout02 .ph dd,
#karuizawa #fairDetailArea .layout04 .ph dd,
#karuizawa #fairDetailArea #topicsBottomArea dt,
#karuizawa #fairDetailArea .color {
	color: #4eb816;
}
#karuizawa #fairDetailArea .table table th {
	background-color: #d6f0a3;
	color: #4eb816;
}