/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body{font: 12px/1.1;letter-spacing: 1px;line-height : 22px ;font-weight: 400;background: #002;}
p{line-height:1.6;}
/* Example page */
strong{font-weight: bold;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
@import url('//fonts.googleapis.com/css?family=PT+Mono');

.ms-section{text-align: center;}

a:link{ color : #fff; text-decoration : underline ;}
a:hover{ color : #fff; text-decoration : underline ;}
a:active{ color : #fff; text-decoration : underline ;}
a:visited{ color : #fff; text-decoration : underline ;}

a.no:link{ color : #fff; text-decoration : none ;}
a.no:hover{ color : #fff; text-decoration : none ;}
a.no:active{ color : #fff; text-decoration : none ;}
a.no:visited{ color : #fff; text-decoration : none ;}

a.bl:link{ color : #000; text-decoration : none ;}
a.bl:hover{ color : #000; text-decoration : none ;}
a.bl:active{ color : #000; text-decoration : none ;}
a.bl:visited{ color : #000; text-decoration : none ;}

.sidelogo { position: fixed; top: 182px; left: -158px; z-index: 10000000002;
-moz-transform:    rotate( 90deg );  /* Firefox用 */
-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 90deg );  /* 古いOpera用 */
-ms-transform:     rotate( 90deg );  /* IE9用 */
transform:         rotate( 90deg );  /* CSS3の書き方 */}
.sidelogo_sp { position: fixed; top: 230px; left: -210px; z-index: 10000000002;
-moz-transform:    rotate( 90deg );  /* Firefox用 */
-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 90deg );  /* 古いOpera用 */
-ms-transform:     rotate( 90deg );  /* IE9用 */
transform:         rotate( 90deg );  /* CSS3の書き方 */}
.navi {position: fixed;bottom: 10px; left: 40px;z-index: 100000000000000000000000000;}
.head {margin: 110px 0 0 -320px; 
	position: absolute;  
	top: 0%; 
	left: 60%; 
	width: 640px;
	height: auto;
	z-index: 2000;
	display: block;
}

.past_web01 {position: absolute;top: 0px; left: 0px;}
.past_web02 {position: absolute;top: 0px; left: 150px;}
.past_web03 {position: absolute;top: 0px; left: 300px;}
.past_web04 {position: absolute;top: 0px; left: 500px;}
.past_web05 {position: absolute;top: 0px; left: 650px;}

#tb { border-collapse: collapse;} 
#tb TD { vertical-align: top;padding: 10px 2px 0px 2px;} 

#tb2 { border-collapse: collapse;} 
#tb2 TD { vertical-align: top;text-algn:left;} 

.click {position: fixed;bottom: 44px; right: 60px;z-index: 10000000001;}
.click2 {position: fixed;bottom: 10px; right: 20px;z-index: 10000000001;}  
.sp_top {margin: 0px 0 0 -167px; 
	position: absolute;  
	top: 20%; 
	left: 50%; 
	width: 334px;
	height: auto;
	z-index: 2000;
	display: block;
}

.vimeo {margin: 200px 0 0 -320px; 
	position: absolute;  
	top: 50%; 
	left: 0%; 
	width: 640px;
	height: 360px;
	z-index: 10000000000000000000000000003;
	display: block;
}

.past {margin: 140px 0 0 -380px; 
	position: absolute;  
	top: 0%; 
	left: 50%; 
	width: 760px;
	height: auto;
	z-index: 2000;
	display: block;
}
.mov {margin: 240px 0 0 -250px; 
	position: absolute;  
	top: 0%; 
	left: 50%; 
	width: 500px;
	height: auto;
	z-index: 2000;
	display: block;
}
.mov_sp {margin: 100px 0 0 -160px; 
	position: absolute;  
	top: 0%;
	left: 50%; 
	width: 320px;
	height: auto;
	z-index: 2000;
	display: block;
}

p.top_logo {font-family : "Oswald", sans-serif;font-size : 20px ;line-height : 0px ;letter-spacing: 0px ;font-weight: 400;color : #fff;text-align: left; text-justify: auto;text-shadow: 1px 1px 1px #002;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
p.season {font-family: 'PT Mono', monospace;font-size : 12px ;line-height : 0px ;letter-spacing: 1px ;color : #fff;text-align: left; text-justify: auto;text-shadow: 1px 1px 1px #002;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
p.menu {font-family: 'PT Mono', monospace;font-size : 12px ;line-height : 18px ;letter-spacing: 1px ;color : #fff;text-align: left; text-justify: auto;text-shadow: 1px 1px 1px #002;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
p.menu2 {font-family: 'PT Mono', monospace;font-size : 12px ;line-height : 20px ;letter-spacing: 0px ;color : #fff;text-align: left; text-justify: auto;text-shadow: 1px 1px 1px #002;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
p.menu3 {font-family: 'PT Mono', monospace;font-size : 12px ;line-height : 44px ;letter-spacing: 0px ;color : #fff;text-align: left; text-justify: auto;text-shadow: 1px 1px 1px #002;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

p.menu4 {font-family : "Oswald", sans-serif;font-size : 12px ;line-height : 26px ;letter-spacing: 1px ;font-weight: 300;color : #fff;text-align: justify; text-justify: auto; text-shadow: 1px 1px 3px #000;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

p.foot {font-family: 'PT Mono', monospace;font-size : 8px ;line-height : 18px ;letter-spacing: 0px ;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;text-shadow: 1px 1px 1px #002;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

p.footer_bl { font-family : "Oswald", sans-serif;font-size : 10px ;padding : 0px ;line-height : 18px ;letter-spacing: 0px ;font-weight: 400;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left; text-shadow: 1px 1px 3px #000;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

p.past_title {font-family : "Oswald", sans-serif;font-size : 12px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 300;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left; text-justify: auto;width: 110px;}

p.past_000 {font-family : "Oswald", sans-serif;font-size : 12px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 300;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left; text-justify: auto;}




p.sub { font-family : "Oswald", sans-serif;font-size : 26px ;padding : 0px ;line-height : 34px ;letter-spacing: 0px ;font-weight: 700;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.menu_sp {font-family : "Oswald", sans-serif;font-size : 12px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 300;color : #000;text-align: left; text-justify:}

p.menu_sp2 {font-family : "Oswald", sans-serif;font-size : 12px ;line-height : 22px ;letter-spacing: 1px ;font-weight: 300;color : #000;text-align: left; text-justify:}

p.tx18 { font-family : "Oswald", sans-serif;font-size : 18px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: right; text-justify: auto;}

p.tx16 { font-family : "Oswald", sans-serif;font-size : 16px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: right; text-justify: auto;}

p.tx14 { font-family : "Oswald", sans-serif;font-size : 14px ;padding : 0px ;line-height : 16px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: right; text-justify: auto;}

p.tx14_l { font-family : "Oswald", sans-serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 300;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: right; text-justify: auto;}

p.intro { font-family : "Oswald", sans-serif;font-size : 14px ;padding : 30px ;line-height : 24px ;letter-spacing: 1px ;font-weight: 400;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;background-color: #000;
filter: alpha(opacity=80);
     -moz-opacity:0.80;
     -khtml-opacity: 0.80;
     opacity:0.80;}

p.tx12 { font-family : "Oswald", sans-serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx12-serif { font-family: 'Georgia', 'Times New Roman', 'Times', serif;font-size : 12px ;padding : 0px ;line-height : 20px ;letter-spacing: 1px ;font-weight: 600;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: justify; text-justify: auto;}

p.tx10 { font-family : "Oswald", sans-serif;font-size : 10px ;padding : 0px ;line-height : 18px ;letter-spacing: 0px ;font-weight: 400;color : #000;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left;}


li {list-style-type: none;}
ul li {display: inline;}
img {border: 0px;}

.k {border : 1px solid #ccc;
background-color: #fff;}

.k_red {border : 1px solid #f36;
background-color: #fff;}

.k_no {border : 1px solid #fff;
background-color: #fff;}

.nobr {display: inline;}
.r {float: right;}
.c {text-align: center;}
.ri {text-align: right;}

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

.os {text-decoration: underline ;text-decoration-color: #fff ;}

.fixed {
   position:fixed;
   top: 0px;
   bottom: 0px; 
   overflow: scroll!important;
   margin: 0 auto;
   text-align: center;
   z-index: 1000000;}
     
.back  {
   position:fixed;
   top: 75px;
   left: 20px;
   text-align: left;
   font-family: 'Oswald', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000; z-index: 1000001;}
   
.prev  {
   position:fixed;
   top: 75px;
   right: 20px;
   text-align: right;
   font-family: 'Oswald', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000; z-index: 1000001;}

.next  {
   position:fixed;
   top: 75px;
   right: 20px;
   text-align: right;
   font-family: 'Oswald', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000; z-index: 1000001;}
   
.pgtop { position: fixed; bottom: 10px; right: 10px; text-align: right;
   font-family: 'Oswald', sans-serif; font-size : 12px ;padding : 0px ;line-height : 12px ;letter-spacing: 1px ;font-weight: 400;color : #000; z-index: 1000001;}



   
/* Style for our header texts

	/* Common styles
	* --------------------------------------- */
	img{
	    -webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;
	}

	.wrap{
		width: auto;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

.vimeo{margin: 100px 0 0 -320px; 
	position: absolute;  
	top: 0%; 
	left: 50%; 
	width: 640px;
	height: auto;
	z-index: 2000;
	display: block;
z-index: 99999999999999999999999999999999999999999999999999999999999999;}

.vimeo_close{margin: 460px 0 0 -320px; 
	position: absolute;  
	top: 0%; 
	left: 50%; 
	width: 640px;
	height: auto;
	z-index: 2000;
	display: block;
z-index: 99999999999999999999999999999999999999999999999999999999999999;}

	/* Section 0
	* --------------------------------------- */
	#section0{
		padding: 0px 0;
	}
	#section0 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 1
	* --------------------------------------- */
	#section1{
		padding: 0px 0;
	}
	#section1 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 2
	* --------------------------------------- */
	#section2{
		padding: 0px 0;
	}
	#section2 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 3
	* --------------------------------------- */
	#section3{
		padding: 0px 0;
	}
	#section3 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}

	/* Section 4
	* --------------------------------------- */
	#section4{
		padding: 0px 0;
	}
	#section4 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 5
	* --------------------------------------- */
	#section5{
		padding: 0px 0;
	}
	#section5 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 6
	* --------------------------------------- */
	#section6{
		padding: 0px 0;
	}
	#section6 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 7
	* --------------------------------------- */
	#section7{
		padding: 0px 0;
	}
	#section7 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 8
	* --------------------------------------- */
	#section8{
		padding: 0px 0;
	}
	#section8 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 9
	* --------------------------------------- */
	#section9{
		padding: 0px 0;
	}
	#section9 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}

	/* Section 10
	* --------------------------------------- */
	#section10{
		padding: 0px 0;
	}
	#section10 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 11
	* --------------------------------------- */
	#section11{
		padding: 0px 0;
	}
	#section11 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 12
	* --------------------------------------- */
	#section12{
		padding: 0px 0;
	}
	#section12 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 13
	* --------------------------------------- */
	#section13{
		padding: 0px 0;
	}
	#section13 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
	
	/* Section 14
	* --------------------------------------- */
	#section14{
		padding: 0px 0;
	}
	#section14 img{
	margin: 0 0 0 0px; 
	position: absolute;  
	top: 0%; 
	left: 0%; 
	width: 100%;
	height: auto;
	}
p.prefix_sample1 img {
-moz-transform:    rotate( -5deg );  
-webkit-transform: rotate( -5deg );  
-o-transform:      rotate( -5deg );  
-ms-transform:     rotate( -5deg );  
transform:         rotate( -5deg );  
}
p.prefix_sample2 img {
-moz-transform:    rotate( 5deg );  
-webkit-transform: rotate( 5deg );  
-o-transform:      rotate( 5deg );  
-ms-transform:     rotate( 5deg );  
transform:         rotate( 5deg );  
}

/*-------------------------------
colorbox
-------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay{background:#002; opacity: 1; filter: alpha(opacity = 100);}
#colorbox{outline:0;}
    #cboxContent{margin-top:50px; overflow:visible; background:#002;}
        .cboxIframe{background:#003;}
        #cboxError{padding:50px; border:0px;}
        #cboxLoadedContent{background:#003; padding:0px;}
        #cboxLoadingGraphic{background:url(../img/img-loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#003;}
        #cboxTitle{position:absolute; top:-40px; left:0; font-family : 'PT Mono', monospace;font-size : 12px ;line-height : 0px ;letter-spacing: 1px ;color : #fff;word-wrap : break-word ;text-overflow : ellipsis ;text-align: left; text-justify: auto;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:50; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/*-------------------------------
sp
-------------------------------*/
@media only screen and (max-width: 479px) {
	
.vimeo_close{margin: 360px 0 0 -140px; 
	position: absolute;  
	top: 0%; 
	left: 50%; 
	width: 280px;
	height: auto;
	z-index: 2000;
	display: block;
z-index: 99999999999999999999999999999999999999999999999999999999999999;}
}