@charset "UTF-8";
html {
	background: #000000;
}
body {
	background:url(../img/bg_wrapper.gif) center bottom no-repeat #000000;
}

a:link {
	color:#FFFFFF;
}
a:visited {
	color:#FFFFFF;
}

div#wrapper {
	background: url(../img/bg_body.jpg) top center no-repeat;
}
div#wrapper-area {
	width:900px;
	padding:0 19px 23px;
	margin:0 auto;
}
div#header { padding-bottom: 300px; }

body#top div#header {
	cursor: pointer;
	padding-bottom:477px;
}

strong{
	font-weight:bold;
}
/* ----------------------------------------------------------------
 *  Background Photo
 * ---------------------------------------------------------------- */

div#container {
	background:url(../img/bg_container.jpg) left top no-repeat;
}
body#campaign div#container {
	background:url(../img/bg_mobile.jpg) left top no-repeat;
}
body#about div#container {
	background:url(../img/bg_nightcruising.jpg) left top no-repeat;
}
body#profile div#container {
	background:url(../img/bg_company.jpg) left top no-repeat;
}
body#contact div#container {
	background:url(../img/bg_contact.jpg) left top no-repeat;
}
body#privacy div#container {
	background:url(../img/bg_privacy.jpg) left top no-repeat;
}
body#top div#container {
	background-image: url(../img/top/bg_top_empty.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body#sweets div#container { background-image: url(../sweets/img/29.jpg); background-repeat: no-repeat; background-position: left top; }

body#tour div#container { background-image: url(../tour/bg.jpg); background-repeat: no-repeat; background-position: left top; }






body#top div.random0 {
	background-image: url(../img/top/bg_top.jpg) !important;
}
body#top div.random1 {
	background-image: url(../img/top/bg_top1.jpg) !important;
}
body#top div.random2 {
	background-image: url(../img/top/bg_top2.jpg) !important;
}
body#top div.random3 {
	background-image: url(../img/top/bg_top3.jpg) !important;
}
body#top div.random4 {
	background-image: url(../img/top/bg_top4.jpg) !important;
}
body#top div.random5 {
	background-image: url(../img/top/bg_top5.jpg) !important;
}
body#top div.random6 {
	background-image: url(../img/top/bg_top6.jpg) !important;
}
body#top div.random7 {
	background-image: url(../img/top/bg_top7.jpg) !important;
}
body#top div.random8 {
	background-image: url(../img/top/bg_top8.jpg) !important;
}
body#top div.random9 {
	background-image: url(../img/top/bg_top9.jpg) !important;
}
body#top div.random10 {
	background-image: url(../img/top/bg_top10.jpg) !important;
}
body#top div.random11 {
	background-image: url(../img/top/bg_top11.jpg) !important;
}
body#top div.random12 {
	background-image: url(../img/top/bg_top12.jpg) !important;
}



/*===================================================
  ClearFix
=====================================================*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hides from IE-mac ¥*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */



/* ----------------------------------------------------------------
 *  Logo
 * ---------------------------------------------------------------- */

div#logo {
	margin-left:10px;
	text-indent:-9999px;
	text-align:left;
}
div#logo a {
	position:relative;
	display:block;
	width:257px;
	height:83px;
	background:url(../img/logo.png) left top no-repeat;
}


/* ----------------------------------------------------------------
 *  Gnavi
 * ---------------------------------------------------------------- */

ul#gnavi {
	clear:both;
	float:left;
	margin-left:10px;
	display:inline;
}
ul#gnavi li {
	text-indent:-9999px;
	display:inline;
}
ul#gnavi li a {
	display:block;
	width:222px;
	height:43px;
	margin-bottom:10px;
	border: 1px solid #666666;
}
ul#gnavi li.top a {
	background:url(../img/gnav_top.png) left top no-repeat;
}
ul#gnavi li.top a:hover {
	background:url(../img/gnav_top_on.png) left top no-repeat;
}
ul#gnavi li.about a {
	background:url(../img/gnav_about.png) left top no-repeat;
}
ul#gnavi li.about a:hover {
	background:url(../img/gnav_about_on.png) left top no-repeat;
}
ul#gnavi li.spot a {
	background:url(../img/gnav_spot.png) left top no-repeat;
}
ul#gnavi li.spot a:hover {
	background:url(../img/gnav_spot_on.png) left top no-repeat;
}
ul#gnavi li.campaign a {
	background:url(../img/gnav_campaign.png) left top no-repeat;
}
ul#gnavi li.campaign a:hover {
	background:url(../img/gnav_campaign_on.png) left top no-repeat;
}
ul#gnavi li.story a {
	background:url(../img/gnav_story.png) left top no-repeat;
}
ul#gnavi li.story a:hover {
	background:url(../img/gnav_story_on.png) left top no-repeat;
}
ul#gnavi li.photo a {
	background:url(../img/gnav_campaign.png) left top no-repeat;
}
ul#gnavi li.photo a:hover {
	background:url(../img/gnav_campaign_on.png) left top no-repeat;
}
ul#gnavi li.romanticspot a {
	background:url(../img/gnav_story.png) left top no-repeat;
}
ul#gnavi li.romanticspot a:hover {
	background:url(../img/gnav_story_on.png) left top no-repeat;
}
ul#gnavi li.blog a { background:url(../img/gnav_blog.png) left top no-repeat; 
}
ul#gnavi li.blog a:hover {
	background:url(../img/gnav_blog_on.png) left top no-repeat;
}
ul#gnavi li.sweets a { background:url(../img/gnav_sweets.png) left top no-repeat; 
}
ul#gnavi li.sweets a:hover {
	background:url(../img/gnav_sweets_on.png) left top no-repeat;
}

/* ----------------------------------------------------------------
 *  Main
 * ---------------------------------------------------------------- */
div#main {
	display:inline;
	float: right;
	margin-right:15px;
	border:1px solid #666666;
	width: 630px;
	text-align: left;
	background:#000000;
	color:#FFFFFF;
	margin-bottom: 10px;
}

div#main p {
	padding:7px;
	margin-bottom:1.5em;
	line-height:1.5em;
	letter-spacing:0.2em;
}

p#privacy-date {
	text-align:right ;
}
	
p.text-right {
	text-align:right ;
	line-height:1em;
}
/* ----------------------------------------------------------------
 *  H1
 * ---------------------------------------------------------------- */
h1 {
	color:#FFFFFF;
	text-indent:-9999px;
	width:100%;
}
body#campaign h1 {
	background:url(../img/h1_campaign1.png) left top no-repeat;
	padding-bottom:45px;
	margin-top:0;
}
body#about h1 {
	background:url(../img/h1_night-cruising.png) left top no-repeat;
	padding-bottom:24px;
	margin-top:2px;
}
body#privacy h1 {
	background:url(../img/h1_privacy.png) left top no-repeat;
	margin-left:4px;
	padding-bottom:24px;
	margin-top:2px;
}
body#profile h1 {
	background:url(../img/h1_company.png) left top no-repeat;
	margin-left:4px;
	padding-bottom:24px;
	margin-top:2px;
}
body#spot h1 {
	background:url(../img/h1_spot.png) left top no-repeat;
	margin-left:2px;
	padding-bottom:24px;
	margin-top:6px;
}
body#story h1 {
	background:url(../img/h1_story.png) left top no-repeat;
	margin-left:2px;
	padding-bottom:24px;
	margin-top:6px;
}

body#romantic_spot h1 {
	background:url(../img/h1_r-spot.png) left top no-repeat;
	margin-left:0;
	padding-bottom:24px;
	margin-top:0;
}
body#sweets_spot h1 {
	background:url(../img/h1_r-sweets.jpg) left top no-repeat;
	margin-left:0;
	padding-bottom:24px;
	margin-top:0;
}

h4#h1_about {
	background:url(../img/h1_about2.png) left top no-repeat;
	width:280px;
	height:43px;
	text-indent:-9999px;
}

h4#h1_campaign2 {
	text-indent:-9999px;
	width:100%;
	background:url(../img/h1_campaign2.png) left top no-repeat;
	margin-left:5px;
	height:43px;
}
body#campaign h2 {
	text-indent:-9999px;
	width:100%;
	background:url(../img/h2_campaign1.png) left top no-repeat;
	margin-left:5px;
	height:42px;
}


/* ----------------------------------------------------------------
 *  H2
 * ---------------------------------------------------------------- */

h2 {
	font-size:150%;
	font-weight:bold;
	padding-left:7px;
}
body.common_spot h2{
	font-size:123.1%;
	padding:7px;
}

/* ----------------------------------------------------------------
 *  H3
 * ---------------------------------------------------------------- */
 
h3 {
	font-size:14px ;
	font-weight:normal ;
	padding-left:7px;
	margin-top:5px ;
}

body#about h3{
	font-weight:bold;
	padding:7px;
}
/* ----------------------------------------------------------------
 *  MEMO
 * ---------------------------------------------------------------- */

div.memo {
	margin: 7px;
	/*border: #666666 solid 1px;*/
	padding-top:7px ;
}
/* ----------------------------------------------------------------
 *  BOTTOM-MEMO
 * ---------------------------------------------------------------- */

div#prof {
	margin:7px;
	margin-top:0;
	float:left;
	border:1px solid #666666;
	width:290px;
}
	
div#view-info {
	margin:7px;
	margin-top:0;
	float:right;
	border:1px solid #666666;
	width:300px;
	color:#aaa;
}


	
div#prof h4,
div#view-info h4  {
	margin:5px;
}

div#prof img {
	float:right;
}

div#prof p,
div#view-info p{
	margin:0;
	padding:5px 10px ;
	line-height:1.2em;
	letter-spacing:0em;
}


	
div#qr-code {
	text-align:center ;
	margin: 7px;
	margin-top:0 ;
	float:left ;
	width:290px ;
}
/* ----------------------------------------------------------------
 *  FOOTER
 * ---------------------------------------------------------------- */

div#footer {
	clear:both;
	color:#FFFFFF;
	background:url(../img/bg_footer.png) repeat-x left bottom;
	padding:20px 20px 60px;
}
div#footer ul#footnav li {
	display: inline;
	text-indent:-9999px;
}
div#footer ul#footnav li a {
	display: block;
	float:right;
	height:11px;
}
div#footer ul#footnav li.company a {
	width:105px;
	background:url(../img/fnav_company.png) left top no-repeat;
}
div#footer ul#footnav li.privacy a {
	width:150px;
	background:url(../img/fnav_privacy.png) left top no-repeat;
}
div#footer ul#footnav li.contact a {
	width:104px;
	background:url(../img/fnav_contact.png) left top no-repeat;
}
div#footer p#copyright {
	font-family: "Times New Roman", Times, serif;
	clear: both;
	padding-top:10px;
}

/*===================================================
  top
=====================================================*/
/*
body#top div#footer {
	clear:both;
	color:#FFFFFF;
	padding:20px 20px 60px;
	background-image: url(../img/top/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
*/
div#banners {}
div#banners a{
	float:left;
	display:block;
	height:100px;

}
div#banners a.banner_fair {
	width:225px;
	background:url(../img/top/bn_fair.jpg) left top no-repeat;
}
div#banners a.banner_sweets {
	width:450px;
}

div#banners a.banner_tour {
	width:900px; height:130px;
}

div#banners a.banner_mail {
	width:225px;
	background:url(../img/top/bn_mail.jpg) left top no-repeat;
}
div#banners a.banner_marumaru {
	width:450px;
	background:url(../img/top/bn_marumaru.jpg) left top no-repeat;
	text-indent:-9999px;
}

#footnav { 
	float: right;
	width: 400px;
}

#feelKOBE {
	float: left;
	margin:0 0 0 0;
}

#knt {
	float: left;
	margin:0 0 0 10px;
}

div#boxes {
}

div.box {
	float:left;
	width:225px;
	background:url(../img/top/bg_box.jpg) left 46px no-repeat;
	color:#FFFFFF;
	text-align:left;
}
div.box .text {

}
div.box p {
	padding:0 10px 10px;
}
/*div.shop,
div.spot {
	float:right;
	margin-right:0;
	margin-left:1px;
}
*/
body#top h2 {
	padding:0;
}

body#top h2 a {
	display:block;
	text-indent:-9999px;
	height:43px;
	margin-bottom:15px;
}

body#top div.about h2 a {
	background:url(../img/top/nav_about.png) left top no-repeat;
}

body#top div.spot h2 a {
	background:url(../img/top/nav_spot.png) left top no-repeat;
}

body#top div.campaign h2 a {
	background:url(../img/top/nav_campaign.png) left top no-repeat;
}

body#top div.story h2 a {
	background:url(../img/top/nav_story.png) left top no-repeat;
}
body#top div.sweets h2 a {
	background:url(../img/top/nav_sweets.jpg) left top no-repeat;
}
body#top div.roman h2 a {
	background:url(../img/top/gnav_story_on.png) left top no-repeat;
}
/*
body#top p#copyright {
	float:right;
	clear:none;
}
*/
/*===================================================
  about
=====================================================*/

body#about #main .center {
	text-align:center;
}
body#about #main hr{
	margin:10px 10px 0 10px;
}
body#about #main .recommend{
	margin:10px;
}
body#about #main .recommend h5{
	font-size:108%;
	font-weight:bold;
}
body#about #main .recommend .wrapper p {
	margin:0 10px;
}


/*===================================================
  spot & story
=====================================================*/

body.common_spot div#container,
body#story div#container {
	background:none;
}

body.common_spot div#header,
body#story div#header {
	padding-bottom:0;
	background:url(../img/logo_bg.png) left top no-repeat;
}

body.common_spot div#main,
body#story div#main {
	background:none;
}

body#story div#main .kobearweb{
	width: 157px;
	height: 50px;
	background:url("../img/kobearjpon.gif") no-repeat;
	background-color: #1e90c0;
	text-decoration: none;
	float: right
}

body#story div#main .kobearweb a{
	width: 157px;
	height: 50px;
	display: block;
	background-image: url(../img/kobearjpoff.gif);
	background-color: #1e90c0;
	float: right
}

body#story div#main .kobearweb a:hover {
width: 157px;
height: 50px;
display: block;
background:none;
text-decoration: none;
}

body#story div#main .kobear_textr{
text-align:right;
}

body.common_spot .anchor_areas{
	margin-bottom:20px;
}
body.common_spot .anchor_areas li{
	float:left;
	padding-top:22px;
	padding-left:112px;
	background:url(../img/spot/click_icon.gif) 70px top no-repeat;
}
body.common_spot .anchor_areas li a{
	display:block;
	width:60px;
	height:60px;
	text-indent:-9999px;
}
body#spot .anchor_areas .anchor_area_mt a{
	background:url(../img/spot/area_icon_mt.png) left bottom no-repeat;
}
body.common_spot .anchor_areas .anchor_area_town a{
	background:url(../img/spot/area_icon_town.png) left bottom no-repeat;
}
body.common_spot .anchor_areas .anchor_area_sea a{
	background:url(../img/spot/area_icon_sea.png) left bottom no-repeat;
}
body.common_spot .anchor_areas .anchor_area_sweets a{
	background:url(../img/spot/area_icon_sweets.png) left bottom no-repeat;
}
body.common_spot .anchor_areas .anchor_area_jazz a{
	background:url(../img/spot/area_icon_jazz.png) left bottom no-repeat;
}
body.common_spot .anchor_areas .anchor_area_gourmet a{
	background:url(../img/spot/area_icon_gourmet.png) left bottom no-repeat;
}

body.common_spot p.stamp_info {
	text-align:center;
	font-size:85%;
	clear:both;
}
body.common_spot .stamp_info_kome {
	text-align:center;
	font-size:90%;
	color:#CCCCCC
}

body.common_spot p.stamp_info img{
	margin-bottom:-2px;
}


body.common_spot .spots{
	padding:0 10px;
}
body.common_spot .spots .spot {
	border:1px solid #666;
	margin-bottom:5px;
}

body.common_spot .spots .spot .left,
body.common_spot .spots .spot .right {
	float:left;
	width:50%;
}

body.common_spot .spots .spot p{
	margin:0;
}
body#spot .spots .spot p.subh{
    color:#FFD600;
	margin-bottom:-5px;
}
body.common_spot .spots .spot_top h3{
	font-size:123.1%;
	padding:5px 7px;
	font-weight:bold;
}
body.common_spot .spots .spot_top img{
	margin:10px 0 0 0;
}

body.common_spot .spots .spot_bottom{
	margin-left:10px;
}
body.common_spot .spots .spot_bottom img{
	margin:0 0 0 70px;
}
body.common_spot .spots .spot_bottom p{
	padding-left:0;
	font-size:85%;
}
body#spot .spots .spot_bottom p.stamp{
	padding-left:33px;
	padding-bottom:5px;
	margin-bottom:7px;
	background:url(../img/spot/stamp_icon.gif) left center no-repeat;
}
body.common_spot .spots #area_mt,
body.common_spot .spots #area_town,
body.common_spot .spots #area_jazz,
body.common_spot .spots #area_sweets,
body.common_spot .spots #area_gourmet,
body.common_spot .spots #area_sea{
	padding-top:5px;
}
body.common_spot .spots #area_mt .area_header,
body.common_spot .spots #area_town .area_header,
body.common_spot .spots #area_sweets .area_header,
body.common_spot .spots #area_jazz .area_header,
body.common_spot .spots #area_gourmet .area_header,
body.common_spot .spots #area_sea .area_header{
	padding:0;
	margin:0;
	text-indent:-9999px;
	display:block;
	width:60px;
	height:70px;
}
body#main .spots #area_mt .spot .spot_top clearfix .left .eventInfo{
	width:270px;
	font-size:85%;
	
	
	
	
	
}
body#spot .spots #area_mt .area_header{
	background:url(../img/spot/area_icon_mt.png) left top no-repeat;
}
body.common_spot .spots #area_town .area_header{
	background:url(../img/spot/area_icon_town.png) left top no-repeat;
}
body.common_spot .spots #area_sea .area_header{
	background:url(../img/spot/area_icon_sea.png) left top no-repeat;
}
body.common_spot .spots #area_jazz .area_header{
	background:url(../img/spot/area_icon_jazz.png) left top no-repeat;
}
body.common_spot .spots #area_gourmet .area_header{
	background:url(../img/spot/area_icon_gourmet.png) left top no-repeat;
}
body.common_spot  .spots  #area_sweets  .area_header{
	background:url(../img/spot/area_icon_sweets.png) left top no-repeat;
}

body.common_spot .spots #area_mt h3{
	background:#2D9437;
}

body.common_spot .spots #area_town h3{
	background:#E67A22;
}
body.common_spot .spots #area_sea h3{
	background:#0098D0;
}

body.common_spot .spots #area_gourmet h3{
	background:#99409D;
}

body.common_spot .spots #area_jazz h3{
	background:#804F1B;
}
body.common_spot  .spots  #area_sweets  h3{
	background:#EC6E8F;
}

body.common_spot .spots .spot_bottom .left {
	margin:10px 0;
}
body#spot .spots #area_mt .spot_bottom .left {
	background:url(../img/spot/area_icon_mt.png) left top no-repeat;
}
body.common_spot .spots #area_town .spot_bottom .left {
	background:url(../img/spot/area_icon_town.png) left top no-repeat;
}
body.common_spot .spots #area_sea .spot_bottom .left {
	background:url(../img/spot/area_icon_sea.png) left top no-repeat;
}
body.common_spot .spots #area_gourmet .spot_bottom .left {
	background:url(../img/spot/area_icon_gourmet.png) left top no-repeat;
}
body.common_spot  .spots  #area_sweets  .spot_bottom  .left {
	background:url(../img/spot/area_icon_sweets.png) left top no-repeat;
}

body#spot .spots #area_mt .spot_bottom .left2 {
	background:url(../img/spot/area_icon_mt_iko.png) left top no-repeat;
}
body.common_spot .spots #area_town .spot_bottom .left2 {
	background:url(../img/spot/area_icon_town_iko.png) left top no-repeat;
}
body.common_spot .spots #area_sea .spot_bottom .left2 {
	background:url(../img/spot/area_icon_sea_iko.png) left top no-repeat;
}
body.common_spot .spots #area_sweets .spot_bottom .left2 {
	background:url(../img/spot/area_icon_sea_iko.png) left top no-repeat;
}




body.common_spot .anchor_top {
	text-align:right;
	margin:0;
	padding-top:0;
	padding-bottom:10px;
	clear:both
}


body#story .messages,
body#story .application {
	 margin:0 10px 10px 10px;
	 border:1px solid #666;
}
body#story .messages {
	background:url(../img/bg_story-toukou.jpg) right bottom no-repeat;
}

body#story .messages h3 {
	 font-size:123.1%;
	 font-weight:bold;
	 margin:6px;
}
body#story .application h3 {
	text-indent:-9999px;
	width:580px;
	height:30px;
	background:url(../img/h3_story.png) left top no-repeat;
}
body#story .application h4 {
	 font-weight:bold;
	 font-size:108%;
}
body#story .messages p,
body#story .application p {
	margin:0;
}

body#story .messages .messages_inner,
body#story .application .method,
body#story .application .kobear {
	 padding:0 10px 10px 10px;
}
body#story .application .method .clearfix{
	margin-bottom:10px;
}
body#story .application .method .clearfix .left {
	float:left;
	width:75%;
}
body#story .application .method .clearfix .right {
	float:left;
	width:25%;
}
body#story .application .kobear h4 {
	margin-bottom:7px;
}
body#story .application .kobear .left {
	float:left;
	width:28%;
}
body#story .application .kobear .right {
	float:left;
	width:72%;
}
body#story .application .method .button{
	padding-top:10px;
}
body#story .application .method .button a.lightview {
	font-size:123.1%;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px;
	border:1px solid #444;
	background:#222;
	margin-left:10px;
}


/*===================================================
  campaign
=====================================================*/

body#campaign div#main {
	background:#000 url(/img/campaign_mark.gif) right top no-repeat;
}

body#campaign .prize{}

body#campaign .prize .tokimeki,
body#campaign .prize .wakuwaku{
	margin:0 7px 10px 7px;
	border:1px solid #666;
}

body#campaign .prize h5{
	padding:5px 10px;
	margin:0;
	font-size:123.1%;
	font-weight:bold;
	background:#014786;
}
body#campaign .prize h5 .star{
	color:#FED315;
	margin:0 0.2em;
}

body#campaign .prize .wrapper{
	margin:20px;
}
body#campaign .prize .wrapper p{
	margin:0;
	padding:0 0 15px 0;
}

body#campaign .prize .wrapper li{
	display:list-item;
	list-style-type:disc;
	margin:0 0 0.3em 2em;
}
body#campaign .prize .wrapper li .num{
	margin-left:0.2em;
	color:#147DE1;
}

/*===================================================
  romanticspot
=====================================================*/

body#romantic_spot div#main {
	background:#002761;
}

body#romantic_spot .spots #area_mt h3{
    color:#002761;
    background:#ffd600;
    margin-top:5px;
}

body#romantic_spot .spots .spot .spot_bottom p.event_info,
body.common_spot .spots .exception_spot .spot_top .right p.event_info {
    margin-right:5px;
    border:#666 1px solid;
}

body.common_spot .spots .exception_spot .spot_top .right p.event_info {
	text-align:left;
    margin-top:5px;
}

body#romantic_spot .spots .spot .spot_bottom p.event_info strong,
body.common_spot .spots .exception_spot .spot_top .right p.event_info strong {
    color:#ffd600;
}

body#romantic_spot .spots .spot .spot_bottom p.event_contact,
body.common_spot .spots .exception_spot .spot_top .right p.event_contact {
    margin-top:0px;
    padding-top:0px;
}

body.common_spot .spots .exception_spot .spot_top .right p{
	margin-left:5px;
	font-size:85%;
}

body.common_spot .spots .exception_spot .spot_top .left p{
	margin-left:5px;
	font-size:200%;
}

body#romantic_spot .spots .spot_bottom img{
	margin:0 0 0 0;
}
body#romantic_spot .spots .spot_top .right{
	text-align:left;
}
body#romantic_spot .spots .spot_top img{
	margin:5px 5px 5px 0;
}
/*追加J始まり----------------------*/
body#romantic_spot .spots #area_mt h3     { color:#002761; background:#ffd600; padding-top:5px; }

body#romantic_spot .spots .spot{
	margin-left: 10px;
	padding: 0px;
	border:solid 1px #999999;
	width:605px
}

body#romantic_spot .spots .spot_top       { width: 600px; margin: 0px; padding: 0px 0px 15px; }
body#romantic_spot .spots .spot_top .left {
	text-align:left;
	width: 350px;
	float: left;
	margin: 0px;
	padding: 0px;
}
body#romantic_spot .spots .spot_top .left p {
	margin: 10px 5px 15px;
	padding: 0px;
	line-height: 1.3;
}
body#romantic_spot .spots .spot_top .left p strong { font-weight: bold; color: #FFD600; }
body#romantic_spot .spots .spot_top .left .event_info {
	margin: 0px 5px 15px;
	padding: 6px;
	border: 1px solid #666666;
	font-size: 85%;
}
body#romantic_spot .spots .spot_top .left .event_contact {
	margin: 0px 5px;
	padding: 0px;
	font-size: 85%;
}
body#romantic_spot .spots .spot_top .right{
	text-align:right;
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
body#romantic_spot .spots .spot_top .right img { margin: 0px; padding: 0px; padding-top:5px;  }
/*追加J終わり----------------------*/
/*追加T始まり----------------------*/
.messages iframe{margin: 0 0 0 10px;}

.messages_topics{
	padding:0;
	background-image: url(../img/bg_story-toukou.jpg);
	background-repeat: no-repeat;
	background-position:15px 50px;
	background-attachment:fixed;
	height:auto;
	width:568px;
}
.messages_topics p.toukou {
 color:#FFFFFF;
 font-size:75%;
 margin-bottom:1.5em;
 line-height:1.5em;
 letter-spacing:0.2em;
 padding-right:5px;
}
#container .topics_bg {
	width: 898px;
	background-image: url(../img/whatsnew_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	padding-top: 25px;
	margin-bottom: 2px;
}
.topics_bg  iframe  {
	width: 896px;
	height: 72px;
	margin-left: 3px;
}


*:first-child   +html   #feelKOBE   {
	position: relative;
	top: 20px;
	padding-right: 10px;
}

*:first-child/*追加終わり----------------------*/

/*===================================================
  mobile
=====================================================*/

/*div#film {
	float:right;
	padding:40px;
	width:120px;
	background:url(../img/bg_film.png) repeat-y left top;
}
div#film img {
	margin-bottom:20px;
}*/
+html #knt {
	position: relative;
	top: 20px;

}
* html #feelKOBE {
	padding-right: 10px;
	position: relative;
	top: 20px;
}
* html #knt {
	position: relative;
	top: 20px;
}
*:first-child +html #footnav {
	position: relative;
	top: 20px;
}
* html #footnav {
	position: relative;
	top: 20px;
}
* html .topics_bg {
	background-image: url(../img/whatsnew_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/*.romanticspot { display:none !important;}*/















/*　Top変更分（2010/11/24）
-----------------------------------------------------------------------------------------------*/
.spot .text p, .campaign .text p, .story .text p, .about .text p, .sweets .text p{height:120px}
.spot_bottom{clear:both}


.anchor_areas2{clear:both; padding-left:90px}
body.common_spot .anchor_areas2{margin-bottom:20px}
body.common_spot .anchor_areas2 li{float:left; padding-top:22px; padding-left:112px; background:url(../img/spot/click_icon.gif) 70px top no-repeat}
body.common_spot .anchor_areas2 li a{display:block; width:60px; height:60px; text-indent:-9999px}
body.common_spot .anchor_areas2 .anchor_area_gourmet a{background:url(../img/spot/area_icon_gourmet.png) left bottom no-repeat}
body.common_spot .anchor_areas2 .anchor_area_jazz a{background:url(../img/spot/area_icon_jazz.png) left bottom no-repeat}
#spot #wrapper #wrapper-area #container #main .spots #area_mt .mt_sweets {
	display: block;
	width: 600px;
	height: 200px;
}


#top #wrapper #wrapper-area #container #main .report_box {
	margin-left: 10px;
}