@charset "utf-8";


/*============================
#add custom normalize setting
============================*/


h1, h2, h3, h4, h5, h6 { color: #444; }
p { margin: 0; line-height: 190%; color: #444; }

ul {
	margin: 0;
	padding: 0;
}

li { 
	list-style-type: none; 
	list-style-position: outside;
}


/*============================
#container
============================*/
#container {
	width: 100%;
	height: 100%;
}





/*============================
#sidebar
============================*/



#sidebar {
	top: 65px;
	left: 0;
	position: fixed;
	margin: 0;
	padding: 0 30px;
	width: 190px;
	height: 100%;
	z-index: 1;
}




#sidebar h1 {
	display: block;
	margin: 0 0 85px 0;
	width: 160px;
}

#sidebar h1 img {
	display: block;
	width: 100%;
}


#sidebar h1 span { display: none; }

#sidebar h1 img:hover {
     filter:alpha(opacity=70);
     -moz-opacity:0.7;
     -khtml-opacity: 0.7;
     opacity:0.7;
}



nav li { 
display:block;
margin: 0 0 25px 0;
}

nav li a {
	display: block;
	width: 100%;
    background: url(images/gn-sprite.png) no-repeat top left;
	font-size: 1%;
	text-indent: -999px;

}

#nav-toggle { display: none; }

/*.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}*/



.gn-company  { background-position: 0 0; width: 56px; height: 13px; } 
.gn-staff          { background-position: 0 -63px; width: 55px; height: 13px; } 
.gn-works       {  background-position: 0 -126px; width: 54px; height: 13px; } 
.gn-presentaion { background-position: 0 -189px; width: 127px; height: 34px; } 
.gn-idea { background-position: 0 -273px; width: 85px; height: 13px; } 
.gn-blog_miya { background-position: 0 -336px; width: 115px; height: 13px; } 
.gn-blog_staff  { background-position: 0 -399px; width: 100px; height: 13px; } 
.gn-contact  { background-position: 0 -462px; width: 68px; height: 13px; } 





/*============================
#contents
============================*/


#top-contents {
	margin: 65px 0  0 0;
	width: 100%;
	height: 820px;
	background: url(images/top_visual.png) no-repeat top left;
	opacity: 0;
}

/*#top-contents img {
	display: block;
	width: 100%;
	height: 820px;

}*/

#contents {
	margin: 65px 0  0 250px;
	width: 75.5%; /* contents　実寸 770.1px */
}


#contents h2 {
	display: block;
	margin: 0 0 20px 100px;　/* contents　770px  内の左マージン 100 = 実寸 670px */
	width: 570px;
	height: 24px;
}

#contents h2 img {
	display: block;
	width: auto;
	height: 24px;
}

#contents h2 span {
	display: none;
}


.visual {
	display: block;
	margin: 0 0 50px 0;
	width: 100%;
	height: 100px;
}

/*.v-bg-company { background: url(images/v_company.png) no-repeat top left; }
.v-bg-staff { background: url(images/v_staff.png) no-repeat top left; }
.v-bg-works { background: url(images/v_works.png) no-repeat top left; }
.v-bg-presentation { background: url(images/v_presentation.png) no-repeat top left; }
.v-bg-idea { background: url(images/v_idea.png) no-repeat top left; }*/

.v-bg-company-long { background: url(images/v_company_long.png) no-repeat  0px 44px; }
.v-bg-staff-long { background:  url(images/v_staff_long.png) no-repeat 0px 44px ; }
.v-bg-works-long { background: url(images/v_works_long.png) no-repeat  0px 44px; }
.v-bg-presentation-long { background: url(images/v_presentation_long.png) no-repeat  0px 44px; }
.v-bg-idea-long { background: url(images/v_idea_long.png) no-repeat  0px 44px; }

/*============================
.post
============================*/


.post {
	padding: 0 0 0 100px;
	width: 670px;
}

.post p { font-size:108%; }

.post table th,
.post table td {	
	text-align: left;
	vertical-align: top;
	padding: 0 30px 30px 0;
	font-size:108%;
}


.post table th { width: 20%; font-weight: normal; }
.post table td { width: 80%; }





/*============================
PAGE company
============================*/


#company h3 {
	display: block;
	height: 18px;
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px #A9A9A9 solid ;
	font-size: 1%;
	text-indent: -999px;
}

.copy{
	display: block;
	margin: 0 0 30px 0;
	width: 191px;
	height: 21px;
	background: url(images/company_copy.png) no-repeat top left;
	font-size: 1%;
	text-indent: -999px;
}


.kigyourinen  {	background: url(images/h3_title_kigyourinenn.png) no-repeat top left; }	
.kaishagaiyou {	background: url(images/h3_title_kaishagaiyou.png) no-repeat top left; }


.dvd-100 {
	margin: 0 0 100px 0;
}


.flow-l {
	float: left;
	display: block;
}

#map {}

#run-map { display: none; }

hr { display: none; }

/*============================
PAGE staff
============================*/

h4 { margin: 15px 0; } /* このページ独自 */

.prof-wrap { 
margin: 0 0 40px 0;
padding: 0 0 30px 0;
width: 670px;
border-bottom: 1px #eee solid ;
}


.prof-photo {
	display: block;
	margin: 0 30px 0 0;
	width: 260px;
	height: 260px;
}

.prof-txt {
	width: 380px;
}


.job-title,
p.born-year  { 
  font-weight: normal;
  font-size:85%;
 }
 
 p.born-year { margin: 0 0 20px 0; }

.name { 
display: block;
margin: 20px 0 10px 0;
font-weight: normal; 
font-size:146.5%;
 }



/*============================
PAGE (wg as) works, gallery  
============================*/

.wg-wrap {
display: block;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
width: 335px;
}

a:hover.wg-wrap {
	  filter:alpha(opacity=70);
     -moz-opacity:0.7;
     -khtml-opacity: 0.7;
     opacity:0.7;
}


/*div.wg-wrap:nth-child(2n) {
margin: 0 0 20px 0;
width: 295px;
background-color:#C63;
}
*/

.wg-thumbnail {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 110px;
	height: 82px;
}

.wg-txt {
	float: left;
	padding: 0 20px 0 0;
	width: 195px;
}

.wg-txt h3 {
	display: block;
	margin: 0 0 5px 0;
}

.wg-txt p {  font-size:93%; }


.wg-wrap-s {
margin: 0 0 30px 0;
padding: 0 0 30px 0;
width: 670px;
}


.wg-photo-s {
	display: block;
	margin: 0 30px 0 0;
	width: 460px;
	/*height: 345px;*/
}

.wg-txt-s {
	width: 170px;
}


/*============================
WP-Pagenavi
============================*/

.wp-pagenavi {

}

.wp-pagenavi a { border: none; }
span.pages {	display: none; }
span.current { border: none; }


/*! responsive-nav.js v1.0.15 by @viljamis */

/*#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#nav li {
  width: 100%;
  display: block;
}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}*/