@charset "UTF-8";
/* --- 全体の背景・テキスト --- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
/* line 5, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
html {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 12, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  /* ページの背景色 */
  color: #000000;
  /* 全体の文字色 */
  font-size: 100%;
  /* 全体の文字サイズ */
  font: 400 87.5%/1.5em 'Open Sans', sans-serif;
  height: 100%;
}

/* --- 全体のリンクテキスト --- */
/* line 23, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
table.header a:link {
  color: #ffffff;
}

/* line 24, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
a:link {
  color: #2e8b57;
}

/* line 25, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
a:visited {
  color: #800080;
}

/* line 26, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
a:hover {
  color: #5f9ea0;
}

/* line 27, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
a:active {
  color: #ff0000;
}

/* --- コンテナ --- */
/* line 30, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#container {
  width: 100%;
  /* ページの幅 */
  float: left;
  overflow: hidden;
  /*margin: 0 auto; /* センタリング */
  /*background: url(./images/sidbar.png) repeat-y left; /* サイドバーの背景画像 */
  background-color: #ffffff;
  /*メインカラムの背景色 */
  border-left: 1px #c0c0c0 solid;
  /* 左の境界線 */
  border-right: 1px #c0c0c0 solid;
  /* 右の境界線 */
  height: 100%;
}

/* --- ヘッダ --- */
/* line 43, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#header {
  background-color: #df013a;
  /* ヘッダの背景色 */
  color: #ffffff;
  padding: 0.1% 1% 0.3% 1%;
}

/* --- ナビゲーション --- */
/* line 50, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#nav {
  float: left;
  width: 15%;
  /* サイドバーの幅 */
  padding-left: 10px;
  background-color: #ffb399;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  height: 100%;
}

/* --- メインカラム --- */
/* line 61, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#content {
  float: left;
  width: 85%;
  /* メインカラムの幅 */
  pudding: 0% 20% 1% 20%;
  height: 100%;
  overflow: auto;
}
/* line 67, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#content p {
  margin: 0% 0% 0% 2%;
}

/* --- フッタ --- */
/* line 73, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#footer {
  clear: left;
  /* フロートのクリア */
  width: 100%;
  background-color: #aeffbd;
  /* フッタの背景色 */
}
/* line 77, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#footer p {
  text-align: center;
}

/* ---サムネイル画像表示--- */
/* line 84, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
ul.thumbnail {
  list-style-type: none;
}

/* リストマークを非表示 */
/* line 85, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
ul.thumbnail li {
  float: left;
  /* 左回り込み */
  margin: 10% 0 0 10%;
  /* 上と左にスペース 10px */
}

/* line 89, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
ul.thumbnail li img {
  border: 2px solid #bbb;
  /* 画像に 2pxの枠 */
  width: 150px;
  /* 画像の幅 */
  height: 150px;
  /* 画像の高さ */
}

/* line 94, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
ul.thumbnail li a {
  display: block;
}

/* リンクをブロックレベルへ */
/* line 96, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 104, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.clearfix {
  display: inline-table;
}

/*ログイン状態*/
/* line 107, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
#log {
  float: left;
  width: 100%;
}

/* Fonts */
/* fontawesome */
/* line 117, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* Simple Reset */
/* line 122, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Form Layout */
/* line 126, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.form-wrapper {
  background: #e9e9e9;
  margin: 3em auto;
  padding: 0 1em;
  max-width: 370px;
}

/* line 133, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
h1 {
  text-align: center;
  padding: 1em 0;
}

/* line 138, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
form {
  padding: 0 1.5em;
}

/* line 142, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.form-item {
  margin-bottom: 0.75em;
  width: 100%;
}

/* line 147, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.form-item input {
  background: #fafafa;
  border: none;
  border-bottom: 2px solid #e9e9e9;
  color: #666;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  height: 50px;
  transition: border-color 0.3s;
  width: 100%;
}

/* line 159, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.form-item input:focus {
  border-bottom: 2px solid #c0c0c0;
  outline: none;
}

/* line 164, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.button-panel {
  margin: 2em 0 0;
  width: 100%;
}

/* line 169, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.button-panel .button {
  background: #f16272;
  border: none;
  color: #fff;
  cursor: pointer;
  height: 50px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  transition: background 0.3s ease-in-out;
  width: 100%;
}

/* line 184, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.button:hover {
  background: #ee3e52;
}

/* line 188, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.form-footer {
  font-size: 1em;
  padding: 2em 0;
  text-align: center;
}

/* line 194, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.form-footer a {
  color: #8c8c8c;
  text-decoration: none;
  transition: border-color 0.3s;
}

/* line 200, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.form-footer a:hover {
  border-bottom: 1px dotted #8c8c8c;
}

/* line 204, /home/fablab/railsdata/ryokutya/app/assets/stylesheets/pic.scss */
.btn {
  background: #EEE;
  border: 1px solid #DDD;
  color: #111;
  width: 100px;
  padding: 10px 0;
}