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

/* ===================================================================
CSS information

 file name  :maincontents.css
 style info :トップページなど
=================================================================== */


/* -----------------------------------------------------------
外枠
----------------------------------------------------------- */
#main-left {
display: block;
width: 180px;
float: left;
}


#main-center {
display: block;
width: 515px;
float: left;
}

#main-right {
display: block;
width: 265px;
float: left;
}


/* -----------------------------------------------------------
レフトメニュー
----------------------------------------------------------- */


.toppage-time {
font-size: 80%;
text-align: center;
}


.toppage-podcast {
text-align: center;
}


#main-left .waku-bottom {
background-image: url(../images/left-menu/waku-bottom.gif);
background-repeat: no-repeat;
display: block;
height: 6px;
width: 180px;
background-color: #FFF;
}


/* 特集記事
----------------------------------------------------------- */

.tokushu {
background-image: url(../images/left-menu/waku-bg.gif);
background-repeat: repeat-y;
display: block;
width: 180px;
}
h2.tokushu-title {
background-image: url(../images/left-menu/waku-tokushu.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 49px;
width: 180px;
display: block;
}


.tokushu dl {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dbdbdb;
margin: 5px;
padding-bottom: 5px;
}
.tokushu dt {
background-image: url(../images/left-menu/ya-tokushu.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
color: #e1005d;
}

.tokushu dd {
padding-left: 15px;
}


/* 新着ブログ
----------------------------------------------------------- */

.newblog {
background-image: url(../images/left-menu/waku-bg.gif);
background-repeat: repeat-y;
display: block;
width: 180px;
}
h2.newblog-title {
background-image: url(../images/left-menu/waku-blog.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 49px;
width: 180px;
display: block;
}


.newblog dl {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dbdbdb;
margin: 5px;
padding-bottom: 5px;
}
.newblog dt {
background-image: url(../images/left-menu/ya-tokushu.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
color: #e1005d;
}

.newblog dd {
padding-left: 15px;
}



/* 新着ショップ
----------------------------------------------------------- */

.shop {
background-image: url(../images/left-menu/waku-bg.gif);
background-repeat: repeat-y;
display: block;
width: 180px;
}
h2.shop-title {
background-image: url(../images/left-menu/waku-shop.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 49px;
width: 180px;
display: block;
}

.shop ul {
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
.shop li {
background-image: url(../images/left-menu/ya-shop.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dbdbdb;
padding-top: 5px;
padding-bottom: 5px;
}


/* メールマガ
----------------------------------------------------------- */


.mailmaga {
background-image: url(../images/left-menu/waku-bg.gif);
background-repeat: repeat-y;
display: block;
width: 180px;
text-align: center;
}
h2.mailmaga-title {
background-image: url(../images/left-menu/waku-mailmaga.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 49px;
width: 180px;
display: block;
}

.mailmaga-naiyou {
font-size: 90%;
color: #e1005d;
}


/* お役立ちリンク集
----------------------------------------------------------- */

.link {
background-image: url(../images/left-menu/waku-bg.gif);
background-repeat: repeat-y;
display: block;
width: 180px;
}
h2.link-title {
background-image: url(../images/left-menu/waku-link.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 49px;
width: 180px;
display: block;
}
.link dl {
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
.link dt {
background-image: url(../images/left-menu/ya-link.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
}

.link dd {
padding-left: 15px;
font-size: 90%;
}


/* バナー画像
----------------------------------------------------------- */

.banner {
display: block;
width: 180px;
margin-top: 8px;
text-align: center;
}
.banner img {
margin-bottom: 5px;
}


/* -----------------------------------------------------------
センター
----------------------------------------------------------- */

/* ニュース
----------------------------------------------------------- */


#news-waku {
margin-right: 19px;
margin-left: 19px;
display: block;
height: 50px;
}


h2.news-title {
background-image: url(../images/toppage/news-waku.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 33px;
width: 93px;
display: block;
float: left;
}


#news-naiyou {
background-image: url(../images/toppage/news-waku2.gif);
background-repeat: no-repeat;
display: block;
margin: 0px;
padding: 0px;
height: 33px;
width: 384px;
float: left;
}


/* トピックス
----------------------------------------------------------- */


#topics-waku {
        width: 472px;
        clear: both;
        margin-right: 18px;
        margin-left: 18px;
        display: block;
        border-top-width: 3px;
        border-right-width: 3px;
        border-left-width: 3px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #4192ef;
        border-right-color: #4192ef;
        border-left-color: #4192ef;
        border-bottom-width: 3px;
        border-bottom-color: #4192ef;
}


h2.topics-title {
background-image: url(../images/toppage/topics-title.gif);
background-repeat: no-repeat;
text-indent: -999999em;
display: block;
height: 16px;
width: 95px;
}


#topics-waku dl {
padding: 10px;
float: left;
width: 442px;
}

#topics-waku ul {
padding: 10px;
width: 442px;
font-size: 90%;
}

#topics-waku span {
padding: 10px;
width: 442px;
}


#topics-waku dt {
font-weight: bold;
padding-bottom: 3px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #4192EF;
padding-top: 5px;
}
#topics-waku dd {
margin-top: 10px;
margin-bottom: 10px;
font-size: 90%;
}

.topics-continue {
padding-top: 8px;
padding-right: 5px;
padding-bottom: 5px;
}

.topics-photo {
margin: 5px;
}

/* バナー画像
----------------------------------------------------------- */


.banner2 {
display: block;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
clear: both;
}
.banner2 img {
margin-right: 10px;
}


/* お店からの新着情報、新着求人、新着ブログ
----------------------------------------------------------- */


#newinfo {
        display: block;
        width: 477px;
        margin-right: 19px;
        margin-left: 18px;
        margin-top: 5px;
}


#newinfo-waku {
        display: block;
        background-image: url(../images/toppage/waku-bg2.gif);
        background-repeat: repeat-y;
        clear: both;
        padding: 10px;
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #b4b4b4;
}




/* おすすめ情報
----------------------------------------------------------- */


#main-center .waku-bottom {
background-image: url(../images/toppage/waku-bottom.gif);
background-repeat: no-repeat;
display: block;
height: 5px;
width: 478px;
clear: both;
background-color: #FFF;
}

#osusume {
display: block;
background-image: url(../images/toppage/waku-bg.gif);
background-repeat: repeat-y;
width: 478px;
margin-right: 18px;
margin-left: 18px;
margin-top: 15px;
}

h2.osusume-title {
background-image: url(../images/toppage/waku-osusume.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 32px;
width: 478px;
display: block;
}

.osusume-naiyou {
display: block;
width: 218px;
float: left;
margin-right: 7px;
margin-left: 7px;
margin-top: 5px;
margin-bottom: 5px;
}

.osusume-shop {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #e1005d;
background-image: url(../images/toppage/osusume-ya.gif);
background-repeat: no-repeat;
background-position: left top;
padding-right: 5px;
padding-left: 15px;
font-weight: bold;
display: block;
}

#osusume dl {
display: block;
padding-top: 5px;
padding-bottom: 5px;
}
#osusume dt {
display: block;
width: 95px;
float: left;
}

#osusume dd {
display: block;
font-size: 90%;
margin-left: 95px;
}

/* 新着クチコミ
----------------------------------------------------------- */


#kuchikomi {
display: block;
background-image: url(../images/toppage/waku-bg.gif);
background-repeat: repeat-y;
width: 478px;
margin-right: 18px;
margin-left: 18px;
margin-top: 15px;
}

h2.kuchikomi-title {
background-image: url(../images/toppage/waku-kuchi.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 32px;
width: 478px;
display: block;
}
.kuchikomi-waku {
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dbdbdb;
margin: 8px;
padding-bottom: 5px;
}
.kuchikomi-sub {
background-color: #fce5ee;
font-weight: bold;
padding: 5px;
}

.kuchikomi-date {
float: right;
font-weight: normal;
}
.kuchikomi-waku dl {
clear: both;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}
.kuchikomi-waku dt {
background-image: url(../images/toppage/kuchikomi-ya.gif);
background-repeat: no-repeat;
background-position: left center;
display: block;
padding-left: 35px;
font-weight: bold;
}
.kuchikomi-waku dd {
font-size: 90%;
}
.kuchikomi-ichiran {
text-align: right;
padding-right: 10px;
padding-bottom: 5px;
}


/* -----------------------------------------------------------
ライト
----------------------------------------------------------- */

#right-waku {
background-color: #fce5ee;
margin-top: 15px;
padding-top: 10px;
padding-bottom: 10px;
}




/* インフォメーション
----------------------------------------------------------- */

#information {
background-color: #ffffff;
padding: 4px;
margin-right: 9px;
margin-bottom: 10px;
margin-left: 9px;
}

h2.information-title {
background-image: url(../images/toppage/t-information.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 29px;
width: 239px;
display: block;
}

#information dl {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #b4b3b4;
padding: 5px;
margin-right: 3px;
margin-left: 3px;
}
#information dt {
font-weight: bold;
background-image: url(../images/toppage/information-ya.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
}

#information dd {
padding-left: 10px;
}

.information-ichiran {
text-align: right;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
}


/* イベント掲示板
----------------------------------------------------------- */


#event {
background-color: #ffffff;
padding: 4px;
margin-right: 9px;
margin-bottom: 10px;
margin-left: 9px;
}


h2.event-title {
background-image: url(../images/toppage/t-event.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 29px;
width: 239px;
display: block;
}

#event dl {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #b4b3b4;
padding: 5px;
margin-right: 3px;
margin-left: 3px;
}
#event dt {
font-weight: bold;
background-image: url(../images/toppage/event-ya.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
}

#event dd {
padding-left: 10px;
}

#event .new-img {
padding-left: 10px;
}
#event .date {
color: #e1005d;
}
#event .month {
text-align: right;
margin-right: 5px;
margin-top: 5px;
}

.event-ichiran {
padding-top: 5px;
padding-bottom: 5px;
}



/* 街角ぱちり
----------------------------------------------------------- */

#machikado {
background-color: #ffffff;
padding: 4px;
margin-right: 9px;
margin-bottom: 10px;
margin-left: 9px;
}

h2.machikado-title {
background-image: url(../images/toppage/t-machikado.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 29px;
width: 239px;
display: block;
}


#machikado dl {
margin-right: 3px;
margin-left: 3px;
clear: both;
display: block;
padding-top: 8px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 5px;
}
#machikado dt {
width: 55px;
float: left;
display: block;
}

#machikado dd {
display: block;
padding-left: 55px;
}

.machikado-ichiran {
text-align: right;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
clear: both;
}


/* 総合アクセスランキング
----------------------------------------------------------- */

#ranking {
background-color: #ffffff;
padding: 4px;
margin-right: 9px;
margin-bottom: 10px;
margin-left: 9px;
}

h2.ranking-title {
background-image: url(../images/toppage/t-ranking.gif);
background-repeat: no-repeat;
text-indent: -999999em;
height: 29px;
width: 239px;
display: block;
}

#ranking dl {
margin-right: 3px;
margin-left: 3px;
display: block;
padding-top: 4px;
padding-right: 3px;
padding-bottom: 4px;
padding-left: 3px;
}
#ranking dt {
float: left;
display: block;
width: 25px;
}

#ranking dd {
display: block;
padding-top: 3px;
padding-left: 25px;
}


/* バナー画像
----------------------------------------------------------- */


#banner3 {
display: block;
text-align: center;
clear: both;
margin-bottom: 10px;
}

/* モバイルサイト
----------------------------------------------------------- */



#mobile {
background-color: #ffffff;
margin-right: 9px;
margin-left: 9px;
text-align: center;
}


#page #contents #main #main-right a img {
margin-bottom: 16px;
}