@charset "UTF-8";
/* CSS Document */


#contents {background:url(/sell/d_area/images/bg.gif) repeat-x center 250px;}
#contents_box {padding:0 0 60px;}
#contents_box h2 {font-size:1px;line-height:0px;padding:0 0 50px;}
#contents_box h3 {font-size:1px;line-height:0px;padding:0 0 45px;}
#map {font-size:1px;line-height:0px;padding:0 0 45px;}

#point { overflow:hidden;}
#point dl {font-size:1px;line-height:0px;float:left; width:540px; text-align:left;}
#point dt {padding:0 0 20px;}
#point dd {padding:0 0 20px;}
#point dd p {font-size:16px;line-height:25px;padding:40px 20px 0;}
#point dd p span { color:#ff0000;font-weight:700;}
#point dd.copy01 {background:url(/sell/d_area/images/copy01.jpg) no-repeat left top;width:480px;height:450px;padding:0;}
#point dd.copy02 {background:url(/sell/d_area/images/copy02.jpg) no-repeat left top;width:480px;height:450px;padding:0;}
#point .btn {padding:0;}
#point dl.point02 {width:480px;}

.map{ width: 1020px; height: 757px; margin-bottom: 30px;}
.map > .inner{ width: 100%; height: 100%; background-image: url("images/map_shop.jpg"); background-size: cover; border-radius: 10px; position: relative;}
.map > .inner ul{}
.map > .inner ul li{ position: absolute; font-size: 21px;}
.map > .inner ul li > p{ background-color: #004DA0; padding: 0 10px; box-sizing: border-box; color: #fff; border-radius: 5px; text-align: center; width: 100%; height: 38px; line-height: 40px;}
.map > .inner ul li > p a{ display: block; color: #fff!important;}
.map > .inner ul li > p a span{ font-weight: 700!important;}
.map > .inner ul li > p.active{ background-color: #39A5FC;}
.map > .inner ul li > p:hover{ cursor: pointer;}
.map > .inner ul li .shop_data{ position: absolute; z-index: 100;}

/*========================== 各店舗名表示位置 ==========================*/
.map > .inner ul li.asaka{ top: 128px; left: 328px;}
.map > .inner ul li.kiyose{ top: 236px; left: 450px;}
.map > .inner ul li.higashikurume{ top: 236px; left: 556px;}
.map > .inner ul li.oizumigakuen{ top: 236px; left: 710px;}
.map > .inner ul li.kumegawa{ top: 332px; left: 480px;}
.map > .inner ul li.tanashi{ top: 332px; left: 660px;}
.map > .inner ul li.hachioji{ top: 437px; left: 40px;}
.map > .inner ul li.toyoda{ top: 437px; left: 180px;}
.map > .inner ul li.tachikawa{ top: 437px; left: 296px;}
.map > .inner ul li.kokubunji{ top: 437px; left: 464px;}
.map > .inner ul li.mitaka{ top: 437px; left: 628px;}
.map > .inner ul li.ogikubo{ top: 437px; left: 749px;}
.map > .inner ul li.hino{ top: 557px; left: 190px;}
.map > .inner ul li.fucyu{ top: 557px; left: 415px;}
.map > .inner ul li.chofu{ top: 557px; left: 610px;}
.map > .inner ul li.sengawa{ top: 557px; left: 750px;}
.map > .inner ul li.nagoya{ top: 685px; left: 454px; width: 180px;}
.map > .inner ul li.fukuoka{ top: 685px; left: 240px; width: 180px;}
.map > .inner ul li.okinawa{ top: 685px; left: 26px; width: 180px;}
.map > .inner ul li.nagoya > p,
.map > .inner ul li.fukuoka > p,
.map > .inner ul li.okinawa > p{ padding: 0;}

/*========================== マップ ==========================*/
.line{ fill:none; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.line_name{ fill:#7AA4C4;}
.line_name_text{ fill:#FFFFFF; font-size:13px;}
.line_jr{ fill:none; stroke:#79A4C4; stroke-width:6.5; stroke-miterlimit:10;}
.line_jr_w{ fill:none; stroke:#FFFFFF; stroke-width:3.1736; stroke-miterlimit:10; stroke-dasharray:10.5788,10.5788;}
.station_name{ fill:#7AA4C4; font-size:11px; font-weight: 700;}
.station_name_s{ font-size:15px; fill:#79A5C4; font-weight: 700;}
.station_name_s_w{ font-size:15px; fill:none; stroke:#FFFFFF; stroke-width:4.2315; stroke-linecap:round; stroke-linejoin:round; font-weight: 700;}
.station_circle{ fill:#79A4C4;}
.station_circle_s{ fill:#FFFFFF; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.af_back{ fill:#FFFFFF;}
.af_border{ fill:#79A4C4;}
.af_textback{ fill:#79A4C4;}
.af_text{ fill:#FFFFFF; font-size:17px;}
.arrow_c{ fill:#004DA0;}
.arrow_l{ fill:none; stroke:#004DA0; stroke-width:1.5868; stroke-miterlimit:10;}

/*========================== ホバー時・選択時の線路の色 ==========================*/
#line_tojo.active .line{ stroke:#004098;}
#line_tojo.active .line_name{ fill:#004098;}
#line_ikebukuro.active .line{ stroke:#ff6600;}
#line_ikebukuro.active .line_name{ fill:#ff6600;}
#line_shinjyuku.active .line{ stroke:#00AAAF;}
#line_shinjyuku.active .line_name{ fill:#00AAAF;}
#line_cyuo.active .line_jr{ stroke:#F15A22;}
#line_cyuo.active .line_name{ fill:#F15A22;}
#line_keio.active .line{ stroke:#dd0077;}
#line_keio.active .line_name{ fill:#dd0077;}
#line_musashino.active .line_jr{ stroke:#F15A22;}
#line_musashino.active .line_name{ fill:#F15A22;}

/*========================== ホバー時・選択時の駅・吹き出しの色 ==========================*/
/*JR武蔵野線*/
.station_asaka.active .station_circle_s{ stroke:#F15A22;}
.station_asaka.active .station_name_s{ fill:#F15A22;}
/*西武池袋線*/
.station_kiyose.active .station_circle_s,
.station_higashikurume.active .station_circle_s,
.station_oizumigakuen.active .station_circle_s{ stroke:#ff6600;}
.station_kiyose.active .station_name_s,
.station_higashikurume.active .station_name_s,
.station_oizumigakuen.active .station_name_s{ fill:#ff6600;}
/*西武新宿線*/
.station_kumegawa.active .station_circle_s,
.station_tanashi.active .station_circle_s{ stroke:#00AAAF;}
.station_kumegawa.active .station_name_s,
.station_tanashi.active .station_name_s{ fill:#00AAAF;}
/*JR中央線*/
.station_hachioji.active .station_circle_s,
.station_toyoda.active .station_circle_s,
.station_tachikawa.active .station_circle_s,
.station_kokubunji.active .station_circle_s,
.station_mitaka.active .station_circle_s,
.station_ogikubo.active .station_circle_s{ stroke:#F15A22;}
.station_hachioji.active .station_name_s,
.station_toyoda.active .station_name_s,
.station_tachikawa.active .station_name_s,
.station_kokubunji.active .station_name_s,
.station_mitaka.active .station_name_s,
.station_ogikubo.active .station_name_s{ fill:#F15A22;}
/*京王線*/
.station_hino.active .station_circle_s,
.station_fucyu.active .station_circle_s,
.station_chofu.active .station_circle_s,
.station_sengawa.active .station_circle_s{ stroke:#dd0077;}
.station_hino.active .station_name_s,
.station_fucyu.active .station_name_s,
.station_chofu.active .station_name_s,
.station_sengawa.active .station_name_s{ fill:#dd0077;}
/*吹き出し矢印*/
.active .arrow_c{ fill:#39A5FC;}
.active .arrow_l{ stroke:#39A5FC;}