/* ====================================== */
/* clearfix */
.clearfix:after, .mod_main:after, .topicPath ul:after, .mod_siteLink ul:after, .mod_info:after, .mod_info .mod_banner:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix {
  /* clearfix is already applied */
}

/* ====================================== */
/* normalize */
/* The root element */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  zoom: 1 !important;
}

/* Sections */
body {
  font-family: sans-serif;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin: 0;
}

/* Grouping content */
p, blockquote, dl, dd, figure {
  margin: 0;
}

hr {
  color: inherit;
  height: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
}

ol, ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

/* Text-level semantics */
a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

strong, b {
  font-weight: bold;
}

small {
  font-size: 0.83em;
}

q {
  quotes: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

code, samp, kbd {
  font-family: monospace, sans-serif;
}

mark {
  color: black;
  background-color: yellow;
}

sub, sup {
  font-size: 0.83em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

br {
  *letter-spacing: 0;
}

/* Embedded content */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  padding: 0;
  text-align: left;
}

th, td {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

/* Forms */
form {
  margin: 0;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  border: 0;
  *margin-left: -7px;
}

input, button, select, textarea {
  font-size: 1em;
  font-family: inherit;
  color: inherit;
  margin: 0;
}

input, button {
  line-height: normal;
  vertical-align: inherit;
  *vertical-align: middle;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

select {
  background-color: inherit;
  line-height: normal;
}

textarea {
  vertical-align: top;
  overflow: auto;
  *font-family: sans-serif;
}

main, article, aside, dialog, figure, footer, header, nav, section, canvas {
  display: block;
}

div, ul, ol, li, dl, dt, dd, p, span,
h1, h2, h3, h4, h5, h6,
table, caption, tr, th, td,
form, input, select, button, textarea,
main, article, aside, dialog, figure, footer, header, nav, section, canvas {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ====================================== */
/* body */
body {
  line-height: 1.4;
  color: #333;
  font: normal 1em "MS PGothic", "Hiragino Kaku Gothic ProN", Arial, Helvetica, sans-serif;
  background: #fefae8;
}

a:link,
a:visited {
  color: #645e4b;
  text-decoration: none;
}

a:hover {
  color: #645e4b;
  text-decoration: underline;
}

a:active {
  color: #333;
}

p {
  line-height: 1.4;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.m5 {
  margin: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.p15 {
  padding: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.m25 {
  margin: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.p25 {
  padding: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.p35 {
  padding: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.p45 {
  padding: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.w50 {
  width: 50px !important;
}

.w100 {
  width: 100px !important;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.w250 {
  width: 250px !important;
}

.w300 {
  width: 300px !important;
}

.w350 {
  width: 350px !important;
}

.w400 {
  width: 400px !important;
}

.w450 {
  width: 450px !important;
}

.w500 {
  width: 500px !important;
}

.w550 {
  width: 550px !important;
}

.w600 {
  width: 600px !important;
}

.w650 {
  width: 650px !important;
}

.w700 {
  width: 700px !important;
}

.w750 {
  width: 750px !important;
}

.w800 {
  width: 800px !important;
}

.w850 {
  width: 850px !important;
}

.w900 {
  width: 900px !important;
}

.w950 {
  width: 950px !important;
}

.w1000 {
  width: 1000px !important;
}

.fw_normal {
  font-weight: normal;
}

.fw_bold {
  font-weight: bold;
}

.ta_left {
  text-align: left;
}

.ta_center {
  text-align: center;
}

.ta_right {
  text-align: right;
}

.va_top {
  vertical-align: top;
}

.va_middle {
  vertical-align: middle;
}

.va_bottom {
  vertical-align: bottom;
}

.fl_left {
  float: left;
}

.fl_right {
  float: right;
}

.fl_none {
  float: none;
}

.di_block {
  display: block;
}

.di_iblock {
  display: inline-block;
}

.di_inline {
  display: inline;
}

.di_none {
  display: none;
}

.cl_both {
  clear: both;
}

.bo_none {
  border: none;
}

.pdf:after {
  position: relative;
  content: "";
  display: inline-block;
  top: 3px;
  margin: 0 0 0 5px;
  width: 15px;
  height: 15px;
  background: url("/common//images/icon_pdf.png") no-repeat;
}

.blank:after {
  position: relative;
  content: "";
  display: inline-block;
  top: 1px;
  margin: 0 0 0 5px;
  width: 11px;
  height: 10px;
  background: url("/common//images/icon_blank.png") no-repeat;
}

.opacity a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.blink,
.blinkParent li {
  cursor: pointer;
}

.pagetop {
  float: right;
  margin: 0 0 30px;
  width: 140px;
  height: 18px;
}
.pagetop a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.list_disc > li {
  list-style: disc;
}

.mod_search .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0 6px !important;
}
.mod_search .cse .gsc-control-cse,
.mod_search .gsc-control-cse {
  padding: 0 !important;
  border: none !important;
}
.mod_search form.gsc-search-box,
.mod_search table.gsc-search-box {
  margin: 0 !important;
}
.mod_search form.gsc-search-box {
  position: relative;
  width: 245px;
}
.mod_search .gsib_a {
  padding: 0 6px !important;
}
.mod_search .gsib_a input {
  height: 30px !important;
  line-height: 30px !important;
  color: #bdbdbd !important;
  font-size: 12px !important;
  background: transparent !important;
  border: 1px solid #bdbdbd !important;
}
.mod_search .gsib_b {
  display: none !important;
}
.mod_search .gsc-input-box {
  position: relative;
  height: 30px !important;
  behavior: url("/common/js/PIE.htc");
  background: #fff !important;
  border-color: #fff !important;
  border-radius: 3px;
}
.mod_search .gsc-search-button input {
  position: absolute !important;
  top: -1px !important;
  right: -74px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 84px !important;
  height: 34px !important;
  filter: none !important;
  background: transparent !important;
  border: none !important;
  outline: 0;
}
.mod_search .gsc-search-button input:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.mod_search .gsc-search-box .gsc-input > input:focus,
.mod_search .gsc-input-box-hover,
.mod_search .gsc-input-box-focus {
  background: #fff !important;
  border-color: #fff !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.mod_search .gsc-input-box-focus .gsib_a input {
  color: #333 !important;
}
.mod_search .gsc-input-box-writing {
  background: #fff !important;
}

.protectImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

body > img[src*="ebis.ne.jp"],
body > img[src*="tracer.jp"],
body > img[src*="googleadservices"],
body > iframe[name="google_conversion_frame"],
body > img[src*="leadback.advertising.com"] {
  position: absolute;
  top: 0;
  left: 0;
}

.pc_none {
  display: none !important;
}

.sp_none {
  display: block !important;
}

/* ====================================== */
/* common */
.mod_container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  z-index: 1;
}
.mod_container.bg {
  background-image: url("/common/images/bg_container_header.jpg"), url("/common/images/bg_container_repeat.png");
  background-repeat: no-repeat, repeat-x;
  background-position: center 140px, left 140px;
}

/* ====================================== */
/* header */
.mod_header {
  position: relative;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.mod_header:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 7px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAHAQMAAAAYtQ7UAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAAAAAKVnuc8AAAACdFJOUyYAtU1OHAAAAA5JREFUCNdjcGBoYIBjABGOAoGCSiL3AAAAAElFTkSuQmCC') repeat-x;
  z-index: 15;
}

.mod_header_top {
  position: relative;
  width: 100%;
  height: 80px;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa));
  background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
}
.mod_header_top .mod_logo {
  margin: 0 auto;
  padding: 25px 0 0;
  width: 980px;
  position: relative;
}
.mod_header_top .mod_logo h1 {
  position: absolute;
  top: 16px;
  left: 0;
  width: 206px;
  height: 46px;
}
.mod_header_top .mod_search {
  position: absolute;
  left: 240px;
  width: 316px;
  height: 34px;
}
.mod_header_top .mod_brandlink {
  position: absolute;
  right: 0;
  top: 16px;
}
.mod_header_top .mod_brandlink li {
  float: left;
  margin: 0 10px 0;
}
.mod_header_top .mod_brandlink li:last-child {
  margin: 0;
}

.mod_header_nav {
  width: 100%;
  height: 60px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA8CAMAAACZxICyAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURf/46P/56v/99//99f///v/88v///f/+/P/++//89P/99v/++v/9+P/78P/////77//78djQuv714P714//77f735v/35v/88//45//67P/77v/77P715P/+/f735P714v/++f/9+f74510yvWwAAABXSURBVBjTZdDHEYNQFMVQvgGTTc5gQv9Fwmh1Z54WpwC52ntzPzEwfsUdI2NszMQTL8zFj5iKvpgYRwyNlViIpbhghyvO6ETPOOGAPf5xwxYPbMQbOfwAFA0DXDXDfG8AAAAASUVORK5CYII=') repeat-x;
}
.mod_header_nav ul {
  position: relative;
  margin: 0 auto;
  width: 980px;
  height: 60px;
}
.mod_header_nav li {
  overflow: hidden;
  position: relative;
  float: left;
  width: 122px;
  height: 60px;
  z-index: 10;
  background: url("/common/images/img_nav_sprite.png") no-repeat;
}
.mod_header_nav li a {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  z-index: 15;
}
.mod_header_nav li a.parentsLink img,
.mod_header_nav li a.selected img {
  margin-top: -60px;
}
.mod_header_nav li img {
  position: relative;
  z-index: 15;
}
.mod_header_nav .n01 {
  width: 123px;
  background-position: 0 -60px;
}
.mod_header_nav .n02 {
  background-position: -123px -60px;
}
.mod_header_nav .n03 {
  background-position: -245px -60px;
}
.mod_header_nav .n04 {
  background-position: -367px -60px;
}
.mod_header_nav .n05 {
  background-position: -489px -60px;
}
.mod_header_nav .n06 {
  background-position: -611px -60px;
}
.mod_header_nav .n07 {
  background-position: -733px -60px;
}
.mod_header_nav .n08 {
  width: 125px;
  background-position: -855px -60px;
}
.mod_header_nav .n01 img {
  margin-left: 0;
}
.mod_header_nav .n02 img {
  margin-left: -123px;
}
.mod_header_nav .n03 img {
  margin-left: -245px;
}
.mod_header_nav .n04 img {
  margin-left: -367px;
}
.mod_header_nav .n05 img {
  margin-left: -489px;
}
.mod_header_nav .n06 img {
  margin-left: -611px;
}
.mod_header_nav .n07 img {
  margin-left: -733px;
}
.mod_header_nav .n08 img {
  margin-left: -855px;
}

/* ====================================== */
/* body */
.mod_main {
  /* clearfix is already applied */
  position: relative;
  margin: 0 auto 50px;
  width: 980px;
}
.mod_main .headRibbon,
.mod_main .headRibbon2 {
  margin: 0 0 20px;
  width: 980px;
  height: 70px;
  text-align: center;
  background: url("/common/images/bg_heading_ribbon_980.png") no-repeat;
}
.mod_main .headRibbon2 {
  width: 928px;
  background-image: url("/common/images/bg_heading_ribbon_928.png");
}
.mod_main .headGradient {
  position: relative;
  margin: 0 0 15px;
  padding: 12px 0;
  width: 980px;
  text-align: center;
  behavior: url("/common/js/PIE.htc");
  border-bottom: 2px solid #ddb45c;
  border-radius: 10px 10px 0 0;
  background-color: white;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjdkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fff7d9));
  background: -moz-linear-gradient(top, #ffffff 0%, #fff7d9 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #fff7d9 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #fff7d9 100%);
}
.mod_main .headGradientBar {
  position: relative;
  margin: 0 0 5px;
  padding: 5px 0 5px 24px;
  width: 100%;
  behavior: url("/common/js/PIE.htc");
  background-color: #fdfbf5;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmJmNSIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZjVlY2QxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmNmU3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfbf5), color-stop(95%, #f5ecd1), color-stop(100%, #f9f6e7));
  background: -moz-linear-gradient(top, #fdfbf5 0%, #f5ecd1 95%, #f9f6e7 100%);
  background: -webkit-linear-gradient(top, #fdfbf5 0%, #f5ecd1 95%, #f9f6e7 100%);
  background: linear-gradient(to bottom, #fdfbf5 0%, #f5ecd1 95%, #f9f6e7 100%);
  border-radius: 6px 6px 0 0;
  -moz-box-shadow: 0 -2px rgba(255, 255, 255, 0.25) inset, 0 0 8px rgba(255, 255, 255, 0.55) inset;
  -webkit-box-shadow: 0 -2px rgba(255, 255, 255, 0.25) inset, 0 0 8px rgba(255, 255, 255, 0.55) inset;
  box-shadow: 0 -2px rgba(255, 255, 255, 0.25) inset, 0 0 8px rgba(255, 255, 255, 0.55) inset;
  border: solid 1px #e8dfc5;
}
.mod_main .headGradientBar:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin-top: -14px;
  background-image: url(/common/images/sprites.png);
  background-position: -126px -74px;
  width: 8px;
  height: 28px;
}

.mod_main.fontS {
  font-size: 1em;
}

.mod_main.fontL {
  font-size: 1.125em;
}

.topicPath {
  position: relative;
  margin: 20px auto 10px;
  width: 980px;
}
.topicPath ul {
  /* clearfix is already applied */
}
.topicPath li {
  float: left;
  padding: 6px 0;
  color: #725e33;
  font-size: 11px;
  line-height: 1;
}
.topicPath li a {
  color: #725e33;
  text-decoration: underline;
}
.topicPath li:before {
  margin: 0 8px;
  content: ">";
  font-family: Arial, Helvetica, sans-serif;
}
.topicPath li:first-child:before {
  display: none;
}
.topicPath.bg {
  margin: 20px auto 35px;
  padding: 4px 13px;
  behavior: url("/common/js/PIE.htc");
  background: #fff;
  border-radius: 6px;
}
.topicPath.bg li {
  color: #725e33;
}
.topicPath.bg a {
  color: #725e33;
}

.mod_box,
.mod_box_parent > li {
  position: relative;
  behavior: url("/common/js/PIE.htc");
  background: #fff;
  border-radius: 10px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.mod_box > .mod_head,
.mod_box_parent > li > .mod_head {
  position: relative;
  margin: 0 0 5px;
  padding: 4px 0 0 6px;
  width: 100%;
  height: 40px;
  behavior: url("/common/js/PIE.htc");
  background-color: #fdfbf5;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmJmNSIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZjVlY2QxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmNmU3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfbf5), color-stop(95%, #f5ecd1), color-stop(100%, #f9f6e7));
  background: -moz-linear-gradient(top, #fdfbf5 0%, #f5ecd1 95%, #f9f6e7 100%);
  background: -webkit-linear-gradient(top, #fdfbf5 0%, #f5ecd1 95%, #f9f6e7 100%);
  background: linear-gradient(to bottom, #fdfbf5 0%, #f5ecd1 95%, #f9f6e7 100%);
  border-radius: 9px 9px 0 0;
  -moz-box-shadow: 0 -2px rgba(255, 255, 255, 0.25) inset, 0 0 8px rgba(255, 255, 255, 0.55) inset;
  -webkit-box-shadow: 0 -2px rgba(255, 255, 255, 0.25) inset, 0 0 8px rgba(255, 255, 255, 0.55) inset;
  box-shadow: 0 -2px rgba(255, 255, 255, 0.25) inset, 0 0 8px rgba(255, 255, 255, 0.55) inset;
  border: solid 1px #e8dfc5;
}

.mod_miniBox,
.mod_miniBox_Parent > li {
  position: relative;
  width: 480px;
  height: 160px;
  behavior: url("/common/js/PIE.htc");
  background-color: white;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjdkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fff7d9));
  background: -moz-linear-gradient(top, #ffffff 0%, #fff7d9 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #fff7d9 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #fff7d9 100%);
  border: 3px solid #eed6a1;
  border-radius: 10px;
}
.mod_miniBox h3,
.mod_miniBox_Parent > li h3 {
  position: relative;
  padding: 14px 0 0;
  width: 100%;
  height: 48px;
  text-align: center;
}
.mod_miniBox h3:after,
.mod_miniBox_Parent > li h3:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  left: 2%;
  width: 96%;
  height: 1px;
  background-color: #ddb45c;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZGRiNDVjIi8+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNkZGI0NWMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(15%, #ddb45c), color-stop(85%, #ddb45c), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(left, #ffffff 0%, #ddb45c 15%, #ddb45c 85%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #ddb45c 15%, #ddb45c 85%, #ffffff 100%);
  background: linear-gradient(to right, #ffffff 0%, #ddb45c 15%, #ddb45c 85%, #ffffff 100%);
}
.mod_miniBox .btn_list_s,
.mod_miniBox .btn_detail_s,
.mod_miniBox .btn_shopsearch_s,
.mod_miniBox_Parent > li .btn_list_s,
.mod_miniBox_Parent > li .btn_detail_s,
.mod_miniBox_Parent > li .btn_shopsearch_s {
  position: absolute;
  bottom: 15px;
  right: 30px;
}

.btn_freedom {
  display: block;
}
.btn_freedom a {
  position: relative;
  padding: 8px 10px 8px 33px;
  text-decoration: none;
  behavior: url("/common/js/PIE.htc");
  -moz-box-shadow: 0 0 1px #b6b3ac;
  -webkit-box-shadow: 0 0 1px #b6b3ac;
  box-shadow: 0 0 1px #b6b3ac;
  border-radius: 6px;
  background-color: white;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f2f2));
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f2f2 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f2f2 100%);
  border-width: 1px;
  border-style: solid;
  border-color: #d5d2ca #d5d2ca #b6b3ac;
}
.btn_freedom a:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 10px;
  margin-top: -8.5px;
  background-image: url(/common/images/sprites.png);
  background-position: -71px -231px;
  width: 17px;
  height: 17px;
}
.btn_freedom a:hover {
  color: #f469a1;
  text-shadow: 0 1px 0 #fff;
  background-color: white;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZGFlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fcdae8));
  background: -moz-linear-gradient(top, #ffffff 0%, #fcdae8 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #fcdae8 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #fcdae8 100%);
}
.btn_freedom a:hover:before {
  background-position: -52px -231px;
}
.btn_freedom a:active {
  border-color: #b6b3ac #d5d2ca #d5d2ca;
  -moz-box-shadow: 0 0 1px #8d8a83 inset;
  -webkit-box-shadow: 0 0 1px #8d8a83 inset;
  box-shadow: 0 0 1px #8d8a83 inset;
  -pie-background: #fcdae8;
  background: #fcdae8;
}
.btn_freedom a:active:before {
  margin-top: -7.5px;
}

.btn_list_s,
.btn_detail_s,
.btn_shopsearch_s {
  display: block;
}

.btn_list_s a {
  overflow: hidden;
  display: block;
  width: 114px;
  height: 30px;
}
.btn_list_s a img {
  margin: -0px 0 0 -156px;
}
.btn_list_s a:hover img {
  margin: -30px 0 0 -156px;
}

.btn_detail_s a {
  overflow: hidden;
  display: block;
  width: 124px;
  height: 30px;
}
.btn_detail_s a img {
  margin: -74px 0 0 -0px;
}
.btn_detail_s a:hover img {
  margin: -104px 0 0 -0px;
}

.btn_shopsearch_s a {
  overflow: hidden;
  display: block;
  width: 144px;
  height: 30px;
}
.btn_shopsearch_s a img {
  margin: -136px 0 0 -0px;
}
.btn_shopsearch_s a:hover img {
  margin: -166px 0 0 -0px;
}

.icon_download {
  position: relative;
  display: inline-block;
  padding: 0 0 0 40px;
  height: 31px;
  line-height: 31px;
}
.icon_download:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0;
  margin-top: -15.5px;
  background-image: url(/common/images/sprites.png);
  background-position: -52px -198px;
  width: 30px;
  height: 31px;
}

.icon_pdf_l {
  position: relative;
  display: inline-block;
  padding: 0 60px 0 40px;
  height: 50px;
  line-height: 50px;
}
.icon_pdf_l:after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 0;
  margin-top: -25px;
  background-image: url(/common/images/sprites.png);
  background-position: 0px -198px;
  width: 50px;
  height: 50px;
}

.icon_download.icon_pdf_l {
  height: 50px;
  line-height: 50px;
}

/* ====================================== */
/* footer */
.mod_pagetop {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 50%;
  margin: 0 -490px -100px 0;
  width: 140px;
  height: 26px;
  z-index: 9999;
}
.mod_pagetop.moved {
  margin: 0 -490px 0 0;
}
.mod_pagetop.reset {
  margin: 0 -490px -100px 0;
}
.mod_pagetop.fixed {
  position: absolute;
  top: -26px;
  margin: 0 -490px 0 0;
}
.mod_pagetop.ease {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mod_pagetop a {
  display: block;
  width: 140px;
  height: 26px;
}
.mod_pagetop a:hover img {
  margin: -26px 0 0;
}

.mod_footer {
  position: relative;
  clear: both;
  width: 100%;
  background: #fff;
  z-index: 20;
}

.mod_groupLink {
  padding: 20px 0;
  background: #f7f0cd;
  border-top: 1px solid #e8e1c1;
}
.mod_groupLink ul {
  margin: 0 auto;
  width: 980px;
  height: 34px;
}
.mod_groupLink li {
  float: left;
  margin: 0 0 0 10px;
  width: 155px;
  height: 34px;
  background: #fff;
}
.mod_groupLink li a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.mod_groupLink li:first-child {
  margin: 0;
}

.mod_siteLink {
  padding: 15px 0;
  width: 100%;
  color: #a39e95;
  letter-spacing: 1px;
  font-size: 0.625em;
  border-bottom: 1px solid #e5e5e5;
}
.mod_siteLink ul {
  /* clearfix is already applied */
  margin: 0 auto;
  width: 980px;
  height: 20px;
  line-height: 20px;
}
.mod_siteLink li {
  float: left;
  height: 20px;
}
.mod_siteLink li a {
  float: left;
  color: #a39e95;
}
.mod_siteLink li a:hover {
  text-decoration: underline;
}
.mod_siteLink li:before {
  float: left;
  margin: 0 5px;
  content: "|";
}
.mod_siteLink li:first-child {
  margin: 0;
}
.mod_siteLink li:first-child:before {
  display: none;
}
.mod_siteLink .mod_copyright {
  float: right;
  height: 20px;
  line-height: 20px;
}
.mod_siteLink .mod_copyright:before {
  display: none;
}

.mod_info {
  /* clearfix is already applied */
  margin: 0 auto;
  padding: 15px 0;
  width: 980px;
  color: #a39e95;
  font-size: 0.625em;
}
.mod_info .mod_notes {
  float: left;
  width: 570px;
}
.mod_info .mod_notes li {
  margin: 0 0 5px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.2;
}
.mod_info .mod_banner {
  /* clearfix is already applied */
  float: right;
  width: 341px;
}
.mod_info .mod_banner li {
  float: left;
  margin: 0 0 0 10px;
}
.mod_info .mod_banner li:first-child {
  margin: 0;
}

/* ====================================== */
