/* 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: #000;}
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');

a:link{ color : #fff; text-decoration : underline ;}
a:hover{ color : #fff; text-decoration : underline ; background: #333;}
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 ;}

.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;}

.title2017aw
{
position: fixed;
  width: 2000px;
  top: 0px;
  left: 0px;
  padding : 40px;
  z-index: 1001;
}
.title2017aw2
{
position: fixed;
  width: 2000px;
  top: 32px;
  left: 0px;
  padding : 40px;
  z-index: 1001;
}
.title2017aw3
{
position: fixed;
  width: 2000px;
  top: 60px;
  left: 0px;
  padding : 40px;
  z-index: 1001;
}
.title2017awback
{
position: fixed;
  width: 166px;
  top: 560px;
  left: 0px;
  padding : 40px 0 0 40px;
  z-index: 999999999998;
}
.navi {position: fixed;bottom: 10px; left: 40px;z-index: 100000000000000000000000000;}
#tb2 { border-collapse: collapse;z-index: 100000000000000000000000000;} 
#tb2 TD { vertical-align: top;text-algn:left;} 

.nobr {display: inline;}
.wrap {
   width: 100%;
   top: 0px;
   margin: 0 auto;
   text-align: center;
   }
.head {margin: 110px 0 0 -320px; 
	position: absolute;  
	top: 0%; 
	left: 60%; 
	width: 640px;
	height: auto;
	z-index: 2000;
	display: block;
}

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.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;}

/*-------------------------------
colorbox
-------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999999999; 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:#002;}
        #cboxError{padding:50px; border:0px;}
        #cboxLoadedContent{background:#002; padding:0px;}
        #cboxLoadingGraphic{background:url(../img/img-loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#002;}
        #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) {
	
}