/* common settings */
html body {
background-color: #ddeeaa;
/* background: url(../images/bg-line.jpg) repeat-x; */
}

/* page */
#page {
width: 955px;
margin: 0 auto;
background-color: #ddeeaa;
}

#header {
width: 955px;
height: 164px;
margin: 0 auto;
background: url(../images/header-bg.jpg) no-repeat;
}

#head-left {
width: 500px;
float: left;
text-indent:-9999px;
overflow:hidden;
}

#head-right{
width: 382px;
height:150px;
float:right;
background: url(../images/new-bg.jpg) no-repeat;
}

.prof{
width: 102px;
height:72px;
margin: 50px 0 0 20px;
_margin: 50px 0 0 10px;
float:left;
}

p.fri {
float:right;
text-indent:-9999px;
overflow:hidden;
background:url(../images/everyfri.gif) no-repeat;
width: 100px;
height: 16px;
margin-right:15px;
margin-top:16px;
}

p.comm {
width: 70px;
height:60px;
margin: 55px 0 0 25px;
font-size: 9pt;
float:left;
color:#BF3E81;
}

div#dl_bnr{
width:133px;
float:right;
margin-right:22px;
_margin-right:12px;
}
div#dl_bnr p.btn01{
margin-top:18px;
*margin-top:30px;
height:39px;
}
div#dl_bnr p.btn02{
margin-top:-10px;
*margin-top:-17px;
height:33px;
}
/* container */
#container {
width: 955px;
margin: 0 auto 30px auto;
}

#map-info {
	margin: 0 0 0 200px;
	width: 745px;
	height: 24px;
	text-align: left;
}

#map-info p.att{
float:left;
text-indent:-9999px;
overflow:hidden;
background:url(../images/map-info.gif) no-repeat 5px 0;
width:358px;
height:13px;
}

#map-info p{
float: left;
width: 444px;
height: 20px;
margin-top: 5px;
color:#fff;
font-weight:bold;
}

#map-info a{
width: 125px;
float: right;
height: 25px;
margin-top: 0px;
}



#map-main {
width: 955px;
height: 480px;
background: url(../images/main-bg.gif) no-repeat #ABB96C bottom left;
/*  background-color: #E978B0; */
margin:0 auto 10px;
_margin:0 auto;
padding-top: 3px;
position:relative;
top:0;
_top:-26px;
}

#shop-nav {
width: 190px;
_width: 180px;
height: 420px;
margin-left:10px;
_margin-left:5px;
float:left;
}

#shop-nav h2{
text-indent:-9999px;
overflow:hidden;
background:url(../images/spot_list.gif) no-repeat;
margin:10px auto;
width:99px;
height:20px;
}

#shop-nav #shop-nav-list {
background-color: #FFFFFF;
width: 190px;
_width: 180px;
height: 370px;
*height: 364px;
margin: 0 5px 10px 2px;
overflow: auto;
}

#shop-nav #shop-nav-list p{
border-bottom: 1px solid #EFEFEF;
height: 28px; 
margin: 0 2px;
padding: 10px 0 0 0;
/*  line-height: 3;*/
vertical-align: middle;
text-align: left;
font-size:8pt;
}

#shop-nav #shop-nav-list p img { margin: 0 3px 0 3px; vertical-align: middle;}

#shop-map {
	width: 740px;
	height: 380px;
	float:right;
	margin: 0 10px 0 0;
	_margin: 0 0 0 0;
}

#map {
width: 740px;
height: 380px;
margin: 0 10px 0 0;
}

#icon-detail {
width: 955px;
margin: 0px 0 0 13px;
}

#icon-detail #banner{
float:left
}

#icon-detail #icon{
float:right;
margin:0 22px 0 0;
}



#shop-recommend {
width: 100%;
/*  background: url(../images/recommend.jpg) no-repeat; */
background: url(../images/osusume.jpg) no-repeat top left;
margin: 20px 0 20px 0;
}

#shop-recommend table {
border-spacing: 0px;
}

#shop-recommend #shop-rec-1 {
width: 395px;
margin: 45px 0 0 0;
float: left;
background: url(../images/recommend-top.jpg) no-repeat top #FDDEDC;
}

#shop-recommend #shop-rec-2 {
width: 395px;
margin: 45px 0 0 0;
background: url(../images/recommend-top.jpg) no-repeat top #FDDEDC;
float: right;
}

#shop-recommend #shop-rec-1 div,  #shop-recommend #shop-rec-2 div{
padding: 10px 10px 10px 10px;
background: url(../images/recommend-bottom.jpg) no-repeat bottom;
}

#shop-recommend table td {
background-color: #FFFFFF;
vertical-align: top;
}

#shop-recommend .shop-rec-l {
width: 96px;
}

#shop-recommend .shop-rec-r {
width: 295px;
padding: 5px 10px;
}

#shop-online {
width: 800px;
margin: 0 auto 20px;
}

#shop-online table {
margin: 10px 0 0 0;
width: 800px;
}

#shop-online .shop-item-top {
margin: 0;
width: 188px;
height: 8px;
background: url(../images/items_top.jpg) no-repeat;
}

#shop-online .shop-item-middle {
margin: 0;
padding: 10px 14px;
width: 160px;
background: url(../images/items_line.jpg) repeat-y;
line-height: 1.5;
}

*html #shop-online .shop-item-middle { /* IE6以下用ハック */
margin-top: -4px;
}

#shop-online .shop-item-bottom {
margin: 0;
width: 188px;
height: 11px;
background: url(../images/items_bottom.jpg) no-repeat;
}



#footer {
width: 800px;
margin: 0 auto;
padding: 0px 0;
text-align: center;
}

#footer .f1 {
margin: 0 410px 0 0;
}

}










#mR {
  width:197px;
  float:left;
  font-size:12px;
  background: url(../images/r_rep.gif) repeat-y 0 0;
}

#mRinner {
  padding:14px 10px 0;
  background: url(../images/r_top.gif) no-repeat 0 0;
}

#mT {
  margin:0 0 10px 0;
}

.r_btm {
  display:block;
  height:12px;
  background: url(../images/r_btm.gif) no-repeat 0 0;
}

#pd {
  float:left;
}

#ws {
  margin:0 0 0 276px;
}

.txt_topics {
  margin:10px 5px;
  font-size:12px;
}

.twit {
	margin-bottom: 8px;
  padding:22px 0 0 40px;
  background: url(../images/twit.gif) no-repeat 0 0;
}

#tweetArea dl {
		margin-bottom: 6px;
		padding: 6px 8px;
		
		border-bottom: 1px solid #898989;
		border-left: 1px solid #898989;
		border-right: 1px solid #898989;
		border-top: 1px solid #898989;
	}
	
	.add {
		background: #ffec3a;
		
	}
		
	.add:hover {
		background: #fff173;
		
	}
		
		.add dt {
			color:#000;
			margin-bottom:4px;
			line-height: 1.2;
		}
		
		.add dd {
			color:#000;
			font-size: 12px;
			line-height: 1.2;
			text-align: left;
		}
		
		.add a {
			color:#000;
		}
		
	.even {
		background: #1b7de0;
	}
	
	.even:hover {
		background: #1b8cff;
	}
	
		.even dt {
			color:#fff;
			margin-bottom:4px;
			line-height: 1.2;
		}
		
		.even dd {
			color:#fff;
			font-size: 12px;
			line-height: 1.2;
			text-align: left;
		}
	
		.even a {
			color:#fff;
		}
	
		#tweetArea dl span.replyclass {
			padding-left: 8px;
			visibility: hidden;
			line-height: 1.2;
		}
		
		#tweetArea dl:hover span.replyclass {
			padding-left: 6px;
			visibility: visible;
			line-height: 1.2;
		}
				
				.add span.replyclass a {
					color: #000;
				}
				
				.add span.replyclass a:hover {
					color: #000;
				}
				
				.even span.replyclass a {
					color: #fff;
				}
				
				.even span.replyclass a:hover {
					color: #fff;
				}

/*---------------------------------*/
.areaB {
  width:173px;
  color:#fff;
  padding:5px 0;
  margin:7px 0 0 0;
  border:1px solid #898989;
  background-color:#1b7de0;
}

.areaY {
  width:173px;
  color:#000;
  padding:5px 0;
  margin:7px 0 0 0;
  border:1px solid #898989;
  background-color:#ffec3a;
}

.areaB p, .areaB span,
.areaY p, .areaY span {
  margin:0 10px 5px;
}
/*---------------------------------*/
/*twitterとは？ページ用スタイル*/

#content_twitter {
}

#bg_pttn_top {
	background: url(../images/bg_pttn_top.gif) repeat-x 0 0;
	width: 100%;
	height: 11px;
}

#bg_pttn_top2 {
	background: url(../images/bg_pttn_top2.gif) repeat-x 0 0;
	width: 100%;
	height: 78px;
}

#content_twitter h1 {
	background: url(../images/ttl_twitter.gif) no-repeat;
	width: 267px;
	height: 78px;
	margin: 0px auto 0 auto;
	text-indent: -9999px;
}

#content_twitter p {
	font-size: 12px;
	line-height: 1.6em;
	padding: 5px 10px 10px 10px;
}

#content_twitter hr {
	border: solid #6d9636;
	border-width:1px 0px 0px 0px;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#content_twitter span {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 1.6em;
	padding: 0 0 10px 0;
}

/* ----------------------------------------------