@charset "utf-8";

/* ----------------------------------------- */
/* CSS Version 20161208
/* ----------------------------------------- */

/* ----------------------------------------- */
/* テキスト リンク色
/* ----------------------------------------- */
/* 色1 */
.text_tag span button i.color1,
span.text_color1{
  color: #8B8333;
}
/* 色2 */
.text_tag span button i.color2,
span.text_color2{
  color: #7A6125;
}
/* 文中リンク */
.parts a{
  color: #0000FF;
  text-decoration: underline;
}
.parts a:visited{
  color: #990099;
  text-decoration: underline;
}

/* リンクボタン */
.link{
  /* http://www.colorzilla.com/gradient-editor/ */
  background-color: #56B8E7;
  background-image:-moz-linear-gradient(
  top,
  #41799A 0%,
  #397093 40%,
  #285F86 60%,
  #174D79);
  background-image:-webkit-gradient(
  linear,left top,left bottom,
  from(#41799A),
  color-stop(0.40,#397093),
  color-stop(0.60,#285F86),
  to(#174D79));

}
.link a{
  color:#fff;
  text-decoration: none;
  text-shadow:0 -1px #103452;
}
.link a:hover{
  background-color: #174D79;
}

/* 表の文字レイアウト */
.parts07 table,
.parts08 table,
.parts09 table,
.parts10 table,
.parts11 table{
  font-size: 90%;
  line-height: 140%;
}
.parts11 table,
.parts12 table{
  font-size: 90%;
  line-height: 140%;
}

/* 区切り線の種類 */
hr{
  border-top: solid 1px #254F7A;
}

/* ----------------------------------------- */
/* 表の線種設定
/* ----------------------------------------- */
div[class^="parts"].frame,
div[class^="parts"].ch_frame .child,
div[class^="parts"] th,
div[class^="parts"] td{
  border: solid 1px #254F7A;
}
div[class^="parts"] th,
div[class^="parts"].frame_bold table{ /* 見出し太枠 */
  border: solid 3px #254F7A;
}
div[class*="parts"].title_color th{ /* 色付き見出し枠リセット*/
  border: solid 1px #254F7A;
}
div[class^="parts"].line_bottom_solid tr{ /* 下線（実線） */
  border-bottom: solid 1px #254F7A;
}
div[class^="parts"].line_bottom_dashed tr{ /* 下線（破線） */
  border-bottom: dashed 1px #254F7A;
}

/* ----------------------------------------- */
/* 背景色付き・見出し背景色・table
/* ----------------------------------------- */
.back_color,
.ch_back_color .child,
.h_back_color h3{
  background-color: #e8e5c0;
}
.title_color th,
.x_even_color tr:nth-child(even),
.y_even_color td:nth-child(even){
  background-color: #e8e5c0;
}

/* ----------------------------------------- */
/* Q & A 画像
/* ----------------------------------------- */
/* 大 w690の場合、80px角の正方形 */
.parts16.size_l .question{
	background-image: url(/parts_theme_image/q_l_img.gif);
}
.parts16.size_l .answer{
	background-image: url(/parts_theme_image/a_l_img.gif);
}
.parts16.size_l .question p{
  color: #174D79;
  background-color: #e8e5c0;
}
.parts16.size_l .answer p{
}
/* 小 w690の場合、45px角の正方形*/
.parts16.size_s .question{
	background-image: url(/parts_theme_image/q_s_img.gif);
}
.parts16.size_s .answer{
	background-image: url(/parts_theme_image/a_s_img.gif);
}
.parts16.size_s .question p{
  color: #174D79;
  background-color: #e8e5c0;
}
.parts16.size_s .answer p{
}

/* ------------------------------- */
/* Before & After 画像
/* ------------------------------- */
.parts17.top_bottom .before img,
.parts17.left_right .before img{
/* 幅300px、高さ20px 以内 BEFOREの文字画像 */
  background-image: url(/parts_theme_image/before.gif);
}
.parts17.top_bottom .after img,
.parts17.left_right .after img{
/* 幅300px、高さ20px 以内 AFTERの文字画像 */
  background-image: url(/parts_theme_image/after.gif);
}
.parts17.top_bottom .before{
  /* 縦レイアウト用の矢印 幅300px、高さ45px以内 */
  background-image: url(/parts_theme_image/arrow_v.gif);
}
.parts17.left_right .before{
  /* 横レイアウト用の矢印 幅100px、高さ80px以内 */
  background-image: url(/parts_theme_image/arrow_h.gif);
}
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts17.left_right .before{
    /* 縦レイアウト用の矢印 幅300px、高さ45px以内 */
    background-image: url(/parts_theme_image/arrow_v.gif);
  }
}

/* ----------------------------------------- */
/* テキスト見出し フォント指定 及び 背景画像
/* ----------------------------------------- */
/*  column1w H1指定
    .column1w .parts18 h1{
    }
    column1s H1指定
    .column1s .parts18 h1{
    }
*/
.parts18 h1{
  font-family: 游明朝体, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝B, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 2.5rem;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);

  padding: 0.6em 0.5em 0.5em 0.5em;
  padding-left: 32px;
  font-weight: bold; /* フォント太さ */
  color: #333333; /* テキスト色 */
  background: #FFF; /* 背景色 */
  background-image: url("/parts_theme_image/h1_back.jpg");
  background-repeat: no-repeat;
}
.parts18 h2{
  font-family: 游明朝体, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝B, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold; /* フォント太さ */
  font-size: 2.3rem;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
  color: #333; /* テキスト色 */

  border: none;
  border-left: 24px solid #7A6125;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

[class^="parts"] h3{
  font-family: 游明朝体, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝B, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 900; /* フォント太さ */
  color: #7A6125;
  font-size: 1.8rem;
  border-bottom: 1px solid #7A6125;
  padding: 0.1em 0 0.1em 0;
  text-shadow: 1px 1px 0 rgba(240,240,240,1);
}

 /* 画像見出しとHTMLコードは装飾無し */
[class^="parts19"] h3,
[class^="parts20"] h3,
[class^="parts21"] h3{
  width: 100%;
  background: none;
  border: none;
  padding: 0;
}

.parts18 h4{
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Meiryo UI" , "メイリオ" , Meiryo , 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 1.6rem;
}

/* ----------------------------------------- */
/* その他
/* ----------------------------------------- */
[class^="parts"] h3 u,
u,
span.text_underline{
  text-decoration: none;
  background:linear-gradient(transparent 60%, #FFFF00 0%);
}