@charset "utf-8";

/* -------------------------------------
	info/index.html
------------------------------------- */


/*info*/
#infoCol {
	text-align: center;
	background: #1A0D00;
	margin-bottom: 15px;
}
#infoCol h1 {margin-bottom: 15px;}
.infoNavi {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 15px;
	background: #FBD0AA;
}
.infoNavi ul li {display: inline;}

/*shinjuku*/
#shinjuku #screenArea {
	text-align: left;
	position: relative;
	width: 700px;
	height: 261px;
	top: 0;
	left: 0;
}
#shinjuku #screenTi {
	position: absolute;
	width: 74px;
	height: 15px;
	top: 10px;
	left: 20px;
}
#shinjuku #screenPhoto {
	position: absolute;
	width: 315px;
	height: 230px;
	top: 31px;
	left: 20px;
}
#shinjuku #screenTi01 {
	position: absolute;
	width: 141px;
	height: 28px;
	top: 0;
	left: 360px;
}
#shinjuku #screenImg01 {
	position: absolute;
	width: 158px;
	height: 229px;
	top: 31px;
	left: 355px;
}
#shinjuku #screenTi02 {
	position: absolute;
	width: 66px;
	height: 27px;
	top: 0;
	left: 565px;
}
#screenImg02 {
	position: absolute;
	width: 158px;
	height: 227px;
	top: 31px;
	left: 527px;
}

#shinsaibashi #screenTi {
	position: absolute;
	width: 74px;
	height: 15px;
	top: 10px;
	left: 27px;
}

/*shinsaibashi*/
#shinsaibashi #screenArea {
	text-align: left;
	position: relative;
	width: 700px;
	height: 261px;
	top: 0;
	left: 0;
}
#shinsaibashi #screenPhoto {
	position: absolute;
	width: 315px;
	height: 230px;
	top: 31px;
	left: 27px;
}
#shinsaibashi #screenTi01 {
	position: absolute;
	width: 139px;
	height: 28px;
	top: 0;
	left: 369px;
}
#shinsaibashi #screenImg01 {
	position: absolute;
	width: 146px;
	height: 230px;
	top: 31px;
	left: 367px;
}
#screenTi02 {
	position: absolute;
	width: 145px;
	height: 28px;
	top: 0;
	left: 527px;
}
#shinsaibashi #screenImg02 {
	position: absolute;
	width: 146px;
	height: 230px;
	top: 31px;
	left: 527px;
}

/*--Roppongi--*/
#screenAreaRop {
	text-align: left;
	width: 650px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#screenAreaLeft {
	float: left;
	width: 325px;
}
#screenAreaLeft .colLeft {
	float: left;
	width: 160px;
}
#screenAreaLeft .colRight {
	float: right;
	width: 160px;
}

#screenAreaRight {
	float: right;
	width: 310px;
}
#screenAreaRight .colLeft {
	text-align: center;
	width: 146px;
	float: left;
}
#screenAreaRight .colRight {
	text-align: center;
	width: 146px;
	float: right;
}
.screenTi {margin-bottom: 5px;}
.screenImg {margin-bottom: 10px;}
.screenNotice {
	text-align: left;
	padding: 5px;
	margin-left: 5px;
	color: #fff;
}

.infoColIn {
	padding: 0 25px;
}
.infoColIn p {margin-bottom: 1em;}
.info .h2Col {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #663300;
}
.info #rightCol02 .h2Col h2 {
	color: #663300;
	padding:0 0 0 6px;
	margin-bottom: 4px;
	border-left: 3px solid #663300;
}
.infoInnerCol {padding: 0 15px; margin-bottom: 25px;}
.infoInnerCol h3 {color: #fff; font-weight: bold; padding: 3px 5px; margin-bottom: 10px; background:#663300;}
.pointCol h4 {color: #663300; font-weight: bold; margin-bottom: 5px;}
.infoInnerCol p {margin-bottom: .5em;}
ul#infoList {margin-bottom: 15px;}
ul#infoList li.listBg {font-weight: bold; text-align: center; color: #663300; padding: 10px; margin-bottom: 5px; background:#FBD0AA; border: 2px solid #FF9900;}
ul#infoList li.small{
	padding-bottom: 50px;
	background: url(../images/arrow_screen.gif) no-repeat 50% 70%;
}
.infoInnerCol .left {float: left; width: 195px; margin: 0;}
.infoInnerCol .right {float: right; text-align: right; width: 400px; margin: 0;}
.markSquare {
	padding-left: 15px;
	background: url(../images/mark_square.gif) no-repeat 0 3px;
}

/*----　ポイントカード　----*/
.paddingB {padding-bottom: 1em;}
.pointCol {
	width: 648px;
	padding-bottom: 10px;
}
.pointBg {
	background: url(../images/bg_point.gif) repeat-y top center;
}
.pointColLeft {
	float: left;
	width: 310px;
}
.pointColLeftIn {
	padding: 0 18px 0 10px;
}
.pointColLeftIn li{ margin-bottom: 5px;}
.pointColRight {
	float: left;
	width: 315px;
}
.pointColRight ul {margin-bottom: 1em;}
.pointColRight ul li {margin-bottom: 2px;}
.pointColRight h4 {text-align: center;}
.pointColRight ul li.big {color:#663300; font-weight: bold;}
.pointColRight ul li.midium {padding-left: 15px;}
ul.pointList li {margin: 0; padding: 0; line-height: 0;}

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