@charset "UTF-8";
/* -----------------------------------------------
 *            base styles
 * ----------------------------------------------- */
/* =============== root element =============== */
html {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color: black;
  background: #f4eee0 url(../img/body_bg_01.jpg);
}

/* =============== sections =============== */
body,
section,
nav,
article,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
header,
footer,
address {
  display: block;
}

/* ----- each element ----- */
body {
  margin: 0;
  padding: 0;
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

address {
  font-style: normal;
}

/* =============== Grouping content =============== */
p,
hr,
pre,
blockquote,
ol,
ul,
li,
dl,
dt,
dd,
figure,
figcaption,
div {
  display: block;
}

/* ----- each element ----- */
pre {
  font-family: monospace;
}

/* =============== Text-level semantics =============== */
a,
em,
strong,
small,
s,
cite,
q,
dfn,
abbr,
time,
code,
var,
samp,
kbd,
sub,
sup,
i,
b,
mark,
ruby,
rt,
rp,
bdi,
bdo,
span,
br,
wbr {
  display: inline;
}

/* ----- anchor ----- */
a:link {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}

a:hover,
a:active,
a:focus,
a.pseudo-hover {
  color: black;
  text-decoration: underline;
}

a[href^="#"]:visited,
a[href^="javascript:"]:visited {
  color: black;
}
a[href^="#"] a:hover,
a[href^="#"] a:active,
a[href^="#"] a:focus,
a[href^="#"] a.pseudo-hover,
a[href^="javascript:"] a:hover,
a[href^="javascript:"] a:active,
a[href^="javascript:"] a:focus,
a[href^="javascript:"] a.pseudo-hover {
  color: black;
}

/* ----- each element ----- */
em {
  color: black;
  font-weight: bold;
  font-style: normal;
}

strong {
  color: red;
  font-weight: bold;
  font-style: normal;
}

sup {
  margin: 0 0.2em;
  vertical-align: top;
  font-size: 83%;
}

sub {
  margin: 0 0.2em;
  vertical-align: bottom;
  font-size: 83%;
}

/* =============== Edits =============== */
/* =============== Embedded content =============== */
/* ----- each element ----- */
img {
  border: none;
}

/* =============== Tabular data =============== */
table,
caption,
colgroup,
col,
tbody,
thead,
tfoot,
tr,
td,
th {
  font-size: 100%;
  text-align: inherit;
  line-height: inherit;
}

/* =============== Forms =============== */
/* ----- each element ----- */
form,
fieldset {
  display: block;
}

label {
  cursor: pointer;
}

input,
select,
textarea,
button {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  line-height: inherit;
  color: black;
  vertical-align: middle;
}

input[type="password"] {
  font-family: "Helvetica", sans-serif;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: -2px;
  cursor: pointer;
}

input[type="image"] {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  display: inline-block;
  cursor: pointer;
}

input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer;
}

optgroup {
  font-style: normal;
  font-weight: bold;
}

*[disabled] {
  *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default !important;
}

/* =============== Interactive elements =============== */
details,
summary,
command,
menu {
  display: block;
}

/* -----------------------------------------------
 *            base styles
 * ----------------------------------------------- */
/* =============== root element =============== */
html {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color: black;
  background: #f4eee0 url(../img/body_bg_01.jpg);
}

/* =============== sections =============== */
body,
section,
nav,
article,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
header,
footer,
address {
  display: block;
}

/* ----- each element ----- */
body {
  margin: 0;
  padding: 0;
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

address {
  font-style: normal;
}

/* =============== Grouping content =============== */
p,
hr,
pre,
blockquote,
ol,
ul,
li,
dl,
dt,
dd,
figure,
figcaption,
div {
  display: block;
}

/* ----- each element ----- */
pre {
  font-family: monospace;
}

/* =============== Text-level semantics =============== */
a,
em,
strong,
small,
s,
cite,
q,
dfn,
abbr,
time,
code,
var,
samp,
kbd,
sub,
sup,
i,
b,
mark,
ruby,
rt,
rp,
bdi,
bdo,
span,
br,
wbr {
  display: inline;
}

/* ----- anchor ----- */
a:link {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}

a:hover,
a:active,
a:focus,
a.pseudo-hover {
  color: black;
  text-decoration: underline;
}

a[href^="#"]:visited,
a[href^="javascript:"]:visited {
  color: black;
}
a[href^="#"] a:hover,
a[href^="#"] a:active,
a[href^="#"] a:focus,
a[href^="#"] a.pseudo-hover,
a[href^="javascript:"] a:hover,
a[href^="javascript:"] a:active,
a[href^="javascript:"] a:focus,
a[href^="javascript:"] a.pseudo-hover {
  color: black;
}

/* ----- each element ----- */
em {
  color: black;
  font-weight: bold;
  font-style: normal;
}

strong {
  color: red;
  font-weight: bold;
  font-style: normal;
}

sup {
  margin: 0 0.2em;
  vertical-align: top;
  font-size: 83%;
}

sub {
  margin: 0 0.2em;
  vertical-align: bottom;
  font-size: 83%;
}

/* =============== Edits =============== */
/* =============== Embedded content =============== */
/* ----- each element ----- */
img {
  border: none;
}

/* =============== Tabular data =============== */
table,
caption,
colgroup,
col,
tbody,
thead,
tfoot,
tr,
td,
th {
  font-size: 100%;
  text-align: inherit;
  line-height: inherit;
}

/* =============== Forms =============== */
/* ----- each element ----- */
form,
fieldset {
  display: block;
}

label {
  cursor: pointer;
}

input,
select,
textarea,
button {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  line-height: inherit;
  color: black;
  vertical-align: middle;
}

input[type="password"] {
  font-family: "Helvetica", sans-serif;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: -2px;
  cursor: pointer;
}

input[type="image"] {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  display: inline-block;
  cursor: pointer;
}

input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer;
}

optgroup {
  font-style: normal;
  font-weight: bold;
}

*[disabled] {
  *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default !important;
}

/* =============== Interactive elements =============== */
details,
summary,
command,
menu {
  display: block;
}

/* -----------------------------------------------
 *              layout frames
 * ----------------------------------------------- */
/* =========== root element, body =========== */
/* =========== layout frame structure =========== */
.iroha-frame,
.iroha-frame-content {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}

.iroha-frame {
  clear: both;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.iroha-frame-content {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.iroha-frame-content:after {
  clear: both;
  display: block;
  content: "";
  height: 1px\9;
  margin-bottom: -1px\9;
}

/* =========== header area =========== */
#takumen-header-area .iroha-frame-content > header,
#takumen-header-area .iroha-frame-content > header div,
#takumen-header-area .iroha-frame-content > header hgroup,
#takumen-header-area .iroha-frame-content > header h1,
#takumen-header-area .iroha-frame-content > header img {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}
#takumen-header-area .iroha-frame-content > header {
  position: relative;
  overflow: hidden;
  width: 960px;
  height: 560px;
  background: url(../img/header_bg_01.png);
}
#takumen-header-area .iroha-frame-content > header h1 {
  margin-left: 2px;
}
#takumen-header-area .iroha-frame-content > header h2,
#takumen-header-area .iroha-frame-content > header p,
#takumen-header-area .iroha-frame-content > header ul,
#takumen-header-area .iroha-frame-content > header li {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  color: white !important;
  background-color: white !important;
}
#takumen-header-area .iroha-frame-content > header .takumen-sharing {
  position: absolute;
  right: 40px;
  top: 23px;
}
#takumen-header-area .iroha-frame-content > header .takumen-sharing > div {
  width: 110px;
  float: left;
}
#takumen-header-area .iroha-frame-content .takumen-timeline-A01 {
  margin-left: 160px;
  margin-right: 160px;
}
#takumen-header-area .iroha-frame-content .takumen-timeline-A01 h1 {
  top: -35px;
}

/* =========== content area =========== */
/* =========== footer area =========== */
#takumen-footer-area .iroha-frame-content ul,
#takumen-footer-area .iroha-frame-content li,
#takumen-footer-area .iroha-frame-content p {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}
#takumen-footer-area .iroha-frame-content {
  padding-top: 45px;
  padding-bottom: 110px;
  color: #333;
  font-size: 100%;
  line-height: 1.58333;
}
#takumen-footer-area .iroha-frame-content ul {
  text-align: center;
}
#takumen-footer-area .iroha-frame-content li {
  display: inline-block;
}
#takumen-footer-area .iroha-frame-content li + li:before {
  color: #9a968f;
  content: " | ";
}
#takumen-footer-area .iroha-frame-content a {
  text-decoration: underline;
}
#takumen-footer-area .iroha-frame-content p {
  text-align: center;
}

/* -----------------------------------------------
 *            base styles
 * ----------------------------------------------- */
/* =============== root element =============== */
html {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color: black;
  background: #f4eee0 url(../img/body_bg_01.jpg);
}

/* =============== sections =============== */
body,
section,
nav,
article,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
header,
footer,
address {
  display: block;
}

/* ----- each element ----- */
body {
  margin: 0;
  padding: 0;
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

address {
  font-style: normal;
}

/* =============== Grouping content =============== */
p,
hr,
pre,
blockquote,
ol,
ul,
li,
dl,
dt,
dd,
figure,
figcaption,
div {
  display: block;
}

/* ----- each element ----- */
pre {
  font-family: monospace;
}

/* =============== Text-level semantics =============== */
a,
em,
strong,
small,
s,
cite,
q,
dfn,
abbr,
time,
code,
var,
samp,
kbd,
sub,
sup,
i,
b,
mark,
ruby,
rt,
rp,
bdi,
bdo,
span,
br,
wbr {
  display: inline;
}

/* ----- anchor ----- */
a:link {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}

a:hover,
a:active,
a:focus,
a.pseudo-hover {
  color: black;
  text-decoration: underline;
}

a[href^="#"]:visited,
a[href^="javascript:"]:visited {
  color: black;
}
a[href^="#"] a:hover,
a[href^="#"] a:active,
a[href^="#"] a:focus,
a[href^="#"] a.pseudo-hover,
a[href^="javascript:"] a:hover,
a[href^="javascript:"] a:active,
a[href^="javascript:"] a:focus,
a[href^="javascript:"] a.pseudo-hover {
  color: black;
}

/* ----- each element ----- */
em {
  color: black;
  font-weight: bold;
  font-style: normal;
}

strong {
  color: red;
  font-weight: bold;
  font-style: normal;
}

sup {
  margin: 0 0.2em;
  vertical-align: top;
  font-size: 83%;
}

sub {
  margin: 0 0.2em;
  vertical-align: bottom;
  font-size: 83%;
}

/* =============== Edits =============== */
/* =============== Embedded content =============== */
/* ----- each element ----- */
img {
  border: none;
}

/* =============== Tabular data =============== */
table,
caption,
colgroup,
col,
tbody,
thead,
tfoot,
tr,
td,
th {
  font-size: 100%;
  text-align: inherit;
  line-height: inherit;
}

/* =============== Forms =============== */
/* ----- each element ----- */
form,
fieldset {
  display: block;
}

label {
  cursor: pointer;
}

input,
select,
textarea,
button {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  line-height: inherit;
  color: black;
  vertical-align: middle;
}

input[type="password"] {
  font-family: "Helvetica", sans-serif;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: -2px;
  cursor: pointer;
}

input[type="image"] {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  display: inline-block;
  cursor: pointer;
}

input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer;
}

optgroup {
  font-style: normal;
  font-weight: bold;
}

*[disabled] {
  *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default !important;
}

/* =============== Interactive elements =============== */
details,
summary,
command,
menu {
  display: block;
}

/* -----------------------------------------------
 *              components
 * ----------------------------------------------- */
/* =========== takumen-timeline =========== */
.takumen-timeline-A01,
.takumen-timeline-A01 h1,
.takumen-timeline-A01 dl,
.takumen-timeline-A01 dt,
.takumen-timeline-A01 dd {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}
.takumen-timeline-A01 {
  position: relative;
  min-height: 92px;
  margin-top: 3.33333em;
  padding-left: 97px;
}
.takumen-timeline-A01 h1 {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -5px;
  width: 92px;
  height: 92px;
  background: url(../img/timeline_txt_01.png) no-repeat;
  text-indent: -10000px;
}
.takumen-timeline-A01 dl {
  *zoom: 1;
  font-size: 100%;
  line-height: 1.75;
}
.takumen-timeline-A01 dl:after {
  clear: both;
  display: block;
  content: "";
  height: 1px\9;
  margin-bottom: -1px\9;
}
.takumen-timeline-A01 dt {
  float: left;
  clear: left;
  width: 110px;
  padding-left: 15px;
  background: url(../img/timeline_icon_01.png) 0 0.4em no-repeat;
}
.takumen-timeline-A01 dt em {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  margin-left: 0.6em;
  font-size: 0.83333em;
  font-weight: normal;
  color: red;
}
.takumen-timeline-A01 dd {
  margin-left: 125px;
}

/* =========== takumen-entry =========== */
.takumen-entry-A01,
.takumen-entry-A01 h1,
.takumen-entry-A01 h1 a {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}
.takumen-entry-A01 {
  height: 260px;
  margin-top: 40px;
  background: url(../img/entry_bg_01.png) center bottom no-repeat;
}
.takumen-entry-A01 h1 a {
  overflow: hidden;
  width: 681px;
  height: 98px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/entry_btn_01.png) no-repeat;
  text-indent: -10000px;
}
.takumen-entry-A01 h1 a:hover, .takumen-entry-A01 h1 a:active, .takumen-entry-A01 h1 a:focus {
  outline: none;
  hide-focus: expression(this.hideFocus=true);
  background-position: 0 -100px;
}
.takumen-entry-A01 p,
.takumen-entry-A01 ul {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  color: white !important;
  background-color: white !important;
}

/* =========== takumen-itemgroup =========== */
.takumen-itemgroup-A01, .takumen-itemgroup-A01 > h1, .takumen-itemgroup-A01 > h1 img {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  vertical-align: top;
}
.takumen-itemgroup-A01 {
  *zoom: 1;
  position: relative;
  width: 812px;
  margin: 0 auto;
}
.takumen-itemgroup-A01:after {
  clear: both;
  display: block;
  content: "";
  height: 1px\9;
  margin-bottom: -1px\9;
}
.takumen-itemgroup-A01 > h1 {
  width: 960px;
  margin: 0 -74px;
}

/* =========== takumen-item =========== */
.takumen-item-A01 h1, .takumen-item-B01 h1, .takumen-item-C01 h1,
.takumen-item-A01 h2,
.takumen-item-B01 h2,
.takumen-item-C01 h2,
.takumen-item-A01 p,
.takumen-item-B01 p,
.takumen-item-C01 p,
.takumen-item-A01 ul,
.takumen-item-B01 ul,
.takumen-item-C01 ul,
.takumen-item-A01 li,
.takumen-item-B01 li,
.takumen-item-C01 li,
.takumen-item-A01 a,
.takumen-item-B01 a,
.takumen-item-C01 a,
.takumen-item-A01 figure,
.takumen-item-B01 figure,
.takumen-item-C01 figure,
.takumen-item-A01 img,
.takumen-item-B01 img,
.takumen-item-C01 img {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}
.takumen-item-A01, .takumen-item-B01, .takumen-item-C01 {
  *zoom: 1;
  float: left;
  margin: 20px 0 0 22px;
  padding: 0 0 20px;
  background: #f8f8f8;
  box-shadow: 0 0 3px rgba(184, 184, 184, 0.75);
}
.takumen-item-A01:after, .takumen-item-B01:after, .takumen-item-C01:after {
  clear: both;
  display: block;
  content: "";
  height: 1px\9;
  margin-bottom: -1px\9;
}
.takumen-item-A01 > h1, .takumen-item-B01 > h1, .takumen-item-C01 > h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 20px;
  padding: 0 20px;
  border-top: 4px solid #06315c;
  color: white;
  background: #06315c url(../img/item_bg_01.png);
  font-family: "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
}
.takumen-item-A01 > figure, .takumen-item-B01 > figure, .takumen-item-C01 > figure {
  float: left;
}
.takumen-item-A01 > h2, .takumen-item-B01 > h2, .takumen-item-C01 > h2, .takumen-item-A01 > p, .takumen-item-B01 > p, .takumen-item-C01 > p, .takumen-item-A01 > div, .takumen-item-B01 > div, .takumen-item-C01 > div {
  float: right;
}
.takumen-item-A01 > h2, .takumen-item-B01 > h2, .takumen-item-C01 > h2 {
  margin-top: -0.25em;
  margin-bottom: 0.375em;
  font-size: 133.33333%;
  line-height: 1.5;
}
.takumen-item-A01 > p, .takumen-item-B01 > p, .takumen-item-C01 > p {
  font-size: 100%;
  line-height: 1.58333;
}
.takumen-item-A01 > div, .takumen-item-B01 > div, .takumen-item-C01 > div {
  position: relative;
  margin-top: 1.5em;
  padding-top: 11px;
}
.takumen-item-A01 > div h2, .takumen-item-B01 > div h2, .takumen-item-C01 > div h2 {
  position: absolute;
  left: 90px;
  top: 0;
  overflow: hidden;
  width: 107px;
  height: 11px;
  margin: 0;
  text-indent: -10000px;
  font-size: 91.66667%;
  line-height: 1;
  background: url(../img/item_txt_01.jpg) no-repeat;
}
.takumen-item-A01 > div figure, .takumen-item-B01 > div figure, .takumen-item-C01 > div figure {
  float: left;
  width: 80px;
  margin-top: -11px;
}
.takumen-item-A01 > div p, .takumen-item-B01 > div p, .takumen-item-C01 > div p {
  margin-left: 90px;
  margin-top: 0.5em;
  font-size: 100%;
  line-height: 1.58333;
}
.takumen-item-A01 > ul, .takumen-item-B01 > ul, .takumen-item-C01 > ul {
  clear: both;
  padding-top: 20px;
}
.takumen-item-A01 > ul li, .takumen-item-B01 > ul li, .takumen-item-C01 > ul li {
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  color: #cc0000;
  background: url(../img/item_btn_01.png) no-repeat;
  white-space: nowrap;
  font-weight: bold;
  text-align: center;
}
.takumen-item-A01 > ul li a, .takumen-item-B01 > ul li a, .takumen-item-C01 > ul li a {
  margin: 0 -20px;
  background: #f90000 url(../img/item_btn_01.png) no-repeat;
  text-indent: -10000px;
}

/* ----- A01 ----- */
.takumen-item-A01 {
  width: 750px;
  padding-left: 20px;
  padding-right: 20px;
}
.takumen-item-A01 > h1 {
  height: 51px;
  margin-left: -20px;
  margin-right: -20px;
  font-size: 166.66667%;
  line-height: 2.55;
}
.takumen-item-A01 > figure {
  width: 356px;
}
.takumen-item-A01 > h2, .takumen-item-A01 > p, .takumen-item-A01 > div {
  width: 366px;
}
.takumen-item-A01 > ul li {
  background-position: 0px 0px;
  font-size: 166.66667%;
  line-height: 2.35;
}
.takumen-item-A01 > ul li a {
  background-position: 0px -100px;
}
.takumen-item-A01 > ul li a:hover, .takumen-item-A01 > ul li a:active, .takumen-item-A01 > ul li a:focus {
  background-position: 0px -200px;
}

/* ----- B01 ----- */
.takumen-item-B01 {
  width: 364px;
  padding-left: 10px;
  padding-right: 10px;
}
.takumen-item-B01 > h1 {
  height: 36px;
  margin-left: -10px;
  margin-right: -10px;
  font-size: 116.66667%;
  line-height: 2.57143;
}
.takumen-item-B01 > figure {
  width: 180px;
}
.takumen-item-B01 > p {
  width: 165px;
  margin-top: -0.25em;
  padding-right: 10px;
}
.takumen-item-B01 > ul li {
  background-position: 0px -50px;
  font-size: 133.33333%;
  line-height: 2.875;
}
.takumen-item-B01 > ul li a {
  background-position: 0px -150px;
}
.takumen-item-B01 > ul li a:hover, .takumen-item-B01 > ul li a:active, .takumen-item-B01 > ul li a:focus {
  background-position: 0px -250px;
}

/* ----- C01 ----- */
.takumen-item-C01 {
  width: 384px;
  height: 310px;
  padding: 0;
  background: #eeab3f url(../img/item_bg_02.png) no-repeat;
}
.takumen-item-C01 h1 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  color: white !important;
  background-color: white !important;
}