@charset "UTF-8";

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

【TOPページ】

/////////////////////////////////////////////////////////////////// */
.main {
	position: relative;
margin: 0px auto 25px;
	width: 960px;
}

.map-tab {
	position: absolute;
	left: 0;
	top: 0;
	width: 960px;
	z-index: 9999;
}

.map-tab ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.map-tab li {
	width: 50%;
	height: 89px;
	float: left;
	background-position: center top;
	background-repeat: no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}

.map-tab li.current,
.map-tab li:hover {
	background-position: center bottom;
}

.tab-map {
	background-image: url(../../img/index/tenpo_tab.png);
}

.tab-chirashi {
	background-image: url(../../img/index/chirashi_tab.png);
}

.map-box {
	position: relative;
	margin-top: 71px;
	width: 100%;
	height: 306px;
	background: url(../../img/index/map.png) no-repeat left bottom;
}


.chirashi-box {
	position: relative;
	margin-top: 71px;
	width: 100%;
	height: 306px;
	background: url(../../img/index/map2.png) no-repeat left top;
}




.area-box {
	position: absolute;
}

.kyushu-area {
	left: 26px;
	top: 22px;
}

.chugoku-area {
	left: 620px;
	top: 22px;
}

.shikoku-area {
	left: 620px;
	top: 190px;
}

.kinki-area {
	left: 788px;
	top: 220px;
}

.area-box h2 {
margin: 0 0 5px;
padding-left: 70px;
background: url(../../common/img/icon/arrow_pink.png) no-repeat left center;
background-position-x: 55px;
color: #28285D;
font-size: 16px;
line-height: 31px;
}

.pref-list {
	border: 3px solid #E6E6E6;
}

.pref-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #999;
	font-size: 12px;
}

.pref-list li {
	background: url(../../img/index/pref_bg_left.png) no-repeat left -10px;
	border-bottom: 1px solid #D9D9D9;
}

#js-map-kyushu li,
#js-chirashi-kyushu li {
	background: url(../../img/index/pref_bg_right.png) no-repeat right -10px;
}

.pref-list li:hover {
	background-position: left bottom;
}

#js-map-kyushu li:hover,
#js-chirashi-kyushu li:hover {
	background-position: right bottom;
}

.pref-list a {
	padding: 0 0 0 40px;
	min-width: 99px;
	display: block;
	background: url(../../img/index/arrow_left_off.png) no-repeat left center;
	color: #4D4D4D;
	line-height: 30px;
	text-decoration: none;
}

#js-map-kyushu a,
#js-chirashi-kyushu a {
	padding: 0 30px 0 10px;
	background: url(../../img/index/arrow_right_off.png) no-repeat right center;
	line-height: 28px;
}

.pref-list li:hover a {
	background: url(../../img/index/arrow_left_on.png) no-repeat left center;
	color: #FFF;
}

#js-map-kyushu li:hover a,
#js-chirashi-kyushu li:hover a {
	background: url(../../img/index/arrow_right_on.png) no-repeat right center;
}

.shop-list {
	position: absolute;
	top: 0;
	padding: 18px 18px 5px;
	min-height: 240px;
	display: none;
	z-index: 9998;
	background: #FFF;
	box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}

.shop-list:before {
	content: "";
	position: absolute;
	right: -25px;
	width: 25px;
	height: 100%;
	display: block;
	z-index: 9997;
	background: url(../../img/index/fukidashi_right.png) no-repeat;
}

.kyushu-area .shop-list {
	left: 170px;
	width: 670px;
}

.kyushu-area .shop-list:before {
	left: -25px;
	right: auto;
	background: url(../../img/index/fukidashi_left.png) no-repeat;
}

.map-fukuoka:before,
.chirashi-fukuoka:before {
	top: 30px;
}

.map-saga:before,
.chirashi-saga:before {
	top: 60px;
}

.map-nagasaki:before,
.chirashi-nagasaki:before {
	top: 90px;
}

.map-kumamoto:before,
.chirashi-kumamoto:before {
	top: 120px;
}

.map-ooita:before,
.chirashi-ooita:before {
	top: 150px;
}

.chugoku-area .shop-list,
.shikoku-area .shop-list,
.kinki-area .shop-list {
	right: 170px;
	width: 540px;
}

.map-hiroshima:before,
.chirashi-hiroshima:before {
	top: 30px;
}

.map-okayama:before,
.chirashi-okayama:before {
	top: 60px;
}

.map-yamaguchi:before,
.chirashi-yamaguchi:before {
	top: 90px;
}

.map-shimane:before,
.chirashi-shimane:before {
	top: 120px;
}

.shikoku-area .shop-list {
	top: auto;
	bottom: 0;
}

.map-kagawa:before,
.chirashi-kagawa:before {
	top: 195px;
}

.map-tokushima:before,
.chirashi-tokushima:before {
	top: 225px;
}

.kinki-area .shop-list {
	top: auto;
	bottom: 0;
}

.map-hyogo:before,
.chirashi-hyogo:before {
	top: 225px;
}

.shop-list h3 {
	margin: 0;
	padding: 0 0 5px 5px;
	border-bottom: 1px dotted #EE92BB;
	color: #BA0078;
	font-size: .9em;
	font-weight: normal;
}

.shop-list ul {
	margin: 13px 0;
	padding: 0;
	font-size: .8em;
	list-style: none;
}

.shop-list li {
	margin-left: 10px;
	float: left;
}

.shop-list a {
	padding-left: 10px;
	background: url(../../img/index/arrow_shoplist.png) no-repeat left center;
	color: #666;
	text-decoration: none;
}

.shop-list a:hover {
	color: #c60078;
}

.tenpo-search {
	margin: 15px auto 0;
	width: 930px;
}

.search-box {
	padding: 15px;
	height: 34px;
	background: url(../../img/index/tenpo_search_bg.gif) #FAE4EE left center no-repeat;
	border: 1px solid #DE9FC2;
	border-radius: 5px;
	text-align: left;
}

.search-box h2 {
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	color: #4c4c4c;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
}

.type-word {
	width: 268px;
}

.word {
	margin-top: 5px;
	float: right;
}

.word input[type="search"] {
	width: 124px;
}

.type-select {
	width: 578px;
}

.place {
	float: right;
}

.place label {
	font-size: 12px;
}

.pref-box {
	margin: 3px 0;
}

.city-box {
	margin: 3px 13px;
}

.class-box {
	margin-top: -8px;
}

.search-box button {
	margin: 0 0 0 13px;
}


/*-- yume-info 関連 --*/
/*ーーーーー
カルーセル追加のために、
該当部分、もともとのCSSをコメントアウトにしています。
.youme-info {
	position: relative;
	margin: 30px 0;
	padding-top: 22px;
	width: 100%;
	height: 192px;
	overflow: hidden;
	text-align: center;
	background: url(../../common/img/bg_youmeinfo.gif) repeat-x;
}
.youme-info .info-item {
	display: inline;
}
.youme-info img {
	border: 5px solid #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .13)
}
*/

.youme-info {
	background: url(../../common/img/bg_youmeinfo.gif) repeat-x;
	margin: 30px auto;

	width: 960px;
	overflow: hidden;
}
.youme-info .info-item {
}
.youme-info .flip-content a img {
}
/*-- yume-info 関連 ここまで--*/


.youme-tab {
	position: relative;
	margin: 0 auto 24px;
	padding-top: 53px;
	width: 960px;
}

.youme-tab h2 {
	position: absolute;
	top: 0;
	left: 360px;
	margin: 0;
	background: none;
	z-index: 30;
}

.youme-tab ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.youme-tab .switch-tab {
	position: absolute;
	left: 0;
	top: 10px;
	margin: 0;
	padding: 0;
}

.switch-tab li {
	position: absolute;
	top: 0;
	width: 170px;
	height: 43px;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.switch-tab .current,
.switch-tab li:hover {
	background-position: left bottom;
}

.switch-tab .tab01 {
	left: 5px;
	background-image: url(../../common/img/parts/youme_tab/tab01.png);
}

.switch-tab .tab02 {
	left: 183px;
	background-image: url(../../common/img/parts/youme_tab/tab02.png);
}

.switch-tab .tab03 {
	left: 607px;
	background-image: url(../../common/img/parts/youme_tab/tab03.png);
}

.switch-tab .tab04 {
	left: 785px;
	background-image: url(../../common/img/parts/youme_tab/tab04.png);
}

.youme-body {
	padding-top: 20px;
	width: 100%;
	background: url(../../common/img/parts/youme_tab/border_top.gif) repeat-x left top #f9ddeb;
}

.body-inner {
	display: none;
}

.youme-body li {
width: 210px;
height: 250px;
	margin-left: 24px;
	margin-bottom: 20px;
	float: left;
}

.youme-body li img {
	border: 6px solid #CCC;
	vertical-align: bottom;
}

.toggle-btn {
	margin: -11px auto 0;
	width: 110px;
	height: 42px;
	display: block;
	background-image: url(../../common/img/parts/youme_tab/btn_toggle.png);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.is-open {
	background-position: left bottom;
}

.main-content {
	margin: auto;
	width: 960px;
}

.left-col,
.right-col {
	padding: 8px;
	width: 454px;
	border: 1px solid #EFEFEF;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .13);
}

.left-col ul,
.right-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.left-col ul {
	margin-top: -13px;
}

.left-col li {
	padding: 15px 5px;
	float: left;
	clear: both;
	border-top: 1px dotted #faddeb;
}

.left-col li.first {
	border-top: none;
}

.left-col .date {
	float: left;
	width: 100px;
	display: block;
	color: #C60078;
	font-weight: bold;
}

.left-col a {
	float: right;
	width: 344px;
	display: block;
	color: #666;
}

.left-col a:hover {
	color: #ed6eab;
	text-decoration: underline;
}

.right-col li {
	float: left;
	width: 50%;
	text-align: center;
}

.other-box {
	margin-top: 18px;
}

.other-box p {
	margin: auto;
	width: 218px;
	font-size: .7em;
}

.info-box {
	margin: 36px 0;
	padding: 8px;
	border: 1px solid #EFEFEF;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .13);
}

.info-box h3 {
	padding-left: 13px;
	background: url(../../img/index/info_circle.gif) no-repeat left center;
	border-bottom: none;
	color: #BA0078;
	font-size: 1em;
}

.recipe-box {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px dotted #ccc;
}

.main-recipe {
	position: relative;
}

.recent-recipe {
	padding: 3px;
	width: 160px;
	height: 160px;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
}

.repice-info {
	position: absolute;
	left: 176px;
	top: 70px;
}

.repice-info p {
	margin: 0;
}

.repice-name {
	font-size: 1.1em;
}

.repice-info .recipe-data {
	margin: 8px 0 0;
	padding: 8px 8px 8px 0;
	border: 1px dotted #c60078;
	list-style: none;
	border-radius: 5px;
}

.recipe-data li {
	display: inline;
}

.recipe-data span {
	margin: 0 8px;
	padding: 2px 5px;
	background: #c60078;
	color: #FFF;
	border-radius: 5px;
}

.recipe-box .recipe-list {
	position: absolute;
	left: 176px;
	top: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.recipe-list li {
	display: inline;
}

.recipe-list img {
	padding: 2px;
	width: 54px;
	height: 54px;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 3px;
}

.main-recipe .text-right {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

.info-box .col-2 {
	padding-bottom: 13px;
	float: left;
}

.info-box-inner {
	margin: auto;
	width: 95%;
}

.info-box-inner p {
	margin: 8px 0 0;
}

.info-box-inner p.text-center.icon img {
	padding: 5px;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

.info-box-inner button {
	margin: 8px 0;
	padding: 0;
	background: none;
	border: none;
}


.naiyoueve{	

	background-color: #FFFFFF;
}

.naiyoueveimg{	
font-size: 0.8em;
	background-color: #FFFFFF;
	line-height: 1em;}

.evtitlemini{

font-size: 0.9em;
line-height: 1.3em;
padding-right:8px;
padding-left:8px;
}

.eventtitle-b{
margin-bottom: -10px;
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
}


.eventtitle-date{
background-color: #F9DDEB;
margin-left:8px;
margin-right:8px;
padding:8px;}


.eventtitle-b a{
text-decoration: none;
color: #666;
}

.evdate{color:#BA0078;}



/*ゆめタウンインフォメーション重要なお知らせ*/

span.juyo {
background-color: #eaeaea;
color: #666;
padding: 2px 10px;
}



/*ＴＯＰリニューアル追加*/

.maincampaine {
position: relative;
margin: 0 auto;
padding-top: 30px;
width: 960px;
}

.maincampaine ul {
list-style: none;
padding: 0px;
margin: 0px;
}



ul li .leftCell {
float: left;
display: block;
margin: auto;
width: 75px;
}


img.eventthum {
max-width: 75px;
max-height: 50px;
padding-right: 8px;
display: block;
margin: auto;
}

.canpaigneinfo {
width: 250px;
min-height: 350px;
padding: 8px;
float: right;
border: 1px solid #EFEFEF;
border-radius: 2px;
box-shadow: 0 0 5px rgba(0, 0, 0, .13);
}

.canpaigneinfo li {
/*padding: 8px; 0150325変更*/
padding: 14px 10px 10px 10px; 
clear: both;
border-top: 1px dotted #DFDFDF;
font-size: 0.9em;
}


.canpaigneinfo li span.date {
font-size: 0.7em;
display: block;
margin-top: 5px;
line-height: 1.3;
}

.canpaigneinfo .rightCell {
font-size: 0.9em;
line-height: 1.3;
float: right;
width: 150px;
}


.canpaigneinfo .rightCell a{
color: #666;
}

.canpaigneinfo a {
text-decoration: none;
}


.slider {
width: 680px;
float: left;
}



.okaidokugoods ul {
list-style: none;
padding-left: 13px;
margin: 0 auto;
}


.okaidokugoods li {
float: left;
margin: 0px 5px 0 5px;
padding-top: 20px;
min-height: 155px;
}


li.netonly .flag {
width: 55px;
top: -175px;
position: relative;
left: -3px;
}

.okaidokugoods {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 8px;
border: 3px;
border: 2px dotted #fae4ee;
}

.okaidokugoods p {
/*margin: -5px 0;*/
margin: 0;
font-size: 0.9em;
color: #666;
display: block;
}



p.towninfolead {
border-radius: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 10px;
background-color: #c60078;
padding: 6px 6px 6px 20px;
color: white;
margin: 8px 0 8px 0;
}

.netonlygood{
font-size:0.9em;
color:#7AB272;
float: left;
}


.flexslider {
margin: 0 0 30px !important;
 box-shadow: none !important;
}


.canpaigneinfo p {
font-weight: bold;
color: #C60078;
display: block;
border-bottom: solid 2px #C60078;
margin: 0;
}


.netonly {
 position: relative;
color: #fff;
display: inline-block;
overflow: hidden;
} 
 
.netonly p #topgazou-text {
position: absolute;
display: inline-block;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), 0px 5px 30px rgba(255, 255, 255, 0.2) inset;
text-align: center;
text-transform: uppercase;
top: 0px;
background: none repeat scroll 0% 0% #439737;
width: 60px;
right: 4px;
padding: 2px;
font-size: 0.7em;
color: #FFF;
}