@charset "shift_jis";
/* CSS Document */
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff; /* ページの背景色 */
  color: #000000; /* 全体の文字色 */
}
#wrapper {
  width: 100%;
  max-width: 850px;
}
/* --- 全体のリンクテキスト --- */
a:link {
  color: #0000ff;
}
a:visited {
  color: #800080;
}
a:hover {
  color: #ff0000;
}
a:active {
  color: #ff0000;
}
/* --- コンテナ --- */
#container {
  max-width: 100%; /* ページの幅 */
  margin: 0 auto; /* センタリング */
}
/* --- ヘッダ --- */
#header {
  background-color: #FFFFFF; /* ヘッダの背景色 */
}
/* --- コンテンツ --- */
#content {
  background-color: #ffffff; /* コンテンツの背景色 */
  width: 95%;
  margin: 0 auto; /* センタリング */
}
/* --- スタイル --- */
#wrapper {
  margin: 0 auto;
  background-color: #FFFFFF;
}
html {
  overflow-y: scroll;
}
img {
  border: 0;
}
#headernavi {
  margin: 3 auto;
  width: 100%;
  margin-bottom: 5px;
  padding: 0 0 0;
  overflow: hidden;
}
.navi_title {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 0px;
  padding: 5px 0 0 0;
  overflow: hidden;
  border-bottom: 1px solid #FFFFFF;
}
.navi-left {
  margin-right: 15px;
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 80%;
  float: left;
  text-align: left;
  margin-left: 0;
}
.day-right {
  width: 15%;
  float: right;
  text-align: right;
  padding: 0 5px 0 0;
  margin: 0 15px 0 0;
  font-size: 12px;
  line-height: 125%;
}
p {
  text-align: left;
  margin: 1px 0 5px 20px;
  padding: 2px 30px 0 8px;
  font-size: 0.82em;
  line-height: 125%;
  letter-spacing: 0.07em;
}
ul.attention {
  margin: 3px 0 0 40px;
  list-style: disc;
  text-align: left;
  padding-left: 0.85em;
}
ul.attention li {
  padding-left: 0;
  font-size: 0.80em;
  color: #000000;
  margin-bottom: 0.2em;
  line-height: 135%;
  letter-spacing: 0.07em;
}
ul.spec {
  margin: 3px 0 0 40px;
  list-style-image: url(../../../../img/text-alter/diya_b.gif);
  text-align: left;
  padding-left: 0.85em;
}
ul.spec li {
  padding-left: 0;
  font-size: 0.80em;
  color: #000000;
  margin-bottom: 0.2em;
  line-height: 135%;
  letter-spacing: 0.07em;
}
ol {
  margin-left: 0;
  list-style-type: none;
  font-size: 0.80em;
  line-height: 130%;
  letter-spacing: 0.10em;
}
ol li {
  counter-increment: cnt;
  text-indent: -1.9em;
  margin: 0 0 3px 0;
  padding: 0 0 3px 0;
  color: #000000;
  line-height: 140%;
  letter-spacing: 0.06em;
}
ol li:before {
  content: "("counter(cnt) ") ";
}
#btn-space {
  width: 80%;
  background-color: #FFFFCC;
  text-align: center;
  margin: 20px auto;
  padding: 0;
}
.inline-block_test {
  display: inline-block;
  background-color: #FFFFCC;
  padding: 0 20px; /* 余白指定 */
  height: 50px; /* 高さ指定 */
}
.btn-square {
  display: inline-block;
  width: 150px;
  font-size: 1em;
  margin: 0;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ffcc99; /*ボタン色*/
  color: #000000;
  border-bottom: solid 4px #cc9966;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px); /*下に動く*/
  border-bottom: none; /*線を消す*/
}
.top-attention {
  text-align: center;
  font-size: 0.85em;
  line-height: 150%;
  font-weight: bold;
  color: #FF0066;
}
/*#period {
  width: 85%;
  margin: 1em auto 1em;
  padding: 12px 18px;
  background-color: #ffffcc;
  font-weight: bold;
  border: 1px solid #000000;
  height: auto;
}*/
#period dl {
  font-size: 0.85em;

     background-color: #ffffcc;
  font-weight: bold;
  border: 1px solid #000000;
    width: 85%;
  margin: 1em auto 1em;
  padding: 12px 18px;
}
#period dt {
  color: #000000;
  padding-left: 0;
  font-weight: bold;
  float: left;
}
#period dd {
  color: #ff0000;
  font-weight: bold;
  margin-left: 18em;
  text-align: left;
}
.title-attention {
  margin-top: 12px;
  padding-left: 15px;
  font-size: 14px;
  font-weight: bold;
}
.btn-attention {
  font-size: 1em;
  text-align: left;
  padding: 25px 15%;
  line-height: 130%;
}
.detail {
  font-size: 13px;
  line-height: 130%;
}
.style1 {
  color: #FF0000;
}
/*.style2 {color: #FF0000;
         font-weight:bold;}
.style3 {color: #006600;}
.style4 {
	color: #999999;
	font-size:12px;
	line-height:125%;
}
.style5 {
	background-color:#FF3333;
	padding-top:1px;
	padding-bottom:1px;
	line-height:105%;
	padding-left:1px;
	padding-right:1px;
	color:#FFFFFF;
}
.style6 {
	background-color:#006699;
	padding-top:1px;
	padding-bottom:1px;
	line-height:105%;
	padding-left:1px;
	padding-right:1px;
	color:#FFFFFF;
}
.style7 {
	color: #308C59;
	font-weight:bold;}

.style8 {
	background-color:#adff2f;
	padding-top:1px;
	padding-bottom:1px;
	line-height:98%;
	padding-left:1px;
	padding-right:1px;
	color:#FFFFFF;
}
*/
table.table1 {
  width: 95%;
  font-size: 0.75em;
  margin-top: 25px;
  border-collapse: collapse; /* 枠線の表示方法 */
  border: 1px #000000 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}
table.table1 caption {
  border: 1px solid #000;
  border-bottom: 0;
  background-color: #ffffcc;
  padding: 5px;
}
table.table1 td {
  border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */
  padding: 8px 6px 8px 6px; /* セル内の余白 */
  text-align: left;
  letter-spacing: 0.2em;
}
table.table1 th {
  background-color: #ffffcc;
  border: 1px #000000 solid;
  padding: 6px; /* セル内の余白 */
  /*	width:150px;*/
}
table.table1 th.subject {
  width: 25%;
}
table.table1 td.subject2 {
  width: 25%;
}
table.table1 td.subject3 {
  width: 50%;
}
table.table1 td.subject4 {
  width: 20%;
}
table.table1 td.subject5 {
  width: 35%;
}
table.table2 {
  width: 95%;
  text-align: center;
  font-size: 0.75em;
  margin-top: 25px;
  border-collapse: collapse; /* 枠線の表示方法 */
  border: 1px #000000 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}
table.table2 td {
  border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */
  padding: 6px; /* セル内の余白 */
  line-height: 150%;
  text-align: left;
  letter-spacing: 0.2em;
}
table.table2 tr td:nth-child(1) {
  width: 35%;
  background-color: #ffffcc;
}
table.tablec {
  width: 95%;
  text-align: center;
  font-size: 0.75em;
  margin-top: 25px;
  border-collapse: collapse; /* 枠線の表示方法 */
  border: 1px #000000 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}
table.tablec td {
  border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */
  padding: 6px; /* セル内の余白 */
  text-align: left;
  letter-spacing: 0.2em;
}
table.tablec th {
  background-color: #ffffcc;
  border: 1px #000000 solid;
  padding: 6px; /* セル内の余白 */
}
.tablec th.shop {
  width: 25%;
}
.tablec td.machine {
  width: 25%;
}
/*-- 住所部分 --*/
table.table3 {
  border-collapse: collapse; /* 枠線の表示方法 */
  border: 1px #000000 solid;
  width: 90%;
  font-size: 0.85em;
}
table.table3 thead {
  color: #000000;
  font-size: 1.05em;
}
table.table3 tbody {
  background-color: #iijkll;
  font-size: 12px;
  line-height: 125%;
}
table.table3 .tabledate {
  background-color: #FFFFFF;
  width: 35%;
  color: #000000;
  text-align: left;
}
table.table3 .title {
  background-color: #FFFFFF;
  width: 45%;
  color: #000000;
  text-align: left;
}
table.table3 .appli {
  background-color: #FFFFFF;
  color: #000000;
  text-align: left;
}
table.table3 .etc {
  background-color: #FFFFFF;
  width: 15%;
  color: #000000;
  text-align: left;
}
table.table3 td {
  border-collapse: collapse;
  border: 1px #000000 solid;
  padding: 5px; /* セル内の余白 */
}
table.table3 th {
  padding: 15px; /* セル内の余白 */
  background-color: #c1e4e9;
  font-weight: normal;
  border-collapse: collapse;
  border: 1px #000000 solid;
}
table.table3 .abbr {
  width: 70px;
}
table.table3 .date {
  color: #660;
}
/* --- フッタ --- */
#footer {
  background-color: #ffffff; /* フッタの背景色 */
  margin: 20px 0 15px 0;
  font-size: 12px;
}
#copyright {
  text-align: center;
  padding: 5px;
  border-top: 1px solid #999999;
}
/* Mobile */
@media (max-width: 480px) {
  #wrapper {
    width: 100%;
    margin: 0 auto;
  }
  /* --- コンテナ --- */
  #container {
    width: 95%; /* ページの幅 */
    margin: 0 auto; /* センタリング */
  }
  /* --- コンテンツ --- */
  #content {
    background-color: #ffffff; /* コンテンツの背景色 */
    width: 100%;
  }
  /*#headernavi {
	margin: 3 auto;
	width:100%;
	margin-bottom: 5px;
	padding: 0 0 0;
	}
	
.navi_title {
	margin: 0 auto;
	width:100%;
	margin-bottom: 0px;
	padding: 0 0 0;
	}
*/
  .navi-left {
    margin-right: 15px;
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 80%;
    float: left;
    text-align: left;
    margin-left: 0;
  }
  .day-right {
    width: 15%;
    float: right;
    text-align: right;
    padding-right: 5px;
    margin-right: 15px;
    font-size: 11px;
    line-height: 125%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .top-attention {
    font-size: 0.70em;
    line-height: 150%;
  }
/*#period {
  width: 85%;
  padding: 12px 18px;
  background-color: #ffffcc;
  font-weight: bold;
  border: 1px solid #000000;

}*/
  #period dl {
    font-size: 0.70em;
  }
  #period dt {
    padding-left: 0;
    float: left;
  }
  #period dd {
    clear: both;
    margin: 1em 2em 0;
  }
  .title-attention {
    margin-top: 12px;
    padding-left: 8px;
    font-size: 13px;
    font-weight: bold;
  }
  .btn-attention {
    font-size: 0.8em;
    padding: 12px 20px;
    line-height: 130%;
  }
  p {
    font-size: 0.70em;
    margin: 0 0 5px 5px;
    padding: 0 5px 0 5px;
  }
  table.table1 {
    width: 95%;
    font-size: 0.70em;
    margin-top: 8px;
  }
  table.table1 td {
    padding: 6px 2px 6px 2px; /* セル内の余白 */
    line-height: 120%;
    letter-spacing: 0.2em;
  }
  table.table2 {
    font-size: 0.70em;
    margin-top: 8px;
  }
  table.table2 td {
    padding: 6px 4px 6px 4px; /* セル内の余白 */
    line-height: 120%;
    letter-spacing: 0.2em;
  }
  ul.attention {
    margin-top: 8px;
    list-style: disc;
    text-align: left;
    margin-left: 20px;
    padding-left: 0;
  }
  ul.attention li {
    padding-left: 0;
    font-size: 0.70em;
    margin-bottom: 0.2em;
    line-height: 125%;
    letter-spacing: 0.06em;
  }
  ul.spec {
    margin-top: 8px;
    list-style: disc;
    text-align: left;
    margin-left: 40px;
    padding-left: 0;
  }
  ul.spec li {
    padding-left: 0;
    font-size: 0.70em;
    margin-bottom: 0.2em;
    line-height: 125%;
    letter-spacing: 0.06em;
  }
  ol {
    font-size: 0.71em;
    line-height: 120%;
    letter-spacing: 0.07em;
    margin-left: 0;
  }
  ol li {
    text-indent: -1.9em;
    padding: 0 0 0 0;
    margin: 0 0 0.3em 0;
    line-height: 130%;
    letter-spacing: 0.06em;
  }
  .detail {
    font-size: 11px;
    line-height: 120%;
  }
  #btn-space {
    width: 90%;
    background-color: #FFFFCC;
    text-align: center;
    margin: 20px auto;
    padding: 0;
  }
  .btn-square {
    display: inline-block;
    width: 70px;
    font-size: 0.8em;
    margin: 0;
    padding: 0.5em 1em;
    border-bottom: solid 4px #cc9966;
    border-radius: 3px;
  }
  /* --- フッタ --- */
  #footer {
    margin-top: 20px;
    font-size: 11px;
  }
}
/*-- ここまで ---*/