@charset "UTF-8";

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/*  全体
------------------------------------------------------------------------------*/
body {
  margin            : 0;
  font-family       : "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size         : 16px;
  background        : #DFEFED;
}

/* 記事枠 */
.all {
  border            : 1px solid #000000;
  padding           : 50px;
  margin            : 50px auto;
  width             : 1200px;
  box-sizing        :  border-box;
  background        : #fff;
}

/* 個別枠 */
fieldset {
  margin            : 20px 0;
  border            : 1px solid #999999;
  padding           : 10px;
  background-color  : #f9f9f9;
  line-height       : 2.0;
}
legend {
  margin            : 0 auto;
  font-weight       : bold;
}
fieldset a{
  font-weight       : bold;
  text-decoration   : underline;
  color             : #0000ff;
}

.all img {
  border            : 1px solid #ccc;
}

/* ヘッダータイトル */
header {
  font-size: 30px;
  text-align        : center;
  font-weight       : bold;
  z-index           : 99;
  position          : relative;
  top               : 0;
  box-shadow        : 0px 3px 3px 0px rgba(0,0,0,.18);
  background        : #fff;
}

table,td {
  border-collapse   : collapse;
  vertical-align    : top;
}

select,
textarea,
input{
  font-family       : "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size         : 16px;
}

textarea{
  width             : 100%;
  height            : 200px;
}

hr{
  margin            : 30px 0;
}

/* 見出し */
h2 {
  font-size         : 24px;
}

h2:before {
  margin-right      : 5px;
  font-family       : FontAwesome;
  content           : '\f10c';
  color             : #6AC1B7;
}

/* プラグインコード作成
------------------------------------------------------------------------------*/
form tr{
  height            : 40px;
}
.ll{
  margin-left       : 40px;
}

/* ペタ／いいねした人／リブログした人表示枠作成(サンプル)
------------------------------------------------------------------------------*/
.box {
  margin            : 0 auto;
  width             : 500px;
  border            : 1px solid #2d8c3c;
  border-radius     : 5px;
  background-color  : #ffffff;
}
.box img{
  border            : 0;
}
.title {
  position          : relative;
  margin            : 0px;
  padding           : 5px;
  text-align        : center;
  background-color  : #2d8c3c;
  color             : #ffffff;
}
.title a {
  text-decoration   : none;
  color             : #ffffff;
}
.box ul {
  list-style        : none;
}
.box li {
  padding           : 6px 0px;
  border-bottom     : 1px solid #e5e5e5;
}
.box li a {
  text-decoration   : none;
  color             : #999999;
}

/*==============================================================================
  独自class
==============================================================================*/
/* ダウンロード */
.DL:after {
  content       : ' \f019';
  font-family   : FontAwesome;
  margin-right  : 0.5em;
}

/* リンク */
.LK:after {
  font-family   : FontAwesome;
  content       : ' \f08e';
}

/* 注釈 */
.note {
  margin              : 20px auto;
  position            : relative;
  background-color    : #f9f9f9;
  border              : 3px solid #eee;
  padding             : 5px 5px 5px 35px;
  line-height         : 1.8em;
}

.note:after {
  position            : absolute;
  top: 5px;
  left                : 10px;
  font-family         : FontAwesome;
  content             : '\f06a';
  color               : #f57676;
  font-size           : 150%;
}

/* 公告 */
#y_gc_div_adcntr,
#y_gc_div_uad_wrapper {
  display             : none;
}