@charset "UTF-8";

/* ==================================================
　文字配置
================================================== */
.center {
  text-align: center !important;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.indent1em {
  position: relative;
  left: 1em;
}

.indent2em {
  position: relative;
  left: 2em;
}

/* ==================================================
　文字アトリビュート
================================================== */
.bold {
  font-weight: bold;
}

.large {
  font-size: 16px;
}

.large-bold {
  font-weight: bold;
  font-size: 16px;
}

.large16 {
  font-size: 18px;
}

/* 2016/12/21 insert */
.large20 {
  font-size: 20px;
}

.small {
  font-size: 80%;
}

.small-85 {
  font-size: 85%;
}

.small9 {
  font-size: 9px;
}

.through {
  text-decoration: line-through;
}

.oblique {
  font-style: oblique;
}

/*-- リンク下線なし --*/
p.title-rollover a {
  text-decoration: none;
  font-weight: bold;
  color: #333; /* 黒 */
}

p.title-rollover a:hover {
  color: #ee7800; /* 橙色 だいだいいろ */
}

/* ==================================================
　文字カラー（基本）
================================================== */
.red {
  color: #ff0000; /* 赤 */
}

.red-bold {
  color: #ff0000; /* 赤 */
  font-weight: bold;
}

.red-title {
  color: #ff0000; /* 赤 */
  font-weight: bold;
  font-size: 16px;
}

.white {
  color: #ffffff; /* 白 */
}

.white-bold {
  color: #ffffff; /* 白 */
  font-weight: bold;
}

/* ==================================================
　文字カラー（イメージ）
================================================== */
.deepblue {
  color: #163173; /* 紺色 */
}

.aqua {
  color: #BBE3F9; /* 水色 */
}

.grayblue {
  color: #B6CEE1; /* グレイブルー */
}

.cream {
  color: #F6F29B; /* クリーム */
}

/* ==================================================
　文字カラー（その他）
================================================== */
.brown {
  color: #660000; /* こげ茶 (Web Safe color) */
}

.royalblue {
  color: #4169e1; /* royalblue */
}

.yamabuki {
  color: #cc9900; /* 山吹色 (Web Safe color) */
}

.scarlet {
  color: #d3381c; /* 緋色 ひいろ */
}

.navy {
  color: #0000cc; /* navyblue */
}

.navy-bold {
  color: #0000cc; /* navyblue */
  font-weight: bold;
}

.navy-title {
  color: #0000cc; /* navyblue */
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5em;
}

.back-gray {
  background-color: #e5e5e5; /* 灰色 */
}

/* ==================================================
　画像（基本）
================================================== */
.img-margin{
  margin: 7.5px 0 0 0;
}

.img-margin-bottom{
  margin: 0 0 23px 0;
}

.img-margin-left{
  margin: 0 0 10px 10px;
}

.img-margin-right{
  margin: 0 20px 10px 0;
}

.img-margin-bottom-leftright{
  margin: 0 0 10px 0;
}

/* ==================================================
　画像（アレンジ）
================================================== */
/*-- 外枠付き --*/
.imgborder{
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #f3f3f2; /* 白練 しろねり */   
}

/*-- 回り込み --*/
.imgleft{
  float: left;
  margin: 0 10px 0 0;
}

.imgright{
  float: right;
  margin: 10px 10px 10px 10px;
}

.imgleft span,
.imgright span{
  display: block;
  font-size: x-small;
  text-align: center;
  color: #4f991f; /* 緑 */
}

.imgleft span.normal,
.imgright span.normal{
  display: block;
  font-size: 14px;
  text-align: center;
  color: #000000; /* 黒 */
}

.imgleft-margin-bottom{
  float: left;
  margin: 0 10px 17px 0;
}

.imgleft-margin-right{
  float: left;
  margin: 0 30px 0 0;
}

.imgleft-cs01{
  float: left;
  margin: 0 10px 0 50px;
}

/*-- 回り込み外枠付き画像 --*/
.imgleft-border{
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #f3f3f2; /* 白練 しろねり */   
}

.imgright-border{
  float: right;
  margin: 10px 10px 10px 10px;
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #f3f3f2; /* 白練 しろねり */   
}

/*-- 文字の回り込みの解除 --*/
.clear{
  clear: both; 
}

/* ==================================================
　アコーディオン
================================================== */
#accordion1 p{
  font-weight: normal;
  color: #163173; /* 紺色 */
  background: #fff;
  border: 1px solid #163173; /* 紺色 */
}

#accordion1 div {
  overflow:auto;
  margin: 2px 4px;
  background: #fff;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  line-height: 1.7em;
  font-size: 14px;
}