@charset "UTF-8";
/* ===================================================================
CSS information
 style info : Header
=================================================================== */


/* プロマイド名刺 */
#bromide {
	margin-top: 20px;
	padding: 10px;
	border: 5px solid #CEDAEA;
}

#bromide #Left {
	float: left;
	width: 430px;
}

#bromide #Right {
	float: right;
	width: 163px;
}

#bromide_title {
	font-weight: bold;
	padding-bottom: 20px;
	color: #9FAAC0;
	font-size: 14px;	
}

#bromide_text {
	font-size: 12px;
}

#bromide_text a {
	color: #669;
}





/* -----------------------------------------------------------
	#content
----------------------------------------------------------- */
#side {
border-left: 1px solid #9FAAC0;
}

#content {
border-right: none !important;
}

#content h2 {
	width: 600px;
	margin-top: 10px;
	height: 20px;
}

#likebtn {
	text-align: right;
	overflow: hidden;
	height: 35px;
	width: 230px;
	position: absolute;
	top:0;
	right: 0;
}

/* -----------------------------------------------------------
	スライダー用CSS
----------------------------------------------------------- */


.caption {
	display: none;
}

.outer {
	width: 640px;
	height: 523px;
	overflow: hidden;
}

#g-contents {
    display: block;
    height: 437px !important;
    width: 640px !important;
    overflow: hidden;
}


#g-contents li {
    display: block;
    height: 427px;
    width: 640px;
    overflow: hidden;
}



#g-contents img {
    height: 100% !important;
    width: 100% !important;
}


.thumbs {
	height: 83px;
	padding-right: 5px;
	width: 645px !important;
}

.thumbs li {
	width: 124px;
	height: 83px;
	overflow-y: hidden;
	padding-right: 5px;
}


/* -----------------------------------------------------------
	#wrap-ShopList
----------------------------------------------------------- */
#wrap-ShopList {
	width: 640px;
}
#wrap-ShopList h2 {
	display: block;
	width: 640px;
	height: 50px;
	position: relative;
	text-indent: -9999px;
	background: url(../img/news/title_NewsList.jpg) no-repeat left top;
}
#wrap-ShopList h2#newsDetail {
	display: block;
	width: 640px;
	height: 50px;
	position: relative;
	text-indent: -9999px;
	background: url(../img/news/title_NewsDetail.jpg) no-repeat left top;
}


.shopsInfoArea h3 {
	font-size: 18px;
	width: 206px;
	line-height: 24px;
	padding-left: 19px;
	clear: both;
}






/* -----------------------------------------------------------
	#cateListArea
----------------------------------------------------------- */
#cateListArea {
	width: 640px;
	margin-top: 20px;
	padding: 10px 0;
	border-top: 1px solid #9FAAC0;
	border-bottom: 1px solid #9FAAC0;
}
#cateListArea h3 {
	font-size: 13px;
	line-height: 15px;
	float: left;
	margin-right: 5px;
}
#cateListArea ul {
	margin: 0;
	padding: 0;
	float: left;
}
#cateListArea ul li {
	margin-right: 7px;
	padding-right: 7px;
	background: url(../img/shops/cateList_Line.jpg) no-repeat right center;
	float: left;
}
#cateListArea ul li.cateLast {
	background: none !important;
}
#cateListArea ul li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	color: #666699;
}




/* -----------------------------------------------------------
	#pageNaviArea
----------------------------------------------------------- */
#pageNaviArea {
	width: 640px;
	margin-top: 20px;
	padding: 10px 0;
	border-top: 1px solid #9FAAC0;
	border-bottom: 1px solid #9FAAC0;
}
#pageNaviArea_bottom {
	width: 640px;
	float: left;
	margin-top: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #9FAAC0;
	border-top: 1px solid #9FAAC0;
}

.pNavi_pre {
	width: 116px;
	float: left;
}

.pNavi_pre a {
	color: #666699;
}

#newsDetail .pNavi_pre {
	width: 145px;
	float: left;
}
.pNavi_num {
	width: 478px;
	float: left;
}
#newsDetail .pNavi_num {
	width: 100px;
	float: left;
}
.pNavi_num p {
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}

p#pageTop {
	width: 640px;
	height: 12px;
	text-align: right;
	clear: both;
}




/* -----------------------------------------------------------
	#shopListMain
----------------------------------------------------------- */
#shopListMain {
	width: 640px;
	margin: 0;
	padding: 0;
}

#shopListMain .shopsContentsWrap {
	width: 640px;
	clear: both;
}

#newsDetail #shopListMain .shopsContentsWrap {
	margin-bottom: 0;
	border-bottom: none;
}

.shopsContentsWrap .shopsInfoArea {
	width: 640px;
	clear: both;
	float: left;
	margin-top: 20px;
	position: relative;
}

.shopsInfoArea .shopsInfo_Left {
	width: 340px;
	float: left;
	position: relative;
}

.shopsInfoArea .subtitle {
	width: 410px;
	float: left;
}

.shopsInfoArea .LK {
	padding: 0;
	float: left;
	font-size: 11px;
	font-weight: normal;
	background-color: #919ec8;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 1px 10px;
}

.shopsInfoArea .onsen {
	float: left;
	font-size: 11px;
	color: #919ec8;
	text-align: center;
	border: 1px solid #919ec8;
	padding: 0px 10px;
}

.shopsInfoArea h3 {
	font-size: 18px;
	line-height: 24px;
	width: 405px !important;
	color: #919ec8;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-bottom: 10px;
	line-height: 24px;
	padding-left: 0px !important;
	clear: both;
	float: left;
}

.shopsInfo_Left h3 a {
	color: #666699;
}

.shopsInfo_Left .infoText {
	width: 340px;
	float: left;
	font-size: 13px;
}

.tourText .br-table {
    float: left;
    position: relative;
    width: 640px;
}

.tourText .c-table {
	width: 340px;
	float: left;
	margin-top: 1px;
	padding-bottom: 1px;
	font-size: 13px;
	border-bottom: 1px dashed #909fbe;
}

.tourText .l-table {
	width: 70px;
	padding: 10px 0 10px 10px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.tourText .arrow {
	width: 15px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	float: left;
}

.tourText .r-table {
	width: 245px;
	padding: 10px 0 10px 10px;
	background: #ffffff;
    text-align: left !important;
}

.tourText .banlist {
	width: 300px;
	float: left;
	overflow: hidden;
	margin-top: 10px;
}

.tourText .banlist ul {
	width: 340px;
	float: left;
}

.tourText .banlist li {
	width: 96px;
	float: left;
	padding-right: 5px;
}

.shopsInfoArea .shopsInfo_Right {
	width: 275px;
	float: right;
}

.shopsInfo_Right #mainPhoto {
	width: 273px;
	height: 273px;
	float: left;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

.shopsInfoArea table {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}


.ulmask {
	width: 275px;
	float: left;
	overflow: hidden;
}

.ulmask ul {
	width: 281px;
	float: left;
}

.ulmask ul li {
	width: 63px;
	height: 63px;
	border: 1px solid #CCC;
	margin-right: 5px;
	overflow: hidden;
	float: left;
}

.ulmask ul li table {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.shopsInfoArea .accessmap {
	width: 640px;
	float: left;
	position: relative;
	padding-top: 10px;
}

.accessmap  #m-title {
	width: 640px;
	float: left;
	height: 30px;
	background: url(../img/ladies/accessmap.jpg) no-repeat left top;
	text-indent: -9999px;
}

.accessmap .Gmap {
	width: 640px;
	float: left;
	height: 420px;
}

.accessmap .Gmap a {
	color: #669 !important;
}





/* -----------------------------------------------------------
	newsDerail用
----------------------------------------------------------- */
#newsDetail_PhotoArea {
	width: 640px;
	overflow: hidden;
}
#newsDetail_PhotoArea ul {
	width: 660px;
	margin: 0;
	padding: 0;
}
#newsDetail_PhotoArea ul li {
	width: 198px;
	height: 198px;
	border: 1px solid #eeeeee;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
#newsDetail_PhotoArea table {
	width: 198px;
	height: 198px;
}
#newsDetail_PhotoArea td {
	text-align: center;
	vertical-align: middle;
}











/* -----------------------------------------------------------
	#wrap-YouTube
----------------------------------------------------------- */
#wrap-YouTube {
	width: 640px;
	padding-bottom: 19px;
	border-bottom: 1px solid #9faac0;
}
#wrap-YouTube h2 {
	display: block;
	width: 640px;
	height: 50px;
	position: relative;
	background: url(../img/index/title_Youtube.jpg) no-repeat left top;
}
#wrap-YouTube h2 #btnYT_toEv  {
	widows: 125px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 386px;
}
#wrap-YouTube h2 #logo_YT  {
	widows: 40px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
}






/* -----------------------------------------------------------
	#wrap-Twitter
----------------------------------------------------------- */
#wrap-Twitter {
	width: 640px;
	height: 510px;
}
#wrap-Twitter .tweet {
}

#wrap-Twitter h2 {
	display: block;
	width: 640px;
	height: 50px;
	position: relative;
	background: url(../img/index/title_Twitter.jpg) no-repeat left top;
	clear: both;
	text-align: right;
}
#wrap-Twitter h2 #icon_Twitter {
	width: 30px;
	height: 50px;
	float: right;
}
#wrap-Twitter h2 #tweetIcon {
	height: 40px;
	line-height: 50px;
	padding-top: 10px;
	float: right;
}

#TW_Contents {
	width: 640px;
	height: 510px;
	overflow-y: scroll;
}