@charset='utf-8';
@import url("imported.css?var=20140331-1604");

/* ==================================================
[01]レイアウト
[04][1.14]ヘッダー
[10][1.70]コンテンツ詳細（最大）
[99][1.99]フッターブロック
================================================== */

/* ==================================================
フォームメール用css
================================================== */

/* 余白の初期化 */
* {
  margin: 0;
  padding: 0;
}

/* 全体のリンク指定 */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #69821b; } /* 苔色 こけいろ */

a:visited { color: #2e8b57; } /* seagreen */

a:hover { color: #ee7800; } /* 橙色 だいだいいろ */

a:active { color: #e17b34; } /* ローシェンナ */

/* 画像 */
img {
  border: none;
  vertical-align:bottom;
}

/* --------------------------------------------------
   [01]レイアウト
-------------------------------------------------- */
/* [1.00]ボディ */
body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  margin: 0;
  padding:0;
  font-size: 14px;
  color: #333;
  text-align: center; /* IE6以下ではブロックレベル要素もセンタリングされる */
  background-color: #ffffff; /* 白 */
}

/* [1.01]ラッパー */
#wrapper {
  width: 920px;
  _width: 930px;
  text-align: left;
  margin: 0 auto 0;
  padding: 3px 0 0 0;
  background-color: #ffffff;
}

/* [1.14]ヘッダー */
#header {
  width: 100%;
  height: 55px;
  margin-top:18px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
  background-color: #ffffff; /* 白 */
  background-repeat: no-repeat;
  font-family:Verdana;
}

/* [1.02]コンテナ */
#container {
  width: 100%;
  padding-top: 2.5em;
  position: relative;
  background-color: #ffffff; /* 白 */
}

/* [1.03]コンテンツラッパー */
#container-wrapper {
  width: 910px;
  _width: 920px;
  margin: 5px 5px 10px 5px;
  position: relative;
}

/* [1.70]コンテンツ詳細（最大） */
#contents-detail-max {
  width: 100%;
  margin: 15px auto 15px auto;
}

/* [1.99]フッター */
#footer {
  clear: both;
  margin: 10px 0 0 0;
  padding: 4px 0 15px 10px;
  text-align: center;
  color: #333; /* 濃グレー */
  border-top: solid 2px;
  border-top-color: #406090; /* 紺 */
}

/* --------------------------------------------------
   [04][1.14]ヘッダー
-------------------------------------------------- */

/*-- サイトタイトル --*/
#header .logo {
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.logo a {
  text-decoration: none;
  color: #000;
}

.logo a:hover {
  text-decoration: none;
  color: #f00;
}

/* --------------------------------------------------
   [10][1.70]コンテンツ詳細（最大）
-------------------------------------------------- */
/*-- 見出し --*/
#contents-detail-max h1 {
  font-size: 150%;
}

#contents-detail-max h3 {
  font-size: 130%;
  color: #333333;
  margin: 40px 0 10px 0;
  padding: 3px 0 5px 20px;
  background-image: url(../img01/titlebar_wide.gif);
  background-repeat: no-repeat;
}

#contents-detail-max h4 {
  font-size: 120%;
  margin: 20px 0 10px 0;
  padding-left: 5px;
  border-left: 5px solid #2e8b57; /* seagreen */
}

/*-- 小見出し リンク下線なし --*/
#contents-detail-max h4.title-rollover a {
  text-decoration: none;
  font-weight: bold;
  color: #333; /* 黒 */
}

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

/* 区切り線 */
#contents-detail-max hr {
  margin: 2em 0;
}

/*-- 段落 --*/
#contents-detail-max p{
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-left: 10px;
}

#contents-detail-max p.margin-bottom {
  line-height: 1.5em;
  margin-bottom: 1em;
  margin-left: 10px;
}

#contents-detail-max p.indent {
  line-height: 1.5em;
  margin-bottom: 1em;
  margin-left: 10px;
  text-indent: 1em;
}

/*-- リスト disc --*/
#contents-detail-max ul {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 2em;
  margin: 0 0 0 2em;
  padding: 0;
}

/*-- リスト seq-no --*/
#contents-detail-max ol {
  list-style-position: inside;
  line-height: 2em;
  margin: 0 0 0 2em;
  padding: 0;
}

/*-- リスト 項目 --*/
#contents-detail-max li {
  line-height: 1.5em;
  list-style-position: outside;
}

/*-- リスト 項目右寄せ --*/
#contents-detail-max li.list-right {
  list-style-position: inside;
  line-height: 1.5em;
}

#contents-detail-max input.common01 {
  display: none !important;
}

/* --------------------------------------------------
   [99][1.99]フッターブロック
-------------------------------------------------- */

#footer p {
  text-align: left;
}

#footer p.center {
  text-align: center;
  line-height: 2em;
}

#footer p.info a {
  text-decoration: none;
  color: #444; /* 濃グレー */
 }

#footer p.info a:hover {
  text-decoration: underline;
}










table.panel {
	margin: 1.5em auto;
}
table.panel th {
	background: #f2ab00; /* オレンジ */
	color: #fff;
	padding: 0.5em;
	width: 100px;
}
td.panel-off {
	background: #a8a8a8; /* 灰色 */
	color: #fff;
	padding: 0.5em;
	text-align: center;
	width: 100px;
}
td.panel-arrow {
	color: #a8a8a8; /* 灰色 */
	text-align: center;
	width: 20px;
}
input.button {
	width: 140px;
	margin: 0 14px;
}
table.cart_tbl {
	margin: 1.3em auto;
	border-collapse: collapse;
}
table.cart_tbl th {
	border: solid 1px #82ae46; /* 鶸萌黄 ひわもえぎ */
	background: #e0ebaf; /* 若芽色 わかめいろ */
	white-space: nowrap;
	padding: 6px;
}
table.cart_tbl td {
	border: solid 1px #82ae46; /* 鶸萌黄 ひわもえぎ */
	background: #fff;
	white-space: nowrap;
	padding: 6px;
}
table.cart_form {
	width: 100%;
	margin: 1.3em auto;
	border-collapse: collapse;
}
table.cart_form th {
	text-align: left;
	border: solid 1px #82ae46; /* 鶸萌黄 ひわもえぎ */
	background: #e0ebaf; /* 若芽色 わかめいろ */
	white-space: nowrap;
	padding: 6px;
}
table.cart_form td {
	border: solid 1px #82ae46; /* 鶸萌黄 ひわもえぎ */
	background: #fff;
	white-space: nowrap;
	padding: 6px;
}
td.w-key {
	width: 160px;
	padding: 6px 0 6px 10px !important;
}

/* 2018.02.01 insert start */
@media screen and (max-width: 767px) {
table.cart_form {
	width: 100%;
	margin: 1.3em auto;
	border-collapse: collapse;
    font-size: 14px;
}
table.cart_form thead {
	display:none;
}
table.cart_form tbody th {
	display:block;
}
table.cart_form tbody td {
	display:block;
}
table.cart_form tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.cart_form tbody td p {
	padding-left:1px;
}
table.cart_form tbody td.w-key {
	width: 100%;
	padding: 3px 0 !important;
}
}
/* 2018.02.01 insert end */

/* 入力必須 */
span.req {
	border-left: 2px solid red;
	padding-left: 3px;
}
/* 入力任意 */
span.opt {
	border-left: 2px solid #fff;
	padding-left: 3px;
}

td.tbl-wide {
	border: solid 1px #82ae46; /* 鶸萌黄 ひわもえぎ */
	background: #fff;
	white-space: nowrap;
	padding: 6px;
	text-align: center;
}

table.btn-tbl {
	margin: 0px auto;
}
.eiji {
	font-family:Verdana,Helvetica,Arial !important;
	font-size:90%;
}
.ta-r {
	text-align: right !important;
}
.ta-l {
	text-align: left;
}
.ta-c {
	text-align: center;
}
input.inp-mem {
	width: 150px;
	ime-mode: inactive;
}
table.tbl-join td {
	background: #fff;
	color: #444;
}

/* 入力画面でのメッセージ */
div.cart-msg {
	border: 1px dotted #dd0000;
	padding: 6px;
	background: #fff;
	color: #000;
	width: 600px;
	margin: 1em auto;
	line-height: 140% !important;
}

div.login-note {
	text-align: left;
	margin: 1em auto 0.5em auto;
	width: 23em;
}
table.enter {
	margin: 80px auto;
	width: 400px;
	border: 1px solid #004080; /* 紺 */
	border-collapse: collapse;
}
table.enter th {
	border: 1px solid #004080; /* 紺 */
	padding: 1em;
	background: #004080; /* 紺 */
	color: #fff;
	text-align: left;
}
table.enter td {
	border: 1px solid #004080; /* 紺 */
	padding: 1em;
	background: #fff;
	font-family: verdana,helvetica,arial;
}
input.len {
	width: 220px;
	margin-bottom: 1em;
}
div.btn input {
	font-family: verdana,helvetica,arial;
	width: 100px;
	height: 32px;
}

/* 画面TOPボタン */
div.top-btn input {
	width: 9.5em;
	margin-bottom: 1.5em;
}