﻿* { margin: 0; padding: 0; }
html       { margin:0px; padding:0px; border:0px; border-bottom:1px solid transparent; height:100%; }
body       { font-family: Verdana, Arial, Helvetica, sans-serif; color:#dadada; font-size:10pt; background:url("images/backimage.jpg") no-repeat 50% 0; background-color:#000000; margin:0px; padding:0px; background-color:#000000; border:0px; border-collapse:collapse; }  
table,td,div,span,img,form,area,map,ul,h1 { margin:0px; padding:0px; border:0px; }
h1         { font-size:10pt; color:#CC9933; margin:0px; padding:0px; float:left;}
h2         { font-size:10pt; color:#CC9933; margin:0px; padding:0px; float:left;}
a          { color:#ffd387; text-decoration:none; }
a:hover    { color:#ffffff; text-decoration:underline; }
.hide      { display: none; }

#container { background:url("images/backimage.jpg") no-repeat 50% 0; }
.subwrap   { width:900px; position:relative; margin-left:auto; margin-right:auto; text-align:center; }
.header_cnt  { background:url("images/top.jpg") no-repeat; width:900px; height:218px; clear:both; display:block; margin-left: auto; margin-right:auto; text-align:center; }

.foot  a    { width:900px; height:50px; background:#000000; clear:both; display:block; margin:0px; padding:0px;  }
.1bana      { width:880px; height:50px; padding:0px; margin:0px; }
.newsb      { width:900px; height:160px; background:url("images/newback.gif") no-repeat; margin:0px; padding-top:40px;}
.news       { width:750px; height:95px; overflow:auto; padding:20px; margin-left: auto; margin-right:auto; }
.cmt        { width:800px; padding:0px; margin-left: auto; margin-right:auto; }
.fla        { width:900px; padding:0px; margin-left: auto; margin-right:auto; text-align:center; }

/* topメニュー */
.nav             { width:900px; height:30px; position: relative; left:0px; right:auto; top:168px; text-align:left; border:0px; }
.pmenu           { font-size: 13px; border: none; margin: 0px; padding-left: 460px; text-align:right; z-index: 5; }
.ppmenu li,ul,p,a  { display:inline; font-family: Verdana, Arial, Helvetica, sans-serif; white-space:nowrap; text-align:left; font-size: 10pt; font-weight:500; margin:0px; padding:0px; border:0px; }
.ppmenu          { position: relative; display: inline-block; list-style: none; font-size: 13px; line-height: 25px; height: 25px; width: 100%; color: #CC9933; border: none; margin: 0px; padding: 0px; behavior: url("csshover.htc")}
.ppmenu li       { position: relative; display: inline-block; font-size: 13px; line-height: 25px; white-space: nowrap; float: left; color: #CC9933; border: none; margin: 0px; padding: 0px; }
.ppmenu a        { position: relative; display: inline-block; text-decoration: none; font-size: 13px; line-height: 25px; color: #CC9933; margin: 0px; padding: 0px 10px; }
.ppmenu a:visited { color: #CC9933; background: #000000; }
.ppmenu ul       { position: relative; display: none; list-style: none; height: 25px; color: #CC9933; border: none; margin: 0px; padding: 0px; }
.ppmenu li li    { clear: left; }
.ppmenu li li a  { background: #FFFFFF; padding: 0px 10px; }
.ppmenu li:hover a {color: #CC9933; background: #000000; }
.ppmenu li:hover ul { display: inline-block; position: absolute; top: 100%; left: 5px; }
.ppmenu li a:hover { color: #CC9933; background: #FFFFFF; }
.ppmenu li li:hover ul { top: 0px; left: 100%; }

.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }  

/* ストーリーページ */
.main       { width:850px; margin-left: auto; margin-right:auto; text-align:left; background:url("images/logo.jpg") no-repeat;}
#img01      { float:left; margin:20px; }
#img02      { float:right; margin:20px; }

/* PRODUCTSページ */
.main2       { width:850px; margin-left: auto; margin-right:auto; text-align:center; background:url("images/logo.jpg") no-repeat;}
.pmain       { width:750px; margin-left: auto; margin-right:auto; }
.pimg        { float:left; margin:0px; border:0;}
.pimg2       { float:left; margin:7px; }
.pimg3       { float:left; margin:0px; border:0; margin-left:100px;}
.pimg4       { float:left; margin:10px; }
.pimg5       { float:left; margin:0px; border:0; margin-left:10px;}
.pimg6       { float:left; margin:0px 0px 0px 15px; padding-left:20px; border:0; margin-left:10px;}
.pt          { padding-top:80px; text-align:center;}
.clearfloat  { clear:left; }

.table_p01     { width:850px; margin:0px; padding:10px; border-collapse:collapse; }
.table_p01 th  { padding:5px; text-align:center; }
.table_p01 td  { padding:5px; }

.table_sp     { width:190px; margin:0px; padding:10px; border-collapse:collapse; text-align:left; font-size:8pt;}
.table_sp th  { padding:2px; text-align:left; color:#cc9933; border:2px ridge #666633;}
.table_sp td  { padding:2px; text-align:left; color:#999966; border:2px ridge #666633;}

.table_sp2     { width:300px; margin:0px; margin-left: auto; margin-right:auto; padding:10px; border-collapse:collapse; text-align:center; font-size:8pt;}
.table_sp2 th  { padding:3px; text-align:left; color:#cc9933; border:2px ridge #666633;}
.table_sp2 td  { padding:3px; text-align:left; color:#999966; border:2px ridge #666633;}

.table_c01     { width:850px; margin:0px; padding:10px; border-collapse:collapse; }
.table_c01 th  { padding:5px; text-align:center; }
.table_c01 td  { padding:5px; text-align:left; }

.table_n     { width:700px; margin:0px; padding:5px; border-collapse:collapse; }
.table_n th  { padding:5px; text-align:left; color:#CC0000; }
.table_n td  { padding:5px; text-align:left; }

.table_p     { width:440px; margin-left: auto; margin-right:auto; margin:0px; border-collapse:collapse; }
.table_p th  { width:110px; height:110px; text-align:center; }
.table_p td  { width:110px; height:110px; text-align:center; }

.table_s02     { width:850px; margin:0px; border:0; }
.table_s02 th  { width:350px; text-align:center; vertical-align:top; }
.table_s02 td  { width:500px; text-align:center; vertical-align:top; }

.txtgry      { color: #CC9933; font-size:9pt; line-height: 20px !important; }
.txtgry2     { color: #999999; font-size:8pt; !important; }


.areaselect {
	font: normal normal 500 10px verdana;
	color: #808080;
	line-height: 18px !important;
	border-bottom:1px #666633 solid;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
	padding-top:10px;}
}

#tokyo {padding:0px; margin:0px 0px; }
#hokkaido {margin:0px; padding:0px;}
#tokai {margin:0px; padding:0px;}
#kinki {margin:0px; padding:0px;}
#kyusyu {margin:0px; padding:0px;}
#webshop {margin:0px; padding:0px;}

.dealers {
	font: normal normal 500 10px verdana;
	color: #808080;
	line-height: 18px !important;
	border-bottom:1px #666633 solid;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
	padding-top:10px;}
}

.tempo{ 
margin:5px 0px 5px 2px;
padding:2px 0px 2px 4px;
   }

.add{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:11px;
}

.mail{
margin:0px 0px 0px 5px;
padding:0px 0px 0px 3px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* シリーズTOP */
ul.icon li { list-style: none; margin: 5px;}
ul.icon li a { display: block; background: #000000; border: 0;}
ul.icon li a img { margin: 5px; opacity: 0.7; /* IE以外透過設定 */ filter: Alpha(opacity=70); /* IE用透過設定 */ }
ul.icon li a:hover { background: #000000; border: 0; }
ul.icon li a:hover img {opacity: 1; /* IE以外透過設定 */ filter: Alpha(opacity=100); /* IE用透過設定 */ }

.table_s01     { width:850px; margin:0px; border:0; }
.table_s01 th  { text-align:center; vertical-align:top; }
.table_s01 td  { text-align:center; vertical-align:top; }

