@charset "UTF-8";
/* -----------------------------------------------------
=00 general
=01 container
=02 header
=03 gnavi
=04 footer
=05 top page
    top page container
	top page contents
=06 page bread crumb
=07 page contents menu
=08 page contents main template
=09 add style for page contents
=10 IE hack
=11 add style for extra page contents

----------------------------------------------------- */

/* =00 general -------------------------------------- */
@import "general.css";

a:link,
a:visited {
color: #000000;
}
a:hover,
a:active {
color: #339999;
}

/* =01 container ------------------------------------ */
#wrapper {
margin: 0 auto;
padding: 0;
width: 640px;
border: 1px solid #cccccc;
text-align: left;
}
#header {
clear: both;
}
#gnavi {
clear: both;
margin: 10px 0 0;
clear: both;
position: relative;
z-index: 100;
width: 100%;
height: 25px;
}
#breadcrumb {
margin: 10px 5px;
padding: 0 3px;
height: 15px;
border: 1px solid #cccccc;
font-size: 0.75em;
overflow: hidden;
}
#contents {
clear: both;
padding: 0 5px;
}
#main {
float: right;
width: 470px;
}
#main2 {
float: left;
padding: 40;
width: 620px;
}
#maintable {
float: right;
width: 470px;
}
#maintable2 {
float: right;
width: 470px;
}
#maintable3 {
float: right;
width: 620px;
}
#maintable4 {
float: right;
width: 470px;
}

#menu {
float: left;
padding: 0;
width: 150px;
background: url(../img/bg_menu.gif) repeat-x;
min-height: 500px;
}
#menu2 {
float: left;
padding: 0;
width: 150px;
min-height: 500px;
}

#footer {
clear: both;
margin: 10px 0 0;
padding: 10px 0;
text-align: center;
}

/* =02 header --------------------------------------- */
#header h1 {
float: left;
width: 500px;
}
#header ul {
padding: 15px 0 0;
}
#header ul li {
margin-top: 3px;
}
#header img.arrow {
margin-left: 5px;
}

/* =03 gnavi ---------------------------------------- */
#gnavi ul {
}
#gnavi ul li {
float: left;
}
#gnavi li a {
display: block;
overflow: hidden;
height: 0 !important;
height /**/: 25px;
padding-top: 25px;
background-image: url(../img/gnavi.gif);
}
#nav1 a {
background-position: 0 0;
width: 52px;
}
#nav2 a {
background-position: -52px 0;
width: 101px;
}
#nav3 a {
background-position: -153px 0;
width: 139px;
}
#nav4 a {
background-position: -292px 0;
width: 112px;
}
#nav5 a {
background-position: -404px 0;
width: 90px;
}
#nav6 a {
background-position: -494px 0;
width: 90px;
}
#nav7 a {
background-position: -584px 0;
width: 56px;
}
#nav1 a:hover {
background-position: 0 -25px;
width: 52px;
}
#nav2 a:hover {
background-position: -52px -25px;
width: 101px;
}
#nav3 a:hover {
background-position: -153px -25px;
width: 139px;
}
#nav4 a:hover {
background-position: -292px -25px;
width: 112px;
}
#nav5 a:hover {
background-position: -404px -25px;
width: 90px;
}
#nav6 a:hover {
background-position: -494px -25px;
width: 90px;
}
#nav7 a:hover {
background-position: -584px -25px;
width: 56px;
}

/* sub navigation for about us */
#gnavi ul li.parent1 ul {
display: none;
}
#gnavi ul li.parent1On ul {
display: block;
position: absolute;
}
#gnavi ul ul li {
float: none;
line-height: 0;
}
#gnavi ul ul.subnav1 li a {
display: block;
overflow: hidden;
width: 102px;
height: 0 !important;
height /**/: 24px;
padding-top: 24px;
line-height: normal;
background-image: url(../img/subnavi1.gif);
}
#s1nav1 a { background-position: 0 0; }
#s1nav2 a { background-position: 0 -24px; }
#s1nav3 a { background-position: 0 -48px; }
#s1nav4 a { background-position: 0 -72px; }
#s1nav5 a { background-position: 0 -96px; }
#s1nav1 a:hover { background-position: -102px 0; }
#s1nav2 a:hover { background-position: -102px -24px; }
#s1nav3 a:hover { background-position: -102px -48px; }
#s1nav4 a:hover { background-position: -102px -72px; }
#s1nav5 a:hover { background-position: -102px -96px; }

/* sub navigation for merit */
#gnavi ul li.parent2 ul {
display: none;
}
#gnavi ul li.parent2On ul {
display: block;
position: absolute;
}
#gnavi ul ul.subnav2 li a {
display: block;
overflow: hidden;
width: 139px;
height: 0 !important;
height /**/: 23px;
padding-top: 23px;
line-height: normal;
background-image: url(../img/subnavi2.gif);
}
#s2nav1 a { background-position: 0 0; }
#s2nav2 a { background-position: 0 -24px; }
#s2nav3 a { background-position: 0 -48px; }
#s2nav4 a { background-position: 0 -72px; }
#s2nav5 a { background-position: 0 -96px; }
#s2nav6 a { background-position: 0 -120px; }
#s2nav7 a { background-position: 0 -144px; }
#s2nav8 a { background-position: 0 -168px; }
#s2nav1 a:hover { background-position: -140px 0; }
#s2nav2 a:hover { background-position: -140px -24px; }
#s2nav3 a:hover { background-position: -140px -48px; }
#s2nav4 a:hover { background-position: -140px -72px; }
#s2nav5 a:hover { background-position: -140px -96px; }
#s2nav6 a:hover { background-position: -140px -120px; }
#s2nav7 a:hover { background-position: -140px -144px; }
#s2nav8 a:hover { background-position: -140px -168px; }

/* =04 footer --------------------------------------- */
#footer a:link,
#footer a:visited {
color: #666666;
}
#footer a:hover,
#footer a:active {
color: #000000;
}
#footer ul {
padding-left: 170px;
background: url(../img/bg_footer.gif) no-repeat;
height: 25px;
}
#footer ul li {
float: left;
margin-top: 3px;
padding: 0 10px;
border-right: 1px solid #999999;
font-size: 0.6em;
}
#footer ul li.last  {
border-right: none;
}
#footer p {
clear: left;
padding-top: 10px;
color: #666666;
font-size: 0.6em;
background-color: transparent;
}

/* =05 top page  ------------------------------------ */
/* top page container */
.top-left {
float: left;
margin-top: 20px;
width: 360px;
}
.top-right {
float: right;
margin-top: 0px;
margin-left: 10px;
width: 260px;
}
.top-icon-menu {
float: left;
margin-top: 20px;
padding: 20px 0 0 10px;
width: 463px;
border-top: 2px dotted #cccccc;
}
.top-banner {
float: left;
margin-top: 20px;
padding-top: 20px;
width: 147px;
text-align: center;
border-top: 2px dotted #cccccc;
}
/* top page contents */
h2.ichioshi {
margin: 20px 0 0;
padding: 5px 0 0 30px;
height: 25px;
background: url(../img/ichioshi.gif) no-repeat;
color: #ffffff;
}
p.ichioshi, p.brand-info {
padding: 10px;
border-style: none dotted dotted;
border-color: #cccccc;
border-width: 2px;
line-height: 1.2;
}
h2.brand-info{
margin: 20px 0 0;
padding: 5px 0 0 30px;
height: 25px;
background: url(../img/brand-info.gif) no-repeat;
color: #ffffff;
}
/*p.brand-info{
padding: 10px;
border-style: none dotted dotted;
border-color: #cccccc;
border-width: 2px;
line-height: 1.2;
}*/
h3.midashi {
border-bottom: 1px dotted #666666;
border-left: 7px solid #339933;
padding-left: 10px;
}
p.to-list {
margin: 3px 0 0;
background: url(../img/arrow-green.gif) no-repeat right center;
padding-right: 10px;
text-align: right;
font-size: 0.6em;
}
dl.update {
margin: 0 0 10px 10px;
}
dl.update dt {
margin-top: 1px;
}
dl.update dd {
margin-left: 20px;
}
.top-icon-menu ul li {
float: left;
height: 70px;
border-bottom: 1px solid #999999;
padding-top: 5px;
}
.top-icon-menu ul li.lefticon {
border-right: 1px solid #999999;
}
.top-icon-menu ul li.last {
border-bottom: none;
}
.top-banner li {
padding-bottom: 15px;
}

/* =06 page bread crumb ----------------------------- */
#breadcrumb ul li{
float: left;
padding: 0 10px;
background: url(../img/arrow-gray.gif) no-repeat left center;
}
#breadcrumb li a {
text-decoration: underline;
}
/* =07 page contents menu --------------------------- */
#menu ul {
border-top: 1px dotted #999999;
}
#menu li {
padding-left: 5px;
border-bottom: 1px dotted #999999;
}
#menu a {
display: block;
padding: 7px 0 7px 10px;
width: 130px;
background: transparent url(../img/arrow-green.gif) no-repeat left center;
}
#menu a:hover {
background: transparent url(../img/arrow-orange.gif) no-repeat left center;
}
/* =08 page contents main template ------------------ */
#main h1 {
padding-top: 3px;
padding-left: 25px;
background: transparent url(../img/bg_h1.gif) no-repeat;
height: 25px;
}

#main h2 {
clear: both;
margin: 10px 5px 0;
padding-left: 10px;
color: #669933;
border-left: 7px solid #669933;
}
#main h3 {
clear: both;
margin: 10px 5px 0;
padding-left: 10px;
color: #669933;
}
#main h4,#main  h6 {
clear: both;
margin: 10px 15px 0;
padding-left: 13px;
color: #333333;
background: url(../img/h4-less.gif) no-repeat left center;
}
#main  h5 {
clear: both;
margin: 10px 8px 0;
padding-left: 13px;
color: #538a53;
}

#main p {
clear: both;
margin: 10px 15px 0;
}
#main pre {
clear: both;
margin: 10px 15px 0;
padding: 10px;
background-color: #ffffcc;
}
#main table {
clear: both;
margin: 10px 15px 0;
border: 1px solid #666666;
border-collapse: collapse;
}
#main th {
background: url(../img/bg_th.gif);
padding: 2px 5px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.9em;
text-align: center;
}
#main td {
padding: 2px 5px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.9em;
}
#main img.left {
float: left;
padding: 5px 5px 5px 0;
}
#main img.right {
float: right;
padding: 5px 0 5px 5px;
}
#main ul {
margin: 20px;
}
#main li {
margin: 2px 0;
background: transparent url(../img/bullet.gif) no-repeat left top;
padding-left: 12px;
}
#main ul li ol li {
background: none;
padding-left: 0;
font-size: 100%;
}
#main gototop {
background: url(../img/arrow-gray.gif) no-repeat right center;
padding-right: 12px;
font-size: 0.6em;
text-align: right;
}
.gototop {
background: url(../img/arrow-gray.gif) no-repeat right center;
padding-right: 12px;
font-size: 0.6em;
text-align: right;
}

#main2 h1 {
padding-top: 3px;
padding-left: 25px;
background: transparent url(../img/bg_h1-2.gif) no-repeat;
height: 25px;
}
#main2 table {
clear: both;
margin: 10px 15px 0;
border: 0px solid ;
border-collapse: collapse;
border-bottom: 1px solid #666666;
}
#main2 th {
background: url(../img/bg_th.gif);
padding: 2px 5px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.9em;
text-align: center;
}
#main2 td {
padding: 2px 5px;
border-bottom: 1px solid #666666;
border-right: 0px solid ;
font-size: 0.9em;
}





.back{
margin: 10px;
/*background: url(../img/arrow-back.gif) no-repeat right center;*/
padding-right: 12px;
font-size: 0.6em;
color:#ffd700;
text-align: right;
}

.omoji {
text-transform: uppercase;
}

/* =09 add style for page contents main ------------- */
.view-large {
font-size: 0.6em;
}

/* brand */
h2.brand {
padding-left: 0 !important;
border-left: none !important;
}
.brand-lead {
padding: 10px 0;
line-height: 1.5;
}
.brand-top{
margin: 20px 0 0 80px;
font-size: 0.8em;
line-height: 1.5;
}
.one {
margin: 10px 5px 0;
padding: 10px 10px 0;
border-top: 1px solid #999999;
}
h2.brand-name {
padding: 3px 0 3px 0 !important;
color: #ffffff !important;
background-color: #669933;
}
h3.brand-no {
margin: 3px 10px 0 !important;
padding-left: 0 !important;
}
p.brand-catch {
margin: 0 10px !important;
color: #ff6600;
}
.uno {
margin: 10px 0;
padding: 0 0 10px;
}
.spec-img {
float: left;
text-align: center;
padding-bottom: 10px;
}
.spec {
float: right;
width:340px;
}
dl.spec {
margin: 0;
padding: 0;
}
dl.spec dt {
display: block;
float: left;
clear: left;
width: 100px;
margin: 0;
padding: 0;
border: 0;
font-size: 0.8em;
font-weight: normal;
}
dl.spec dd {
margin: 0 0 3px;
padding-left: 100px;
font-size: 0.8em;
}
.add-info {
font-size: 0.75em;
}
.panf-pdf {
margin: 20px 13px 0;
font-size: 0.6em;
padding: 5px 2px 5px 20px;
background:  #f1f1f1 url(../img/pdf_icon_s.gif) no-repeat left center;
}
p.pdf-large {
margin: 20px 13px 0;
padding: 15px 2px 15px 50px;
font-size: 0.8em;
background:  #f1f1f1 url(../img/pdf_icon.gif) no-repeat left center;
}
.redprice {
color: #ff0000;
font-weight: bold;
text-align: right;
}

/* event */
h3.event {
border-top: 1px solid #999999;
}
p.event {
padding-bottom: 15px;
border-bottom: 1px solid #999999;
}

/* =10 IE hack -------------------------------------- */
#menu {
_height: 500px;
}

/* =11 add style for extra page contents-----------------*/
.hojo {
text-align: center;
font-size: 0.4em;
color: #999;
line-height: 3;
}
.hojo2 {
text-align: right;
font-size: 0.6em;
color: #999;
line-height: 3;
}
.teikyo {
text-align: right;
font-size: 0.7em;
color: #999;
line-height: 1;
}

.honbun {
font-size: 0.8em;
padding-left: 10px;
padding-bottom: 8px;
}
.honbun2 {
font-size: 0.8em;
padding-left: 60px;
padding-bottom: 8px;
text-indent: -30px;
}

.honbun3 {
font-size: 0.7em;
padding-left: 12px;
padding-bottom: 8px;
text-indent: 10px;
}
.honbun4 {
font-size: 0.7em;
padding-left: 40px;
padding-bottom: 8px;
text-indent: 0px;
}
.honbun5 {
font-size: 0.7em;
padding-left: 90px;
padding-bottom: 8px;
text-indent: 0px;
}
.honbun6 {
font-size: 0.7em;
padding-left: 20px;
padding-bottom: 8px;
text-indent: 0px;
}
.honbun7 {
font-size: 0.5em;
padding-left: 20px;
padding-bottom: 8px;
text-indent: -20px;
}


.ol-honbun {
font-size: 1em;
padding-left: 50px;
}
.komidasi {
clear: both;
font-size: 0.85em;
font-weight: bold;
padding-left: 0px;
}

.border1 {
border: 2px solid #FA0;
margin: 0;
padding: 12px;
background-color: #EFC;
}

#maintable table {
clear: both;
margin: 5px 5px 0;
border: 1px solid #666666;
border-collapse: collapse;
}
#maintable th {
padding: 1px 2px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.8em;
text-align: left;
}
#maintable td {
padding: 1px 2px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.7em;
}
#maintable h1 {
padding-top: 3px;
padding-left: 25px;
background: transparent url(../img/bg_h1.gif) no-repeat;
height: 25px;
}
#maintable h2 {
clear: both;
margin: 10px 5px 0;
padding-left: 10px;
color: #669933;
border-left: 7px solid #669933;
}
#maintable h3 {
clear: both;
margin: 10px 5px 0;
padding-left: 10px;
color: #669933;
}
#maintable h4,#maintable  h5,#maintable  h6 {
clear: both;
margin: 10px 15px 0;
padding-left: 13px;
color: #333333;
background: url(../img/h4-less.gif) no-repeat left center;
}
#maintable2 table {
clear: both;
margin: 5px 5px 0;
border: 1px solid #666666;
border-collapse: collapse;
}
#maintable2 th {
padding: 1px 6px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.9em;
text-align: left;
}
#maintable2 td {
padding: 1px 2px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.8em;
}
#maintable2 h1 {
padding-top: 3px;
padding-left: 25px;
background: transparent url(../img/bg_h1.gif) no-repeat;
height: 25px;
}
#maintable2 h2 {
clear: both;
margin: 10px 5px 0;
padding-left: 10px;
color: #669933;
border-left: 7px solid #669933;
}
#maintable2 h3 {
clear: both;
margin: 10px 5px 0;
padding-left: 10px;
color: #669933;
}
#maintable2 h4,#maintable  h5,#maintable  h6 {
clear: both;
margin: 10px 0px 0;
padding-left: 10px;
color: #333333;
background: url(../img/h4-less.gif) no-repeat left center;
}
#maintable3 table {
clear: both;
margin: 10px 5px 0;
border: 1px solid #666666;
border-collapse: collapse;
}
#maintable3 th {
padding: 1px 10px;
font-size: 1em;
text-align: left;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
}
#maintable3 td {
padding: 1px 5px;
ont-size: 1em;
text-align: left;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
}
#maintable3 h1 {
padding-top: 3px;
padding-left: 25px;
background: transparent url(../img/bg_h1-2.gif) no-repeat;
height: 25px;
}
#maintable3 h2 {
clear: both;
margin: 10px 5px 0;
padding-left: 10px;
color: #669933;
border-left: 7px solid #669933;
}
.up-link {
color: #00f;
text-decoration: underline;
font-size: 0.7em;
text-align: left;
}
#maintable4 table {
clear: both;
margin: 5px 5px 0;
border: 1px solid #666666;
border-collapse: collapse;
}
#maintable4 th {
padding: 1px 6px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.95em;
text-align: center;
}
#maintable4 td {
padding: 1px 25px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-size: 0.9em;
}
#maintable4 h1 {
padding-top: 3px;
padding-left: 25px;
background: transparent url(../img/bg_h1.gif) no-repeat;
height: 25px;
}