* { margin:0px; padding:0px; }

body {
 margin:0px;
 padding:0px;
 font: normal small/150% Arial, "ＭＳ Ｐゴシック", Osaka;
 color: #333;
 text-align:left;
 background:#ebebe0;
}

img { border:none; }
.imgL { float:left; margin:0px 10px 10px 0px; }
.imgR { float:right; margin:0px 0px 10px 10px; }
.imgM { vertical-align:middle; }

a,
a:link,
a:visited { text-decoration:none; color:#8f8f70; }
a:active,
a:hover { color:#f33; text-decoration:underline; }

h1 { margin: 0 auto; padding:5px 0; text-align:left; font: normal 10px/100% sans-serif; width:900px; }
h2 { margin: 0 0 20px; padding: 5px 0 10px 70px; font-size:large; letter-spacing:0.8em; color:#579434; height:25px; background:url(images/bg_h2.gif) no-repeat left bottom; }
h3 { clear:both; margin: 10px 0; padding: 30px 0 10px; font-size:medium; color:#579434; border-bottom:1px solid #ccc; }
h4 { clear:both; margin: 10px 0; padding: 10px 0 10px; font-size:small; color:#579434; }
h5 { clear:both; margin: 5px 0; padding: 5px 0; font-size:small; color:#579434; border-bottom:1px dotted #ccc; }

p { margin:0; padding: 0 0 15px; }
blockquote { margin-bottom:20px; padding:10px; border:1px solid #ccc; }
.cookietrail { margin:0; padding: 0px 10px 10px; font-size:x-small; color:#579434; }

ul { margin: 0px 5px 5px 20px; padding: 10px; }
ul li { padding-bottom: 5px; }
ol { margin: 0px 5px 5px 30px; padding: 10px; }
ol li { padding-bottom: 5px; }

dl { margin:0; padding: 0px 10px; }
dt { padding:0; font-weight:bold; color:#a0a021; }
dd { padding: 0 0 20px 20px; }

table { margin: 0 0 10px; line-height:120%; border-collapse:collapse; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
th { padding:5px; text-align:left; font-weight:bold; vertical-align:top; white-space:nowrap; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#efefef; }
td { padding:5px; vertical-align:top; border-top:1px solid #ccc; border-left:1px solid #ccc; }

.C { text-align:center; }
.L { text-align:left;}
.R { text-align:right;}
.red { color:#f00; }
.green { color:#399; }
.txtL { font-size:large; }
.txtS { font-size:x-small; color:#666; font-weight:normal; }
.extended { clear:both; text-align:right; }
.goTop { clear:both; margin:0; padding: 10px 20px; font-size:x-small; text-align:right; background:url(images/bg_goTop.gif) no-repeat bottom; }
.clear { clear:both; margin:0; padding:0; font: normal 0px/0% sans-serif; }


/* -- container ------------------------------------------------------------------------------ */
#container { margin: 0 auto 10px; padding:0; text-align:left; width:900px; background:url(images/bg.gif) repeat-y; }
#wrapper { clear:both; margin:0; padding: 20px 20px 0; }


/* -- header ------------------------------------------------------------------------------ */
#header { margin: 0 auto; padding: 20px 20px 0; text-align:left; width:860px; background:url(images/bg_head.gif) no-repeat left top; }
#header .hL { float:left; margin:0; padding:0; width:350px; }
#header .hR { float:right; margin:0; padding: 10px 0 0; width:300px; font: normal 12px/140% sans-serif; color:#663; text-align:center; }


/* -- gnavi ------------------------------------------------------------------------------ */
#gnavi { margin: 0; padding: 0 0 15px 120px; width:740px; height:50px; background:url(images/bg_gnavi.gif) repeat-x left top; }
#gnavi ul { margin:0; padding:0; list-style:none; }
#gnavi ul li { margin:0; padding:0; float:left; background:none; }

#gnavi ul li.spec a { display:block; height:50px; width:150px; background:url(images/gnavi.gif) no-repeat 0px 0px; }
#gnavi ul li.spec a:hover { background:url(images/gnavi.gif) no-repeat -0px -50px; }

#gnavi ul li.case a { display:block; height:50px; width:150px; background:url(images/gnavi.gif) no-repeat -150px 0px; }
#gnavi ul li.case a:hover { background:url(images/gnavi.gif) no-repeat -150px -50px; }

#gnavi ul li.price a { display:block; height:50px; width:150px; background:url(images/gnavi.gif) no-repeat -300px 0px; }
#gnavi ul li.price a:hover { background:url(images/gnavi.gif) no-repeat -300px -50px; }

#gnavi ul li.other a { display:block; height:50px; width:150px; background:url(images/gnavi.gif) no-repeat -450px 0px; }
#gnavi ul li.other a:hover { background:url(images/gnavi.gif) no-repeat -450px -50px; }

.kino #gnavi ul li.spec a { background:url(images/gnavi.gif) no-repeat -0px -50px; }
.seko #gnavi ul li.case a { background:url(images/gnavi.gif) no-repeat -150px -50px; }
.kakaku #gnavi ul li.price a { background:url(images/gnavi.gif) no-repeat -300px -50px; }
.others #gnavi ul li.other a { background:url(images/gnavi.gif) no-repeat -450px -50px; }
	

/* -- main ------------------------------------------------------------------------------ */
#main { float:right; width:600px; }

.boxL { float:left; width:295px; }
.boxR { float:right; width:295px; }

.inqbtn { margin-top: 50px; text-align:center; }
.inqbtn fieldset { padding:15px; border:1px solid #ccc; }
.inqbtn legend { padding: 0 10px; font-weight:bold; color:#c63d3d; }
.inqbtn input { margin:30px; padding:15px; border:1px solid #ccc; cursor:pointer; }

.galleria { margin:0; padding:0; list-style:none; float:left; width:200px; }
.galleria li { display:block; width:40px; height:40px; overflow:hidden; float:left; margin:0 5px 5px 0; border:1px solid #ccc; }
.galleria li a { display:none; }
.galleria li div { display:none; top:0; left:200px; }
.galleria li div img { cursor:pointer; }
.galleria li.active div img,
.galleria li.active div { display:block; }
.galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
.caption { display:none; }
* html .galleria li div span { width:400px; } /* MSIE bug */
.galleria_container { margin:0; height:320px; width:360px; float:right; text-align:center; }
.galleria_container img { border:1px solid #ccc; }

.sekoBox { float:left; width:290px; margin-left:5px; }

#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: 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; }


/* -- navi ------------------------------------------------------------------------------ */
#navi { float:left; width:220px; }

#navi ul { margin:0; padding:0; }
#navi li { margin:0; padding:0; list-style:none; background:none; }

#navi li a,
#navi li a:link,
#navi li a:visited { display:block; padding: 10px 0 10px 30px; color:#333; font-weight:bold; width:190px; height:25px; text-decoration:none; border-top:1px solid #ccc; background:url(images/square_off.gif) no-repeat -22px -5px; }
#navi li a:active,
#navi li a:hover { color:#a0a021; text-decoration:underline; background:url(images/square_on.gif) no-repeat -22px -5px; }

#kino a#kino-0,
#seko a#seko-0,
#kakaku a#price-0,
#kakaku a#eco-0,
#others a#others-0,
#faq a#faq-0,
#inq a#inq-0,
#corp a#corp-0 { color:#a0a021; background:url(images/square_on.gif) no-repeat -22px -5px; }

#navi li ul { margin:0; padding:0; }
#navi li li a,
#navi li li a:link,
#navi li li a:visited { padding: 5px 0 7px 40px; font-size:95%; color:#333; font-weight:normal; border:none; width:180px; height:20px; background:none; }
#navi li li a:active,
#navi li li a:hover { color:#a0a021; background:url(images/square_on.gif) no-repeat -12px -9px; }

#kino1 a#kino-1,
#kino2 a#kino-2,
#kino3 a#kino-3,
#kino4 a#kino-4,
#seko1 a#seko-1,
#seko2 a#seko-2,
#kakaku1 a#price-1,
#kakaku2 a#eco-1 { color:#a0a021; background:url(images/square_on.gif) no-repeat -12px -9px; }



/* -- foot ------------------------------------------------------------------------------ */
#footer { margin:0; padding: 10px 0; font: normal 10px/150% sans-serif; color:#999; text-align:center; background:url(images/bg_footer.gif) no-repeat bottom; }
#footer p { clear:both; margin:0; padding: 10px 0 30px; }

#footer ul { margin: 0 0 5px; padding:0; list-style:none; text-align:center; }
#footer ul li { margin:0; padding: 0 5px; display:inline; background:none; }