@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:  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;
}

div#main div#second div#contribution dl dt {
height: 25px;
width: 554px;
margin-top: 15px;
margin-left: 10px;
background:  url("../img/headline_theme.png") top left no-repeat;
text-indent: -9999em;
}

div#main div#second div#contribution dl dd {
margin: 0 10px;
padding: 15px;
background:  url("../../files/img/common/bg_light_yellow_st.gif") top left repeat;
}

div#main div#second div#contribution dl dd h3 {
height: auto;
width: auto;
margin: 0;
padding: 0;
line-height: 1.67;
background: none;
text-indent: 0;
text-align: center;
font-size: 123.1%;
color: #333;
}

div#main div#second div#contribution dl dd ul li.button {
margin-top: 10px;
text-align: center;
}

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

div#main div#second div#contribution ul.description li {
margin-top: 0.5em;
padding-left: 15px;
background:  url("../../files/img/common/icon_list_04.gif") 0.4em 0.5em no-repeat;
}


/* 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 {
width: 545px;
margin-top: 10px;
padding-top: 65px;
background:  url("../img/banner_voice.png") top center no-repeat;
text-align: center;
font-weight: 700;
font-size: 116%;
color: #f00;
}

div#main div#details h4 {
margin-top: 10px;
padding: 0;
font-size: 116%;
color: #036;
}

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 p span {
font-weight: 700;
color: #f00;
}

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;
}

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

SNS

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

/* SNS */
#sns {
 margin-top:30px;
}

div#sns h4 {
 font-size:110%;
 font-weight:bolder;
 color:#FF6600;
}

div#sns ul {
 height:32px;
 margin-top:5px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

div#sns li {
 margin:5px 5px 5px 5px;
 float:right;
}
div#sns li.tw {
 float:left;
}

div#sns img {
 margin-right:5px;
 vertical-align:middle;
}

div#sns a {
 text-decoration:none;
}

div#tweetBox {
 margin-top:10px;
 margin-bottom:10px;
}

div#twitter {
 border-bottom:1px solid #ccc;
 clear:both;
}

.howto {
 padding:10px 25px 10px 25px;
 font-size:90%;
 background:#fafafa;
 border-top:1px dotted #ccc;
 border-bottom:1px dotted #ccc;
 margin-bottom:10px;
}