/*==================================================

outline
==================================================*/
.pc {
  display: inherit; }

.sp {
  display: none; }

#header,
#globalNavigation ul,
#topicPath ol,
#contents,
#pagetop,
.wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  zoom: 1; }

#header:after,
#globalNavigation ul:after,
#topicPath ol:after,
#contents:after,
#pagetop:after,
.wrap:after {
  content: '';
  clear: both;
  display: block;
  height: 0; }

/*==================================================

header
==================================================*/
#header {
  padding: 20px 0 0; }

#header h1 {
  float: left;
  display: inline;
  margin: 20px 0 0; }

#header ul {
  float: right;
  display: inline;
  margin: 24px 0 0; }

#header li {
  float: left;
  display: inline;
  margin-left: 20px; }

/*==================================================

globalNavigation
==================================================*/
#globalNavigation {
  background: url(../img/template/gnv_bg01.png) bottom repeat-x;
  border-bottom: 3px solid #0184C8;
  margin: 20px 0 0; }

#globalNavigation ul {
  background: url(../img/template/gnv_bg02.jpg) left bottom no-repeat; }

#globalNavigation li {
  float: left;
  display: inline;
  background: url(../img/template/gnv_bg02.jpg) right bottom no-repeat; }

#globalNavigation li a {
  display: block;
  text-align: center;
  padding: 3px 0 12px;
  width: 192px; }

/*==================================================

pageTitle
==================================================*/
#pageTitle {
  background: url(../img/template/wrap_bg01.jpg) top repeat-x;
  padding: 15px 0 0; }

#pageTitle h2 {
  background: url(../img/template/heading_bg01.png) left top no-repeat;
  width: 936px;
  height: 115px;
  margin: 0 auto;
  padding: 48px 0 0 40px; }

/*==================================================

topicPath
==================================================*/
#topicPath {
  margin-top: 5px; }

#topicPath li {
  float: left;
  display: inline; }

#topicPath li:before {
  content: '>';
  margin: 0 10px; }

#topicPath li.first:before {
  content: '';
  margin: 0; }

/*==================================================

main
==================================================*/
#main {
  float: left;
  display: inline;
  width: 700px; }

/*	element	*/
#main p {
  margin: 15px 0 0; }

#main p.lead {
  color: #0184C8;
  font-size: 138%;
  font-weight: bold; }

#main h3 {
  border: 1px solid #ccc;
  border-bottom: 3px solid #0184c8;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
  background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  font-size: 138%;
  font-weight: bold;
  position: relative;
  margin: 30px 0 0;
  padding: 13px 10px 12px; }

#main h3 span {
  color: #0084C7;
  font-size: 61%;
  margin: 0 0 0 10px; }

#main h3 a {
  position: absolute;
  right: 15px;
  top: 12px; }

#main h4 {
  background: url(../img/template/heading_bg03.jpg) left top no-repeat;
  color: #FFFFFF;
  font-size: 123%;
  font-weight: bold;
  margin: 30px 0 0;
  padding: 8px 20px;
  height: 36px;
  box-sizing: border-box; }

#main h5 {
  background: url(../img/common/ico_box_r.jpg) left top no-repeat;
  color: #0184C8;
  font-weight: bold;
  padding: 0 0 0 25px;
  margin: 25px 0 0; }

#main table {
  margin: 15px 0 0;
  width: 100%; }

#main table th,
#main table td {
  border: 1px solid #CCCCCC;
  text-align: left;
  vertical-align: top;
  padding: 10px; }
  #main table th > :first-child,
  #main table td > :first-child {
    margin-top: 0; }

#main table th {
  background: #C6E6F9;
  border-right: 3px solid #0084C7; }

#main table th {
  border-bottom: 1px solid #FFF;
  white-space: nowrap;
  font-weight: bold; }

#main table .last th {
  border-bottom-color: #CCCCCC; }

#main ul {
  margin: 15px 0 0; }

#main ul li {
  background: url(../img/common/ico_arrow.png) left 6px no-repeat;
  margin: 5px 0 0;
  padding: 0 0 0 10px; }

#main ul li.first {
  margin: 0; }

#main ul.simple {
  margin: 0; }

#main ul.simple li {
  background: none;
  padding: 0; }

#main dl {
  margin: 15px 0 0; }

#main dl dt {
  background: url(../img/common/ico_arrow.png) left 6px no-repeat;
  color: #0184C8;
  font-weight: bold;
  margin: 10px 0 0;
  padding: 0 0 0 10px; }

#main dl dd {
  margin: 5px 0 0; }

#main div.return a {
  background: url(../img/common/ico_box_l.jpg) left 3px no-repeat;
  display: inline-block;
  padding: 0 0 0 20px;
  margin: 30px 0 0; }

#main table td ul,
#main table td dl,
#main table td table {
  margin: 0; }

img {
  max-width: 100%;
  max-height: 100%; }

a.bt,
button.bt {
  border: none;
  background: url(../img/common/bg_btn.jpg) left top no-repeat;
  display: inline-block !important;
  text-align: center;
  padding: 10px 0;
  width: 200px;
  cursor: pointer; }

div.submit {
  margin: 15px 0 0;
  text-align: center; }

/*==================================================

side
==================================================*/
#side {
  float: right;
  display: inline;
  margin: 30px 0 0;
  width: 230px; }

#mynaviBanner {
  width: 230px;
  height: 132px;
  background: #00aaeb;
  position: relative;
  margin-top: 20px;
  padding: 1px;
  box-sizing: border-box; }

#mynaviBanner p {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 70px;
  margin-left: 15px;
  font-weight: bold;
  color: #fff; }

#mynaviBanner p::after {
  content: url(../img/common/ico_box_white.png);
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 0 0 3px;
  vertical-align: -2px; }

#mynaviBanner img {
  float: right; }

/*	pickupGuide	*/
#pickupGuide {
  margin: 20px 0 0; }

#pickupGuide h5 {
  margin: 20px 0 0; }

#pickupGuide li {
  margin: 5px 0 0; }

#pickupGuide li a {
  background: url(../img/template/gnv_bg01.png) bottom repeat-x;
  border: 1px solid #CCCCCC;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 7px 7px 7px 104px;
  width: 216px;
  height: 90px; }

#pickupGuide li a img {
  position: absolute;
  top: 7px;
  left: 7px;
  max-width: 90px;
  max-height: 90px; }

#pickupGuide li a:hover {
  text-decoration: none; }

#pickupGuide .more {
  text-align: right;
  margin: 5px 0 0; }

#pickupGuide .more a {
  background: url(../img/common/ico_arrow_green.png) left 6px no-repeat;
  display: inline-block;
  padding: 0 0 0 10px;
  color: inherit; }

/*	limitediBanner	*/
#limitediBanner {
  margin: 20px 0 0; }

/*	limitedCat	*/
#limitedCat ul {
  border: 1px solid #cccccc;
  padding: 20px 15px;
  margin-top: 5px; }
  #limitedCat ul li {
    background: url(../img/common/ico_arrow.png) left 6px no-repeat;
    padding-left: 10px; }
    #limitedCat ul li + li {
      margin-top: 10px; }
#limitedCat .more {
  text-align: right;
  margin: 5px 0 0; }
  #limitedCat .more a {
    background: url(../img/common/ico_arrow_green.png) left 6px no-repeat;
    display: inline-block;
    padding: 0 0 0 10px;
    color: inherit; }
#limitedCat + .bnlist {
  margin-top: 20px; }

/*	banner	*/
#banner {
  margin: 20px 0 0; }

#banner li {
  margin: 10px 0 0; }

#banner li.first {
  margin: 0; }

/*	contactGuide	*/
#contactGuide {
  border: 1px solid #CCCCCC;
  margin: 20px 0 0;
  padding: 0 14px 14px; }

#contactGuide h5 {
  border-bottom: 1px dotted #CCCCCC;
  font-size: 123%;
  font-weight: bold;
  margin: 0 -14px;
  padding: 13px 14px 10px; }

#contactGuide h5 span {
  font-size: 68%;
  color: #0184C8;
  margin: 0 0 0 10px; }

#contactGuide h6 {
  margin: 14px 0 0; }

#contactGuide dl {
  margin: 14px 0 0; }

#contactGuide dl dd {
  margin: 10px 0 0; }

#contactGuide dl dd img {
  height: 14px; }

#contactGuide a {
  margin: 14px 0 0; }

/*==================================================

pagetop
==================================================*/
#pagetop {
  margin-top: 100px;
  text-align: right; }

#pagetop a {
  background: url(../img/common/ico_box_t.jpg) left 3px no-repeat;
  display: inline-block;
  padding: 0 0 0 20px; }

/*==================================================

footer
==================================================*/
#footer {
  background: #0184C8;
  margin: 20px 0 0;
  padding: 20px 0 60px; }

#footer a,
#footer small {
  color: #FFFFFF; }

#footer li {
  background: url(../img/common/ico_box_white.png) left 3px no-repeat;
  float: left;
  display: inline;
  margin: 0 20px 0 0;
  padding: 0 0 0 20px; }

#footer small {
  float: right;
  display: inline; }