/* -------------------------------------------------------------- 
  
   toyonaka city CSS Framework Screen Styles
   Version:   0.6 (14.4.2008)
   modified by kubo 2008 

-------------------------------------------------------------- */
/*       
   Some additions you'll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }
-------------------------------------------------------------- */
@import 'lib/grid.css'; /* fix */
@import 'lib/reset.css'; /* fix */
@import 'lib/fixation.css'; /* fix */
@import 'lib/component.css'; /* fix */
@import 'lib/block.css'; /* common */
@import 'lib/table.css'; /* common */
@import 'lib/list.css'; /* common */
@import 'lib/title.css'; /* common */
@import 'lib/image.css'; /* common */
@import 'lib/paragraph.css'; /* common */
@import 'lib/multi.css'; /* common */
@import 'lib/top.css'; /* common */
@import 'lib/toyonaka.css'; /* free */

#CONTENTS {
  page-break-before: avoid;
  page-break-after: avoid;
*  height: 100%;
}

#toyonaka .charge {
  page-break-before: always;
  page-break-after: always;
}

* {
  margin: 0;
}

body {
  background: #FFFFFF;
  background-repeat: repeat-x;
  line-height: 1.5;
  margin: 0;
  font-size: 0.9em;
  color: #333333;
}

a:focus, 
a:hover     { color: #000099; text-decoration: underline; }
a           { color: #333333; text-decoration: none; }

.color-filter a,
.font-lar a,
.font-mid a,
.font-sml a {
  color: #FFFFFF;
  text-decoration: none; 
}

.color-filter a:focus,
.color-filter a:hover,
.font-lar a:focus,
.font-lar a:hover,
.font-mid a:focus,
.font-mid a:hover,
.font-sml a:focus,
.font-sml a:hover {
  color: #FFFFFF;
  text-decoration: none; 
}

#header,
.container,
#footer {
  margin:0;
  width:650px;
  text-align: left;
}

#toyonaka .content,
#toyonaka .content-all,
#toyonaka #categoryArea,
#shicho .content,
#shigi .content {
  margin: 10px 0 0;
  padding: 0;
  width:628px;
  display: block;
}

.to-top,
.header-navi {
  display:none;
}

.clear {
  clear: both;
  margin: 0 0 1.0em;
*  margin: 0 0 0.2em;
}

.clear_box {
  clear: both;
  display: block;
  margin: 0;
}

/* contents */
#toyonaka .bread-navi,
#toyonaka .guide-navi {
  width:628px;
  margin:0;
}

#toyonaka .category-title-top,
#toyonaka .category-title,
#toyonaka .category-title-sub {
  width: 628px;
  margin: 0;
  overflow: hidden;
}

#toyonaka .content-title h3,
#toyonaka .categorytop-list h3,
#toyonaka .categorytop-title h3,
#toyonaka .contentsub-title h3,
#shicho .contentsub-title h3,
#shigi .contentsub-title h3,
#toyonaka #contentsAreaSide,
#shicho #contentsAreaSide,
#shigi #contentsAreaSide,
#toyonaka #contentsArea {
  width: 628px;
  margin: 0;
}

#toyonaka .content-title h3 span,
#toyonaka .categorytop-title h3 span,
#toyonaka .contentsub-title h3 span,
#shicho .contentsub-title h3 span,
#shigi .contentsub-title h3 span,
#toyonaka .categorytop-container,
#toyonaka .topics img {
  width: 628px;
  overflow: hidden;
}

/* sidemenu */
#toyonaka .sidemenu,
#shicho .sidemenu,
#shigi .sidemenu {
  display: none;
}

/* function */
#toyonaka .header-navi p.function {
   font-size: 12px;
}

#toyonaka .header-navi span.function {
   margin-right: 8px;
}

#toyonaka .header-navi a.function {
  background:url(../common/list_arrow_small.gif) no-repeat left 4px;
  padding-left: 7px;
}

/* footer */
#footer {
  margin: 10px 0 0;
  height:20px;
}

#footer .copyright,
#footer .footer-navi {
  clear: both;
  margin: 0 0 0 10px;
}

#footer .copyright p,
#footer .footer-navi p {
  text-align: left;
  margin: 0;
}

/* top */
#toyonaka .content-top {
  margin: 0px;
}

#toyonaka .topFlash,
#topInformation .bottomFlash {
  display:none;
}

#toyonaka .top_printImage {
  display: block;
  float: left;
  width: 430px;
  height: 280px;
}

.topIntro {
  float: right;
  margin: 0px;
}

/* topLeft */
#topLeft {
  float: left;
  padding-right:10px;
  width: 290px;
  overflow: hidden;
  clear: both;
}

#topLeft #topScene .sceneIcon {
  margin: 0;
  width: 48px;
*  width: 50px;
}

#topLeft #topPhoto {
  clear: both;
}

#topLeft #topPhoto .photoText {
  top: 115px;
  width: 250px;
}

#topLeft #topPhoto .photoImage {
  background: #ffffff;
  margin: 0;
  padding: 0;
  width: 155px;
}

#topLeft #topPhoto .photoImage img {
  margin: 15px 0pt 0pt;
  width: 155px;
}

#topLeft #topTopics {
  margin: 0;
  width: 290px;
}

#topLeft #topTopics .topicsTitle { width: 340px; margin: 0; position: static; }
#topLeft #topTopics .rssFeed {
  display: none;
  left: 0;
  position: static;
  top: 0;
}


/* topRight */
#topRight {
  width: 320px;
  overflow: hidden;
}

#topRight #topGuide .guideIcon {
  clear: both;
  width: 45px;
  float: left;
}

#topRight #topGuide .guideList {
  float: left;
  width: 270px;
  overflow: hidden;
}

#topRight #topService {
  width: 320px;
}

#topRight #topService .serviceInfo {
  width: 320px;
}


#topRight #topService .serviceInfo .contentsTopNav2 {
  clear: both;
}

#topRight #topService .serviceInfo .contentsTopNav2 ul li,
#topRight #topService .serviceInfo .contentsTopNav2 ol li,
#topRight #topService .serviceInfo .contentsTopNav2 dl dd {
  width:48%;
  padding:0px 0px 3px 6px;
}

/* topInformation */
#topInformation {
  width:628px;
  float: left;
  clear: both;
  overflow: hidden;
}

/* topBanner */
#topBanner {
  width:630px;
}

#topBanner .bannerImage,
#topBanner .bannerImagelast {
margin:0 5px 5px 0;
width:100px;

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
td { padding: 0px; }