/* CSS Document */


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

Title : layout.tokyooffice.jp, blue css
Author : remka
URL : layout.tokyooffice.jp

Description : blue template

Created : 10/07/2006
Modified : 12/07/2006

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

/* ----- CSS ----- */

html, body {
height: 100%;
margin:0; 
padding:0;
}

*{
margin:0;
padding:O;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

body {
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: small;
text-align: center;
color: #003333;
background: #F5F5F5;
}

/* links */

a:link, a:visited {
text-decoration: none;
color:#21A8F4;
	}
a:hover {
	text-decoration: underline;
	}

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

	page structure

------------------------------------------------------------ */
#greyHead{
margin: 0 auto;
padding: 0;
text-align: center;
}

div.insideItem {
width:750px;
margin: 0 auto;
padding: 5px;
text-align: center;
}

#container {	
	margin: 0;
	padding: 0;
	background: #E5EEF2 url(../images/header_bg_blue.gif) repeat-x;
	}
#container2 {
	width: 750px;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 95%;
	text-align: left;
	}
#content {
	float: right;
	width: 510px;
	margin: 0 0 0 40px;
	}
#sidebar {
	float: left;
	width: 200px;
	margin: 0 0 20px 0;
	}

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

	grey header

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

#greyHead{
background:#F5F5F5;
}
#greyHead div.insideItem{
text-align:right;
color: #333;
}
#greyHead div.insideItem a{
color: #21A8F4;
}

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

	main container

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

#containerSec{
 background:#fff;
}
#containerSec div.insideItem{
text-align:left;
}


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

	logo block

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

#logoBlock{
 float:left;
 width:300px;
 padding:15px 0;
}
#logoBlock a img {
	border:0;
	outline:0;
}

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

	searchBlock

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

#searchBlock{
 float:right;
 width:300px;
 padding:50px 0 10px 0;
 vertical-align:middle;
 text-align:right;
}

#searchBlock input.searchBar{
	background: url(../images/bg-search.gif);
	border:0;
	width:153px;
	height:17px;
	padding:6px;
	 vertical-align:middle;
}

#searchBlock input.searchBout{
	border:0;
	padding:6px;
	 vertical-align:middle;
}


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

	pictures Block

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

#picBlock{
	clear:both;
	padding:1px 0 20px 0;
	margin:0;
}

/* blue block */

#blueBlock {
	padding: 10px;
	background: #21A8F4;
	color:#fff;
	margin:20px 0;
	clear:both;
}

#blueBlock a{
	color:#fff;
}

#blueBlock ul{
	margin:0;
	padding:0;
}

#blueBlock li.titleOf{
	/*text-decoration:underline;*/
	font-weight:bold;
}

#blueBlock li{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

/* map block */
div.catItem {
	margin-bottom:10px;
}


div.catItem h2{
	padding:10px;
	background: #FB5080;
	font-size:2.2em;
	color:#fff;
	margin-bottom:10px;
}

/* map block */

#mapBlock {
	padding-top:20px;
	margin:0 auto;
	text-align:center;
}

/* table */

table#imgContainer {
width:100%;
border-width : 0;
border-spacing:0;
margin:0;
padding:0;
}

table#imgContainer td {
text-align:center;
}

table#imgContainer td.left {
padding:0 5px 10px 0;
}

table#imgContainer td.middle {
padding:0 5px 10px 5px;
}

table#imgContainer td.right {
padding:0 0 10px 5px;
}

table#imgContainer td img.property_image{
padding:6px;
background:#F5F5F5;
border:0;
background:url(../images/image_loading.gif) no-repeat center;
z-index:1;
}

/* ... */

div.toolBar {
display:block;
position:absolute; 
z-index:10;
text-align: right;
margin: -26px 10px 0 2px;
}

div.toolBar a img{
-moz-outline-style: none;
outline: none;
padding:6px;
background: #F5F5F5;
border:0;
}

div.toolBar a:active img
{
outline: none;
-moz-outline-style: none;
}

div.imgBlock {
float:left;
margin:5px;
padding:6px 0 6px 0;
background: #F5F5F5;
width:177px;
text-align:center;
}

div.imgBlock a img{
z-index: 0;
margin:0 auto;
border:0;
}

/* for maps */

div.mapBlock {
float:left;
margin:5px;
padding:0;
background: #fff;
width:165px;
height:164px;
text-align:center;
border : 6px solid #F5F5F5;
display: table;
_position: relative; 
overflow: hidden;
}

div.innerDiv {
_position: absolute;
_top: 50%;
display: table-cell; 
vertical-align: middle;
}

div.mapBlock a img{
z-index: 0;
margin:0 auto;
border:0;
}

div.mapBlock div.innerDiv img{
_position: relative;
_top: -50%;
}

div.mapBlock img.picLeft, div.mapBlock img.mapPic, div.mapBlock img.picRight  {
vertical-align:middle;
padding:0;
top:50%;
}

/*		*/

img.picLeft {
margin: 0 2px 4px 0;
}

img.mapPic {
margin: 0 2px 4px 2px;
}

img.picRight {
margin: 0 0 4px 2px;
}

/* navigation */


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

	columns

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

/* filters */
#filters {
	clear:both;
	padding:20px 0 0 0;
	margin:0;
}

#colOne {
float:left;
width:230px;
margin: 0 20px 0 0;
padding-right: 20px;
background: url(../images/dotted-v.gif) repeat-y right;
}

#colTwo {
float:left;
width:225px;
margin: 0 20px 0 0;
padding-right: 20px;
background: url(../images/dotted-v.gif) repeat-y right;
}

#colThree {
float:left;
width:215px;
margin:0;
padding: 0;
}

div.column a{
color: #21A8F4;
padding:3px;
margin:5px 0 5px 0;
}

div.column a:hover{
background: #21A8F4;
text-decoration:none;
color: #fff;
}

div.column h2{
color: #fff;
font-size: 1.2em;
padding: 7px 0 2px 24px;
background: #21A8F4 url(../images/bg-chip.gif) no-repeat;
background-position: 7px 50%;
margin-bottom:5px;
}

div.column ul{
list-style:none;
margin:0;
padding:0;
}

div.column li{
margin-bottom:3px;
}

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

	navigation footer

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

#navFoot {
clear:both;
}


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

	grey footer

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

#greyFoot div.insideItem {
text-align:left;
padding: 20px 0 60px 0;
color: #666;
font-size: smaller;
}

/*
#greyFoot div.insideItem p.textCopyright{
position: absolute;
left:-9999px;
}

#greyFoot div.insideItem a{
display:block;
width:195px;
height:27px;
background: url(../images/txt-copyright.gif);
}
*/

#greyFoot div.insideItem p.textCopyright{
display:block;
float:left;
width:50%;
}

#greyFoot div.insideItem p.textBrowser{
display:block;
float:right;
width:50%;
text-align:right;
}

#greyFoot  a{
color: #21A8F4;
}

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

	filters

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

h2.filtered {
font-size:2em;
text-align: right;
color: #21A8F4;
border-bottom: 1px solid #C2C2C2;
margin:0 5px 10px 0;
padding:0 5px 0 5px;
display: block;
letter-spacing:-2px;
}


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

	simple page (about, etc.)

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

p.contained {
font-size:1.2em;
text-align: left;
line-height: 1.4em;
margin:0 0 10px 0;
letter-spacing:1px;
}

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

	show item page (place.html template)

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

#placeHead {
border-bottom: 2px solid #FB5080;
margin:0 0 10px 0;
}

#placeHead img#toriBout{
float:right;
margin:0;
border:0;
}

#placeHead h2.placeTitle {
font-size:2.4em;
color: #FB5080;
margin:0;
padding:0;
display: block;
width: 600px;
height:1em;
letter-spacing:-5px;
float:left;
}

div.clear {
clear:both;
}

/* table */

table.tableFirst {
width:750px; 
table-layout:fixed;
border:0;
border-collapse: separate;
font-size: 1em;
margin: 0 auto;
text-align:center;
}

table.tableFirst td {
padding:10px;
}
/* */
tr.topTr {
background: #F5F5F5;
}
tr.secondTr {
background: #fff;
}
/* */
td.kaisuu {
text-align:left;
width :85px;
}

td.jouzai {
text-align:center;
width :100px;
}

td.koutu {
text-align:center;
width :100px;
}

td.chinryou, td.reikin, td.kousin, td.tsubou {
text-align:center;
width :60px;
}

td.shunkou {
text-align:right;
width: 50px;
}

table.tableFirst a{
color: #21A8F4;
padding:3px;
margin:5px 0 5px 0;
}

table.tableFirst a:hover{
background: #21A8F4;
color: #fff;
text-decoration:none;
}

/* table 2 */

table.tableSecond {
width:750px; 
table-layout:fixed;
border:0;
border-collapse: separate;
font-size: 1em;
margin: 0 auto;
text-align:center;
margin-bottom:20px;
}

table.tableSecond td {
padding:10px;
}

table.tableSecond td.first {
background: #F5F5F5;
width:100px;
}

table.tableSecond td.sec {
width:150px;
}

table.tableSecond td.third {
background: #F5F5F5;
width:100px;
}

table.tableSecond td.four {
width:90px;
}

table.tableSecond td.five {
background: #F5F5F5;
width:100px;
}

table.tableSecond td.six {
width:90px;
}

.font_size_up{
font-size:1.4em;
}

.detail_info{
parding-left:100px;
color:#21A8F4;
}

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

	tabbed navigation...

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

#header {
	float:left;
	width:100%;
	background:#fff url("../images/bg.gif") repeat-x bottom;
	font-size:93%;
	line-height:normal;
margin-bottom:20px;
	}
#header ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}
#header li {
	float:left;
	background:url("../images/left.gif") no-repeat left top;
	margin:0 0 0 5px;
	padding:0 0 0 9px;
	}
#header a {
	float:left;
	display:block;
	background:url("../images/right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#21A8F4;
	}
/* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
	color:#333;
	}
#header #current {
	background-image:url("../images/left_on.gif");
	border-width:0;
	}
#header #current a {
	background-image:url("../images/right_on.gif");
	color:#000;
	padding-bottom:5px;
cursor:text;
	}

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

	info popup

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

div.infoPopup {
	display:none;
	position:absolute; 
	z-index:100;
	width: 177px;
	background: url(../images/bg-popup-top.gif) no-repeat;
	padding-top: 5px;
	background-position: 40px 0;
	margin-top:1px;
	margin-left:0px;
}

div.infoPopup div.title{
	padding:5px 7px 5px 7px;
	background: #21A8F4;
	color: #fff;
	border-right: 1px solid #0E90D9;
	text-align:left;
}

div.infoPopup div.content{
	padding:5px 7px 5px 7px;
	background: #F5F5F5;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	text-align:left;
}

* Page Numbers */
div.Pages { text-align: center; margin-bottom: 20px; margin-top: 20px; }
div.Paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto;}
div.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
div.Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
div.Paginator .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
div.Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
div.Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
div.Paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
div.Paginator .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
div.Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #0063DC; }
div.Paginator a:hover {color: #fff; background: #21A8F4; border-color: #036; text-decoration: none;}
/* 
.Paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;}
.Paginator .ranking a {padding: 0; border: 0; background: transparent;} 
*/
div.Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }

#no-image{
text-aling:center;
color:#FF6600;
font-size:2.0em;
}