@charset "utf-8";/*---------------------------------------------01. *, body---------------------------------------------*/*{margin: 0;padding: 0; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;}html{     height:100%; } body{height:100%;color:#000000;background: url(../imgs/bg02.gif) repeat 0 0;text-align:center;font-weight:normal; font-style:normal; font-size:90%;margin: 0;padding: 0;position: relative; z-index:0;}body > #wrapper{     height:auto; }a { outline: none; }select,textarea,input{margin: 0;padding: 0;color:#000000;}a:link {text-decoration: none;color:#ff6600;}a:visited {text-decoration: none;color:#663300;}a:active {text-decoration: underline; color:#663300;}a:hover {text-decoration: underline; color:#663300;}a img {border: none;}ul,li,ol {margin: 0;padding: 0;}input {margin: 0;padding: 0;}#wrapper {width: 100%;padding: 0px;margin: 0 auto;background: url(../imgs/bg01.gif) repeat-x 0 0;}a:hover img { opacity: 0.7; filter: alpha(opacity=70); }/*---------------------------------------------02. header---------------------------------------------*/#header {background: url(../imgs/bg.gif) repeat-x 0 0;overflow: hidden;width: 960px;height: 123px;padding: 0;margin: 0 auto;}#head-l {float: left;width: 414px;margin: 0;padding:0;}/*ロゴ-------------------------------- */h1 {float: left;width: 414px;height: 123px;padding: 0;margin:0;text-indent:-9999px;background: url(../imgs/logo.gif) no-repeat 0 0;}h1 a {text-decoration: none;overflow: hidden;display: block;height: 123px;}h1 a:hover {text-decoration: none;overflow: hidden;display: block;height: 123px;}/*ログインエリア-------------------------------- */#btnarea {width:98px;float:left;padding-left:20px;padding-top:50px;}#btnarea img{margin-bottom:10px;}#head-r {float: right;width: 400px;margin: 0;padding:0;}/*他サイトリンク-------------------------------- */#smenu {width:400px;overflow: hidden;height:30px;margin:0;padding:0;}#smenu ul {padding: 0;margin: 0;list-style: none;}#smenu li {float: left;height: 30px;}#smenu li a {text-decoration: none;overflow: hidden;display: block;height: 30px;}#smenu li#nomble {text-indent: -9999px;width: 134px;background: url(../imgs/nomble.gif) no-repeat;}#smenu li#nomble a:hover {background: url(../imgs/nomble_on.gif)  0 0;}#smenu li#hanahana {text-indent: -9999px;width: 142px;background: url(../imgs/hanahana.gif) no-repeat;}#smenu li#hanahana a:hover {background: url(../imgs/hanahana_on.gif)  0 0;}#smenu li#smile {text-indent: -9999px;width: 124px;background: url(../imgs/smile.gif) no-repeat;}#smenu li#smile a:hover {background: url(../imgs/smile_on.gif)  0 0;}/*広告バナー募集ＰＲ１-------------------------------- */.add {width:400px;margin:10px auto;}/*ナビメニュー-------------------------------- */#menu {overflow: hidden;width: 960px;height: 45px;padding: 0;margin: 0 auto;}#menu ul {width: 960px;padding: 0;margin: 0;list-style: none;}#menu li {float: left;margin: 0;padding: 0;height: 45px;text-indent: -9999px;}#menu li a {text-decoration: none;overflow: hidden;display: block;height: 45px;}#menu li#event {width: 160px;background: url(../imgs/menu01.gif) no-repeat;}#menu li#event a:hover {background: url(../imgs/menu01_on.gif)  0 0;}#menu li#feature {width: 160px;background: url(../imgs/menu02.gif) no-repeat;}#menu li#feature a:hover {background: url(../imgs/menu02_on.gif)  0 0;}#menu li#pickup {width: 160px;background: url(../imgs/menu03.gif) no-repeat;}#menu li#pickup a:hover {background: url(../imgs/menu03_on.gif)  0 0;}#menu li#community {width: 160px;background: url(../imgs/menu04.gif) no-repeat;}#menu li#community a:hover {background: url(../imgs/menu04_on.gif)  0 0;}#menu li#watching {width: 160px;background: url(../imgs/menu05.gif) no-repeat;}#menu li#watching a:hover {background: url(../imgs/menu05_on.gif)  0 0;}#menu li#recruit {width: 160px;background: url(../imgs/menu06.gif) no-repeat;}#menu li#recruit a:hover {background: url(../imgs/menu06_on.gif)  0 0;}/*---------------------------------------------03. main---------------------------------------------*/#container_main {width: 1000px;text-align:left;padding-bottom: 90px;margin: 0 auto;background: url(../imgs/town.gif) no-repeat left bottom;}/*FLASH-------------------------------- */#flash {width:958px;margin:15px auto;padding:0;border:1px #ccc solid;}#flash img{width:950px;margin:4px;padding:0;}#slideshow {    position:relative;    height:280px;}#slideshow a {    position:absolute;    top:0;    left:0;    z-index:8;    opacity:0.0;}#slideshow a.active {    z-index:10;    opacity:1.0;}#slideshow a.last-active {    z-index:9;}/*コンテンツ全体-------------------------------- */#contents-all {overflow: hidden;text-align:left;width: 1000px;margin-top: 30px;padding: 0;}/*左メニュー-------------------------------- */#side-menu{width:250px;float:left;margin:0;padding:0;}/*広告バナー募集ＰＲ２-------------------------------- */.add2 {width:200px;margin:0 auto 10px auto;}/*会員募集ＰＲ-------------------------------- */#members {width: 250px;height:284px;background: url(../imgs/members_bn.gif) no-repeat 0 0;text-indent: -9999px;margin-bottom: 20px;padding: 0;}#members a {text-decoration: none;overflow: hidden;display: block;width: 250px;height:284px;}#members a:hover{background: url(../imgs/members_bn_on.gif) no-repeat;}/*更新されたお店-------------------------------- */#update {width:210px;margin-left:25px;margin-bottom:30px;}#update-inner{width: 200px;margin: 0;padding-bottom: 30px;background: #fff url(../imgs/update_foot.gif) no-repeat 0 bottom;}#update-inner .spyWrapper { height:100%; overflow:hidden; position:relative; }#update-inner { -webkit-border-radius:10px; -moz-border-radius:10px; }#update-inner ul{width:200px;margin:0;padding:0 ;list-style:none;}#update-inner li{width:190px;overflow:hidden;position:relative;padding:0;border-bottom:1px #ccc solid;height: 70px;margin-top: 10px;margin-right: 5px;margin-bottom: 10px;margin-left: 5px;}#update-inner img{float:left;width:58px;margin: 0 5px 10px 5px;padding:0;border:1px #ccc solid;}#update-inner p{font-size:11px;float:right;width:120px;margin:0;padding:0;}/*プレゼント応募-------------------------------- */#present {width: 200px;height:200px;background: url(../imgs/present.gif) no-repeat 0 0;text-indent: -9999px;margin: 20px auto;padding: 0;}#present a {text-decoration: none;overflow: hidden;display: block;width: 200px;height:200px;}#present a:hover{background: url(../imgs/present_on.gif) no-repeat;}/*投稿写真-------------------------------- */#postform{width: 200px;height:200px;background: url(../imgs/post.gif) no-repeat 0 0;text-indent: -9999px;margin: 20px auto;padding: 0;}#postform a {text-decoration: none;overflow: hidden;display: block;width: 200px;height:200px;}/*アンケート-------------------------------- */#enq {width:200px;margin:0px auto;background: url(../imgs/vote_dot.gif) repeat-y 0 0;}#enq-inner{width: 180px;margin: 0 auto;padding: 10px 0;background: #fff url(../imgs/vote_bg.gif) no-repeat right bottom;font-size:12px;}#enq-inner p{width: 160px;margin: 5px 10px 15px 10px;padding: 0px;}/*アンケートラジオボタン装飾-------------------------------- */.cust_radio_on { background:url("../imgs/radiobox_on.png") no-repeat left center; }.cust_radio_off { background:url("../imgs/checkbox_off.png") no-repeat left center; }.cust_radio_disabled_on { background:url("../imgs/radiobox_disabled_on.png") no-repeat left center; }.cust_radio_disabled_off { background:url("../imgs/disabled_off.png") no-repeat left center; }fieldset { margin:0; padding:0; }#vote {width:100px;margin:15px;}#vote-foot {text-indent: -9999px;width:200px;height:32px;margin:0;padding:0;background: url(../imgs/vote_bn.gif) no-repeat;}#vote-foot a {text-decoration: none;overflow: hidden;display: block;width: 200px;height:32px;}#vote-foot a:hover{background: url(../imgs/vote_bn_on.gif) no-repeat;}/*最新号と携帯サイト-------------------------------- */#site {width:200px;margin:20px auto;}#site-inner {width:200px;background: url(../imgs/backnb_bg.gif) repeat-y 0 0;margin:0;}.bphoto{width:138px;margin:10px 31px;}#site-inner ul {width: 138px;padding-bottom: 10px;margin: 10px auto;list-style: none;}#site-inner li {margin: 0;padding: 0;height: 16px;text-indent: -9999px;}#site-inner li a {text-decoration: none;overflow: hidden;display: block;height: 16px;}li#index {width: 138px;background: url(../imgs/index.gif) no-repeat;}li#index a:hover {background: url(../imgs/index_on.gif)  0 0;}li#bn {width: 138px;background: url(../imgs/backnumber.gif) no-repeat;}li#bn a:hover {background: url(../imgs/backnumber_on.gif)  0 0;}/*ツイッター＆フェイスブック-------------------------------- */#tf {width:200px;margin:10px auto;overflow:hidden;}#twitter {float:left;}#facebook {float:right;}/*メイン-------------------------------- */#main {float:right;text-align:left;width:720x;margin-right:20px;padding:0;}/*ショップインフォ-------------------------------- */#shopinfo {overflow:hidden;width:720px;margin:0;padding:0;}#sinfo {width:720px;height:68px;background: url(../imgs/shopinfo_t.gif) no-repeat;text-indent: -9999px;padding:0;margin-bottom:20px;}/*新規登録店舗-------------------------------- */#newface {float:left;width:350px;padding-bottom:15px;background: url(../imgs/event_foot.gif) no-repeat left bottom;}#newface a:link {text-decoration: none;color:#FF7979;}#newface a:visited {text-decoration: none;color:#663300;}#newface a:active {text-decoration: underline; color:#663300;}#newface a:hover {text-decoration: underline; color:#663300;}#nface{width:350px;height:60px;margin:0;padding:0;text-indent: -9999px;background:url(../imgs/newface_t.gif) no-repeat 0 0;}#newface ul {width:350px;margin:0;padding:10px 0;background: #fff;list-style:none;}#newface li {width:330px;overflow:hidden;margin:10px;padding:0;border-bottom:1px dotted #ccc;}.nf {float:left;width:80px;margin:0 10px 10px 0;padding:0;}.catep {float:right;width:240px;margin:0;font-size:9px;}.namep {float:right;width:240px;margin-top:5px;font-size:12px;font-weight:bold;}.prp {float:right;width:240px;margin:0;font-size:12px;}/*開催中のイベント-------------------------------- */#events {float:right;width:350px;margin-bottom:20px;padding-bottom:15px;background: url(../imgs/event_foot.gif) no-repeat left bottom;}#events a:link {text-decoration: none;color:#458A00;}#events a:visited {text-decoration: none;color:#663300;}#events a:active {text-decoration: underline; color:#663300;}#events a:hover {text-decoration: underline; color:#663300;}#ev{width:350px;height:60px;margin:0;padding:0;text-indent: -9999px;background: url(../imgs/event_t.gif) no-repeat 0 0;}#events ul {width:350px;margin:0;padding:10px 0;background: #fff;list-style:none;}#events li {width:330px;overflow:hidden;margin:10px;padding:0;border-bottom:1px dotted #ccc;}.kikan {float:right;width:240px;margin:0;font-size:9px;}.etit {float:right;width:240px;margin-top:5px;font-size:12px;font-weight:bold;}.sname {float:right;width:240px;margin:0;font-size:12px;}/*ランキング-------------------------------- */#ranking {clear:both;width:720px;margin:20px 0;}#ranking-inner {background:url(../imgs/ranking_foot.gif) no-repeat left bottom;width:720px;padding-bottom:12px;}#ranking h3{width:720px;height:60px;background: url(../imgs/ranking_t.gif) no-repeat;text-indent: -9999px;padding:0px;margin:0;}#rmenu {width:720px;margin:0 auto;background: #fff;padding:0;}#rmenu ul{overflow:hidden;width:702px;margin:0 auto;padding:0;border-bottom:1px #ccc solid;list-style:none;}#rmenu li {float: left;margin: 0;padding: 0;height: 25px;text-indent: -9999px;}#rmenu li a {text-decoration: none;display: block;height: 25px;}#rmenu li#rank01 {width: 80px;margin-right:3px;background: url(../imgs/rank01_on.gif) no-repeat;}#rmenu li#rank01 a {background: url(../imgs/rank01.gif)  0 0;}#rmenu li#rank01 a:hover {background: url(../imgs/rank01_on.gif)  0 0;}#rmenu li#rank02 {margin-right:3px;width: 80px;background: url(../imgs/rank02_on.gif) no-repeat;}#rmenu li#rank02 a {background: url(../imgs/rank02.gif)  0 0;}#rmenu li#rank02 a:hover {background: url(../imgs/rank02_on.gif)  0 0;}#rmenu li#rank03 {margin-right:3px;width: 86px;background: url(../imgs/rank03_on.gif) no-repeat;}#rmenu li#rank03 a {background: url(../imgs/rank03.gif)  0 0;}#rmenu li#rank03 a:hover {background: url(../imgs/rank03_on.gif)  0 0;}#rmenu li#rank04 {margin-right:3px;width: 121px;background: url(../imgs/rank04_on.gif) no-repeat;}#rmenu li#rank04 a {background: url(../imgs/rank04.gif)  0 0;}#rmenu li#rank04 a:hover {background: url(../imgs/rank04_on.gif)  0 0;}#rmenu li#rank05 {width: 100px;margin-right:3px;background: url(../imgs/rank05_on.gif) no-repeat;}#rmenu li#rank05 a {background: url(../imgs/rank05.gif)  0 0;}#rmenu li#rank05 a:hover {background: url(../imgs/rank05_on.gif)  0 0;}#rmenu li#rank06 {width: 220px;background: url(../imgs/rank06_on.gif) no-repeat;}#rmenu li#rank06 a {background: url(../imgs/rank06.gif)  0 0;}#rmenu li#rank06 a:hover {background: url(../imgs/rank06_on.gif)  0 0;}.r-body {width:720px;padding:0;padding-top:10px;overflow:hidden;background:#fff;}.r-prev {width:38px;text-align:center;float:left;margin:10px 0;padding-top:50px;cursor: pointer;}.r-main {float:left;width:644px;margin:10px 0;padding:0;overflow: hidden;}.r-next {width:38px;text-align:center;float:right;margin:10px 0;padding-top:50px;cursor: pointer;}.r-main ul {overflow:hidden;width:1288px;margin:0;padding:0;list-style:none;}.r-main li {float:left;width:127px;margin:0;padding:0;border-left:1px dotted #ccc;}.r-main img {width:65px;margin:10px 0 0 42px;padding:0;}.rcate {font-size:10px;width:112px;margin:10px 5px 0 10px;padding:0;}.rname {font-size:12px;width:112px;margin:0 5px 0 10px;padding:0;font-weight:bold;}.no1 {width:127px;background: url(../imgs/no1.gif) no-repeat 0 20px;}.no2 {background: url(../imgs/no2.gif) no-repeat 0 20px;}.no3 {background: url(../imgs/no3.gif) no-repeat 0 20px;}.no4 {background: url(../imgs/no4.gif) no-repeat 0 20px;}.no5 {background: url(../imgs/no5.gif) no-repeat 0 20px;}.no6 {background: url(../imgs/no6.gif) no-repeat 0 20px;}.no7 {background: url(../imgs/no7.gif) no-repeat 0 20px;}.no8 {background: url(../imgs/no8.gif) no-repeat 0 20px;}.no9 {background: url(../imgs/no9.gif) no-repeat 0 20px;}.no10 {background: url(../imgs/no10.gif) no-repeat 0 20px;}/*特集バナー-------------------------------- */#f-banner {width:720px;margin:40px 0;padding-bottom:20px;background: url(../imgs/feature_bg.gif) repeat-y 0 0;}#f-banner h3{width:720px;height:48px;background: url(../imgs/feature_t.gif) no-repeat;text-indent: -9999px;margin:0;padding:0;}#f-banner ul{overflow:hidden;list-style: none;padding-left:5px;}#f-banner li {float: left;width:210px;margin:0 0 0 15px ;padding: 0;}/*ブログ、掲示板記事-------------------------------- */#article {width:720px;overflow:hidden;margin-bottom:30px;padding:0;}#blog {float:left;width:350px;margin:0;padding:0;}#blog h3{width:350px;height:48px;background: url(../imgs/blog_t.gif) no-repeat;text-indent: -9999px;margin:0;padding:0;}#blog ul{width:350px;background: #fff;margin:10px 0;padding-bottom:10px;list-style:none;}#blog li{overflow:hidden;width:320px;margin:0 auto;padding:0;border-bottom:1px solid #ccc;}#blog img{float:left;width:58px;margin:10px 0 10px 10px;padding:0;border:1px solid #ccc;}.bdate{float:left;width:210px;margin:10px 10px 0 10px;font-size:9px;}.btit {float:left;width:210px;margin:0 10px;font-size:12px;}.bbun {float:left;width:210px;margin:0 10px;font-size:10px;}#bbs {float:right;width:350px;margin:0;padding:0;}#bbs h3{width:350px;height:48px;background: url(../imgs/bbs_t.gif) no-repeat;text-indent: -9999px;margin:0;padding:0;}#bbs ul{width:340px;margin:6px 0;padding-bottom:10px;list-style:none;}.scroll-pane {width:300px;height:270px;overflow:auto;}#pane1 {height:250px;}.scroll-pane#pane2 {width:350px;margin:6px 0;}#bbs li{overflow:hidden;width:308px;height:86px;margin:2px 10px;padding-left:10px;background: url(../imgs/bbs_kiji.gif) no-repeat 0 0;}#bbs img{float:left;width:58px;margin:10px 0 10px 10px;padding:0;border:1px solid #ccc;}.bbtit {font-size:12px;}/*最新情報-------------------------------- */#news {width:720px;margin:20px 0;padding-bottom:10px;background: url(../imgs/news_bg.gif) repeat-y 0 0;}#news h3{width:720px;height:48px;background: url(../imgs/news_t.gif) no-repeat;text-indent: -9999px;margin:0;padding:0;}#news ul{width: 700px;margin: 0px auto;padding:5px 0;background:#fff;list-style: none;}#news li {width:680px;overflow:hidden;margin: 5px 10px 0 10px;padding: 0;}.ndate {float:left;width:12%;margin: 0;font-size:11px;background: url(../imgs/r-arrow.gif) no-repeat 0 3px;padding-left:15px;}.ntitle {float:left;width:70%;margin: 0;font-size:90%;padding-left:10px;}.nmore {width:680px;margin:10px auto;text-align:right;}/*---------------------------------------------04. footer---------------------------------------------*/#footer{text-align: left;width:100%;margin:0;background:#DCCFC1;padding:0;}#footer-inn{overflow:hidden;text-align: left;width:960px;margin:10px auto;padding:0;}#footer-l{float:left;text-align: left;width:150px;margin:0;padding:0;}#footer-r{float:right;text-align: left;width:810px;margin:0;padding:0;}#footer-r a:link {text-decoration: none;color:#663300;}#footer-r a:visited {text-decoration: none;color:#333333;}#footer-r a:active {text-decoration: underline; color:#333333;}#footer-r a:hover {text-decoration: underline; color:#333333;}#footer-r table{width:810px;margin:0;padding:0;border:0;}#footer-r td{width:25%;margin:0;padding:0;vertical-align: top;border-left:1px #473827 solid;}#footer-r dl{text-align: left;margin:0 0 15px 5px;padding:0;}#footer-r dt{text-align: left;margin:2px 0 2px 5px;padding-left:10px;font-weight:bold;font-size:12px;background: url(../imgs/disc.gif) no-repeat 0 5px;}#footer-r dd{text-align: left;margin:0 0 2px 0;padding :2px 2px 0px 25px;font-size:10px;background: url(../imgs/cate-arrow.gif) no-repeat 15px 5px;}/* コピーライト------------------------------------- */#foot{width:100%;height:200px;padding: 0;margin: 0;background: url(../imgs/footer.gif) repeat-x 0 0;}#pagetop {width:960px;margin:0 auto;padding:0;}#pagetop p{width:149px;height:78px;margin-left:auto;padding:0;text-indent: -9999px;background: url(../imgs/pagetop.gif) no-repeat 0 0;}#pagetop p a {text-decoration: none;display: block;height: 78px;}#pagetop p a:hover {background: url(../imgs/pagetop_on.gif)  0 0;}#spage {width:960px;border-bottom:1px #8D7050 solid;margin:10px auto 0 auto;}#spage a:link {color: #DCCEC0; text-decoration: none;}#spage a:visited {color: #DCCEC0; text-decoration: none;}#spage a:active {color: #DCCEC0; text-decoration: underline; }#spage a:hover {color: #DCCEC0; text-decoration: underline; }#spage ul{width:960px;overflow:hidden;margin-bottom:5px;list-style:none;}#spage li{float:left;color:#DCCEC0;font-size:12px;margin:0 5px 5px 0;}#copy{overflow:hidden;width:960px;padding:0;margin: 10px auto;}#copy p{font-size:60%;color:#8C7050;float:left;width:500px;padding:0;margin:0;}#copy img{float:right;padding:0;margin:0;}
