@charset "utf-8";

/* 
******************************
1.ショップリスト各ページ共通{
	タイトルまわり
	グローバルナビ ショップリスト表示設定
}

2.店舗詳細ページ{
	タイトルまわり
	店舗詳細エリア
	キニナルエリア
	カテゴリ別スタイル
}

3.カテゴリ検索スタイル{
	リスト共通スタイル
	カテゴリ別スタイル
}

4.カテゴリ別店舗一覧ページ
	タイトルまわり
	タブボックス
	カテゴリ別スタイル--タイトル
	カテゴリ別スタイル--タブ
	階数スタイル
}

5.ショップ名検索ページ
	アンカーリンクエリア
	五十音エリア
}

6.フロアマップ用スタイル
	階数別スタイル
	階数別フロアマップ用スタイル
	カテゴリカラースタイル
}


******************************/


/* 1.ショップリスト各ページ共通
============================================*/
/* タイトルまわり
------------------------*/
#h2_shoplist {
background: url(../img/shoplist_title.jpg) top center no-repeat;
}
#header .hd_title #h2_shoplist span{
padding-top: 37px;
padding-left: 376px;
line-height: 1.5;
}
.right_con h3{
/*--
margin-bottom: 25px;
--*/
margin-bottom: 15px;
}
/* グローバルナビ ショップリスト表示設定
------------------------*/
#shoplist_nav{
}
* html #gnav #shoplist_nav{
margin-bottom: 1px;
}
*:first-child+html #gnav #shoplist_nav{
margin-bottom: 0px;
}
#gnav #shoplist_nav a{
display: block;
border-bottom: none;
}
#shoplist_nav span{
text-align: center;
display: block;
background:url(../../common/img/gnav/slist_bg.jpg) top left no-repeat;
padding: 5px 0 5px 0;
}
#shoplist_nav span a{
display: block;
margin-bottom: 5px
}

/* 2.店舗詳細ページ
============================================*/
/* タイトルまわり
------------------------*/
#shop_detail {
position: relative;
}
#shop_detail h3{
width: 750px;
height: 33px;
background:url(../shop_detail/img/detail_title_bg.jpg) top left no-repeat;
}
#shop_detail h3 span{
display: block;
padding-left: 40px;
padding-top: 3px;
}

#shop_detail p.icon{
text-align: right;
position:absolute;
right: 10px;
top: 0;
z-index: 10;
}
#shop_detail p.icon span{
padding-left: 12px;
border-left: 1px #999 solid;
}
#shop_detail p.icon img{
vertical-align: top;
}

/* 店舗詳細エリア
------------------------*/
#shop_detail .f_box{
margin-bottom: 10px;
}
/* 店舗詳細左エリア
------------*/
#shop_detail .f_box .f_left{
width: 400px;
}
#shop_detail .f_box .f_left p{
margin-bottom: 15px;
width: 370px;
height: 230px;
}
#shop_detail .f_box .f_left p img{
width: 370px;
height: 230px;

}

/* 店舗詳細右エリア
------------*/
#shop_detail .f_box .f_right{
width: 350px;
}
#shop_detail .f_box .f_right p.logo{
margin: 0px 0 18px 0;
width: 350px;
height: 120px;
text-align: center;
}
#shop_detail .f_box .f_right p.logo img{
width: 200px;
height: 120px;
}


#shop_detail .f_box .f_right table{
width: 100%;
line-height: 1.2;
margin: 0 0 10px 0;
}
#shop_detail .f_box .f_right table th{
width: 6.5em;
border-right: 1px solid #999;
}
#shop_detail .f_box .f_right table th span{
padding: 0.2em 1em;
display: block;
}
#shop_detail .f_box .f_right table td{
}
#shop_detail .f_box .f_right table td span{
padding: 0.2em 1em;
display: block;
white-space:normal;
}
#shop_detail .f_box .f_right table a{
color:#666;
text-decoration: underline;
}
#shop_detail .f_box .f_right table a:hover{
color:#7EB731;
text-decoration: none;
}


#shop_detail .f_box .f_right h4{
}
#shop_detail .f_box .f_right h4 strong{
font-weight: bold;
display: block;
}
/* キニナルエリア
------------------------*/
#shop_detail .kininaru h5{
margin-bottom: 20px;
}
#shop_detail .kininaru .box{
width: 100%;
padding-top: 10px;
margin-bottom: 10px;
background: url(../../common/img/dotted_x.jpg) top left repeat-x;
/*750px*/
}
#shop_detail .kininaru .box .img{
width: 214px;
float: left;
}
#shop_detail .kininaru .box .tx_area{
width: 536px;
float: right;
}
#shop_detail .kininaru .box .tx_area div{
background:#F3F3F3;
margin-bottom: 10px;
}
#shop_detail .kininaru .box .tx_area div p.date{
text-align: right;
padding-right: 0.8em;
line-height: 2.2;
}
#shop_detail .kininaru .box .tx_area div p.date span{
float: left;
}
#shop_detail .kininaru .box .tx_area div h6{
line-height: 1.1;
font-weight: bold;
padding: 0 14px 5px 14px;
margin-top: -4px;
}
#shop_detail .kininaru .box .tx_area .tx{
line-height: 1.1;
padding: 0 6px;
}


/* 3.カテゴリ検索ページ
============================================*/
/* リスト共通スタイル
------------------------*/
#shop_category{
}
#shop_category .c_box{
width: 154px;
float: left;
position:relative;
}
#shop_category .c_box p.title{
}
#shop_category .c_box p.solid{
position:absolute;
width: 134px;
top: 102px;
left: 0;
}
#shop_category .c_box ul{
padding-top: 16px;
width: 130px;
letter-spacing:0px;
}
#shop_category .c_box2{
width: 130px;
margin-left:2px;
}
#shop_category .c_box2:hover{
cursor:default;
}
#shop_category .c_box li{
}
#shop_category .c_box li a{
display:block;
color:#999;
width: 100%;
}
#shop_category .c_box li a:hover{
text-decoration: none;
}
#shop_category .c_box li a span{
display: block;
padding: 6px 0 6px 21px;
background: url(../category/img/dotted.gif) bottom left repeat-x;
}
/* カテゴリ別スタイル
------------------------*/
/*ファッション*/
#shop_category #fashion .c_box2:hover{
background:#FDF0EF;
}
#shop_category #fashion li a{
background: url(../category/img/fashion_ob.gif) 3px 9px no-repeat;
}
#shop_category #fashion li a:hover{
background: url(../category/img/fashion_ob_on.gif) 3px 9px no-repeat #F6D2D2;
}
/*レストラン*/
#shop_category #restaurant .c_box2:hover{
background:#ECECF2;
}
#shop_category #restaurant li a{
background: url(../category/img/restaurant_ob.gif) 3px 9px no-repeat;
}
#shop_category #restaurant li a:hover{
background: url(../category/img/restaurant_ob_on.gif) 3px 9px no-repeat #D1D0E0;
}
/*アミューズメント*/
#shop_category #amusement .c_box2:hover{
background:#E5EEF5;
}
#shop_category #amusement li a{
background: url(../category/img/amusement_ob.gif) 3px 9px no-repeat;
}
#shop_category #amusement li a:hover{
background: url(../category/img/amusement_ob_on.gif) 3px 9px no-repeat #BFD6E6;
}
/*グッズ*/
#shop_category #goods .c_box2:hover{
background:#FEF8E8;
}
#shop_category #goods li a{
background: url(../category/img/goods_ob.gif) 3px 9px no-repeat;
}
#shop_category #goods li a:hover{
background: url(../category/img/goods_ob_on.gif) 3px 9px no-repeat #FBE2A5;
}
/*サービス*/
#shop_category #service .c_box2:hover{
background:#E5EFEC;
}
#shop_category #service li a{
background: url(../category/img/service_ob.gif) 3px 9px no-repeat;
}
#shop_category #service li a:hover{
background: url(../category/img/service_ob_on.gif) 3px 9px no-repeat #BFD8D1;
}
#shop_category #service{
width: 134px;
}

/* 4.カテゴリ別店舗一覧ページ
============================================*/
#list_category{
}
/* タイトルまわり
------------------------*/
#list_category .title{
width: 100%;
/*750px*/
position:relative;
}
#list_category .title h4{
width: 750px;
height: 60px;
margin-bottom: 80px;
position:relative;
}
#list_category .title h4 span{
padding-left: 73px;
display: block;
padding-top: 30px;
font-size: 24px;
font-weight: bold;
}
/* タブボックス
------------------------*/
#list_category #tab_area{
width: 470px;
position:absolute;
top: 50px;
right: 0;
z-index: 10;
}
#list_category #tab_area .tab_list{
wdith: 100%;
float: right;
}
#list_category #tab_area .tab_list li{
float: left;
line-height: 1.3;
}
#list_category #tab_area .tab_list li img{
vertical-align:bottom;
}
#list_category #tab_area .tab_list li a{
margin-left: 5px;
display: block;
width: 35px;
padding-bottom: 5px;
}
#list_category #tab_area .tab_box{
width: 100%;
clear:both;
}
#list_category #tab_area .tab_box{
width: 100%;
}
#list_category #tab_area .tab_box ul{
float: right;
}
#list_category #tab_area .tab_box li{
float: left;
padding: 2px 0;
}
#list_category #tab_area .tab_box li a{
padding: 0 10px;
background: url(../category/img/solid01.jpg) center left no-repeat;
color:#999;
text-decoration: underline;
white-space: nowrap;
}
#list_category #tab_area .tab_box li a:hover{
}

/*カテゴリ別スタイル--タイトル*/
/*ファッション*/
#list_category #title_fashion{
background: url(../category/img/fashion_title.jpg) top left no-repeat;
color:#D00B3C;
}
/*レストラン*/
#list_category #title_restaurant{
background: url(../category/img/restaurant_title.jpg) top left no-repeat;
color:#494384;
}
/*アミューズメント*/
#list_category #title_amusement{
background: url(../category/img/amusement_title.jpg) top left no-repeat;
color:#005B9B;
}
/*グッズ*/
#list_category #title_goods{
background: url(../category/img/goods_title.jpg) top left no-repeat;
color:#F4B71E;
}
/*サービス*/
#list_category #title_service{
background: url(../category/img/service_title.jpg) top left no-repeat;
color:#006247;
}
/*カテゴリ別スタイル--タブ*/
/*ファッション*/
#list_category #tab_area .tab_list #btn_fashion a.selected{
background: #D00B3C;
}
#list_category #tab_fashion ul{
background:#FDF0EF;
}
#list_category #tab_area #tab_fashion li a.now{
color:#D00B3C;
}
#list_category #tab_area #tab_fashion li a:hover{
color:#D00B3C;
}
/*レストラン*/
#list_category #tab_area .tab_list #btn_restaurant a.selected{
background: #494384;

}
#list_category #tab_restaurant ul{
background:#ECECF2;
}
#list_category #tab_area #tab_restaurant li a.now{
color:#494384;
}
#list_category #tab_area #tab_restaurant li a:hover{
color:#494384;
}

/*アミューズメント*/
#list_category #tab_area .tab_list #btn_amusement a.selected{
background: #005B9B;
}
#list_category #tab_amusement ul{
background:#E5EEF5;
}
#list_category #tab_area #tab_amusement li a.now{
color:#005B9B;
}
#list_category #tab_area #tab_amusement li a:hover{
color:#005B9B;
}
/*グッズ*/
#list_category #tab_area .tab_list #btn_goods a.selected{
background: #F4B71E;
}
#list_category #tab_goods ul{
background:#FEF8E8;
}
#list_category #tab_area #tab_goods li a.now{
color:#F4B71E;
}
#list_category #tab_area #tab_goods li a:hover{
color:#F4B71E;
}
/*サービス*/
#list_category #tab_area .tab_list #btn_service a.selected{
background:#006247;
}
#list_category #tab_service ul{
background:#E5EFEC;
}
#list_category #tab_area #tab_service li a.now{
color:#006247;
}
#list_category #tab_area #tab_service li a:hover{
color:#006247;
}
/*階数スタイル*/


#list_category .floor_box{
width: 100%;
margin-bottom: 15px;
z-index:10;
}

#list_category .floor_box div{
width: 100%;
}
#list_category .floor_box p.title{
margin-bottom: 3px;
}
#list_category .floor_box dl{
padding: 5px 0;
line-height: 1.2; 
float: left;
background:url("../img/dotted_x2.jpg") bottom left no-repeat;
width: 375px;
}
}
#list_category .floor_box dl img{
vertical-align: bottom;
}
#list_category .floor_box dt{
width: 80px;
float: left;
font-weight: bold;
}
#list_category .floor_box dt span{
padding-top: 20px;
padding-left: 18px;
margin-left: 12px;
background: url(../../common/img/arrow01.jpg) 0px 25px no-repeat;
display: block;
}
#list_category .floor_box dl dd{
float: left;
}



#list_category .floor_box dl dd.logo{
width: 160px;
}
#list_category .floor_box dl dd.logo span{
width: 144px;
padding: 0;
background:#fff;
display: block;
margin-left: 3px;
}
#list_category .floor_box dl dd.logo em{
width: 144px;
height: 30px;
display: block;
text-align: center;
}
#list_category .floor_box dl dd.logo img{
width: 144px;
height: 30px;
}
#list_category .floor_box dl dd.name{
width: 200px;
font-weight :bold;
}
#list_category .floor_box dl dd.name span{
font-weight :normal;
}
#list_category .floor_box dl dd.name em{
font-weight :normal;
margin-right: 4px;
}
/* for IE7 */
*+html #list_category .floor_box dl dd.name em{
float: left;
}

/* for IE6 */
* html #list_category .floor_box dl dd.name em{
float: left;
} 

#list_category .floor_box dl dd.name strong{
color:#fff;
line-height: 1em;
padding: 2px 2px 0 2px;
}
#list_category .floor_box dl dd.name a{
text-decoration: underline;
color:#666;
display: block;
padding: 0.5em;
margin-bottom: 3px;
}


/*階数別カラースタイル*/
/*1f*/

#list_category #color_1f p.title{
}
#list_category #color_1f dt a span{
text-decoration: underline;
color:#8EC31F;
}
#list_category #color_1f dt a:hover span{
text-decoration: none;
}
#list_category #color_1f dl dd.name a{
color:#4B8B03;
background:#EEF6DE;
}
#list_category #color_1f dl dd.name a:hover{
text-decoration: none;
color:#4B8B03;
}
#list_category #color_1f dl dd.name strong{
background:#4B8B03;
}
/*2f*/
#list_category #color_2f p.title{
margin-bottom: 6px;
}
#list_category #color_2f dt a span{
text-decoration: underline;
color:#E45F62;
}
#list_category #color_2f dt a:hover span{
text-decoration: none;
}
#list_category #color_2f dl dd.name a{
color:#BF3B40;
background:#FBE7E8;
}
#list_category #color_2f dl dd.name a:hover{
text-decoration: none;
color:#BF3B40;
}
#list_category #color_2f dl dd.name strong{
background:#BF3B40;
}
/*3f*/
#list_category #color_3f p.title{
}
#list_category #color_3f dt a span{
text-decoration: underline;
color:#079CD6;
}
#list_category #color_3f dt a:hover span{
text-decoration: none;
}
#list_category #color_3f dl dd.name a{
color:#0A84AF;
background:#DAF0F9;
}
#list_category #color_3f dl dd.name a:hover{
text-decoration: none;
color:#0A84AF;
}
#list_category #color_3f dl dd.name strong{
background:#0A84AF;
}
/*4f*/
#list_category #color_4f p.title{
}
#list_category #color_4f dt a span{
text-decoration: underline;
color:#F8AA14;
}
#list_category #color_4f dt a:hover span{
text-decoration: none;
}
#list_category #color_4f dl dd.name a{
color:#DF970D;
background:#FEF2DC;
}
#list_category #color_4f dl dd.name a:hover{
text-decoration: none;
color:#DF970D;
}
#list_category #color_4f dl dd.name strong{
background:#DF970D;
}
/*--シネマ--*/
#list_category #color_cinema p.title{
}
#list_category #color_cinema dt a span{
text-decoration: underline;
color:#7A4300;
}
#list_category #color_cinema dt a:hover span{
text-decoration: none;
}
#list_category #color_cinema dl dd.name a{
color:#7A4300;
background:#e4d9cc;
}
#list_category #color_cinema dl dd.name a:hover{
text-decoration: none;
color:#7A4300;
}
#list_category #color_cinema dl dd.name strong{
background:#7A4300;
}
/*--スポーツ--*/
#list_category #color_sport p.title{
}
#list_category #color_sport dt a span{
text-decoration: underline;
color:#7A4300;
}
#list_category #color_sport dt a:hover span{
text-decoration: none;
}
#list_category #color_sport dl dd.name a{
background:#e4d9cc;
color:#7A4300;
}
#list_category #color_sport dl dd.name a:hover{
text-decoration: none;
color:#7A4300;
}
#list_category #color_sport dl dd.name strong{
background:#7A4300;
}




/*---ショップ名検索用スタイル---*/
#search{
position:relative;
}
#anchor_box{
width: 100%;
position:absolute;
}
#anchor_box ul{
float:right;
}
/*アンカーリンクエリア*/
#anchor_box li{
float:left;
padding-left: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
}
#anchor_box li img{
vertical-align: top;
}
#anchor_box li.first{
padding-left: 0px;
}
/*五十音エリア*/
#search .anchor_box{
width: 100%;
margin-bottom: 15px;
}
#search .anchor_box .goto_top{
margin: 10px 0 0 0;
}
#search .anchor_box p.title{
margin-bottom:3px;
}
#search .anchor_box div{
width: 100%;
}
#search .anchor_box div dl{
padding: 5px 0;
line-height: 1.2; 
float: left;
width: 375px;
background:url("../img/dotted_x2.jpg") bottom left no-repeat;
/*375px*/
}
}
#search .anchor_box dl img{
vertical-align: bottom;
}
#search .anchor_box dt{
width: 80px;
float: left;
font-weight: bold;
}
#search .anchor_box dl dd.name a{
text-decoration: underline;
color:#4B8B03;
}
#search .anchor_box dl dd.name a:hover{
text-decoration: none;
color:#4B8B03;
}
#search .anchor_box dl dd{
float: left;
}


#search .anchor_box dl dd.logo{
width: 160px;
}
#search .anchor_box dl dd.logo span{
width: 144px;
padding: 0px 0;
background:#fff;
display: block;
margin-left: 3px;
}
#search .anchor_box dl dd.logo em{
width: 144px;
height: 40px;
display: block;
text-align: center;
}
#search .anchor_box dl dd.logo img{
width: 134px;
height: 40px;
}
#search .anchor_box dl dd.name{
width: 200px;
font-weight :bold;
}
#search .anchor_box dl dd.name a{
background: #EEF6DE;
display: block;
padding: 0.5em;
margin-bottom: 3px;
}
#search .anchor_box dl dd.name span{
font-weight :normal;
}
#search .anchor_box dl dd.name em{
font-weight :normal;
margin-right: 4px;
}

/* for IE7 */
*+html #search .anchor_box dl dd.name em{
float: left;
}

/* for IE6 */
* html #search .anchor_box dl dd.name em{
float: left;
} 

#search .anchor_box dl dd.name strong{
background:#4B8B03;
color:#fff;
line-height: 1em;
padding: 2px 2px 0 2px;
}
#search .anchor_name{
margin: 0;
padding: 0;
height: 0px;
font-size:0px;
}

/* 6.フロアマップ用スタイル
============================================*/
#floor_map{
}
#floor_map .f_box{
background: url(../floor/img/all_bg.jpg) top right no-repeat;
/*750px*/
}
#floor_map .f_box .f_left{
width:120px;
}
#floor_map .f_box .f_left li{
margin-bottom: 23px;
}

#floor_map .f_box .f_left li a{
display: block;
text-indent:-9999px;
height: 120px;
width: 120px;
outline: none;
}
#floor_map .f_box .f_left li a span{
display: block;
}
#floor_map .f_box .f_left li img{
}
#floor_map .f_box .f_right{
width: 630px;
}

#floor_map .f_right .img_area{
width: 630px;
}
#floor_map .f_right .img_area .sankaku{
width: 80px;
height: 548px;
float: left;
}
#floor_map .f_right .img_area .con{
width: 550px;
height: 548px;
float: right;
}
#floor_map .f_right .img_area .con p.title{
margin-left: 15px;
}
#floor_map .f_right .img_area .con div{
background:#fff;
margin-left: 15px;
width: 520px;
height: 460px;
}
#floor_map .f_right .img_area .con div dl{
background:#fff;
padding: 45px 30px 0 30px;
}
#floor_map .f_right .img_area .con div dt{
margin-bottom: 48px;
}
#floor_map .f_right .img_area .con div dd.link{
margin-top: 30px;
text-align: right;
}
#floor_map .f_right .img_area .con div dd.link a{
text-decoration: underline;
color:#8EC31F;
}
#floor_map .f_right .img_area .con div dd.link a:hover{
text-decoration: none;
color:#8EC31F;
}
#floor_map #floor_img{
background: url(../../common/img/dotted_x.jpg) top left repeat-x;
padding-top: 70px;
margin-top: 45px;
}
/* 階数別スタイル
------------------------*/
/*階数別スタイル*/
/*デフォルト*/
#floor_map #tab_default{
display: none;
}
#floor_map #default .sankaku{
}
#floor_map #default .con{
background: url(../floor/img/1f_bg.jpg) top right;
}
#floor_map #default .con p{
text-align: center;
padding-top: 260px;
}
/*1F*/
#floor_map #tab_1f a{
background: url(../floor/img/btn_1f.jpg) top left no-repeat;
}
#floor_map #tab_1f a:hover{
background: url(../floor/img/btn_1f.jpg) bottom left no-repeat;
}
#floor_map #tab_1f a.selected{
background: url(../floor/img/btn_1f.jpg) bottom left no-repeat;
}
#floor_map #floor_map1f .sankaku{
background: url(../floor/img/1f_sankaku.jpg) bottom left no-repeat;
}
#floor_map #floor_map1f .con{
background: url(../floor/img/1f_bg.jpg) top right;
}
#floor_map #floor_map1f .con div dd.link a{
color:#8EC31F;
}
#floor_map #floor_map1f .con div dd.link a:hover{
color:#8EC31F;
}

/*2F*/
#floor_map #tab_2f a{
background: url(../floor/img/btn_2f.jpg) top left no-repeat;
}
#floor_map #tab_2f a:hover{
background: url(../floor/img/btn_2f.jpg) bottom left no-repeat;
}
#floor_map #tab_2f a.selected{
background: url(../floor/img/btn_2f.jpg) bottom left no-repeat;
}
#floor_map #floor_map2f .sankaku{
background: url(../floor/img/2f_sankaku.jpg) 0 286px no-repeat;
}
#floor_map #floor_map2f .con{
background: url(../floor/img/2f_bg.jpg) top right;
}
#floor_map #floor_map2f .con div dd.link a{
color:#E35F62;
}
#floor_map #floor_map2f .con div dd.link a:hover{
color:#E35F62;
}
/*3F*/
#floor_map #tab_3f a{
background: url(../floor/img/btn_3f.jpg) top left no-repeat;
}
#floor_map #tab_3f a:hover{
background: url(../floor/img/btn_3f.jpg) bottom left no-repeat;
}
#floor_map #tab_3f a.selected{
background: url(../floor/img/btn_3f.jpg) bottom left no-repeat;
}
#floor_map #floor_map3f .sankaku{
background: url(../floor/img/3f_sankaku.jpg) 0 143px no-repeat;
}
#floor_map #floor_map3f .con{
background: url(../floor/img/3f_bg.jpg) top right;
}

#floor_map #floor_map3f .con div dd.link a{
color:#089CD6;
}
#floor_map #floor_map3f .con div dd.link a:hover{
color:#089CD6;
}
/*4F*/
#floor_map #tab_4f a{
background: url(../floor/img/btn_4f.jpg) top left no-repeat;
}
#floor_map #tab_4f a:hover{
background: url(../floor/img/btn_4f.jpg) bottom left no-repeat;
}
#floor_map #tab_4f a.selected{
background: url(../floor/img/btn_4f.jpg) bottom left no-repeat;
}
#floor_map #floor_map4f .sankaku{
background: url(../floor/img/4f_sankaku.jpg) top left no-repeat;
}
#floor_map #floor_map4f .con{
background: url(../floor/img/4f_bg.jpg) top right;
}
#floor_map #floor_map1f .con div dd.link a{
color:#F8AA14;
}
#floor_map #floor_map1f .con div dd.link a:hover{
color:#F8AA14;
}

/*---階数別フロアマップ用スタイル---*/
#floor_map2{
}
#floor_map2 h3{
margin-bottom:20px;
}
#floor_map2 h3 img{
margin-right: 5px;
vertical-align: middle;
}
#floor_map2 #tab_area{
width: 100%;
position:relative;
}
#floor_map2 #tab_area .tab_list{
background: url("../floor/img/solid_00.jpg") 0 82px repeat-x;
position:absolute;
right: 0px;
top: 0px;
z-index: 20;
width: 202px;
}
#floor_map2 #tab_area .tab_list li{
float: left;
}

#floor_map2 #tab_area .tab_list li a{
margin-left: 7px;
display: block;
width: 45px;
height: 35px;
margin-bottom: 7px;
outline: none;
}
#floor_map2 #tab_area .tab_list li a span{
display: block;
text-indent: -9999px;
}
/*1f*/
#floor_map2 #tab_area #btn_1f a{
background: url(../floor/img/new/1f_tab.jpg) top left no-repeat;
margin-left: 0px;
}
#floor_map2 #tab_area #btn_1f a:hover{
background: url(../floor/img/new/1f_tab.jpg) bottom left no-repeat;
}
#floor_map2 #tab_area #btn_1f a.selected{
background: url(../floor/img/new/1f_tab.jpg) bottom left no-repeat;
}
/*2f*/
#floor_map2 #btn_2f a{
background: url(../floor/img/new/2f_tab.jpg) top left no-repeat;
}
#floor_map2 #btn_2f a:hover{
background: url(../floor/img/new/2f_tab.jpg) bottom left no-repeat;
}
#floor_map2 #btn_2f a.selected{
background: url(../floor/img/new/2f_tab.jpg) bottom left no-repeat;
}
/*3f*/
#floor_map2 #btn_3f a{
background: url(../floor/img/new/3f_tab.jpg) top left no-repeat;
}
#floor_map2 #btn_3f a:hover{
background: url(../floor/img/new/3f_tab.jpg) bottom left no-repeat;
}
#floor_map2 #btn_3f a.selected{
background: url(../floor/img/new/3f_tab.jpg) bottom left no-repeat;
}
/*4f*/
#floor_map2 #btn_4f a{
background: url(../floor/img/new/4f_tab.jpg) top left no-repeat;
}
#floor_map2 #btn_4f a:hover{
background: url(../floor/img/new/4f_tab.jpg) bottom left no-repeat;
}
#floor_map2 #btn_4f a.selected{
background: url(../floor/img/new/4f_tab.jpg) bottom left no-repeat;
}
/*シネマ*/
#floor_map2 #tab_area .tab_list #btn_cinema a{
width: 97px;
margin-left: 0px;
background: url(../floor/img/cinema_tab.jpg) top left no-repeat;
}
#floor_map2 #tab_area .tab_list #btn_cinema a:hover{
background: url(../floor/img/cinema_tab.jpg) bottom left no-repeat;
}
#floor_map2 #tab_area .tab_list #btn_cinema a.selected{
background: url(../floor/img/cinema_tab.jpg) bottom left no-repeat;
}
/*スポーツ*/
#floor_map2 #tab_area .tab_list #btn_sport a{
width: 97px;
background: url(../floor/img/sport_tab.jpg) top left no-repeat;
}
#floor_map2 #tab_area .tab_list #btn_sport a:hover{
background: url(../floor/img/sport_tab.jpg) bottom left no-repeat;
}
#floor_map2 #tab_area .tab_list #btn_sport a.selected{
background: url(../floor/img/sport_tab.jpg) bottom left no-repeat;
}

#floor_map2 #tab_area .tab_box{
clear: both;
width: 100%;
position:relative;
padding-bottom: 20px;
}

#floor_map2 #tab_area .tab_box .f_col{
width: 100%;
position: relative;
margin-bottom: 40px;
}
#floor_map2 #tab_area .tab_box .f_col .col_l{
width: 550px;
float: left;
}
#floor_map2 #tab_area .tab_box .f_col .col_l p.map02{
width: 550px;
bottom: 0;
left: 0;
position: absolute;
}
#floor_map2 #tab_area .tab_box .f_col .col_l .goto_pdf{
bottom: 280px;
left:360px;
position: absolute;
}

#floor_map2 #tab_area #tab_2f .col_l .goto_pdf{
bottom: 230px;
}


#floor_map2 #tab_area .tab_box .f_col .col_r{
width: 200px;
float: right;
}


/*-- 店舗名一覧 --*/
#floor_map2 #tab_area .tab_box .f_col .col_r table{
line-height: 1.3em;
font-size: 80%;
width: 200px;
margin-top: 30px;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table span{
padding: 2px 0 2px 4px;
display:block;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table th{
text-align: center;
width: 3em;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table .name{
width: 20em;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table .tel{
border-bottom: none;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table .tel span{
padding: 2px 4px;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table .t_head th{
color: #fff;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table .t_head td{
color: #fff;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table a{
text-decoration:none;
}
#floor_map2 #tab_area .tab_box .f_col .col_r table a:hover{
text-decoration:underline;
}


/*-- 1F --*/
#floor_map2 #tab_area #tb_1f{
border: 1px solid #8EC21F;
}
#floor_map2 #tab_area #tb_1f .t_head th{
background: #8EC21F;
}
#floor_map2 #tab_area #tb_1f .t_head td{
background: #8EC21F;
}
#floor_map2 #tab_area #tb_1f a{
color:#794402;
}
#floor_map2 #tab_area #tb_1f a:hover{
color:#794402;
}
/*-- 2F --*/
#floor_map2 #tab_area #tb_2f{
border: 1px solid #E45F62;
}
#floor_map2 #tab_area #tb_2f .t_head th{
background: #E45F62;
}
#floor_map2 #tab_area #tb_2f .t_head td{
background: #E45F62;
}
#floor_map2 #tab_area #tb_2f a{
color:#E45F62;
}
#floor_map2 #tab_area #tb_2f a:hover{
color:#E45F62;
}
/*-- 3F --*/
#floor_map2 #tab_area #tb_3f{
border: 1px solid #079CD6;
}
#floor_map2 #tab_area #tb_3f .t_head th{
background: #079CD6;
}
#floor_map2 #tab_area #tb_3f .t_head td{
background: #079CD6;
}
#floor_map2 #tab_area #tb_3f a{
color:#079CD6;
}
#floor_map2 #tab_area #tb_3f a:hover{
color:#079CD6;
}
/*-- 4F --*/
#floor_map2 #tab_area #tb_4f{
border: 1px solid #F8AA14;
}
#floor_map2 #tab_area #tb_4f .t_head th{
background: #F8AA14;
}
#floor_map2 #tab_area #tb_4f .t_head td{
background: #F8AA14;
}
#floor_map2 #tab_area #tb_4f a{
color:#AF7B00;
}
#floor_map2 #tab_area #tb_4f a:hover{
color:#AF7B00;
}
/*-- シネマ --*/
#floor_map2 #tab_area #tb_cinema{
border: 1px solid #D56C3A;
}
#floor_map2 #tab_area #tb_cinema .t_head th{
background: #D56C3A;
}
#floor_map2 #tab_area #tb_cinema .t_head td{
background: #D56C3A;
}
#floor_map2 #tab_area #tb_cinema a{
color:#D56C3A;
}
#floor_map2 #tab_area #tb_cinema a:hover{
color:#D56C3A;
}
/*-- スポーツ --*/
#floor_map2 #tab_area #tb_sport{
border: 1px solid #72A3A1;
}
#floor_map2 #tab_area #tb_sport .t_head th{
background: #72A3A1;
}
#floor_map2 #tab_area #tb_sport .t_head td{
background: #72A3A1;
}
#floor_map2 #tab_area #tb_sport a{
color:#72A3A1;
}
#floor_map2 #tab_area #tb_sport a:hover{
color:#72A3A1;
}




/*階数スタイル*/
#floor_map2 .floor_box{
width: 100%;
margin-bottom: 20px;
}
#floor_map2 .floor_box .goto_top{
margin: 10px 0 0 0;
}
#floor_map2 .floor_box p.title{
margin-bottom: 3px;
}

#floor_map2 .floor_box div{
width: 100%;
}
#floor_map2 .floor_box dl{
padding: 5px 0;
line-height: 1.2; 
float: left;
width: 375px;
background:url("../img/dotted_x2.jpg") bottom left no-repeat;
}

#floor_map2 .floor_box dl img{
vertical-align: bottom;
}

#floor_map2 .floor_box dl dd{
float: left;
}


#floor_map2 .floor_box dl dd.logo{
width: 160px;
}
#floor_map2 .floor_box dl dd.logo span{
width: 144px;
padding: 0;
background:#fff;
display: block;
margin-left: 3px;
}
#floor_map2 .floor_box dl dd.logo em{
width: 144px;
height: 40px;
display: block;
text-align: center;
}
#floor_map2 .floor_box dl dd.logo img{
width: 134px;
height: 40px;
}
#floor_map2 .floor_box dl dd.name{
width: 200px;
font-weight :bold;
}
#floor_map2 .floor_box dl dd.name span{
font-weight :normal;
}
#floor_map2 .floor_box dl dd.name em{
font-weight :normal;
margin-right:4px;
}
/* for IE7 */
*+html #floor_map2 .floor_box dl dd.name em{
float: left;
}

/* for IE6 */
* html #floor_map2 .floor_box dl dd.name em{
float: left;
}

#floor_map2 .floor_box dl dd.name strong{
color:#fff;
margin-top:2px;
line-height: 1em;
padding: 2px 2px 0 2px;
}
#floor_map2 .floor_box dl dd.name a{
display: block;
padding: 0.5em;
margin-bottom: 3px;
text-decoration: underline;
color:#666;
}


/*カテゴリカラースタイル*/
/*ファッション*/
#floor_map2 #color_1 p.title{
}
#floor_map2 #color_1 dt a span{
text-decoration: underline;
color:#D00A3B;
}
#floor_map2 #color_1 dt a:hover span{
text-decoration: none;
}
#floor_map2 #color_1 dl dd.name a{
background:#FAE6EB;
color:#AF0A38;
}
#floor_map2 #color_1 dl dd.name a:hover{
text-decoration: none;
color:#AF0A38;
}
#floor_map2 #color_1 dl dd.name strong{
background:#AF0A38;
}
/*レストラン*/
#floor_map2 #color_2 p.title{
}
#floor_map2 #color_2 dt a span{
text-decoration: underline;
color:#494383;
}
#floor_map2 #color_2 dt a:hover span{
text-decoration: none;
}
#floor_map2 #color_2 dl dd.name a{
background:#ECECF2;
color:#494383;
}
#floor_map2 #color_2 dl dd.name a:hover{
text-decoration: none;
color:#494383;
}
#floor_map2 #color_2 dl dd.name strong{
background:#494383;
}

/*アミューズメント*/
#floor_map2 #color_3 p.title{
}
#floor_map2 #color_3 dt a span{
text-decoration: underline;
color:#005B9A;
}
#floor_map2 #color_3 dt a:hover span{
text-decoration: none;
}
#floor_map2 #color_3 dl dd.name a{
background:#ECECF2;
color:#005B9A;
}
#floor_map2 #color_3 dl dd.name a:hover{
text-decoration: none;
color:#005B9A;
}
#floor_map2 #color_3 dl dd.name strong{
background:#005B9A;
}
/*グッズ*/
#floor_map2 #color_4 p.title{
}
#floor_map2 #color_4 dt a span{
text-decoration: underline;
color:#F4B71E;
}
#floor_map2 #color_4 dt a:hover span{
text-decoration: none;
}
#floor_map2 #color_4 dl dd.name a{
color:#DF9D00;
background:#FEF8E8;
}
#floor_map2 #color_4 dl dd.name a:hover{
text-decoration: none;
color:#DF9D00;
}
#floor_map2 #color_4 dl dd.name strong{
background:#DF9D00;
}
/*サービス*/
#floor_map2 #color_5 p.title{
}
#floor_map2 #color_5 dt a span{
text-decoration: underline;
color:#006347;
}
#floor_map2 #color_5 dt a:hover span{
text-decoration: none;
}
#floor_map2 #color_5 dl dd.name a{
background:#E5EFEC;
color:#006347;
}
#floor_map2 #color_5 dl dd.name a:hover{
text-decoration: none;
color:#006347;
}
#floor_map2 #color_5 dl dd.name strong{
background:#006347;
}