@charset "EUC-JP";

/* CSS Document */



@import url("layout.css");

@import url("common.css");

@import url("font.css");



#bg-main {

	background-image: url(../../restaurant/images/rest_pict_01.jpg);

	background-repeat:no-repeat;

	width: 840px;

	height: 240px;

	margin: 0 0 20px 0;

}

#bg-main p {

	position: absolute;

	margin: 115px 0 0 60px;

	width: 410px;

	color: #666666;

	line-height: 15.2pt;

	letter-spacing: 2px;

}

#bg-main h3 {

	display: none;

}

#bg-main div.top-btn {

	position: absolute;

	margin: 15px 0 0 640px;

	width: 180px;

	height: 270px;

}



#res-dtl-wrap {

	margin-top: 20px;

	padding-bottom: 30px;

	background-image: url(../../restaurant/images/leftbox_bg.gif);

	background-repeat: repeat-y;

	background-position: left top;

}

#res-dtl-wrap #left-navi {

	float: left;

	width: 200px;

}

#res-dtl-wrap #main-block {

	float: right;

	width: 624px;

}



/*table format*/

#main-block .dtl-box table {

	border-right: 1px solid #A4DAE2;

	border-bottom: 1px solid #A4DAE2;

	border-left: 1px solid #A4DAE2;

	width: 605px;

}

#main-block .dtl-box table th,

#main-block .dtl-box table td {

	vertical-align: top;

	line-height: 150%;

}

#main-block .dtl-box table th {

	background-image: url(../../restaurant/images/rest_th_bg.gif);

	width: 84px;

	background-repeat: no-repeat;

	padding-top: 8px;

	padding-bottom: 7px;

	text-align: center;

	border-bottom: 1px solid #FFFFFF;

	border-top: 1px solid #A4DAE2;

	background-position: left top;

}

#main-block .dtl-box table .th-top {

	background-position: 0px -2px;

}

#main-block .dtl-box table td {

	padding-left: 17px;

	padding-top: 7px;

	padding-bottom: 7px;

	border-top: 1px solid #A4DAE2;

	border-left: 1px solid #A4DAE2;

}



/*label-box*/

#main-block .label-box {

	padding: 8px 7px 4px 13px;

	background-color: #FFF5F5;

	margin-top: 10px;

}

#main-block .label-box li {

	float: left;

	padding-right: 6px;

	padding-bottom: 5px;

}



/*side-navi*/

.search-list {

	padding: 10px 10px 20px 10px;

}

.search-list li {

	height: 28px;

}

.search-list li a {

	background-image: url(../../restaurant/images/lnavi_bg.gif);

	background-repeat: no-repeat;

	background-position: 0px -1px;

	display: block;

	height: 100%;

	text-decoration: none;

	color: #333333;

	padding-left: 30px;

}

.search-list .list-top {

	height: 29px;

	position: relative;	

}

.search-list .list-top a {

	background-position: 0px 0px;

}

.search-list li a:hover,

.search-list .select a {

	background-image: url(../../restaurant/images/lnavi_bg_o.gif);

	color: #333333;

}

.search-list li a:visited {

	color: #333333;

}

.search-list li a span {

	position: relative;

	top: 8px;

}



/*side-navi*/

#left-navi .preliminary-box-wrap {

	padding: 10px;

}

#left-navi .preliminary-box-wrap .preliminary-box {

	color: #666666;

	font-size: 80%;

	padding: 5px;

	background: #ffffff;

	border: solid 1px #ffe8e8;

}

#left-navi .preliminary-box-wrap p {

	line-height: 150%;

}

#left-navi .preliminary-box-wrap ul {

	margin: 0 0 16px 0;

}

#left-navi .preliminary-box-wrap li {

	margin: 4px 0 0 0;

	padding: 0 0 0 10px;

	background: url(../images/bullet_pink.gif) no-repeat left center;

}

/*etc-rest*/

#main-block #etc-area {

	margin: 20px 0 30px 0;

}

#main-block #etc-area h4 {

	display: block;

	text-indent: -9999px;

	width: 625px;

	height: 25px;

	background: url(../../restaurant/images/etc_area.gif) no-repeat left top;

}

#main-block #etc-area li {

	text-align: center;

	float:left;

}

#main-block #etc-area li a {

	display: block;

	margin: 10px 0 0 10px;

	padding: 10px 0;

	width: 140px;

	color: #999999;

	text-decoration: none;

	border: 1px solid #999999;

}

#main-block #etc-area li a:hover {

	display: block;

	margin: 10px 0 0 10px;

	padding: 10px 0;

	width: 140px;

	color: #64B4F1;

	border: 1px solid #64B4F1;

	background: url(../../restaurant/images/bg_etc_area.gif) repeat left top;

}

/*--------------------------

エリア別 .room-list

--------------------------*/

#main-block .dtl-title h3 {

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 13px;

	padding-left: 144px;

	padding-bottom: 10px;

	height: 54px;

	line-height: 130%;

	font-size: 120%;

}

/*ie6 以外*/

html>body #main-block .dtl-title h3 {

	height: 31px;

}

#main-block .dtl-title h3 a {

	font-weight: bold;

}

#main-block .dtl-title p {

	color: #666666;

	padding-top: 5px;

	padding-left: 17px;

	font-weight: bold;

}

.room-list #main-block .dtl-box .alignR table {

	width: 350px;

	margin-top: 3px;

}

.room-list #main-block table th {

	font-weight: bold;

}

.room-list #main-block .dtl-box {

	border: 1px solid #A4DAE2;

	margin-top: 16px;

	padding: 9px 9px 9px 6px;

}

.room-list #main-block .no-pict {

	padding-left: 9px;

}

.room-list #main-block .dtl-box .alignL {

	width: 246px;

}

.room-list #main-block .dtl-box .alignL p {

	text-align: center;

}

.room-list #main-block .dtl-box .alignL .right {

	margin-top: 8px;

	margin-right: 7px;

}

.room-list #main-block .dtl-box .alignR {

	width: 350px;

}







/*--------------------------

部屋別 .room-dtl

--------------------------*/

.room-dtl .dtl-box {

	margin-right: 10px;

	margin-left: 10px;

}

.room-dtl .dtl-box .exp {

	margin-left: 10px;

	margin-top: 20px;

	color: #666666;

	font-weight: bold;

}

.room-dtl .dtl-box table th {

	font-weight: bold;

}

.room-dtl #main-block .label-box {

	margin-top: 40px;

	padding-top: 10px;

	padding-bottom: 4px;

	padding-left: 30px;

}

.room-dtl #main-block .voice-box .tbl-wrap {

	position: relative;

}

.room-dtl #main-block .voice-box table th {

	background-repeat: repeat;

	vertical-align: middle;

	border: 1px solid #FFFFFF;

}

.room-dtl #main-block .voice-box table td {

	border-top: none;

	border-right: none;

	border-bottom: none;

	vertical-align: middle;

	padding-top: 15px;

	padding-bottom: 15px;

}

.room-dtl #main-block .voice-box .tbl-wrap .icon {

	position: absolute;

	bottom: 0px;

	left: 7px;

}

.room-dtl #main-block .tbl-green {

	border: 1px solid #B0E0A2;

}

.room-dtl #main-block .tbl-blue {

	border: 1px solid #A4DAE2;

}

.room-dtl #main-block .tbl-pink {

	border: 1px solid #FFB2C7;

}

.room-dtl #main-block .tbl-green th {

	background-image: url(../../restaurant/images/room_dtl_bg_green.gif);

}

.room-dtl #main-block .tbl-blue th {

	background-image: url(../../restaurant/images/room_dtl_bg_blue.gif);

}

.room-dtl #main-block .tbl-pink th {

	background-image: url(../../restaurant/images/room_dtl_bg_pink.gif);

}

.room-dtl #main-block .tbl-green td {

	border-left-color: #B0E0A2;

}

.room-dtl #main-block .tbl-blue td {

	border-left-color: #A4DAE2;

}

.room-dtl #main-block .tbl-pink td {

	border-left-color: #FFB2C7;

}

.room-dtl #main-block .tbl-green td span {

	color: #5EA54C;

}

.room-dtl #main-block .tbl-blue td span {

	color: #62BFD0;

}

.room-dtl #main-block .tbl-pink td span {

	color: #DF446E;

}

.room-dtl #main-block .bottom-pic {

	margin-top: 27px;

	padding-left: 8px;

}

.room-dtl #main-block .bottom-pic .alignL {

	width: 205px;

}

.room-dtl #main-block .bottom-pic .alignL p {

	margin-top: 10px;

	padding-right: 15px;

	padding-left: 10px;

	line-height: 180%;

	font-size: 85%;

}



/*--------------------------

エリアリスト .area_list

--------------------------*/

.area_list {

	margin: 10px 0 0 0;

	padding-bottom: 30px;

}

.area_list h2 {



}

.area_list h4 {	

	margin-top: 17px;

}

.area_list .dtl-box {

	margin-left: 10px;

	margin-right: 10px;

}

.area_list .dtl-box .exp {

	font-size: 85%;

}

#main-block .area_list .dtl-box table {

	width: 820px;

	margin-top: 16px;

}

#main-block .area_list .dtl-box table th {

	background-image: url(../../restaurant/images/rest_th_bg_02.gif);

	width: 259px;

	text-align: left;

	line-height: 130%;

}

#main-block .area_list .dtl-box table th p {

	background-image: url(../images/arrow_02.gif);

	background-repeat: no-repeat;

	background-position: 0px 1px;

	margin-left: 20px;

	padding-left: 18px;

}

#main-block .area_list .dtl-box table td {

	padding-left: 9px;

	padding-bottom: 1px;

	padding-right: 0px;

}

#main-block .area_list .dtl-box table td ul {

	padding-bottom: 5px;

}

#main-block .area_list .dtl-box table td ul li {

	float: left;

	padding-right: 5px;

}



#main-block .dtm-box table {

	width: 620px;

	margin-top: 16px;

	margin-right: 10px;

}



#main-block .dtm-box table th {

	width: 50%;

	text-align: left;

	line-height: 130%;

	padding-left: 10px;

	padding-right: 10px;

}



#main-block .dtm-box table td {

	text-valign: top;

	padding-left: 10px;

	padding-right: 10px;

}



#map {

	width: 600px;

	height: 320px;

	border: 1px solid black;

	margin-top: 40px;

	margin-left: 10px;

}





/*h3 画像*/

/*六本木*/

.dtl-title .rop {

	background-image: url(../../restaurant/images/rop_text_02.gif);

}

/*西麻布*/

.dtl-title .azabu {

	background-image: url(../../restaurant/images/azabu_text_02.gif);

}

/*青山一丁目*/

.dtl-title .aoyama {

	background-image: url(../../restaurant/images/aoyama_text_02.gif);

}

/*外苑前*/

.dtl-title .gaien {

	background-image: url(../../restaurant/images/aoyama_text_03.gif);

}

/*南青山*/

.dtl-title .minami {

	background-image: url(../../restaurant/images/omote_text_02.gif);

}

/*原宿*/

.dtl-title .harajyuku {

	background-image: url(../../restaurant/images/omote_text_04.gif);

}

/*表参道*/

.dtl-title .omote {

	background-image: url(../../restaurant/images/omote_text_03.gif);

}

/*渋谷*/

.dtl-title .shibuya {

	background-image: url(../../restaurant/images/shibuya_text_02.gif);

}

/*新宿西口*/



.dtl-title .shinw {



	background-image: url(../../restaurant/images/shinjuku_text_02.gif);



}



/*新宿東口*/



.dtl-title .shine {



	background-image: url(../../restaurant/images/shinjuku_text_03.gif);



}



/*新宿南口*/



.dtl-title .shins {



	background-image: url(../../restaurant/images/shinjuku_text_04.gif);



}



/*西新宿*/



.dtl-title .nshin {



	background-image: url(../../restaurant/images/shinjuku_text_05.gif);



}



/*赤坂*/



.dtl-title .akasaka {



	background-image: url(../../restaurant/images/akasaka_text_02.gif);



}



/*赤坂見附*/



.dtl-title .akasakami {



	background-image: url(../../restaurant/images/akasaka_text_03.gif);



}



/*虎ノ門*/



.dtl-title .tora {



	background-image: url(../../restaurant/images/akasaka_text_04.gif);



}



/*代官山*/

.dtl-title .daikan {

	background-image: url(../../restaurant/images/daikan_text_02.gif);

}

/*広尾*/

.dtl-title .hiroo {

	background-image: url(../../restaurant/images/ebisu_text_02.gif);

}

/*中目黒*/

.dtl-title .nakame {

	background-image: url(../../restaurant/images/ebisu_text_03.gif);

}

/*恵比寿*/

.dtl-title .ebisu {

	background-image: url(../../restaurant/images/ebisu_text_04.gif);

}

/*丸の内*/

.dtl-title .maru {

	background-image: url(../../restaurant/images/maru_text_02.gif);

}

/*お茶の水*/

.dtl-title .ocha {

	background-image: url(../../restaurant/images/maru_text_05.gif);

}

/*八重洲*/

.dtl-title .yaesu {

	background-image: url(../../restaurant/images/maru_text_04.gif);

}

/*日本橋*/

.dtl-title .nihon {

	background-image: url(../../restaurant/images/maru_text_03.gif);

}

/*銀座*/

.dtl-title .ginza {

	background-image: url(../../restaurant/images/ginza_text_02.gif);

}

/*日比谷*/

.dtl-title .hibiya {

	background-image: url(../../restaurant/images/ginza_text_03.gif);

}

/*汐留*/

.dtl-title .shio {

	background-image: url(../../restaurant/images/shiodome_text_02.gif);

}

/*お台場*/

.dtl-title .daiba {

	background-image: url(../../restaurant/images/shiodome_text_03.gif);

}

/*京橋*/

.dtl-title .kyou {

	background-image: url(../../restaurant/images/kansai_text_02.gif);

}

/*心斎橋*/

.dtl-title .shinsai {

	background-image: url(../../restaurant/images/kansai_text_03.gif);

}

/*梅田*/

.dtl-title .umeda {

	background-image: url(../../restaurant/images/kansai_text_04.gif);

}

/*南堀江*/

.dtl-title .minamiho {

	background-image: url(../../restaurant/images/kansai_text_05.gif);

}

/*天王寺*/

.dtl-title .tennou {

	background-image: url(../../restaurant/images/kansai_text_06.gif);

}

/*ユニバーサルシティ*/

.dtl-title .univer {

	background-image: url(../../restaurant/images/kansai_text_07.gif);

}

/*北浜*/

.dtl-title .kitahama {

	background-image: url(../../restaurant/images/kansai_text_08.gif);

}

/*なんば*/

.dtl-title .nanba {

	background-image: url(../../restaurant/images/kansai_text_09.gif);

}

/*心斎橋・なんば*/

.dtl-title .shinnan {

	background-image: url(../../restaurant/images/kansai_text_10.gif);

}

/*本町*/

.dtl-title .honmachi {

	background-image: url(../../restaurant/images/kansai_text_11.gif);

}

/*横浜*/

.dtl-title .yokohama {

	background-image: url(../../restaurant/images/yokohama_text_02.gif);

}

/*元町・中華街*/

.dtl-title .moto {

	background-image: url(../../restaurant/images/yokohama_text_03.gif);

}

/*みなとみらい*/

.dtl-title .mirai {

	background-image: url(../../restaurant/images/yokohama_text_04.gif);

}

/*関内*/

.dtl-title .kannai {

	background-image: url(../../restaurant/images/yokohama_text_05.gif);

}

