* {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;


	
}
p{font-family: 'Gotham_Light'   ;
	
	
	
}

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


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

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

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

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


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

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





#custom-show-hide-example{
	left: 1px;
	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_Bold';
     font-size:25px;
}

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

p {
	margin: 0 0 15px 0;
		line-height:24px;/*original 23px*/
}

a {
	color: #3e3e3e;
}



.clear {
	clear: both;
}
.wrap {
	width: 100%;
	max-width: 1900px; /*全体の幅*/
	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: 1200px; /*メニュー全体の幅（ボタンの幅が変わる）*/
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 16px;/*body font's size except custom div original 14pt*/
	font-family: 'gotham_light';
}

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


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

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


.subNavBtn {
	display: block;
	height: 40px;  /*メニューの幅 original 20*/
	width: 16%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 30px;/*original 14 */
	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:#ffffff;
	color: #000; /* テキストカラー*/
	
}


.s2 {
	background: #FFFFFF;
	color: #000; 
}
.s2 a {
	color: #fff;
}

.s3 {
	background:#ffffff;
	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: 34px;
	top: 65px;
	width: 304px;
	height: 269px;
}
.t2 {
	left: 453px;
	top: 97px;
left; 																																																																																																																																																																																																																																																																											width: 300px;
	height: 154px;
}
.t2s{
	left: 854px;
	top: 97px;
left; 																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																								width: 313px;
	height: 154px;
s
	
	
	
	
}
	

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


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

.t5 {
	left: 854px;
	top: 466px;
left; 																																																																																																																																																																																																																																																																				width: 301px;
	height: 154px;
}

.t6{
	left: 34px;
	top: 57px;
	width: 304px;
	height: 45px;
}
.t7{
	left: 36px;
	top: 123px;
	width: 310px; /*original 304*/
	height: 531px;
}

.t8{
	left: 444px;
	top: 121px;
	width: 320px; /*original 304*/
	height: 670px;
}

.t9{
	left: 851px;
	top: 121px;
	width: 310px; /*original 304*/
	height: 463px;
}

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

.t13{
	left: 36px;
	top: 66px;
	width: 304px;
	height: 269px;
}
.t13 a {font-size:18px;
font-family: 'Gotham_Bold' ;;}
.t14{
	left: 451px;
	top: 62px;
	width: 320px;
	height: 439px;
}


.t15{
	left: 855px;
	top: 62px;
	width: 320px;
	height: 269px;
}

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


.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;
}
#picturebox{
width: 80%
background-color: grey;
color: white;
}