/*-------------------------------------------------
トップページ基本構造用
-------------------------------------------------*/
.sub_left {
  float: left;
  width: 774px;
}
.sub_right {
  width: 202px;
  float: right;
}
/*-------------------------------------------------
パンくずリスト
-------------------------------------------------*/
.bread_list {
  margin: 6px 0;
  padding: 0;
  color: #0f6abd;
  font-size: 90%;
}
.blist {
  color: #515151;
}
.blist:hover {
  color: #0f6abd;
  padding: 0;
  border-width: 0 0 1px 0;
  border-style: dotted; /* 枠の種類 */
  border-color: #0f6abd; /* 枠の色 */
}
/*-------------------------------------------------
フロート設定
-------------------------------------------------*/
.left_col {
  float: left;
}
.right_col {
  float: right;
}
/*-------------------------------------------------
マージン設定
-------------------------------------------------*/
.mg_r {
  margin-right: 10px;
}
.mg_l {
  margin-left: 90px;
}
/*-------------------------------------------------
背景色セット
-------------------------------------------------*/
.blue {
  background: url("../img/sub/blue_line.gif") repeat-x top;
  background-color: #808080;
  color: #fff;
}
.green {
  background: url("../img/sub/green_line.gif") repeat-x top;
  background-color: #808080;
  color: #fff;
}
.purple {
  background: url("../img/sub/purple_line.gif") repeat-x top;
  background-color: #808080;
  color: #fff;
}
/*-------------------------------------------------
右ナビお問い合わせ用
-------------------------------------------------*/
.query_btn {
  margin: 5px 0;
  padding: 6px;
  background: #fff;
}
.query_btn a:hover {
  opacity: .7;
}
/*-------------------------------------------------
右ナビゲーション用
-------------------------------------------------*/
.sub_banner {
  margin: 20px 0;
}
.sub_banner li {
  margin: 10px 0;
  padding: 0;
}
.sub_banner li a:hover {
  opacity: .7;
}
.sub_nav_ttl {
  margin: 0;
  padding: 13px 8px 6px 8px;
}
.sub_nav {
  background: #fff;
  padding: 0 0 30px 0;
}
.sub_nav li a {
  margin: 0;
  background: url("../img/common/arrow_list_01.gif") no-repeat 10px 50%;
  padding: 8px 0 5px 25px;
  border-width: 0 0 1px 0;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
  display: block;
}
.sub_nav li a:hover {
  background: url("../img/common/arrow_list_00_ov.gif") no-repeat 10px 50%;
  background-color: #e8e8e8;
}
.sub_nav .selected_blue {
  background: url("../img/common/arrow_list_01_ov.gif") no-repeat 10px 50%;
  background-color: #e8e8e8;
  color: #0f6abd;
}
.sub_nav .selected_purple {
  background: url("../img/common/arrow_list_01_ov3.gif") no-repeat 10px 50%;
  background-color: #e8e8e8;
  color: #a81f7c;
}
.sub_nav .selected_green {
  background: url("../img/common/arrow_list_01_ov2.gif") no-repeat 10px 50%;
  background-color: #e8e8e8;
  color: #838618;
}
/*-------------------------------------------------
いろはtop 目次用
-------------------------------------------------*/
.iroha_list {
  margin: 0 0 10px 0;
  padding: 8px;
  border-width: 1px;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
  font-size: 110%;
  font-weight: 600;
  width: 158px;
  height: 166px;
  float: left;
}
.iroha_list img {
  margin: 0 0 10px 0;
}
.iroha_list:hover {
  background-color: #e8e8e8;
}
/*-------------------------------------------------
明石top 目次用
-------------------------------------------------*/
.akashi_list {
  margin: 0 0 10px 0;
  padding: 8px;
  border-width: 1px;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
  font-size: 110%;
  font-weight: 600;
  width: 220px;
  height: 166px;
  float: left;
}
.akashi_list img {
  margin: 0 0 10px 0;
}
.akashi_list:hover {
  background-color: #e8e8e8;
}
/*-------------------------------------------------
左カラム用
-------------------------------------------------*/
.tex_box {
  margin: 14px 0;
  padding: 0 20px;
  background: #fff;
}
.tex_box2 {
  margin: 0;
  padding: 0 12px;
  background: #fff;
}
.tex_box_ttl_under {
  margin: 0;
  padding: 0 12px;
  background: #414243;
  color: #fff;
  border-width: 0 0 0 8px;
  border-style: solid; /* 枠の種類 */
  border-color: #0f6abd; /* 枠の色 */
}
.tex_box_ttl_under_purple {
  margin: 0;
  padding: 0 12px;
  background: #414243;
  color: #fff;
  border-width: 0 0 0 8px;
  border-style: solid; /* 枠の種類 */
  border-color: #a81f7c; /* 枠の色 */
}
.tex_box_ttl_under_green {
  margin: 0;
  padding: 0 12px;
  background: #414243;
  color: #fff;
  border-width: 0 0 0 8px;
  border-style: solid; /* 枠の種類 */
  border-color: #818517; /* 枠の色 */
}
.img_box {
  margin: 0;
  padding: 0;
  background: #fff;
}
/*-------------------------------------------------
製品サムネイル用
-------------------------------------------------*/
.prod_wrap {
  margin: 0;
  padding: 0;
}
.prod_box {
  margin: 0 0 12px 0;
  padding: 0;
  float: left;
  width: 186px;
  height: 300px;
  background: #fff;
  color: #000;
  border-width: 6px 0 0 0;
  border-style: solid;
  border-color: #000;
}
/*.prod_box:hover {
    background-color:#8c8c8c;
    color:#fff;
}*/
.pd_margin {
  margin-right: 10px;
}
.pd_cat {
  font-size: 80%;
  background: #000;
  color: #fff;
  padding: 4px;
  margin: 0;
}
.pd_title {
  margin: 0;
  padding: 8px;
  height: 30px;
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #515151;
  font-weight: 600;
  line-height: 1.2em;
}
.prod_box.kiosk {
  height: 275px;
  position: relative;
}
.prod_box.kiosk .pd_title {
  margin-top: -29px;
  padding: 8px;
  height: 29px;
  font-weight: 600;
  line-height: 1.2em;
  width: 157px;
  box-sizing: border-box;
  color: #FFFFFF;
  background: rgba(0, 0, 0, .5);
  position: relative;
}
.pd_process {
  font-size: 80%;
}
.pp_title {
  float: left;
  width: 30px;
  padding: 8px 0 0 8px;
}
.pp {
  float: right;
  width: 140px;
  padding: 8px 8px 0 0;
  line-height: 1.4em;
}
/*-------------------------------------------------
一般的テキスト用
-------------------------------------------------*/
.box {
  margin: 0 0 30px 0;
  padding: 0 20px;
  background: #fff;
}
.h3_tlt {
  margin: 14px 0 0 0;
  padding: 16px 10px 0px 10px;
  color: #fff;
  font-size: 130%;
  background: url("../img/sub/h3_blue.gif");
  border-width: 0 0 0 8px;
  border-style: solid; /* 枠の種類 */
  border-color: #000; /* 枠の色 */
}
.h3_tlt_aka {
  margin: 14px 0 0 0;
  padding: 20px 10px 5px 10px;
  background: #69648a;
  color: #fff;
  font-size: 120%;
  background: url("../img/sub/h3_purple.gif");
  border-width: 0 0 0 8px;
  border-style: solid; /* 枠の種類 */
  border-color: #000; /* 枠の色 */
}
.h3_tlt_iroha {
  margin: 14px 0 0 0;
  padding: 20px 10px 5px 10px;
  background: #838618;
  color: #fff;
  font-size: 120%;
  background: url("../img/sub/h3_green.gif");
  border-width: 0 0 0 8px;
  border-style: solid; /* 枠の種類 */
  border-color: #000; /* 枠の色 */
}
.h4_tlt {
  padding: 30px 0 4px 0;
  margin: 0 0 5px 0;
  border-width: 0 0 1px 0;
  border-style: solid; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
  font-size: 110%;
}
.h5_tlt {
  margin: 10px 0;
  padding: 5px 10px;
  border-width: 1px;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
  font-size: 100%;
  background: #e9e9e9;
}
.prgh {
  padding: 15px 0;
}
.prgh p {
  line-height: 1.3em;
  margin-bottom: 10px;
}
.prgh2 {
  padding: 10px 0;
}
.prgh2 p {
  line-height: 1.3em;
}
.w320 {
  width: 320px;
}
.w360 {
  width: 360px;
}
.w460 {
  width: 460px;
}
.w540 {
  width: 540px;
}
.w400 {
  width: 400px;
}
.w240 {
  width: 240px;
}
.w160 {
  width: 160px;
}
.prgh dl {
  margin: 0;
  font-size: 90%;
  padding: 0;
}
.prgh dl a {
  color: #515151;
  border-bottom: dotted 1px #515151;
  text-decoration: none;
}
.prgh dl a:hover {
  color: #7c001c;
  border-bottom: dotted 1px #7c001c;
}
.prgh dt {
  width: 120px;
  clear: left;
  float: left;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
  border-width: 0 0 1px 0;
  border-style: solid; /* 枠の種類 */
  border-color: #0f6abd; /* 枠の色 */
}
.prgh dd {
  width: 600px;
  padding: 0 0 5px 10px;
  margin: 8px 0 8px 120px;
  border-width: 0 0 1px 0;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
}
.tb_anchor {
  float: left;
  background: url("../img/common/arrow_list_01.gif") no-repeat 0px 50%;
  margin: 0;
  padding: 8px 5px 5px 15px;
}
.tb_anchor:hover {
  font-weight: bold;
}
.tuyomi {
  margin: 0 0 5px 0;
}
.tuyomi:hover {
  background-color: #e8e8e8;
}
/*-------------------------------------------------
テーブル組
-------------------------------------------------*/
table {
  border-spacing: 0;
  margin: 0 0 10px 0;
}
.required {
  font-weight: 600;
  color: #db0f18;
}
/*-------------------------------------------------
送信ボタン
-------------------------------------------------*/
.submit2 {
  margin: 10px 0 0 230px;
}
.submit2 input {
  background: #0f6abd;
  color: #fff;
  disaplay: block;
  margin: 0;
  padding: 8px 40px;
  font-weight: 600;
}
#chk_btn {
  border: 0px;
  background: #0f6abd;
  cursor: pointer;
}
#chk_btn2 {
  border: 0px;
  background: #515151;
  cursor: pointer;
}
/*-------------------------------------------------
スペック用
-------------------------------------------------*/
.spec {
  font-size: 90%;
}
.others {
  width: 734px;
  margin: 0;
  padding: 6px 6px;
  background: #fff;
  line-height: 1.4em;
  border: 1px #2e446b solid;
  border-width: 0 0 1px 0;
}
.red {
  color: #ff0000;
  font-weight: 600;
}
/*-------------------------------------------------
沿革用テーブル
-------------------------------------------------*/
.history {
  font-size: 90%;
}
.list_title {
  margin: 0;
  padding: 6px 6px;
  background: #0f6abd;
  color: #fff;
  line-height: 1.2em;
}
/*-------------------------------------------------
テーブルライン
-------------------------------------------------*/
.tb_line_g {
  margin: 0;
  padding: 6px;
  background: #fff;
  line-height: 1.3em;
  border: 1px #515151 dotted;
  border-width: 0 0 1px 0;
}
.tb_line_g2 {
  margin: 0;
  padding: 6px;
  background: #fff;
  line-height: 2.2em;
  border: 1px #515151 dotted;
  border-width: 0 1px 1px 0;
}
.tb_line_g2 a {
  line-height: 1.2;
  display: inline-block;
}
.tb_line_g2 a:hover {
  opacity: .7;
}
.tb_line_g2 a img {
  vertical-align: middle;
}
.tb_line_b {
  margin: 0;
  padding: 8px 6px 6px 8px;
  line-height: 1.3em;
  border: 1px #0f6abd dotted;
  border-width: 0 0 1px 0;
}
.tb_line_b2 {
  margin: 0;
  padding: 8px 6px 6px 8px;
  line-height: 1.3em;
  border: 1px #0f6abd dotted;
  border-width: 0 1px 1px 0;
}
/*-------------------------------------------------
テーブル幅
-------------------------------------------------*/
.tw40 {
  width: 40px;
}
.tw50 {
  width: 50px;
}
.tw70 {
  width: 68px;
}
.tw80 {
  width: 80px;
}
.tw110 {
  width: 110px;
}
.tw120 {
  width: 120px;
}
.tw130 {
  width: 130px;
}
.tw140 {
  width: 140px;
}
.tw210 {
  width: 216px;
}
.tw180 {
  width: 180px;
}
.tw460 {
  width: 460px;
}
.tw560 {
  width: 560px;
}
/*-------------------------------------------------
テーブル背景色
-------------------------------------------------*/
.tb_bkg_blue {
  background: #c8e3fb;
  color: #0f6abd;
}
.tb_bkg_gray {
  background: #e0e0e0;
  color: #515151;
}
/*-------------------------------------------------
いろは　サブページ用
-------------------------------------------------*/
.tex_list {
  padding: 10px;
  margin-bottom: 15px;
  border-width: 1px;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
}
.tex_list2 {
  padding: 5px 10px;
  margin-bottom: 15px;
  font-size: 110%;
  line-height: 1.3em;
  font-weight: 600;
}
.example {
  font-size: 110%;
  font-weight: 600;
  margin-bottom: 10px;
}
.nagare {
  font-size: 110%;
  font-weight: 600;
  padding: 10px 0;
  border-width: 0 0 1px 0;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
}
.nagare a {
  color: #000;
  padding: 0 0 0 16px;
  background: url("../img/common/arrow_list_01.gif") no-repeat 0% 50%;
}
.nagare a:hover {
  color: #0f6abd;
}
/*-------------------------------------------------
明石へいらっしゃい　サブページ目次用
-------------------------------------------------*/
.s_link {
  background: url("../img/common/arrow_list_02.gif") no-repeat 10px 50%;
  background-color: #e9e9e9;
  padding: 10px 10px 10px 25px;
  border-width: 1px;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
}
.s_link:hover {
  color: #473e81;
}
.akashi_anchor {
  float: left;
  background: url("../img/common/arrow_list_03.gif") no-repeat 0px 50%;
  padding: 10px 10px 10px 15px;
  margin: 0;
}
.akashi_anchor:hover {
  font-weight: bold;
}
.list_mg_t {
  margin: 15px 0;
}
.tex_list_aka {
  padding: 5px 7px;
  margin: 15px 0;
  border-width: 1px;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
}
/*-------------------------------------------------
ニュースページ用
-------------------------------------------------*/
.news_box {
  background: #fff;
  padding: 5px 0 0 0;
}
.news_box a {
  border-width: 0 0 1px 0;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
}
.news_box a:hover {
  opacity: .7;
}
.ttl_news {
  margin: 0 0 8px 0;
}
.news {
  margin: 6px 0;
  padding: 2px 0 5px 0;
  border-width: 0 0 1px 0;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
}
.date {
  float: left;
  width: 130px;
  margin: 0;
  padding: 0;
}
.n_text {
  float: left;
  width: 570px;
  margin: 0;
  padding: 0;
}
.about {
  background: #0f6abd;
  color: #fff;
  font-size: 80%;
  padding: 1px 7px 0 7px;
  margin: 0 10px 0 0;
}
.akashi {
  background: #a81f7c;
  color: #fff;
  font-size: 80%;
  padding: 1px 7px 0 7px;
  margin: 0 10px 0 0;
}
.news_b {
  background: #0f6abd;
  color: #fff;
  font-size: 80%;
  padding: 1px 7px 0 7px;
  margin: 0 10px 0 0;
}
.news_o {
  background: #EF7625;
  color: #fff;
  font-size: 80%;
  padding: 1px 7px 0 7px;
  margin: 0 10px 0 0;
}
.news_g {
  background: #8ebd51;
  color: #fff;
  font-size: 80%;
  padding: 1px 7px 0 7px;
  margin: 0 10px 0 0;
}
.event_m {
  background: #e64545;
  color: #fff;
  font-size: 80%;
  padding: 1px 7px 0 7px;
  margin: 0 10px 0 0;
}
/*-------------------------------------------------
サイトマップ用
-------------------------------------------------*/
.sitemap_list {
  padding: 0;
  margin: 0;
}
.sitemap_list li a {
  margin: 0;
  background: url("../img/common/arrow_list_01.gif") no-repeat 0 50%;
  padding: 7px 0 5px 15px;
  border-width: 0 0 1px 0;
  border-style: dotted; /* 枠の種類 */
  border-color: #515151; /* 枠の色 */
  display: block;
}
.sitemap_list li a:hover {
  background: url("../img/common/arrow_list_00_ov.gif") no-repeat 0 50%;
  background-color: #e8e8e8;
}
/*-------------------------------------------------
そのほか
-------------------------------------------------*/
.tesc_banner {
  margin: 0 0 0 230px;
}
.arrow_link {
  color: #000;
  margin: 0;
  padding: 0 0 0 15px;
  background: url("../img/common/arrow_list_01.gif") no-repeat 0% 50%;
}
.arrow_link:hover {
  color: #0f6abd;
}
.btn_link {
  background: url("../img/common/arrow_btn_link.gif") no-repeat 2% 50%;
  background-color: #0f6abd;
  color: #fff;
  disaplay: block;
  margin: 5px 0;
  padding: 7px 15px 7px 20px;
}
.btn_link:hover {
  background: url("../img/common/arrow_btn_link_ov.gif") no-repeat 2% 50%;
  background-color: #ffb400;
}
.more_btn {
  float: right;
}
.info_btn {
  color: #0f6abd;
  display: block;
  clear: both;
  padding-bottom: 0px;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
}
.prod_box a:hover {
  opacity: .7;
}