@charset "utf-8";

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


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

Redefine - contents - main

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

/* topics */

div#main div#topics {
}

div#main div#topics h2 {
position: relative;
height: 29px;
width: 574px;
background:  url("../img/common/headline_topics.png") top left no-repeat;
text-indent: -9999em;
}

div#main div#topics h2 a {
position: absolute;
top: 6px;
right: 5px;
display: block;
height: 17px;
width: 46px;
/* Gecko outLinefix & MacIEHack ＼*/
overflow: hidden;/* End */
}

div#main div#topics ul {
margin-top: 10px;
margin-left: 7px;
}

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

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

div#main div#topics ul li a {
display: block;
height: 18px;
color:  #333;
}

div#main div#topics ul li.new a {
padding-left: 60px;
background:  url("../img/common/icon_new.png") top left no-repeat;
}

div#main div#topics ul li.recommend a {
padding-left: 60px;
background:  url("../img/common/icon_recommend.png") top left no-repeat;
}


/* first list */

div#main div#list {
}

div#main div#list h2 {
position: relative;
height: 29px;
width: 574px;
margin-bottom: 18px;
background:  url("../img/common/headline_recommend.png") top left no-repeat;
text-indent: -9999em;
}

div#main div#list h2 a {
position: absolute;
top: 6px;
right: 5px;
display: block;
height: 17px;
width: 46px;
/* Gecko outLinefix & MacIEHack ＼*/
overflow: hidden;/* End */
}

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

div.firstList h3 {
margin-left: 225px;
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: 225px;
padding: 5px 0 0;
font-size: 85%;
}

div.firstList p.description {
margin-left: 225px;
padding: 5px 0 0;
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:210px;
width: 212px;
float: left;
}

* html div#main div.firstList ul.pict {
position: relative;
}

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

* html div#main div.firstList ul.pict li {
position: static;
}

div#main div.firstList ul.pict li object,
div#main div.firstList ul.pict li embed {
	width: 210px;
	height: auto;
}

div#main div.firstList ul.pict li a img {
width: 210px;
height: auto !important;
}


/* second list */

div#main div#list ul.secondList {
margin-bottom: 10px;
}

ul.secondList li {
width: 270px;
margin-right: 10px;
margin-bottom: 15px;
float: left;
}

ul.secondList li h3,
ul.secondList li p.description {
width: 145px;
float: right;
}

ul.secondList li h3 {
font-size: 116%;
}

ul.secondList li p.description {
}

ul.secondList li ul.pict {
width: 114px;
background: url("../img/common/bg_recommend_bottom.gif") bottom left no-repeat;
float: left;
}

ul.secondList li ul.pict li {
position: relative;
height: auto;
width: 100px;
margin: 0;
padding: 7px;
background: url("../img/common/bg_recommend_top.gif") top left no-repeat;
float: none;
}

ul.secondList li ul.pict li a img {
height: auto;
max-height: 130px;
width: 100px;
}

div#main div.firstList ul.pict li a img.PlayBtn,
ul.secondList li ul.pict li a img.PlayBtn {
position: absolute;
/*left: 36%;
top: 33%;*/
right: 7px;
bottom: 7px;
max-height: none;
height: 32px !important;
width: 32px;
filter: alpha(opacity=75); /* IE */
-moz-opacity: 0.75; /* Mozilla */
-khtml-opacity: 0.75; /* Netscape Navigator */
opacity: 0.75; /* safari1.x */
}

div#main div.firstList ul.pict li a img.PlayBtn {
right: 2px;
bottom: 2px;
}

* html div#main div.firstList ul.pict li a img.PlayBtn {
top: 2px;
}

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

moreSearch

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

div#main dl#moreSearch {
}

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