@charset "utf-8";

/* common */
html,body{ margin:0; padding:0; height:100%;}
body{ font-family:"メイリオ","Meiryo","MS PGothic","Osaka",Arial,sans-serif; background:#fff;}
.yj950-2 .yjMainGrid{ padding-right:16px; _padding-right:15px;}
a:link{ color:#006699;}
#contents a{ text-decoration:none;}
#contents a:hover{ text-decoration:underline;}
#contents .message{ border:1px solid #FF0000; color:#FF0000; margin:10px; padding:5px 10px; text-align:center;}
#contents .message a{ color:#FF0000; text-decoration:underline;}
#contents .siteTitle{ padding:4px 3px; border-top:1px solid #ECECEC; color:#999; font-size:92.3%;}
#sHeader .search_v2 .sLink span,
.areaInfo .genreList li,
.areaInfo .categoryList li li,
.more,
#sHeader .search_v2 .btn,
.clipList .mark,
.areaInfo .icn_pin,
.areaInfo .topic li,
.areaInfo .calendar .ctrl div a,
.areaInfo .calendar .ctrl div span,
#popup .sGenreList li{ background:url(../../images/top/sp_top.png) no-repeat;}
#sHeader .search_v2 .sLink span,
.areaInfo .genreList li,
.areaInfo .categoryList li li,
.areaInfo .topic li,
#popup .sGenreList li{ background-position:0 -44px; padding-left:10px;}
.more{ background-position:0 -174px; padding-left:10px; font-size:90%; float:right;}

/* star */
.star{ background:url(../../images/top/star.png) no-repeat; display:inline-block; height:15px; width:75px; vertical-align:baseline; /vertical-align:middle; text-indent:-9999px;}
.st0{ background-position:-75px 0;}
.st05{ background-position:-60px -20px;}
.st10{ background-position:-60px 0;}
.st15{ background-position:-45px -20px;}
.st20{ background-position:-45px 0;}
.st25{ background-position:-30px -20px;}
.st30{ background-position:-30px 0;}
.st35{ background-position:-15px -20px;}
.st40{ background-position:-15px 0;}
.st45{ background-position:0 -20px;}
.st50{ background-position:0 0;}

/* #sHeader */
#sHeader{ margin-bottom:0;}
#sHeader .search_v2{ background:#F3F3F3; border-bottom:1px solid #fff; -moz-box-shadow:0 0 5px #e3e3e3 inset; -webkit-box-shadow:0 0 5px #e3e3e3 inset; box-shadow:0 0 5px #e3e3e3 inset; padding:7px 10px;}
#sHeader .search_v2 .s{ width:392px;}
#sHeader .search_v2 .txt{ background:#fff; border:1px solid #AEAEB0; padding:0 0 0 8px; -moz-box-shadow:0 1px 2px #ddd inset; -webkit-box-shadow:0 1px 2px #ddd inset; box-shadow:0 1px 2px #ddd inset; height:28px; /line-height:2; line-height:2\9;}
#sHeader .search_v2 .txt:not(:target){ padding:0 0 0 8px\9;/*IE9*/}
#sHeader .search_v2 .wrpBtn{ float:left;}
#sHeader .search_v2 .btn{ background:url(../../images/top/btn_search.png) no-repeat; width:85px; height:30px; min-height:0; border:none; margin:0; float:none; color:#fff; font-size:100%; letter-spacing:2px; text-shadow:0 -1px 1px #A66800; padding: 0 0 2px 14px; padding-top:4px\9; /margin-top:1px;}
#sHeader .search_v2 .btn:not(:target) { margin:0\9; padding-left:18px\9;/*IE9*/}
#sHeader .search_v2 .setting{ float:left; margin-left:10px;}
#sHeader .search_v2 .setting a{background:#fff; background: linear-gradient(to bottom, #fff, #f7f7f7 80%, #fefefe); background: -moz-linear-gradient(top, #fff, #f7f7f7 80%, #fefefe); background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.8, #f7f7f7), to(#fefefe)); border:1px solid #d6d6d6; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:block; overflow:hidden; -moz-box-shadow:0 1px 0 #bbb; -webkit-box-shadow:0 1px 0 #bbb; box-shadow:0 1px 0 #bbb; padding:5px 10px 4px 10px; font-size:95%;}
#sHeader .search_v2 .setting a:hover{background:#f5f5f5; background: linear-gradient(to bottom, #fff, #efefef 80%, #f5f5f5); background: -moz-linear-gradient(top, #fff, #efefef 80%, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.8, #efefef), to(#f5f5f5)); border-color:#d0d0d0;}
#sHeader .search_v2 .sLink{ padding-top:6px;}
#sHeader .search_v2 .sLink .left{ padding-right:10px; margin-right:10px; border-right:1px solid #C2C2C2;}

/* feature */
.feature{ margin-bottom:10px; position:relative;}
.feature img{ vertical-align:bottom;}
.feature .panel{ position:relative; height:220px;}
.feature .panel li{ position:absolute; top:0; left:0;}
.feature .thumbnail{ position:absolute; right:2px; bottom:10px;}
.feature .thumbnail li{ margin-right:8px; float:left;}
.feature .thumbnail li a{ display:block; border:1px solid #fff;}
.feature .thumbnail .active a{ border-color:#FB9E00;}
.feature .thumbnail .active img{ opacity:0.7; filter:alpha(opacity=70);}

/* areaInfo */
.areaInfo{ border:1px solid #D6CEB4; border-top:3px solid #bcaf85; border-bottom-width:3px; margin-bottom:15px;}
.areaInfo .setArea{ position:relative; background:#F1F1ED; background: linear-gradient(to bottom, #F1F1ED, #FEFEFE); background: -moz-linear-gradient(top, #F1F1ED, #FEFEFE); background: -webkit-gradient(linear, left top, left bottom, from(#F1F1ED), to(#FEFEFE)); border:1px solid #fff; border-bottom:1px solid #f1eee4; padding:4px 9px 6px 9px; /z-index:10;}
.areaInfo .setArea h2{ color:#666; font-weight:bold; font-size:115%;}
.areaInfo .setArea .ltxt{ margin-left:5px; font-size:130%;}
.areaInfo .setArea .select{ display:inline-block; background:#F6F8EC; background: linear-gradient(to bottom, #FEFFFE, #F6F8EC); background: -moz-linear-gradient(top, #FEFFFE, #F6F8EC); background: -webkit-gradient(linear, left top, left bottom, from(#FEFFFE), to(#F6F8EC)); border:1px solid #C1C1C1; padding:4px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 2px #cececd; -webkit-box-shadow:0 0 2px #cececd; box-shadow:0 0 2px #cececd; color:#006699; margin-right:10px; position:relative; font-size:110%;}
.areaInfo .setArea .select:hover{ text-decoration:underline; cursor:pointer;}
.areaInfo .setArea .select .arrow{ background:url(../../images/top/arw_area.png) no-repeat; height:6px; width:8px; position:absolute; left:50%; bottom:1px; margin-left:-4px;}
.areaInfo .setArea .select .up{ background-image:url(../../images/top/arw_area_up.png); bottom:2px;}
.areaInfo .pulldown{ position:absolute; top:42px; z-index:10; background:#F5F7EA; background: linear-gradient(to bottom, #F5F7EA, #FDFDFB); background: -moz-linear-gradient(top, #F5F7EA, #FDFDFB); background: -webkit-gradient(linear, left top, left bottom, from(#F5F7EA), to(#FDFDFB)); border:1px solid #C1C1C1; padding:8px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 2px #cececd; -webkit-box-shadow:0 0 2px #cececd; box-shadow:0 0 2px #cececd;}
.areaInfo .pulldown .reset{ border-top:1px dotted #DCDBC9; padding-top:7px; margin-top:7px; text-align:right;}
.areaInfo .gourmet{ background:#FAF8F5; border-bottom:1px solid #DCD7CD; padding:9px; -moz-box-shadow:0 -3px 3px #eeedea inset; -webkit-box-shadow:0 -3px 3px #eeedea inset; box-shadow:0 -3px 3px #eeedea inset;}
.areaInfo .icn_pin{ display:inline-block; /display:inline; /zoom:1; height:17px; width:11px; margin:-3px 5px 0 0; vertical-align:middle;}
.areaInfo .gourmet .icn_pin{ background-position:0 -225px;}
.areaInfo .ct01 .icn_pin{ background-position:0 -255px;}
.areaInfo .ct02 .icn_pin{ background-position:0 -285px;}
.areaInfo .ct03 .icn_pin{ background-position:0 -315px;}
.areaInfo .title{ margin-bottom:10px;}
.areaInfo .title strong{ font-size:130%; font-weight:bold;}
.areaInfo .imgGenreList{ margin-bottom:10px;}
.areaInfo .imgGenreList li{ float:left; margin:0 1px 1px 0;}
.areaInfo .imgGenreList li a{ display:block; background:url(../../images/top/sp_genre.jpg) no-repeat; width:150px; height:88px; overflow:hidden; position:relative;}
.areaInfo .imgGenreList li a:hover{ opacity:0.70; filter:alpha(opacity=70);}
.areaInfo .imgGenreList li a span{ color:#fff; position:absolute; bottom:0; background:#000; opacity:0.60; filter:alpha(opacity=60); width:150px; padding:5px; font-size:105%;}
.areaInfo .imgGenreList .gr01 a{ background-position:0 0;}
.areaInfo .imgGenreList .gr02 a{ background-position:-150px 0;}
.areaInfo .imgGenreList .gr03 a{ background-position:-300px 0;}
.areaInfo .imgGenreList .gr04 a{ background-position:-450px 0;}
.areaInfo .imgGenreList .gr05 a{ background-position:0 -88px;}
.areaInfo .imgGenreList .gr06 a{ background-position:-150px -88px;}
.areaInfo .imgGenreList .gr07 a{ background-position:-300px -88px;}
.areaInfo .imgGenreList .gr08 a{ background-position:-450px -88px;}
.areaInfo .genreList li{ font-size:90%; float:left; width:191px;}
.areaInfo .categoryList{ border-bottom:1px solid #DCD7CD; margin-bottom:10px;}
.areaInfo .categoryList .ct01,.areaInfo .categoryList .ct02,.areaInfo .categoryList .ct03{ background:#FAF8F5; -moz-box-shadow:0 -3px 3px #eeedea inset; -webkit-box-shadow:0 -3px 3px #eeedea inset; box-shadow:0 -3px 3px #eeedea inset; border-right:1px solid #DCD7CD; float:left; padding:9px; width:189px;}
.areaInfo .categoryList .ct02{ width:188px;}
.areaInfo .categoryList .ct03{ border:none;}
.areaInfo .categoryList li li{ font-size:90%;}
.areaInfo .areaTitle{ border-bottom:1px solid #DFDFE1; padding-bottom:4px; margin:0 9px;}
.areaInfo .areaTitle h3{ border-left:5px solid #82754A; font-size:120%; font-weight:bold; padding-left:8px;}
.areaInfo .topic{ border-top:2px solid #F0F0F1; padding:10px 0 20px 0; margin:0 10px;}
.areaInfo .event{ border-top:2px solid #F0F0F1; padding:10px 0; margin:0 10px; border-bottom:1px dotted #999;}
.areaInfo .topic li{ float:left; width:291px;}
.areaInfo .more{ margin:0 9px 15px 0;}
.areaInfo .calendar{ border:1px solid #E1E1CE; width:215px; float:left; margin-right:20px;}
.areaInfo .calendar .header{ background:#fff; background: linear-gradient(to bottom, #F5F3ED, #fff); background: -moz-linear-gradient(top, #F5F3ED, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#F5F3ED), to(#fff)); border-top:1px solid #fff; position:relative; padding:4px 5px 5px 5px;}
.areaInfo .calendar .ctrl div{ position:absolute;}
.areaInfo .calendar .ctrl .next{ right:5px;}
.areaInfo .calendar .ctrl div a,
.areaInfo .calendar .ctrl div span{ display:inline-block; height:20px; width:29px; text-indent:-9999px; overflow:hidden;}
.areaInfo .calendar .ctrl .prev a{ background-position:0 -339px;}
.areaInfo .calendar .ctrl .prev span{ background-position:0 -364px;}
.areaInfo .calendar .ctrl .next a{ background-position:0 -389px;}
.areaInfo .calendar .ctrl .next span{ background-position:0 -414px;}
.areaInfo .calendar .month{ font-weight:bold; text-align:center;}
.areaInfo .calendar .month span{ font-size:90%; margin-right:5px;}
.areaInfo .calendar .calTable{ padding:0 3px 3px 3px;}
.areaInfo .calendar table{ width:100%;}
.areaInfo .calendar table a{ text-decoration:underline !important;}
.areaInfo .calendar td,
.areaInfo .calendar th{ border:1px solid #fff; text-align:center;}
.areaInfo .calendar td{ background:#E7E7D8; color:#81744A; padding:0;}
.areaInfo .calendar td a,
.areaInfo .calendar td span{ color:#81744A; display:block; padding:2px 0;}
.areaInfo .calendar td a:hover{ background:#d3d3c5;}
.areaInfo .calendar td.today{ background:#FECC81;}
.areaInfo .calendar td.sun{ background:#FDE3D9;}
.areaInfo .calendar td.sun,
.areaInfo .calendar td.sun a{ color:#D80000;}
.areaInfo .calendar td.sat,
.areaInfo .calendar td.sat a{ color:#007FFF;}
.areaInfo .calendar .empty{ background:#fff;}
.areaInfo .calendar th{ background:#a19166; background: linear-gradient(to bottom, #94855d, #a19166 50%, #807451); background: -moz-linear-gradient(top, #94855d, #a19166 50%, #807451); background: -webkit-gradient(linear, left top, left bottom, from(#94855d), color-stop(0.5, #a19166), to(#807451)); color:#fff; font-weight:bold; text-shadow: 2px 2px 1px #726647; font-size:85%;}
.areaInfo .calendar th.sun{ color:#FCE4EE;}
.areaInfo .calendar th.sat{ color:#D8EBFF;}
.areaInfo .eventList{ float:left; width:365px;}
.areaInfo .eventList .img{ display:table; float:right; margin-left:10px; border:1px solid #ccc;}
.areaInfo .eventList .img a{ display:table-cell; width:100px; height:100px; text-align:center; vertical-align:middle;}
.areaInfo .eventList .img img{ vertical-align:middle;}
.areaInfo .eventList p{ overflow:hidden; line-height:1.4;}
.areaInfo .eventList .title{ font-weight:bold; margin:0; font-size:110%;}
.areaInfo .eventList .genre{ color:#868686; font-size:80%; margin-bottom:3px;}
.areaInfo .eventList .first{ border-bottom:1px dotted #999; padding-bottom:10px; margin-bottom:10px;}
.areaInfo .wrpMore .more{ margin:10px 9px 10px 0;}

/* featureList */
.featureList{ border:1px solid #D6CEB4; border-bottom-width:3px; margin-bottom:20px; padding:10px 0 0;}
.featureList .title{ position:relative; border-bottom:1px solid #DFDFE1; padding-bottom:4px; margin:0 9px 2px;}
.featureList .title:after{ content:""; display:block; position:absolute; bottom:-3px; left:0; width:100%; height:2px; margin-top:5px; background:#F0F0F1;}
.featureList .title h2{ border-left:5px solid #82754A; font-size:120%; font-weight:bold; padding-left:8px;}
.featureList ul{ padding:10px 0 0 10px;}
.featureList li{ float:left; width:290px; padding:0 10px 0 0;}
.featureList li .img{ float:left; margin-right:10px;}
.featureList li .ttl{ font-size:107.7%; font-weight:bold;}
.featureList li .txt{ color:#666; font-size:92.3%;}
.featureList .wrpMore{ margin:10px 10px 0; padding:10px 0; border-top:1px dotted #999;}

/* pickup */
.pickup{ border:1px solid #D6CEB4; border-bottom-width:3px; margin-bottom:20px; padding:10px 0 2px 10px;}
.pickup li{ float:left; width:296px; padding:0 10px 8px 0;}
.pickup li p{ overflow:hidden; font-size:90%;}
.pickup li .title{ font-weight:bold; font-size:100%;}
.pickup li .img{ float:left; margin-right:10px;}

/* Feature backNumber */
.backNumber{ margin:10px 0 20px;}
.backNumber .titleWrp{ position:relative;}
.backNumber .title{ padding:0 455px 0 10px; border-left:6px solid #82754A; font-size:169.2%; font-weight:bold; line-height:34px;}
.backNumber .social{ position:absolute; top:5px; right:0;}
.backNumber .social .btn{ float:left; overflow:hidden;}
.backNumber .social .fb{ *display:none; width:115px;}
.backNumber .social .tw{ width:105px;}
.backNumber .social .gPlus{ width:75px; overflow:hidden;}
.backNumber li{ position:relative; padding:10px 0 10px 90px; min-height:80px; border-bottom:1px dotted #999;}
.backNumber .img{ position:absolute; top:10px; left:0;}
.backNumber .ttl{ font-size:115.4%; font-weight:bold;}
.backNumber .txt{ margin-bottom:2px; font-size:92.3%;}
.backNumber .date{ color:#817647;}
.backNumber .date span{ display:inline-block; width:28px; height:11px; margin-left:2px; background:url(https://s.yimg.jp/images/icon/u/bsc/1.0.0/new.png) no-repeat 0 0; text-indent:-9999px; vertical-align:-4px; *vertical-align:middle;}
.backNumber .closeup{ padding-left:0;}
.backNumber .closeup .img{ position:static; margin-bottom:10px;}
.backNumber .closeup .img img{ width:100%; height:auto;}
.backNumber .closeup .ttl{ font-size:153.8%;}

/* Feature appIntro */
.appIntro{ position:relative; width:624px; height:179px; margin-bottom:20px; background:url(../../images/feature/bg_appIntro.jpg) 0 0 no-repeat;}
.appIntro p{ text-indent:-9999px;}
.appIntro .btnArea{ position:absolute; top:105px; left:135px;}
.appIntro .btn{ display:block; float:left; width:232px; height:62px; overflow:hidden; background:url(../../images/feature/sp_appDL.png) 0 0 no-repeat; text-indent:-9999px;}
.appIntro .btn.and{ margin-left:7px; background-position:-239px 0;}
.appIntro .btn.iph:hover{ background-position:0 -70px;}
.appIntro .btn.and:hover{ background-position:-239px -70px;}

/* IM */
#yjSub .pos-im{ margin-bottom:10px;}

/* bnrFeat */
.bnrFeat{ margin-bottom:10px; text-align:center;}
.bnrFeat img{ vertical-align:middle;}

/* clipList */
.clipList{ position:relative; border-bottom:1px solid #b3a573; margin-bottom:10px;}
.clipList .mark{ position:absolute; top:-1px; left:9px; background-position:0 -100px; height:37px; width:21px;}
.clipList dl{ border:3px solid #cec5a6; padding:6px 10px;}
.clipList dt{ background:url(../../images/top/bdr_top.png) no-repeat left bottom; font-size:115%; font-weight:bold; margin-left:5px; padding:0 0 5px 20px;}
.clipList li{ border-bottom:1px dotted #999; padding:8px 0;}
.clipList li .img{ float:right; margin-left:10px;}
.clipList li .txt{ line-height:1.3; font-size:105%;}
.clipList li .review{ margin-top:3px;}
.clipList .review .num{ color:#EA5C48; font-weight:bold; margin-right:5px; vertical-align:top; line-height:1.3;}
.clipList .more{ margin-top:5px;}

/* eventInfo */
.eventInfo{ margin:12px 0;}
.eventInfo dt{ border-left:5px solid #82754A; font-size:115%; font-weight:bold; margin-bottom:4px; padding-left:6px; line-height:1.4;}
.eventInfo dd{ border-top:1px dotted #999;}
.eventInfo li{ border-bottom:1px dotted #999; padding:10px 0;}
.eventInfo p{ overflow:hidden; line-height:1.4;}
.eventInfo .title{ font-weight:bold; margin-bottom:3px; font-size:110%;}
.eventInfo .img{ display:table; display:block; float:right; margin-left:10px;}
.eventInfo .img a{ display:table-cell; width:80px; height:60px; border:1px solid #ccc; text-align:center; vertical-align:middle;}
.eventInfo .img img{ vertical-align:middle;}
.eventInfo .genre{ color:#868686; font-size:80%; margin-bottom:3px;}
.eventInfo .more{ float:right; margin-top:5px;}

/* news,mobile */
.news,.mobile{ border:1px solid #d6ceb4; border-bottom-width:2px; margin-bottom:10px; padding:10px;}
.news dt,.mobile dt{ border-left:5px solid #82754A; font-size:115%; font-weight:bold; margin-bottom:4px; padding-left:6px; line-height:1.4;}
.mobile dt{ font-size:105%;}
.news dd,.mobile dd{ border-top:1px dotted #999;}
.news dd{ margin-top:10px; padding-top:5px;}
.news dd:nth-child(2){ margin:0;}
.news .title{ margin-bottom:5px;}
.news img{ float:left; margin-right:10px;}
.news .txt{ overflow:hidden;}
.mobile .qr{ float:left; margin-left:-8px;}
.mobile p{ overflow:hidden;}
.mobile .title{ font-weight:bold; font-size:93%; padding-top:5px;}
.mobile .send{ background:url(https://s.yimg.jp/images/icon/f/bsc/1.0.0/send_mobile16.png) no-repeat 0 0; padding-left:20px;}
.mobile .stxt,
.mobile .note{ font-size:80%; line-height:1.3;}
.mobile .note{ color:#666;}

/* share */
.share{ border:1px solid #D0D0D0; border-top:4px solid #bcaf85; border-bottom-width:2px; padding:8px 10px; margin-bottom:10px;}
.share dt{ font-size:115%; font-weight:bold; margin-bottom:10px;}
.share .more{ float:none; font-weight:bold;}

/* induction */
.induction{ border:1px solid #D0D0D0; border-top:4px solid #bcaf85; border-bottom-width:2px; padding:8px 10px; margin-bottom:10px;}
.induction dt{ margin-bottom:-1px; font-size:115%; font-weight:bold;}
.induction dd{ padding:10px 0; border-bottom:1px dotted #999;}
.induction dd:last-child{ padding-bottom:0; border:0;}
.induction dd p{ float:left; word-break:break-all; word-wrap:break-word;}
.induction .img{ margin-right:10px;}
.induction .ttl{ width:218px; font-weight:bold;}
.induction .txt{ width:218px; font-size:92.3%;}

/* banner */
.banner{ margin-bottom:10px;}

/* popup */
#glayLayer{ position:fixed; top:0; left:0; height:100%; width:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:20;	zoom:1;}
#popup{ background:#fff; position:fixed; top:50%; left:50%; margin-top:-254px; margin-left:-350px; z-index:30; box-shadow: 0 3px 8px #333; -moz-box-shadow: 0 3px 8px #333; -webkit-box-shadow: 0 3px 8px #333; width:700px; height:508px;}
#popup a{ text-decoration:none;}
#popup a:hover{ text-decoration:underline;}
#popup .btnClose{ background:#555; border:2px solid #fff; position:absolute; right:-20px; top:-20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow: 0 3px 4px #555; -moz-box-shadow: 0 3px 4px #555; -webkit-box-shadow: 0 3px 4px #555;}
#popup .btnClose a{ display:block; text-decoration:none; color:#fff; font-size:200%; padding:0 3px; line-height:1; overflow:hidden;}
#popup .tab li{ background:#EFE9DE; background: -moz-linear-gradient(top, #EFE9DE, #E6DDCC); background: -webkit-gradient(linear, left top, left bottom, from(#EFE9DE), to(#E6DDCC)); border-bottom:1px solid #CDC4BA; border-left:1px solid #CDC4BA; border-right:1px solid #fff; float:left; width:136px; height:34px; line-height:34px; text-align:center; font-size:110%;}
#popup .tab li a{ color:#333; display:block; padding:0 5px; height:34px; line-height:34px;}
#popup .tab li.crnt{ padding:0 5px; background:#fff; border-bottom:none; height:35px; line-height:35px;}
#popup .scroll{ padding:10px; overflow-y:scroll; height:453px;}
#popup .sGenreList{ border-left:1px solid #CDC4BA;}
#popup .sGenreList dt{ border-bottom: 1px solid #DFDFE1; text-align:left; padding-bottom:4px;}
#popup .sGenreList dt span{ border-left: 5px solid #82754A; font-size: 110%; font-weight: bold; padding-left:8px; display:block; line-height:1.3;}
#popup .sGenreList dd{ border-top:2px solid #F0F0F1; padding:10px 0 10px 10px;}
#popup .sGenreList dd li{ font-size:80%; float:left; margin-right:10px; white-space:nowrap;}
#popup .sGenreList dd li a{ text-decoration:none;}
#popup .sGenreList dd li a:hover{ text-decoration:underline;}

/* wrpSearch */
.wrpSearch{ font-size:90%;}
.wrpSearch .selectArea1{ background:#f6f5ec; border-top:1px solid #e7e5cb; border-bottom:1px solid #fff; text-align:center; height:30px; line-height:30px; overflow:hidden;}
.wrpSearch .selectArea1 strong{ color:#333; font-weight:bold;}
.wrpSearch .selectArea1 li{ display:inline; padding:0 15px; border-right:1px solid #ccc;}
.wrpSearch .selectArea1 .last{ border:none;}
.wrpSearch .selectArea2{ width:100%; font-size:107.7%; margin-bottom:10px;}
.wrpSearch .selectArea2 td{ border-top:2px solid #e3e0c5; border-bottom:1px solid #dadfc3; text-align:center;}
.wrpSearch .selectArea2 .crnt{ background:url(../../images/media/bg_search_crnt.png) no-repeat center top; border-color:#979571;}
.wrpSearch .selectArea2 td a,
.wrpSearch .selectArea2 .crnt strong{ display:block; height:42px; line-height:42px;}
.wrpSearch .selectArea2 .crnt strong{ font-weight:bold;}
#popup .wrpSearch .tab li{ border-top:1px solid #CDC4BA; width:228px; overflow:hidden;}

.wrpSearch .areaList{ border-left:1px solid #CDC4BA; /position:relative; /z-index:1; text-align:left; overflow-y:scroll; height:383px;}
.wrpSearch .areaList dl{zoom:1;}
.wrpSearch .areaList dt{ font-weight:bold; padding:10px 0 5px 0; border-bottom:1px dotted #dadfc3; margin:0 10px;}
.wrpSearch .areaList li{ border-bottom:1px dotted #dadfc3; padding:5px 0; float:left; margin:0 15px; width:310px; _margin:0 10px;}
.wrpSearch .areaList .cityList dt{ background:#e3e0c5; padding:1px 10px; margin:0 10px;}
.wrpSearch .areaList .cityList dd{ padding:10px;}
.wrpSearch .areaList .cityList li{ border:none; margin:0; padding:0 4px 8px; width:189px; color:#CCC;}
.wrpSearch .areaList .cityList li span{ color:#CCC; margin-left:3px; font-size:92.3%; white-space:nowrap;}
.wrpSearch .areaList.station .ttl{ font-weight:bold; padding:10px 10px 5px 15px;}
.wrpSearch .areaList .acResults{ position:absolute;width: 370px;border: 1px solid #666;background-color: #fff; overflow:hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); z-index:100; *margin-top:-1px; zoom:1;}
.wrpSearch .areaList .acResults li{ width:auto; margin:-1px 0 0 0; border-top:1px dotted #dadfc3; padding:3px 10px; float:none; cursor: pointer;}
.wrpSearch .areaList .acMatch{font-weight: bold;}
.wrpSearch .areaList .hilight{background-color: #D8E8A4;}
.wrpSearch .areaList .popup{ position:absolute; top:140px; *top:20px; left:50%; width:240px; max-height:325px; overflow-y:scroll; margin-left:-120px; padding:5px; border:#71A900 solid 1px; background-color:#FFF; -webkit-box-shadow:1px 1px 2px #C0C0C0; -moz-box-shadow:1px 1px 2px #C0C0C0; box-shadow:1px 1px 2px #C0C0C0; z-index:100; text-align:left;}
.wrpSearch .areaList .popup .closeBtn{ float:right; margin-left:10px;}
.wrpSearch .areaList .popup .closeBtn a{ display:block; width:19px; height:19px; background:url(../../images/media/sp_media.png) no-repeat -140px -40px; text-indent:-9999px;}
.wrpSearch .areaList .popup .ttl{ margin-bottom:-1px; padding-bottom:3px; border-bottom:#DADEC5 solid 1px; font-weight:bold;}
.wrpSearch .areaList .popup .unit{ padding:5px 0; border-top:#DADEC5 dotted 1px;}
.wrpSearch .areaList .popup .a1{ font-weight:bold;}
.wrpSearch .areaList .popup .a2{ padding-left:12px;}
.wrpSearch .areaList .popup .unit p{ color:#CCC;}

.wrpSearch .station dt{ border:none; padding:10px 0 5px 0;}
.wrpSearch .station dd{ padding:0 10px;}
.wrpSearch .station dd .txt{ background:#fff url(../../images/icn_gserach.png) no-repeat 1px 3px; border:1px solid #ABC1D4; padding:4px 0 4px 20px; width:350px;}
.wrpSearch .station .routeList{ background:#fff; border:1px solid #e7e5cb; padding:0 10px; margin:0 10px 10px 10px;}
.wrpSearch .station .cityList.routeList{ padding:10px 5px;}
.wrpSearch .station .cityList.routeList li{ width:185px; _width:182px;}
.wrpSearch .station .routeList dl{ border-bottom:1px dotted #dadfc3; padding:10px 0;}
.wrpSearch .station .routeList .last{ border:none;}
.wrpSearch .station .routeList dt,
.wrpSearch .station .routeList dd{ float:left; padding:0;}
.wrpSearch .station .routeList dt{ border:none; width:130px;}
.wrpSearch .station .routeList dd{ color:#ccc; width:430px; margin-left:10px; _position:static;}
.wrpSearch .station .routeList dd a{ display:inline-block;}
.wrpSearch .station .cityList{ padding:10px;}
.wrpSearch .areaList .back,
.wrpSearch.changeGenre .back{ background:url(../../images/media/icn_back_arrow.png) no-repeat left center; padding-left:20px; margin:10px;}