@charset "Shift_JIS";

/*!
 * Kathamo v3.0.0 (http://kathamo.github.com)
 * Copyright 2014-2015 Debashis Barman (http://www.debashisbarman.in)
 * Licensed under MIT (https://github.com/kathamo/Kathamo/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  height: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* { 
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%; 
}

.container { 
  position: relative; 
  margin-right: auto; 
  margin-left: auto; 
}

.container:before, 
.container:after { 
  display: table; 
  content: " "; 
}
 
.container:after { 
  clear: both; 
}
 
.container { 
  *zoom: 1; 
}

.col-sm-1, .col-md-1, .col-lg-1, .col-sm-2, .col-md-2, .col-lg-2, .col-sm-3, .col-md-3, .col-lg-3, 
.col-sm-4, .col-md-4, .col-lg-4, .col-sm-5, .col-md-5, .col-lg-5, .col-sm-6, .col-md-6, .col-lg-6, 
.col-sm-7, .col-md-7, .col-lg-7, .col-sm-8, .col-md-8, .col-lg-8, .col-sm-9, .col-md-9, .col-lg-9, 
.col-sm-10, .col-md-10, .col-lg-10, .col-sm-11, .col-md-11, .col-lg-11, .col-sm-12, .col-md-12, .col-lg-12 { 
  position: relative; 
  float: left; 
  min-height: 1rem; 
  padding: .5rem; 
}

@media (max-width: 767px) {

  .container { 
    padding-right: 1%; 
    padding-left: 1%; 
  }

  .col-sm-1 { 
    width: 8.333333333%; 
  }

  .col-sm-2 { 
    width: 16.666666667%; 
  }

  .col-sm-3 { 
    width: 25%; 
  }

  .col-sm-4 { 
    width: 33.333333333%; 
  }

  .col-sm-5 { 
    width: 41.666666667%; 
  }

  .col-sm-6 { 
    width: 50%; 
  }

  .col-sm-7 { 
    width: 58.333333333%; 
  }

  .col-sm-8 { 
    width: 66.666666667%; 
  }

  .col-sm-9 { 
    width: 75%; 
  }

  .col-sm-10 { 
    width: 83.333333333%; 
  }

  .col-sm-11 { 
    width: 91.666666667%; 
  }

  .col-sm-12 { 
    width: 100%; 
  }

}

@media (min-width: 800px) and (max-width: 1023px) {

  .container { 
    max-width: 767px; 
  }

  .col-md-1 { 
    width: 8.333333333%; 
  }

  .col-md-2 { 
    width: 16.666666667%; 
  }

  .col-md-3 {
    width: 25%; 
  }

  .col-md-4 { 
    width: 33.333333333%; 
  }

  .col-md-5 { 
    width: 41.666666667%; 
  }

  .col-md-6 { 
    width: 50%; 
  }

  .col-md-7 { 
    width: 58.333333333%; 
  }

  .col-md-8 { 
    width: 66.666666667%; 
  }

  .col-md-9 { 
    width: 75%; 
  }

  .col-md-10 { 
    width: 83.333333333%; 
  }

  .col-md-11 { 
    width: 91.666666667%; 
  }

  .col-md-12 { 
    width: 100%; 
  }

}

@media (min-width: 1024px) {

  .container { 
    max-width: 1024px; 
  }

  .col-lg-1 { 
    width: 8.333333333%; 
  }

  .col-lg-2 { 
    width: 16.666666667%; 
  }

  .col-lg-3 { 
    width: 25%; 
  }

  .col-lg-4 { 
    width: 33.333333333%; 
  }

  .col-lg-5 { 
    width: 41.666666667%; 
  }

  .col-lg-6 { 
    width: 50%; 
  }

  .col-lg-7 { 
    width: 58.333333333%; 
  }

  .col-lg-8 { 
    width: 66.666666667%; 
  }

  .col-lg-9 { 
    width: 75%; 
  }

  .col-lg-10 { 
    width: 83.333333333%; 
  }

  .col-lg-11 { 
    width: 91.666666667%; 
  }

  .col-lg-12 { 
    width: 100%; 
  }

}

@media (max-width: 767px) {

  .col-sm-offset-1 { 
    margin-left: 8.333333333%; 
  }

  .col-sm-offset-2 { 
    margin-left: 16.666666667%; 
  }

  .col-sm-offset-3 { 
    margin-left: 25%; 
  }

  .col-sm-offset-4 { 
    margin-left: 33.333333333%; 
  }

  .col-sm-offset-5 { 
    margin-left: 41.666666667%; 
  }

  .col-sm-offset-6 { 
    margin-left: 50%;
  }

  .col-sm-offset-7 { 
    margin-left: 58.333333333%; 
  }

  .col-sm-offset-8 { 
    margin-left: 66.666666667%; 
  }

  .col-sm-offset-9 { 
    margin-left: 75%;
  }

  .col-sm-offset-10 { 
    margin-left: 83.333333333%;
  }

  .col-sm-offset-11 { 
    margin-left: 91.666666667%; 
  }

  .col-sm-offset-12 { 
    margin-left: 100%;
  }

}

@media (min-width: 800px) and (max-width: 1023px){

  .col-md-offset-1 { 
    margin-left: 8.333333333%; 
  }

  .col-md-offset-2 { 
    margin-left: 16.666666667%; 
  }

  .col-md-offset-3 { 
    margin-left: 25%; 
  }

  .col-md-offset-4 { 
    margin-left: 33.333333333%; 
  }

  .col-md-offset-5 { 
    margin-left: 41.666666667%; 
  }

  .col-md-offset-6 { 
    margin-left: 50%;
  }

  .col-md-offset-7 { 
    margin-left: 58.333333333%; 
  }

  .col-md-offset-8 { 
    margin-left: 66.666666667%; 
  }

  .col-md-offset-9 { 
    margin-left: 75%;
  }

  .col-md-offset-10 { 
    margin-left: 83.333333333%;
  }

  .col-md-offset-11 { 
    margin-left: 91.666666667%; 
  }

  .col-md-offset-12 { 
    margin-left: 100%; 
  }

}

@media (min-width: 1024px) {

  .col-lg-offset-1 { 
    margin-left: 8.333333333%; 
  }

  .col-lg-offset-2 { 
    margin-left: 16.666666667%; 
  }

  .col-lg-offset-3 { 
    margin-left: 25%; 
  }

  .col-lg-offset-4 { 
    margin-left: 33.333333333%; 
  }

  .col-lg-offset-5 { 
    margin-left: 41.666666667%; 
  }

  .col-lg-offset-6 { 
    margin-left: 50%; 
  }

  .col-lg-offset-7 { 
    margin-left: 58.333333333%; 
  }

  .col-lg-offset-8 { 
    margin-left: 66.666666667%; 
  }

  .col-lg-offset-9 { 
    margin-left: 75%; 
  }

  .col-lg-offset-10 { 
    margin-left: 83.333333333% }

  .col-lg-offset-11 { 
    margin-left: 91.666666667%; 
  }

  .col-lg-offset-12 { 
    margin-left: 100%; 
  }

}

.clearfix:before, 
.clearfix:after { 
  display: table; 
  content: " "; 
}
 
.clearfix:after { 
  clear: both; 
}
 
.clearfix { 
  *zoom: 1; 
}

body { 
  font: 400 100% "Helvetica Neue", Helvetica, sans-serif; 
  line-height: 1.75; 
  color: #333; 
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
  font-family: inherit; 
  font-weight: 500; 
  color: inherit; 
}

h1 { 
  font-size: 2rem; 
  line-height: .875; 
}

h2 { 
  font-size: 1.414rem; 
  line-height: 1.217391304; 
}

h3 { 
  font-size: 1.155rem; 
  line-height: 1.406926407; 
}

h4 { 
  font-size: 1rem; 
  line-height: 1.75; 
}

h5 { 
  font-size: .894rem; 
  line-height: 1.957494407; 
}

h6 { 
  font-size: .816rem; 
  line-height: 2.144607843; 
}

p { 
  font-size: 1rem; 
}

small { 
  font-size: .618em; 
  color: #666666; 
}

u { 
  text-decoration: underline; 
  text-decoration-color: #666666;
}

em { 
  font-weight: 700;
  font-style: italic; 
}

strong { 
  font-weight: 700; 
}
a { 
  text-decoration: none; 
  color: #3498db; 
}

a:hover { 
  color: #2980b9; 
}

hr {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 0;
  border-top: 1px solid #666666;
}

img {
  max-width: 100%;
}
/*
*[data-role="button"] { 
  display: inline; 
  width: auto;
  min-width: 144px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 1px;
  padding-right: 1.957494407rem; 
  padding-bottom: 1px;
  padding-left: 1.957494407rem; 
  font-family: inherit;
  font-size: .894rem; 
  line-height: 34px;   
  white-space: nowrap; 
  -webkit-appearance: button;
     -moz-appearance: button;  
          appearance: button;
  border: 1px solid #666666;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

*[data-role="button"]:hover { 
  background-color: #edeff0; 
}

a[data-role="button"] { 
  border: none; 
}

a[data-role="button"]:hover { 
  background-color: transparent; 
}
*/
input,
textarea,
select {
  display: inline;
  width: inherit;
  /*padding-right: 13px; */
 /* padding-left: 13px; */
  padding: 6px 8px;
  font-family: inherit;
  font-size: .894rem;    
  /*border: 1px solid #666666;*/
}
input:hover,{
  padding: 6px 8px;
}


input:focus,
textarea:focus,
select:focus { 
  outline: none; 
}

input[type="checkbox"],
input[type="radio"] { 
  width: 34px; 
}

textarea {
  min-height: 144px;
  padding-top: 8px;
  padding-bottom: 8px;
}

select {
  height: 38px;
  padding-right: 13px;
  padding-left: 13px;
  line-height: 38px;
  background-color: #edeff0;
}

option {  
  height: 38px;
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px;
  line-height: 38px;
}

option:selected {
  padding-top: 0;
  padding-bottom: 0;
}

label {
  display: block; 
  font-size: .816rem; 
  font-weight: 700;
  line-height: 2.144607843;
}

ul,
ol {
  padding-right: 13px;
  padding-left: 13px;
}

li {
  padding-left: 4px;
}

.li-unstyled {
  padding: 0;
}

.li-unstyled li {
  padding: 0;
  list-style: none;
}

.li-inline li {
  float: left;
  padding-right: 34px;
  padding-left: 0;
  list-style: none;
}

dt {
  font-size: 1rem; 
  font-weight: 700;
  line-height: 2.333333333;
  color: #333;
}

dd {
  margin-left: 0;
  padding: 0.75rem 0 0.75rem 1rem;
  border-left: 5px solid #999999;
}

table {  
  width: 100%; 
  margin-top: 8px;
  margin-bottom: 8px;
  border-spacing: 0; 
  border-collapse: collapse; 
}

table > caption { 
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px; 
}

table > caption[data-position="top"] {
  caption-side: top;
}

table > caption[data-position="bottom"] {
  caption-side: bottom;
}

table > caption:before { 
  content: attr(data-prefix); 
  font-size: 0.75rem; 
  font-weight: 700; 
}

thead { 
  border-top: 1px solid #666666;  
  border-right: 1px solid #666666;  
  border-left: 1px solid #666666;  
} 

tbody { 
  border-top: 1px solid #666666;  
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666; 
}

tr { 
  border-bottom: 1px solid #666666;
}

tr:last-child { 
  border-bottom: none; 
}

th { 
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px; 
  font-size: 0.75rem; 
  font-weight: 700; 
  line-height: 2.333333333; 
  text-align: left; 
  color: #333; 
  background-color: #edeff0; 
  border-right:1px dotted #666666;
}

td { 
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px;
  font-size: 0.8125rem; 
  font-weight: 400; 
  line-height: 2.153846154; 
  text-align: left; 
  color: #333; 
  border-right:1px dotted #666666;
}

.table-hover tbody tr:hover { 
  background-color: #edeff0; 
}

.table-responsive { 
  max-width: 100%; 
  margin-top: 8px;
  margin-bottom: 8px; 
  overflow-x: auto; 
  overflow-y: hidden; 
}

.table-responsive table { 
  margin: 0; 
  border: none; 
}

@media (max-width: 767px) {

  .table-responsive { 
    border: 1px solid #666666; 
  }

  .table-responsive caption,
  .table-responsive caption[data-position="top"] { 
    border-bottom: 1px solid #666666; 
    background-color: #edeff0; 
  }

  .table-responsive caption[data-position="bottom"] { 
    border-top: 1px solid #666666; 
    background-color: #edeff0; 
  }

  .table-striped caption { 
    background-color: transparent; 
  }

  .table-responsive thead {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #666666; 
    border-left: none;
  }
  .table-responsive tbody { 
    border: none; 
  }

  .table-responsive .table-no-border thead,
  .table-responsive .table-no-border tbody {
    border: none;
  }

}

.table-responsive::-webkit-scrollbar { 
  height: 8px; 
  width: 55%;
}

.table-responsive::-webkit-scrollbar-track { 
  -webkit-box-shadow: none;
          box-shadow: none; 
  background-color: #edeff0; 
}

.table-responsive::-webkit-scrollbar-thumb { 
  background-color: #bdc3c7; 
}

.alert { 
  padding-right: 13px;
  padding-left: 13px; 
  font: inherit;
}

.alert.alert-info { 
  background-color: #e8eff3; 
  color: #678fa9; 
  border: 1px solid #c5d7e3; 
}

.alert.alert-success { 
  background-color: #daeee4; 
  color: #358f7f; 
  border: 1px solid #b6dfca; 
}

.alert.alert-danger{ 
  background-color: #fdf4f1; 
  color: #d2a596; 
  border: 1px solid #f7cfc4; 
}

.panel { 
  border: 1px solid #c0c0c0; 
}

.panel > .panel-head,
.panel > .panel-head * { 
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px; 
  font-size: 0.875rem; 
  font-weight: 700; 
  line-height: 2.333333333; 
  text-align: left; 
  background-color: #edeff0; 
}

.panel > .panel-body { 
  padding-right: 13px;
  padding-left: 13px; 
  font: inherit;
}
/*-------------slimmenu------------------*/
.menu-collapser{
	position:relative;
	width:100%;
	height:56px;
	padding:0 8px;
	color:#FFF;
	font-size:16px;
	line-height:48px;
	background-color:#6699cc;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.collapse-button{
	position:absolute;
	left:8px;
	top:50%;
	width:40px;
	padding:7px 10px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	background-color:#aeaeae;
	border-radius:5px;
	cursor:pointer;
	transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.collapse-button:hover,.collapse-button:focus{
	color:#FFF;
	background-color:#040404;
}
.collapse-button .icon-bar{
	display:block;
	height:4px;
	width:20px;
	margin:3px 0;
	background-color:#fcfcfc;
	border-radius:1px;
}
ul.slimmenu{
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	clear:both;
}
ul.slimmenu:before,ul.slimmenu:after{
	content:'';
	display:table;
}
ul.slimmenu:after{
	clear:both;
}
ul.slimmenu.collapsed li{
	display:block;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
ul.slimmenu.collapsed li>ul{
	position:static;
	display:none;
}
ul.slimmenu.collapsed li a{
	display:block;
	border-bottom:1px solid rgba(0,0,0,0.075);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
ul.slimmenu.collapsed li .sub-toggle{
	height:40px;
}
ul.slimmenu li{
	position:relative;
	float:left;
	display:inline-block;
	width:200px;
	background-color:#336699;
}
ul.slimmenu li ul{
	margin:0;
	list-style-type:none;
}
ul.slimmenu li ul li{
	background:#bbbbbb;
}
ul.slimmenu li>ul{
	position:absolute;
	left:0;
	top:100%;
	z-index:999;
	display:none;
	width:100%;
}
ul.slimmenu li>ul>li ul{
	position:absolute;
	left:100%;
	top:0;
	z-index:999;
	display:none;
	width:100%;
}
ul.slimmenu li a{
	display:block;
	padding:12px 64px 12px 14px;
	color:#fff;
	font-size:16px;
	font-weight:400;
	transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out;
}
ul.slimmenu li{
	padding-left:0px;
}
@media only screen and (max-width: 800px) {
	ul.slimmenu li{
		padding-left:42px;
	}
}
ul.slimmenu li a:hover{
	text-decoration:none;
	background-color:#aeaeae;
}
ul.slimmenu li .sub-toggle{
	background:none repeat scroll 0 0 rgba(0,0,0,0.075);
	position:absolute;
	right:0;
	top:0;
	z-index:999;
	width:48px;
	height:100%;
	text-align:center;
	cursor:pointer;
}
ul.slimmenu li .sub-toggle:before{
	content:'';
	display:inline-block;
	height:100%;
	margin-right:-0.25em;
	vertical-align:middle;
}
ul.slimmenu li .sub-toggle>i{
	display:inline-block;
	color:#fff;
	font-size:18px;
	vertical-align:middle;
}
ul.slimmenu>li{
	/*border-left:1px solid #2E4678; _20180427*/
}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li{
}

/*20180427*/
li.has-submenu ul.sub-menu{
	margin-left:-13px;
}
/*----------global_menu.css-----------------*/
/* ----------
   #menuList
---------- */
#menuList {
    width: 76.25%;
    height: 45px;
    /*border-top: #aaa 1px solid;*/
    /*border-bottom: #aaa 1px solid;*/
    position: absolute;
    top:55px;
    left:190px;
    z-index: 10;
    background: #fff;
}
 
#menuList ul {
    margin: 0 auto;
    width: 100%;
    height: 45px;
    text-align: left;
    padding:0;
}
 
#menuList ul li {
    width: 20%;
    height: 45px;
    padding:0;
    float: left;
    border-left: #036 1px solid;
    box-sizing: border-box;
    list-style-type:none;
}
 
#menuList ul li:last-child {
    border-right: #aaa 1px solid;
}
 
#menuList ul li a {
    height: 45px;
    font-weight: bold;
    line-height: 45px;
    display: block;
    text-align: center;
    color:#036;
    transition: all 0.2s linear;
}
 
#menuList ul li:hover > a {
    background: #ebebeb;
}
 
#contents {
    margin: 0 auto;
    padding: 40px 0;
    width: 800px;
    text-align: left;
}
 
#contents p {
    padding-bottom: 2em;
    font-size: 1em;
    line-height: 2em;
}
 
/* ----------
   MEDIAQUERIES LAYOUT
---------- */
@media only screen and (max-width: 800px) {
    #menuList ul {
        width: 100%;
    }
 
    #menuList ul li {
        width: 15%;
    }
}
 
/* ----------
   MEDIAQUERIES[SP]LAYOUT
---------- */
@media only screen and (max-width: 799px) {
    #menuList {
        display: none;
    }
 
    #menuOverlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.6);
        display: none;
        position: fixed;
        z-index: 9997;
    }
 
    #switchBtnArea {
        width: 100%;
        height: 56px;
        overflow:hidden;
        background: #336699;
        border-bottom: #aaa 1px solid;
        position: relative;
    }

    #switchBtnArea #switchBtn {
        top: 8px;
        left: 8px;
        width: 40px;
        height: 40px;
        display: block;
        background: #aeaeae;
        position: absolute;
        border-radius: 5px;
        z-index: 9998;
    }
    #switchBtnArea #switchBtn:hover,#switchBtnArea #switchBtn:focus{
        background: #333333;
    }
    #switchBtnArea #switchBtn span {
        left: 20%;
        width: 60%;
        height: 4px;
        display: block;
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        transition: all 0.2s linear;
    }
    #switchBtnArea #switchBtn span:nth-of-type(1) {top:10px;transform: rotate(0);}
    #switchBtnArea #switchBtn span:nth-of-type(2) {top:18px;transform: scale(1);}
    #switchBtnArea #switchBtn span:nth-of-type(3) {bottom:10px;transform: rotate(0);}
 
    #switchBtnArea #switchBtn.btnClose {background: transparent;}
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:18px;transform: rotate(-45deg);}
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom:18px;transform: rotate(45deg);}
 
    #rwdMenuWrap {
        top: 0;
        left: -200px;
        width: 200px;
        height: 100%;
        background: #336699;
        overflow: auto;
        position: fixed;
        z-index: 9999;
    }
 
    #rwdMenuWrap ul {
        width: 100%;
    }
 
    #rwdMenuWrap ul li {
        width: 100%;
        border-bottom: #aaa 1px solid;
        list-style-type: none;
    }
 
    #rwdMenuWrap ul li a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        /*background: #ebebeb;*/
        background: transparent;
        color:#ebebeb;;
        position: relative;
    }
 
    #rwdMenuWrap ul li a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        color: #888;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #b0b0b0;
        border-right: 2px solid #b0b0b0;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
 
    #contents {
        width: 100%;
    }
 
    #contents p {
        padding: 0 20px 2em 20px;
    }
}
 
/* ----------
   CLEARFIX ELEMENTS
---------- */
#menuList > ul:before,
#menuList > ul:after {
    content: " ";
    display: table;
}
#menuList > ul:after {clear: both;}
#menuList > ul {*zoom: 1;}
/*H1の設定*/
h1{
	display:block;
	width:76.25%;
	height:80px;
	font-size: 12px;
	color: #369; 
	font-weight: normal;
	text-align: right; 
	background:#fff url(../../img/shopimage.gif) no-repeat 20px 12px;
	margin:0px;
	padding:0px;
	font-weight: normal;
	position:absolute;top:0px;right:0px;
}
nav#breadcrumbs ol li::before {
    content: " > ";
}
nav#breadcrumbs ol li {
    display: inline;
    list-style-type: none;
}
nav#breadcrumbs ol,nav#breadcrumbs ol li{padding-left:0;}
nav#breadcrumbs ol li:first-child::before {
    content: "";
}
@media only screen and (max-width: 799px) {
    #continer01 img#ShopRogo{
	text-align:left;
	margin:0 auto 0 0;
	padding-top:4px;
    }
    h1 {
        background: none;
        color:#285B8D;
	position:relative;
	height:auto;
	text-align:left;
	border-bottom:1px dotted #039;
	width:100%;line-height:1.5;
	padding-left:5px;
    }
    #pankuzu{
	line-height:1.3;
    }

}
/*----------partslabo_header1.css-----------------*/

/*グローバルメニュー1の設定*/
#manu1 li {
	font-size:90%;
	float:left;
}
#manu1 li a{
	margin:0px;
	padding:0px;
	display:block;
	width:120px;
	height:20px;
	line-height:20px;
	border-right:1px solid #369;
	background-color:#fff;
	color:#333;

}
#manu1 .left-end{border-right:1px solid #369;}
#manu1 li a:link { color:#000;text-decoration: none;}
#manu1 li a:visited { color:#369;text-decoration: none;}
#manu1 li a:hover { color:#999;background-color:#fff;text-decoration: none;}
#manu1 li a:active { color:#000;background-color:#fff;text-decoration: none;}

/*ナビゲーションメニュー*/
#menu{
	background-color: #369; 
	font-size:90%;
}

/*ナビゲーション部分のIE用*/
*html div#menu ul#nav  li.dir a{
	width:68px;
}
/*パンクズリストの表示*/
#pankuzu,nav#breadcrumbs{font-size: 0.9em;padding:0px 0 0 0;}
#pankuzu a,nav#breadcrumbs a{padding:0px 5px; font-weight:bold;}
#pankuzu a:link,nav#breadcrumbs a:link { color:#666;text-decoration: none;}
#pankuzu a:visited,nav#breadcrumbs a:visited { color:#666;text-decoration: none;}
#pankuzu a:hover,nav#breadcrumbs a:hover { color:#069;text-decoration: underline; }
#pankuzu a:active,nav#breadcrumbs a:active { color:#069;text-decoration: underline; }

/*パンくずリスト下h2の表示*/
h2{
	font-size:1.5em;
	font-weight:bold;
	font-family:serif;
	padding:20px 0;
}
h3,h4,h5,h6{
	font-weight:bold;
	font-family:serif;
}
h2,h3,h4,h5,h6{
	clear:both;
}

/*----------partslabo-----------------*/
@media (min-width: 800px) {

	#continer01,#shopping-guide{
		width:800px;
		margin:20px auto;
		position: relative;
	 }
	table.all-list{
		width:800px;
	}
	#pankuzu,nav#breadcrumbs{
		padding:156px 0 0 0;
	}
}
@media (max-width: 799px) {
	#switchBtnArea{
	/*-- margin-bottom:56px; 2018/04/27--*/
	}
}
/*フォーム*/
/*input[type="button"]:hover,*/
input[type="submit"]:hover{
	/*background-color:#aaa;*/
}
/*--------メニュ--------*/
/*2018/04/27修正：モバイルでは下に*/
@media (min-width: 800px) {
	#menu,.menu-collapser{
		top: 100px;
		left: 0px;
		width: 100%;
		position: absolute;
		z-index: 100;
	}
	.menu-collapser{
		top: 56px;
		left: 0px;
		width: 100%;
		position: absolute;
		z-index: 100;
	}

}

#menu-title{
	padding-left:56px;
	line-height:56px;
}
#global-menu{
	color:#fff;
	padding-left:64px;
	line-height:56px;
}
/*--------メニュ--------*/

.left{
	float:left;
}
.right{
	float:right;
}
.right img{
	padding:0 0 0 0.8rem;

}
.right td img{
	padding:0;
}

.left img{
	padding:0 0.8rem 0 0;

}

.clearfloat{
	clear:both;
}
.red{
	color:#f66;
}
.small{
	font-size: 0.8125rem;
}
table caption{
	text-align:left;
}
table.all-list th{
	padding-left:8px;
	padding-right:8px;
	background-color: #ddd;
	color:#000;
	text-align:center;
	line-height:1.6;
}
table.all-list td{
	padding:4px 3px;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.0rem;
	line-height:1.4;
	vertical-align:middle;
}
table.all-list td form{
	margin:0;
}
table.all-list td.m_Ni{padding-left:15px;background:transparent url(../img/m_Ni.jpg) no-repeat;background-position:0% 50%;}
table.all-list td.m_Ki{padding-left:15px;background:transparent url(../img/m_Ki.jpg) no-repeat;background-position:0% 50%;}
table.all-list td.m_Bn{padding-left:15px;background:transparent url(../img/m_Bn.jpg) no-repeat;background-position:0% 50%;}
table.all-list td.m_Ag{padding-left:15px;background:transparent url(../img/m_Ag.jpg) no-repeat;background-position:0% 50%;}
table.all-list td.m_Pg{padding-left:15px;background:transparent url(../img/m_Pg.jpg) no-repeat;background-position:0% 50%;}
table.all-list td.m_Db{padding-left:15px;background:transparent url(../img/m_Db.jpg) no-repeat;background-position:0% 50%;}
table.all-list td.m_Zc{padding-left:15px;background:transparent url(../img/m_Zc.jpg) no-repeat;background-position:0% 50%;}
table.all-list td.m_Cz{padding-left:15px;background:transparent url(../img/m_Cz.jpg) no-repeat;background-position:0% 50%;}

/*------footer------*/
#footer {
	width:100%;
	background-color: #efefef;
}
div#shopping-guide{
	width:100%;
}
div#shopping-guide table tbody{
	border:0;
}
div#shopping-guide h6{
	margin:0;
	border-bottom:1px solid #aaa;
}
div#shopping-guide th{
	background-color: transparent;
	white-space:nowrap;
	vertical-align: top;
	border-right: none;

}
div#shopping-guide td{
	border-right: none;
}
div#shopping-guide tr{
	border-bottom:1px dotted #aaa;
}
div#shopping-guide ul li{
	padding-left:0;
}
div#shopping-guide tr:last-child{
	border-bottom:0;
}
div#shopping-guide #otodoke,.syousai,#souryo p{
	font-size: 0.8125rem;
}
div#footer #souryo ul{
	margin-top:0;
}
.syousai{
	text-align:right;
}
#footer #copyright{
	text-align:center;
	padding:1rem;
	background-color: #ddd;
	font-size:0.8125rem;

}
/*------item_detail------*/

#continer01 #mekkilink li{
	list-style:none;
	display:inline;
}

#continer01 .goods {
    display: block;
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px 20px 0px;
    text-align: left;
    clear: both;
    width: 100%;
}
.goods h3 {
    background: #999;
    color: #fff;
    font-family: serif;
    padding: 0.2em;
    margin: 15px 0 10px 0;
}
h3 a{
    color: #fff;
}
.goods .pict {
    width: 50%;
}
.goods table {
    border-collapse: collapse;
    margin: 5px 0;
    width: 48%;
    background-color: #F7EFCB;
    font-family: sans-serif;
}
.goods td, .goods th {
    border: solid 1px #999;
    font-size: 1.0rem;
    line-height:1.6;
    word-wrap: break-word;
}
.goods th {
    background: #EDE3B2;
    color: #000;
    width: 20%;
}
.goods .pict, .goods .pict500 {
    display: block;
    text-align: center;
    border: solid 1px #999;
    margin: 0px 2% 5% 0px;
    padding: 0px;
}
/*基本テーブル以外の商品テーブル*/
.goods table.left th,.goods table.left td,
#continer01 table.normal-table th,#continer01 table.normal-table td{
	width:auto;
}
.goods table.left,#continer01 table.normal-table{
	margin:0 10px 0 0;
}
#continer01 table.normal-table{
	width:auto;
}
table.normal-table th{
	background-color:#eee;
}
table.normal-table td{
	background-color:#fff;
}
.goods table td li li{
	font-size:.75rem;
	padding:0;
}
/*基本テーブル以外の商品テーブル*/
div.cart{
	clear: none;
	/*text-align: right;*/
	width:48%;
	margin:1em 0 1em 52%;
}
div.cart p.small{
	text-align: left;
}
div.cart input:hover { 
 /* background-color: #D9D7CC; */
}
div.cart dl{
	text-align:left;
	border-left:8px solid #999;
}
div.cart dt{
	margin-top:1rem;
	padding-left:1rem;
}
div.cart dd{
	border:none;
	padding-left:1rem;
}
.pageend{
	clear:both;
	font-size: 0.8125rem;
	text-align:right;
}
@media (min-width: 800px) {
	.goods .pict, .goods .pict500 {
		float: left;
	}
}
@media (max-width: 479px) {
	.omitt{
		display:none;
	}
}
@media (max-width: 799px) {
	.omit{
		display:none;
	}
	#continer01 table.all-list td img,
	#continer01 #mekkilink li img{
		display:inline;
	}

	table.all-list td form input{
		display: block;
		height: 0;
		overflow: hidden;
		width:31px;
		padding-top: 23px;
		line-height: 23px;
		background:url("../img/cart.jpg") top left no-repeat;
		cursor:pointer;
		*padding-top:0;
		*line-height:0;
		*height:30px;
		text-indent: -9999px;
		border:0;
	}
	table.all-list td form input:hover{
		background-position: 0 -31px;
	}
	table.all-list td{
		font-size:.875rem;
	}
	table.all-list td img{
		display:inline;
	}
	img {
		height:auto;
	}

	.goods .pict, .goods .pict500,#continer01 img{
		display:block;
		padding:0;
		text-align:center;
		margin:0 auto;
		float:none;
		width:auto;
		height:auto;
	}
	.goods .pict{
		border:none;
	}
	#continer01{
		padding:0 2%;
	}
	#continer01 .menu-collapser{ 
	/*20180427*/
		width:104%;
		margin-left:-2%;
	}
	.goods table{
		margin:0 auto;
		width:90%;
}

	.goods table.left{
		margin:0 auto;
	}
	.goods div.cart{
	    margin:1em auto;
	    width:90%;
	}
	.goods div.cart form input,.goods div.cart form select{
		width:100%;
		margin:.24em auto;
	}
	.left, .right{
		float:none;
	}

	.panel > .panel-head{
		width:100%;
		padding-right:5%;
		padding-left:5%;
	}
} 
a.strong_related:link,a.strong_related:visited,
a.normal_related:link,a.normal_related:visited{
	color:#369;
	padding-right:.32rem;
	padding-left:.32rem;
}
a.strong_related:link,a.strong_related:visited{
	border-bottom:1px dotted #336699;
}
a.strong_related:hover,a.normal_related:hover{
	border-bottom:0;
	background-color:#efefef;
}
a.strong_related:active,a.normal_related:active{
	border-bottom:0;
	background-color:#eee;
}
.setsumei{
	margin-top:1.25em;
	margin-bottom:1.25em;
}
/*----------------*/
.panel > .panel-body{
	padding:0 5%;
}
.panel-body h5{
	width:100%;
}
.panel h4{
	margin:0;
}
.panel h5{
	border-bottom:1px dotted #aaa;
}
/*----------ハトメindex-----------*/
ul.kanren {
	padding-left: 17px;
}
.kanren li{
	font-size: 0.8125rem;
	padding-left: 0px;
}
.kanren li a:link{
	color:#666;
}
.kanren li a:visited{
	color:#999;
}
.kanren li a:hover{
	color:#000;
	text-decoration:underline;
}
.kanren li a:active{
	color:#999;
	text-decoration:none;
}
@media (max-width: 799px) {
	.kanren li{
		margin-bottom:12px;
	}
}
/*----------カシメindex-----------*/
.panel-body{
	overflow:auto;
	
}
#kashimehyou table {
    width: 800px;
    border: 1px solid #000;
    margin: 10px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}
#kashimehyou table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
    margin: 0px;
    padding: 2px 0px;
}
#kashimehyou table th {
    background-color: #fff;
    color: #000;
    margin: 0px;
    padding: 2px 0px;
    border: 1px solid #000;
    text-align: center;
}
#kashimehyou .gray {
    background-color: #F5F1C2;
    width: 64px;
}
.gray{
    background-color: #efefef;
	padding:8px;
}
ol#image-how_kashime li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#continer01 ul.setsumei{
	margin:.75rem 0;
	padding:0.25rem 0.5rem;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
}
#continer01 ul.setsumei li{
	padding-left:0.25rem;
}
.set-list {
	padding-left:2px;
	padding-right:2px;
}
dl.qa dt{
	color:#333;
	background-color:#efefef;
	border:1px solid #aaa;
	font-size:1rem;
	line-height:1.4;
	margin-top:2.5rem;
	padding:0.5rem 1rem;
}
dl.qa dd ul li{
	margin-top:0.5rem;
}
/*----------ガイド系index-----------*/
.guide h3{
	background-color: #69c;
	color: #fff;
	padding: 0.25em;
	margin: 3em 0 0.5em 0;
}
.guide table caption{
	font-size:1.0rem;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	padding-bottom: 0px;
}
.guide #bank-info table{
	margin:20px 0;
}

/*----------サイトマップ-----------*/
#item-all-list{
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}
#sitemap ul li{
	padding-left:0;
	font-size:0.875rem;

}
li#sitemap-item-title{
}
li#sitemap-item-title ul li{
	padding-top:6px;
	border-top:1px dotted #aaa;
}
#sitemap ul.normal-list li li{
	border-top:none;
}

@media (max-width: 799px) {
	#item-all-list{
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
	#sitemap ul{
		padding-left:4px;
		padding-right:32px;
	}
	#sitemap ul ul{
		padding-right:0px;
	}
	#sitemap ul li{
		padding-left:4px;
	}
	#sitemap ul li a{
		/*border:1px solid #aaa;*/
		display:block;
		line-height:44px;
		margin-bottom:12px;
		padding-left:8px;
	}
	#sitemap ul li#sitemap-item-title a:link,#sitemap ul li a:visited{
		background-color:#f8f8f8;
	}
	#sitemap ul li#sitemap-item-title a:hover,#sitemap ul li a:active{
		background-color:#efefef;
	}
}
/*----------メルフォとカート-----------*/
#mail-form-box,#main-cart-form{
	width:100%;
}
#mail-form dl,#main-cart-form{
	width:100%;
}
#mail-form dt,#main-cart-form dt{
	margin:;
	float:left;
	width:30%;
	font-size:1.0rem;
	clear:both;
	padding:0.75rem 0;
	border-top:1px dotted #aaa;
	color:#333;
}
#mail-form dd,#main-cart-form dd{
	margin:;
	border:0;
	float:right;
	width:70%;
	padding:0.75rem 0;
	border-top:1px dotted #aaa;

}
#mail-form dd input,#mail-form dd textarea,#mail-form dd select
#main-cart-form dd input,#main-cart-form dd textarea,#main-cart-form dd select{
	width:90%;
}
#mail-form form p,
#main-cart-form p{
	clear:both;
	text-align:center;
	margin:2rem ;
}

@media (max-width: 799px) {
	#mail-form-box dl,
	#main-cart-form dl{
		width:90%;
		margin:0 auto;
	}
	#mail-form dt,#mail-form dd,
	#main-cart-form dt,#main-cart-form dd{
		float:none;
		width:100%;
		padding:0;
	}
	#mail-form dt,#main-cart-form dt{
		margin-top:1.5rem;
	}
	#mail-form dd,#main-cart-form dd{
		border-top:0;
		margin-bottom:1.5rem;
	}
}
/*----------打ち方-----------*/
.uchikata li{
	clear:both;
	padding-top:1rem;
	padding-bottom:1rem;
	border-top:2px dotted #aaa;
	overflow:auto;
	list-style-position: inside;
}
.uchikata li li{
	border:none;
	padding:0 0 0 0.25rem;
}
.uchikata li ul{
	padding:0.5rem 0;
	font-size:0.88rem;
}
/*------カート数値---------*/
.js-characters-change{
	ime-mode: disabled;
}
/*----------Q&A-----------*/
h3.QA_title{
	background-color:#69C;
	padding: 0.25em;
	margin: 3em 0 0.5em 0;
}
/*ハトメ表*/
table#hatomehyou td{
	text-align: center;
	line-height:1.25;
}
/*widthサイズ%*/
.w03{width:3%;}
.w04{width:4%;}
.w05{width:5%;}
.w06{width:6%;}
.w07{width:7%;}
.w08{width:8%;}
.w09{width:9%;}
.w10{width:10%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w17{width:17%;}
.w18{width:18%;}
.w19{width:19%;}
.w20{width:20%;}
.w21{width:21%;}
.w22{width:22%;}
.w23{width:23%;}
.w24{width:14%;}
.w25{width:25%;}
.w26{width:26%;}
.w27{width:27%;}
.w28{width:28%;}
.w29{width:29%;}
.w30{width:30%;}
.w31{width:31%;}
.w35{width:35%;}
.w45{width:45%;}
.w50{width:50%;}
/*---------検索サーチ用---------*/
article#SearchForm{background-color:#efefef;padding:1rem;}
article#SearchForm h2{padding:0;font-size:1.2rem;}
article#SearchForm form p{text-align:center;}
dl#SearchResult dt{margin-top:2.5rem;}
dl#SearchResult dt a{font-weight:bold;}
dd.UpdateTime{font-size:small;text-align:right;coloo:#ddd;padding:0;}