/* ----------------------------------------------------------------------------------------- 
doko.com LLC
Swiss Precision Internet Marketing,
Tokyo, Japan,
+81.3.6809-8058
http://www.doko.com

Clover Associates
Copyright 2010. All Rights Reserved. 
----------------------------------------------------------------------------------------- */

/* reset
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* layout
---------------------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	font-size: 90%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#fixed
{
	margin: 0 auto;
	width: 750px;
	text-align: left;
}

#header
{
	background: #fff;
	height: 100px;
}

.colmask
{
	position: relative;
	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;
	/* width of whole page */
	overflow: hidden;
	/* This chops off any overhanging divs */
	border-top: 1px #A3CD6D solid;
	border-right: 1px #A3CD6D solid;
	border-left: 1px #A3CD6D solid;
	border-bottom: 1px #A3CD6D solid;
}

.leftmenu { background-color: #fff; }

.leftmenu .colright
{
	float: left;
	width: 200%;
	position: relative;
	left: 200px;
	background: #fff;
}

.leftmenu .col1wrap
{
	float: right;
	width: 50%;
	position: relative;
	right: 200px;
	padding-bottom: 1em;
}

.leftmenu .col1
{
	margin: 0 15px 0 200px;
	position: relative;
	right: 100%;
	overflow: hidden;
}

.leftmenu .col2
{
	float: left;
	width: 180px;
	position: relative;
	right: 195px;
}

.news
{
	position: relative;
	width: 528px;
	padding: 10px 5px 10px 5px;
	background-color: #E6E6E6;
}

#footer
{
	clear: both;
	float: left;
	width: 100%;
}

.block
{
	position: relative;
	float: left;
	width: 160px;
	padding: 5px;
	margin-right: 7px;
	margin-top: 10px;
	background-color: #fff;
}

/* images
---------------------------------------------------------- */
img { border: none; }

.logo
{
	position: relative;
	top: 5px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.phone
{
	position: relative;
	top: 10px;
	right: 10px;
	bottom: 0px;
	left: 180px;
}

#slide_show
{
	width: 540px;
	height: 220px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#slide_show_left
{
	width: 320px;
	height: 240px;
	margin: 15px 15px 0 10px;
	padding: 15px 15p 0 10px;
	float: left;
}

.col2 img { margin: 0 10px 0 10px; }
.left { margin: 10px 10px 0px 10px; }
.right { margin-right: 10px; }
.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.frame
{
	border: 1px #CCC solid;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* typo
---------------------------------------------------------- */

.col1 h1
{
	color: #000080;
	font-style: normal;
	font-weight: bold;
	margin: 10px 0 0 10px;
	font-size: 17px;
	line-height: 1.4;
}

.col1 h2
{
	color: #001;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	border-width: 0 0 1px 0px;
	border-style: none none solid none;
	padding: 0;
	margin: 20px 10px 10px 10px;
}

.block h1
{
	color: #000;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	border-style: none;
	padding: 0;
	margin: 0;
}

.block p, .text p
{
	font-size: 12px;
	padding: 0;
	margin: 5px 0 5px 0;
	line-height: 1.4;
}

p, ol
{
	font-size: 12px;
	padding: 0;
	margin: 10px;
	line-height: 1.4;
}

.col1 li
{
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}


.news h2
{
	font-size: 12px;
	padding: 0 0 5px 0;
	border-style: none;
	margin: 0;
	color: #000;
}

.news p
{
	font-size: 12px;
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1;
}

.leftmenu .col2
{
	float: left;
	width: 200px;
	position: relative;
	right: 200px;
}

#footer p
{
	padding: 10px;
	margin: 0;
	text-align: center;
	font-size: 10px;
	line-height: 1.9;
}

.text
{
	position: relative;
	width: 528px;
	padding: 5px;
}

/* links
---------------------------------------------------------- */

.col1 a
{
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}

.col1 a:hover
{
	color: #A2CE6F;
	background-color: #001;
	text-decoration: none;
}

#footer a { text-decoration: none; }

/* ---menu1-------------------------------------*/
#menu1
{
	margin: 0;
	padding: 0;
}

#menu1 ul
{
	padding: 0px;
	margin: 18px 0px 3px 0px;
	/*menu offset from left edge of window*/
	float: left;
	padding-left: 8px;
	background-color: #001;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

* html #menu1 ul
{
	/*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 0px;
	/*menu offset from left edge of window in IE*/
}

#menu1 ul li { display: inline; }

#menu1 ul li a
{
	float: left;
	color: #fff;
	font-weight: normal;
	padding: 5px 12px 6px 8px;
	text-decoration: none;
}

#menu1 ul li a:visited { color: #fff; }

#menu1 ul li a:hover, #menu1 ul li a#selected
{
	color: #A3CD6D;
	background: transparent url(images/menu/pointer.gif) bottom center no-repeat;
}

#menu1 ul li a#rightcorner
{
	padding-right: 0;
	padding-left: 2px;
}

/* ---menu2-------------------------------------*/
#menu2
{
	margin: 0px;
	padding: 0px;
}

#menu2 ul
{
	padding: 10px 0px 0px 10px;
	margin: 0;
	/*menu offset from left edge of window*/
	float: right;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

#menu2 ul li { display: inline; }

#menu2 ul li a
{
	float: left;
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	height: 25px;
	width: 170px;
	text-decoration: none;
	background-image: url(images/menu/menu2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu2 ul li a:hover, #menu2 ul li a#selected
{
	color: #000;
	background-image: url(images/menu/menu2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ---time-------------------------------------*/
#tokyo_time
{
	margin: 5px 0px 10px 10px;
	color: #000;
	font-size: 11px;
}

/* ---menu2-------------------------------------*/
a.squarebutton
{
	background: transparent url('images/menu/green_left.gif') no-repeat top left;
	display: block;
	float: left;
	line-height: 22px;
	height: 32px;
	padding-left: 9px;
	text-decoration: none;
/*	width: 170px;*/
	/*	margin-left: 10px;*/
	margin-top: 10px;
	font-size: .8em;
	font-weight: bold;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton { color: #fff; }

a.squarebutton span
{
	background: transparent url('images/menu/green_right.gif') no-repeat top right;
	display: block;
	padding: 5px 9px 5px 0;
}

a.squarebutton:hover
{
	/* Hover state CSS */
	background-position: bottom left;
}

a.squarebutton:hover span
{
	background-position: bottom right;
	color: #000;
}

.buttonwrapper
{
	overflow: hidden;
	width: 100%;
	margin-left: 10px;
}

/* ---table-------------------------------------*/
#new
{
	background-color: #FFF;
	border-spacing: 0px;
	width: 100%;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#short
{
	background-color: #FFF;
	border-spacing: 0px;
	width: 100%;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(images/free_handling.jpg);
	background-repeat: no-repeat;
	background-position: 450px 50%;
}

#contact
{
	width: 50%;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#sql
{
	width: 100%;
	padding: 0px 10px 10px 10px;
	border-width: 0px;
}

.td_photo
{
	width: 330px;
	height: 250px;
}

.td_text
{
	vertical-align: top;
	width: 400px;
}

.col1 th
{
	font-size: 10px;
	vertical-align: middle;
	text-align: left;
	color: #001;
}

.col1 td
{
	font-size: 12px;
	line-height: 1.5;
}

dt
{
	font-size: 8pt;
	color: #666;
	padding-top: 3px;
	margin: 0 100px 0 50px;
	text-align: left;
	padding-bottom: 3px;
	border-top: 1px #CCC solid;
	line-height: 1.3;
}

.red { color: #750202; }

dd
{
	font-size: 12px;
	margin: -16px 100px 10px 250px;
	text-align: left;
	line-height: 1.3;
}

/* ---[ FORM ]-------------------------------------*/
fieldset { margin: 10px; }

label
{
	width: 55px;
	float: left;
	text-align: right;
	margin-right: 15px;
	display: block;
	font: normal 11px Verdana;
}

input
{
	color: #4c4c4c;
	background: transparent;
	border: 1px solid #8F8E92;
}

legend
{
	color: #FFF;
	padding: 3px 6px 3px 6px;
	margin-left: 0px;
	background-color: #003;
	font: normal 11px Verdana;
}