/* 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);

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

.navi {position: fixed;top: 100px; left: 20px;padding : 10px;z-index: 10000000001;}
.navi2 {position: fixed;bottom: 100px; left: 20px;padding : 10px;z-index: 10000000001;}
.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;}

.footer { clear: both; position: fixed; bottom: 15px; left: 20px; z-index: 10000000002;}

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

.sp_top {margin: 0px 0 0 -167px; 
	position: absolute;  
	top: 20%; 
	left: 50%; 
	width: 334px;
	height: auto;
	z-index: 2000;
	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_sub {font-family : "Oswald", sans-serif;font-size : 14px ;line-height : 18px ;letter-spacing: 0px ;font-weight: 400;color : #fff;text-align: left; text-justify: auto; text-shadow: 1px 1px 6px #000;opacity: 1;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}

p.top_title {font-family : "Oswald", sans-serif;font-size : 18px ;line-height : 24px ;letter-spacing: 0px ;font-weight: 700;color : #fff;text-align: left; text-justify: auto; text-shadow: 1px 1px 6px #000;opacity: 1;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}

p.top_logo {font-family : "Oswald", sans-serif;font-size : 24px ;line-height : 24px ;letter-spacing: 0px ;font-weight: 400;color : #fff;text-align: left; text-justify: auto; text-shadow: 1px 1px 6px #000;opacity: 1;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}

p.menu {font-family : "Oswald", sans-serif;font-size : 16px ;line-height : 30px ;letter-spacing: 1px ;font-weight: 400;color : #fff;text-align: left; text-justify: auto; text-shadow: 1px 1px 6px #000;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

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

p.menu3 {font-family : "Oswald", sans-serif;font-size : 12px ;line-height : 26px ;letter-spacing: 1px ;font-weight: 300;color : #fff;text-align: left; text-justify: auto; text-shadow: 1px 1px 3px #000;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.footer { 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; text-shadow: 1px 1px 3px #fff;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;
   }

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

@media only screen and (min-width:320px) and (max-width:650px) {
.credit {position: fixed;bottom: 12px; right: 30px;z-index: 10000000001;}
.ro {margin: 0px 0 0 -160px; 
	position: absolute;  
	top: 20%; 
	left: 50%; 
	width: 320px;
	height: auto;
	z-index: 2000;
	display: block;
}
.ro2 {margin: 0px 0 0 -160px; 
	position: absolute;  
	top: 20%; 
	left: 50%; 
	width: 320px;
	height: auto;
	z-index: 2000;
	display: block;
}
.look {margin: 0px 0 0 -160px;  
	position: absolute;  
	top: 15%; 
	left: 50%; 
	width: 320px;
	height: auto;
	z-index: 2000;
	display: block;
}

.past {margin: 120px 0 0 -170px; 
	position: absolute;  
	top: 0%; 
	left: 50%; 
	width: 340px;
	height: auto;
	z-index: 2000;
	display: block;
}
.past_web01 {position: absolute;top: 0px; left: 0px;}
.past_web02 {position: absolute;top: 0px; left: 115px;}
.past_web03 {position: absolute;top: 0px; left: 230px;}
.past_web04 {position: absolute;top: 1050px; left: 0px;}
.past_web05 {position: absolute;top: 1050px; left: 115px;}

p.past_title {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;width: 110px;}

p.past_fff {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;}}