a:link { text-decoration:none; color: #FFF;}
a:visited { text-decoration:none; color: #FFF;}
a:active { text-decoration:none; color: #FFF;}
a:hover { text-decoration:none; color: #FFF;}
a,p {
    color: #666666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.alpha a:hover p {
  opacity: 0.5;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
}
.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

.container{
 overflow: hidden;
 width:1280px;
}


body,
html {
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
background-color:#000;
}

body{
   font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#fff;
}

a,p,h {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin-top:0px;
    font-size: 9px; 
	font-weight: 100;
	letter-spacing:6px;
	color: #888888;
	margin-right:20px;
    z-index:5000;
}
.text01{
margin-left:0px;
margin-top:65px;
z-index:6000;
}

.style1 {
	text-align:center;
	color: #888888;
	font-family: 'Helvetica Neue',sans-serif;
	font-weight:200;
	letter-spacing: 0.5em;
	font-size: 16px;
	margin-top: -15px;
	margin-left: -120px;
	width:650px;
	height:auto;
}


.text02{
margin-bottom:50px;
margin-left:20px;
margin-top:60px;
z-index:6000;
}

.style2 {
	text-align:left;
	color: #888888;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight:100;
	letter-spacing: 0.5em;
	font-size: 12px;
	width:100%;
	height:auto;
}

.text03{
width:100%;
margin: 0 auto;
margin-left:20px;
margin-top:100px;
z-index:6000;
}

.style3 {
	text-align:left;
	color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.5em;
	font-size: 15px;
	width:100%;
	height:auto;
}
.text04{
width:100%;
margin: 0 auto;
margin-left:20px;
margin-top:30px;
margin-bottom:50px;
z-index:6000;
}

.style4 {
	text-align:left;
	color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.1em;
	line-height:40px;
	font-size: 12px;
	width:100%;
	height:auto;
}

.style5 {
	text-align:left;
	color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.1em;
	line-height:20px;
	font-size: 11px;
	width:100%;
	height:auto;
}
.style6 {
	text-align:center;
	color: #888888;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight:100;
	letter-spacing: 0.2em;
	line-height:40px;
	font-size: 12px;
	width:100%;
	height:auto;
}


.content-section-a {
	margin-bottom: 100px;
    padding: 0px 0;
	margin-top: -130px;
	margin-bottom: -50px;
    background-color: #000;
}

.box_posi {
	width:960px;
	margin: 0 auto;
	margin-top:300px;
	margin-bottom:300px;
	}
	
.main {
  text-align: center; 
  width: 100%; 
  height: auto; 
  z-index: 1;
  opacity:1;
  display: inline;
}

.main2 {
  display: none;

}

.main3 {
  display: none;

}


.box1 {	
text-align:center;
float: left;
width:240px; 
height:263px;
margin:5px; 
margin-top:70px;
margin-bottom:0px;
margin-left:65px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box2 {
text-align:center;
float: left;
width:240px; 
height:263px;
margin:5px; 
margin-top:70px;
margin-bottom:0px;
margin-left:15px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box3 {
text-align:center;
float: left;
width:240px; 
height:263px;
margin:5px; 
margin-top:70px;
margin-bottom:0px;
margin-left:15px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box4 {
text-align:center;
float: left;
width:240px; 
height:363px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:65px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box5 {
text-align:center;	
float: left;
width:240px; 
height:363px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:15px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box6 {
text-align:center;	
float: left;
width:240px; 
height:363px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:15px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

p.copyright {
   padding:0;
   font-size: 10.5px; 
   letter-spacing: 3px;
   font-weight: 100; 
   text-align:center;
 	color:#999999;
}






@media(max-width:1279px) {

 
 .container{
 overflow: hidden;
 width:100%;
}
	a,p,h {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}



.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin-top:0px;
    font-size: 8px; 
	font-weight: 100;
	letter-spacing:6px;
	color: #888888;
	margin-right:0px;
	margin-top: 15px;
    z-index:5000;
}


.content-section-a {
	margin-bottom: 100px;
    padding: 0px 0;
	margin-top: -130px;
	margin-bottom: 0px;
    background-color: #000;
}

.text01{
margin-left:20px;
margin-top:60px;
z-index:6000;
}

.style1 {
	text-align:left;
	margin-left:50px;
	color: #888888;
	font-family: 'Helvetica Neue',sans-serif;
	font-weight:200;
	letter-spacing: 0.5em;
	font-size: 14px;
	margin-top: -15px;
	width:600px;
	height:auto;
}

.main {
  display: none;
}

.main2 {
  text-align: center; 
  width: 100%; 
  height: auto; 
  z-index: 1;
  opacity:1;
  display: inline;
}

.main3 {
  display: none;
}

	
p.copyright {
   font-size: 12px; 
   letter-spacing: 3px;
   font-weight: 100; 
   text-align:center;
     	color:#999999;
}
}




@media (min-width: 768px) and (max-width: 1199px) {
 .row {
   width:100%;
 }

.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin-top:0px;
    font-size: 8px; 
	font-weight: 100;
	letter-spacing:5px;
	color: #888888;
	margin-right:0px;
	margin-top: 15px;
    z-index:5000;
}

.box_posi {
	width:760px;
	margin: 0 auto;
	margin-top:300px;
	}
.text01{
margin-left:20px;
margin-top:63px;
z-index:6000;
}

.style1 {
	text-align:left;
	margin-left:30px;
		color: #888888;
	font-family: 'Helvetica Neue',sans-serif;
	font-weight:200;
	letter-spacing: 0.5em;
	font-size: 14px;
	width:380px;
	height:auto;
}

.text02{
margin-left:20px;
margin-top:60px;
z-index:6000;
}

.style2 {
	text-align:left;
	color: #888888;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight:100;
	letter-spacing: 0.5em;
	font-size: 11px;
	width:100%;
	height:auto;
}

.text03{
width:100%;
margin: 0 auto;
margin-left:20px;
margin-top:100px;
z-index:6000;
}

.style3 {
	text-align:left;
		color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.5em;
	font-size: 14px;
	width:100%;
	height:auto;
}
.text04{
width:100%;
margin: 0 auto;
margin-left:20px;
margin-top:30px;
margin-bottom:50px;
z-index:6000;
}

.style4 {
	text-align:left;
		color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.1em;
	line-height:35px;
	font-size: 11px;
	width:100%;
	height:auto;
}

.main {
  display: none;
}

.main2 {
  text-align: center; 
  width: 100%; 
  height: auto; 
  z-index: 1;
  opacity:1;
  display: inline;
}

.main3 {
  display: none;
}

.box1 {	
text-align:center;
float: left;
width:240px; 
height:263px;
margin:5px; 
margin-top:70px;
margin-bottom:0px;
margin-left:65px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box2 {
text-align:center;
float: left;
width:240px; 
height:263px;
margin:5px; 
margin-top:70px;
margin-bottom:0px;
margin-left:55px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box3 {
text-align:center;
float: left;
width:240px; 
height:263px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:55px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box4 {
text-align:center;
float: left;
width:240px; 
height:363px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:65px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box5 {
text-align:center;	
float: left;
width:240px; 
height:363px;
margin:5px; 
margin-top:-150px;
margin-bottom:0px;
margin-left:55px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box6 {
text-align:center;	
float: left;
width:240px; 
height:363px;
margin:5px; 
margin-top:-150px;
margin-bottom:0px;
margin-left:65px;
padding-left:60px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	


}



@media(max-width:767px) {
	
a,p,h {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin-top:0px;
    font-size: 8px; 
	font-weight: 100;
	letter-spacing:6px;
	color: #888888;
	margin-right:0px;
    z-index:5000;
	
}

.content-section-a {
	margin-bottom: 0px;
    padding: 0px 0;
	margin-top:0px;
    background-color: #000;
}

.text01{
margin-left:20px;
margin-top:65px;
z-index:6000;
}

.style1 {
	text-align:left;
	margin-left:25px;
	margin-top:-15px;
	color: #888888;
	font-family: 'Helvetica Neue',sans-serif;
	font-weight:200;
	letter-spacing: 0.4em;
	margin-top: -35px;
	line-height:normal;
	font-size: 12px;
	width:150px;
	height:auto;
}

.text02{
margin-left:0px;
margin-top:120px;
z-index:6000;
}

.style2 {
	text-align:center;
	color: #888888;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight:100;
	letter-spacing: 0.5em;
	font-size: 11px;
	width:100%;
	height:auto;
}

.box_posi {
	width:230px;
	margin: 0 auto;
	}



.text03{
width:100%;
margin: 0 auto;
margin-left:0px;
margin-top:100px;
z-index:6000;
}

.style3 {
	text-align:left;
		color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.5em;
	font-size: 12px;
	width:100%;
	height:auto;
}
.text04{
width:100%;
margin: 0 auto;
margin-left:0px;
margin-top:30px;
margin-bottom:50px;
z-index:6000;
}

.style4 {
	text-align:left;
		color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.1em;
	line-height:20px;
	font-size: 9px;
	width:100%;
	height:auto;
}

.style5 {
	text-align:left;
	color: #888888;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:100;
	letter-spacing: 0.1em;
	line-height:20px;
	font-size: 10px;
	width:100%;
	height:auto;
}
.style6 {
	text-align:center;
	color: #888888;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight:100;
	letter-spacing: 0.2em;
	line-height:40px;
	font-size: 11px;
	width:100%;
	height:auto;
}

.main {
  display: none;
}

.main2 {
  display: none;
}

.main3 {
  text-align: center; 
  width: 100%; 
  height: auto; 
  z-index: 1;
  opacity:1;
  display: inline;
}

.box1 {	
text-align:center;
float: left;
width:230px; 
height:233px;
margin:5px; 
margin-top:70px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box2 {
text-align:center;
float: left;
width:230px; 
height:233px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box3 {
text-align:center;
float: left;
width:230px; 
height:233px;
margin:5px; 
margin-top:-50px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box4 {
text-align:center;
float: left;
width:230px; 
height:233px;
margin:5px; 
margin-top:-50px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box5 {
text-align:center;	
float: left;
width:230px; 
height:233px;
margin:5px; 
margin-top:-50px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

.box6 {
text-align:center;	
float: left;
width:230px; 
height:233px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 	

p.copyright {
   font-size: 8px; 
   letter-spacing: 3px;
   font-weight: 100; 
   text-align:center;
   color:#999999;
}
}

footer {
    padding-bottom: 30px;
    background-color: #000;
}