/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	TOKYOMAP
----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
 LIST
	
	1.TOP
	2.MIDDLE
	3.LEFT
	4.RIGHT
	5.FOOTER
---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
 BODY
---------------------------------------------------------------------------------*/
body
{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#565755;
line-height:18px;
text-align:left;
}
h1
{
padding:0px;
margin:0px;
font-size:24px;
font-weight:normal;
}
h2
{
padding:0px;
margin:0px;
font-size:20px;
}
h3
{
padding:0px;
margin:0px;
font-size:18px;
}
h4
{
padding:0px;
margin:0px;
font-size:16px;
}
h5
{
padding:0px;
margin:0px;
font-size:13px;
}
h6
{
padding:0px;
margin:0px;
font-size:12px;
}
h7
{
padding:0px;
margin:0px;
font-size:30px;
font-weight:normal;
}
form,input,span
{
padding:0px;
margin:0px;
}
p
{
padding:0px;
margin:0px;
font-size:12px;
}
img
{
text-decoration:none;
border:none;
}
.link
{
text-decoration:none;
}
.link:hover
{
text-decoration:underline;
}
#outerdiv
{
width:1000px;
overflow:hidden;
margin:0 auto;
}
/*---------------------------------------------------------------------------------
1. TOP
---------------------------------------------------------------------------------*/
#top
{
width:1000px;
height:158px;
float:left;
}
#toplinks_bg
{
background:url(../images/bg_toplinks.gif) top left #009db2;
height:38px;
}
.topbtn
{
float:right;
padding:5px 5px 0px 0px;
height:32px;
}
.topbtn ul
{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}
.topbtn ul li
{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
float:left;
}
.topbtn ul li a
{
display:block;
padding:2px 8px 2px 8px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
border-right:2px solid #FFFFFF;
}
.topbtn ul li a:hover
{
display:block;
font-size:12px;
color:#00a1b6;
font-weight:bold;
background:#FFFFFF;
}
#logo
{
width:1000px;
overflow:hidden;
float:left;
}
#logo .img
{
width:377px;
height:120px;
background:url(../images/logo.gif) left top;
float:left;
}
#logo #google_ads
{
	float:right;
	padding-top:31px;
}

#top_search
{
	float:left;
}

#top_search #search_f
{
	float:left;
	margin-top:5px;
	margin-right:3px;
}

#top_search #search_f input
{	
	margin-left: 15px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	width:185px
}

#top_search #go_b
{
	float:left;
	margin-top:5px;
}

#google_ads_inner
{
	float:right;
}
/*---------------------------------------------------------------------------------
2. MIDDLE
---------------------------------------------------------------------------------*/
#middle
{
width:1000px;
overflow:hidden;
float:left;
clear:both;
margin-bottom:10px;
}

/*---------------------------------------------------------------------------------
3. LEFT
---------------------------------------------------------------------------------*/
#left
{
width:778px;
overflow:hidden;
float:left;
}
.topmsg
{
overflow:hidden;
border:1px solid #80be41;
background:url(../images/bg_topmsg.gif) repeat-x left top #faf9f8;
text-align:left;
padding:6px 40px 6px 18px;
margin-bottom:5px;
}
.topmsg p
{
color:#565755;
font-size:12px;
}
.topmsg .blue
{
color:#009cb2;
font-size:12px;
text-decoration:none;
}
.topmsg .blue:hover
{
text-decoration:underline;
}
#map
{
background:url(../images/bg_maptop.gif) repeat-x left top #e9e8e6;
margin-bottom:5px;
height:859px;
}
#map .head
{
color:#009cb2;
font-size:30px;
}
#map h1
{
color:#009cb2;
padding:15px 0px 0px 0px;
}
#map p
{
padding:5px 0px 20px 0px;
}
#map .img
{
padding:14px;
}
#map .detailmap
{
width:750px;
height:747px;
}
/*----------------------------*/
#maps
{
background:url(../images/bg_maptop.gif) repeat-x left top #e9e8e6;
margin-bottom:5px;
height:859px;
}
#maps .head
{
color:#009cb2;
font-size:30px;
}
#maps h1
{
color:#009cb2;
padding:15px 0px 0px 0px;
}
#maps p
{
padding:5px 0px 20px 0px;
}
#maps .img
{
padding:14px;
}
#maps .detailmap
{
width:750px;
height:747px;
}
/*------------- Area Maps -------------*/
#bluehead
{
width:778px;
overflow:hidden;
text-align:left;
}
#bluehead .top
{
background:url(../images/bg_blueheadtop.gif) no-repeat top left;
height:31px;
width:778px;
}
.topleft 
{
width:377px;
vertical-align:middle;
text-align:left;
padding:6px 0px 0px 6px;
float:left;
}
.topleft  h4
{
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
.topright
{
width:377px;
vertical-align:middle;
text-align:left;
padding:6px 0px 0px 6px;
float:right;
}
.topright  h4
{
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
#bluehead .middle
{
background:url(../images/bg_blueheadmiddle.gif) repeat-y top left;
overflow:hidden;
width:778px;
}
.middleleft
{
margin:8px 0px 8px 10px;
width:376px;
float:left;
line-height:22px;
}
.middleright
{
margin:8px 0px 8px 10px;
width:372px;
float:right;
line-height:22px;
}
.bluelink
{
font-size:12px;
font-weight:bold;
color:#009CB2;
text-decoration:none;
}
.bluelink:hover
{
text-decoration:underline;
}
.redlink
{
font-size:12px;
font-weight:bold;
color:#ED4E0C;
text-decoration:underline;
}
.redlink:hover
{
text-decoration:none;
}
#bluehead .bottom
{
background:url(../images/bg_blueheadbottom.gif) repeat-y top left;
overflow:hidden;
width:778px;
}
.bottomleft
{
margin:8px 0px 8px 10px;
width:376px;
float:left;
text-align:center;
}
.bottomright
{
margin:8px 0px 8px 10px;
width:372px;
float:right;
text-align:center;
}

/*------------- Tag Cloud -------------*/
#tagcloud
{
width:776px;
overflow:hidden;
float:left;
text-align:left;
margin-top:5px;
}
#tagcloud .top
{
background:url(../images/tagcloud_top.gif) no-repeat bottom left;
height:20px;
}
#tagcloud .middle
{
background:url(../images/tagcloud_middle.gif) repeat-y top left;
overflow:hidden;
}
#tagcloud .middle .outer
{
overflow:hidden;
width:700px;
margin-left:20px;
}
#tagcloud .middle .outer .left
{
float:left;
overflow:hidden;
margin-top:10px;
width:140px;
}
#tagcloud .middle .outer .left p
{
color:#FFFFFF;
text-align:left;
}
#tagcloud .middle .outer .left .link
{
text-decoration:underline;
color:#FFFFFF;
}
#tagcloud .middle .outer .left .link:hover
{
text-decoration:none;
color:#FFFFFF;
}
#tagcloud .middle .outer .left h4
{
color:#FFFFFF;
}
#tagcloud .middle .outer .right
{
float:right;
width:500px;
margin:0px 0px 10px 10px;
padding:0px 0px 0px 20px;
overflow:visible;
}
#tagcloud .middle .outer .right .small
{
font-size:12px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
#tagcloud .middle .outer .right .small:hover
{
color:#335509;
}
#tagcloud .middle .outer .right .medium
{
font-size:18px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
#tagcloud .middle .outer .right .medium:hover
{
color:#335509;
}
#tagcloud .middle .outer .right .large
{
font-size:20px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
#tagcloud .middle .outer .right .large:hover
{
color:#335509;
}
#tagcloud .middle .outer .right .innerleft h4
{
color:#FFFFFF;
}

#tagcloud .bottom
{
background:url(../images/tagcloud_bottom.gif) no-repeat top left;
height:20px;
}
/* Tagcloud 2*/
#tagcloud2
{
width:776px;
overflow:hidden;
text-align:left;
margin-top:5px;
}
#tagcloud2 .top
{
background:url(../images/tagcloud_top.gif) no-repeat bottom left;
height:20px;
}
#tagcloud2 .middle
{
background:url(../images/tagcloud_middle.gif) repeat-y top left;
overflow:hidden;
}
#tagcloud2 .middle .outer
{
overflow:hidden;
width:700px;
margin-left:20px;
}
#tagcloud2 .middle .outer .left
{
float:left;
overflow:hidden;
margin-top:10px;
width:140px;
}
#tagcloud2 .middle .outer .left p
{
color:#FFFFFF;
text-align:left;
}
#tagcloud2 .middle .outer .left .link
{
text-decoration:underline;
color:#FFFFFF;
}
#tagcloud2 .middle .outer .left .link:hover
{
text-decoration:none;
color:#FFFFFF;
}
#tagcloud2 .middle .outer .left h4
{
color:#FFFFFF;
}
#tagcloud2 .middle .outer .right
{
float:right;
width:500px;
margin:0px 0px 10px 10px;
padding:0px 0px 0px 20px;
overflow:visible;
}
#tagcloud2 .middle .outer .right .small
{
font-size:12px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
#tagcloud2 .middle .outer .right .small:hover
{
color:#335509;
}
#tagcloud2 .middle .outer .right .medium
{
font-size:18px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
#tagcloud2 .middle .outer .right .medium:hover
{
color:#335509;
}
#tagcloud2 .middle .outer .right .large
{
font-size:20px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
#tagcloud2 .middle .outer .right .large:hover
{
color:#335509;
}
#tagcloud2 .middle .outer .right .innerleft h4
{
color:#FFFFFF;
}

#tagcloud2 .bottom
{
background:url(../images/tagcloud2_bottom.gif) no-repeat top left;
height:20px;
}
/*Tagcloud 2*/
#tag
{
width:1000px;
}
.small
{
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
.small:hover
{
color:#335509;
}
.small2
{
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.small2:hover
{
color:#335509;
}
.large
{
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#71a62f;
text-decoration:none;
}
.large:hover
{
color:#335509;
}
.boldtext
{
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
/*---------------------------------------------------------------------------------
4. RIGHT
---------------------------------------------------------------------------------*/
#right
{
width:216px;
overflow:hidden;
float:right;
}
#search
{
width:216px;
overflow:hidden;
background:url(../images/bg_search.gif) repeat-x top left;
margin-bottom:5px;
}
#search h3
{
padding:11px 0px 10px 10px;
color:#FFFFFF;
font-weight:normal;
text-align:left;
}
#search .textbox
{
height:30px;
width:216px;
padding-bottom:17px;
text-align:left;
font-size:12px;
float:left;
}
#search .textbox .inputbox
{
float:left;
width:148px;
height:22px;
padding:0px 0px 0px 10px;
}
#search .textbox .go
{
float:left;
margin:2px 0px 0px 6px;
}
.rightnavouter
{
width:216px;
height:855px; 
overflow:auto;
}
.divscroll
{
width:216px;
overflow:auto;
height:825px;
text-align:left;
}
.divscrollinner
{
width:216px;
overflow:auto;
height:842px;
text-align:left;
font-size:11px;
}
.rightnav
{
width:216px;
overflow:hidden;
text-align:left;
font-size:11px;
}
.rightnav .tophead
{
background:url(../images/bg_rightheading.gif) repeat-x top left;
height:20px;
padding:2px 0px 2px 6px;
clear:both;
}
.rightnav .tophead .head
{
float:left;
font-size:13px;
font-weight:700;
text-decoration:none;
color:#FFFFFF;
padding:0px;
margin:0px;
}
.rightnav .top
{
background:url(../images/bg_rightlinks.gif) repeat-x top left;
height:20px;
padding:2px 0px 2px 6px;
clear:both;
}
.rightnav .top .img
{
padding:0px 10px 0px 0px;
}
.rightnav .top .head
{
float:left;
font-size:13px;
font-weight:700;
text-decoration:none;
color:#FFFFFF;
padding:0px;
margin:0px;
}
.rightnav .bottom
{
background-color:#fff9dd;
overflow:hidden;
}
.rightnavigation
{
padding:15px;
}
.rightnavigation ul
{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}
.rightnavigation ul li
{
margin:0px;
padding:2px;
list-style:none;
list-style-type:none;
border-bottom:1px dashed #ccc4a0;
}
.rightnavigation ul li a
{
background:url(../images/right_liststyleimage.gif) no-repeat left center ;
color:#237a91;
text-decoration:none;
padding:10px 20px 10px 8px;
margin:0px;
}
.rightnavigation ul li a:hover
{
color:#cd4100;
}

/*---------Right Navigation div scroll--------*/
.rightnavscroll
{
width:197px;
overflow:hidden;
padding:0px 10px 0px 0px;
}
.rightnavscroll .top
{
background:url(../images/bg_rightlinks.gif) repeat-x top left #f45b14;
height:50px;
padding:2px 0px 2px 6px;
clear:both;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
}
.scrollhead
{
color:#FFFFFF;
font-size:13px;
font-weight:bold;
}
.rightnavscroll .top .img
{
padding:0px 10px 0px 0px;
}
.rightnavscroll .top .head
{
float:left;
font-size:13px;
font-weight:700;
text-decoration:none;
color:#FFFFFF;
padding:0px;
margin:0px;
}
.rightnavscroll .bottom
{
background-color:#fff9dd;
overflow:hidden;
}
.rightnavigation
{
padding:15px;
}
.rightnavigation ul
{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}
.rightnavigation ul li
{
margin:0px;
padding:2px;
list-style:none;
list-style-type:none;
border-bottom:1px dashed #ccc4a0;
}
.rightnavigation ul li a
{
background:url(../images/right_liststyleimage.gif) no-repeat left center ;
color:#237a91;
text-decoration:none;
padding:10px 20px 10px 8px;
margin:0px;
}
.rightnavigation ul li a:hover
{
color:#cd4100;
}
/*---------------------------------------------------------------------------------
RIGHTNAV INNER
---------------------------------------------------------------------------------*/

.rightnavinner
{
float:left;
width:190px;
overflow:hidden;
text-align:left;
font-size:11px;
}
.rightnavinner .top
{
background:url(../images/bg_sub_rightlinks.gif) repeat-x top left;
height:20px;
padding:2px 0px 2px 6px;
clear:both;
}
.rightnavinner .top .img
{
padding:0px 10px 0px 0px;
}
.rightnavinner .top .head
{
float:left;
font-size:13px;
font-weight:700;
text-decoration:none;
color:#FFFFFF;
padding:0px;
margin:0px;
}
.rightnavinner .bottom
{
background-color:#fff9dd;
overflow:hidden;
}
.rightnavigationinner
{
padding:15px;
}
.rightnavigationinner ul
{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}
.rightnavigationinner ul li
{
margin:0px;
padding:2px;
list-style:none;
list-style-type:none;
border-bottom:1px dashed #ccc4a0;
}
.rightnavigationinner ul li a
{
background:url(../images/right_liststyleimage.gif) no-repeat left center ;
color:#237a91;
text-decoration:none;
padding:10px 20px 10px 8px;
margin:0px;
}
.rightnavigationinner ul li a:hover
{
color:#cd4100;
}
/*---------------------------------------------------------------------------------
RIGHTNAV INNER
---------------------------------------------------------------------------------*/

.rightnavgreen
{
float:left;
width:216px;
overflow:hidden;
text-align:left;
vertical-align:bottom;
font-size:11px;
}
.rightnavgreen .top
{
background:url(../images/bg_rightlinksgreen.gif) repeat-x top left #7cb741;
height:20px;
padding:2px 0px 2px 6px;
clear:both;
}
.rightnavgreen .top .img
{
padding:0px 10px 0px 0px;
}
.rightnavgreen .top .head
{
float:left;
font-size:13px;
font-weight:700;
text-decoration:none;
color:#FFFFFF;
padding:0px;
margin:0px;
}
.rightnavgreen .middle
{
background-color:#f3f3f2;
overflow:hidden;
}
.rightnavigationgreen
{
padding:15px 15px 3px 15px;
}
.rightnavigationgreen ul
{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}
.rightnavigationgreen ul li
{
margin:0px;
padding:2px;
list-style:none;
list-style-type:none;
border-bottom:1px dashed #ccc4a0;
}
.rightnavigationgreen ul li a
{
background:url(../images/right_liststyleimageblack.gif) no-repeat left center ;
color:#237a91;
text-decoration:none;
padding:10px 20px 10px 8px;
margin:0px;
}
.rightnavigationgreen ul li a:hover
{
color:#cd4100;
}
.rightnavgreen .bottom
{
background:url(../images/bg_bottom_rightlinksgreen.gif) no-repeat top left;
height:9px;
}
/*-----------Map Tool tip---------------------*/
.maphead
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#00A7BA;
font-weight:bold;
}
.mapdecp
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.mapadd
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
/*---------------------------------------------------------------------------------
5. FOOTER
---------------------------------------------------------------------------------*/
#footer
{
background:url(../images/bg_footer.gif) repeat-x bottom left ;
height:94px;
width:1000px;
clear:both;
}
#footer .inner
{
padding:23px 0px;
text-align:center;
}
#footer .inner .links
{
padding:0px;
margin:0px 0px 10px 0px;
}
#footer .inner .links .link
{
font-size:11px;
font-weight:bold;
color:#00afc1;
padding:0px 6px 0px 6px;
border-right:1px solid #00afc1;
text-decoration:none;
}
#footer .inner .links .link:hover
{
color:#292929;
}
#footer .inner p
{
font-size:11px;
vertical-align:middle;
text-align:center;
}


#div404
{
	padding-bottom:20px;
}

#div404 .blue
{
	color:#009cb2;
	text-decoration:none;
}

#div404 .blue:hover
{
	text-decoration:underline;
}

#div404 .url_name
{
	color:#009cb2;
}



ul.tags
{
	margin: 12px 30px;	
	margin-top: 5px;
	padding:0 0 0 1px;
}