@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 12px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo, "ＭＳ Ｐゴシック","MS PGothic",  Helvetica, Arial, sans-serif;
	 margin:0; padding: 0; background: #000; color:#FFF; letter-spacing:0.1em; }

	 
a       { text-decoration: none; color:#FFF; }
a:hover { text-decoration: underline; color:#999; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; } 
:focus { outline: 0; }

body, x:-moz-any-link    { letter-spacing:0.05em; } /*Firefox 1.5, 2.0以降*/
*:first-child+html #toppages, x:-moz-read-only{ letter-spacing:0.1em; }/*IE7にも適用されるのでHACK*/

/* main-layout
==========================================================*/

body { }
#toppages { }
#wrapper  { }
.wrap{ margin:0 auto; width:980px; }
.wrapInner{ }
#grid{ }


@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) {
#toppages { min-width:1024px;}
}


/* content
==========================================================*/
#Container{ } 

.pages{}
.ContentInner{}
.ContentInnerBlock{}

.h1tt{ position:absolute; text-indent:-999em;  }
.ttlbox{ line-height:1em; padding-bottom:15px; margin-bottom:60px; border-bottom:1px solid #bfbfbf; }
	



/* 2: layout
----------------------------------------------------------------------------------------------*/


#index-ContainerInner{ margin: 3% 2%; }
#index-Container{ font-size:0; line-height:1; }
#index-Container #Grid-Container { position:relative; margin: 0 auto; }
#index-Container #Grid-Container ul{ margin: 0 auto; }
#index-Container #Grid-Container ul li { width:200px; }
	#index-Container #Grid-Container .grid-item{ }
	#index-Container #Grid-Container .stamp { position: absolute; }
	#index-Container #Grid-Container .stamp1 { left:0; top:0; width:199px; height:139px; z-index:9; }
	#index-Container #Grid-Container .stamp2 { left:0; top:140px; width:199px; height:420px; }
	


/*
#Slide_overlay{
	background:#000;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	overflow:hidden;
	display:none;
}


#Slide-Container { position: absolute; width:100%; overflow:hidden;}
#Slide-Container .sliderbox { margin: 0 auto; }
#Slide-Container .bx-viewport {
  overflow: visible !important;
}
#Slide-Container .main-container { overflow: hidden; }


.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	min-height:700px;
	padding: 0;
	*zoom: 1;
	overflow:hidden;
}

.bx-wrapper img {
	min-width: 467px;
	display: block;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../js/bx_loader.gif) center center no-repeat #000;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
*/
.CloseContainer{ position:fixed; background:#000; width:100%; bottom:0px; }
.CloseInner{ text-align:center; padding:5px;}

/* pages
==========================================================*/



#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../js/supersized/img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../js/supersized/img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }





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