@charset "UTF-8";
/* CSS Document */
/* contents---------------
   1.Reset
   2.Base
   3.Layout
   4.Common
   5.Page
   6.Script
	------------ */
/*----------------------------------------------------------
  reset
--------------------------------------------------------- */
body, dl, dt, dd, ul, li, h1, h2, h3, h4, form, p, th, td, input, textarea, select {
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

ul, dl {
  list-style-type: none;
}

/*----------------------------------------------------------
  Base
--------------------------------------------------------- */
body {
  font-size: 15px;
  color: #404040;
  margin: 0 auto;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

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

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clear {
  clear: both;
}

.center{
  vertical-align: middle;
}

.centering_item1 {
    width: 600px;                /* 幅指定 */
    height: 370px;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
}

.centering_item2 {
	display: table-cell;
	vertical-align: top;
    clear: both;
}

p {
  line-height: 1.6;
}

a {
  -webkit-tap-highlight-color: transparent;
}

/*
a:link {
  color: #596da6;
  font-style: normal;
  text-decoration: underline;
}
*/

a:visited {
  color: #486083;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a img:hover {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  filter: alpha(opacity=70);
}

strong {
  font-weight: bold;
}

small {
  font-size: 85%;
  line-height: 1.1;
}

blockquote {
  padding: 2px 0 2px 1em;
  border-left: 7px #C0D9FE solid;
  margin: 10px 0;
}

/*----------------------------------------------------------
  Layout
--------------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Header
----------------------------------------------- */
#content .head {
  width: 100%;
  border-top: 16px solid #CC0000;
  position: relative;
}
#content .head .logo {
  background: url(../img/bg_header.gif) no-repeat;
  width: 405px;
  height: 60px;
  position: relative;
  top: -16px;
}
#content .head .logo img.siteid {
  position: absolute;
  left: 30px;
  top: 16px;
}
#content .head img.motto {
  position: absolute;
  left: 405px;
  top: 17px;
}
#content .head + .systemtitle {
  font-size: 18px;
  color: #818181;
  background: #F4F4F4;
  padding: 8px 25px;
  font-weight: bold;
  position: relative;
}
#content .head + .systemtitle .headBtn {
  position: absolute;
  right: 25px;
  top: 6px;
}
#content .head + .systemtitle div.inquiry{
	position: absolute;
	right: 25px;
	top: 6px;
}
#content .head + .systemtitle .headBtn ul li{
	display:inline-block;
	vertical-align: top;
}
#content .head + .systemtitle .inquiry a {
  font-weight: normal;
  border: 1px solid #596da6;
  font-size: 14px;
  padding: 4px 1.5em;
  background: #FFF;
}
#content .head + .systemtitle .logout a {
  font-weight: normal;
  background: #595959;
  font-size: 14px;
  padding: 4px 1.5em;
  color: #FFF;
}

/* Contents
----------------------------------------------- */
/*#content .mainArea {
  padding: 15px 25px 40px;
}
*/
/* Footer
----------------------------------------------- */
#content .foot {
  height: 25px;
  width: 100%;
  background: #CC0000;
  position: relative;
}
#content .foot .group {
  position: absolute;
  left: 33px;
  top: 7px;
}
#content .foot .logo {
  position: absolute;
  right: 20px;
  top: 7px;
}

/*----------------------------------------------------------
  Common
--------------------------------------------------------- */
/*  headline
----------------------------------------------- */
.mainArea h1 {
  border-left: 4px #CC0000 solid;
  padding: 0.1em 0 0 0.8em;
  font-size: 24px;
  letter-spacing: 1px;
  position: relative;
}
.mainArea h1 span.sub {
  display: block;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px dotted #B3B3B3;
  padding-bottom: 0.3em;
  margin-bottom: 0.2em;
  color: #404040;
  letter-spacing: normal;
}
.mainArea h1 span.type {
  background: #EEEEEE;
  padding: 0.2em 0.8em 0;
  margin-left: 0.5em;
  color: #404040;
  font-size: 16px;
}
.mainArea h2 {
  padding: 0.6em 0.8em;
  border-left: 4px solid #CC0000;
  font-size: 18px;
  border-top: 1px solid #CC0000;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.mainArea.top h2.type1,
.mainArea.top h2.type2{
	padding: 0.4em 0.8em 0.3em;
  font-size: 16px;
  border:none;
  font-weight:bold;
}
.mainArea.top h2.type1 {
  background: #FFF5F5;
}

.mainArea.top h2.type2{
  background: #e4f4ff;
}

.admin .mainArea h1 {
  border-left: 4px #507AAE solid;
}
.admin .mainArea h2 {
  padding: 0.6em 0.8em;
  border-left: 4px solid #507AAE;
  font-size: 18px;
  border-top: 1px solid #507AAE;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

/*  list
----------------------------------------------- */
ul.nomark li {
  margin: 0.4em 0;
}

/*  table
----------------------------------------------- */
/* 表 (レイアウト用) */
table.layout {
  border: none;
  thpadding: 0;
  border: none;
}
table.layout td {
  padding: 0 5px;
  border: none;
}

table.data {
  margin: 10px 0;
  border: 1px solid #999;
  border-collapse: collapse;
  border: 1px solid #999;
  word-break: break-all;
  background: #FFF;
}
table.data th {
  padding: 8px 8px;
  background: #F0F0F0;
  border-bottom: solid 1px #999;
  border-top: none;
  border-right: solid 1px #999;
  border-left: solid 1px #999;
  text-align: center;
  font-weight: bold;
}
table.data td {
  word-break: break-all;
  padding: 10px 8px;
  border-bottom: solid 1px #999;
  border-top: none;
  border-right: solid 1px #999;
  border-left: none;
}

/*  marker
----------------------------------------------- */
.mk-xls {
  background: url(../img/icon_xls.gif) no-repeat left center;
  padding-left: 20px;
  line-height: 1.7;
}
.mk-xlspdf {
  background: url(../img/icon_xlspdf.gif) no-repeat left center;
  padding-left: 40px;
  line-height: 1.7;
}
.mk-doc {
  background: url(../img/icon_doc.gif) no-repeat left center;
  padding-left: 20px;
  line-height: 1.7;
}

.mk-pdf {
  background: url(../img/icon_pdf.gif) no-repeat left center;
  padding-left: 20px;
  line-height: 1.7;
}

.mk-notice {
  background: url(../img/icon_list03.gif) no-repeat left center;
  padding-left: 20px;
  line-height: 1.7;
}

.mk-noticeR {
  background: url(../img/icon_list04.gif) no-repeat left center;
  padding-left: 20px;
  line-height: 1.7;
}

.mk-arrowTs {
  background: url(../img/icon_arrowt-s.gif) no-repeat left center;
  padding-left: 14px;
}

.mk-arrowRs {
  background: url(../img/icon_arrowr-s.gif) no-repeat left center;
  padding-left: 14px;
}

.mk-arrowBs {
  background: url(../img/icon_arrowb-s.gif) no-repeat left center;
  padding-left: 14px;
}

.mk-arrowLs {
  background: url(../img/icon_arrowl-s.gif) no-repeat left center;
  padding-left: 14px;
}

.mk-arrowR2 {
  background: url(../img/icon_arrowr3.png) no-repeat left center;
  padding-left: 14px;
}
/*  box
----------------------------------------------- */
.box {
  border: 1px solid #CCC;
  padding: 1.5em;
}

.frame {
  overflow: scroll;
  height: 10em;
}

div.clearBox:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

div.clearBox {
  overflow: hidden;
  height: auto;
}
div.clearBox .img-l, div.clearBox .img-r {
  margin-bottom: 10px;
}
div.clearBox .img-l {
  float: left;
  margin-right: 10px !important;
}
div.clearBox .img-r {
  float: right;
  margin-left: 10px !important;
}
div.clearBox .hidden {
  height: auto;
}
div.clearBox .auto {
  overflow: auto;
  height: auto;
}

.clm2, .clm3 {
  width: 100%;
}

.clm2 .clm {
  width: 49%;
  display: inline-block;
}

.clm3 .clm {
  width: 33%;
  display: inline-block;
}

/*  Arrangement
----------------------------------------------- */
.align-r {
  text-align: right;
}

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

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

.valign-t {
  vertical-align: top;
}

/*  Margin
----------------------------------------------- */
*.sp-v0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

*.sp-v5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

*.sp-v10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

*.sp-v15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

*.sp-v20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

*.sp-v25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

*.sp-v30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

*.sp-t0 {
  margin-top: 0px !important;
}

*.sp-t5 {
  margin-top: 5px !important;
}

*.sp-t10 {
  margin-top: 10px !important;
}

*.sp-t15 {
  margin-top: 15px !important;
}

*.sp-t20 {
  margin-top: 20px !important;
}

*.sp-t25 {
  margin-top: 25px !important;
}

*.sp-t30 {
  margin-top: 30px !important;
}

*.sp-t40 {
  margin-top: 40px !important;
}

*.sp-t50 {
  margin-top: 50px !important;
}

*.sp-b0 {
  margin-bottom: 0px !important;
}

*.sp-b5 {
  margin-bottom: 5px !important;
}

*.sp-b10 {
  margin-bottom: 10px !important;
}

*.sp-b15 {
  margin-bottom: 15px !important;
}

*.sp-b20 {
  margin-bottom: 20px !important;
}

*.sp-b25 {
  margin-bottom: 25px !important;
}

*.sp-b30 {
  margin-bottom: 30px !important;
}

*.sp-b40 {
  margin-bottom: 40px !important;
}

*.sp-b50 {
  margin-bottom: 50px !important;
}

*.sp-b70 {
  margin-bottom: 70px !important;
}

*.pd-lr5 {
  padding-right: 5px;
  padding-left: 5px;
}

*.pd-lr10 {
  padding-right: 10px;
  padding-left: 10px;
}

*.pd-lr15 {
  padding-right: 15px;
  padding-left: 15px;
}

*.pd-lr20 {
  padding-right: 20px;
  padding-left: 20px;
}

.indent {
  margin-left: 1em;
}

/*  hr
----------------------------------------------- */
/*  form
----------------------------------------------- */
.btnArea {
  margin: 25px auto;
  text-align: center;
}
.btnArea ul li {
  display: inline-block;
  margin: 0 0.5em;
}
.btnArea input[type="button"], .btnArea input[type="submit"] {
  line-height: 1;
  padding: 0.8em 1.7em 0.6em 1.7em;
}

.checkArea {
  background: #F0F0F0;
  padding: 1em;
}

label:hover {
  border-bottom: 2px solid #FF9D9D;
}

.form {
  padding: 0 15px;
}
.form span.cmt {
  display: block;
  font-size: 90%;
}
.form dl {
  margin: 0;
}
.form dl dt, .form dl dd {
  display: inline-block;
  vertical-align: top;
  border-top: 1px dashed #CCC;
}
.form dl dt {
  width: 30%;
  padding: 0.6em 0;
  text-indent: -1em;
  padding-left: 1em;
}
.form dl dt:before {
  content: "○";
  color: #CC0000;
  margin-right: 0.2em;
}
.form dl dd {
  width: 68%;
  padding: 0.9em 0;
}
.form dl dl {
  margin: 0;
}
.form dl dl dt, .form dl dl dd {
  display: inline-block;
  vertical-align: top;
  border-top: none;
}
.form dl dl dt {
  width: 24%;
  padding: 0.6em 0;
}
.form dl dl dt:before {
  content: "・";
  color: #CC0000;
  margin-right: 0.2em;
}
.form dl dl dd {
  width: 75%;
  padding: 0.4em 0;
}
.form .msg {
  position: relative;
  background: #FFF5E5;
  padding: 1em;
  width: 70%;
  margin: 15px auto;
}
.form .msg:before {
  content: " ";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../img/icon_msg.gif) no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -33px;
}
.form .msg .title {
  text-align: center;
  font-weight: bold;
  color: #F57212;
  margin-top: 1px;
}
.form .msg ul.error {
  margin-top: 10px;
  color: #CC0000;
}
.form .msg ul.error li:before {
  content: "・";
  color: #CC0000;
  margin-right: 0.2em;
}

.form.check dl {
  margin: 0;
}
.form.check dl dt {
  color: #696969;
}
.form.check dl dd {
  font-size: 18px;
}
.form.check dl dd p {
  font-weight: normal;
}
.form.check dl dd dl {
  font-weight: normal;
}
.form.check dl dd dl dt {
  font-size: 15px;
  color: #696969;
}
.form.check dl dd dl dt, .form.check dl dd dl dd {
  vertical-align: middle;
}

select, textarea,
input[type="text"], input[type="email"], input[type="tel"], input[type="password"] {
  border: #8E8E8E 1px solid;
  background: #FFF;
  color: #333;
  font-size: 15px;
  padding: 0.5em 6px;
  width: 100%;
}

select[disabled], textarea[disabled],
input[type="text"][disabled]{
  background:#DCDCDC;
}


textarea:focus,
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
  border: 1px solid #FF9D9D;
  background: #FFF7F7;
}

input[type="button"], input[type="submit"] {
  color: #FFF;
  padding: 0.3em 1.2em 0.3em 1.2em;
  font-weight: 100%;
  background: #808080;
  border: none;
  font-size: 18px;
  border-bottom: #595959 3px solid;
  border-radius: 4px;
  letter-spacing: 1px;
}

input[type="button"].sizeS, input[type="submit"].sizeS {
  font-size: 15px;
  padding: 0.3em 1em;
  background: #507AAE;
}

input[type="button"].sizeSR, input[type="submit"].sizeSR {
  font-size: 15px;
  padding: 0.3em 1em;
  background: #CC0000;
}

input[type="button"].next, input[type="submit"].next {
  background: #CC0000;
}

input[type="button"]:hover,
input[type="submit"]:hover, button:hover {
  cursor: pointer;
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  filter: alpha(opacity=70);
}

.required {
  background: url(../img/icon_required.gif) no-repeat right 3px;
  padding-right: 30px;
}

.full {
  width: 100% !important;
}

.middle {
  width: 70% !important;
}

.half {
  width: 50% !important;
}

.shalf {
  width: 35% !important;
}

.short {
  width: 30% !important;
}

.vshort {
  width: 20% !important;
}

/*----------------------------------------------------------
  Page
--------------------------------------------------------- */
/*  common
----------------------------------------------- */
.flow ul {
  margin: 15px auto 40px;
  text-align: center;
}
.flow ul li {
  display: inline-block;
  position: relative;
  background: url(../img/icon_arrowr.gif) no-repeat right center;
}
.flow ul li span {
  display: block;
  font-size: 13px;
  background: #F4F4F4;
  color: #595959;
  padding: 0.8em 1.2em;
  border-radius: 5px;
  margin: 0 18px 0 4px;
  letter-spacing: 1px;
}
.flow ul li.last {
  background: none;
}
.flow ul li.active span {
  background: #FFE4E4;
  font-weight: bold;
}

ul.topicPath {
  border-bottom: 1px dashed #CCC;
  padding: 0.5em;
  margin-bottom: 1.5em;
}
ul.topicPath li {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin-right: 0.5em;
}
ul.topicPath li a {
  margin-right: 0.5em;
}
/*  entry
----------------------------------------------- */
.mainArea .term.frame{
/*	height:23em; */
	font-size:88%;
}

.mainArea .term.frame p{
	margin-bottom:0.8em;
}
/*  user
----------------------------------------------- */
/*  order
----------------------------------------------- */
.form.login {
  background: #F4F4F4;
  width: 65%;
  margin: 15px auto;
  padding: 2em 2em 1em;
}
.form.login dl dt, .form.login dl dd {
  border-top: none;
  vertical-align: middle;
}

/*  order main
----------------------------------------------- */
.msgBar{
	background:#FFF9E4;
	border-left:8px solid #FFD542;
	padding:10px;
	margin:10px 0 15px;
	font-size:14px;
}

.mainArea.top .clm2 .clm { vertical-align: top;}
.mainArea.top .clm2 .userdata.clm { width: 24%; margin-right: 2%;}
.mainArea.top .clm2 .clm { width: 73%;}
.mainArea.top .clm3 { width: 100%; font-size:0;}
.mainArea.top .clm3 .clm { width: 33%; font-size:15px;}

.mainArea.top .userdata {
  position: relative;
}
.mainArea.top .userdata .user {
  padding: 20px 10px 10px;
  border: #CCC solid 4px;
}
.mainArea.top .userdata dt {
  text-align: center;
  margin: 0 auto 15px;
  width: 61px;
}
.mainArea.top .userdata dd {
  text-align: center;
}
.mainArea.top .userdata dd span.no {
  background: #808080;
  color: #FFF;
  padding: 3px 10px 0;
  margin-bottom: 5px;
  display: block;
  text-align: center;
}
.mainArea.top .userdata dd span.no .num {
  font-weight: bold;
}
.mainArea.top .userdata dd span.company{
  display: block;
  text-align: left;
  font-size:12px;
}
.mainArea.top .userdata dd span.name{
	text-align:center; display:block;
	margin-bottom:15px;
}
.mainArea.top .userdata .sideNav{
	margin:15px 0;
}
.mainArea.top .userdata .sideNav ul a{
	background:#FFF5F5;
	display:block;
	padding:15px;
	margin-bottom:2px;
}
.mainArea.top .userdata .sideNav ul a:hover{
	opacity:0.7;
}
.mainArea.top .userdata .sideNav ul a:before {
  content: " ";
  width: 6px;
  height: 8px;
  background: url(../img/icon_arrowr3.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  display:inline-block; padding-right:8px;
}
.mainArea.top .mainmenu{
	margin-bottom:20px;
}
.mainArea.top .mainmenu .clm3 .clm{
	text-align:center;
	margin-right:1.2%;
	width:32.5%;
}
.mainArea.top .mainmenu .clm3 .clm:last-child{
	margin-right:0;
}
.mainArea.top .mainmenu .clm3 .clm a{
	border:3pt solid #CC0000;
	display:block;
	border-radius:5px;
	padding:18px 13px 15px;
	min-height:230px;
	text-decoration: none;
}

.mainArea.top .mainmenu .clm3 .clm a:hover{
	background:#FFF5F5;
}

.mainArea.top .mainmenu .clm3 .clm a dd.title{
	font-size:17px;
	font-weight:bold;
	margin:15px 0;
	color:#006fb7;
	letter-spacing: 0.1em;
	text-decoration: underline;
}
.mainArea.top .mainmenu .clm3 .clm a dd.info{
	font-size:13px;
	text-align: left;
}
/*
.mainArea.top .userdata .btnOrder {
  background: #FFF5F5;
  padding: 20px 15px;
  text-align: center;
}
.mainArea.top .userdata .btnOrder input {
  width: 200px;
  padding: 0.8em 0 0.5em;
}
.mainArea.top .userdata .btnOrder input:hover {
  background: #E51919;
  opacity: 1;
}

.mainArea.top .userdata .btnArea {
  margin: 8px 0 0;
}
.mainArea.top .userdata .btnArea li input {
  width: 200px;
}
.mainArea.top .userdata .btnArea input.useredit {
  font-size: 15px;
  border: #137BAC 1px solid;
  background: #F9F9F9;
  color: #137BAC;
  text-decoration: underline;
}
*/
.mainArea.top .flow {
  padding-bottom: 15px;
  font-size: 0;
  width: 100%;
  margin: 0 auto;
}
.mainArea.top .flow dl {
  width: 24%;
  display: inline-block;
  position: relative;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom:20px;
  vertical-align: top;
  text-align: center;
}
.mainArea.top .flow dl dt{
	margin-bottom:5px;
}
.mainArea.top .flow dl dd {
	font-size:13px;
}
.mainArea.top .flow dl:after {
  content: " ";
  width: 16px;
  height: 14px;
  background: url(../img/icon_arrowr2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 70px;
  bottom: 0;
  right:-10px;
}
.mainArea.top .flow dl.last {
  background: none;
  margin-right: 0;
  padding-right: 0;
}
.mainArea.top .flow dl.last:after {
  background: none;
}
.mainArea.top .news {
  margin-bottom: 25px;
}
.mainArea.top .news ul {
  padding: 0 5px;
}
.mainArea.top .news ul li {
  text-indent: -9.4em;
  font-size: 14px;
  margin-left: 9em;
  border-bottom: 1px dashed #CCC;
  padding: 5px 0;
}
.mainArea.top .news ul li span.date {
  color: #CC0000;
  width: 9em;
  display: inline-block;
  text-indent: 0em;
}

.mainArea.top .doc{

}

.mainArea.top .doc dl dt {
  background: url(../img/icon_arrowb-s.gif) #F7F7F7 no-repeat 8px center;
  padding: 8px 8px 8px 25px;
  margin-bottom: 5px;
  color: #737373;
  font-weight: bold;
}
.mainArea.top .doc dl {
  float: left;
  width: 50%;
  padding: 0 7px;
  margin-bottom:15px;
}
.mainArea.top .doc .inner:after {
  content: "";
  display: block;
  clear: both;
}
.mainArea.top .doc dl dd {
  padding: 5px 3px;
  border-bottom: 1px dashed #CCC;
}
.mainArea.top .doc dl dd a {
  display: block;
}
.mainArea.top .doc dl dd a:hover{
	opacity:0.7;
}


.mainArea.top .download .inner {
  border: 1px solid #CCC;
  padding: 10px;
  font-size: 14px;
  margin-bottom:10px;
}
.mainArea.top .download dl {
  float: left;
  width: 25%;
  padding: 0 7px;
}
.mainArea.top .download dl dt {
  background: url(../img/icon_arrowb-s.gif) no-repeat left center;
  padding-left: 14px;
  margin-bottom: 5px;
  color: #737373;
  font-weight: bold;
}
.mainArea.top .download dl dd {
  padding: 5px 3px;
  border-bottom: 1px dashed #CCC;
}
.mainArea.top .download dl dd a {
  display: block;
}
.mainArea.top .download .inner:after {
  content: "";
  display: block;
  clear: both;
}


.mainArea.top .orderlog table{
	font-size:13px;
}

.mainArea.top .contactArea{
	background:#efefef;
	margin-top:35px;
	text-align:center;
	padding:25px 0;
}

.mainArea.top .contactArea a.btn{
	background:#595959;
	color:#FFF;
	text-decoration: none;
	padding:18px 25px;
	border-radius:6px;
	font-weight:bold;
	display:block;
	width:40%;
	margin:0 auto;
}
.mainArea.top .contactArea a.btn:hover{
	opacity:0.7;
}

table.log {
  width: 100%;
  margin: 0 auto;
  /*	th.advance,td.advance{display:none;}
  */
}
table.log input.download {
  font-size: 13px;
  color: #137BAC;
  background: #FFF;
  border: #137BAC 1px solid;
  text-decoration: underline;
}
table.log td.disp_advance, table.log td.file {
  text-align: center;
  width: 20%;
}
table.log td.num {
  text-align: right;
}
table.log td.date {
  width: 18%;
}

table.data tr td.num{text-align:right;}
table.data tr th.num:last-child,
table.data tr td.num:last-child{white-space:nowrap;}

table.error {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
}
table.error td {
  padding: 5px;
}
table.error .line {
  width: 5%;
}
table.error .name {
  width: 24%;
}
table.error .address {
  width: 35%;
}
table.error .cont {
  width: 35%;
}
table.error .num {
  width: 8%;
}
table.error tr.error td {
  background: #FFF3F3;
}
table.error tr.error .cont {
  font-weight: bold;
}

table.table1 {
	border-collapse:collapse;
}

table.table1 tr{
}
 
table.table1 th{
  border:1px solid #000066;
  background:#d1ffee;
}
 
table.table1 td{
  border:1px solid #000066;
  background:#ffffff;
  height: 42px;
  text-align: center;
}

.td1{
  text-align: left !important;
}


.img1{
  height: 170%;
  width: 80%;
  max-width: 80%;
}

.pager {
  text-align: center;
  margin: 18px 0;
}
.pager ul li {
  display: inline-block;
  vertical-align: top;
}
.pager ul li a {
  display: block;
  border: 1px solid #137BAC;
  text-align: center;
  height: 30px;
  width: 2.5em;
  vertical-align: middle;
  border-radius: 3px;
  text-decoration: none;
  font-size: 15px;
  color: #137BAC;
  padding-top: 0.2em;
}
.pager li.active {
  border: 1px solid #137BAC;
  background: #137BAC;
  text-align: center;
  height: 30px;
  width: 2.5em;
  vertical-align: middle;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
  color: #FFF;
  padding-top: 0.2em;
  font-weight: bold;
}

.pager ul li.prev a, .pager ul li.next a {
  width: 3em;
}

.pager ul a:hover {
  background: #F1F1F1;
}

.discount {
  background: #FFF6D9;
  border: 2px solid #EE9D00;
  padding: 10px;
  margin: 15px 0;
}
.discount dt {
  font-weight: bold;
}

.slip {
  width: 94%;
  margin: 15px auto;
}
.slip p:before{
	content:"■";
}
.slip p{
	padding-left:1em;
	text-indent: -1em;
}
.slip dl {
/*  display: inline-block;
  width: 48%;*/
  margin:8px 0 35px 0;
}
.slip dl:last-child{
	margin-bottom:0;
}
.slip dl dt {
  background: url(../img/icon_arrowr-s.gif) no-repeat right center;
  padding-right: 14px;
  margin-right: 5px;
  color: #737373;
  font-weight: bold;
}
.slip dl dt, .slip dl dd {
  display: inline-block;
}
.slip dl input.download {
  font-size: 15px;
  color: #137BAC;
  background: #FFF;
  border: #137BAC 1px solid;
  text-decoration: underline;
}
.slip dl.desk {
  border-right: dotted #CCC 2px;
  margin-right: 1%;
}

/*.disp_advance{display:none !important;}
*/
/*  admin
----------------------------------------------- */
.pageFeed {
  font-size: 0;
  margin: 15px 0;
}
.pageFeed li {
  display: inline-block;
  width: 50%;
  font-size: 14px;
}
.pageFeed li a {
  border: 1px #507AAE solid;
  padding: 0.3em 0.5em;
  text-decoration: none;
  border-radius: 3px;
}
.pageFeed li a:hover {
  opacity: 0.7;
}
.pageFeed li.next {
  text-align: right;
}

#content.admin span.none {
  color: #CC0000;
}
#content.admin .systemtitle {
  background: #E3F2FB;
}
#content.admin .systemtitle span.admin {
  border: 2px solid #507AAE;
  color: #507AAE;
  background: #FFF;
  font-weight: bold;
  font-size: 15px;
  padding: 0.2em 0.7em 0.1em;
  margin-left: 0.4em;
  position: relative;
  top: -1px;
  letter-spacing: 1px;
}
#content.admin .form dl.half {
  margin: 0 auto;
}
#content.admin .form dt:before {
  content: "○";
  color: #507AAE;
  margin-right: 0.2em;
}
#content.admin .topmenu {
  font-size: 0;
}
#content.admin .topmenu .menu {
  display: inline-block;
  vertical-align: top;
  width: 46%;
  margin: 0 2% 30px;
  font-size: 15px;
  border: 1px solid #507AAE;
  border-radius: 3px;
  text-align: center;
}
#content.admin .topmenu .menu a {
  text-decoration: none;
  color: #404040;
}
#content.admin .topmenu .menu a:hover {
  opacity: 0.7;
}
#content.admin .topmenu .menu dl dt {
  font-weight: bold;
  font-size: 20px;
  background: #E3F2FB;
  padding: 15px 0;
}
#content.admin .topmenu .menu dl dd {
  padding: 25px 15px;
}
#content.admin .topmenu .menu dl input {
  display: inline-block;
}
#content.admin .topmenu .menu dl input[type="text"] {
  width: 50%;
  margin-right: 8px;
}
#content.admin .searchBox {
  background: #F3F3F3;
  padding: 7px 15px 13px;
  margin-bottom: 20px;
  border-top: 4px solid #507AAE;
}
#content.admin .searchBox dl dt {
  color: #507AAE;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
  background: url(../img/icon_search.gif) no-repeat left center;
  padding-left: 22px;
}
#content.admin .searchBox dl dd {
  display: inline-block;
  vertical-align: middle;
/*  padding: 0 5% 0 0; */
}
#content.admin .searchBox dl dd input[type="text"] {
  margin: 0 5px;
}
#content.admin .searchBox dl dd input[type="checkbox"] {
  margin-right: 5px;
}
#content.admin .tabmenu + .searchBox {
  border-top: none;
}
#content.admin .tabmenu + .form.check {
  margin-top: 15px;
}
#content.admin .tabmenu {
  border-bottom: 4px solid #507AAE;
  padding: 0 15px;
  text-align: center;
}
#content.admin .tabmenu li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
  border-left: 2px solid #507AAE;
  border-right: 2px solid #507AAE;
  border-top: 2px solid #507AAE;
}
#content.admin .tabmenu li.active, #content.admin .tabmenu a {
  padding: 0.7em 2em 0.5em;
  font-size: 18px;
  min-width: 200px;
}
#content.admin .tabmenu li.active {
  background: #507AAE;
  color: #FFF;
}
#content.admin .tabmenu a {
  display: block;
}
#content.admin .form.check dl {
  margin: 0;
}
#content.admin .form.check dl dt {
  color: #696969;
  width: 28%;
}
#content.admin .form.check dl dd {
  font-size: 16px;
  width: 71%;
  padding: 0.5em 0;
}
#content.admin .form.check dl dd p {
  font-weight: normal;
}
#content.admin .form.check dl dd dl {
  font-weight: normal;
}
#content.admin .form.check dl dd dl dt {
  font-size: 15px;
  color: #696969;
}
#content.admin .form.check dl dd dl dt, #content.admin .form.check dl dd dl dd {
  vertical-align: middle;
}
#content.admin .view.check dl {
  border-bottom: 1px dotted #CCC;
  font-size: 0;
}
#content.admin .view.check dl dt, #content.admin .view.check dl dd {
  display: inline-block;
  vertical-align: top;
  padding: 0.5em;
  font-size: 15px;
  margin: 3px 0;
}
#content.admin .view.check dl dt {
  border-left: 4px solid #507AAE;
  width: 23%;
  font-size: 14px;
  font-weight: bold;
  color: #4C4C4C;
}
#content.admin .view.check dl dd {
  width: 77%;
}
#content.admin .view.check dl dd dl, #content.admin .view.check dl dd dl:last-child {
  border: none;
  width: 100%;
}
#content.admin .view.check dl dd dl dt, #content.admin .view.check dl dd dl:last-child dt {
  width: 28%;
  border-left: 4px solid #CCC;
}
#content.admin .view.check dl dd dl dt.status, #content.admin .view.check dl dd dl:last-child dt.status {
  border-left: none;
  background: #F4F4F4;
  text-align: center;
  font-size: 15px;
}
#content.admin .view.check dl dd dl dd, #content.admin .view.check dl dd dl:last-child dd {
  width: 72%;
}
#content.admin .view.check dl:last-child {
  border-bottom: 1px solid #CCC;
}

/* admin */
.list table.data {
  width: 100%;
  font-size: 14px;
}
.list table.data th, .list table.data td {
  padding: 0.5em 0.3em;
}
.list table.data th {
  text-align: center !important;
}
.list table.data .no {
  width: 10%;
}
.list table.data .kubun {
  width: 6%;
}
.list table.data .address {
  width: 25%;
}
.list table.data .name {
  width: 11%;
}
.list table.data .tel {
  width: 12%;
}
.list table.data .status, .list table.data .order, .list table.data .payment {
  width: 6%;
  text-align: center;
}
.list .sentaku {
  width: 5%;
  text-align: center;
}
.list .detail {
  width: 13%;
  text-align: center;
}
.list .houkoku {
  width: 9%;
  text-align: center;
}

.list table.data .date {
  width: 20%;
}
.list table.data .no, .list table.data .total_num, .list table.data .total_amount {
  text-align: right;
}
.list table.data th {
  padding: 0.5em 0.1em;
}
.list table.data th span {
  color: #507AAE;
  margin: 0 2px;
}
.list table tr:hover {
  background: #e0e0e0 ;
  color: #ffff;
}


.pattern dl dd {
  float: right;
  width: 30%;
  text-align: right;
}
.pattern dl dd a.btn {
  background: #CC0000;
  color: #FFF;
  text-decoration: none;
  padding: 0.5em 0;
  font-size: 17px; line-height:1.4;
  font-weight: bold;
  width: 120px;
  display: block;
  border-radius: 3px;
  text-align: center;
  margin-left: auto;
  margin-right: 0;
  /* box-shadow */
  box-shadow: 0px 3px 0px 0px #434343;
  -moz-box-shadow: 0px 3px 0px 0px #434343;
  -webkit-box-shadow: 0px 3px 0px 0px #434343;
}

table.contacts {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #CCC;
}

.contacts th {
  padding: 8px;
  background-color: #E6F4F9;
  border: 1px solid #CCC;
  font-weight: normal;
  font-size: 0.75em;
}

.font-s {
  font-size: 0.88em;
}

.require {
  color: #CC0000;
}

.contacts td {
  padding: 8px;
  border: 1px solid #CCC !important;
  font-weight: normal;
  font-size: 0.88em;
  line-height: 1.8em;
}

input[type="radio"] {
  padding: 0.8em;
}

input[type="text"], textarea, select {
  padding: 0.8em;
  outline: none;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  width: 95%;
}

.page_main {
  flex: 1 1 75%;
  padding: 10px 10px 10px 0;
}

@media screen and (max-width: 768px) {
.page_main {
    padding: 10px;
    flex: auto;
}
}

main {
  display: flex;
  flex-flow: row;
}

@media screen and (max-width: 768px) {
main {
    flex-direction: column;
}
}

.inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
table.contacts {
    border: none !important;
    margin: 0 !important;
}
}

@media screen and (max-width: 768px) {
table.contacts tr, th, td {
    display: block;
    width: 98%;
    padding: 0;
    border: none !important;
}
}

@media screen and (max-width: 768px) {
table.contacts td {
    border: none !important;
    padding: 5px 0 5px 10px;
}
}

th.background-color {
  background-color: #daf1a9d9;
  height: 46px;
}

@media screen and (max-width: 768px) {
th.background-color {
  background-color: #daf1a9d9;
  height: auto;
}
}

.radio-height {
  height: 52px;
}

.radio-height2 {
  height: 94px;
  line-height: 1.9em;
}

h4 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 20px;
}

.contacts th {
  width: 209px;
}

@media screen and (max-width: 768px) {
  .contacts th {
    width: 98%;
    text-align: left;
  }
}

.inner-area{
  background-color: #ffffff;
}

.title_about{
	color: #CC0000;
    font-size: 1.5em;
    font-weight: bold;
}

.ul_disc{
  list-style-type: disc;
  padding: 10px;
  margin-left: 20px;
}