* {margin: 0; padding: 0; outline: 0;}


/* @font-face  */

@font-face {
	font-family: 'Gotham_Light';
	src: url('../fonts/Gotham_Light.eot');
	src: local('Gotham_Light'), 
	url('../fonts/Gotham_Light.woff') format('woff'), 
	url('../fonts/Gotham_Light.ttf') format('truetype'), 
	url('../fonts/Gotham_Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Gotham_Bold';
	src: url(../fonts/Gotham_Bold.eot);
	src: local('Gotham_Bold'), 
	url('../fonts/Gotham_Bold.woff') format('woff'), 
	url('../fonts/Gotham_Bold.ttf') format('truetype'), 
	url('../fonts/Gotham_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Gotham_Thin';
	src: url(../fonts/Gotham_Bold.eot);
	src: local('Gotham_Thin'), 
	url('../fonts/Gotham_Thin.woff') format('woff'), 
	url('../fonts/Gotham_Thin.ttf') format('truetype'), 
	url('../fonts/Gotham_Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body {
	/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
	color: #e5e5e5;
	font-size: 11px;
	background:#ffffff;


	
}


h1, h2, h3 {
	font-family: 'Gotham_Bold' ;

	font-weight: 300;
	margin:0 0 15px 0;
}


h1 {font-family: 'Gotham_Bold' ;x
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 100%;
}


h2 {
	font-size: 15px;
}


h3{
	font-size: 13px;
}




h3{
	font-size: 14px;
	  margin: 0;
  background-color: rgb(221,221,221);
  color:#000;
}

h3 a {
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #000000;
  text-decoration: none;
  font-weight: normal;

}
h3:hover { background: rgb(200,200,200); }
h3.open  { background: rgb(150,150,150); }
h3.open a { background-position: 13px -25px; color: #FFF}
h3 + div { padding: 10px; }


/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
    background-color: rgb(255,255,255);

}


#custom_s{ width:1024px;
position:relative;
height:1000px;
margin:0 auto;
padding:0
		
	
	
}



h9{font-size: 14px;
	  margin: 0;
  color:#ffffff;
	
	
	
	
}

#custom_01{
	left: -12px;
	top: 91px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);
	}

#custom_01_w{
	left: -11px;
	top: 162px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 345px;
	background: #FFF;
	}
	
#custom_02{
	left: 330px;
	top: 91px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);
	}

#custom_02_w{
	left: 330px;
	top: 161px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 345px;
	background: #FFF;
	}


#custom_03{
	left: 673px;
	top: 91px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);
	}

#custom_03_w{
	left: 673px;
	top: 161px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 345px;
	background: #FFF;
	}
	
	
	#custom_04{
	left: -11px;
	top: 506px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 75px;
	background: rgb(150,150,150);
	}

#custom_04_w{
	left: -11px;
	top: 577px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
	height: 350px;
	background: #FFF;
	}
	







#custom-show-hide-example{
	left: -12px;
	top: 506px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
}

#custom-show-hide-example02{
	left: 343px;
	top: 506px;
	width: 260px;
	position: absolute;
	width: 341px;
	font-size: 15px;
}

#custom-show-hide-example03{
	left: 773px;
	top: 536px;
	position: absolute;
	width: 341px;
	font-size: 15px;
}

.project{
	padding : 10px 15px 10px 33px
	
	
	
}






























h4 { font-family: 'Gotham_Light';
     font-size:25px;
}

h5{  font-family: 'Gotham_Thin';
	font-size:25px;
	
}
	
	
	

p {
	margin: 0 0 15px 0;
		line-height:23px;
}

a {
	color: #3e3e3e;
}



.clear {
	clear: both;
}
.wrap {
	width: 100%;
	max-width: 1024px; /*全体の幅*/
	min-width: 960px;
	z-index: 10;
	position: relative  ;
	margin: 0 auto;
	padding: 0;

}


.text{
	text-align: left;
	position:absolute;
	
	
	
}

.section {
	width: 100%;
	/*max-width: 1900px;
	min-width: 960px;*/
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	height: 900px;
}


.inner {
	width: 1000px; /*メニュー全体の幅（ボタンの幅が変わる）*/
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 14px;
	font-family: 'gotham_light';
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.subMenu {
	height: 27px; /*メニューバックグラウンドの幅*/
	z-index: 1000;
	width: 100%;
	/*メdisplay:none;*/
	background:#fff; 
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
	
}


.subNavBtn {
	display: block;
	height: 20px;  /*メニューの幅*/
	width: 16%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	padding: 7px 2% 0 2%;/*メニューの枠と文字の調整*/
	text-align: center;
	color: #000 ;
}
.subMenu a:hover {
	background:#e6e6e6; 
}

.active {
	background:#e6e6e6; 
}
.end {
	margin: 0;
}


.window{
	
}

/* SECTIONS */
.sTop {
	min-height: 130px;
	background:#ffffff;  /*delete this code to activate slideshow*/
	color:#3d3d3d;
	padding: 50px 0;
	height: 900px;
	
}

.s1 {
	background:#e6e6e6;
	color: #000; /* テキストカラー*/
	
}


.s2 {
	background: #FFFFFF;
	color: #000; 
}
.s2 a {
	color: #fff;
}
.s3 {
	background:#e6e6e6;
	color: #000; 
	height: 1000px;   /*This is the one that you have to change.*/ 
}

.s4 {
	background: #ffffff;
	color: #000; 
	height: 1300px;
}

/*

.s5 {
	background: #bce1f1;
	color: #3d3d3d;
}

.s6 {
	background: #161616;
}


*/


.t1 {
	left: 12px;
	top: 65px;
	width: 304px;
	height: 269px;
}
.t2 {
	left: 358px;
	top: 97px;
left; 																																																																																																																																																																																																																																																																																																																																																																										width: 300px;
	height: 154px;
}
.t2s{
	left: 703px;
	top: 97px;
left; 																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																width: 308px;
	height: 154px;

	
	
	
	
}
	

.t3 {
	left: 12px;
	top: 433px;
left; 																																																																																																																																																																																																																																																																width: 304px;
	height: 154px;
}


.t4 {
	left: 359px;
	top: 466px;
left; 																																																																																																																																																																																																																																																																																																																																																																																		width: 304px;
	height: 154px;
}

.t5 {
	left: 702px;
	top: 467px;
left; 																																																																																																																																																																																																																																																																																																																																																																																																																															width: 301px;
	height: 154px;
}

.t6{
	left: 11px;
	top: 57px;
	width: 304px;
	height: 45px;
}
.t7{
	left: 13px;
	top: 123px;
	width: 304px;
	height: 531px;
}

.t8{
	left: 352px;
	top: 121px;
	width: 304px;
	height: 670px;
}

.t9{
	left: 696px;
	top: 121px;
	width: 304px;
	height: 463px;
}

.t10{
	left: 0px;
	top: 61px;
	width: 260px;
	height: 45px;
}

/*
.t11{
	left: 351px;
	top: 360px;
	width: 304px;
	height: 269px;
}

.t12{
	left: 699px;
	top: 93px;
	width: 283px;
	height: 269px;
}*/


.t13{
	left: 3px;
	top: 66px;
	width: 304px;
	height: 269px;
}

.t14{
	left: 339px;
	top: 62px;
	width: 304px;
	height: 439px;
}


.t15{
	left: 674px;
	top: 62px;
	width: 304px;
	height: 269px;
}

.Line01{
	position: absolute;
	width: 966px;
	top: 88px;
	height: 11px;
	left: 12px;
}


.t16{
	position: absolute;
	font-size: 10px;
	left: 1046px;
	top: 1018px;
	width: 108px;
	height: 28px;
}
#imgbarwrapper {
  max-width: 1050px;
  margin: 60px auto 60px auto;
  background-color: #DDD
}
#imgbarouter {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.itemwrapper {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  align-self: center;
}
img {
  max-width: 10%;
  height: auto;
}
#picturebox{
background-color: grey;
color: white;
max-height: 200px;
}
#img-row{display:flex; flex-wrap:wrap}
#img-responsive{flex-grow:1; width:auto; max-width:180px; height:auto !important}

imgbar3 { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
imgbar3 div { 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 200px; 
  margin: .5vw; 
}
imgbar3 div img { 
  width: 100%; 
  height: auto; 
}
@media screen and (max-width: 400px) {
  header div { margin: 0; }
  header { padding: 0; }
  
}