@charset "utf-8";
/* CSS Document */

/* ALL */

*{margin:0px;/* センタリング */
  padding:0px;/* センタリング */
  zoom:1;
  
  font-size:9px;
  color: #333;
  font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
  line-height:16pt;
  background-color:#f8f8f8;/* LA背景色 */}
  
p{font-size:9pt;
  color: #333;
  line-height:16pt;
  letter-spacing:0.1em;
  text-decoration: none;
  }
  
p a{font-size:9pt;
    color: #333;
    line-height:16pt;
	letter-spacing:0.1em;
	text-decoration: none;
	transition: 0.8s;
	}  
 
p a:hover{font-size:9pt;
    color: #000;/* ロールオーバー時文字色"黒" */
	line-height:16pt;
	letter-spacing:0.1em;
	text-decoration: none;}
  
img{border:none;}

a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
transition: 0.8s;
}

html{
    height: 100%;
	overflow-x:hidden;
}

body{
	 height:100%;
	 text-align:left;
     min-width:100%;
     _display:inline;
     _zoom:1;
}
	 

/* Firefox 3用 */
body,x:-moz-broken {
	margin-left:-1px;
}

/* IE6エラー表示 */
.error{
	background: #CCC;
	padding: 10px;
	text-align:center;
}

/**to top
----------------------------------**/
p#toTop{position:fixed;
bottom:0;
right:0;
z-index:5;
}


/** TOP PAGE用css
----------------------------------**/
#top_container{
	positiion: relative;
	min-width: 1100px;   /*中央配置するボックスの横幅*/
    min-height: 34px;  /*中央配置するボックスの縦幅*/
}

#top_contents{
    margin: -17px 0 0 -550px;  /*縦横半分をネガティブマージンでずらす*/
    position: absolute;     /*#top_container要素に対して絶対配置*/
    top: 45%;       /*上端を中央やや上に*/
    left: 50%;      /*左端を中央に*/
    width: 1100px;   /*横幅*/
    height: 34px;  /*縦幅*/
}

#top_logo{
	position: absolute;
	left: 1px;
	top: -21px;
}

#top_lang{
	position: absolute;
	margin-top:16px;
	margin-left:800px;
}

#top_lang p{	
	font-size:12pt;
	font-color: #333;
	font-family: Century Gothic, sans-serif;
}

#top_lang p a{
	font-size:12pt;
	font-color: #333;
	font-family:Century Gothic, sans-serif;
    transition: 0.8s;
}

#top_lang p a:hover{
	font-size:12pt;
	font-color: #000;
	font-family:Century Gothic, sans-serif;
}

#top_footer {
	 margin: -10px 0 0 -550px;  /*縦横半分をネガティブマージンでずらす*/
     position: absolute;  /*#top_container要素に対して絶対配置*/
     left: 50%;      /*左端を中央に*/
     bottom: 0; 
     width: 1100px;
     height: 20px;
}

#top_footer p{
	font-size:7pt;
	font-color: #333;
	font-family:Century Gothic, sans-serif;
	font-weight:100;
	margin-left:680px;
}


/** TOP PAGE以外のページ用css
----------------------------------**/
#container{
	position: relative;
	
	width:900px;
	margin: 0 auto;
}

#header{
	position: relative;
	width:900px;
	height:100px;
	margin-top:20px;
}

#logo{
	position:absolute;
	top:5px;
	left:0px;
}

h1{/*左カラムページ名*/
	letter-spacing:0.1em;
	font-size:14pt;
	font-color: #333;
	font-family:Century Gothic, sans-serif;
	font-weight: 100;
	}

h2{/*右カラムページ名*/
	letter-spacing:0.1em;
	font-size:14pt;
	font-color: #333;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight: 100;
	margin-bottom:10px;
}

h3{/*aboutの役員氏名*/
	letter-spacing:0.1em;
	font-size:14pt;
	font-color: #333;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight:100;
	margin-bottom:20px;
}

h4{/*contactのエリア名*/
	letter-spacing:0.2em;
	font-size:8pt;
	font-color: #333;
	font-family: "メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight:600;
	margin:0 0 -10px -5px;
}

h5 {
	letter-spacing:0.1em;
	font-size:8pt;
	font-color: #333;
	font-family: "メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight:100;
}


h6{/*works個別ページのプロジェクト名*/
	letter-spacing:0.1em;
	font-size:14pt;
	font-color: #333;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight: 100;
	margin-bottom:20px;
}

h7{/*works個別ページの詳細情報*/
	letter-spacing:0.1em;
	font-size:8pt;
	font-color: #333;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight: 100;
}

h8{/*aboutの氏名*/
	letter-spacing:0em;
	font-size:12pt;
	font-color: #333;
	font-family:'メイリオ', SimSun , Century,'Times New Roman',Times,Georgia,serif;/*Century*/
	font-weight:bolder;
	margin-bottom:20px;
}





/** TOP PAGE以外のページ 言語選択
----------------------------------**/
ul#lang{
	position: absolute;
	top:40px;
	right:0px;
}

li.lang_text {
	list-style:none;
	display:block;
	float: left;
	width: auto;
	margin-left:10px;
}

li.lang_text p{
    letter-spacing:0.2em;
	font-size:9pt;
	font-color: #333;
	font-family:Century Gothic, sans-serif;
	font-weight:bold;
}

li.lang_text p a{
	letter-spacing:0.2em;
	font-size:9pt;
	font-color: #333;
	font-family:Century Gothic, sans-serif;
	transition: 0.8s;
    font-weight:bold;
}

li.lang_text p a:hover{
	letter-spacing:0.2em;
	font-size:9pt;
	font-color: #333;
	font-family:Century Gothic, sans-serif;
    font-weight:bold;
}

/** TOP PAGE以外のページ グローバルナビ
----------------------------------**/
ul#navi{
	position: absolute;
	top:80px;
	right:0px;	
}

li.navi_text {
	list-style:none;
	display:block;
	float: left;
	width: auto;
	margin-left:20px;
}

li.navi_text p{	
	font-size:11pt;
	font-color: #666;
	font-family:Century Gothic, sans-serif;
	letter-spacing:0.1em;
    font-weight: 100;
}

li.navi_text p a{
	font-size:11pt;
	font-color: #666;
	font-family:Century Gothic, sans-serif;
	letter-spacing:0.1em;
	transition: 0.8s;
    font-weight:100;
}

li.navi_text p a:hover{
	font-size:11pt;
	font-color: #000;
	font-family:Century Gothic, sans-serif;
	letter-spacing:0.1em;
	font-weight:100;
}


/** TOP PAGE以外のページ メインカラム内
-------------------------------------------**/
/* メイン */
#main{
	width:900px;
	height: auto;
	margin:50px 0px 80px 0px;
	right:0;
	overflow: hidden;/**親ボックスでフロート解除**/
}

/* 左カラム */
#left_column{
	float:left;
	width:150px;
	height:auto;
	margin:40px 0px auto 0;
}

/* 右カラム */
#right_column{
	float:left;
	width:750px;
	height: auto;
	margin:40px 0px auto 0;
}


/** TOP PAGE以外のページ フッター
---------------------------------------**/
#footer {
	width:900px;
	margin:0 auto;
	text-align:right;
	margin-top:20px;
}

#footer p{
    font-size:7pt;
	font-color: #333;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight:100;
}


/** news,pressあz
---------------------------------------**/
#news{
  margin-top:0px;
  width: 750px;
}


.news_list{
	margin-bottom:60px;
}

.news_title p{
	font-size:12pt;
	font-color: #333;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight: 100;
	margin-bottom:10px;
}

.news_title p a{
	font-size:12pt;
	font-color: #333;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight: 100;
	margin-bottom:10px;
	transition: 0.8s;
}

.news_title p a:hover{
	font-size:12pt;
	font-color: #000;
	font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	font-weight: 100;
	margin-bottom:10px;
	
}

.news_date p{
	font-size:9pt;
    color: #333;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
}

.news_text p{
	font-size:9pt;
    color: #333;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
} 

.news_img{
	margin:0 0 50px 0px;
	width:750px;/*画像サイズ最大横750px*/
	height:auto;
} 


/** about
---------------------------------------**/
#about{
  margin-top:0px;
  width: 750px;
}

#about p {
	font-size:9pt;
    color: #333;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;	
}

#about p .name{
	font-size:18pt;
    color: #333;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;	
}


/** works
---------------------------------------**/
#works{
  margin-top:0px;
  width: 750px;
}

/**フロート**/
.works_list {
  float: left;
  width:25%;/*一列に4画像入れる*/
  height:100%;
  margin-bottom:25px;
}

.works_list img {
  width:165px;
  height:165px;  
}

.works_list p {
	font-size:9pt;
    color: #333;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;	
}

.works_list2 {
  float: left;
  width:25%;/*一列に4画像入れる*/
  height:100%;
  margin-bottom:25px;
}

.works_list2 img {
  width:170px;
  height:170px;  
}

.works_list2 p {
	font-size:9pt;
    color: #333;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;	
}

/*これなし*/
/*付加機能　画像ロールオーバーで画像上にキャプション表示 タブレット表示不可*/
section figure {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
	margin-bottom:10px;
}

.sample {
    color: #fff;
}

/*.sample figure:after { /*白い線*/
    position: absolute;
    background: #fff;
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    left: 5%;
    top: 50%;
    transform: scale(0);/*白い線を出す設定*/
    transition: all .5s ease-out;/*白い線を出す設定*/
}*/

.sample figure:hover:after {
    transform: scale(1);
}

.sample figcaption p,
.sample figcaption h5 {
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0;
    /*transition: all .4s ease-out .4s;オンマウス時文字をもやっと表示←スマホ閲覧時に使えない*/
}

.sample figcaption h5 {
    bottom: 51%;/*プロジェクト文字表示の位置*/
    /*transform: translateY(-10px);オンマウス時文字を上下から移動しながら表示*/
	background: none;
	font-size:8pt;
    color: #fff;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	letter-spacing:0.2em;
}

.sample figcaption p {
    top: 48%;/*エリア文字表示の位置*/
    /*transform: translateY(10px);*/
	background: none;
	font-size:7pt;
    color: #fff;
    font-family:"メイリオ",Microsoft Yahei,Century Gothic, sans-serif;	
}

.sample figure:hover figcaption p,
.sample figure:hover figcaption h5 {
    opacity: 1;
    /*transform: translateY(0);オンマウス時文字を動かす*/
}
 
.sample figure img {
    transition: all 1.2s ease-out;
}
.sample figure:hover img {
    opacity: .4;
    /*transform: scale(1.3);オンマウス時画像を拡大する*/
}

 /*worksフィルタ機能タグ部分*/
#tags p {
	font-size:9pt; font-color:#999; font-family:Century,'Times New Roman',Times,Georgia,serif;/*Century*/ margin:10px 0 0 0;
}

#tags p a{
	font-size:9pt; font-color:#000; font-family:Century,'Times New Roman',Times,Georgia,serif;/*Century*/ margin:10px 0 0 0; 
}



/* worksプロジェクト紹介ページ*/
.works_gallery img{
  margin-bottom:25px;
  width: 750px;
}


/*works LISTページ*/
/**
table.type02 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #999;
}
table.type02 th {
	width: 150px;
	padding: 7px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #999;
}
table.type02 td {
	width: 150px;
	padding: 7px;
	vertical-align: top;
	border-bottom: 1px solid #999;
}
**/

table.type01 {
    border-collapse: collapse;
	font-size:9pt;
    color: #333;
    font-family: "メイリオ",Microsoft Yahei,Century Gothic, sans-serif;
	letter-spacing:0.1em;
	width:100%;
}
table.type01 tr {
	width:750px;
    border-color:  1px solid #000;
    border-style: solid;
    border-width: 1px 0;
	
}
table.type01 td{
	width: auto;
	padding:7px;
	text-align: center;
    border-color:  1px solid #000;
    border-style: solid;
    border-width: 1px 0;
	
}


	

/**クリアフィックス　float対策
----------------------------------**/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

* {
  box-sizing: border-box;
}