@charset "UTF-8";
/* CSS Document */

/* reset */
a {text-decoration: none; outline: none;}
a:link {}
a:visited {}
a:hover {}
a:active {outline: none;}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; 
    text-align: center; 
    margin: 0 auto;
}

img {border: none; vertical-align: bottom;}

sub {vertical-align: bottom;}
sup {vertical-align: top;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 100%;}

ul, ol, dl, li, dt, dd {margin: 0; padding: 0; line-height: normal;}

p {margin: 0; padding: 0;}


.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}



body {letter-spacing: 1px; font-size: 90%; /* IE */ background: url("../image/header_bg.png") left top repeat-x; height: 38px;}
* html body {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=../image/header_bg.png); height: 38px;}
html>/**/body {font-size: 13px; /* Except IE */}
noscript#note {display: block; background: #444444; color: #ffffff; padding: 0.5em 0; margin: 1em 0; width: 1003px; text-align: center; margin-left: auto; margin-right: auto; font-size: 0;}

/* header */
header {
    background: url("../image/header_bg.png") left top repeat-x; 
    height: 38px; 
    display: block; 
    margin-bottom: 15px;
}

#header_logo {
    position: absolute; 
    right: 0; 
    top: 14px; 
    background: url("../image/logo.png") left top no-repeat; 
    width:282px; 
    height: 46px;
}

div#mainmenu {
    position: relative; 
    width: 1010px; 
    margin: 0 auto; 
    text-align: center;
}

div#mainmenu ul {
    list-style: none; 
    padding: 0; 
    width: 500px;
    margin: 0 auto; 
    text-align: center;
}

div#mainmenu ul li {
    height: 24px; 
    float: left; 
    padding: 0;
}

/* #nav_service {width: 73px;} 12042013 comment */
/* #nav_product {width: 84px;} 12042013 comment */
/* #nav_gallery {width: 78px;} 12042013 comment */
/* #nav_about {width: 89px;} 12042013 comment */
/*#nav_cfd {width: 64px;}*/
#nav_service {width: 90px;}
#nav_product {width: 90px;}
#nav_gallery {width: 90px;}
#nav_about {width: 90px;}
#nav_english {width: 90px;}

div#mainmenu ul li a {
    font-weight: bold; 
    font-size: 14px; 
    font-family: "Lucida Grande", Verdana, Arial; 
    color: white; 
    display: block; 
    width: 100%; 
    height: 24px; 
    line-height: 24px;
}

/* li#nav_home a {
    background: url("../image/mainmenu.jpg") no-repeat; 
    background-position: 0 0;
} */

/* 
li#nav_service a {
    background: url("../image/mainmenu.jpg") no-repeat; 
    background-position: 0 0;
} 12042013 comment */

/* li#nav_product a {
    background: url("../image/mainmenu.jpg") no-repeat; 
    background-position: -101px 0;
} 12042013 comment */

/* li#nav_gallery a {
    background: url("../image/mainmenu.jpg") no-repeat; 
    background-position: -201px 0;
} 12042013 comment */

/* li#nav_about a {
    background: url("../image/mainmenu.jpg") no-repeat; 
    background-position: -301px 0;
} 12042013 comment */

/* li#nav_cfd a {
    background: url("../image/mainmenu.jpg") no-repeat;
    background-position: -401px 0;
} 12042013 comment */

/* li#nav_home a:hover {background-position: 0 -25px;} */
li#nav_service a:hover {background-position: 0 -25px;}
li#nav_product a:hover {background-position: -101px -25px;}
li#nav_gallery a:hover {background-position: -201px -25px;}
li#nav_about a:hover {background-position: -301px -25px;}
/* li#nav_cfd a:hover {background-position: -401px -25px;} 12042013 comment*/

/* li#nav_home a.active {background-position: 0 -50px;} */
li#nav_service a.active {background-position: 0 -50px;}
li#nav_product a.active {background-position: -101px -50px;}
li#nav_gallery a.active {background-position: -201px -50px;}
li#nav_about a.active {background-position: -301px -50px;}
/* li#nav_cfd a.active {background-position: -401px -50px;} 12042013 comment*/

/* li#nav_home a.active:hover {background-position: 0 -75px; cursor: default;} */
li#nav_service a.active:hover {background-position: 0 -75px; cursor: default;}
li#nav_product a.active:hover {background-position: -101px -75px; cursor: default;}
li#nav_gallery a.active:hover {background-position: -201px -75px; cursor: default;}
li#nav_about a.active:hover {background-position: -301px -75px; cursor: default;}
/* li#nav_cfd a.active:hover {background-position: -401px -75px; cursor: default;} 12042013 comment */


/* container */
body #container a {color: #0078bf;}
body #container a:hover, a:active {text-decoration: underline; color: #0860a8;}


/*content*/
/*body div#bg_top {width: 1010px; height: 10px; background: url("../image/bg1.png") left top no-repeat; margin: 30px auto 0; position: relative; padding: 0; font-size: 0; z-index: 5;}
body div#bg_bottom {width: 1010px; height: 17px; background: url("../image/bg1.png") left bottom no-repeat; margin: 0 auto 40px; font-size: 0;}
div#content {margin: 0 auto; padding: 0; width: 1010px; height: auto; background: url("../image/bg2.png") left top repeat-y;}
*/
body div#bg_top {}
body div#bg_bottom {}
div#content {
    margin: 10px auto 10px; 
    padding: 0;
    width: 1160px;
    height: auto;
    border: #aaaaaa 1px solid; 
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
}

div#content_home {
    margin: 20px auto 0; 
    padding: 0; 
    width: 1010px; 
    height: auto; 
    background: none;
}

/* body div#container {
    text-align: left; 
    width: 1010px; 
    height: auto; 
    margin: 0 auto; 
    padding: 0; 
    color: #464646;
} */
body div#container {
    text-align: left; 
    width: 1160px;
    height: auto; 
    margin: 0 auto; 
    padding: 0; 
    color: #464646;
}
div#slide_wrapper {
    position: relative;
    height: 250px;  /* 12072013 add */
    width: 850px;   /* 12072013 add */
    margin: 0 auto; /* 12072013 add */
}

p.txtcenter {text-align: center;}
p.txtright {text-align: right;}


/* footer */
/* div#sub {
    margin-left: auto; 
    margin-right: auto; 
    width: 1010px; 
    position: relative;
} */
div#sub {
    margin-left: auto; 
    margin-right: auto; 
    width: 1160px; 
    position: relative;
}

div#sub p {
    position: relative; 
    /* top: 15px; 12042013 comment */
    top: 5px;
}

/* div#sub hr {
    width: 1010px; 
    vertical-align: top; 
    margin-bottom: 15px;
} */
div#sub hr {
    width: 1160px; 
    vertical-align: top; 
    /* margin-bottom: 15px; 12042013 comment */
    margin-bottom: 5px;
}

/* body footer {
    font-size: 87%; 
    position: relative; 
    width: 1010px; 
    text-align: center; 
    margin: 0 auto;
} */
body footer {
    /* font-size: 87%; 12042013 comment*/
    font-size: 95%;
    position: relative; 
    width: 1160px; 
    text-align: center; 
    margin: 0 auto;
}

body footer p {
    padding-bottom: 15px; 
    margin: 0 auto;
}

/* body footer > p {width: 1010px;} */
body footer > p {width: 1160px;}

/* placeholder */
form#myform input:not([type=radio]), form#myform textarea {
	display: block;
	background: #ffffff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
	width: 250px;
	border: #555 1px solid;
}

form#myform textarea#inquiry {width: 450px;}