@charset "utf-8";
/*------------------------------------ */
/* ZERO css style
/*   -
     -Tag
	 -Link
	 -Layout
	 -Header
	 -Sidebar
	 -Bottom
	 -Footer
	 -GoogleMaps
	 -Main
	 -TopPage
/*-------------------------------------*/
@import url("ie.css");
@import url("contents.css");
/*-----------------------------------------------------
Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/#default

Font-size Adjustment

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	text-decoration:none;
	line-height:1;
	font-size:13px;
	font-style:normal;	
}

body {
	color:#424242;
}
/*--------------------------------------
   tags style
---------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin:0;
}
p {
	margin:1em;
	line-height:1.5;
	font-size:93%;
}
ul,ol {
	font-size:93%;
}
ul li {
	list-style:none;
	line-height:1.7;
}
hr.cl {
	visibility:hidden;
	margin:0;
	clear:both;
}

/*--------------------------------------
   links style
---------------------------------------*/
img{border:0;}
a img { border:none;}
a:link {
	color: #0066CC;
}
a:visited{
	color: #003399;
}
a:active {color: #0066FF;text-decoration:underline;}
a:hover{color: #00CCFF;text-decoration:underline;}
/*--------------------------------------
  layout style
---------------------------------------*/
#container {
	width:930px;
	margin:0 auto;
	text-align:left;
	
}
#main {margin-top:30px}
#contents{
	width:636px;
	float:left;
}
#sidebar {
	width:235px;
	float:right;
}
/*--------------------------------------
  Header
---------------------------------------*/

#header {
	width:930px;
	height:66px;
	text-align:right;
	background-image:url(../images/header.gif);
	margin:0 auto;
	background-repeat: no-repeat;
}
#header h1 {
	color:#333333;
	font-weight:normal;
	font-size:77%;
	display:block;
	padding-top:50px;
}
#main_flash {
	text-align:center;
	background-color: #000000;
}
/*--------------------------------------
  Top menu
---------------------------------------*/
#top_menu{
	width:100%;
	height:33px;
	margin:0;
	background-image: url(../images/btn/bk.jpg);
	background-repeat: repeat-x;
	
}
#top_menu ul{
	list-style:none;
	width:930px;
	text-align:center;
	margin:0 auto;
	padding: 0;
}
#top_menu li{
	display: inline;
	float:left;
	padding: 0;
	margin: 0;
}	
#top_menu a.menu1 { 
	display: block; 
	text-indent:-9999px;
	width: 156px; 
	height: 33px;
	background-image:url(../images/btn/btn_01.jpg);
	background-repeat: no-repeat;
	text-decoration: none; 
} 
#top_menu a:hover.menu1 { 
	background-position: -156px 0; 
} 
#top_menu a.menu2 { 
	display: block; 
	text-indent:-9999px;
	width: 154px; 
	height: 33px;
	background-image:url(../images/btn/btn_02.jpg);
	background-repeat: no-repeat;
	text-decoration: none; 
} 
#top_menu a:hover.menu2 { 
	background-position: -154px 0; 
} 
#top_menu a.menu3 { 
	display: block;
	text-indent:-9999px; 
	width: 155px; 
	height: 33px;
	background-image:url(../images/btn/btn_03.jpg);
	background-repeat: no-repeat;
	text-decoration: none; 
} 
#top_menu a:hover.menu3 { 
	background-position: -155px 0; 
} 
#top_menu a.menu4 { 
	display: block; 
	text-indent:-9999px;
	width: 155px; 
	height: 33px;
	background-image:url(../images/btn/btn_04.jpg);
	background-repeat: no-repeat;
	text-decoration: none; 
} 
#top_menu a:hover.menu4 { 
	background-position: -155px 0; 
} 
#top_menu a.menu5 { 
	display: block; 
	text-indent:-9999px;
	width: 154px; 
	height: 33px;
	background-image:url(../images/btn/btn_05.jpg);
	background-repeat: no-repeat;
	text-decoration: none; 
} 
#top_menu a:hover.menu5 { 
	background-position: -154px 0; 
} 
#top_menu a.menu6 { 
	display: block; 
	text-indent:-9999px;
	width: 156px; 
	height: 33px;
	background-image:url(../images/btn/btn_06.jpg);
	background-repeat: no-repeat;
	text-decoration: none; 
} 
#top_menu a:hover.menu6 { 
	background-position: -156px 0; 
} 

/*--------------------------------------
  Sidebar
---------------------------------------*/
#contact {
	margin:40px 0 0 0;
}
#contact a:link,#contact a:visited { 
	color:#424242;
}
#contact .name {
	margin:8px 0;
}
#contact .address span,#contact address,#contact strong{
	font-size:85%;
	line-height:1.3;
	}
#contact .tel {
	font-size:1.2em;
	
}
/*--------------------------------------
  bottom menu
---------------------------------------*/
#bottom_menu{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align:center;
}
#bottom_menu ul {
	list-style:none;
	margin:0;
	padding:5px 0;
}
#bottom_menu li
{
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
	display: inline;
	padding: 0;
	margin: 0;
	line-height:1;
}
#bottom_menu li:after { content: "|";color:#666; }
#bottom_menu li:first-child:before { content: "|";color:#666; }


/*Mac IE 5*/
* html #bottom_menu li:first-child { border-left: 0; }
/*end*/
#bottom_menu a {
	padding:0 1em;
	text-align:center;
}
#bottom_menu a:link {
	color: #666;
}
#bottom_menu a:visited {
	color: #666;
}
#bottom_menu a:active {
	color: #0066FF;
}
#bottom_menu a:hover {
	color: #0066FF;
}
/*----------------------------------
  footer element
------------------------------------*/
#footer{
	margin-top:15px;
	clear:both;
}

div#footer p.copy {
	text-align:center;
	font-size:77%;
	color:#999999;
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
}

/*----------------------------------------
   google maps
-----------------------------------------*/

#gmap {
	background-color:transparent !important;
	width:636px;
	height:350px;
	margin:0 0 60px 0;
}
#gmap span {
	display:inline;
	font-size:inherit;
	color:#999999;
}
#gmap a {
	color:#ccc;
}
#gmap .info{
	margin:0.4em;
	font-size:77%;
	color: #ffffff;
	line-height:1.4;
}
div.markerTooltip {
	background-color:#121212;
	border:solid 1px #333333;
	color:#31bafd;
	white-space: nowrap;
	font-size:85%;
	padding:3px;
}
div.markerDetail {
	  background-color:#1533f6;
	  white-space: nowrap;
	  margin: 0;
	  padding: 2px 4px;
	  border: 1px solid black;
	  position:relative;
}
div.markerDetail .infowindow_close {
	position:absolute;
	right:3px;
	top:3px;
}
/*----------------------------------------
   Main
-----------------------------------------*/
.entries{}

/*----------------------------------------
   TopPage
------------------------------------------*/
div#topics {
	margin:10px 0 10px 0;
}
h2.topics {
	text-indent:-9999px;
	background:url(../images/top_topics.gif) no-repeat left top;
	width:636px;
	height:55px;
}
div#topics dl {
	margin:0;
}
div#topics dt {
	margin-top: 3px;	
}
div#topics dd {
	line-height:1.6;
	border-bottom:dotted 1px #666;
}

div#top h2 {
	text-indent:-9999px;
	height:36px;
}
div#top h2.a {
	background:url(../images/top_h2a.gif) no-repeat left top;
	margin-top: 80px;
}
div#top h2.b {background:url(../images/top_h2b.gif) no-repeat left top;}
div#top h2.c {background:url(../images/top_h2c.gif) no-repeat left top;}
div#top p {
	margin:1em 0 2.5em 0;
	line-height:1.7;
}
h2.new_works {
	text-indent:-9999px;
	width:636px;
	height:66px;
	background-image: url(../images/top_new_works.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
}
.new_works_img {
}
.new_works_img ul {
	margin:0;
}
.new_works_img li {
	list-style:none;
	float:left;
	padding-right: 7px;
	display:inline;
}
.new_works_box {
	margin:0;
}
.new_works_box p {
	margin:1em 0 2.5em 0;
	line-height:1.7;
}
.new_works_box h2{
	font-size:116%;
	color:#003366;
}
.pickup_box{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	background-image: url(../images/side_back.gif);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

div.pickup h3 {
	text-indent:-9999px;
	background:url(../images/side_pickup.gif) no-repeat left top;
	width:235px;
	height:35px;
}
div.pickup ul,div.link ul {
	margin:10px 0;
}
div.link h4 {
	text-indent:-9999px;
	background:url(../images/side_link.gif) no-repeat left top;
	width:235px;
	height:35px;
	margin:30px 0 0 0;
}