@charset "utf-8";

/*  body
------------------------------------------------------------------ */
html,
body {
	height: 100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	color: #000;
	margin: 0 auto;
	position: relative;
	text-align: center;
	line-height:1.6;
}

a {
	color: #1970b2;
	text-decoration: none;
}

a:hover {
	color: #91b9d8;
}

.hidden {
	display:none;
}


/*  header
------------------------------------------------------------------ */
header {
    height: 128px;
    text-align: center;
    width: 100%;
}

header div {
    margin: 0 auto;
    position: relative;
    width: 960px;
}
    
header div h1 , header div #logo {
    position: absolute;
    left: 0;
    top: 35px;
    width: 407px;
}

header #header_contact {
    background: url(../img/header_contact.gif) 0 0 no-repeat;
    height: 116px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: left;
    width: 306px;
}

header #header_contact a {
    background: url(../img/header_contact_button_on.gif) 0 0 no-repeat;
    display: block;
    height: 34px;
    margin: 14px 0 0 14px;
    overflow: hidden;
    position: relative;
    width: 280px;
}

header #header_contact a:hover img {
   position: absolute;
   top: -34px;
}


/*  nav
------------------------------------------------------------------ */
nav {
    background: url(../img/nav_bg.gif) 0 0 repeat-x;
    height: 66px;
    text-align: center;
    width: 100%;
    /zoom: 1;
}

nav:after {
    clear: both;
    content: '';
    display: block;
}

nav ul {  
    margin: 0 auto;
    width: 960px;
}

nav ul li {
    float: left;
    position: relative;
}

nav ul li a {
    display: block;
    height: 66px;
    overflow: hidden;
    position: relative;
    width: 170px;
}

nav ul #nav_home a {
    background: url(../img/nav_home_on.gif) 0 0 no-repeat;
    width: 110px;
}

nav ul #nav_products a {
    background: url(../img/nav_products_on.gif) 0 0 no-repeat;
}

nav ul #nav_customorder a {
    background: url(../img/nav_customorder_on.gif) 0 0 no-repeat;
}

nav ul #nav_feature a {
    background: url(../img/nav_feature_on.gif) 0 0 no-repeat;
}

nav ul #nav_software a {
    background: url(../img/nav_software_on.gif) 0 0 no-repeat;
}

nav ul #nav_outline a {
    background: url(../img/nav_outline_on.gif) 0 0 no-repeat;
}


nav ul li a:hover img,
#home nav ul #nav_home a img,
#products nav ul #nav_products a img,
#customorder nav ul #nav_customorder a img,
#machine nav ul #nav_machine a img,
#software nav ul #nav_software a img,
#outline nav ul #nav_outline a img {
    position: absolute;
    top: -66px;
}

body nav ul li .submenu {
    background: #000;
    display: none;
    margin: 0;
    position: absolute;
    width: 170px;
    z-index: 1000;
}

body nav ul li .submenu li {
    background: none;
    border-bottom: solid 1px #fff;
    display: block;
    float: none;
}

body nav ul li .submenu li a {
    background: none!important;
    color: #fff;
    font-size: 12.5px;
    display: block;
    height: auto;
    text-align: left;
    padding: 17px 14px 15px;
    width: 154px;
}

body nav ul li .submenu li a:hover {
    background: url(../img/arrow_submenu.png) 152px center no-repeat!important;
    font-weight: bold;
}

body nav ul #nav_products #products_menu li


/*  main
------------------------------------------------------------------ */
#main {
    text-align: center;
    width: 100%;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 960px;
    /zoom: 1;
}

#wrapper:after {
    clear: both;
    content: '';
    display: block;
}

#main #crumbs {
}

#main #crumbs ul {
    padding-top: 1em;
    padding-bottom: 3em;
    /zoom: 1;
}

#main #crumbs ul:after {
    clear: both;
    content: '';
    display: block;
}

#main #crumbs ul li {
    float: left;
    margin-right: 1em;
}

#main #crumbs ul li a, #main #crumbs ul li h1 {
    display: block;
    font-size: 13px;
    height: 13px;
    padding: 0.1em 0 0;
}

#wrapper #contents {
    float: left;
    padding-bottom: 3em;
    width: 736px;
}

#main .button_detail {
    background: url(../img/button_detail_on.gif) 0 0 no-repeat;
    display: block;
    height: 27px;
    overflow: hidden;
    position: relative;
    width: 107px;
}

#main .button_detail:hover img {
    position: absolute;
    top: -27px;
}

#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}


/*  sidebar
------------------------------------------------------------------ */
#sidebar {
    float: left;
    width: 224px;
}

#sidebar dl {
    text-align: left;
    width: 185px;
}

#sidebar dl dt {
    background: #000;
    color: #fff;
    font-size: 13.2px;
    font-weight: bold;
    padding: 18px 14px;
}

#sidebar dl dd {
    border-top: solid 1px #dbdbdb;
}

#sidebar dl dd a {
    background: url(../img/arrow.png) 165px center no-repeat;
    color: #000;
    display: block;
    font-size: 12.2px;
    padding: 8px 14px;
}

#sidebar dl dd a:hover {
}

#sidebar dl #sidebar_dd_last {
    border-bottom: none;
}


/*  section
------------------------------------------------------------------ */
#main section .bold {
    font-weight: bold;
}


/*  contact
------------------------------------------------------------------ */
#main #section_contact {
    background: #1970b2;
    margin: 0 auto;
    padding: 3em 0;
    text-align: center;
    width: 100%;
}

#main #section_contact p {
    margin: 0 auto;
    width: 959px;
}

#main #section_contact p a {
    background: url(../img/contact_on.jpg) 0 0 no-repeat;
    display: block;
    height: 186px;
    overflow: hidden;
    position: relative;
    width: 959px;
}

#main #section_contact a:hover img {
    position: absolute;
    top: -186px;
}

#section_contact {
    background: #1970b2;
    padding: 3em 0;
    text-align: center;
    width: 100%;
}

#section_contact p {
    margin: 0 auto;
    width: 959px;
}

#section_contact p a {
    background: url(../img/contact_on.jpg) 0 0 no-repeat;
    display: block;
    height: 186px;
    overflow: hidden;
    position: relative;
    width: 959px;
}

#section_contact a:hover img {
    position: absolute;
    top: -186px;
}


/*  footer
------------------------------------------------------------------ */
footer {
    background: #3a97cd;
    margin: 0;
    text-align: center;
    width: 100%;
}

footer #footer_link {
    margin: 0 auto;
    padding-top: 3em;
    width: 960px;
    /zoom: 1;
}

footer #footer_link:after {
    clear: both;
    content: '';
    display: block;
}

footer #footer_link dl {
    float: left;
    margin: 2em 45px 1em 0;
    width: auto;
}

footer #footer_link #link_home {
    float: none;
    margin: 0;
}

footer #footer_link dl dt a {
    font-weight: bold;
}

footer #footer_link dl dt,
footer #footer_link dl dd {
    margin: 0.2em 0 0;
    text-align: left;
}

footer #footer_link dl dt a,
footer #footer_link dl dd a {
    color: #fff;
    font-size: 13.5px;
}

footer #footer_link dl a:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

footer #footer_copyright {
    background: #fff;
    margin: 2.5em auto 0;
    padding: 2em 0 1.5em;
    text-align: center;
    width: 100%;
    /zoom: 1;
}

footer #footer_copyright:after {
    clear: left;
    content: '';
    display: block;
}

footer #footer_copyright p {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

footer #footer_copyright #logo {
}

footer #footer_copyright #copyright {
    float: right;
    margin: 2.2em 0 0;
}
.fl {
	float:left;
}
.mr10 {
	margin-right: 10px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.mr25 {
	margin-right: 25px;
}
.imgbox {
	margin-top: 25px;
	width:736px;
	overflow:hidden;
}