body {
margin: 0px auto;
background-color: #eff8fe;
text-align: center;
color: #4d4d4d;
font-family: Arial,Helvetica,Verdana,Osaka,sans-serif;
font-size: 90%;
}

img {
border: 0;
margin: 0px auto;
}

a{
color: #0080ff;
text-decoration: underline;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}

.f-red {
color: red;
}

.f-blue {
color: #3300ff;
}

.f-bold {
font-weight: bold;
}


.f-green {
color: green;
}


/*
##########################################################
##########################################################
　トップページ関連　ここから
###########################################################
###########################################################
*/




.head {
margin: 0px auto;
background-image: url(img/head-bg.jpg);
background-repeat: no-repeat;
width: 812px;
height: 94px;
z-index: 0;
text-align: center;
}


.head h1 {
margin: 0px auto;
background-image: url(img/top-h1.jpg);
background-repeat: no-repeat;
background-position: 250px top;
width: 600px;
text-indent: -3000px;
float: left;
margin-top: 21px;
}


.jork {
margin: 0px auto;
float: right;
width: 188px;
margin-right: 5px;
margin-top: 12px;
}

.navi01 {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/navi01.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 66px;
height: 35px;
text-indent: -3000px;
}

.navi01:hover {
margin: 0px auto;
display: block;
background-image: url(img/navi01.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 66px;
height: 35px;
text-indent: -3000px;
}

.navi02 {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/navi02.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 122px;
height: 35px;
text-indent: -3000px;
}

.navi02:hover {
margin: 0px auto;
display: block;
background-image: url(img/navi02.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 122px;
height: 35px;
text-indent: -3000px;
}

.navi03 {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/navi03.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 122px;
height: 35px;
text-indent: -3000px;
}

.navi03:hover {
margin: 0px auto;
display: block;
background-image: url(img/navi03.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
width: 122px;
height: 35px;
text-indent: -3000px;
}


.head h2 {
clear: both;
margin: 0px auto;
font-size: 12px;
font-weight: normal;
text-align:right;
padding-right: 15px;
padding-top: 6px;
}

.top-image {
clear: both;
margin: 0px auto;
background-image: url(img/top-image.jpg);
background-repeat: no-repeat;
width: 812px;
height: 243px;
z-index: 1;
text-align:right;
}

.top-image h3 {
margin: 0;
color: #ffffff;
text-align: left;
line-height: 130%;
padding-top: 140px;
padding-left: 515px;
}

.logo-top {
margin: 0px auto;
background-image: url(img/logo-top.jpg);
background-repeat: no-repeat;
width: 155px;
height: 123px;
/*behavior: expression(IEPNGFIX.fix(this));*/
text-indent: -3000px;
position: absolute;
top: 0;
left: 50%;
z-index: 3;
margin-left: -380px;
}



#menu {
clear: both;
width: 812px;
margin: 0px auto;
text-align: center;
height: 47px;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
}

.menu10 {
margin: 0px auto;
margin-left: 0px;
padding-left: 7px;
list-style-type: none;
font-size: 14px;
}

.menu10 li {
margin: 0px auto;
float: left;
}

.menu01 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right top;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu01 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}


.menu11 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right top;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu11 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu12 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right top;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu12 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu13 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right top;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu13 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 87px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu14 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right top;
padding-top: 16px;
padding-bottom: 16px;
width: 110px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu14 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 110px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu15 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right top;
padding-top: 16px;
padding-bottom: 16px;
width: 110px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu15 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 110px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu16 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right top;
padding-top: 16px;
padding-bottom: 16px;
width: 70px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu16 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: right bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 70px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu17 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: left top;
padding-top: 16px;
padding-bottom: 16px;
width: 161px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}

.menu17 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu-on_off.jpg);
background-repeat: repeat-x;
background-position: left bottom;
padding-top: 16px;
padding-bottom: 16px;
width: 161px;
/*height: 47px;*/
text-align: center;
color: #ffffff;
text-decoration: none;
}


.wrap {
position: relative;
z-index: 1;
width: 100%;
}

.navi {
margin: 0px auto;
top: 0px;
left: 0px;
width: 200px;
text-align: center;
margin: 0px auto;
float: left;
}



.contents {
clear: both;
margin: 0px auto;
text-align: center;
background-image: url(img/con-bg.jpg);
background-repeat: repeat-y;
background-position: center;
width: 812px;
overflow: auto;
}

.inner {
margin: 0px auto;
text-align: center;
width: 800px;
}

.top-l {
float: left;
margin: 0px auto;
margin-left: 0px;
text-align: right;
width: 520px;
padding-top: 10px;
}

.top-r {
float: right;
margin: 0px auto;
margin-right: 0px;
text-align: left;
width: 280px;
padding-top: 10px;
}

.whatsnew {
clear: both;
margin: 0px auto;
border: 1px solid #69becb;
padding-bottom: 1px;
width: 497px;
margin-right: 0px;
text-align: center;
}

.new-body {
margin: 0px auto;
width: 497px;
text-align: center;
height: 165px;
overflow: auto;
}

.new-body table {
margin: 0px auto;
width: 92%;
text-align: left;
font-size: 90%;
}

.new-body table th {
vertical-align: top;
width: 12%;
text-align: left;
padding-left: 15px;
padding-top: 3px;
font-weight: normal;
}

.new-body table td {
vertical-align: top;
text-align: left;
padding-left: 15px;
padding-top: 3px;
}

.rating {
margin: 0px auto;
clear: both;
font-size: 12px;
border: 1px solid #22688c;
width: 242px;
padding-bottom: 2px;
text-align: center;
}

.banner01 {
clear: both;
margin: 0px auto;
margin-top: 3px;
display: block;
background-image: url(img/banner.jpg);
background-repeat: no-repeat;
background-position: left 0px;
width: 248px;
height: 54px;
text-indent: -3000px;
}

.banner01:hover {
clear: both;
margin: 0px auto;
margin-top: 3px;
display: block;
background-image: url(img/banner.jpg);
background-repeat: no-repeat;
background-position: -248px 0px;
width: 248px;
height: 54px;
text-indent: -3000px;
}


.banner02 {
margin: 0px auto;
display: block;
background-image: url(img/banner.jpg);
background-repeat: no-repeat;
background-position: left -54px;
width: 248px;
height: 54px;
text-indent: -3000px;
}

.banner02:hover {
margin: 0px auto;
display: block;
background-image: url(img/banner.jpg);
background-repeat: no-repeat;
background-position: -248px -54px;
width: 248px;
height: 54px;
text-indent: -3000px;
}

.banner03 {
margin: 0px auto;
margin-top: 3px;
display: block;
background-image: url(img/banner2.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 242px;
height: 57px;
text-indent: -3000px;
}

.banner03:hover {
margin: 0px auto;
margin-top: 3px;
display: block;
background-image: url(img/banner2.jpg);
background-repeat: no-repeat;
background-position: left center;
width: 242px;
height: 57px;
text-indent: -3000px;
}



.footer {
clear: both;
margin: 0px auto;
width: 812px;
text-align: center;
background-image: url(img/footer-bg.jpg);
background-repeat: no-repeat;
height: 110px;
font-size: 80%;
padding-top: 12px;
}

.company-name {
margin: 0px auto;
border-collapse: collapse;
font-size: 100%;
text-align: left;

}


.foot-k {
background-image: url(img/footer-k.gif);
background-repeat: no-repeat;
background-position: left center;
text-align: left;
padding-left: 30px;
}

.foot-j {
background-image: url(img/footer-j.gif);
background-repeat: no-repeat;
background-position: left center;
text-align: left;
padding-left: 30px;
}



.foot-navi {
margin: 0px auto;
list-style-type: none;
padding-top: 12px;
width: 100%;
margin-left: 0px;
padding-left: 17px;
}

.foot-navi li {
margin: 0px auto;
float: left;
}

.foot00 a {
float: left;
display: block;
margin: 0px auto;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
text-decoration: none;
}

.foot00 a:hover {
display: block;
margin: 0px auto;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
text-decoration: underline;
}

.foot01 a {
float: left;
display: block;
margin: 0px auto;
background-image: url(img/footer-bar.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
text-decoration: none;
}

.foot01 a:hover {
display: block;
margin: 0px auto;
background-image: url(img/footer-bar.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
padding-right: 10px;
text-decoration: underline;
color: #ffffff;
text-decoration: underline;
}


.copy {
clear: both;
text-align: center;
margin: 0px auto;
font-size: 95%;
padding-top: 10px;
color: #ffffff;
width: 812px;
}



/*
##########################################################
##########################################################
　下層ページ共通関連　ここから
###########################################################
###########################################################
*/







.sub-image {
clear: both;
margin: 0px auto;
background-image: url(img/sub-image01.jpg);
background-repeat: no-repeat;
width: 812px;
height: 92px;
z-index: 1;
}

.sub-image h3 {
margin: 0px auto;
width: 812px;
color: #e3e303;
text-align: right;
line-height: 130%;
width: 600px;
padding-top: 36px;
}



.logo-sub {
margin: 0px auto;
background-image: url(img/logo-sub.jpg);
background-repeat: no-repeat;
width: 155px;
height: 123px;
/*behavior: expression(IEPNGFIX.fix(this));*/
text-indent: -3000px;
position: absolute;
top: 0;
left: 50%;
z-index: 3;
margin-left: -380px;
}






h4 {
clear: both;
margin: 0px auto;
margin-top: 15px;
width: 600px;
text-align: left;
}


.company-title {
margin: 0px auto;
margin-top: 15px;
width: 600px;
text-align: left;
}

.company-body {
margin: 0px auto;
margin-top: 10px;
width: 600px;
text-align: left;
line-height: 150%;
}

.company {
margin: 0px auto;
font-size: 90%;
border-collapse: collapse;
width: 500px;
line-height: 130%;
}

.company01 {
vertical-align: top;
padding-top: 5px;
text-align: left;
width: 80px;
}

.company02 {
vertical-align: top;
padding-top: 5px;
text-align: left;
padding-left: 5px;
}
.company03 {
vertical-align: top;
padding-top: 5px;
border-collapse: collapse;
text-align: left;
font-size: 100%;
}



.product {
margin: 25px auto;
font-size: 12px;
width: 650px;
}

.p-logo{
vertical-align: bottom;
text-align: left;
width: 255px;
}

.p-name {
vertical-align: bottom;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
color: #003366;
font-weight: bold;
width: 395px;
}

.p-name a {
vertical-align: bottom;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
color: #003366;
font-weight: bold;
text-decoration: none;
}

.product01 {
margin: 0px auto;
font-size: 12px;
width: 650px;
}

.p-name01 {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
color: #003366;
width: 160px;
}
.p-name02 {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-weight: bold;
font-size: 12px;
width: 120px;
}

.product02 {
margin: 0px auto;
text-align: left;
}

.product-comment {
margin: 20px auto;
font-size: 12px;
}

.stock {
font-size: 12px;
margin: 0px auto;
padding-bottom: 30px;
}


.stock table {
font-size: 12px;
margin: 0px auto;
border-collapse: collapse; 
border-top: 1px solid #9e9e9e;
border-left: 1px solid #9e9e9e;
width: 600px;
}

.th {
font-size: 12px;
margin: 0px auto;
border-collapse: collapse; 
border-bottom: 1px solid #9e9e9e;
border-right: 1px solid #9e9e9e;
color: white;
background-color: #1B688C;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}


.stock table td {
font-size: 12px;
margin: 0px auto;
border-collapse: collapse; 
border-bottom: 1px solid #9e9e9e;
border-right: 1px solid #9e9e9e;
padding: 5px;
}


.stock-title {
margin: 0px auto;
margin-top: 25px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
text-align: left;
width: 650px;
color: #003366;
}

.faq {
margin: 0px auto;
font-size: 12px;
width: 600px;
margin-top: 15px;
}

.qa{
width: 5%;
vertical-align: top;
text-align: center;
padding-top: 3px;
padding-bottom: 5px;
background-color: #efefef;
}

.qa2{
width: 5%;
vertical-align: top;
text-align: center;
padding-top: 4px;
padding-bottom: 5px;
}


.q {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #efefef;
}

.a {
text-align: left;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 5px;
line-height: 130%;
}

.c {
height: 20px;
}

.faq-comment {
font-size: 13px;
margin: 0px auto;
margin-top: 15px;
margin-bottom: 30px;
}



.toiawaseform {
font-size: 12px;
border-left: 1px solid #9e9e9e;
border-top: 1px solid #9e9e9e;
width: 600px;
margin: 0px auto;
}

.toiawaseform2 {
font-size: 12px;
width: 600px;
margin: 0px auto;
}

.toiawaseform3 {
font-size: 12px;
width: 300px;
margin: 0px auto;
}

.toiawaseform3 td {
text-align: center;
}

.koumoku2 {
width: 25%;
text-align: center;
height: 35px;
vertical-align: middle;
border-right: 1px solid #9e9e9e;
border-bottom: 1px solid #9e9e9e;
background-color: #f9f9f9;
padding-left: 5px;
padding-right: 5px;
}

.nyuryoku {
text-align: left;
height: 35px;
padding-left: 10px;
vertical-align: middle;
border-right: 1px solid #9e9e9e;
border-bottom: 1px solid #9e9e9e;
padding-top: 5px;
padding-bottom: 5px;
line-height: 125%;
}

.hissu {
color: #ff0000;
font-size:10px;
}

.mitsumori {
padding-top: 5px;
padding-bottom: 5px;
height: 40px;
}

.inqury {
width: 480px;
text-align: left;
line-height: 150%;
margin: 0px auto;
font-size: 12px;
}

.inqury-comment {
text-align: left;
width: 500px;
margin: 5px auto;
font-size: 12px;
}

.new {
margin: 20px auto;
font-size: 13px;
width: 600px;
}

.new th {
width: 15%;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
vertical-align: top;
border-bottom: 1px dotted #cccccc;
}


.date-body {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
vertical-align: top;
border-bottom: 1px dotted #cccccc;
}



.product {
margin: 25px auto;
font-size: 12px;
width: 650px;
}

.p-logo{
vertical-align: bottom;
text-align: left;
width: 255px;
}

.p-name {
vertical-align: bottom;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
color: #003366;
font-weight: bold;
width: 395px;
}

.p-name a {
vertical-align: bottom;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
color: #003366;
font-weight: bold;
text-decoration: none;
}

.product01 {
margin: 0px auto;
font-size: 12px;
width: 650px;
}

.p-name01 {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
color: #003366;
width: 160px;
}
.p-name02 {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-weight: bold;
font-size: 12px;
width: 120px;
}

.product02 {
margin: 0px auto;
text-align: left;
}

.product-comment {
margin: 20px auto;
font-size: 12px;
}

.ko-product {
margin: 0px auto;
width: 100%;
text-align: center;
}

.ko-product table {
margin: 0px auto;
width: 90%;
border-collapse: separate;
border-spacing: 5px;
font-size: 10px;
}

.ko-product table td {
margin: 0px auto;
border: 1px solid #dddddd;
width: 25%;
height: 100px;
text-align: center;
}

.manu-link {
margin: 0px auto;
width: 90%;
border-collapse: separate;
border-spacing: 5px;
}

.manu-link th {
margin: 0px auto;
width: 100%;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
font-size: 14px;
background-color: #cccccc;
}

.manu-link td {
margin: 0px auto;
width: 50%;
text-align: left;
padding-top: 5px;
padding-left: 30px;
font-size: 13px;
}

.manu-link a {
text-decoration: none;
/*color: #4d4d4d;*/
}


.manu-link a:hover {
text-decoration: underline;
color: red;
}