@charset "utf-8";

/* ****************************************************************************************************
   * div
**************************************************************************************************** */

div#undercolumn div.section ~ div.section {
	margin-top: 40px;
}

div#undercolumn div.column ~ div.column {
	margin-top: 20px;
}

/* ****************************************************************************************************
   * title
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * title-2
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.title-2 {
  min-height: 33px;
  margin-bottom: 10px;
  padding: 7px 0.5em 0 40px;
  color: #a02623;
  font-size: 18px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  background: url(../../../img/_customize/_common/c-title-2-bg.png) no-repeat;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * title-3
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.title-3 {
  color: #fff;
  padding: 6px 10px;
  background: #b42727;
}

.title-3 a {
  color: inherit;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * title-4
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.title-4 {
	margin-bottom: 0.5em;
	font-size: 16px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * title-5
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.title-5 {
  font-weight: bold;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * h3
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#mypagecolumn h3,
div#undercolumn_shopping h3,
div#undercolumn_login h3 {
  color: #fff;
  padding: 6px 10px;
  background: #b42727;
  margin-bottom: 1em;
}

/* ****************************************************************************************************
   * text
**************************************************************************************************** */

.bold { font-weight:bold; }

.red { color:#e71f00; }

.align-l { text-align:left; }

.align-c { text-align:center; }

.align-r { text-align:right; }

/* ****************************************************************************************************
   * image
**************************************************************************************************** */

img.left { margin:0 1.5em 0.75em 0; float:left; }

img.right { margin:0 0 1em 1.5em; float:right; }

img.border { padding:2px; border:solid 1px #ddd; background:#fff; }

/* ****************************************************************************************************
   * list
**************************************************************************************************** */

div#two_maincolumn_right dl,
div#two_maincolumn_right dt,
div#two_maincolumn_right dd {
	margin: 0;
	padding: 0;
}

div#two_maincolumn_right ol,
div#two_maincolumn_right ul,
div#two_maincolumn_right li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.default {
  margin: 1em 0 !important;
  padding-left: 40px !important;
  list-style-type: disc !important;
}

ul.default li {
  display: list-item;
  list-style-type: disc !important;
}

ol.default {
  margin: 1em 0 !important;
  padding-left: 40px !important;
  list-style-type: decimal !important;
}

ol.default li {
  display: list-item;
  list-style-type: decimal !important;
}

dl.default {
  margin: 1em 0 !important;
}

dl.default dd {
  padding-left: 40px !important;
}

/* ****************************************************************************************************
   * table
**************************************************************************************************** */

table caption { margin-bottom:0.25em; caption-side:top; }
table caption[align=left]   { text-align:left; }
table caption[align=center] { text-align:center; }
table caption[align=right]  { text-align:right; }

table { border-collapse:collapse; }

table + *,
* + table { margin-top:0.75em; }

table + h1,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6 { margin-top:20px !important; }

table th { font-weight:normal; }

table > thead > tr > th {
	padding-left: 1em;
	padding-right: 1em;
  border: solid 1px #cbba9f;
	background: #fff7dc;
}

table > tbody > tr > th {
	padding-left: 1em;
	padding-right: 1em;
	border: solid 1px #cbba9f;
	background: #fff7dc;
}

table > tbody > tr > th[scope=col] {
	background: #ffe4db;
}

table > tbody > tr > th[scope=row] {
	background: #fffaea;
}

table > tbody > tr > td {
	padding-left: 1em;
	padding-right: 1em;
	border: solid 1px #cbba9f;
	background: #fff;
}

.ie7 table > thead > tr > th,
.ie7 table > tbody > tr > th,
.ie7 table > tbody > tr > td { padding-top:8px; padding-bottom:8px; }

/* ****************************************************************************************************
   * フォームボタン
**************************************************************************************************** */

div#undercolumn div.btn_area {
	margin: 2em 0;
	padding: 0;
}

div#undercolumn div.btn_area ul li {
	margin: 0 1em;
}

/* ****************************************************************************************************
   * float
**************************************************************************************************** */

.float-r { float:right; }

.float-l { float:left; }

/* ****************************************************************************************************
   * clearfix
**************************************************************************************************** */

.ie7 .clearfix { zoom:1; }

.clearfix:after { content:"."; display:block; line-height:0; font-size:0; clear:both; visibility:hidden; }

.clear { clear:both; }
