@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {
	width: 98%;
	background-color:#Ff7f7f7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#555555;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.table-x {
  width: 90%;
  margin-left:auto;
  margin-right:auto;
}
/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
/*div#contents {
  background: url(../images/bg_footer.jpg) no-repeat bottom;
  padding-bottom: 90px;
}*/
/*==========================================
 コンテンツエリア -> WORKSのスタイル
===========================================*/
div#contents section#work h2 {
  margin: 0 0 15px 5px;
}
div#contents section#work article {
  text-align: center;
  width: 50%;
  min-width: 120px;
  float: left;
  margin-bottom: 30px;
  margin-left:0;
  margin-right:auto;
}
div#contents section#work article img {
  width: 	100%;
  height: auto;
  max-width: 170px;
} 
div#contents section#work article h3 {
  font-size: 0.9em;
  font-weight: bold;
}
div#contents section#work article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;

}

/*==========================================
 ホームへのボタンのスタイル
===========================================*/
a#homeback img {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
/*==========================================
 ページトップへボタンのスタイル
===========================================*/
a#pagetopBtn img {
  position: fixed;
  bottom: 20px;
  right: 20px;
}



/* PC向けレイアウトの指定：950px以上では固定レイアウト */

@media only screen and (min-width: 950px) {

  div#contents {
    max-width: 960px;
    margin: 0 auto;
  }
  div#contents section#work article {
    width: 24%;
  }
  div#contents section#work article h3 {
    line-height: 2.2em;
  }
  div#contents section#news {
    width: 49%;
    float: left;
  }
  div#contents section#information {
    width: 49%;
    float: right;
  }
.table-x {
  width: 90%;
  margin-left:auto;
  margin-right:auto;
}
}