@charset "utf-8";

/*------------------------------------------------------------------------------
Osaka Cityweb - CSS Modules Import
URI: http://www.osakacityweb.jp/
Date: 2008-02-27
Copyright (C) 株式会社現代ビジネスプラン. All Rights Reserved.
------------------------------------------------------------------------------*/


/* topic pass */

ol#topicPass {
}

ol#topicPass li {
display: inline;
padding-left: 20px;
background: #fff url("../../files/img/common/icon_topic_pass.gif") 0.5em 0.2em no-repeat;
font-size: 85%;
color: #666;
}

ol#topicPass li.home {
padding: 0;
background: none;
}

ol#topicPass li a {
color: #666;
}


/* ----------------------------------------

Redefine - contents - second

---------------------------------------- */


div#main div#second {
}

div#main div#second h2 {
height: 29px;
width: 544px;
margin-top: 10px;
padding-left: 30px;
line-height: 29px;
background: url("../../files/img/common/headline_bg_base.png") top left no-repeat;
font-weight: 700;
font-size: 116%;
color: #fff;
}

div#main div#second p {
margin-top: 10px;
}

div#main div#second p.banner {
margin-top: 15px;
padding: 0 10px;
}

div#main div#second ul li.more {
margin-top: 10px;
}

div#main div#second ul li.more a {
padding-left: 12px;
background: url("../../files/img/common/icon_list_01.gif") 0 0.3em no-repeat;
}

div#main div#second h3 {
height: 31px;
width: 545px;
margin-top: 20px;
padding-left: 25px;
line-height: 31px;
background:  url("../../files/img/common/headline_bg_base_03.png") top left no-repeat;
font-weight: 700;
color: #f60;
}

/* first list */

div#main div#second div.firstList {
padding: 10px;
}

div#main div#second div.firstList h4 {
margin-left: 175px;
padding: 10px 0 10px 0;
background:  url("../../files/img/common/border_01.gif") bottom left repeat-x;
font-size: 108%;
font-weight: 700;
}

div#main div#second div.firstList p.description {
margin-left: 175px;
line-height: 1.67;
}

div#main div#second div.firstList ul li.more {
margin-top: 5px;
text-align: right;
}

div#main div#second div.firstList ul li.more a {
padding-left: 15px;
background: url("../../files/img/common/icon_list_02.gif") 0 0.3em no-repeat;
}

div#main div#second div.firstList p.pict {
width: 160px;
padding: 1px;
border: 1px solid #ccc;
float: left;
}

div#main div#second div.firstList p.pict img {
width: 160px;
}

/* second list */

div#main div#second ul.secondList {
margin: 15px 10px 0;
}

div#main div#second ul.secondList li a {
display: block;
margin-top: 0.5em;
padding-left: 15px;
background:  url("../../files/img/common/icon_list_01.gif") 0 0.4em no-repeat;
color: #333;
}


/* ----------------------------------------

Redefine - contents - detail

---------------------------------------- */

div#main div#details h2 {
height: 29px;
width: 544px;
margin-top: 10px;
padding-left: 30px;
line-height: 29px;
background:  url("../../files/img/common/headline_bg_base.png") top left no-repeat;
font-weight: 700;
font-size: 116%;
color: #fff;
}

div#main div#details h3 {
margin-top: 15px;
text-align: center;
font-weight: 700;
font-size: 123.1%;
color: #333;
}

div#main div#details p.banner {
margin-top: 15px;
text-align: center;
}

div#main div#details p.banner img {
display: inline;
}

div#main div#details div#entryBody {
padding: 0 5px;
}

div#main div#details div#entryBody p {
margin-top: 15px;
}

div#main div#details div#entryBody img.left {
margin-top: 15px;
margin-right: 15px;
float: left;
}

div#main div#details div#entryBody img.right {
margin-top: 15px;
margin-left: 15px;
float: right;
}

/* ----------------------------------------

moreSearch

---------------------------------------- */

div#main dl#moreSearch {
margin-top: 20px;
}

div#main dl#moreSearch dt {
display: none;
}

div#main dl#moreSearch dd {
padding-top: 25px;
background: url("../../files/img/common/border_01.gif") top left repeat-x;
}

div#main dl#moreSearch dd ul li#buttonMap {
width: 394px;
float: left;
}

div#main dl#moreSearch dd ul li#buttonLine,
div#main dl#moreSearch dd ul li#buttonStation {
width: 172px;
float: right;
}

div#main dl#moreSearch dd ul li#buttonStation {
margin-top: 10px;
}


/* ----------------------------------------

Redefine - contents - list

---------------------------------------- */


div#main div#list {
}

div#main div#list h2 {
position: relative;
height: 29px;
width: 544px;
margin-top: 10px;
margin-bottom: 18px;
padding-left: 30px;
line-height: 29px;
background:  url(../img/common/headline_bg_base.png) top left no-repeat;
font-weight: 700;
font-size: 116%;
color: #fff;
}

/* first list */

div#main div#list div.firstList {
margin-bottom: 28px;
padding: 7px 7px 0 7px;
border: 1px solid #ff9a02;
}

div.firstList h3 {
margin-left: 175px;
padding: 5px 0 10px 0;
background:  url(../img/common/border_01.gif) bottom left repeat-x;
font-size: 123.1%;
font-weight: 700;
}

div.firstList p.supInfo {
margin-left: 175px;
padding: 5px 0;
font-size: 85%;
}

div.firstList p.description {
margin-left: 175px;
line-height: 1.67;
}

div.firstList ul li.more {
margin-top: 5px;
text-align: right;
}

div.firstList ul li.more a {
padding-left: 15px;
background: url(../img/common/icon_list_02.gif) 0 0.4em no-repeat;
}

div#main div.firstList ul.pict {
min-height:160px;
width: 162px;
float: left;
}

div#main div.firstList ul.pict li {
height: auto;
width: 160px;
padding: 1px;
border: 1px solid #ccc;
}

div#main div.firstList ul.pict li img {
height: auto;
width: 160px;
}


/* second list */

div#main div#second ul.secondList {
margin: 15px 10px 0;
}

div#main div#second ul.secondList li a {
display: block;
margin-top: 0.5em;
padding-left: 15px;
background:  url("../../files/img/common/icon_list_01.gif") 0 0.4em no-repeat;
color: #333;
}

/* past recommend */

div#main div#pastRecommend {
margin-top: 20px;
}

div#main div#list div#pastRecommend h2 {
margin: 0;
}

div#main div#pastRecommend ul.pastList {
margin-top: 10px;
margin-left: 25px;
}

div#main div#pastRecommend ul.pastList li {
margin-top: 7px;
}

div#main div#pastRecommend ul.pastList li a {
display: inline-block;/* IE Fix */
}

div#main div#pastRecommend ul.pastList li a {
display: block;
height: 18px;
padding-left: 14px;
background:  url(../img/common/icon_list_01.gif) 0 0.4em no-repeat;
color:  #333;
}

div#main div#pastRecommend ul.pageNav {
margin-top: 20px;
text-align: center;
}

div#main div#pastRecommend ul.pageNav li {
display: inline;
padding: 0 5px;
border-right: 1px solid #333;
}

div#main div#pastRecommend ul.pageNav li.last {
border: none;
}

div#main div#pastRecommend ul.pageNav li a {
color: #333;
}

/* past search */

div#main ul.searchList {
margin-top: 20px;
margin-left: 25px;
}

div#main ul.searchList li {
margin-top: 7px;
}

div#main ul.searchList li a {
display: inline-block;/* IE Fix */
}

div#main ul.searchList li a {
display: block;
height: 18px;
padding-left: 14px;
background:  url(../img/common/icon_list_01.gif) 0 0.4em no-repeat;
color:  #333;
}


/* ----------------------------------------

moreSearch

---------------------------------------- */

div#main dl#moreSearch {
margin-top: 20px;
}

div#main dl#moreSearch dt {
display: none;
}

div#main dl#moreSearch dd {
padding-top: 25px;
background: url(../img/common/border_01.gif) top left repeat-x;
}

div#main dl#moreSearch dd ul li#buttonMap {
width: 394px;
float: left;
}

div#main dl#moreSearch dd ul li#buttonLine,
div#main dl#moreSearch dd ul li#buttonStation {
width: 172px;
float: right;
}

div#main dl#moreSearch dd ul li#buttonStation {
margin-top: 10px;
}


/* ----------------------------------------

Redefine - contents - details

---------------------------------------- */

div#main div#details {
}

div#main div#details h2 {
position: relative;
height: 29px;
width: 544px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 30px;
line-height: 29px;
background:  url(../img/common/headline_bg_base.png) top left no-repeat;
font-weight: 700;
font-size: 116%;
color: #fff;
}


div#main div#details h3 {
padding-left: 15px;
font-size: 138.5%;
font-weight: 700;
color: #f60;
}

div#main div#details p.subTitle {
margin-top: 5px;
padding-left: 15px;
font-size: 108%;
font-weight: 700;
}

div#main div#details p.description {
margin-top: 5px;
padding: 0 15px 15px;
background: url(../img/common/border_01.gif) bottom left repeat-x;
}


/* main details */

div#details div#mainDetails {
width: 310px;
padding-top: 15px;
float: right;
}

div#details div#mainDetails div#entryBody {
line-height: 1.4;
}

div#details div#mainDetails div#entryBody p {
margin-bottom: 10px;
}

div#details div#mainDetails div#shopAddress {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ccc;
line-height: 1.4;
}

div#details div#mainDetails dl#coupon {
margin-top: 20px;
}

div#details div#mainDetails dl#coupon dt {
height: 22px;
background:  url(../img/category/headline_coupon.gif) top left no-repeat;
text-indent: -9999em;
}

div#details div#mainDetails dl#coupon dd {
padding: 10px;
border: 1px solid #f93;
background:  url(../img/common/bg_light_yellow_st.gif) top left repeat;
}

div#details div#mainDetails dl#coupon ul li.more {
margin-top: 5px;
}

div#details div#mainDetails dl#coupon ul li.more a {
padding-left: 12px;
background: url(../img/common/icon_list_01.gif) 0 0.3em no-repeat;
}


/* sub Details */

div#details div#subDetails {
width: 250px;
padding-top: 15px;
float: left;
}

div#details div#subDetails ul#shopPict li {
margin-bottom: 10px;
}

div#details div#subDetails ul#shopPict li img {
height: auto;
width: 250px;
}

div#details div#subDetails p#shopCopy {
padding: 0 5px;
}


/* tag */

div#main h2#tag {
position: relative;
height: 24px;
width: 544px;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 30px;
line-height: 24px;
background:  url(../img/common/headline_bg_base_02.png) top left no-repeat;
font-weight: 700;
font-size: 108%;
color: #fff;
}

div#main ul#tagList {
margin-top: 15px;
}

div#main ul#tagList li {
display: inline;
margin-right:15px;
line-height: 1.67;
}