body
{
margin: 0;
background: #6d84a8 url("../images/graphics/page_bg.gif") repeat-x;
font-family: Arial, sans-serif;
}

img
{
border: none;
}

ul,ol
{
margin: 0;
padding: 0;
}

div#page
{
width: 920px;
margin: 0 auto;
background: #fff url("../images/graphics/middle.png") repeat-y;
}

div#header
{
height: 200px;
margin: 0 10px;
}

div#content
{
margin: 0 10px;
padding: 0 30px;
padding-bottom: 2em;
overflow: hidden;
clear: both;
}

div#content img
{
border: 1px solid #000;
}

div#logo img
{
vertical-align: bottom;
}

ul.menu
{
list-style-type: none;
margin: 0;
padding: 0 0 0 2px;
background: url("../images/graphics/menu_bg.gif") repeat-x;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height: 40px;
position: relative;
}

ul.menu li.top
{
text-indent: -1180px;
float: left;
width: 175px;
height: 40px;
line-height: 40px;
background: url("../images/graphics/button_bg.gif") no-repeat top left;
}

ul.menu li a
{
height: 100%;
display: block;
text-decoration: none;
overflow: hidden;
}

ul.menu li, ul.menu a
{
color: #aaa;
}

ul.menu li#about	{ background: url("../images/graphics/about.gif") no-repeat top left; }
ul.menu li#fukumoto	{ background: url("../images/graphics/fukumoto.gif") no-repeat top left; }
ul.menu li#products	{ background: url("../images/graphics/products.gif") no-repeat top left; cursor: pointer; }
ul.menu li#location	{ background: url("../images/graphics/location.gif") no-repeat top left; }
ul.menu li#english	{ background: url("../images/graphics/english.gif") no-repeat top left; }


ul.menu li#about a:hover	{ background: url("../images/graphics/about_over.gif") no-repeat top left; }
ul.menu li#fukumoto a:hover	{ background: url("../images/graphics/fukumoto_over.gif") no-repeat top left; }
ul.menu li#products a:hover	{ background: url("../images/graphics/products_over.gif") no-repeat top left; cursor: pointer; }
ul.menu li#location a:hover	{ background: url("../images/graphics/location_over.gif") no-repeat top left; }
ul.menu li#english a:hover	{ background: url("../images/graphics/english_over.gif") no-repeat top left; }


ul.menu li#about_active		{ background: url("../images/graphics/about_over.gif") no-repeat top left; }
ul.menu li#fukumoto_active	{ background: url("../images/graphics/fukumoto_over.gif") no-repeat top left; }
ul.menu li#products_active	{ background: url("../images/graphics/products_over.gif") no-repeat top left; cursor: pointer; }
ul.menu li#location_active	{ background: url("../images/graphics/location_over.gif") no-repeat top left; }
ul.menu li#english_active	{ background: url("../images/graphics/english_over.gif") no-repeat top left; }






ul.submenu
{
margin: 0;
padding: 4px 0 0 0;
list-style-type: none;
width: 150px;
height: 84px;
background: url("../images/graphics/submenu_bg.gif") repeat-x;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

ul.submenu li
{
height: 25px;
line-height: 1em;
}

ul.submenu li#okimono	{ background: url("../images/graphics/okimono.gif") no-repeat top left; }
ul.submenu li#kouro	{ background: url("../images/graphics/kouro.gif") no-repeat top left; }
ul.submenu li#jitsuyou	{ background: url("../images/graphics/jitsuyou.gif") no-repeat top left; }

ul.submenu li#okimono_active	{ background: url("../images/graphics/okimono_over.gif") no-repeat top left; }
ul.submenu li#kouro_active	{ background: url("../images/graphics/kouro_over.gif") no-repeat top left; }
ul.submenu li#jitsuyou_active	{ background: url("../images/graphics/jitsuyou_over.gif") no-repeat top left; }

ul.submenu li#okimono a:hover	{ background: url("../images/graphics/okimono_over.gif") no-repeat top left; }
ul.submenu li#kouro a:hover	{ background: url("../images/graphics/kouro_over.gif") no-repeat top left; }
ul.submenu li#jitsuyou a:hover	{ background: url("../images/graphics/jitsuyou_over.gif") no-repeat top left; }


h1
{
color: #eee;
margin: 1em 0;
}

h2
{
font-size: 1.4em;
color: #888;
}

h2.center
{
text-align: center;
}

h3
{
color: #aaa;
margin: 0.5em 0 0.2em 0;
}

h4
{
color: #666;
}


.swap
{
text-indent: -1000px;
background-repeat: no-repeat;
background-position: top left;
}

div#intro_flash
{
width: 770px;
margin: 40px auto;
background: #fff url("../images/graphics/flash_bg.gif") no-repeat;
padding: 10px;
}

div#intro_flash div#noscript
{
width: 770px;
height: 440px;
background: #fff url("../images/graphics/flash_noscript.jpg") no-repeat;
}

div#intro_flash div#noscript a
{
color: #aaf;
}

div#intro_flash p
{
color: #fff;
width: 230px;
line-height: 1.2em;
font-size: 0.8em;
text-indent: 0;
text-align: justify;
position: relative;
left: 385px;
top: 20px;
}

div.right_sandbag
{
float:right;
clear: right;
height: 28px;
}


div.photo_left
{
clear: both;
float: left;
text-align: center;
margin: 0.5em 2em 1em 1em;
}

div.photo_right
{
clear: both;
float: right;
text-align: center;
margin: 1em 1em 1em 2em;
}

div.photo_left img,div.photo_right img
{
margin-bottom: 20px;
}

div.right
{
margin-left: 460px;
}

div.left
{
margin-right: 460px;
}

div.clear
{
clear: both;
}

div#photo_content
{
font-size: 0.8em;
height: 100%;
}

ul
{
list-style-type: none;
padding: 0;
}

p
{
text-indent: 1em;
line-height: 1.8em;
margin: 0;
}

h2.gaiyo
{
margin: 0;
color: #b5ab85;
}

/*** CATALOG ***/

h2.catalog
{
font-size: 1em;
font-weight: normal;
color: #eee;
text-align: center;
}

p.catalog
{
font-size: 0.9em;
color: #888;
text-indent: 0;
line-height: 1.2em;
}

table.catalog
{
margin: 2em 0 2em 0;
background-color: #000;
width: 100%;
}

table.catalog td
{
width: 30%;
color: #eee;
text-align: center;
vertical-align: middle;
}


table.catalog td.text
{
font-size: 0.75em;
}

table.catalog h3, table.catalog h4
{
margin: 0;
}

table.catalog table.three h3
{
font-size: 1em;
}

span.new
{
color: #e6be69;
}

/*** COMPANY PROFILE ***/


table.gaiyo
{
border-collapse: collapse;
color: #888;
text-align: left;
margin-bottom: 1em;
}

table.gaiyo td,table.gaiyo th
{
border: 1px solid #fff;
padding: 0.4em;
}

table.gaiyo th
{
background-color: #ede8d4;
color: #b5ab85;
}

table.gaiyo td
{
background-color: #f5f1e3;
color: #958b65;
}

div#map
{
border: 1px solid #666;
width: 400px;
height: 320px;
}

div#form
{
margin-top: 1em;
}

div#form img
{
border: none;
}

/*** FORM ***/

form#contact
{
width: 62%;
margin: 0 auto;
margin-top: 4em;
}

form#contact h1
{
text-align: center;
font-size: 1.2em;
color: #666;
}

form#contact p
{
text-align: left;
text-indent: 0;
font-size: 0.9em;
line-height: 1.2em;
text-align: justify;
}

form#contact div
{
margin: 0.5em 0;
}

form#contact div.submit
{
text-align: center;
}

form#contact label
{
width: 10em;
float: left;
}

ul#ex
{
list-style-type: square;
margin-left: 0.8em;
font-size: 0.9em;
}

ul#ex li.chui
{
color: red;
list-style-type: none;
font-size: 0.8em;
}

/*** LINKS ***/

div#links
{
border: 1px solid #aaa;
width: 400px;
}

div#links h2
{
text-align: left;
background: #fff;
margin: -0.6em 0.5em;
width: 2.6em;
padding: 0 0.5em;
position: relative;
}

div#links table
{
margin: 0 auto;
border-collapse: collapse;
}

div#links table td
{
padding: 0.2em 0.5em;
vertical-align: 10px;
}

div#links table a
{
position: relative;
top: 10px;
}

div#links table a img
{
display: block;
}

/*** CONFIRM ***/

table.confirm
{
margin: 1em 0;
border-collapse: collapse;
width: 100%;
text-align: left;
font-size: 0.85em;
}

table.confirm th
{
color: #aaa;
width: 8em;
font-size: 0.9em;
}

table.confirm td
{
color: #595;
padding: 0.2em 0.4em;
border: 1px solid #fff;
background-color: #e6f2e6;
}

div.info,span.info	{ color: #5a5; text-align: center; }
div.alert,span.alert	{ color: #e77; text-align: center; }

a.return
{
display: block;
margin: 2em 0;
text-align: center;
}


/*** COPYRIGHT ***/

div#copyright
{
margin: 2em 0 -2em 0;
text-align: center;
font-size: 11px;
color: #bbb;
}